/* Pakoda Pop: hot-kadhai backdrop, moves/goals HUD, booster aiming, pause overlay */

body.game {
  --bg-top: #e0601c;
  --bg-bottom: #7a2a0c;
  --hud-ink: #fff;
  --hud-chip: rgba(255, 255, 255, .16);
  overscroll-behavior: none;
  background:
    radial-gradient(circle at 14% 16%, rgba(255, 220, 120, .2) 0 70px, transparent 71px),
    radial-gradient(circle at 86% 28%, rgba(255, 255, 255, .08) 0 96px, transparent 97px),
    radial-gradient(circle at 22% 90%, rgba(255, 200, 90, .14) 0 120px, transparent 121px),
    radial-gradient(circle at 80% 84%, rgba(255, 255, 255, .06) 0 60px, transparent 61px),
    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}

.subhud { align-items: center; gap: 8px; }
.subhud .chip { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.pp-moves { background: #fff !important; color: var(--ink); font-weight: 700; }
.pp-moves b { font: 800 20px/1 var(--font); color: #c2410c; font-variant-numeric: tabular-nums; }
.pp-moves.low { animation: ppLow 0.9s ease-in-out infinite; }
.pp-moves.low b { color: #b3122e; }
@keyframes ppLow { 50% { transform: scale(1.08); } }
.pp-goals { gap: 12px !important; padding: 2px 12px !important; }
.pp-goals .goal { display: inline-flex; align-items: center; gap: 4px; font-weight: 800; font-size: 16px; font-variant-numeric: tabular-nums; }
.pp-goals .goal img { width: 24px; height: 24px; }
.pp-goals .goal.done b { color: #b9f36b; }
.pp-goals .goal.bump { animation: ppBump .32s cubic-bezier(.2, 1.6, .4, 1); }
@keyframes ppBump { from { transform: scale(1.35); } to { transform: none; } }
.pp-score { font-variant-numeric: tabular-nums; }
.hud.pp-hard .hud-title b::after { content: " 🔥"; }

.boost.pp-glow { animation: ppGlow .7s ease-in-out infinite; background: #fff3c4; color: var(--ink); box-shadow: 0 0 0 3px #ffd23f, 0 0 18px #ffd23f; }
@keyframes ppGlow { 50% { transform: translateY(-4px) scale(1.06); } }
.boost.aiming { background: var(--turmeric); color: var(--ink); box-shadow: 0 0 0 3px #fff; }

.pp-pause {
  position: absolute; inset: 0; z-index: 7; display: grid; place-content: center; gap: 4px; border: 0;
  background: rgba(60, 20, 4, .62); color: #fff; font: inherit; text-align: center;
}
.pp-pause[hidden] { display: none; }
.pp-pause b { font: 700 34px/1.1 var(--display); }
.pp-pause span { font-weight: 700; opacity: .85; }

.coach-line { width: max-content; font-size: 15px; padding: 7px 14px; }
.win.lose h2 { color: #b3122e; }
.pp-win .goals-left { font-weight: 700; color: var(--ink); }

@media (max-width: 380px) {
  .subhud { gap: 6px; padding-inline: 8px; }
  .boost { min-width: 60px; }
}