/* ================================================================
   ORION Observatory — Starfield
   Canvas starfield styles + shooting star CSS accents
   ================================================================ */

.starfield-container {
  position: fixed;
  inset: 0;
  z-index: var(--z-starfield);
  pointer-events: none;
  overflow: hidden;
}

#starfield-canvas {
  width: 100%;
  height: 100%;
}

/* ── Nebula Glow (subtle background accent) ── */
.nebula-glow {
  position: fixed;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.04;
  pointer-events: none;
  z-index: var(--z-starfield);
}

.nebula-glow--blue {
  width: 600px;
  height: 600px;
  background: var(--accent);
  top: -200px;
  right: -100px;
}

.nebula-glow--purple {
  width: 500px;
  height: 500px;
  background: var(--c-purple);
  bottom: -100px;
  left: 10%;
}

.nebula-glow--cyan {
  width: 400px;
  height: 400px;
  background: var(--c-cyan);
  top: 40%;
  right: 20%;
  opacity: 0.025;
}