/* Partite · la scheda partita: le aggiunte al disegno del prototipo «Tabellone» (il resto è in css/ndc.css) */
.occhiello .turno-n{ font:900 var(--c-titoletto)/1 var(--f-titolo); color:var(--inchiostro) }
.punteggio .da-giocare{ font-size:.35em; letter-spacing:0 }
/* ★ 03/10: lo stemma in linea (Juventus) prendeva l'altezza di 32 px del guscio e il disegno da 165 px copriva il nome: ora ha la sua altezza */
.squadra .stemma-svg{ display:flex; justify-content:center; width:auto; height:clamp(56px,9vw,104px); color:var(--inchiostro) } .squadra .stemma-svg svg{ height:100%; width:auto }
.squadra .senza{ display:none }
/* ★ 14/10/2026 (B.4): nella partita di terza serie molti club non hanno lo stemma: il segnaposto con l'iniziale, mai un buco */
.tabellone.c-iniz .squadra .senza{ display:flex; align-items:center; justify-content:center; width:clamp(56px,9vw,104px); height:clamp(56px,9vw,104px); border:1px solid var(--filetto); font:700 var(--c-sottotitolo)/1 var(--f-titolo); color:var(--grigio) }
.notizie a{ color:inherit } .lede a{ color:inherit }
.note-stat .provv{ color:var(--verdetto); font-weight:600 }
.rigori-seq li{ grid-template-columns:1fr 5ch 1fr }
.rigori-seq .verdetto{ color:var(--verdetto) }
.strumenti-campo select{ cursor:pointer }
.info-campo a{ color:inherit }
@media (max-width:760px){ .cambi li{ grid-template-columns:5ch 1fr; } .cambi li > span:last-child{ grid-column:1/-1 } .rigori-seq li{ grid-template-columns:1fr 5ch 1fr } .rigori-seq li > span:last-child{ grid-column:auto } }
/* ★ 13/10/2026 (lista di martedì, voce 8) — «I cambi, in ordine di minuto» e «Espulsioni e rigori sbagliati»: la colonna
   della squadra era larga 9 caratteri fissi (css/ndc.css) e «FIORENTINA» finiva sopra la freccia e il nome di chi entra.
   Ora la lista è UNA griglia e le righe ne ereditano le colonne: la colonna della squadra prende la misura del nome più
   lungo della lista, il nome non si abbrevia e non si tronca (B.1). Sul telefono minuto e squadra stanno sulla prima riga
   (un nome di più parole va a capo fra le parole) e il cambio sotto, come prima. */
.cambi:not(.rigori-seq){ grid-template-columns:max-content max-content minmax(0,1fr) }
.cambi:not(.rigori-seq) li{ grid-column:1/-1; grid-template-columns:subgrid }
@media (max-width:760px){ .cambi:not(.rigori-seq){ grid-template-columns:max-content minmax(0,1fr) } .cambi:not(.rigori-seq) li{ grid-template-columns:subgrid } }
.barra .vuoto{ border:0; padding:0; margin:0; background:none }
@media (max-width:560px){ .barra a,.barra button{ padding:6px 9px; font-size:var(--c-nota) } .barra{ gap:6px } }
/* i nomi lunghi («Societa Sportiva Alba Roma») si stringono invece di allargare la pagina: le colonne del tabellone non
   prendono la misura del testo su una riga (1fr = minmax(auto,1fr) lo faceva) */
.tabellone{ grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) }
.tabellone .pt{ white-space:nowrap; text-align:center; margin:0 auto }   /* ★ 03/10: «1–0» si spezzava sul trattino */
.tabellone .pt.pt-lungo{ white-space:normal; max-width:100% }   /* ★ 09/10: nel Pre Unico è il girone («Centro-Sud · Semifinale Italia meridionale»): va a capo fra le parole, la pagina non scorre di lato a 375 */
/* ★ 03/10: GLI STRUMENTI DI MODIFICA del campetto (strumenti.js). Solo computer, come nell'attuale (sotto i 768 px non ci sono).
   Regola madre: fondi dai gettoni (carta, velo), testo d'inchiostro; il rosso-verdetto solo per l'errore e la maglia scelta. */
