/* ============================================================
   ATMOSFERA — i tre strati che fanno respirare un fondale fermo.

   L'ordine in altezza è tutto, ed è la ragione per cui i teli
   sono DUE:
     .bd-bg          il fondale
     .at-dietro   5  la pioggia che passa DIETRO le figure
     .bd-token  100+ le figure
     .at-davanti 4000 la pioggia che passa DAVANTI
     .at-luce    4200 l'aria colorata, sopra tutto
     .bd-fx      5000 gli effetti dei colpi
   Con un telo solo la neve sta o tutta davanti o tutta dietro, e
   in nessuno dei due casi le figure sono *dentro* la nevicata.
   ============================================================ */

#board-root .at-dietro,
#board-root .at-davanti,
#board-root .at-luce {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
#board-root .at-dietro { z-index: 5; }
#board-root .at-davanti { z-index: 4000; }
#board-root .at-luce {
  z-index: 4200;
  opacity: 0;
  transition: opacity .08s linear;   /* il lampo deve essere secco, non morbido */
}

/* il fondale che deriva: la transizione la fa il ciclo, qui serve solo l'origine */
#board-root .bd-bg { transform-origin: center; }

/* ---------- il pannello del Master ---------- */

.at-riga { display: grid; grid-template-columns: 6.6em 1fr; align-items: center; gap: 8px; margin-bottom: 7px; }
.at-riga > span {
  font-family: var(--font-display);
  font-size: .62rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--bone-dim);
}
.at-riga select.input { padding: .3em .5em; font-size: .84rem; }
.at-riga input[type="range"] { accent-color: var(--gold); width: 100%; }
.at-nota { margin: 2px 0 0; font-size: .78rem; }