/* ==========================================================================
   snake8.css — habillage du serpent 8-bit microDb (snake8.js).
   --------------------------------------------------------------------------
   Canvas en position fixed, non interactif, sous le contenu textuel
   (z-index:-1 : au-dessus du fond de page, sous les blocs et le texte),
   opacité faible. Aucune modification de layout, aucun scroll.
   prefers-reduced-motion: snake rendu une seule fois, statique (le JS
   n'arme aucun timer) — jamais de mouvement.
   Palette : tokens --r8-* de retro8.css (lus par le JS), fallbacks ici.
   ========================================================================== */

.snake8-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;   /* jamais cliquable, jamais de survol */
  z-index: -1;            /* sous le contenu textuel */
  opacity: 0.35;          /* présence discrète */
  display: block;
  image-rendering: pixelated; /* rendu 8-bit net si l'échelle bouge */
  /* Le canvas ne déclenche ni scroll ni layout : pure couche de peinture. */
}

/* Couche de secours si un thème local forçait une opacité illisible. */
@media (prefers-contrast: more) {
  .snake8-canvas { opacity: 0.2; }
}

/* En mouvement réduit, le JS ne dessine qu'une image fixe : on la rend
   encore plus discrète. (Aucune animation n'est armée côté JS.) */
@media (prefers-reduced-motion: reduce) {
  .snake8-canvas { opacity: 0.22; }
}