@media (max-width:760px){ .solo-computer{ display:none !important } }   /* ★ 20/10/2026 (audit, R11): il telefono è fino a 760 px, come nel resto del sito */
.barra button[aria-pressed="true"]{ background:var(--velo); border:2px solid var(--inchiostro) }
.strumenti-modifica{ display:grid; gap:8px; border:1px solid var(--filetto); border-left:4px solid var(--inchiostro); background:var(--velo); padding:10px 14px; font-size:var(--c-testo) }
.strumenti-modifica .istruzione{ margin:0 }
.riga-tasti{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 }
.strumenti-modifica .tasto[aria-pressed="true"]{ background:var(--carta); border:2px solid var(--inchiostro); font-weight:700 }
.tasto:disabled{ opacity:.55; cursor:not-allowed }
.campo-box > .strumenti-modifica{ border-left-width:1px }
.campo.trascinabile .maglia{ cursor:grab; touch-action:none }
.campo.trascinabile .maglia.in-mano{ cursor:grabbing }
.campo.scambio .maglia{ cursor:pointer }
.campo .anello{ fill:none; stroke:var(--verdetto); stroke-width:.9 }
.avviso-strumenti{ position:fixed; right:16px; bottom:16px; z-index:45; margin:0; max-width:min(440px,calc(100vw - 32px)); padding:10px 14px;
  background:var(--velo); color:var(--inchiostro); border:2px solid var(--inchiostro); font:600 var(--c-testo)/1.4 var(--f-testo); box-shadow:0 8px 20px rgba(0,0,0,.18) }
.avviso-strumenti.ok{ border-left:8px solid var(--inchiostro) } .avviso-strumenti.errore{ border-color:var(--verdetto); border-left-width:8px }
#p-strumenti{ top:50%; left:50%; transform:translate(-50%,-50%); width:min(820px,calc(100vw - 32px)); max-height:88vh; align-content:start }
#p-strumenti h2{ padding-right:48px }
#p-strumenti h3{ font:700 var(--c-titoletto)/1 var(--f-titolo); text-transform:uppercase; margin:0 }
.scelte-salva{ display:grid; gap:10px }
.tasto-scelta{ display:grid; gap:4px; text-align:left; padding:12px 14px; border:1px solid var(--filetto); background:var(--carta); color:var(--inchiostro); font:var(--c-testo) var(--f-testo); cursor:pointer }
.tasto-scelta span{ color:var(--grigio); font-size:var(--c-nota) }
.tasto-scelta:hover,.tasto-scelta:focus-visible{ border-color:var(--inchiostro) }
.cs-elenco{ display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:2px 10px; max-height:38vh; overflow-y:auto; border:1px solid var(--filetto); padding:8px; font:var(--c-testo) var(--f-cifre) }
.cs-elenco label{ display:flex; gap:6px; align-items:center; cursor:pointer }
.cs-elenco input,.gp-esistenti input{ accent-color:var(--inchiostro) }
.esito{ margin:0; font-weight:600; min-height:1.4em } .esito.errore{ color:var(--verdetto) }
.gp-squadre{ display:grid; gap:18px }
.gp-squadra{ display:grid; gap:10px; border-top:2px solid var(--inchiostro); padding-top:10px }
.gp-squadra header{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between }
.gp-squadra label,.gp-schemi label{ display:inline-flex; gap:6px; align-items:center; font:600 var(--c-nota) var(--f-cifre); letter-spacing:.04em; text-transform:uppercase; color:var(--grigio) }
.gp-schemi{ display:flex; flex-wrap:wrap; gap:8px 18px }
#p-strumenti select{ font:var(--c-testo) var(--f-testo); padding:4px 6px; background:var(--carta); color:var(--inchiostro); border:1px solid var(--filetto); text-transform:none; letter-spacing:0 }
#p-strumenti select.errore{ border:2px solid var(--verdetto) }
.gp-tab{ width:100%; border-collapse:collapse } .gp-tab td:last-child{ width:52% } .gp-tab select{ width:100% }
.gp-tab .r,.gp-regole .r{ color:var(--grigio); font-size:var(--c-nota) }
.gp-esistenti{ display:grid; gap:8px; border-top:1px solid var(--filetto); padding-top:10px }
.gp-regole ul{ list-style:none; margin:4px 0 0; padding:0; display:grid; gap:4px }
.gp-regole li{ display:flex; justify-content:space-between; gap:10px; align-items:center }
.gp-regole .tasto{ height:auto; min-height:max(34px,var(--tocco-min)) }
.campo .maglia:focus:not(:focus-visible){ outline:none }   /* col mouse Chrome disegnava l'anello arancione del fuoco sulla maglia */
/* 06/10 · sul telefono il nome della squadra nel tabellone d'apertura usciva di 4-30 px (Udinese a 30 px in 70 px).
   🔴 07/10 (Fabio: «Mai spezzare il nome delle squadre», «GERMANI/A»): qui lo si mandava a capo DENTRO la parola. Ora
   AUTOCONTENIMENTO: resta su una riga e il guscio (compatta) ne riduce il corpo finché entra nella sua colonna. */
