body {
  background: radial-gradient(circle at 20% 18%, #1b4dff, transparent 55%),
    radial-gradient(circle at 85% 10%, #00b7ff, transparent 40%),
    radial-gradient(circle at 10% 90%, #3b1cff, transparent 45%),
    linear-gradient(140deg, #050f3d, #071a5c);
}

.question-row {
  max-width: 980px;
  display: grid;
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr) minmax(0, 220px);
  gap: 16px;
  align-items: stretch;
}

.score-inline {
  min-height: 100%;
}

@media (max-width: 900px) {
  .question-row {
    grid-template-columns: 1fr;
  }
}

.strike-flash {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Bungee", "Trebuchet MS", sans-serif;
  font-size: 10rem;
  color: #ff3b3b;
  text-shadow: 0 0 18px rgba(255, 59, 59, 0.7);
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}

.strike-flash.is-active {
  opacity: 1;
}

.question-banner {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Bungee", "Trebuchet MS", sans-serif;
  font-size: 3.2rem;
  color: #ffe86b;
  text-shadow: 0 0 18px rgba(255, 232, 107, 0.6);
  opacity: 0;
  pointer-events: none;
  z-index: 11;
  white-space: nowrap;
}

.question-banner.is-active {
  opacity: 1;
}

.audio-toggle {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 12;
  border: 0;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fdf7c5;
  background: rgba(0, 0, 0, 0.55);
}

.audio-toggle.is-active {
  opacity: 0.45;
  pointer-events: none;
}