/* ===== Stars Background (vanilla, d'après 21st.dev) ===== */
#stars{
  position:fixed; inset:0; z-index:-10; pointer-events:none; overflow:hidden;
  background:radial-gradient(ellipse at bottom, #1b1b1b 0%, #000 70%);
}
#stars-inner{ position:absolute; inset:0; will-change:transform; }

.star-layer{ position:absolute; top:0; left:50%; width:1px; height:2000px; }
.star-dot{ position:absolute; left:0; top:0; border-radius:9999px; background:transparent; }
.star-dot.dup{ top:2000px; }

@keyframes star-scroll{ from{ transform:translateY(0); } to{ transform:translateY(-2000px); } }

/* laisser les étoiles transparaître : fonds "base" transparents (cartes/bandes restent opaques) */
html{ background:#000; }
html, body{ overflow-x:hidden; max-width:100%; }
body{ background-color:transparent !important; }
.bg-surface-base{ background-color:transparent !important; }
/* l'intro plein écran : fond cosmique opaque (+ fallback si WebGL indispo) */
#intro{ background:#000 !important; }

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