/* Soft ambiance overlay — purely decorative, toggleable via the HUD button.
   (Still mounted as .crt-overlay so crt-toggle.js and its saved setting work
   unchanged.) Three gentle layers instead of hard CRT scanlines:
     1. very faint, low-opacity scanlines
     2. a warm rose bloom washing down from the top
     3. a vignette that darkens the corners
   All colors come from the --fx-* tokens in variables.css. */

.crt-overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  background:
    repeating-linear-gradient(
      to bottom,
      var(--fx-scanline) 0px,
      var(--fx-scanline) 1px,
      transparent 1px,
      transparent 4px
    ),
    radial-gradient(ellipse 85% 55% at 50% 0%, var(--fx-bloom), transparent 70%),
    radial-gradient(ellipse at 50% 50%, transparent 55%, var(--fx-vignette) 100%);
  opacity: 1;
  transition: opacity 300ms ease;
}

body.crt-disabled .crt-overlay {
  opacity: 0;
}