/* Atmospheric overlays — CRT scanlines + grain + vignette.
   Ported from frontend/app/globals.css. Three fixed full-viewport layers
   stacked above all content; pointer-events disabled so they never steal
   clicks. Lowered z-index to 90/91/92 so the landing's modal-less surfaces
   can sit comfortably under without fighting at 9998. */

.crt-overlay,
.grain-overlay,
.vignette-overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.crt-overlay {
  z-index: 92;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 0, 0, 0.07) 2px,
    rgba(0, 0, 0, 0.07) 4px
  );
  mix-blend-mode: multiply;
}

.vignette-overlay {
  z-index: 91;
  background: radial-gradient(
    ellipse at center,
    transparent 45%,
    rgba(0, 0, 0, 0.55) 100%
  );
}

.grain-overlay {
  z-index: 90;
  opacity: 0.06;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

/* Soft warm glow that drifts across the page on long focus sessions —
   subtle, periodic, ~30s breathing. Anchored top-right behind hero. */
.aura-glow {
  position: fixed;
  top: -240px;
  right: -240px;
  width: 720px;
  height: 720px;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(
    circle,
    rgba(233, 167, 110, 0.18) 0%,
    rgba(201, 138, 163, 0.08) 35%,
    transparent 70%
  );
  filter: blur(60px);
  animation: auraBreath 28s ease-in-out infinite;
}

.aura-glow.aura-glow--cool {
  top: auto;
  right: auto;
  bottom: -300px;
  left: -200px;
  width: 640px;
  height: 640px;
  background: radial-gradient(
    circle,
    rgba(145, 168, 196, 0.18) 0%,
    rgba(168, 196, 160, 0.08) 35%,
    transparent 70%
  );
  animation-delay: -14s;
}