/* Calciatori — le viste e le categorie del secondo giro (Oggi, Top 11, Statistiche, Presenze 0, Portieri; Serie B, Pre Unico,
   Nazionale, Esteri), 03/10/2026. Stessi componenti della master (la figurina, la scheda breve, i filtri con apri/chiudi):
   qui solo quello che la master non aveva. Colori SOLO dai gettoni del tema (regola madre). */
.cv{ grid-column:1/-1; display:grid; gap:14px; min-width:0 }
.cv > header{ display:grid; gap:4px }
.cv > header h2,.cv-sez > h3{ margin:0; font:900 var(--c-sottotitolo)/1 var(--f-titolo); text-transform:uppercase }
.cv-sez{ display:grid; gap:10px; min-width:0 }
.cv-sez > h3{ font-size:var(--c-titoletto); display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline; border-bottom:2px solid var(--inchiostro); padding-bottom:4px }
.cv-sez > h3 small{ font:600 var(--c-nota) var(--f-cifre); text-transform:none; color:var(--grigio) }
.cv .album{ margin-top:0 }
.cv .strumenti{ padding:0 }
.cv .riga{ display:flex; flex-wrap:wrap; gap:8px; align-items:center }
.cv .filtro input[type="search"],.cv .filtro input[type="text"]{ border:0; background:none; color:var(--inchiostro); font:600 var(--c-testo) var(--f-testo); width:14ch; outline:none }
.cv .filtro input[type="checkbox"]{ width:20px; height:20px; accent-color:var(--inchiostro) }
.cv .selettori.piccoli .sel{ height:auto; min-height:max(42px,var(--tocco-min)); padding:6px 16px; font:700 var(--c-testo) var(--f-titolo); text-transform:uppercase; letter-spacing:.03em }
.cv .selettori .sel small{ font:600 var(--c-etichetta) var(--f-cifre); color:var(--grigio) }
.cv .avviso{ border:1px solid var(--filetto); border-left:4px solid var(--verdetto); padding:10px 14px; font-size:var(--c-testo); max-width:80ch }
.fig .chi a{ color:inherit; text-decoration-color:var(--filetto) }
.fig .ruolo .tag{ margin-left:auto; border:1px solid var(--inchiostro); padding:0 6px; color:var(--inchiostro); font-weight:700; letter-spacing:.04em }
.cv-lucchetto{ border:2px solid var(--inchiostro); padding:18px 20px; display:grid; gap:8px; max-width:70ch }
.cv-lucchetto h3{ margin:0; font:900 var(--c-sottotitolo) var(--f-titolo); text-transform:uppercase }

/* le classifiche brevi (Curiosità): una riga, il dato grande a destra */
.cv-colonne{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)); gap:18px }
.cv-classifica{ list-style:none; margin:0; padding:0; display:grid }
.cv-classifica li{ display:grid; grid-template-columns:2.2em minmax(0,1fr) auto; gap:4px 10px; align-items:baseline; padding:8px 0; border-bottom:1px solid var(--filetto); cursor:pointer }
.cv-classifica li:hover b{ text-decoration:underline; text-decoration-color:var(--filetto) }
.cv-classifica .pos{ font:600 var(--c-testo) var(--f-cifre); color:var(--grigio) }
.cv-classifica b{ font:900 var(--c-titoletto)/1.15 var(--f-titolo); text-transform:uppercase; min-width:0 }
.cv-classifica small{ display:block; font:var(--c-nota) var(--f-testo); color:var(--grigio); text-transform:none }
.cv-classifica .v{ font:900 var(--c-titoletto) var(--f-titolo); text-align:right; white-space:nowrap }

/* le barre delle infografiche */
.cv-barre{ display:grid; gap:6px }
.cv-barre .r{ display:grid; grid-template-columns:minmax(0,11em) minmax(0,1fr) 5em; gap:8px; align-items:center; cursor:pointer }
.cv-barre .r .n{ font:600 var(--c-testo)/1.1 var(--f-testo); min-width:0; overflow-wrap:anywhere }
.cv-barre .r .b{ height:16px; border:1px solid var(--filetto) } .cv-barre .r .b i{ display:block; height:100%; background:var(--inchiostro) }
.cv-barre .r.media .b i{ background:var(--verdetto) } .cv-barre .r.media{ cursor:default }
.cv-barre .r .v{ font:600 var(--c-testo) var(--f-cifre); text-align:right }

