/* Papad Breaker: terracotta kitchen wall, granite counter (drawn in canvas), pause overlay, win art */

body.game {
  --bg-top: #8a3a1e;
  --bg-bottom: #4a1c0e;
  --hud-ink: #fff6e4;
  --hud-chip: rgba(255, 255, 255, .15);
  background:
    radial-gradient(ellipse at 50% 30%, rgba(255, 200, 120, .16) 0 30%, transparent 65%),
    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}
body.game .stage {
  overflow: hidden; overscroll-behavior: none; touch-action: none;
  user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
}
.subhud .chip { white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 700; }
.chip.pb-balls { background: rgba(243, 156, 43, .35); }
.chip.pb-balls.low { background: var(--chili); animation: pb-pulse 1s ease-in-out infinite; }
@keyframes pb-pulse { 50% { transform: scale(1.06); } }
.chip.pb-hard { background: #fff; color: #b3122e; font-weight: 800; }
.boost { min-width: 84px; min-height: 52px; }

.coach-line { top: 6px; }

.pb-hand { margin: -4px 0 0 -14px; }
.pb-hand.slide { animation: pb-slide 1.4s ease-in-out infinite; }
@keyframes pb-slide {
  0%, 100% { transform: translateX(-56px) rotate(-8deg); }
  50% { transform: translateX(56px) rotate(8deg); }
}

.pb-pause {
  position: absolute; inset: 0; z-index: 8; display: grid; place-content: center; gap: 4px; border: 0;
  background: rgba(40, 14, 4, .66); color: #fff; font: inherit; text-align: center; cursor: pointer; touch-action: manipulation;
}
.pb-pause[hidden] { display: none; }
.pb-pause b { font: 700 34px/1.1 var(--display); }
.pb-pause span { font-weight: 700; font-size: 17px; padding: 10px 22px; margin-top: 10px; border-radius: 999px; background: var(--chili); }

.pb-win .pb-art { width: 100%; max-width: 270px; height: auto; margin: -6px auto -6px; display: block; }
.win.lose h2 { color: #b3122e; }
.pb-lose .goals-left { font-weight: 700; color: var(--ink); }
@media (max-height: 640px) {
  .pb-win .pb-art { max-width: 190px; }
  .pb-win .stars svg { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .pb-hand.slide, .chip.pb-balls.low { animation: none; }
}

/* v2: ladoos left as little ladoos (not hearts, so they never read as cafe lives) */
.chip.pb-balls { display: inline-flex; gap: 3px; align-items: center; min-height: 28px; }
.chip.pb-balls i { width: 14px; height: 14px; border-radius: 50%; display: inline-block;
  background: radial-gradient(circle at 35% 35%, #ffd36b 0 25%, #f39c2b 60%, #c96a0e 100%); box-shadow: inset 0 0 0 1px rgba(120, 60, 10, .5); }
.chip.pb-balls i.off { background: rgba(80, 40, 20, .25); box-shadow: inset 0 0 0 1px rgba(80, 40, 20, .35); }