/* =======================================================
   STARFIELD.CSS — Hintergrundebene (Canvas + Grundverlauf)
   ======================================================= */

#starfield {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0; /* bleibt unter allem */
  pointer-events: none; /* verhindert Hover-Blockade */
  background: radial-gradient(
    ellipse at center,
    #000 0%,
    #010512 60%,
    #020a18 100%
  );
  transition: opacity 1.5s ease-in-out;
  opacity: 1;
}

/* Falls du später ein Fade-in beim Seitenstart willst */
body.loading #starfield {
  opacity: 0;
}

/* Sicherheit: Canvas nicht durch GPU-Clipping verlieren */
canvas#starfield {
  display: block;
  image-rendering: optimizeSpeed;
  will-change: transform, opacity;
}