/* le tabelle (Presenze 0, l'Infografica squadre, la finestra Esteri): sul telefono ogni riga diventa una tessera */
.tab-cv{ width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums }
.tab-cv th{ font:600 var(--c-etichetta) var(--f-cifre); letter-spacing:.06em; text-transform:uppercase; color:var(--grigio); text-align:right; border-bottom:1px solid var(--inchiostro); padding:6px 8px; white-space:nowrap }
.tab-cv th button{ border:0; background:none; color:inherit; font:inherit; letter-spacing:inherit; text-transform:inherit; cursor:pointer; padding:0 }
.tab-cv th button[aria-pressed="true"]{ color:var(--inchiostro); text-decoration:underline; text-underline-offset:3px }
.tab-cv th:first-child,.tab-cv td:first-child{ text-align:left }
.tab-cv td{ border-bottom:1px solid var(--filetto); padding:8px; text-align:right; font:600 var(--c-testo) var(--f-cifre) }
.tab-cv td:first-child{ font:700 var(--c-evidenza)/1.15 var(--f-titolo); text-transform:uppercase }
.tab-cv td.t{ text-align:left; font:var(--c-testo) var(--f-testo); text-transform:none }
/* ★ 09/10/2026 (regola A): nome e stagioni sono veri link alla scheda; l'aspetto resta quello della riga */
.tab-cv a.nome,.tab-cv a.st{ color:inherit; text-decoration:none }
.tab-cv a.nome:hover,.tab-cv a.st:hover{ text-decoration:underline }
.tab-cv tr[data-g],.tab-cv tr[data-cv]{ cursor:pointer } .tab-cv tr[data-g]:hover td:first-child,.tab-cv tr[data-cv]:hover td:first-child{ text-decoration:underline }
.tab-cv img.stemma{ width:26px; height:26px; object-fit:contain; vertical-align:-6px; margin-right:8px }
.tab-cv .rl{ display:inline-flex; width:24px; height:24px; align-items:center; justify-content:center; background:var(--r); color:#fff; font:900 var(--c-nota) var(--f-titolo) }
@media (max-width:760px){
  .tab-cv thead{ display:none }
  .tab-cv tr{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 8px; padding:10px 0; border-bottom:1px solid var(--filetto) }
  .tab-cv td{ border:0; padding:0; text-align:left; display:grid; gap:1px; font-size:var(--c-testo); min-width:0 }
  .tab-cv td::before{ content:attr(data-et); font:600 var(--c-etichetta) var(--f-cifre); letter-spacing:.04em; text-transform:uppercase; color:var(--grigio) }
  .tab-cv td:first-child{ grid-column:1/-1; font-size:var(--c-titoletto); display:block } .tab-cv td:first-child::before{ content:none }
  .tab-cv td.t{ grid-column:1/-1 }
}
.cv-pagine{ display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap }

/* ═══ TOP 11: il campo (i gettoni --campo / --campo-riga del guscio: chiaro nel chiaro, scuro nello scuro) ═══ */
.t11{ display:grid; gap:12px }
.t11-campo{ position:relative; width:100%; aspect-ratio:105/68; background:var(--campo); border:2px solid var(--campo-riga); overflow:hidden }
.t11-campo svg.linee{ position:absolute; inset:0; width:100%; height:100% }
.t11-campo svg.linee *{ fill:none; stroke:var(--campo-riga); stroke-width:.5 }
.omino{ position:absolute; transform:translate(-50%,-50%); display:grid; justify-items:center; gap:2px; border:0; background:none; padding:0; cursor:pointer; color:var(--inchiostro); width:112px }
.omino .m{ display:flex; width:44px; height:44px; border-radius:50%; align-items:center; justify-content:center; border:3px solid var(--inchiostro); background:var(--carta); font:900 var(--c-evidenza) var(--f-titolo) }
.omino.a .m{ border-color:var(--ospite-2,var(--inchiostro)) } .omino.b .m{ border-color:var(--verdetto) } .omino.ab .m{ border-style:double; border-width:5px }
.omino .c{ font:900 var(--c-nota)/1.05 var(--f-titolo); text-transform:uppercase; text-align:center; background:var(--carta); padding:1px 4px; max-width:112px; overflow-wrap:anywhere }
.omino.scelto .m{ outline:3px solid var(--verdetto); outline-offset:2px }
.t11-panca{ display:flex; flex-wrap:wrap; gap:10px 14px; justify-content:center; border:1px solid var(--filetto); padding:12px }
.t11-panca .omino{ position:static; transform:none; width:96px }
.t11-info{ font:600 var(--c-nota) var(--f-cifre); color:var(--grigio) } .t11-info b{ color:var(--inchiostro) }
.t11-picker{ border:1px solid var(--inchiostro); padding:12px; display:grid; gap:8px }
.t11-picker ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:6px }
.t11-picker li button{ width:100%; text-align:left; border:1px solid var(--filetto); background:var(--carta); color:var(--inchiostro); padding:6px 10px; cursor:pointer; font:600 var(--c-testo) var(--f-testo) }
.t11-picker li button small{ display:block; font:600 var(--c-etichetta) var(--f-cifre); color:var(--grigio) }
.t11-picker li button[aria-pressed="true"]{ border:2px solid var(--inchiostro); background:var(--velo) }
@media (max-width:760px){
  /* sul telefono il campo è VERTICALE (porte in alto e in basso), come nell'attuale */
  .t11-campo{ aspect-ratio:68/105 }
  .omino{ width:84px } .omino .m{ width:36px; height:36px; font-size:var(--c-testo); border-width:2px } .omino .c{ font-size:var(--c-etichetta); max-width:84px }
}