@media (max-width:760px){ .tabellone .squadra .nome[data-intero]{ min-width:0; max-width:100% } .tabellone .squadra{ min-width:0 } }
/* ★ 07/10 sera — «se una parola sola non entra si cambia l'impaginazione, mai il nome» (SKILL daticalcio §B.2). Sul telefono
     il nome stava sotto la bandiera in una colonna di 50-90 px accanto al punteggio: «Bosnia ed Erzegovina» scendeva a 6 px.
     Ora la prima riga tiene bandiere/stemmi e punteggio, la seconda i due NOMI, ognuno su METÀ della larghezza: il nome si
     autocontiene (guscio) in 160-180 px invece che in 60. */
@media (max-width:760px){
  .tabellone{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto minmax(0,1fr) minmax(0,1fr); column-gap:0; row-gap:8px }
  .tabellone > .squadra{ display:contents }
  .tabellone > .squadra > :first-child{ grid-row:1; justify-self:center; align-self:center }
  .tabellone > .squadra:first-child > :first-child{ grid-column:1 / 3 }
  .tabellone > .squadra:last-child > :first-child{ grid-column:5 / 7 }
  .tabellone{ row-gap:0 }
  .tabellone > div:not(.squadra){ display:contents }      /* punteggio in alto al centro; «primo tempo», «dopo i rigori» su tutta la riga sotto */
  .tabellone > div:not(.squadra) > .punteggio{ grid-row:1; grid-column:3 / 5; padding:0 6px }
  .tabellone > div:not(.squadra) > .pt{ grid-column:1 / 7; margin-top:6px }
  .tabellone > div:not(.squadra) > .pt:nth-child(2){ grid-row:2 } .tabellone > div:not(.squadra) > .pt:nth-child(3){ grid-row:3 }
  .tabellone > .squadra > .nome{ grid-row:4; margin-top:10px; text-align:center; padding:0 6px; min-width:0; max-width:100%; box-sizing:border-box }
  .tabellone > .squadra:first-child > .nome{ grid-column:1 / 4 }
  .tabellone > .squadra:last-child > .nome{ grid-column:4 / 7 }
}
/* ★ 14/10/2026 (B.4) — lo stemmino accanto al nome della squadra (intestazioni dei campetti e degli elenchi, cambi, espulsioni,
     club degli azzurri): alto quanto la riga, lo stemma intero; la bandiera per le nazionali */
