/* ---------------------------------------------------------------------------
   Rifiniture (5 settembre 2026). Stessa identità: nero, oro, Bodoni, le teche
   con le monete. Cinque interventi:
   1. Scala: i numeri che contano diventano enormi, in Bodoni.
   2. Profondità: uno strato fotografico vero sotto tutto, quasi nero.
   3. Niente scatole: via doppi gusci, schede e pastiglie; le teche restano.
   4. Oro raro: monete, lotto acceso, una parola.
   5. Testo piccolo: quote in Bodoni corsivo, dati in monospaziato.
   Caricato dopo ledwall.css e partecipante.css: sovrascrive, non riscrive.
   --------------------------------------------------------------------------- */

:root {
  --osso: #ece6d8;
  /* Grigi più chiari di quelli d'origine: a trenta metri, e al buio, il testo
     piccolo deve restare leggibile. */
  --cenere: rgba(236, 230, 216, 0.55);
  --fumo: rgba(236, 230, 216, 0.74);
}

/* --- 2. Profondità: lo strato fotografico ---------------------------------- */
.terra {
  position: fixed;
  inset: -3%;
  z-index: 0;
  pointer-events: none;
  background: url('/img/terra-notte.jpg') center / cover no-repeat;
  opacity: 0.3;
  will-change: transform;
  animation: deriva 90s ease-in-out infinite alternate;
}

.terra::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(8, 9, 11, 0.6), transparent 35%, transparent 65%, rgba(8, 9, 11, 0.8));
}

/* La Terra deriva lentamente: si nota solo se la si guarda apposta. */
@keyframes deriva {
  from { transform: translate3d(-1.2%, -0.8%, 0) scale(1.02); }
  to { transform: translate3d(1.2%, 0.8%, 0) scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
  .terra { animation: none; }
}

body[data-tipo="attesa"] .terra { opacity: 0.8; }
body[data-tipo="valuta"] .terra,
body[data-tipo="fine"] .terra { opacity: 0.45; }
body[data-tipo="ingresso"] .terra,
body[data-tipo="qr"] .terra,
body[data-tipo="presentazione"] .terra { opacity: 0.38; }
body[data-tipo="sondaggio"] .terra,
body[data-tipo="risultati"] .terra,
body[data-tipo="confronto"] .terra { opacity: 0.22; }

.ledwall .palco { position: relative; z-index: 1; }

/* --- 5. Niente pastiglie: occhielli in monospaziato ------------------------ */
.ledwall .pastiglia-occhiello,
.ledwall .occhiello.grande {
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--mono);
  font-size: 1.45vmin;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--cenere);
}

/* --- 1. Scala --------------------------------------------------------------- */
.ledwall .asta-intestazione { min-height: 0; align-items: flex-end; }

.ledwall .asta-intestazione .titolo-lastra {
  font-weight: 500;
  font-size: 9.4vmin;
  line-height: 0.96;
  letter-spacing: -0.02em;
  color: var(--osso);
  margin-top: 1.4vmin;
  max-width: 20ch;
}

.ledwall .asta-intestazione .richiamo {
  font-family: var(--serif);
  font-style: italic;
  font-size: 2.7vmin;
  line-height: 1.2;
  color: var(--osso);
  max-width: 52vmin;
}

.ledwall .lastra .titolo-lastra { font-weight: 500; }

.ledwall .insegna {
  font-weight: 400;
  font-size: 14vmin;
  letter-spacing: -0.03em;
  color: var(--osso);
}

.ledwall .lastra.fine .insegna { font-size: 8.5vmin; }

.ledwall .accreditati .cifra {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 34vmin;
  letter-spacing: -0.04em;
  color: var(--osso);
  line-height: 0.85;
}

.ledwall .accreditati .etichetta {
  font-family: var(--serif);
  font-style: italic;
  font-size: 3.2vmin;
  letter-spacing: 0;
  text-transform: none;
  color: var(--osso);
}

