html, body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background: #07020f;
  font-family: system-ui, -apple-system, sans-serif;
  color: #eee;
}

#constellation-canvas {
  position: fixed;
  inset: 0;
  z-index: 0;
}

/* Le masque #amber-mask (utilisé pour le thème Matrix, afin que la pluie de
   caractères ne "passe pas devant" l'aura) a été retiré le 2026-07-04 :
   avec le champ d'étoiles, son disque de dégradé créait un cercle visible
   autour de l'aura (retour de Lionel : "il y a un cercle à l'extérieur, je
   ne veux pas ça"). Sans lui, les étoiles/la nébuleuse peuvent apparaître
   légèrement à travers les bords translucides de l'aura, ce qui est
   cohérent avec "une masse d'énergie" plutôt qu'un disque découpé net. */

/* 2026-07-06 : Amber n'est plus un div CSS visible -- elle est maintenant
   un vrai élément du champ d'étoiles 3D (sprites Three.js, voir
   constellation.js, amberGroup), pour qu'elle soit "fondue" dans le décor
   au lieu d'être une couche plate par-dessus (demande explicite de
   Lionel : "mets-la en 3D"). Ce div reste uniquement comme zone cliquable
   invisible, au même endroit à l'écran (centre), pour garder le clic
   "ouvrir/fermer le chat" qui existait déjà (chat.js) -- aucun changement
   de ce comportement, seul le rendu visuel change. */
#amber-sphere {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 220px;
  margin: -110px 0 0 -110px;
  border-radius: 50%;
  background: transparent;
  z-index: 2;
  pointer-events: auto;
  cursor: pointer;
}