/* Rock Climbing Route — game-specific accent + wall-themed chrome.
   Chrome (topbar/overlays/buttons) comes from ../_shared/theme.css. */
:root {
  --sm-accent: hsl(28 60% 48%);
  --sm-accent-dark: hsl(28 64% 36%);
}

.sm-stage { background: hsl(28 30% 55%); }

.sm-actionbtn {
  background: linear-gradient(135deg, hsl(28 64% 54%), hsl(22 66% 42%));
  box-shadow: 0 8px 0 hsl(22 66% 28%), var(--sm-shadow-soft);
}
.sm-actionbtn:active, .sm-actionbtn.sm-pressed {
  box-shadow: 0 2px 0 hsl(22 66% 28%), var(--sm-shadow-soft);
}
.sm-actionbtn:disabled { background: hsl(28 15% 70%); box-shadow: none; }

/* Stamina bar (ages 8-10) — a slim energy meter above the bottom bar */
.rc-stamina {
  width: min(100%, 22rem); height: 0.7rem; border-radius: 999px;
  background: hsl(28 20% 85%); overflow: hidden; margin: 0;
}
.rc-stamina-fill {
  height: 100%; width: 100%; border-radius: 999px;
  background: linear-gradient(90deg, hsl(142 66% 45%), hsl(90 70% 50%));
  transition: width 0.25s ease;
}
.rc-stamina-fill.rc-low { background: linear-gradient(90deg, hsl(28 90% 55%), hsl(10 80% 55%)); }

@media (prefers-reduced-motion: reduce) { .rc-stamina-fill { transition: none; } }