:root{
  --bg:#eef3ee;--card:#fff;--tx:#13241a;--mut:#6b7d70;--riga:#e1e9e2;--ac:#2f8f4e;
  --vin:#18a34a;--per:#d81e47;--par:#9aa69d;--grigio:#e1e9e2;--sel:#e3f4e8;--prato:#1d5c38;
}
/* colori scuri: seguono il telefono, oppure la scelta fatta con l'icona in alto (data-tema su <html>) */
@media(prefers-color-scheme:dark){:root:not([data-tema="chiaro"]){
  --bg:#0b1410;--card:#15211a;--tx:#eef3ee;--mut:#8ea394;--riga:#24352a;--ac:#4cc27a;
  --vin:#2fc463;--per:#ff5a6e;--par:#6f8075;--grigio:#24352a;--sel:#183a25;--prato:#123d26;
}}
:root[data-tema="scuro"]{
  --bg:#0b1410;--card:#15211a;--tx:#eef3ee;--mut:#8ea394;--riga:#24352a;--ac:#4cc27a;
  --vin:#2fc463;--per:#ff5a6e;--par:#6f8075;--grigio:#24352a;--sel:#183a25;--prato:#123d26;
}
[hidden]{display:none!important}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-padding-top:120px}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* barra in alto */
/* intestazione: prato con le righe del campo */
#testa,.prato-coda{background-color:var(--prato);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 40px,transparent 40px 80px);background-position:center top}
#testa{position:sticky;top:0;z-index:5;color:#fff}
#barra{display:flex;align-items:center;gap:10px;padding:14px 16px 6px;max-width:720px;margin:auto}
#barra .tit-box{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px}
#titolo{flex:0 1 auto;min-width:0;margin:0;font-size:22px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:10px}
#titolo .tt{min-width:0;overflow:hidden;text-overflow:ellipsis}
#titolo .stemma{flex:none}
/* la versione si vede solo nella prima pagina, o mentre lampeggia dopo un aggiornamento */
#barra.senza-v .versione:not(.lampeggia){display:none}
.ico{border:0;background:none;padding:4px;display:flex;color:#fff}
.pillola{border:1px solid var(--riga);background:var(--card);color:var(--ac);border-radius:999px;padding:7px 16px;font-weight:600;font-size:15px}
.pillola.on{background:var(--ac);color:#fff;border-color:var(--ac)}
#schede{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:6px 16px 14px;max-width:720px;margin:auto}
#schede::-webkit-scrollbar{display:none}
#schede a{flex:none;padding:6px 14px;border:1.5px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;font-size:15px;font-weight:600;white-space:nowrap}
#schede a.on{background:#fff;color:var(--prato);border-color:#fff}
#schede:empty{display:none}

main{padding:12px 14px;max-width:720px;margin:auto}
.vuoto{color:var(--mut);text-align:center;padding:30px 0}

/* schede bianche */
.card{background:var(--card);border-radius:20px;padding:14px 16px;margin-bottom:16px}
.card.stretta{padding:4px 0 4px 16px}
.ct{display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:600;margin:4px 0 8px}
.ct svg{width:18px;height:18px;color:var(--mut)}
h2.sez{font-size:21px;font-weight:600;margin:22px 4px 12px}

/* righe di elenco */
.riga{display:flex;align-items:center;gap:12px;padding:11px 16px 11px 0;min-height:58px}
.riga+.riga{border-top:1px solid var(--riga)}
.riga .pos{width:22px;text-align:center;color:var(--mut);font-size:16px;flex:none}
.riga .nome{flex:1;min-width:0}
.riga .nome div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px}
.riga .nome small{color:var(--mut);font-size:14px}
.riga .val{font-weight:700;font-size:18px;min-width:34px;text-align:right}

/* stemmi e avatar */
.stemma{flex:none;display:inline-flex;align-items:center;justify-content:center;object-fit:contain;border-radius:50%;font-weight:700;color:#fff;letter-spacing:-.5px}
img.stemma{border-radius:4px;background:none}
.avatar{position:relative;flex:none;width:44px;height:44px;border-radius:50%;overflow:visible;background:var(--grigio);color:var(--mut);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}
.avatar .stemma{position:absolute;right:-3px;bottom:-3px;background-color:var(--card);box-shadow:0 0 0 2px var(--card)}
.stemma.badge{background-color:var(--card);border-radius:50%}

/* tabelle classifica */
table{width:100%;border-collapse:collapse;font-size:16px}
th{color:var(--mut);font-weight:500;font-size:14px;padding:8px 2px}
td{padding:12px 2px;text-align:center}
th.n,td.n{text-align:left}
td.n{font-size:16px}
td.n span.sqn{display:flex;align-items:center;gap:10px}
tbody tr+tr td{border-top:1px solid var(--riga)}
td.p{color:var(--mut);width:28px}
td.pt{font-weight:700}
tr.evid td{background:var(--sel)}
.filtri{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}
.filtri .segm{min-width:240px}
.segm{display:flex;background:var(--grigio);border-radius:12px;padding:3px;flex:1}
.segm button{flex:1;border:0;background:none;padding:8px 4px;border-radius:9px;font-size:15px}
.segm button.on{background:var(--ac);color:#fff;font-weight:600}
select{font:inherit;font-size:15px;border:0;border-radius:12px;background:var(--grigio);color:var(--tx);padding:10px 12px}
.forma{display:flex;gap:4px;justify-content:flex-end}
.fp{display:inline-block;min-width:34px;padding:3px 4px;border-radius:6px;color:#fff;font-size:12px;font-weight:700;text-align:center}
.fp.V{background:var(--vin)}.fp.P{background:var(--per)}.fp.N{background:var(--par)}

/* schede orizzontali */
.oriz{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px 4px;scroll-snap-type:x mandatory}
.oriz::-webkit-scrollbar{display:none}
.mini{flex:none;width:44%;min-width:150px;background:var(--card);border-radius:20px;padding:16px 10px;text-align:center;scroll-snap-align:start}
.mini .data{color:var(--mut);font-size:15px}
.mini .gr{font-size:24px;font-weight:700;margin:6px 0 10px}
.mini .loghi{display:flex;justify-content:space-around;align-items:center}
.mini .et{color:var(--mut);font-size:14px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px}
.mini .nm{font-weight:600;font-size:16px;margin-top:10px;min-height:40px}
.mini .sub{color:var(--mut);font-size:14px}
.mini .num{margin-top:8px;font-size:15px;color:var(--mut)}
.mini .num b{color:var(--ac);font-size:30px;margin-right:4px}
.mini .avatar{width:64px;height:64px;margin:auto;font-size:20px}

/* elenco partite */
.giorno{color:var(--mut);font-size:15px;font-weight:600;margin:20px 4px 10px;scroll-margin-top:120px}
.part{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 0}
.part+.part{border-top:1px solid var(--riga)}
.part .ora{width:48px;color:var(--mut);font-size:15px;flex:none}
.part .sq{flex:1;min-width:0;display:grid;gap:12px}
.part .sq div{display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px}
.part .gol{display:grid;gap:12px;text-align:right;font-weight:700;font-size:17px;min-width:20px}
.part .gol .meno{color:var(--mut);font-weight:500}
.part .sq .win{font-weight:600}
.etich{font-size:12px;color:var(--mut);font-weight:600}

/* statistiche squadra */
.duo{display:flex}
.duo>div{flex:1;text-align:center;padding:4px 0}
.duo>div+div{border-left:1px solid var(--riga)}
.duo small{color:var(--mut);font-size:15px}
.duo b{display:block;font-size:40px;margin-top:6px}
.verde{color:var(--vin)}.rosso{color:var(--per)}
.comp{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:600}

/* partita */
.tabellino{text-align:center}
.tab-sq{display:flex;align-items:flex-start;justify-content:space-between}
.tab-sq>a{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;font-size:15px}
.tab-ris{flex:none;font-size:36px;font-weight:700;padding:12px 8px 0;white-space:nowrap}
.tab-data{margin-top:10px;font-size:14px;color:var(--mut)}
.ev{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;padding:8px 0;font-size:15px}
.ev+.ev{border-top:1px solid var(--riga)}
.ev .m{text-align:center;color:var(--mut);font-size:13px;font-weight:600}
.ev .c{text-align:right}
.ev small{color:var(--mut)}
.cart{display:inline-block;width:10px;height:14px;border-radius:2px;vertical-align:-2px;margin:0 4px}
.cart.g{background:#f5c400}.cart.r{background:#e0242f}
.form-tit{color:var(--mut);font-size:14px;font-weight:600;margin:14px 0 4px}
.gioc{display:flex;align-items:center;gap:12px;padding:8px 0}
.gioc .nr{width:26px;text-align:center;color:var(--mut);font-weight:600}
.gioc .ru{color:var(--mut);font-size:13px}
.gioc .icone{margin-left:auto;font-size:14px;white-space:nowrap}

/* giocatori della squadra */
.colt{display:flex;gap:4px;color:var(--mut);font-size:13px;padding:4px 16px 0 0;justify-content:flex-end}
.colt span,.cols span{width:34px;text-align:center}
.riga.a-capo .nome div{white-space:normal;overflow:visible}
.cols{display:flex;gap:4px;font-size:16px}
.cols span:first-child{color:var(--mut)}

/* giocatore */
.scheda-g{display:flex;align-items:center;gap:16px}
.scheda-g .avatar{width:72px;height:72px;font-size:24px}
.griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.griglia div{background:var(--bg);border-radius:14px;padding:12px 4px}
.griglia b{display:block;font-size:24px}
.griglia small{color:var(--mut);font-size:13px}

/* cerca */
.cerca{width:100%;font:inherit;font-size:17px;border:0;border-radius:14px;padding:13px 16px;background:var(--card);color:var(--tx);margin-bottom:14px;outline:none}

/* barra in basso */
#nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--riga);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}
#nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--tx);min-height:48px;justify-content:center}
#nav svg{width:28px;height:28px}
#nav span{font-size:13px;display:none}
#nav a.on{color:var(--ac)}
#nav a.on span{display:block}
@media(max-width:380px){
  #schede a{font-size:16px;padding:10px 9px 12px}
  td,th{font-size:14px}
}

/* invito a installare */
#installa,#trasloco{position:fixed;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:6;max-width:560px;margin:auto;background:var(--card);border-radius:18px;box-shadow:0 6px 24px rgba(0,0,0,.18);display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px}
#installa img{width:44px;height:44px;border-radius:10px;flex:none}
#installa .testo,#trasloco .testo{flex:1;min-width:0}
#installa .testo small,#trasloco .testo small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
#installa .azioni,#trasloco .azioni{display:flex;flex-direction:column;gap:6px;align-items:stretch}
#installa .si,#trasloco .si{border:0;background:var(--ac);color:#fff;border-radius:999px;padding:9px 16px;font-weight:600}
#installa .no{border:0;background:none;color:var(--mut);font-size:14px;padding:6px 8px}

/* numero di versione (come in cacciaTI) */
.versione{flex:none;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--mut)}
@keyframes versioneLampeggia{0%,100%{opacity:1}50%{opacity:.15}}
.versione.lampeggia{animation:versioneLampeggia .8s ease-in-out 6;color:var(--ac)}
.versione-badge{flex:none;font-size:10px;font-weight:700;letter-spacing:.03em;color:var(--ac);border:1px solid var(--ac);border-radius:4px;padding:1px 5px;opacity:0;transition:opacity .6s}
.versione-badge.show{opacity:1}
.novita{padding:12px 16px 12px 0}
.novita+.novita{border-top:1px solid var(--riga)}
.novita b{display:block;font-size:15px;margin-bottom:2px}
.novita span{color:var(--mut);font-size:15px}

/* schermata di apertura */
#avvio{position:fixed;inset:0;z-index:20;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .5s;cursor:pointer}
#avvio img{width:128px;height:128px;border-radius:30px;box-shadow:0 8px 24px rgba(20,119,194,.3)}
#avvio .av-nome{font-size:26px;font-weight:700}
#avvio .av-firma{position:absolute;left:16px;right:16px;bottom:calc(36px + env(safe-area-inset-bottom));text-align:center;color:var(--mut);font-size:14px}
#avvio.uscita{opacity:0;pointer-events:none}

/* foto dei giocatori */
.avatar img.foto{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.foto-az{display:flex;gap:8px;flex-wrap:wrap}
label.pillola{cursor:pointer}

/* profilo del giocatore */
.scheda-g{display:block}
.testa-g{display:flex;align-items:center;gap:16px}
.testa-g .avatar{width:96px;height:96px;font-size:30px}
.info-g{min-width:0}
.nm-g{font-size:22px;font-weight:700;margin-bottom:8px}
.chip-sq{display:inline-flex;align-items:center;gap:8px;background:var(--grigio);border-radius:999px;padding:6px 14px 6px 8px;font-size:15px}
.ru-g{color:var(--mut);font-size:15px;margin:10px 0 0}
.dati-g{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;border-top:1px solid var(--riga);border-bottom:1px solid var(--riga);margin-top:14px;padding:14px 0}
.dati-g small{display:block;color:var(--mut);font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px}
.dati-g b{font-size:18px}
.dati-g .mut,.mut{color:var(--mut);font-weight:400}
.piede-g{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.piede-g .mio{color:#1477c2;font-weight:600}
.link{border:0;background:none;color:var(--ac);font-weight:600;font-size:15px;padding:4px 0;cursor:pointer}
.link.rosso{color:var(--per);margin-top:18px}
.pillola.piccola{padding:5px 14px;font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--sel);color:var(--ac);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}

/* finestra dal basso */
body.bloccato{overflow:hidden}
#foglio{position:fixed;inset:0;z-index:15}
#foglio .fondo{position:absolute;inset:0;background:rgba(0,0,0,.4)}
#foglio .foglio{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:var(--bg);border-radius:22px 22px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));max-width:720px;margin:auto}
.maniglia{width:44px;height:5px;border-radius:3px;background:var(--grigio);margin:0 auto 14px}
.f-tit{font-size:21px;font-weight:700;margin-bottom:12px}
.f-txt{font-size:16px;margin:0 0 10px}
.f-nota{font-size:14px;color:var(--mut);margin:0 0 18px}
.f-ok{background:#e3f4ea;color:#14783f;border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:14px}
@media(prefers-color-scheme:dark){:root:not([data-tema="chiaro"]) .f-ok{background:#123222;color:#5fd38f}}
:root[data-tema="scuro"] .f-ok{background:#123222;color:#5fd38f}
.f-corpo{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}
.f-foto{display:flex;align-items:center;gap:14px}
.f-foto .avatar{width:64px;height:64px;font-size:20px}
.f-campo{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.f-campo input,.f-campo select{font:inherit;font-size:16px;font-weight:400;border:1px solid var(--riga);border-radius:12px;padding:11px 12px;background:var(--card);color:var(--tx);width:100%}
.qgriglia{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qgriglia button{border:0;border-radius:14px;padding:13px 12px;background:var(--card);color:var(--mut);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.4px;text-align:left}
.qgriglia button.on{background:var(--ac);color:#fff}
.btn-pieno,.btn-vuoto{display:block;width:100%;border:0;border-radius:14px;padding:14px;font-size:17px;font-weight:600;margin-top:8px}
.btn-pieno{background:var(--ac);color:#fff}
.btn-vuoto{background:var(--grigio);color:var(--tx)}

.piede-g.sep{border-top:1px solid var(--riga);padding-top:14px}
.btn-sonoio{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--ac);color:#fff;font-weight:600;font-size:17px;padding:11px 22px}
.btn-sonoio svg{width:22px;height:22px}
.f-bottoni{display:flex;gap:10px}
.f-bottoni button{flex:1}

@media(max-width:400px){
  #titolo{font-size:20px}
  .pillola{padding:6px 12px;font-size:14px}
  .segm button{font-size:14px}
}

/* PC e schermi larghi: le schede in fila diventano una griglia (col mouse non si possono trascinare) */
@media(min-width:600px){
  .oriz{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;overflow:visible}
  .mini{width:auto;min-width:0}
  #nav{justify-content:center}
  #nav a{max-width:180px}
}
/* col mouse, dove resta da scorrere, si vede una barra sottile */
@media(hover:hover) and (pointer:fine){
  .oriz,#schede{scrollbar-width:thin}
  .oriz::-webkit-scrollbar,#schede::-webkit-scrollbar{display:block;height:6px}
  .oriz::-webkit-scrollbar-thumb,#schede::-webkit-scrollbar-thumb{background:var(--riga);border-radius:3px}
}

/* titolo della prima pagina: nome dell'app con sottotitolo */
.tit-home{display:flex;flex-direction:column;line-height:1.1}
.tit-home small{font-size:13px;font-weight:500;color:var(--mut);margin-top:3px}
#barra.home .tit-box{align-items:flex-start}
#barra.home .versione{margin-top:9px}
#barra.home .versione-badge{margin-top:6px}

/* icona chiaro/scuro in alto */
#tema{flex:none;width:40px;height:40px;border:1px solid var(--riga);border-radius:50%;background:var(--card);color:var(--tx);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
#tema svg{width:20px;height:20px}

/* ===== aspetto «campo da gioco» ===== */
#barra{padding-bottom:10px}
#barra .versione{color:rgba(255,255,255,.7)}
#barra .versione.lampeggia{color:#fff}
#barra .versione-badge{color:#fff;border-color:#fff}
.tit-home small{color:rgba(255,255,255,.75)}
#tema{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
#segui{background:#fff;color:var(--prato);border-color:#fff}
#barra .stemma{background:#fff;border-radius:8px;padding:2px}
/* prolungamento del prato con il cerchio di centrocampo, sotto cui «galleggia» la prima scheda */
.prato-coda{height:56px;margin:-12px calc(50% - 50vw) 0;position:relative;overflow:hidden}
.prato-coda::after{content:"";position:absolute;left:50%;bottom:-62px;width:124px;height:124px;margin-left:-62px;border:2px solid rgba(255,255,255,.3);border-radius:50%}
.prato-coda+.card{margin-top:-44px;position:relative;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.etich-v{font-size:12px;font-weight:700;letter-spacing:1.2px;color:var(--ac);text-transform:uppercase}
.prossima{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}
.prossima a.sq{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:600;text-align:center}
.prossima .c{flex:none;text-align:center;font-size:30px;font-weight:800}
.prossima .c small{display:block;font-size:12px;font-weight:500;color:var(--mut)}
/* barre dei punti in classifica */
.bp{width:56px;height:6px;background:var(--grigio);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle}
.bp i{display:block;height:100%;background:var(--ac);border-radius:3px}
/* figurine dei capocannonieri */
.figurine{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fig{position:relative;display:block;height:158px;border:3px solid #13241a;border-radius:14px;box-shadow:4px 4px 0 #13241a;padding:10px;color:#13241a;overflow:hidden}
.fig.o{background:linear-gradient(160deg,#ffe08a,#e0a91c)}
.fig.a{background:linear-gradient(160deg,#f1f4f6,#aeb8c1)}
.fig.b{background:linear-gradient(160deg,#f2c39d,#c07a45)}
.fig .num{font-size:40px;font-weight:900;line-height:1}
.fig .lab{font-size:11px;font-weight:800;letter-spacing:1px}
.fig .stemma{position:absolute;right:8px;top:8px;background:#fff;border-radius:50%;padding:3px}
.fig .nm{position:absolute;left:10px;right:8px;bottom:9px;font-size:13px;font-weight:800;line-height:1.15}
.fig .nm small{display:block;font-size:11px;font-weight:600;opacity:.8}
.fig .pos{position:absolute;right:10px;bottom:52px;font-size:11px;font-weight:800;opacity:.6}
:root[data-tema="scuro"] .fig,:root[data-tema="scuro"] .fig{border-color:#000;box-shadow:4px 4px 0 #000}
@media(prefers-color-scheme:dark){:root:not([data-tema="chiaro"]) .fig{border-color:#000;box-shadow:4px 4px 0 #000}}
td:not(.n){white-space:nowrap}
@media(max-width:400px){.bp{width:30px}}

/* ===== impostazioni ===== */
.opz{display:flex;align-items:center;gap:14px;width:100%;border:2px solid var(--riga);background:var(--card);color:var(--tx);border-radius:16px;padding:10px 12px;margin-top:10px;text-align:left;cursor:pointer}
.opz.on{border-color:var(--ac)}
.opz-t{flex:1}.opz-t b{display:block;font-size:16px}.opz-t small{color:var(--mut);font-size:13px}
.spunta{color:var(--ac);font-weight:800;font-size:18px;min-width:18px;text-align:right}
.anteprima{flex:none;width:58px;height:58px;border-radius:12px;position:relative;overflow:hidden;display:block}
.anteprima.campo{background:#eef3ee}
.anteprima.campo i{position:absolute;left:0;right:0;top:0;height:24px;background:#1d5c38;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 8px,transparent 8px 16px)}
.anteprima.campo b{position:absolute;left:8px;right:8px;height:12px;background:#fff;border-radius:4px}
.anteprima.campo b:nth-of-type(1){top:18px}.anteprima.campo b:nth-of-type(2){top:36px}
.anteprima.album{background:#f6efe1;border:2px solid #2a2116}
.anteprima.album i{position:absolute;left:6px;top:6px;width:22px;height:28px;background:linear-gradient(#ffe08a,#e0a91c);border:2px solid #2a2116;border-radius:4px;box-shadow:2px 2px 0 #2a2116}
.anteprima.album b{position:absolute;right:6px;width:18px;height:12px;background:#fff;border:2px solid #2a2116;border-radius:3px}
.anteprima.album b:nth-of-type(1){top:6px}.anteprima.album b:nth-of-type(2){top:24px}
.nota{display:block;margin-top:8px;font-size:13px}
button.riga{width:100%;border:0;background:none;color:var(--tx);text-align:left;cursor:pointer}
.info-txt{color:var(--mut);font-size:14px;line-height:1.45;padding:10px 16px 12px 0;border-top:1px solid var(--riga)}

/* ===== stile «Album di figurine» ===== */
html[data-stile="album"]{
  --bg:#f6efe1;--card:#fffdf8;--tx:#2a2116;--mut:#8a7a62;--riga:#e2d6bf;--ac:#e94b35;
  --vin:#2f9e55;--per:#e94b35;--par:#a89a80;--grigio:#eee3cc;--sel:#fde3d6;--bordo:#2a2116;
}
@media(prefers-color-scheme:dark){html[data-stile="album"]:not([data-tema="chiaro"]){
  --bg:#1d1710;--card:#2a2116;--tx:#f6efe1;--mut:#b3a385;--riga:#43382a;--ac:#ff7a5c;
  --vin:#4cc27a;--per:#ff7a5c;--par:#7d715d;--grigio:#3a2f22;--sel:#4a2a20;--bordo:#000;
}}
html[data-stile="album"][data-tema="scuro"]{
  --bg:#1d1710;--card:#2a2116;--tx:#f6efe1;--mut:#b3a385;--riga:#43382a;--ac:#ff7a5c;
  --vin:#4cc27a;--per:#ff7a5c;--par:#7d715d;--grigio:#3a2f22;--sel:#4a2a20;--bordo:#000;
}
html[data-stile="album"] #testa{background:var(--bg);background-image:none;color:var(--tx);border-bottom:3px solid var(--bordo)}
html[data-stile="album"] .ico,html[data-stile="album"] #tema{color:var(--tx)}
html[data-stile="album"] #tema{background:var(--card);border:2px solid var(--bordo)}
html[data-stile="album"] #barra .versione{color:var(--mut)}
html[data-stile="album"] #barra .versione-badge{color:var(--ac);border-color:var(--ac)}
html[data-stile="album"] .tit-home>span{font-weight:900;letter-spacing:-.3px}
html[data-stile="album"] .tit-home small{color:var(--mut)}
html[data-stile="album"] #segui{background:var(--card);color:var(--ac);border:2px solid var(--bordo)}
html[data-stile="album"] #barra .stemma{background:none;padding:0}
html[data-stile="album"] #schede a{border:2px solid var(--bordo);color:var(--tx);background:var(--card)}
html[data-stile="album"] #schede a.on{background:var(--bordo);color:#ffcf3f;border-color:var(--bordo)}
html[data-stile="album"] .prato-coda{display:none}
html[data-stile="album"] .prato-coda+.card{margin-top:0}
html[data-stile="album"] .card,html[data-stile="album"] .mini,html[data-stile="album"] .opz,html[data-stile="album"] .cerca{border:3px solid var(--bordo);box-shadow:4px 4px 0 var(--bordo);border-radius:16px}
html[data-stile="album"] .mini{margin-bottom:6px}
html[data-stile="album"] .oriz{padding-bottom:8px}
html[data-stile="album"] .riga+.riga,html[data-stile="album"] tbody tr+tr td,html[data-stile="album"] .part+.part,html[data-stile="album"] .ev+.ev{border-top:2px dashed var(--riga)}
html[data-stile="album"] .etich-v{display:inline-block;background:var(--ac);color:#fff;padding:4px 10px;border-radius:6px;transform:rotate(-2deg);letter-spacing:1px}
html[data-stile="album"] h2.sez,html[data-stile="album"] .ct{font-weight:900}
html[data-stile="album"] .segm{border:2px solid var(--bordo)}
html[data-stile="album"] .segm button.on{background:var(--bordo);color:#ffcf3f}
html[data-stile="album"] .bp i{background:var(--ac)}
html[data-stile="album"] #nav{background:#2a2116;border-top:0}
html[data-stile="album"] #nav a{color:#cbbd9f}
html[data-stile="album"] #nav a.on{color:#ffcf3f}
html[data-stile="album"] .fig{border-color:var(--bordo);box-shadow:4px 4px 0 var(--bordo)}
html[data-stile="album"] .avatar{border:2px solid var(--bordo)}
html[data-stile="album"] .btn-pieno,html[data-stile="album"] .btn-vuoto,html[data-stile="album"] .btn-sonoio{border:2px solid var(--bordo);box-shadow:3px 3px 0 var(--bordo)}
html[data-stile="album"] #installa,html[data-stile="album"] #trasloco{border:3px solid var(--bordo);box-shadow:4px 4px 0 var(--bordo)}
@media(max-width:400px){#nav span{font-size:11px}}

/* grafico andamento */
.grafico{width:100%;height:auto;display:block;margin-top:6px}
.gr-griglia{stroke:var(--riga);stroke-width:1}
.gr-asse{fill:var(--mut);font-size:20px;font-weight:400}
.gr-altra{fill:none;stroke:var(--par);stroke-width:2;opacity:.45;stroke-linejoin:round;stroke-linecap:round}
.gr-evid{fill:none;stroke:var(--ac);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.gr-punto{fill:var(--ac);stroke:var(--card);stroke-width:2}
.gr-sub{color:var(--mut);font-size:14px;margin:-4px 0 8px}
.gr-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.gr-chips button{border:2px solid transparent;background:var(--grigio);border-radius:10px;padding:4px;display:flex;cursor:pointer}
.gr-chips button.on{border-color:var(--ac);background:var(--sel)}
.gr-tab{display:flex;justify-content:space-between;margin-top:6px;border-top:1px solid var(--riga);padding-top:8px}
.gr-tab span{text-align:center;font-size:14px}.gr-tab small{display:block;color:var(--mut);font-size:11px}
/* confronto */
.cf-testa{display:grid;grid-template-columns:70px 1fr 70px;justify-items:center;margin-bottom:4px}
.cf-riga{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;padding:9px 0;text-align:center}
.cf-riga+.cf-riga{border-top:1px solid var(--riga)}
.cf-riga span{color:var(--mut);font-size:14px}
.cf-riga b{font-weight:500;font-size:17px}.cf-riga b.meglio{font-weight:800;color:var(--ac)}
.forma-cf{grid-template-columns:1fr 70px 1fr}.forma-cf .forma{justify-content:center;gap:3px}.forma-cf .fp{min-width:20px;padding:2px 3px;font-size:11px}
.cf-andata{margin-top:10px;padding-top:10px;border-top:1px solid var(--riga);font-size:14px;color:var(--mut)}.cf-andata b{color:var(--tx)}
/* presenze */
.tab-pres th{cursor:pointer;user-select:none;white-space:nowrap;font-size:13px}.tab-pres th.ord{color:var(--ac)}
.tab-pres td.n small{display:block;color:var(--mut);font-size:12px}
.tab-pres td{padding:9px 2px}

/* condividere */
.cond-riga{display:flex;justify-content:flex-end;margin-top:6px;margin-bottom:-4px}
.btn-cond{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--mut);padding:4px 0;font-weight:500;font-size:13px;cursor:pointer}
.btn-cond svg{width:15px;height:15px}

/* traguardi */
.trag{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.tr{position:relative;background:var(--bg);border-radius:14px;padding:10px 10px 10px 50px;min-height:58px;opacity:.55}
.tr.ok{opacity:1;background:var(--sel)}
.tr-ico{position:absolute;left:10px;top:10px;font-size:26px;line-height:1}
.tr:not(.ok) .tr-ico{filter:grayscale(1);font-size:20px;top:14px;left:13px}
.tr b{display:block;font-size:14px}
.tr small{display:block;font-size:11px;color:var(--mut);line-height:1.25;margin-top:2px}
.tr-nuovo{position:absolute;right:6px;top:-7px;background:var(--ac);color:#fff;font-size:10px;font-weight:800;border-radius:999px;padding:2px 7px}
html[data-stile="album"] .tr.ok{border:2px solid var(--bordo)}

/* pronostici */
.regole{font-size:15px;line-height:1.5}.regole div{display:flex;gap:10px;align-items:center;padding:4px 0}
.ptp{display:inline-block;min-width:40px;text-align:center;border-radius:999px;padding:3px 8px;font-weight:800;font-size:13px}
.ptp.p3{background:#ffe08a;color:#5a4300}.ptp.p1{background:var(--sel);color:var(--ac)}.ptp.p0{background:var(--grigio);color:var(--mut)}
.avatar-sc{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.avatar-sc button{width:42px;height:42px;border-radius:12px;border:2px solid var(--riga);background:var(--card);font-size:22px;cursor:pointer}
.avatar-sc button.on{border-color:var(--ac);background:var(--sel)}
.err{color:var(--per);font-size:14px;min-height:1em;margin:6px 0}
.pr{padding:12px 0}.pr+.pr{border-top:1px solid var(--riga)}
.pr-sq{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}
.pr-sq span{flex:1;display:flex;align-items:center;gap:8px}.pr-sq span:last-child{justify-content:flex-end;text-align:right}
.pr-ora{color:var(--mut);font-size:12px;text-align:center;margin:3px 0 8px}
.x12{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.x12 button{border:1.5px solid var(--riga);background:var(--card);color:var(--tx);border-radius:10px;padding:9px 0;font-size:16px;font-weight:700;cursor:pointer}
.x12 button.on{background:var(--ac);border-color:var(--ac);color:#fff}
.esatto{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:13px;color:var(--mut);min-height:4px}
.esatto input{width:46px;text-align:center;font:inherit;font-size:16px;font-weight:700;border:1.5px solid var(--riga);border-radius:8px;padding:5px 0;background:var(--card);color:var(--tx)}
.ris-pr{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px}.ris-pr+.ris-pr{border-top:1px solid var(--riga)}
.ris-pr .t{flex:1}.ris-pr small{display:block;color:var(--mut);font-size:12px;margin-top:2px}
.cl-pr{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 0;font-size:15px}.cl-pr+.cl-pr{border-top:1px solid var(--riga)}
.cl-pr .p{width:22px;text-align:center;color:var(--mut)}.cl-pr .n{flex:1}.cl-pr .n small{display:block;color:var(--mut);font-size:12px}.cl-pr b{font-size:17px}
.cl-pr.me{background:var(--sel);margin-left:-16px;padding-left:16px}
.av-pr{width:34px;height:34px;border-radius:50%;background:var(--grigio);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}

.link.grigio{color:var(--mut);font-weight:500;font-size:13px}
.chip.mia{background:var(--ac);color:#fff}
.avviso-breve{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;background:var(--tx);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;max-width:90vw;text-align:center}
.regole-mini{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--mut);margin:2px 0 6px}.regole-mini>span{display:inline-flex;align-items:center;gap:6px}.regole-mini .ptp{min-width:0;font-size:12px;padding:2px 7px}
/* pronostici: chi è in gara e podio; invito in prima pagina */
.in-gara{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;cursor:pointer}
.ig-t{font-size:17px;font-weight:800}.ig-vedi{font-size:13px;font-weight:700;color:var(--ac);text-align:right}
.in-gara .facce{grid-column:1/-1}.ig-io{font-size:14px;color:var(--mut)}.ig-io b{color:var(--tx)}
.facce{display:flex;flex-wrap:wrap}.facce .av-pr{width:30px;height:30px;font-size:16px;border:2px solid var(--card,#fff);margin-right:-6px}.facce .av-pr.piu{font-size:11px;font-weight:800;color:var(--mut)}
.podio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.pod{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;background:var(--grigio);text-align:center;min-width:0}
.pod.me{background:var(--sel)}.pod .md{font-size:20px;line-height:1}.pod .nm{font-size:13px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod b{font-size:13px}
.pron-home{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.ph-ico{font-size:26px}.ph-t{flex:1;font-weight:800;font-size:16px;min-width:0}.ph-t small{display:block;font-weight:500;font-size:13px;color:var(--mut)}
.pron-home svg{width:20px;height:20px;flex:none;stroke:var(--mut);fill:none;stroke-width:2}
.pod .av-pr{background:var(--card)}.pod-vuoto{margin:10px 0 0}
.ig-sep{text-align:center;color:var(--mut);line-height:1;padding:2px 0}.ig-vedi{display:block;margin:6px auto 2px;font-weight:700;color:var(--ac)}.pod-vuoto{padding:0 16px 0 0}
.avatar-sc:not(.aperto) .extra{display:none}#pAltre{margin-top:4px}
.mod-ico{border:1px solid var(--riga);background:var(--card);border-radius:10px;width:34px;height:34px;font-size:16px;cursor:pointer;flex:none}
/* pronostici: domande bonus e jolly */
.bq-apri{display:block;margin:8px auto 0;font-size:14px}
.bq{margin-top:12px;padding-top:6px;border-top:1px dashed var(--riga)}
.bq-t{font-size:14px;font-weight:700;margin:10px 0 6px;display:flex;justify-content:space-between;align-items:center}.bq-t .ptp{font-size:12px;min-width:0}
.scelte{display:flex;gap:6px}.scelte button{flex:1;min-width:0;border:2px solid var(--riga);background:var(--card);color:var(--tx);border-radius:10px;padding:8px 2px;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scelte button.on{border-color:var(--ac);background:var(--sel);color:var(--ac)}
.scegli{width:100%;display:flex;align-items:center;gap:10px;border:2px solid var(--riga);background:var(--card);color:var(--tx);border-radius:12px;padding:8px 12px;font-size:15px;text-align:left;min-height:48px}
.scegli .n{flex:1;min-width:0}.scegli small{display:block;color:var(--mut);font-size:12px}.scegli .avatar{width:34px;height:34px;font-size:13px}
.jolly{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:12px;padding:10px 12px;margin-top:12px;background:linear-gradient(160deg,#ffe08a,#e0a91c);color:#3a2a00;font-weight:700;font-size:15px;text-align:left}
.jolly .j-ico{font-size:24px}.jolly .t{flex:1}.jolly small{display:block;font-weight:500;font-size:12px}
.jolly.jolly-off{background:var(--grigio);color:var(--tx)}.jolly:disabled{opacity:.6}
.interr{width:44px;height:26px;border-radius:13px;background:#3a2a00;position:relative;flex:none}.interr::after{content:'';position:absolute;right:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#ffe08a}
.jolly-off .interr{background:#b9c2bb}.jolly-off .interr::after{right:auto;left:3px;background:#fff}
.lst .riga{min-height:50px;padding:7px 16px 7px 0}.lst button.riga{width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.lst button.riga+button.riga{border-top:1px solid var(--riga)}.lst .riga.on{background:var(--sel)}
.lst-sq{font-weight:700;color:var(--mut);margin:12px 0 4px;display:flex;align-items:center;gap:8px;font-size:14px}
/* migliore in campo */
.mvp-nota{margin-top:0}.mvp-sq{font-weight:700;font-size:14px;color:var(--mut);margin:12px 0 4px;display:flex;align-items:center;gap:8px}
.mvp-c{display:flex;align-items:center;gap:12px;padding:6px 0;color:inherit;text-decoration:none}.mvp-c .nome{flex:1;min-width:0}.mvp-c .nome small{display:block;color:var(--mut);font-size:13px}
.mvp-c .pc{font-size:15px;min-width:42px;text-align:right}
.bar{display:block;height:7px;border-radius:4px;background:var(--grigio);margin-top:5px;overflow:hidden}.bar i{display:block;height:100%;background:#e0a91c}
.mvp-vota{display:block;width:100%;margin-top:8px}
.badge-mvp{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(160deg,#ffe08a,#e0a91c);color:#3a2a00;font-weight:800;border-radius:999px;padding:4px 10px;font-size:13px;white-space:nowrap}
.info-g .badge-mvp{margin-top:6px}
.info-g .badge-mvp{display:flex;width:max-content}
.mvp-annuncio{display:flex;align-items:center;gap:12px;font-size:22px}.mvp-annuncio b{display:block;font-size:16px}.mvp-annuncio small{display:block;font-size:14px;color:var(--mut)}
.forma-cf .fs{font-size:16px;line-height:1;text-decoration:none}.cf-leg{display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--mut);margin-top:6px}.cf-leg span{white-space:nowrap}.cf-leg2{font-size:12px;color:var(--mut);text-align:center;margin:4px 0 8px}
/* pronostici del girone */
.sq-sc{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sq-sc button{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--riga);background:var(--card);color:var(--tx);border-radius:12px;padding:8px 2px;font-size:13px;font-weight:600;min-width:0}
.sq-sc button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq-sc button.on{border-color:var(--ac);background:var(--sel);color:var(--ac)}.sq-sc button:disabled{opacity:.35}
.stag-r{padding:8px 0}.stag-r+.stag-r{border-top:1px solid var(--riga)}.stag-r .t{font-weight:700;font-size:15px}.stag-r small{display:block;font-weight:500;color:var(--mut);font-size:13px;margin-top:2px}.stag-r small b{color:var(--tx)}
/* re della settimana e medaglie dei pronostici */
.re-home{display:flex;align-items:center;gap:12px;color:#3a2a00;text-decoration:none;background:linear-gradient(160deg,#fff3c4,#ffe08a)}
.re-home .ph-t{flex:1;font-weight:800;font-size:16px;min-width:0}.re-home small{display:block;font-weight:500;font-size:13px;opacity:.75}
.re-cor{font-size:30px}.re-pt{font-size:20px}
.re-nomi{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px}.re-n{display:inline-flex;align-items:center;gap:6px;font-size:15px}.re-n .av-pr{width:28px;height:28px;font-size:15px;background:#fff}
.med-ic{margin-left:6px;font-size:14px;letter-spacing:1px}
.med-pr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.med-pr>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 4px;border-radius:12px;background:var(--grigio);opacity:.45;filter:grayscale(1)}
.med-pr>div.si{opacity:1;filter:none;background:var(--sel)}.med-pr .i{font-size:26px}.med-pr b{font-size:13px}.med-pr small{font-size:11px;color:var(--mut);line-height:1.2}
.re-home[hidden]{display:none}
.forma5{display:flex;justify-content:space-around}.forma5 a{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--tx)}.forma5 span{font-size:22px;line-height:1}.forma5 small{font-size:13px;color:var(--mut);font-weight:600}
/* ---------- carta del giocatore (in tutti gli stili) ---------- */
@font-face{font-family:Oswald;src:url(fonts/oswald-latin.woff2) format('woff2');font-weight:200 700;font-display:swap}
.fut-wrap{display:flex;justify-content:center;padding:4px 0 10px;perspective:900px}
.fut{--c1:#fff3b0;--c2:#f5c84b;--c3:#b8860b;--ct:#2a1d00;--om:rgba(245,200,75,.5);
  position:relative;font-size:10px;width:23em;height:34em;color:var(--ct);font-family:Oswald,Impact,system-ui;overflow:hidden;
  clip-path:polygon(50% 0,100% 6%,100% 93%,50% 100%,0 93%,0 6%);background:radial-gradient(120% 70% at 50% 0%,var(--c1) 0%,var(--c2) 45%,var(--c3) 100%);
  filter:drop-shadow(0 0 1.6em var(--om))}
.fut::after{content:'';position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);mix-blend-mode:overlay;animation:luccica 4s ease-in-out infinite}
@keyframes luccica{0%,60%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
.fut-top{position:absolute;left:2.4em;top:3em;display:flex;flex-direction:column;align-items:center;gap:.4em;line-height:1}
.fut-top b{font-size:3.4em;font-weight:700}.fut-top small{font-size:1.5em;font-weight:600;letter-spacing:.1em}
.fut-top .stemma{width:3em!important;height:3em!important;background:#fff;border-radius:50%;padding:.2em;font-size:1em!important}
.fut-foto{position:absolute;right:.5em;top:.77em;font-size:4.4em;width:2.73em;height:2.73em;font-weight:700;border-radius:50%;background:rgba(255,255,255,.3);border:.07em solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center}
.fut-nm{position:absolute;left:0;right:0;top:7.6em;text-align:center;font-size:2.2em;font-weight:700;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .6em}
.fut-tipo{position:absolute;left:0;right:0;top:16.6em;text-align:center;font-size:1.2em;letter-spacing:.3em;font-weight:600;opacity:.85}
.fut-st{position:absolute;left:2.2em;right:2.2em;top:21.8em;display:grid;grid-template-columns:repeat(3,1fr);gap:.4em 0;border-top:.1em solid currentColor;padding-top:.8em}
.fut-st div{text-align:center;line-height:1.05}.fut-st b{display:block;font-size:2em;font-weight:700}.fut-st small{font-size:1.05em;letter-spacing:.08em;font-weight:600;opacity:.85}
.fut.gira{animation:girata 1.4s cubic-bezier(.2,.7,.2,1) var(--rit,0ms) both}
@keyframes girata{0%{transform:rotateY(180deg) scale(.6);opacity:0}40%{opacity:1}100%{transform:rotateY(720deg) scale(1)}}
.fut.piccola{font-size:6.4px}
.carte-sp{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}.carte-sp a{flex:none}
.cond-carta{display:block;margin:0 auto 16px;border:0;border-radius:999px;padding:10px 22px;font-weight:800;font-size:15px;background:linear-gradient(90deg,#2ee6ff,#7b5cff);color:#05101e;box-shadow:0 0 14px rgba(46,230,255,.4);cursor:pointer}
.coriandoli{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}
.coriandoli i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:cade 2.4s ease-in forwards}
@keyframes cade{to{top:105%;transform:rotate(720deg) translateX(40px)}}
@media(prefers-reduced-motion:reduce){.fut::after,.fut.gira{animation:none}.coriandoli{display:none}}

/* ---------- stile «Ultimate»: blu notte, oro e neon, sempre scuro ---------- */
.anteprima.ultimate{background:linear-gradient(135deg,#0b1030,#3a1a6b)}
.anteprima.ultimate i{position:absolute;left:8px;top:6px;width:20px;height:28px;background:linear-gradient(#fff3b0,#f5c84b,#b8860b);clip-path:polygon(50% 0,100% 8%,100% 90%,50% 100%,0 90%,0 8%)}
.anteprima.ultimate b{position:absolute;right:6px;width:20px;height:10px;border-radius:3px;background:linear-gradient(90deg,#2ee6ff,#7b5cff)}
.anteprima.ultimate b:nth-of-type(1){top:10px}.anteprima.ultimate b:nth-of-type(2){top:28px}
html[data-stile="ultimate"]{--bg:#070b1a;--card:#101733;--tx:#f2f5ff;--mut:#8f9bc4;--riga:#232d55;--ac:#2ee6ff;--grigio:#1a2348;--sel:#10324f;--prato:#0b1030;--vin:#2ee67a;--per:#ff3d6e;--par:#6b76a0;--oro:#f5c84b;color-scheme:dark}
html[data-stile="ultimate"] body{background:radial-gradient(120% 60% at 50% 0%,#1b2a6b 0%,#070b1a 60%) fixed}
html[data-stile="ultimate"] #testa{background:linear-gradient(135deg,#0b1030 0%,#1a1f5c 60%,#3a1a6b 100%);border-bottom:2px solid var(--oro);box-shadow:0 4px 20px rgba(46,230,255,.15)}
html[data-stile="ultimate"] .prato-coda{background:transparent}
html[data-stile="ultimate"] #tema{display:none}
html[data-stile="ultimate"] #titolo,html[data-stile="ultimate"] .ct,html[data-stile="ultimate"] h2.sez,html[data-stile="ultimate"] .tit-home small{font-family:Oswald,Impact,system-ui;text-transform:uppercase;letter-spacing:.5px;font-style:italic}
html[data-stile="ultimate"] .ct{color:var(--oro)}
html[data-stile="ultimate"] #schede a{border:1px solid rgba(255,255,255,.25);color:#cfd7ff;background:transparent;font-style:italic}
html[data-stile="ultimate"] #schede a.on{background:linear-gradient(90deg,var(--oro),#ffde7a);color:#1a1300;border-color:var(--oro);box-shadow:0 0 14px rgba(245,200,75,.6)}
html[data-stile="ultimate"] .card,html[data-stile="ultimate"] .mini,html[data-stile="ultimate"] .opz,html[data-stile="ultimate"] .cerca{background:linear-gradient(160deg,#141c40 0%,#0d1330 100%);border:1px solid #2a3570;box-shadow:0 6px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
html[data-stile="ultimate"] .mini{clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}
html[data-stile="ultimate"] .bp i{background:linear-gradient(90deg,var(--ac),#7b5cff);box-shadow:0 0 8px rgba(46,230,255,.6)}
html[data-stile="ultimate"] .btn-pieno,html[data-stile="ultimate"] .x12 button.on,html[data-stile="ultimate"] .segm button.on{background:linear-gradient(90deg,#2ee6ff,#7b5cff);color:#05101e;border-color:transparent;box-shadow:0 0 14px rgba(46,230,255,.45)}
html[data-stile="ultimate"] #nav{background:#05081a;border-top:1px solid #2a3570}
html[data-stile="ultimate"] #nav a.on{color:var(--oro);filter:drop-shadow(0 0 6px rgba(245,200,75,.7))}
html[data-stile="ultimate"] .re-home,html[data-stile="ultimate"] .jolly:not(.jolly-off){background:linear-gradient(135deg,#f5c84b,#ff9d2e);color:#2a1d00;box-shadow:0 0 18px rgba(245,200,75,.45);border:0}
html[data-stile="ultimate"] .tab-ris{font-family:Oswald,Impact,system-ui;color:#fff;text-shadow:0 0 12px rgba(46,230,255,.8)}
html[data-stile="ultimate"] .fig{border-color:#000;box-shadow:0 0 16px rgba(245,200,75,.35)}
html[data-stile="ultimate"] .stemma:not(.badge){background:#fff;border-radius:6px}
html[data-stile="ultimate"] input,html[data-stile="ultimate"] select{background:#0b1230;color:var(--tx);border-color:#2a3570}
.leg-carta{text-align:center;margin:-4px 0 8px}
/* ---------- nastro dei risultati (tutti gli stili) ---------- */
#nastro{display:flex;align-items:stretch;height:30px;background:rgba(0,0,0,.35);border-top:1px solid rgba(255,255,255,.12);overflow:hidden;font-size:13px;color:#eef3ee;max-width:100%}
#nastro .n-lab{flex:none;display:flex;align-items:center;padding:0 16px 0 12px;background:linear-gradient(90deg,#f5c84b,#ffde7a);color:#1a1300;font-weight:800;letter-spacing:.5px;font-size:12px;clip-path:polygon(0 0,100% 0,86% 100%,0 100%);z-index:1}
#nastro .n-viewport{flex:1;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
#nastro .n-fila{display:flex;align-items:center;white-space:nowrap;gap:16px;padding-left:12px;animation:scorre var(--durata,30s) linear infinite;will-change:transform}
#nastro .n-fila:active{animation-play-state:paused}
#nastro a{color:inherit;text-decoration:none;font-weight:600}#nastro b{color:#ffde7a}#nastro small{opacity:.7;font-weight:500}#nastro .q{font-style:normal;color:#9fe6ff;margin-right:2px}
#nastro .sep{color:#f5c84b;font-size:10px}
@keyframes scorre{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){#nastro .n-fila{animation:none}#nastro .n-viewport{overflow-x:auto}}
html[data-stile="album"] #nastro{background:#2a2116;color:#f6efe1;border-top:0;border-bottom:3px solid var(--bordo)}
html[data-stile="ultimate"] #nastro{background:#05081a;border-top:1px solid #2a3570;border-bottom:1px solid #2a3570;font-family:Oswald,Impact,system-ui;font-size:14px;letter-spacing:.3px}
html[data-stile="ultimate"] #nastro b{color:#2ee6ff}
html{scroll-padding-top:150px}
/* ---------- grafica da diretta TV (solo Ultimate) ---------- */
html[data-stile="ultimate"] .prato-coda{display:none}
.matchday{position:relative;display:block;overflow:hidden;border-radius:14px;padding:14px 16px;margin:0 0 14px;background:linear-gradient(110deg,#1a1f5c 0%,#3a1a6b 55%,#0b1030 100%);border:1px solid #2a3570;color:#fff;text-decoration:none}
.matchday .md-t{font-family:Oswald,Impact;font-style:italic;font-size:30px;font-weight:700;letter-spacing:1px;line-height:1}
.matchday .md-t b{color:#f5c84b}.matchday>small{display:block;color:#cfd7ff;font-size:13px;margin-top:6px;padding-right:96px}
.matchday .md-cd{position:absolute;right:14px;top:12px;text-align:right;font-family:Oswald,Impact;color:#2ee6ff;font-size:28px;line-height:1;font-weight:700}
.matchday .md-cd small{display:block;color:#8f9bc4;font-size:11px;letter-spacing:1px;margin-top:4px;font-weight:500}.matchday .md-ora{font-size:22px}
.bug{display:flex;align-items:stretch;margin:10px auto 0;width:max-content;max-width:100%;font-family:Oswald,Impact;font-size:21px;border-radius:6px;overflow:hidden;box-shadow:0 0 18px rgba(46,230,255,.35)}
.bug .b-sq{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#101733;color:#fff;border-left:5px solid var(--col)}.bug .b-sq.dx{border-left:0;border-right:5px solid var(--col)}
.bug .b-ris{display:flex;align-items:center;padding:4px 12px;background:linear-gradient(180deg,#f5c84b,#c99a1e);color:#1a1300;font-weight:700}
.bug .stemma{width:24px!important;height:24px!important}
.bug-sotto{text-align:center;font-family:Oswald,Impact;font-size:12px;letter-spacing:2px;color:#8f9bc4;margin-top:6px}
html[data-stile="ultimate"] .ev .m{justify-self:center;background:linear-gradient(180deg,#f5c84b,#c99a1e);color:#1a1300;font-family:Oswald,Impact;font-size:14px;font-weight:700;padding:3px 7px;border-radius:3px}
html[data-stile="ultimate"] .ev .c,html[data-stile="ultimate"] .ev>div:last-child{font-family:Oswald,Impact;font-size:16px;letter-spacing:.2px}
html[data-stile="ultimate"] .ev .c{border-right:3px solid #2ee6ff;padding-right:8px}html[data-stile="ultimate"] .ev>div:last-child:not(:empty){border-left:3px solid #2ee6ff;padding-left:8px}
/* collezione delle carte */
.collezione{margin-top:4px}
.col-griglia{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.col-c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:74px;padding:6px 2px;border-radius:10px;border:1px solid var(--riga);background:var(--grigio);color:var(--mut);font:inherit;cursor:pointer;opacity:.55}
.col-c .i{font-size:22px;line-height:1}.col-c small{font-size:10px;line-height:1.1;text-align:center;text-transform:capitalize}
.col-c.si{opacity:1;color:var(--ct);background:radial-gradient(120% 90% at 50% 0%,var(--c1),var(--c2) 55%,var(--c3));border-color:transparent;box-shadow:0 0 10px var(--om)}
.col-c.si small{font-weight:700}.col-c.on{outline:3px solid var(--ac);outline-offset:2px}
.col-c:disabled{cursor:default}
/* il corsivo dello stile Ultimate esce a destra: un po' di spazio perché l'ultima lettera non venga tagliata */
html[data-stile="ultimate"] #titolo .tt,html[data-stile="ultimate"] .ct,html[data-stile="ultimate"] h2.sez{padding-right:.18em}
.fut-wrap .fut{cursor:pointer}
.col-conto{font-size:14px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--sel);color:var(--ac);font-style:normal}
html[data-stile="ultimate"] .col-conto{background:linear-gradient(90deg,#f5c84b,#ffde7a);color:#1a1300}
/* ---------- carte: disegno diverso per ogni tipo ---------- */
.fut::before{content:'';position:absolute;inset:0;pointer-events:none}
.fut-emb{position:absolute;right:-.15em;bottom:.35em;font-size:11em;line-height:1;opacity:.2;transform:rotate(-14deg);pointer-events:none;filter:saturate(.6)}
.fut-fatto{position:absolute;left:0;right:0;top:21.1em;text-align:center;font-size:1.05em;font-weight:600;letter-spacing:.06em;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 1em}
.fut .fut-st{top:24.1em;padding-top:.6em;gap:.2em 0}.fut .fut-st b{font-size:1.85em}
.t-hat::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='34'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='3'%20opacity='.18'%3E%3Ccircle%20cx='15'%20cy='15'%20r='8'/%3E%3Ccircle%20cx='40'%20cy='15'%20r='8'/%3E%3Ccircle%20cx='65'%20cy='15'%20r='8'/%3E%3C/g%3E%3C/svg%3E")}
.t-dop::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='34'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='3'%20opacity='.18'%3E%3Ccircle%20cx='15'%20cy='15'%20r='9'/%3E%3Ccircle%20cx='40'%20cy='15'%20r='9'/%3E%3C/g%3E%3C/svg%3E")}
.t-lampo::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='42'%3E%3Cpath%20d='M18%202%20L8%2022%20H17%20L12%2038%20L30%2014%20H20%20L26%202%20Z'%20fill='%23fff'%20opacity='.16'/%3E%3C/svg%3E")}
.t-serie::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='36'%20height='34'%3E%3Cpath%20d='M4%2030%20L18%2014%20L32%2030%20M4%2018%20L18%202%20L32%2018'%20fill='none'%20stroke='%23fff'%20stroke-width='3'%20opacity='.16'/%3E%3C/svg%3E")}
.t-cesarini::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='60'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='2.5'%20opacity='.18'%3E%3Ccircle%20cx='30'%20cy='30'%20r='22'/%3E%3Cpath%20d='M30%2014%20V30%20L42%2036'/%3E%3C/g%3E%3C/svg%3E")}
.t-rigore::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='56'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='2.5'%20opacity='.18'%3E%3Cpath%20d='M6%2034%20V8%20H54%20V34'/%3E%3Cpath%20d='M6%208%20L14%2016%20H46%20L54%208%20M14%2016%20V34%20M46%2016%20V34'/%3E%3Ccircle%20cx='30'%20cy='46'%20r='3'%20fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")}
.t-panchina::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='36'%3E%3Cg%20fill='%23fff'%20opacity='.14'%3E%3Crect%20x='0'%20y='6'%20width='60'%20height='6'%20rx='2'/%3E%3Crect%20x='0'%20y='16'%20width='60'%20height='6'%20rx='2'/%3E%3Crect%20x='6'%20y='22'%20width='4'%20height='10'/%3E%3Crect%20x='50'%20y='22'%20width='4'%20height='10'/%3E%3C/g%3E%3C/svg%3E")}
.t-muro::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='32'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20opacity='.2'%3E%3Cpath%20d='M0%201%20H48%20M0%2017%20H48%20M0%2033%20H48%20M12%201%20V17%20M36%201%20V17%20M0%2017%20V33%20M24%2017%20V33%20M48%2017%20V33'/%3E%3C/g%3E%3C/svg%3E")}
.t-titolare::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='120'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20opacity='.16'%3E%3Crect%20x='4'%20y='4'%20width='72'%20height='112'/%3E%3Cpath%20d='M4%2060%20H76'/%3E%3Ccircle%20cx='40'%20cy='60'%20r='12'/%3E%3Crect%20x='22'%20y='4'%20width='36'%20height='16'/%3E%3Crect%20x='22'%20y='100'%20width='36'%20height='16'/%3E%3C/g%3E%3C/svg%3E")}
.t-pres::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='34'%20height='34'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20opacity='.18'%3E%3Crect%20x='3'%20y='3'%20width='26'%20height='26'%20rx='4'/%3E%3Cpath%20d='M9%2016%20L14%2021%20L23%2010'/%3E%3C/g%3E%3C/svg%3E")}
.t-fairplay::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='34'%20height='34'%3E%3Cpath%20d='M16%2028%20C4%2019%204%208%2011%208%20C14%208%2016%2011%2016%2011%20C16%2011%2018%208%2021%208%20C28%208%2028%2019%2016%2028%20Z'%20fill='%230b2a4a'%20opacity='.08'/%3E%3C/svg%3E")}
.t-oro::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%3E%3Cpath%20d='M0%2040%20L40%200%20M-10%2010%20L10%20-10%20M30%2050%20L50%2030'%20stroke='%23fff'%20stroke-width='6'%20opacity='.08'/%3E%3C/svg%3E")}
.t-capitano::before{background:linear-gradient(115deg,transparent 0 38%,rgba(245,200,75,.85) 38% 52%,transparent 52%);opacity:.55}
.t-capitano .fut-emb{opacity:.35;filter:none}
.t-vittoria::before{background:repeating-conic-gradient(from 0deg at 50% 32%,rgba(255,255,255,.14) 0 6deg,transparent 6deg 18deg)}
.t-mvp::before{background:repeating-conic-gradient(from 0deg at 50% 30%,rgba(255,255,255,.16) 0 8deg,transparent 8deg 20deg)}
.t-hat::before,.t-dop::before,.t-lampo::before,.t-serie::before,.t-pres::before,.t-fairplay::before,.t-oro::before{background-size:auto}
/* anche le caselle delle carte speciali conquistate hanno il loro disegno */
.col-c{position:relative;overflow:hidden}.col-c::before{content:'';position:absolute;inset:0;pointer-events:none;background-size:60% auto}
.col-c .i,.col-c small{position:relative}
.col-c.si .i{font-size:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
/* icone delle carte (Game-icons.net) */
.ico-c{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:currentColor}
.fut-emb{filter:none;opacity:.24;color:var(--ct)}.fut-emb .ico-c{width:1em;height:1em;display:block}
.col-c .i .ico-c{width:30px;height:30px;color:var(--mut)}
.col-c.si .i .ico-c{color:var(--ct);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));width:34px;height:34px}
.ct-ico{display:inline-flex;align-items:center;gap:8px}.ct-ico .ico-c{width:24px;height:24px;color:var(--oro,var(--ac))}
/* icone colorate: oro sfumato su un tondo scuro che si illumina col colore della carta */
.col-c.si .i{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),rgba(0,0,0,.45) 70%);box-shadow:0 0 14px var(--om),inset 0 0 0 2px rgba(255,236,170,.55)}
.col-c.si .i .ico-c{width:30px;height:30px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.col-c.si .ico-c path,.ct-ico .ico-c path,.fut-emb .ico-c path{fill:url(#g-oro)}
.fut-emb{opacity:.42}.fut-emb .ico-c{filter:drop-shadow(0 0 .08em rgba(0,0,0,.4))}
.col-c:not(.si) .ico-c{opacity:.7}

/* giocatori seguiti (2.8) */
.seguito .nome small{display:block;white-space:normal}
.seguito .nome small.ult{color:var(--tx,inherit)}
.nuova-c{display:inline-block;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--ac);color:#fff;vertical-align:2px;margin-left:4px}
html[data-stile="ultimate"] .nuova-c{background:linear-gradient(90deg,#ffd54a,#ff8a1f);color:#1a1033}

/* 2.9 — «Cosa dicono gli altri» (percentuali dei pronostici) */
.perc{margin-top:8px}
.perc-vuoto{font-size:12.5px;color:var(--mut)}
.perc-t{font-size:12.5px;color:var(--mut);font-weight:600;display:flex;justify-content:space-between}
.perc-t span{font-weight:500}
.perc-b{display:flex;gap:2px;height:8px;border-radius:99px;overflow:hidden;margin:5px 0}
.perc-b i{display:block;min-width:4px}
.perc .s1{background:var(--ac)}.perc .sX{background:var(--par)}.perc .s2{background:#3b82f6}
.perc-l{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;color:var(--mut)}
.perc-l span{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}
.perc-l span i{width:8px;height:8px;border-radius:50%;flex:none}
.perc-l span.mio{color:var(--tx);font-weight:700}
.perc-l b{color:var(--tx)}
html[data-stile="ultimate"] .perc .s1{background:#f5c84b}html[data-stile="ultimate"] .perc .s2{background:#2ee6ff}

/* 2.9 — notifiche: interruttori in Impostazioni, invito in prima pagina */
.sw-riga{cursor:pointer}
input.sw{appearance:none;-webkit-appearance:none;width:46px;height:28px;border-radius:99px;background:var(--riga);position:relative;flex:none;cursor:pointer;transition:background .2s;margin:0}
input.sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .2s}
input.sw:checked{background:var(--ac)}input.sw:checked::after{left:21px}
.invito-push{flex-wrap:wrap}
.invito-push .ip-b{display:flex;align-items:center;gap:12px;width:100%;padding-left:38px}
.invito-push .ip-b .link{font-size:14px;color:var(--mut)}

/* 2.9 — riepilogo della giornata a storie */
.storie-home{display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}
.st-anello{display:flex;flex:none;padding:3px;border-radius:99px;background:var(--riga)}
.storie-home.nuova .st-anello{background:linear-gradient(45deg,#f5c84b,#ff3d6e,#7b5cff)}
.st-anello .stemma{border:2px solid var(--card);border-radius:50%;background:#fff}
.st-anello .stemma+.stemma{margin-left:-12px}
.storie-home .ph-t b{color:var(--per)}
.st-play{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ac);color:#fff;font-size:13px;flex:none}
#storie{position:fixed;inset:0;z-index:300;background:radial-gradient(120% 80% at 50% 0,#1b2a6b,#0a1030 55%,#070b1a);color:#fff;display:flex;flex-direction:column;
  padding:calc(env(safe-area-inset-top) + 10px) 14px calc(env(safe-area-inset-bottom) + 14px);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.st-barre{display:flex;gap:4px}
.st-barre i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden}
.st-barre i b{display:block;height:100%;width:0;background:#fff}
.st-barre i.fatta b{width:100%}
.st-barre i.ora b{animation:st-av 7s linear forwards}
#storie.pausa .st-barre i.ora b{animation-play-state:paused}
@keyframes st-av{to{width:100%}}
.st-x{position:absolute;top:calc(env(safe-area-inset-top) + 22px);right:12px;background:none;border:0;color:#fff;font-size:24px;padding:6px 10px;cursor:pointer;z-index:2}
.st-vista{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;cursor:pointer}
.st-s{animation:st-entra .35s ease}
@keyframes st-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.st-tit{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:40px;line-height:1.05;text-transform:uppercase;text-align:center;letter-spacing:.5px}
.st-sotto{text-align:center;color:#8f9bc4;font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:6px 0 18px;font-size:17px}
.st-loghi{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.st-loghi .stemma{background:#fff;border-radius:50%}
.st-corpo{display:flex;flex-direction:column;gap:9px}
.st-grande{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:54px;text-align:center;text-transform:uppercase;line-height:1.1}
.st-nota{text-align:center;color:#8f9bc4;font-size:15px;margin-top:6px}
.st-p,.st-r{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border-radius:16px;padding:10px 12px}
.st-p .stemma,.st-r .stemma{background:#fff;border-radius:50%;flex:none}
.st-p .n{flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-p .n.d{text-align:right}
.st-p b{font-family:Oswald,Impact,sans-serif;font-size:28px;color:#f5c84b;min-width:64px;text-align:center;line-height:1}
.st-p b small{display:block;font-size:12px;color:#8f9bc4;letter-spacing:.5px}
.st-r .pos{font-family:Oswald,Impact,sans-serif;font-size:22px;color:#8f9bc4;width:22px;text-align:center}
.st-r .av-pr{font-size:26px}
.st-r .n{flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-r .n small{display:block;font-size:12.5px;color:#8f9bc4;font-weight:500}
.st-r b{font-family:Oswald,Impact,sans-serif;font-size:22px;color:#f5c84b}
.st-r .fr{font-family:Oswald,Impact,sans-serif;font-size:15px;color:#8f9bc4;min-width:30px;text-align:right}
.st-r .fr.su{color:#2ee67a}.st-r .fr.giu{color:#ff3d6e}
.st-vai{text-align:center;text-decoration:none;margin-top:18px;background:linear-gradient(90deg,#2ee6ff,#7b5cff)!important;color:#05101e!important}
.st-giu{display:flex;justify-content:center;padding-top:10px}
.st-cond{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:0;color:#fff;border-radius:99px;padding:11px 22px;font-size:16px;font-weight:600;cursor:pointer}
.st-cond svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}

/* 2.9.2 — pulsante in attesa */
.giro{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:giro .7s linear infinite;vertical-align:-2px}
@keyframes giro{to{transform:rotate(360deg)}}
.in-corso{opacity:.75}

/* 2.9.3 — «Migliori squadre»: premi con colore, simbolo in filigrana e numero sfumato */
.mini.premio{position:relative;overflow:hidden;isolation:isolate;border-top:4px solid var(--c1);
  background:linear-gradient(170deg,color-mix(in srgb,var(--c1) 24%,var(--card)) 0%,var(--card) 58%)!important}
.pr-fil{position:absolute;right:-22px;bottom:-18px;font-size:130px;line-height:0;opacity:.13;transform:rotate(-12deg);z-index:-1;color:var(--c1)}
.pr-fil .ico-c{width:1em;height:1em;fill:var(--c1)}
.pr-et{display:inline-block;padding:4px 11px;border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;margin-bottom:14px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.pr-logo{width:80px;height:80px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 3px var(--c1),0 0 24px color-mix(in srgb,var(--c1) 55%,transparent)}
.pr-logo .stemma{border-radius:50%}
.premio .nm{min-height:0;margin:12px 0 4px}
.pr-num{font-size:14px;color:var(--mut);font-weight:600}
.pr-num b{display:block;font-size:44px;line-height:1;font-weight:800;background:linear-gradient(180deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2px}
html[data-stile="ultimate"] .pr-num b{font-family:Oswald,Impact,sans-serif;font-size:52px}
.pr-sotto{font-size:13px;color:var(--tx);margin-top:8px;font-weight:600}
.pr-nota{font-size:12px;color:var(--mut);margin-top:2px}

/* 2.9.3 — capocannonieri: figurine a scudo con riflesso metallico (tutte uguali, cambia solo il metallo) */
.figurine{gap:8px}
.fig{height:auto;min-height:205px;padding:10px 8px 12px;text-align:center;text-decoration:none;isolation:isolate;
  clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);border-radius:12px 12px 0 0;box-shadow:none!important;border:0!important}
.fig::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);transform:translateX(-120%);animation:fig-luce 5s ease-in-out infinite;z-index:1;pointer-events:none}
.fig.a::after{animation-delay:.25s}.fig.b::after{animation-delay:.5s}
@keyframes fig-luce{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.fig.o{background:linear-gradient(160deg,#fff4c2 0%,#f5c84b 40%,#c98f12 100%)}
.fig.a{background:linear-gradient(160deg,#ffffff 0%,#d4dbe2 45%,#8c98a5 100%)}
.fig.b{background:linear-gradient(160deg,#ffe0c4 0%,#e0a070 45%,#9c5a2c 100%)}
.fig-fil{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:120px;line-height:0;opacity:.12;z-index:-1}
.fig-fil .ico-c{fill:#13241a}
.fig-top{display:flex;justify-content:space-between;align-items:flex-start;text-align:left}
.fig .stemma{position:static;padding:2px}
.fig .num{font-size:34px}
.fig .lab{font-size:10px}
.fig-av{width:52px;height:52px;margin:2px auto 6px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:19px;
  background:rgba(255,255,255,.45);border:2px solid rgba(19,36,26,.35);box-shadow:inset 0 2px 6px rgba(255,255,255,.6)}
.fig .nm{position:static;font-size:13px;line-height:1.15}
.fig .sq{font-size:10.5px;font-weight:600;opacity:.75;margin-top:1px}
.fig-st{display:flex;justify-content:center;gap:8px;margin-top:6px;padding-top:5px;border-top:1px solid rgba(19,36,26,.3);font-size:10.5px;font-weight:600}
.fig-st b{font-weight:900}
.fig .pos{position:static;display:block;font-size:10px;margin-top:4px;opacity:.6}
html[data-stile="ultimate"] .fig .num{font-family:Oswald,Impact,sans-serif;font-size:38px}
html[data-stile="ultimate"] .fig{filter:drop-shadow(0 0 10px rgba(245,200,75,.25))}
@media (prefers-reduced-motion:reduce){.fig::after{animation:none;display:none}}

/* 3.0 — categoria: pillola nell'intestazione e bollino nelle scelte */
.pill-cat{flex:none;align-self:center;border:0;border-radius:99px;padding:5px 11px;font-size:14px;font-weight:800;cursor:pointer;
  background:#f5c84b;color:#05101e;margin-left:4px;font-family:inherit;font-style:normal;letter-spacing:.3px}
.cat-b{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:18px;background:#123a8c;color:#fff;border:3px solid #f5c84b}
html[data-stile="ultimate"] .cat-b{font-family:Oswald,Impact,sans-serif}

/* 3.0.1 — scelta della categoria più in vista: due pulsanti C | B nell'intestazione, due riquadri in Impostazioni */
.seg-cat{display:inline-flex;flex:none;align-self:center;margin-left:6px;padding:3px;border-radius:99px;background:rgba(0,0,0,.28);border:1.5px solid #f5c84b;font-style:normal}
.seg-cat span{display:grid;place-items:center;color:#fff;font-weight:900;font-size:15px;min-width:36px;height:32px;border-radius:99px;padding:0 10px;transition:background .15s,color .15s}
.seg-cat span.on{background:#f5c84b;color:#05101e;box-shadow:0 0 12px rgba(245,200,75,.55)}
html[data-stile="ultimate"] .seg-cat span{font-family:Oswald,Impact,sans-serif;font-size:17px}
html[data-stile="album"] .seg-cat{background:#fff;border-color:var(--bordo)}html[data-stile="album"] .seg-cat span{color:var(--tx)}
.cat-scelta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cat-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border-radius:16px;border:2px solid var(--riga);background:var(--bg);color:var(--tx);cursor:pointer;font:inherit}
.cat-tile .cat-b{width:52px;height:52px;font-size:24px}
.cat-tile b{font-size:15px}.cat-tile small{font-size:12px;color:var(--mut)}
.cat-tile.on{border-color:#f5c84b;box-shadow:0 0 0 2px #f5c84b inset,0 0 16px rgba(245,200,75,.35)}
.cat-tile.on small{color:var(--tx);font-weight:700}

/* 3.0.2 — cambio di categoria: niente schermata iniziale, pagina che sbiadisce mentre si ricarica */
html.senza-avvio #avvio{display:none}
body.cambio-cat #vista{opacity:.35;transition:opacity .15s}

/* 3.0.5 — l'interruttore C | B è un unico pulsante: si tocca dove si vuole */
.seg-cat{cursor:pointer;font-family:inherit;line-height:1;-webkit-tap-highlight-color:transparent}
.seg-cat:active{transform:scale(.96)}

/* nuovo indirizzo myeleven.ch: invito a passare (sul vecchio indirizzo) */
#trasloco{border:2px solid var(--ac)}
#trasloco .si{text-decoration:none;text-align:center;font-size:16px}
/* dopo il passaggio a myeleven.ch: i tre passi */
.tr-passi{display:flex;flex-direction:column;gap:12px;margin:4px 0 16px}
.tr-passi>div{display:flex;gap:12px;align-items:flex-start}
.tr-passi span{flex:none;width:28px;height:28px;border-radius:50%;background:var(--ac);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.tr-passi p{margin:3px 0 0;font-weight:600}
.tr-passi small{display:block;color:var(--mut);font-weight:400;font-size:14px;margin-top:3px}
#trInstalla{margin-bottom:8px}