/* la finestra della scheda estera (dentro il pannello della master) */
#p-gioc .lista-l{ list-style:none; margin:0; padding:0; display:grid }
#p-gioc .lista-l li{ border-bottom:1px solid var(--filetto); padding:8px 0; display:grid; gap:2px }
#p-gioc .lista-l .g{ font:600 var(--c-evidenza)/1.2 var(--f-testo) } #p-gioc .lista-l .d{ font:var(--c-nota) var(--f-cifre); color:var(--grigio) }
#p-gioc .lista-l a{ color:inherit }
/* 06/10 · sul telefono il tab «Portieri» allargava la pagina a 399 px: la griglia della .cv cresceva col menu «Ordina per» */
.cv{ grid-template-columns:minmax(0,1fr) } .cv > header{ grid-template-columns:minmax(0,1fr); min-width:0 } .cv .riga{ min-width:0 }
@media (max-width:760px){ .album{ grid-template-columns:minmax(0,1fr) } .cv .filtro{ max-width:100%; min-width:0 } .cv .filtro select{ min-width:0; max-width:100%; flex:1 1 auto; text-overflow:ellipsis } }
/* ★ 20/10/2026 (Fabio, 18/10: nella finestra dello straniero il testo usciva dal riquadro). Il «Dove» lungo prende due colonne
     (17/10) e va a capo FRA le parole; ora (1) «Dove» va dopo «Partite» e «Anni» (calciatori-piu.js), che stanno
     affiancati: niente buco; (2) il tasto «Apri la scheda: le partite dove è presente» era alto 44 px fissi e a 320-375 px
     il testo a capo usciva sopra e sotto la cornice: il tasto cresce col testo, centrato. */
#p-gioc .azioni .tasto{ height:auto; min-height:44px; padding-block:8px; white-space:normal; text-align:center; justify-content:center; line-height:1.25; max-width:100% }
/* ★ 23/10/2026 (P2): nelle classifiche delle Statistiche il nome è il link alla scheda */
.cv-classifica a.nome,.cv-barre a.nome{ color:inherit; text-decoration:none }
.cv-classifica a.nome:hover,.cv-barre a.nome:hover{ text-decoration:underline }
.cv-classifica li[data-g],.cv-barre .r[data-g]{ position:relative }
.cv-classifica li[data-g] a.nome::after,.cv-barre .r[data-g] a.nome::after{ content:""; position:absolute; inset:0 }