/* --- 3. Via le scatole: il caveau ------------------------------------------ */
.ledwall .caveau { padding: 0; border: 0; border-radius: 0; background: none; }
.ledwall .caveau.acceso { border: 0; box-shadow: none; }

.ledwall .caveau-nucleo {
  padding: 0 0 0.6vmin;
  border-radius: 0;
  background: none;
  box-shadow: none;
  gap: 3vmin;
}

.ledwall .caveau.largo .caveau-nucleo { padding: 0; gap: 4vmin; }
.ledwall .caveau-lettura { gap: 0.9vmin; }

.ledwall .caveau-lettura .etichetta {
  font-family: var(--serif);
  font-style: italic;
  font-size: 2.9vmin;
  letter-spacing: 0;
  text-transform: none;
  color: var(--osso);
  max-width: 24vmin;
  line-height: 1.1;
}

.ledwall .caveau-cifra {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 10vmin;
  letter-spacing: -0.04em;
  color: var(--osso);
  line-height: 0.86;
}

.ledwall .caveau.largo .caveau-cifra { font-size: 13vmin; }

.ledwall .caveau-cifra .unita {
  font-family: var(--mono);
  font-size: 1.5vmin;
  letter-spacing: 0.34em;
  color: var(--cenere);
  margin-left: 1.2vmin;
}

.ledwall .caveau .quota {
  font-family: var(--mono);
  font-size: 1.8vmin;
  letter-spacing: 0.1em;
  color: var(--fumo);
}

/* Durante l'asta il numero eroe è quello del lotto in vendita. */
body[data-tipo="lotto"] .caveau-cifra,
body[data-tipo="presentazione"] .caveau-cifra { font-size: 7vmin; }
body[data-tipo="lotto"] .caveau-lettura .etichetta,
body[data-tipo="presentazione"] .caveau-lettura .etichetta { font-size: 2.4vmin; max-width: 20vmin; }

/* --- 3. Via le scatole: i forzieri ----------------------------------------- */
.ledwall .banco { gap: 5vmin; align-items: end; }
.ledwall .forzieri { gap: 3vmin; align-items: end; }

.ledwall .forziere { padding: 0; border: 0; border-radius: 0; background: none; }
.ledwall .forziere.attivo,
.ledwall .forziere.acceso { border: 0; transform: none; }

.ledwall .forziere-nucleo,
.ledwall .forziere.attivo .forziere-nucleo,
.ledwall .forziere.acceso .forziere-nucleo {
  padding: 0 0.4vmin 0.6vmin;
  border-radius: 0;
  background: none;
  box-shadow: none;
  gap: 1.6vmin;
  align-items: flex-start;
}

.ledwall .forziere-alto { flex-direction: column; gap: 0.6vmin; }
.ledwall .scaffale { justify-content: flex-start; padding-left: 0.3vmin; }

/* Le teche, senza scheda intorno, un po' più grandi. Le misure d'origine sono
   in linea nel codice: serve !important. */
.ledwall .forziere .teca { width: 7.6vmin !important; height: 21vmin !important; }
.ledwall .forziere.attivo .teca { width: 9.6vmin !important; height: 27vmin !important; }

.ledwall .forziere .sigla {
  font-family: var(--serif);
  font-style: italic;
  font-size: 2.9vmin;
  letter-spacing: 0;
  text-transform: none;
  color: var(--osso);
  overflow: visible;
}

.ledwall .forziere.attivo .sigla,
.ledwall .forziere.acceso .sigla { color: var(--oro-chiaro); }
.ledwall .forziere.attivo .sigla { font-size: 3.4vmin; }

.ledwall .forziere .cifra {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 3.8vmin;
  letter-spacing: -0.02em;
  color: var(--osso);
}

.ledwall .forziere.attivo .cifra { font-size: 5.2vmin; line-height: 0.9; }