.st-mini{ display:inline-flex; align-items:center; justify-content:center; width:1.1em; height:1.1em; margin-right:.3em; vertical-align:-.15em; flex:none }
.st-mini img,.st-mini svg{ width:100%; height:100%; object-fit:contain }
.st-mini.bandiera img{ object-fit:cover; aspect-ratio:3/2; height:auto; border:1px solid var(--filetto) }
.st-mini .senza{ font:700 .7em/1 var(--f-titolo); border:1px solid var(--filetto); border-radius:50%; width:100%; height:100%; display:inline-flex; align-items:center; justify-content:center }
/* ★ 22/10/2026 (Fabio, consigli della critica d'interfaccia: «lo rendiamo il più usabile possibile»)
   · il risultato: i due numeri dello stesso inchiostro (il rosso nel sito è evidenza/allarme, sul numero di chi perde sembrava un
     giudizio); il trattino resta grigio (css/ndc.css). Tolta la classe «verdetto» dai numeri in scheda.js.
   · la barra sul telefono su UNA riga: Indietro, YouTube e Condividi icone da 44 px (il testo resta per la sintesi vocale, .t-barra);
     «L'andata» / «Il ritorno» prende lo spazio che resta, su due righe: sopra l'etichetta, sotto la partita con gli stemmi.
   · i marcatori: sul telefono la colonna è una sola, e davanti a ogni marcatore c'è lo stemmino della squadra (sul computer no:
     le due colonne dicono già casa e ospite). */
.barra-partita .ic-barra{ display:none }
.barra-partita .altra-gara .nw{ white-space:nowrap }
.barra-partita .altra-gara .st-mini{ width:1em; height:1em; margin-right:.25em }
.marcatori .st-marc{ display:none }
@media (max-width:760px){
  .barra-partita{ flex-wrap:nowrap; gap:6px }
  .barra-partita .vuoto{ flex:1 1 0; min-width:0 }
  .barra-partita .t-barra{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap }
  .barra-partita .ic-barra{ display:block; width:22px; height:22px; flex:none }
  .barra-partita > a:not(.altra-gara),.barra-partita > button{ flex:none; min-width:var(--tocco-min); min-height:var(--tocco-min); padding:0 10px; justify-content:center }
  .barra-partita #indietro{ font-size:var(--c-titoletto); line-height:1 }
  .barra-partita .altra-gara{ flex:1 1 auto; min-width:0; min-height:var(--tocco-min); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px; padding:4px 10px; text-align:left; letter-spacing:0; text-transform:none }
  .barra-partita .altra-gara .et-altra{ font:600 var(--c-etichetta)/1.2 var(--f-cifre); letter-spacing:.06em; text-transform:uppercase; color:var(--grigio) }
  .barra-partita .altra-gara .due-punti{ display:none }
  .barra-partita .altra-gara .sq-altra{ font:600 var(--c-nota)/1.25 var(--f-testo); color:var(--inchiostro) }
  .barra-partita .altra-gara .sq-altra .cifre{ font-family:var(--f-cifre) }
  .barra-partita #condividi.copiato .ic-barra{ display:none } .barra-partita #condividi.copiato::before{ content:'✓'; font-size:var(--c-evidenza) }   /* copiato: il segno al posto dell'icona (il testo «Indirizzo copiato» lo legge la sintesi vocale), la riga non si allarga */
  .barra-partita:has(.altra-gara) .vuoto{ display:none }   /* l'andata/il ritorno prende tutto lo spazio che resta */
  .marcatori .st-marc{ display:inline }
  .marcatori .assist{ display:inline-block }   /* «assist Belghali» va a capo tutto insieme, non «Belghali» da solo */
}

/* ★ 23/10/2026 (decisione di Fabio sulla critica di usabilità; regola B.10 del 09/10: «i grafici usano GRIGI e ROSSI»): nella scheda
   della partita la squadra di casa è in rosso, l'ospite in grigio, in tutti i grafici — i minuti dei gol (prima due rossi, quasi uguali
   nel tema scuro), «La partita in breve» e i numeri (prima il blu), il possesso — con la legenda accanto al titolo. Solo qui: le barre
   del guscio servono anche alla scheda dell'arbitro. */
