.in-world[data-scene="care"] .scene {
  min-height: 0;
  background: #211510;
}
.in-world[data-scene="care"] .scene::before { content: none; }
.in-world[data-scene="care"] .story-wrap {
  margin: 0 auto !important;
  padding-top: 4.75rem;
  max-width: 1100px;
}
.in-world[data-scene="care"] #game { padding: clamp(8px, 2vw, 20px); }
.care-room h2 { margin: 0 0 .75rem; }
.care-scene { position: relative; }
.care-scene picture, .care-scene img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.story-wrap .care-spot, .story-wrap .care-spot:hover {
  position: absolute;
  left: var(--x);
  top: var(--y);
  transform: translate(-50%, -50%);
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 4px;
  width: auto;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: center;
}
.care-dot {
  width: 15px;
  height: 15px;
  border: 2px solid #fff5c8;
  border-radius: 50%;
  background: #ffbd4f;
  box-shadow: 0 0 13px 5px #fdb950b5;
}
.care-label {
  padding: 4px 7px;
  border: 1px solid #b77c3d;
  border-radius: 14px;
  background: #21130ef5;
  color: #fff6df;
  white-space: nowrap;
  font: 600 clamp(10px, 2vw, 14px)/1.2 system-ui, sans-serif;
}
.care-spot[aria-expanded="true"] .care-label { background: #70401c; }
.care-spot-training { --x: 16%; --y: 36%; }
.care-spot-rest { --x: 50%; --y: 52%; }
.care-spot-medical { --x: 86%; --y: 41%; }
.care-panel {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #986638;
  border-radius: 14px;
  background: #291a13;
}
.care-panel h3 { margin-top: 0; }
.care-unavailable { color: #f3c994; }
.care-slots {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr));
  padding: 0;
  gap: 8px;
  list-style: none;
}
.care-slots li {
  padding: 10px;
  border: 1px solid #92663d;
  border-radius: 8px;
  background: #211510;
}
.care-slots span { display: block; margin-top: 4px; color: #dfb78e; }
@media (min-width: 601px) {
  .care-spot-training { --x: 16%; --y: 40%; }
  .care-spot-rest { --x: 50%; --y: 72%; }
  .care-spot-medical { --x: 87%; --y: 47%; }
}