/* Nel lotto in vendita la percentuale va sotto il numero: nell'ultima colonna
   non c'e' spazio a destra, e sei cifre ("12.575") devono entrare comunque. */
.ledwall .forziere.attivo .riga-cifra {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6vmin;
}

.ledwall .forziere .quota,
.ledwall .forziere.attivo .quota,
.ledwall .forziere.acceso .quota {
  font-family: var(--mono);
  font-size: 1.7vmin;
  letter-spacing: 0.1em;
  color: var(--fumo);
}

.ledwall .forziere.attivo .quota { font-size: 2vmin; }

.ledwall .forziere .teste {
  font-family: var(--mono);
  font-size: 1.5vmin;
  letter-spacing: 0.1em;
  color: var(--cenere);
}

/* I marchi dei lotti sul ledwall: con i nomi in corsivo sono superflui. */
.ledwall .marchio { display: none; }

/* Il lotto acceso: un filo d'oro sotto la teca, invece di una scatola illuminata. */
.ledwall .forziere.acceso .scaffale { box-shadow: 0 1px 0 var(--oro); }

.ledwall .forzieri.con-acceso .forziere:not(.acceso),
.ledwall .con-acceso .caveau.spento { opacity: 0.32; }

/* I lotti che devono ancora arrivare: teche vuote, appena visibili, senza
   nome. La sala vede che i posti sono cinque e quanti ne restano. */
.ledwall .forziere:not(.presente) { opacity: 0.16; transform: none; }
.ledwall .forziere:not(.presente) .forziere-etichette,
.ledwall .forziere:not(.presente) .teste { visibility: hidden; }

/* --- Il piede --------------------------------------------------------------- */
.ledwall .piede {
  border-top-color: rgba(236, 230, 216, 0.16);
  font-family: var(--mono);
  font-size: 1.45vmin;
  letter-spacing: 0.4em;
  color: var(--cenere);
}

.ledwall .piede .conteggio { color: var(--fumo); letter-spacing: 0.1em; }

/* --- Le domande: sottotitoli in corsivo, etichette in Bodoni ---------------- */
.ledwall .sottotitolo-lastra {
  font-family: var(--serif);
  font-style: italic;
  font-size: 2.7vmin;
  letter-spacing: 0;
  color: var(--fumo);
}

.ledwall .lastra.sondaggio .titolo-lastra { max-width: 40ch; }

.ledwall .confronto .titolo-lastra { font-size: 5.4vmin; }
.ledwall .confronto .sottotitolo-lastra { font-size: 2.2vmin; }
.ledwall .confronto .barra { grid-template-columns: 22vmin 1fr auto; }
.ledwall .confronto .barra .nome { font-size: 2.15vmin; }

.ledwall .barra .nome {
  font-family: var(--serif);
  font-style: italic;
  font-size: 2.4vmin;
  color: var(--osso);
}

.ledwall .barra .valore { color: var(--fumo); }

/* ===========================================================================
   Telefono
   =========================================================================== */
body.telefono { background: var(--nero); }

body.telefono .terra {
  opacity: 0.14;
  background-position: 40% center;
  animation: none;
}

body.telefono .scena { position: relative; z-index: 1; }

body.telefono .lotto-titolo {
  font-size: clamp(2rem, 9.6vw, 2.6rem);
  line-height: 1.02;
  letter-spacing: -0.015em;
  color: var(--osso);
}

body.telefono .promessa { color: var(--testo); }

body.telefono .testata .saldo small { color: var(--testo-tenue); }
body.telefono .testata .saldo .saldo-cifra { font-family: var(--mono); font-weight: 300; color: var(--osso); }

/* Il selettore: più e meno ben visibili anche al buio. */
body.telefono .conteggio-blocchi { background: none; border: 0; border-radius: 0; }

body.telefono .numero-blocchi {
  font-family: var(--serif);
  font-size: 4rem;
  letter-spacing: -0.03em;
  color: var(--osso);
  line-height: 0.9;
}