.minuto.gol-ospite{ background:var(--grigio); color:var(--carta) }
.minuto.decina.gol-ospite{ color:var(--carta) }
.barre-r i{ background:var(--grigio) }
.legenda-sq{ display:inline-flex; flex-wrap:wrap; align-items:center; gap:4px 8px }
.legenda-sq > span{ display:inline-flex; align-items:center; gap:6px }
.legenda-sq i{ display:inline-block; width:.9em; height:.9em; flex:none }
.legenda-sq .leg-casa{ background:var(--casa) } .legenda-sq .leg-osp{ background:var(--grigio) }
/* ★ 23/10/2026 il possesso palla come gli altri grafici: la striscia colorata (casa rossa, ospite grigia) e la percentuale sotto, scritta
   nell'inchiostro. Prima il numero stava dentro una fascia piena alta 34 px: in grigio sarebbe stata un fondo scuro nel tema chiaro (§0.1) */
.possesso .barra-p.pos-righe{ height:auto; color:var(--inchiostro) }
.possesso .barra-p.pos-righe span{ padding:22px 0 0; min-width:0 }
.possesso .barra-p.pos-righe .pos-casa{ box-shadow:inset 0 14px 0 var(--casa) } .possesso .barra-p.pos-righe .pos-osp{ box-shadow:inset 0 14px 0 var(--grigio) }

