/* Good Call "NEXT QUESTION": the count-in before every question, on the TV. A slot reel spins through the category
   art and lands on the next category ("QUESTION 4 OF 10" above, its name below); a big gold 3, 2, 1 lands on the count-in beeps, the marquee bulbs blinking with it;
   the question lands on countLand.
   Sized in container units: the host must have container-type: size (#tv-stage already does).
   Fire Stick brief: the reel frame, dots and glow are baked into fx/*.webp, the category art is the game's icons3d;
   only transform and opacity animate; no filter, blur, box-shadow, text-shadow or blend modes.
   Colours are tokens in web_shared/shared.css (the --nq-* block and the --lq-* gold). */
.nq { position: absolute; inset: 0; overflow: hidden; z-index: 20; pointer-events: none; color: var(--on-brand); opacity: 0;
  font-family: var(--font-display, "Segoe UI", Inter, Roboto, system-ui, sans-serif); }
.nq img { position: absolute; display: block; }
.nq-dim { position: absolute; inset: 0; background: radial-gradient(70% 70% at 50% 45%, rgba(var(--nq-dim-in),.9), rgba(var(--nq-dim-out),.96)); }
.nq-body { position: absolute; inset: 0; }
.nq-reel { position: absolute; left: 50%; top: 39cqh; width: 0; height: 0; }
.nq-back { left: -23.2cqh; top: -23.2cqh; width: 46.4cqh; height: 46.4cqh; }
.nq-win { position: absolute; left: -22.7cqh; top: -22.7cqh; width: 45.4cqh; height: 45.4cqh; overflow: hidden; border-radius: 2.5cqh; }
.nq-strip { position: absolute; left: 0; top: 0; width: 45.4cqh; }
.nq-strip img { position: absolute; left: 3.8cqh; width: 37.8cqh; height: 37.8cqh; }
.nq-frame, .nq-bulbs { left: -30cqh; top: -30cqh; width: 60cqh; height: 60cqh; }
.nq-bulbs { opacity: 0; }
.nq-glow { left: -46cqh; top: -46cqh; width: 92cqh; height: 92cqh; opacity: 0; }
.nq-cat { position: absolute; left: 5cqw; right: 5cqw; top: 71.5cqh; text-align: center; font-weight: 900; font-size: 7cqh; line-height: 1; white-space: nowrap; opacity: 0; }
/* a long name: smaller (build() picks the size that fits one line), and two lines only if even 4cqh won't */
.nq-cat.is-wrapped { white-space: normal; }
.nq-cat small { display: none; }
.nq-label { position: absolute; left: 0; right: 0; top: 5.5cqh; text-align: center; font-weight: 900; font-size: 3.6cqh; letter-spacing: .24em; color: var(--lq-gold-lit); opacity: 0; }
.nq-count { position: absolute; left: 50%; top: 88cqh; width: 0; height: 0; }
.nq-count img { left: 0; top: 0; height: 13cqh; width: auto; opacity: 0; }