body.telefono .parola-blocchi {
  font-family: var(--mono);
  color: var(--testo-tenue);
  letter-spacing: 0.24em;
  font-size: 0.7rem;
}

body.telefono .passo-blocco {
  background: rgba(236, 230, 216, 0.05);
  border: 1px solid rgba(236, 230, 216, 0.5);
  border-radius: 0.3rem;
  box-shadow: none;
  color: var(--osso);
  font-family: var(--sans);
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1;
}

body.telefono .passo-blocco:disabled { opacity: 0.35; }

body.telefono .equivalenza,
body.telefono .equivalenza.spenta {
  background: none;
  border: 0;
  border-left: 1px solid var(--oro);
  border-radius: 0;
  padding: 0.35rem 0 0.35rem 1rem;
  min-height: 0;
}

body.telefono .equivalenza.spenta { border-left-color: var(--bordo-vivo); }
body.telefono .equivalenza .occhiello { color: var(--oro); }
body.telefono .equivalenza .resa { font-size: 1.35rem; color: var(--osso); }
body.telefono .equivalenza.spenta .resa { color: var(--testo-tenue); }

body.telefono .non-vendo {
  border: 0;
  border-top: 1px solid var(--bordo-vivo);
  border-radius: 0;
  padding: 0.8rem 0 0;
}

body.telefono .non-vendo .frase { color: var(--testo); }
body.telefono .non-vendo .cifra { font-family: var(--mono); font-weight: 300; }

body.telefono .bottone {
  border-radius: 0.3rem;
  background: var(--osso);
  color: #16120a;
  box-shadow: none;
  font-family: var(--mono);
  font-size: 0.85rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  font-weight: 500;
}

body.telefono .bottone.registrato,
body.telefono .bottone.registrato:disabled {
  background: none;
  border: 1px solid var(--oro);
  color: var(--oro-chiaro);
}

body.telefono .traduzione { color: var(--testo-tenue); }

/* Il bilancio personale: righe, non schede; niente barre. */
body.telefono .riga-quota {
  background: none;
  border: 0;
  border-top: 1px solid var(--bordo-vivo);
  border-radius: 0;
  padding: 0.75rem 0;
}

body.telefono .riga-quota.accesa { background: none; box-shadow: none; border-top-color: var(--oro); }
body.telefono .quota-nome { font-style: italic; font-size: 1.3rem; color: var(--osso); }
body.telefono .quota-anni { font-weight: 300; color: var(--osso); }
body.telefono .quota-perc { font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.1em; color: var(--testo-tenue); }
body.telefono .quota-binario { display: none; }
body.telefono .riga-quota .marchio,
body.telefono .marchio-conservato { color: var(--testo-tenue); }
body.telefono .riga-quota.accesa .marchio,
body.telefono .riga-quota.accesa .marchio-conservato { color: var(--oro-chiaro); }
body.telefono .domanda { color: var(--osso); }

body.telefono .capitale-annuncio .cifra {
  font-family: var(--serif);
  color: var(--osso);
  font-size: clamp(4.5rem, 30vw, 7rem);
  letter-spacing: -0.04em;
}

/* Le opzioni del sondaggio: righe con il segno, non schede. */
body.telefono .opzione {
  background: none;
  border: 0;
  border-top: 1px solid var(--bordo-vivo);
  border-radius: 0;
  box-shadow: none;
  padding: 0.8rem 0;
  color: var(--testo);
}

body.telefono .opzione[aria-pressed="true"] { background: none; border-top-color: var(--oro); color: var(--osso); }
body.telefono .opzione .segno { border-color: rgba(236, 230, 216, 0.5); }

/* --- Il logo TBH, sulla schermata di attesa (8 settembre 2026) -------------- */
.ledwall .lastra.attesa .logo-tbh {
  display: block;
  width: 24vmin;
  height: auto;
  margin-bottom: 5vmin;
}

