/* Procedural space background. Colored cloud layers are generated by js/space-background.js. */

#spaceBackground {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #07152d;
  isolation: isolate;
}

.space-cloud {
  position: absolute;
  border-radius: 50%;
  transform-origin: center center;
  pointer-events: none;
  will-change: transform, opacity;
  mix-blend-mode: screen;
  filter: blur(18px) saturate(1.18);
  contain: paint;
}

#starfieldCanvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#spaceVignette {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    radial-gradient(ellipse at center, transparent 24%, rgba(4, 8, 22, 0.06) 62%, rgba(4, 8, 22, 0.34) 100%),
    linear-gradient(120deg, rgba(4, 8, 22, 0.08), transparent 38%, rgba(4, 8, 22, 0.12));
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .space-cloud {
    animation: none !important;
  }
}