/* Crossy Chowk: dusky city-teal backdrop, chai-orange accents */

body.game {
  --bg-top: #1f6f66;
  --bg-bottom: #17423d;
  --hud-ink: #fff;
  --hud-chip: rgba(255, 255, 255, .16);
}
body.game .stage { overscroll-behavior: none; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.subhud .chip { white-space: nowrap; }
.stage .coach-line { top: 14px; max-width: calc(100% - 120px); }

.cc-hand { left: 0; top: 0; margin: 0; animation: none; }
.cc-hand svg { animation: tapme 1.1s ease-in-out infinite; width: 44px; height: 44px; margin-left: -14px; }
.cc-hand.cc-swipe svg { animation: cc-swipe 1.5s ease-in-out infinite; }
@keyframes cc-swipe {
  0%, 15% { transform: translateX(0) scale(1); opacity: 1; }
  55%, 70% { transform: translateX(52px) scale(.9); opacity: 1; }
  100% { transform: translateX(52px) scale(.9); opacity: 0; }
}

.cc-pause {
  position: absolute; inset: 0; z-index: 7; border: 0; width: 100%;
  background: rgba(23, 66, 61, .72); color: #fff; font: 800 20px/1.3 var(--font); padding: 24px;
}
.cc-pause[hidden] { display: none; }