body.telefono .logo-tbh {
  display: block;
  width: 6.5rem;
  height: auto;
  margin: 0 0 1.8rem;
}

/* --- Il copione del 4 settembre (9 settembre 2026) --------------------------- */
/* Il sottotitolo del lotto, sotto il titolo. */
.ledwall .asta-intestazione .sottotitolo-lastra {
  margin-top: 1.2vmin;
  max-width: 60vmin;
}

/* La riga dell'investimento, a destra del titolo: quanto si investe, cosa rende. */
.ledwall .investimento {
  text-align: right;
  max-width: 52vmin;
  flex-shrink: 0;
}

.ledwall .investimento-testo {
  font-family: var(--serif);
  font-style: italic;
  font-size: 2.6vmin;
  color: var(--fumo);
  margin: 0;
}

.ledwall .investimento-esito {
  font-family: var(--serif);
  font-size: 5.4vmin;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--osso);
  margin: 0.6vmin 0 0;
}

/* La frase dello svelamento in alto: più lunga di un titolo, un po' più piccola. */
.ledwall .asta-intestazione .titolo-lastra.svelamento {
  font-size: 6.2vmin;
  max-width: 34ch;
}

/* Il QR code accanto al contenitore, all'ingresso. */
.ledwall .banco-qr {
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8vmin;
}

.ledwall .qr {
  width: 36vmin;
  padding: 1.8vmin;
  background: #fff;
  border-radius: 1vmin;
}

.ledwall .qr img {
  display: block;
  width: 100%;
  height: auto;
}

.ledwall .qr-didascalia {
  margin: 1.2vmin 0 0;
  font-family: var(--mono);
  font-size: 1.5vmin;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: #16120a;
}

/* Il contenitore svelato: il nome del costo, in oro chiaro come quello acceso. */
.ledwall .forziere.svelato .sigla { color: var(--oro-chiaro); }

/* I nomi delle quote sul telefono restano come sono scritti («Più vita»). */
body.telefono .quota-nome { text-transform: none; }

/* Titoli su due righe equilibrate, niente parola orfana in fondo. */
body.telefono .lotto-titolo,
body.telefono .domanda,
.ledwall .titolo-lastra { text-wrap: balance; }

/* --- La slide della valuta, tutta centrata (9 settembre, pomeriggio) -------- */
.ledwall .lastra.valuta {
  align-items: center;
  text-align: center;
}

.ledwall .lastra.valuta .valuta-occhiello {
  margin: 0;
  font-family: var(--serif);
  font-style: italic;
  font-size: 3.2vmin;
  color: var(--osso);
}

.ledwall .lastra.valuta .insegna { text-align: center; }

/* Chi guarda da un computer: una riga fissa, non un blocco. */
body.telefono .spettatore {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  padding: 0.55rem 1rem;
  font-family: var(--mono);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
  color: var(--oro-chiaro);
  background: rgba(8, 9, 11, 0.92);
  border-bottom: 1px solid var(--oro-bordo);
}

/* Sul telefono la valuta sta su due righe: il numero, poi «settimane di vita». */
body.telefono .capitale-annuncio {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}

body.telefono .capitale-annuncio .capitale-unita { font-size: 1.4rem; }

/* ===========================================================================
   10 settembre 2026: le richieste di Leo dopo la prova in ufficio.
   =========================================================================== */

/* --- La grandezza minima sale da 1,45 a 2,2 vmin (una volta e mezzo) --------
   Vale per il ledwall. Il livello subito sopra sale quanto basta a restare
   distinguibile; i nomi dei contenitori restano com'erano, perché le cinque
   colonne sono già al limite. */
.ledwall .pastiglia-occhiello,
.ledwall .occhiello.grande { font-size: 2.2vmin; }

.ledwall .piede { font-size: 2.2vmin; padding-top: 2vmin; margin-top: 3vmin; }

.ledwall .caveau-cifra .unita { font-size: 2.2vmin; }
.ledwall .caveau .quota { font-size: 2.2vmin; letter-spacing: 0.03em; }