/* ═══ 23/10/2026 — LA SCHEDA UNICA DELLA PARTITA (prototipo P3.1 approvato da Fabio). Solo gettoni del tema (C.2) e i nove corpi (C.4). ═══ */
/* le note della partita in UN riquadro (tavolino, sospesa, recupero, annullata, in corso, com'è finita): una riga per fatto */
.note-partita{ margin:10px 0; padding:10px 14px; border:1px solid var(--filetto); border-left:6px solid var(--grigio); background:var(--velo); color:var(--inchiostro); font:var(--c-testo)/1.45 var(--f-testo) }
.note-partita.rosso{ border-left-color:var(--verdetto) }
.note-partita p{ margin:0 } .note-partita p + p{ margin-top:6px }
/* lo stemma che manca: l'iniziale in un quadrato (B.4, mai un buco); la bandiera dell'arbitro della Nazionale */
.st-mini .senza{ display:inline-flex }
.bandiera-i{ height:16px; vertical-align:-2px; margin-right:6px; border:1px solid var(--filetto) }
.squadra img{ object-fit:contain }
/* andata e ritorno (coppe, finali in due gare): le gambe, ognuna la sua scheda, e chi passa */
.doppio{ margin:14px auto 0; max-width:720px; padding:10px 14px; border:1px solid var(--filetto); background:var(--carta); color:var(--inchiostro); text-align:center }
.doppio ul{ list-style:none; margin:6px 0 0; padding:0; display:grid; gap:4px }
.doppio li{ font:var(--c-testo)/1.4 var(--f-testo) }
.doppio li a{ display:inline-flex; align-items:center; min-height:var(--tocco-min, 0px) }
.doppio li[aria-current] b{ font-weight:700 }
.doppio .esito-d{ margin:6px 0 0; font:700 var(--c-evidenza) var(--f-testo) }
/* «Altro ▾»: il video e gli strumenti dentro un menu (la barra non va più a capo) */
.altro{ position:relative; flex:none }
.altro > summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px; min-height:max(44px, var(--tocco-min, 44px)); padding:6px 14px; border:1px solid var(--filetto); font:600 var(--c-nota) var(--f-cifre); text-transform:uppercase; letter-spacing:.06em }
.altro > summary::-webkit-details-marker{ display:none }
.altro-menu{ position:absolute; right:0; top:calc(100% + 4px); z-index:5; min-width:260px; display:grid; gap:4px; padding:8px; border:1px solid var(--filetto); background:var(--carta); color:var(--inchiostro); box-shadow:0 6px 18px var(--velo) }
.altro-menu a,.altro-menu button{ display:flex; align-items:center; gap:8px; min-height:44px; padding:4px 8px; font:var(--c-testo) var(--f-testo); text-transform:none; letter-spacing:0; text-align:left }
.altro-menu .ic-menu{ width:20px; height:20px; flex:none }
/* «Vai a»: sul computer una riga di salti, sul telefono una tendina (C.5: menu e non bottoni) */
.vai-a{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; margin:22px 0 4px; padding:10px 0; border-top:1px solid var(--filetto); border-bottom:1px solid var(--filetto) }
.vai-salti{ display:flex; flex-wrap:wrap; gap:6px }
.vai-salti a{ display:inline-flex; align-items:center; min-height:40px; padding:4px 12px; border:1px solid var(--filetto); background:var(--carta); color:var(--inchiostro); font:600 var(--c-nota) var(--f-cifre); text-transform:uppercase; letter-spacing:.04em; text-decoration:none }
.vai-salti a:hover,.vai-salti a:focus-visible{ border-color:var(--inchiostro) }
.vai-a .filtro.vai-tendina{ display:none !important }
.manca{ margin:8px 0 0; font:var(--c-nota)/1.45 var(--f-testo); color:var(--inchiostro) }
.manca .etichetta{ display:block; font-size:var(--c-etichetta) }
.sezione{ scroll-margin-top:calc(var(--sotto-barre, 0px) + 12px) }
/* le icone dei fatti, disegnate (niente emoji) */
.ic-ev{ width:1em; height:1em; vertical-align:-.15em; margin-right:3px; flex:none; color:var(--inchiostro) }
.ev{ display:inline-flex; align-items:center; white-space:nowrap; margin-left:10px; font:600 var(--c-nota) var(--f-cifre) }
.ev:first-child{ margin-left:0 }
.ev .per{ font:400 var(--c-nota) var(--f-testo); color:var(--grigio); white-space:normal }
.duello .lab .ic-ev,.note-stat .ic-ev,.cambi .ic-ev{ margin-left:2px }
/* ★ 23/10/2026 (C-bis.2, B.2): un fatto lungo («espulso Inzaghi I (doppia ammonizione)», «rigore sbagliato 45'») va a capo fra le
   parole, mai dentro una parola né troncato. Nelle liste dei cambi e delle espulsioni il fatto scorre come testo (il nome resta intero,
   col numerale dei fratelli attaccato); nella colonna dei fatti di «Chi ha giocato» la riga si spezza e la nota scende sotto il minuto,
   allineata a destra (prima usciva a sinistra della colonna e veniva tagliata); così nei box del telefono (.ndc-lt, la tabella
   scomposta da js/ndc-lista-telefono.js), dove il fatto segue il nome. */
