/* Mithai Match: sweet-shop backdrop and HUD bits */

body.game {
  --bg-top: #a8234a;
  --bg-bottom: #c4501d;
  --hud-ink: #fff;
  --hud-chip: rgba(255, 255, 255, .16);
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 214, 120, .18) 0 60px, transparent 61px),
    radial-gradient(circle at 88% 30%, rgba(255, 255, 255, .08) 0 90px, transparent 91px),
    radial-gradient(circle at 20% 88%, rgba(255, 214, 120, .12) 0 110px, transparent 111px),
    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}

.subhud .chip { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.chip.low { background: #fff; color: #b3122e; }
.c-goals { gap: 12px !important; }
.c-goals .goal { display: inline-flex; align-items: center; gap: 4px; }
.c-goals .goal img { width: 20px; height: 20px; }
.c-goals .goal.done b { color: #b9f36b; }

.hand.swipe { animation: swipe 1.6s ease-in-out infinite; }
@keyframes swipe {
  0%, 12% { transform: translate(0, 0) scale(1); }
  45%, 62% { transform: translate(var(--dx, 40px), var(--dy, 0)) scale(.9); }
  100% { transform: translate(0, 0) scale(1); }
}
.coach { top: 4px; }

.win.lose h2 { color: #b3122e; }
.goals-left { font-weight: 700; color: var(--ink) !important; }

/* Tries: three sweets in a chip; a spent try fades out */
.chip.c-tries { gap: 1px; letter-spacing: 0; padding-inline: 8px; }
.chip.c-tries i { font-style: normal; font-size: 15px; line-height: 1; transition: opacity .25s, filter .25s; }
.chip.c-tries i.off { opacity: .25; filter: grayscale(1); }
.chip.c-tries.low { box-shadow: 0 0 0 2px #e2334f inset; }