/* Nelle lastre con i cinque contenitori «SETTIMANE» va sotto il numero: accanto
   allargava la colonna del contenitore grande e schiacciava gli altri cinque. */
.ledwall .caveau:not(.largo) .caveau-cifra {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5vmin;
}

.ledwall .caveau:not(.largo) .caveau-cifra .unita { margin-left: 0.3vmin; }

.ledwall .forziere .quota,
.ledwall .forziere.acceso .quota { font-size: 2.3vmin; }
.ledwall .forziere.attivo .quota { font-size: 2.7vmin; }

/* «155 persone» e, sotto, «51%». */
.ledwall .forziere .teste {
  font-size: 2.2vmin;
  letter-spacing: 0.06em;
  line-height: 1.3;
  white-space: normal;
}

.ledwall .qr-didascalia { font-size: 2vmin; }

.ledwall .sottotitolo-lastra { font-size: 3.1vmin; }
.ledwall .asta-intestazione .richiamo { font-size: 3.1vmin; }
.ledwall .caveau-lettura .etichetta { font-size: 3.3vmin; max-width: 28vmin; }

body[data-tipo="lotto"] .caveau-lettura .etichetta,
body[data-tipo="presentazione"] .caveau-lettura .etichetta { font-size: 2.8vmin; max-width: 24vmin; }

.ledwall .investimento-testo { font-size: 3vmin; }
.ledwall .barra .valore { font-size: 2.6vmin; }
.ledwall .confronto .sottotitolo-lastra { font-size: 2.6vmin; }
.ledwall .confronto .barra .nome { font-size: 2.5vmin; }
.ledwall .confronto .barra .valore { font-size: 2.4vmin; }

/* Un po' d'aria in più fra le righe ingrandite. */
.ledwall .caveau-lettura { gap: 1.2vmin; }
.ledwall .forziere-alto { gap: 0.9vmin; }
.ledwall .forziere-nucleo,
.ledwall .forziere.attivo .forziere-nucleo,
.ledwall .forziere.acceso .forziere-nucleo { gap: 2vmin; }

/* --- La prima slide: «TBH Forum 2026» al doppio, con più aria ---------------- */
.ledwall .lastra.attesa { gap: 3.4vmin; }
.ledwall .lastra.attesa .occhiello.grande { font-size: 2.9vmin; }
.ledwall .lastra.attesa .logo-tbh { margin-bottom: 6.5vmin; }

/* --- L'ingresso: la base del QR code allineata a quella del contenitore ----- */
.ledwall .banco-qr { align-items: end; }

/* --- I prodotti: i nomi subito sopra i contenitori, senza numeri ------------- */
body[data-tipo="presentazione"] .forziere-nucleo { min-height: 0; }

/* --- Gli svelamenti in tre battute ------------------------------------------ */
.ledwall .titolo-lastra.svelamento .ho-comprato,
.ledwall .titolo-lastra.svelamento .ho-pagato { display: block; }
.ledwall .titolo-lastra.svelamento .ho-pagato { padding-left: 1.8em; }
.ledwall .titolo-lastra.svelamento .freccia { color: var(--oro-chiaro); }

/* Ciò che compare dopo tiene il suo posto fin dall'inizio: niente salti. */
.ledwall .a-tempo { opacity: 0; transition: opacity 600ms ease; }
.ledwall .a-tempo.visibile { opacity: 1; }

/* --- La seconda parte: il QR code da solo, al centro ------------------------- */
.ledwall .lastra.qr-solo {
  align-items: center;
  justify-content: center;
}

.ledwall .lastra.qr-solo .qr { width: 50vmin; padding: 2.4vmin; }
.ledwall .lastra.qr-solo .qr-didascalia { font-size: 2.6vmin; margin-top: 1.8vmin; }

