/* =============================================================================
   CARTE DI LUCE — le card dei percorsi le ricostruiscono i punti della scena
   (carte-luce.js + argomenti3d.js). Finche' i punti non le hanno composte, le card
   vere restano nascoste; l'opacita' la regola la scena, fotogramma per fotogramma.
   Senza WebGL o con "riduci movimento" la classe non c'e': card normali.
   ============================================================================= */
html.carte-luce #percorsi .flip-wrap { opacity: 0; pointer-events: none; }   /* [AUDIT] non visibility: raggiungibili da tastiera e lettori di schermo */

/* la sezione non vela ne' sfoca piu' la scena dietro le card: i punti devono arrivare nitidi */
html.carte-luce .section--paths {
  background: linear-gradient(180deg, rgba(2, 6, 23, .4) 0%, rgba(2, 6, 23, .28) 30%, rgba(2, 6, 23, .28) 82%, rgba(2, 6, 23, .55) 100%) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
/* sul telefono la scena e' attenuata: mentre i punti compongono le card torna piena */
html.carte-attive #raw-3d-canvas { opacity: 1 !important; }

/* appena la card vera e' nata dai punti, il riflesso di vetro (di percorsi-vivi) la attraversa una volta */
#percorsi .flip-wrap.luce-nata .vita-riflesso::before { animation: vitaRiflesso 1.9s cubic-bezier(.45, 0, .2, 1) .05s 1 both; }

/* [fluidita'] la Lista: il vetro sfocato andava ricalcolato a ogni fotogramma sopra la scena animata
   (circa un quarto del lavoro della scheda video in fondo alla pagina). Un fondo un po' piu' pieno
   tiene il testo leggibile allo stesso modo, senza sfocatura */
html.arg-3d .lista__inner {
  backdrop-filter: none; -webkit-backdrop-filter: none;
  background: linear-gradient(180deg, rgba(12, 18, 34, .62), rgba(12, 18, 34, .7));
}