.cambi .ev{ display:inline; white-space:normal }
.cambi .ev a{ white-space:nowrap }
.pr-ev .ev,.ndc-lt .ev,.ev:has(> .ev-nota){ flex-wrap:wrap; white-space:normal; min-width:0; max-width:100% }
.pr-ev .ev{ justify-content:flex-end }
.ev-nota{ font:400 var(--c-nota)/1.25 var(--f-testo); margin-left:.3em }
.cambi .ev-nota{ font:inherit; margin-left:0 }
/* «Chi ha giocato»: le STESSE colonne nelle due squadre, di misura fissa (in em del corpo delle note); il nome prende il resto; una colonna senza dati va a zero */
.pr-tab{ --w-r:8.6em; --w-e:3em; --w-a:0px; --w-ev:7.6em; display:grid; grid-template-columns:4.4em minmax(0,1fr) var(--w-r) var(--w-e) var(--w-a) var(--w-ev); column-gap:0; font-size:var(--c-nota) }
.pr-box.con-az .pr-tab{ --w-a:6.2em; --w-r:7.4em }
.pr-box.no-r .pr-tab{ --w-r:0px } .pr-box.no-e .pr-tab{ --w-e:0px } .pr-box.no-ev .pr-tab{ --w-ev:0px }
.pr-box{ align-content:start }
.pr-riga{ display:grid; grid-template-columns:subgrid; grid-column:1 / -1; align-items:baseline; padding:6px 0; border-top:1px solid var(--filetto) }
.pr-riga > *{ padding-left:8px; min-width:0; overflow:hidden } .pr-riga > :first-child{ padding-left:0 }
.pr-testa{ border-top:0; font:600 var(--c-etichetta)/1.2 var(--f-cifre); text-transform:uppercase; letter-spacing:.06em; color:var(--grigio); white-space:nowrap }
.pr-sez{ grid-column:1 / -1; padding:10px 0 2px; border-top:1px solid var(--filetto) }
.pr-n{ color:var(--grigio); text-align:right }
.pr-g{ min-width:0; font:var(--c-testo)/1.35 var(--f-testo) }
.pr-g abbr.capitano{ text-decoration:none; font:600 var(--c-nota) var(--f-cifre) }
.pr-club{ display:block; font:var(--c-nota)/1.3 var(--f-testo); color:var(--grigio) }
.pr-club .st-mini svg,.pr-club .st-mini img,.pr-club .st-mini .stemma-svg{ width:1em; height:1em; display:inline-block; vertical-align:-2px }
.pr-r{ font:var(--c-nota)/1.3 var(--f-testo) } .pr-r small{ display:block; font-size:var(--c-etichetta); color:var(--grigio) }
.pr-e,.pr-a{ font-size:var(--c-nota); text-align:right }
.pr-ev{ text-align:right; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:2px 0 }
.pr-testa .pr-ev{ display:block }
.ev-in{ display:inline-flex; flex-direction:column; align-items:flex-end; white-space:normal; text-align:right }
.ev-in .per{ font:400 var(--c-nota)/1.25 var(--f-testo) }
.verifica{ display:grid; grid-template-columns:max-content minmax(0,1fr); gap:4px 14px; margin:0; font:var(--c-nota)/1.4 var(--f-testo) }
.verifica dt{ font:600 var(--c-etichetta) var(--f-cifre); text-transform:uppercase; letter-spacing:.06em; color:var(--grigio) }
.verifica dd{ margin:0 }
.prec small.questa{ font:var(--c-nota) var(--f-testo); color:var(--grigio) }
/* ★ «Chi ha giocato»: sul computer la griglia, sul telefono la tabella che js/ndc-lista-telefono.js scompone in box con «Ordina per» (C-bis.1) */
@media (min-width:761px){ .pr-tabella{ display:none } }
@media (max-width:760px){
  .pr-tab{ display:none }
  .vai-salti{ display:none } .vai-a .filtro.vai-tendina{ display:flex !important; flex-direction:column; align-items:stretch; width:100% }
  .vai-a > .etichetta{ display:none }
  .ev{ margin-left:0; font-size:var(--c-testo) }
  .altro > summary{ padding:6px 10px }
  .altro-menu{ right:0; left:auto; min-width:0; width:min(260px, calc(100vw - 32px)) }
  .verifica{ grid-template-columns:1fr }
}
/* ★ 23/10/2026 (C-bis.2): nei precedenti e nelle «altre partite» la riga data · partita · risultato (css/ndc.css, .prec) a 320 px
   allargava la pagina con i nomi lunghi del Pre Unico («Unione Sportiva Internazionale Napoli», «non disputata»: Nocerina-Ilva
   Bagnolese 1921-22, 373 px). Sul telefono stretto la data e il risultato stanno sulla prima riga, la partita sotto, intera e a capo
   fra le parole. Qui e non nel guscio: vale per questa pagina. */
@media (max-width:560px){
  .prec li{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"data ris" "nome nome"; row-gap:2px }
  .prec li > .data{ grid-area:data } .prec li > a{ grid-area:nome } .prec li > .ris{ grid-area:ris; text-align:right }
}