/* --- Le domande: senza barre durante il voto, il conteggio è l'unica cosa viva */
.ledwall .lastra.sondaggio .piede .conteggio {
  font-size: 3.6vmin;
  letter-spacing: 0.06em;
  color: var(--osso);
}

/* ---------------------------------------------------------------------------
   Telefono: lo svelamento con gli stessi tempi dello schermo grande.
   --------------------------------------------------------------------------- */
body.telefono .domanda.svelamento .ho-comprato,
body.telefono .domanda.svelamento .ho-pagato { display: block; }
body.telefono .domanda.svelamento .ho-pagato { padding-left: 1.1em; }
body.telefono .domanda.svelamento .freccia { color: var(--oro-chiaro); }
body.telefono .a-tempo { opacity: 0; transition: opacity 500ms ease; }
body.telefono .a-tempo.visibile { opacity: 1; }

/* La riga sotto il numero grande va a capo invece di allargare la colonna: su
   uno schermo 16:10 «Tempo per me» e «Successo» si toccavano. */
.ledwall .caveau:not(.largo) .quota { max-width: 30vmin; line-height: 1.35; }
.ledwall .banco { gap: 4vmin; }

/* Nello svelamento il richiamo a destra lascia spazio alla frase: la freccia
   deve restare a inizio seconda riga anche su uno schermo 16:10. */
body[data-tipo="condizione"] .asta-intestazione .richiamo { max-width: 40vmin; }

/* ===========================================================================
   Telefono, 10 settembre sera: la misura minima sale a 14 px (0,875 rem).
   Leo dal telefono vero: «si fa fatica a leggere alcune parole».
   =========================================================================== */
body.telefono .occhiello { font-size: 0.875rem; letter-spacing: 0.16em; }
body.telefono .quota-codice { font-size: 0.875rem; letter-spacing: 0.08em; }
body.telefono .quota-perc { font-size: 0.9375rem; }
body.telefono .parola-blocchi { font-size: 0.875rem; }
body.telefono .testata .saldo small { font-size: 0.8125rem; letter-spacing: 0.1em; }
body.telefono .traduzione { font-size: 0.9375rem; }
body.telefono .istruzione,
body.telefono .attesa-nota { font-size: 1rem; }
body.telefono .bottone { font-size: 0.9375rem; }
body.telefono .spettatore { font-size: 0.8125rem; }
body.telefono .riepilogo-scelte span { font-size: 0.9375rem; }

/* La valuta (che regge anche ingresso e prodotti): al centro dello schermo,
   non appesa al tetto. */
body.telefono .schermata[data-schermata="valuta"] {
  justify-content: center;
  padding-bottom: 10vh;
}

body.telefono .attesa-nota.versate { color: var(--osso); }

/* Prove generali: costo uniforme, categorie stabili e confronto allineato. */
.ledwall .investimento-anni { font-family: var(--serif); font-size: 2.6vmin; color: var(--fumo); margin-top: 1vmin; }
.ledwall .investimento { max-width: 43vmin; }
.ledwall .asta-intestazione > :first-child { min-width: 0; }
.ledwall .lastra.sondaggio:not(.risultati) .binario,
.ledwall .lastra.sondaggio:not(.risultati) .valore { visibility: hidden; }
/* Le tre righe sono condivise: il sottotitolo più lungo determina l'altezza
   di entrambe le colonne, così ogni categoria parte dagli stessi pixel. */
.ledwall .lastra.confronto { grid-template-rows: auto auto auto; row-gap: 1.5vmin; }
.ledwall .confronto .colonna { display: contents; }
.ledwall .confronto .colonna:first-child > * { grid-column: 1; }
.ledwall .confronto .colonna:last-child > * { grid-column: 3; }
.ledwall .confronto h2 { grid-row: 1; }
.ledwall .confronto .sottotitolo-lastra { grid-row: 2; }
.ledwall .confronto .barre { grid-row: 3; }
.ledwall .confronto .divisorio { grid-column: 2; grid-row: 1 / 4; }