/* Game-stream backdrop, for screenshots and the design-critic pass only.
   Loaded by ?backdrop=1 and otherwise disabled, so an OBS browser source is
   always fully transparent. Ported from the design pitches so a theme is judged
   over something with the range of a real game frame: deep shadow, a hot light
   source, a cool fill, and one genuinely bright patch the clock has to stay
   readable against. */

.stage {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background:
    radial-gradient(42% 30% at 76% 26%, rgba(255, 214, 148, 0.55), rgba(255, 150, 60, 0.18) 45%, transparent 72%),
    radial-gradient(55% 55% at 14% 72%, rgba(70, 130, 220, 0.3), transparent 68%),
    linear-gradient(180deg, transparent 52%, rgba(120, 160, 140, 0.16) 58%, transparent 66%),
    linear-gradient(200deg, transparent 58%, rgba(8, 16, 12, 0.85) 74%),
    linear-gradient(160deg, transparent 64%, rgba(4, 9, 14, 0.9) 82%),
    radial-gradient(125% 95% at 50% 46%, transparent 38%, rgba(0, 0, 0, 0.72)),
    linear-gradient(180deg, #0a1526 0%, #16283a 38%, #1d3328 72%, #0b1410 100%);
}

.stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.5;
  background:
    repeating-linear-gradient(118deg, rgba(255, 255, 255, 0.025) 0 2px, transparent 2px 7px),
    repeating-linear-gradient(28deg, rgba(0, 0, 0, 0.055) 0 3px, transparent 3px 11px);
}

.stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(72deg, transparent 0 11%, rgba(3, 7, 11, 0.92) 11% 17%, transparent 17%),
    linear-gradient(-66deg, transparent 0 7%, rgba(3, 7, 11, 0.88) 7% 14%, transparent 14%),
    linear-gradient(104deg, transparent 0 60%, rgba(5, 10, 8, 0.75) 60% 68%, transparent 68%),
    linear-gradient(180deg, transparent 0 61.5%, rgba(190, 225, 215, 0.14) 61.5% 61.9%, transparent 61.9%);
}