/* Good Call "HERE WE GO": START LIGHTS. The last beat of the countdown into a game, on the TV.
   HERE WE GO! slams in, a start-light gantry drops under it, a lamp lights on each countdown beep (red,
   yellow, green), all three flash green on GO with a starburst and confetti, then it warps into question 1.
   Sized in container units: the host must have container-type: size (#tv-stage already does).
   Fire Stick brief: the title, gantry, lamps and glows are baked into fx/*.webp; only transform and opacity
   animate; no filter, blur, box-shadow, text-shadow or blend modes anywhere in this file. */
.hwg {
  /* The palette is the shared design tokens (web_shared/shared.css); nothing here is a literal colour. */
  --hwg-night: var(--bg);
  --hwg-night-rgb: var(--bg-rgb);
  --hwg-green: var(--correct);
  --hwg-ink: var(--on-brand);
  --hwg-gold-bright: var(--lq-gold-lit);
  --hwg-cyan: var(--accent);
  --hwg-violet: var(--brand-bright);
  position: absolute; inset: 0; overflow: hidden; z-index: 20; pointer-events: none; opacity: 0;
  background: var(--hwg-night) url("/shared/brand/stage.webp") center / cover no-repeat; }
.hwg img { position: absolute; display: block; }
.hwg-dim { position: absolute; inset: 0; background: radial-gradient(70% 70% at 50% 55%, rgba(var(--hwg-night-rgb),.35), rgba(var(--hwg-night-rgb),.8)); }
.hwg-shake { position: absolute; inset: 0; }
.hwg-title { left: 50%; top: 31cqh; width: 138cqh; height: 30.6cqh; margin: -15.3cqh 0 0 -69cqh; opacity: 0; }
.hwg-rig { position: absolute; left: 50%; top: 72cqh; width: 0; height: 0; opacity: 0; }
.hwg-rays { left: -50cqh; top: -50cqh; width: 100cqh; height: 100cqh; opacity: 0; }
.hwg-gantry { left: -54.45cqh; top: -17.38cqh; width: 108.9cqh; height: 34.75cqh; }
.hwg-lamp { top: -19.7cqh; width: 39.4cqh; height: 39.4cqh; margin-left: -19.7cqh; opacity: 0; }
.hwg-glow { left: -30cqh; top: -30cqh; width: 60cqh; height: 60cqh; opacity: 0; }
.hwg-shock { left: -30cqh; top: -30cqh; width: 60cqh; height: 60cqh; opacity: 0; }
.hwg-conf i { position: absolute; left: 0; top: 0; width: 1.6cqh; height: .9cqh; border-radius: .2cqh; opacity: 0; }
.hwg-conf .hwg-c1 { background: var(--hwg-lime); }
.hwg-conf .hwg-c2 { background: var(--hwg-green); }
.hwg-conf .hwg-c3 { background: var(--hwg-ink); }
.hwg-conf .hwg-c4 { background: var(--hwg-gold-bright); }
.hwg-conf .hwg-c5 { background: var(--hwg-cyan); }
.hwg-conf .hwg-c6 { background: var(--hwg-violet); }