:root{
 --bg:#f4f3ee;--surf:#fff;--surf2:#eceae3;--ink:#121417;--mute:#646a73;--line:#e2e0d8;
 --acc:#e8491d;--acc-ink:#fff;--live:#d61f45;--win:#13804b;--lose:#c4342b;--yc:#e6b800;--rc:#d61f45;
 --bar:#5b8fd6;--bar2:#9aa3ad;--shadow:0 1px 2px rgba(20,20,10,.05),0 6px 20px -12px rgba(20,20,10,.18);
 --disp:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--body:"Atkinson Hyperlegible",ui-sans-serif,system-ui,sans-serif;
 --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --bg:#0d0f12;--surf:#161a1f;--surf2:#1f242b;--ink:#eef0f2;--mute:#8d949e;--line:#262b33;
 --acc:#ff6a3d;--acc-ink:#1a0c06;--live:#ff4d6d;--win:#3ccf87;--lose:#ff6b5e;--yc:#f5cc2e;--rc:#ff4d6d;--bar:#6ea3ec;--bar2:#5f6873;
 --shadow:0 1px 0 rgba(255,255,255,.03),0 10px 30px -18px rgba(0,0,0,.8);color-scheme:dark}}
:root[data-theme="dark"]{
 --bg:#0d0f12;--surf:#161a1f;--surf2:#1f242b;--ink:#eef0f2;--mute:#8d949e;--line:#262b33;
 --acc:#ff6a3d;--acc-ink:#1a0c06;--live:#ff4d6d;--win:#3ccf87;--lose:#ff6b5e;--yc:#f5cc2e;--rc:#ff4d6d;--bar:#6ea3ec;--bar2:#5f6873;
 --shadow:0 1px 0 rgba(255,255,255,.03),0 10px 30px -18px rgba(0,0,0,.8);color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.45 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* testata */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.top-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}
.brand{display:flex;align-items:center;gap:9px;font:800 21px/1 var(--disp);letter-spacing:-.02em;flex:none}
.mark{display:grid;grid-template-columns:repeat(3,5px);gap:2px;align-items:end;height:18px}
.mark i{display:block;width:5px;background:var(--acc);border-radius:1.5px}.mark i:nth-child(1){height:9px}.mark i:nth-child(2){height:18px}.mark i:nth-child(3){height:13px}
.days{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none;min-width:0}
@media (max-width:640px){.top-in{flex-wrap:wrap;row-gap:8px}.brand{margin-right:auto}.days{order:3;flex:1 0 100%;margin-left:0}.days a{flex:1;text-align:center}}.days::-webkit-scrollbar{display:none}
.days a{padding:7px 11px;border-radius:999px;font-weight:700;font-size:14px;color:var(--mute);white-space:nowrap}
.days a small{font:500 11px var(--mono);margin-left:4px;opacity:.8}
.days a[aria-current="true"]{background:var(--ink);color:var(--bg)}
.icon{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--surf);display:grid;place-items:center;cursor:pointer;flex:none}
.sports{max-width:1180px;margin:0 auto;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.sports::-webkit-scrollbar{display:none}
.sports a{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surf);font-weight:700;font-size:15px;white-space:nowrap}
.sports a .n{font:600 12px var(--mono);color:var(--mute)}
.sports a .lv{font:600 11px var(--mono);color:#fff;background:var(--live);border-radius:99px;padding:1px 7px}
.sports a[aria-current="true"]{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}.sports a[aria-current="true"] .n{color:inherit;opacity:.8}

/* impianto */
.shell{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px;padding:16px max(16px,env(safe-area-inset-right)) 32px max(16px,env(safe-area-inset-left))}
.side{display:none}
main{min-width:0;outline:none}
@media (min-width:920px){.shell{grid-template-columns:250px minmax(0,1fr)}.side{display:block;position:sticky;top:120px;align-self:start;max-height:calc(100vh - 140px);overflow:auto;padding-right:4px}}
.side h2{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:4px 0 8px}
.side a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:10px;font-size:14px}
.side a:hover{background:var(--surf2)}.side a small{color:var(--mute);font:500 12px var(--mono)}
.side a .c{color:var(--mute);font-size:12px;display:block}

.filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.filters button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px;color:var(--mute);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.filters button .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--live);margin-right:6px;vertical-align:1px}

.empty{padding:40px 16px;text-align:center;color:var(--mute);background:var(--surf);border:1px dashed var(--line);border-radius:16px}

/* campionato */
.lg{background:var(--surf);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}
.lg-h{display:flex;align-items:baseline;gap:10px;padding:12px 16px 10px;border-bottom:1px solid var(--line)}
.lg-h .c{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.lg-h b{font:700 17px/1.2 var(--disp);letter-spacing:-.01em}
.lg-h .more{margin-left:auto;font-size:13px;font-weight:700;color:var(--acc);white-space:nowrap}

/* riga partita */
.m{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--line)}
.lg .m:first-of-type{border-top:0}
.m:hover{background:color-mix(in srgb,var(--surf2) 60%,transparent)}
.m .t{font:600 13px var(--mono);color:var(--mute);text-align:left}
.m.in .t{color:var(--live)}.m.in .t::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--live);margin-right:5px;vertical-align:2px;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.25}}
.m .tm{display:grid;gap:4px;min-width:0}
.tr{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px}
.tr .sw{width:4px;height:16px;border-radius:2px;flex:none;background:var(--line)}
.tr .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr.w .nm{font-weight:700}.m.post .tr:not(.w) .nm{color:var(--mute)}
.tr .card{width:9px;height:12px;border-radius:2px;flex:none;background:var(--rc)}
.m .sc{display:grid;gap:4px;text-align:right;font:600 16px var(--mono);font-variant-numeric:tabular-nums}
.m .sc span.w{color:var(--ink)}.m.post .sc span:not(.w){color:var(--mute)}
.m .sets{display:grid;grid-auto-flow:column;gap:10px;font:600 15px var(--mono)}
.m .sets div{display:grid;gap:4px;text-align:center;min-width:14px}.m .sets .cur{color:var(--live)}
.m .ev{grid-column:2/4;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--mute);margin-top:-2px}
.flag{font:600 11px var(--mono);color:var(--mute);flex:none}

/* pagina partita */
.crumb{font-size:14px;color:var(--mute);margin:0 0 10px;display:flex;gap:6px;flex-wrap:wrap}.crumb a{color:var(--acc);font-weight:700}
.hero{background:var(--surf);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px 16px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.hero .side-t{display:grid;justify-items:center;gap:8px;text-align:center;min-width:0}
.mono{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:800 15px var(--disp);color:#fff;background:var(--c,#666);box-shadow:inset 0 0 0 3px color-mix(in srgb,#fff 18%,transparent)}
.mono.lt{color:#15171a;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.18)}
.hero .side-t b{font:700 16px/1.2 var(--disp);overflow-wrap:anywhere}
.hero .mid{display:grid;justify-items:center;gap:6px}
.hero .big{font:800 46px/1 var(--disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.hero .st{font:600 13px var(--mono);color:var(--mute)}.hero .st.in{color:var(--live)}
.hero .qs{grid-column:1/-1;display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:4px}
.hero .qs span{font:600 12px var(--mono);background:var(--surf2);border-radius:8px;padding:4px 8px;color:var(--mute)}
.tabs{display:flex;gap:4px;margin:16px 0 12px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs button{border:0;background:none;padding:10px 12px;font-weight:700;color:var(--mute);border-bottom:2.5px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--acc)}
.panel{background:var(--surf);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px;margin-bottom:14px}
.panel h3{font:700 16px var(--disp);margin:0 0 12px}
.panel h4{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:16px 0 8px}.panel h4:first-child{margin-top:0}

/* cronaca a eventi */
.tl{display:grid;gap:0}
.ev2{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}.ev2:first-child{border-top:0}
.ev2 .mm{text-align:center;font:600 12px var(--mono);color:var(--mute)}
.ev2 .l,.ev2 .r{display:flex;align-items:center;gap:8px;min-width:0}.ev2 .l{justify-content:flex-end;text-align:right}.ev2 .r{text-align:left}.ev2 .l>span,.ev2 .r>span{min-width:0}
.ev2 .who{font-weight:700}.ev2 small{display:block;color:var(--mute);font-size:12.5px}
.ic{display:inline-block;vertical-align:-2px;flex:none}
.ic.goal{width:14px;height:14px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 3px var(--surf),0 0 0 1.5px var(--ink)}
.ic.yc,.ic.rc{width:10px;height:13px;border-radius:2px;background:var(--yc)}.ic.rc{background:var(--rc)}
.ic.sub{width:14px;height:14px;color:var(--win)}
.ev2.half{grid-template-columns:1fr;text-align:center;font:600 12px var(--mono);color:var(--mute);background:var(--surf2);border-radius:8px;border:0;margin:6px 0}

/* barre */
.bars{display:grid;gap:9px}
.br{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:4px 10px}
.br .lab{grid-column:1/-1;text-align:center;font-size:13px;color:var(--mute);margin-bottom:-2px}
.br b{font:600 15px var(--mono);font-variant-numeric:tabular-nums}.br b:last-child{text-align:right}
.br .tw{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.br .tw i{display:block;height:8px;border-radius:4px;background:var(--surf2);position:relative;overflow:hidden}
.br .tw i::after{content:"";position:absolute;top:0;bottom:0;width:var(--w);background:var(--bar2);border-radius:4px}
.br .tw i:first-child::after{right:0}.br .tw i:last-child::after{left:0}
.br .tw i.hi::after{background:var(--bar)}
.br.k-yel .tw i.hi::after{background:var(--yc)}.br.k-red .tw i.hi::after{background:var(--rc)}
.legend{display:flex;justify-content:space-between;font-weight:700;font-size:14px;margin-bottom:10px;gap:8px}.legend span{display:flex;align-items:center;gap:6px;min-width:0}.legend span i{width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}

/* formazioni */
.lu{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lu h5{margin:0 0 2px;font:700 15px var(--disp)}.lu .fm{font:600 12px var(--mono);color:var(--acc);margin-bottom:8px}
.pl{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:6px;font-size:14px;padding:3px 0;align-items:baseline}
.pl .j{font:600 12px var(--mono);color:var(--mute);text-align:right}.pl .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl .s{font:700 12px var(--mono)}.pl .s.o{color:var(--lose)}.pl .s.i{color:var(--win)}
.pl.bn{color:var(--mute)}.pl.bn.in{color:var(--ink)}
.lu .bh{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:10px 0 4px}

/* tabelle */
.tw2{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
table.t{width:100%;border-collapse:collapse;font:600 13px var(--mono);font-variant-numeric:tabular-nums}
table.t th{font-size:11px;color:var(--mute);text-align:right;padding:6px 6px;border-bottom:1px solid var(--line);font-weight:600}
table.t td{text-align:right;padding:8px 6px;border-bottom:1px solid var(--line)}
table.t .tn{text-align:left;font:700 14px var(--body);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
table.t tr.me td{background:color-mix(in srgb,var(--acc) 12%,transparent)}
table.t tbody tr:last-child td{border-bottom:0}
.lead{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:8px;font-size:14px;padding:5px 0;border-top:1px solid var(--line)}.lead:first-of-type{border-top:0}
.lead .c{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);padding-top:2px}.lead .v{font:600 14px var(--mono)}
.info{color:var(--mute);font-size:14px;display:flex;flex-wrap:wrap;gap:6px 16px}

.foot{max-width:1180px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:var(--mute);font-size:13px}
@media (max-width:420px){.m{grid-template-columns:50px minmax(0,1fr) auto;gap:10px;padding:10px 14px}.hero .big{font-size:38px}.mono{width:46px;height:46px;font-size:13px}.lu{gap:10px}}
@media (prefers-reduced-motion:reduce){.m.in .t::before{animation:none}}
.panel .bars,.panel>.legend{max-width:720px;margin-left:auto;margin-right:auto}.panel>h4{max-width:720px;margin-left:auto;margin-right:auto}

/* loghi e bandierine (copie locali scaricate una volta dal raccoglitore) */
.crest{width:22px;height:22px;object-fit:contain;flex:none}
.crest.flg{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px var(--line)}
.hcrest{width:64px;height:64px;object-fit:contain}
.hcrest.flg{width:64px;height:44px;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px var(--line)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .crest:not(.flg),:root:not([data-theme="light"]) .hcrest:not(.flg){filter:drop-shadow(0 0 1px rgba(255,255,255,.35))}}
:root[data-theme="dark"] .crest:not(.flg),:root[data-theme="dark"] .hcrest:not(.flg){filter:drop-shadow(0 0 1px rgba(255,255,255,.35))}

/* classifiche */
table.t caption{text-align:left;font:700 13px var(--body);color:var(--mute);padding:0 6px 8px}
table.t th.rk,table.t td.rk{text-align:left;width:38px;padding-left:10px;position:relative;white-space:nowrap}
table.t td.rk.z::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--z)}
table.t td.rk small{font-size:8px;margin-left:3px;vertical-align:1px}table.t td.rk small.up{color:var(--win)}table.t td.rk small.dn{color:var(--lose)}
.tnb{display:flex;align-items:center;gap:8px;min-width:0}.tnn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crest.sm{width:18px;height:18px}
.ldot{width:7px;height:7px;border-radius:50%;background:var(--live);flex:none;animation:pulse 1.6s infinite}
table.t td.pt{font-weight:700;color:var(--ink)}
table.t tr.lv td{background:color-mix(in srgb,var(--live) 6%,transparent)}
.livetag{margin-left:10px;font:700 11px var(--mono);letter-spacing:.06em;color:#fff;background:var(--live);border-radius:99px;padding:2px 8px;vertical-align:3px}
.zones{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--mute);padding:10px 6px 0}.zones span{display:flex;align-items:center;gap:6px}.zones i{width:10px;height:10px;border-radius:3px}
.panel .tw2+.tw2{margin-top:18px}

/* tennis: chi serve (puntino giallo) e posizione in classifica */
.tr .srv{width:8px;height:8px;border-radius:50%;background:var(--yc);flex:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--yc) 30%,transparent)}
.tr .rk{font:600 11px var(--mono);color:var(--mute);flex:none}

/* iniziali al posto del logo mancante */
.ini{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--c);color:#fff;font:700 9.5px/1 var(--body);letter-spacing:.02em}
.ini.sm{width:18px;height:18px;font-size:8px}

/* tabellone */
.brk-p{padding:16px 0 14px}.brk-p>*{margin-left:16px;margin-right:16px}.brk-p>.brk{margin:0}
.brk-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.brk-h h3{margin:0}
.brk-chips{display:flex;gap:4px}
.brk-chips button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:4px 10px;font:700 12px var(--mono);color:var(--mute);cursor:pointer}
.brk-chips button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.brk{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px 4px;gap:0}.brk::-webkit-scrollbar{display:none}
.brk-col{flex:0 0 min(78vw,270px);scroll-snap-align:start;display:flex;flex-direction:column;padding-right:22px}
.brk-rn{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 8px;position:sticky;left:0}
.brk{align-items:flex-start}.brk-body{display:flex;flex-direction:column;justify-content:space-around;min-height:calc(var(--n) * 78px)}
.brk-pair{flex:1;display:flex;flex-direction:column;justify-content:space-around;position:relative}
.brk-pair.two::after{content:"";position:absolute;right:-12px;top:25%;bottom:25%;width:12px;border:1.5px solid var(--line);border-left:0;border-radius:0 6px 6px 0}
.brk-pair.two::before{content:"";position:absolute;right:-22px;top:50%;width:10px;border-top:1.5px solid var(--line)}
.dc{display:block;background:var(--surf2);border-radius:10px;padding:6px 8px;margin:4px 0;border:1px solid transparent}
.dc:hover{border-color:var(--line)}.dc.hl{border-color:var(--acc);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 25%,transparent)}
.dc.bye{color:var(--mute);font:600 12px var(--mono);text-align:center;padding:10px;background:transparent;border:1px dashed var(--line)}
.dc .dr{display:flex;align-items:center;gap:6px;font-size:13.5px;min-height:24px}.dc .dr .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc .dr.w .nm{font-weight:700}.dc.post .dr:not(.w) .nm{color:var(--mute)}
.dc .crest.flg{width:18px;height:13px}.dc .flag{width:18px}
.dc .rk{font:600 10.5px var(--mono);color:var(--mute)}
.dc .ds{display:flex;gap:6px;font:600 13px var(--mono);color:var(--mute)}.dc .ds b{font-weight:600;min-width:9px;text-align:center}.dc .ds b.won{color:var(--ink);font-weight:700}
.dc .srv{width:7px;height:7px;border-radius:50%;background:var(--yc);flex:none}
.dc .dt{font:600 11px var(--mono);color:var(--mute);margin-top:2px}.dc .dt.live{color:var(--live)}
@media (min-width:920px){.brk-col{flex-basis:250px}}

@media (max-width:699px){
 .brk{display:block;overflow:visible;padding:0 16px}.brk-col{display:none;padding-right:0}.brk-col.on{display:block}
 .brk-body{min-height:0!important;display:block}.brk-pair{display:block}.brk-pair.two::after,.brk-pair.two::before{display:none}
 .brk-pair.two{padding-bottom:6px;margin-bottom:6px;border-bottom:1px dashed var(--line)}.brk-pair.two:last-child{border-bottom:0}
 .dc{padding:8px 10px}.dc .dr{font-size:15px;min-height:28px}
}

sup{font-size:.62em;line-height:0;margin-left:1px;color:var(--mute);font-weight:600}
.m .sets div{min-width:18px}

/* coppe */
.dc.tie .dr{min-height:26px}.dc.tie .crest{width:20px;height:20px}.dc.tie .ini{width:20px;height:20px;font-size:8.5px}
.dc .legs{display:flex;flex-wrap:wrap;gap:2px 10px;font:600 11px var(--mono);color:var(--mute);margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}
.dc .legs a{color:var(--acc)}.dc .legs .lv{color:var(--live)}
.early{border:1px solid var(--line);border-radius:12px;margin:10px 16px 0;overflow:hidden}
.early>summary{cursor:pointer;padding:10px 12px;font-weight:700;list-style:none}.early>summary::-webkit-details-marker{display:none}
.early>summary::after{content:" ›";color:var(--mute)}.early[open]>summary::after{content:" ⌄"}
.early-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;padding:0 10px 10px}.early-g .dc{margin:0}
@media (min-width:700px){.brk{align-items:stretch}.brk-body{flex:1}}
/* classifiche: colonne fisse, uguali in tutte le tabelle e in tutti i gironi */
table.t{table-layout:fixed}
table.t th.rk,table.t td.rk{width:40px}
table.t th:not(.rk):not(.tn),table.t td:not(.rk):not(.tn){width:38px}
table.t th:last-child,table.t td:last-child{width:44px}
@media (max-width:520px){table.t th:not(.rk):not(.tn),table.t td:not(.rk):not(.tn){width:30px}table.t th:last-child,table.t td:last-child{width:36px}table.t{font-size:12px}}
@media (max-width:520px){table.t .c-F,table.t .c-A,table.t .c-STRK,table.t .c-GB{display:none}table.t th.rk,table.t td.rk{width:32px;padding-left:8px}table.t th:not(.rk):not(.tn),table.t td:not(.rk):not(.tn){width:28px;padding:8px 3px}table.t th:last-child,table.t td:last-child{width:34px}}
/* niente righe che scorrono di lato sotto il dito: le schede e gli sport vanno a capo */
.tabs{flex-wrap:wrap;overflow:visible;row-gap:2px}
.tabs button{padding:9px 10px}
.sports{flex-wrap:wrap;overflow:visible}
@media (max-width:640px){
 .sports{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .sports a{justify-content:space-between;padding:8px 12px;font-size:14px;min-width:0}
 .sports a span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .tabs{gap:0 2px}.tabs button{font-size:14.5px;padding:9px 9px}
}
.days{overflow:visible}.days a.dstep{flex:0 0 auto;padding:7px 9px;font-size:16px;color:var(--ink)}.days a.dstep[aria-disabled="true"]{opacity:.25;pointer-events:none}
@media (max-width:640px){.days a{padding:7px 6px;font-size:13px}.days a small{display:block;margin:0}.days a.dstep{flex:0 0 32px}}
.ev2 .mm .run{display:block;margin-top:2px;font:700 13px var(--mono);color:var(--ink)}
.ev2.isgoal{background:color-mix(in srgb,var(--acc) 5%,transparent)}
.lg .grp{padding:7px 16px 5px;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);background:var(--surf2);border-top:1px solid var(--line)}
.lg .grp+.m{border-top:0}

/* formazione sul campo */
.pitch{position:relative;border-radius:12px;overflow:hidden;margin:4px 0 12px;padding:14px 4px 10px;display:flex;flex-direction:column-reverse;gap:14px;
 background:repeating-linear-gradient(180deg,#2f7d47 0 28px,#2b7442 28px 56px)}
.pitch-lines{position:absolute;inset:8px;border:1.5px solid rgba(255,255,255,.45);border-radius:4px;pointer-events:none}
.pitch-lines::before{content:"";position:absolute;left:30%;right:30%;bottom:-1.5px;height:16%;border:1.5px solid rgba(255,255,255,.45);border-bottom:0}
.pitch-lines::after{content:"";position:absolute;left:42%;right:42%;top:-1.5px;height:9%;border:1.5px solid rgba(255,255,255,.35);border-top:0;border-radius:0 0 40px 40px}
.prow{position:relative;display:flex;justify-content:space-evenly;align-items:flex-start}
.pl2{display:grid;justify-items:center;gap:3px;width:60px;position:relative}
.pl2 .pn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--tc);color:#fff;font:700 12px var(--mono);box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.pl2 .pnm{font:700 11px/1.1 var(--body);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.pl2 .pout{position:absolute;top:-4px;right:8px;font:700 11px var(--mono);color:#fff;background:var(--lose);border-radius:50%;width:15px;height:15px;display:grid;place-items:center;font-style:normal}
.lu{grid-template-columns:1fr 1fr}
@media (max-width:700px){.lu{grid-template-columns:1fr}.pl2{width:54px}.pl2 .pnm{max-width:54px;font-size:10.5px}}
.lgtitle{font:800 30px/1.1 var(--disp);letter-spacing:-.02em;margin:4px 0 2px;text-wrap:balance}

/* preferiti, squadra */
.star{border:0;background:none;color:var(--mute);font-size:18px;line-height:1;cursor:pointer;padding:2px 4px;vertical-align:middle}
.star[aria-pressed="true"]{color:var(--yc)}
.lg-h .star{margin-left:auto}.lg-h .star+.more{margin-left:8px}
.lg.mine{border-color:color-mix(in srgb,var(--yc) 45%,var(--line))}.lg.mine .lg-h .c{color:var(--yc);font-size:14px}
.side-t .tlink{font:700 16px/1.2 var(--disp);overflow-wrap:anywhere}.side-t a.tlink:hover{color:var(--acc)}
.thero{display:flex;align-items:center;gap:14px;margin:6px 0 10px}.thero .info{display:flex;flex-wrap:wrap;gap:4px 12px}.thero .info a{color:var(--acc);font-weight:700}
.formrow{display:flex;align-items:center;gap:6px;margin:0 0 10px}.formrow .info{margin-right:6px}
a.tnn:hover{color:var(--acc)}
.m .t{white-space:pre-line}

/* logo + nome = un solo pulsante verso la pagina squadra */
.tbtn{display:grid;justify-items:center;gap:8px;padding:6px 8px;border-radius:14px;min-width:0;color:inherit}
.tbtn:hover,.tbtn:active{background:var(--surf2)}.tbtn:hover .tlink{color:var(--acc)}
.tnb .tbtn2,a.tbtn2{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 0;flex:1}
a.tbtn2:hover .tnn{color:var(--acc)}

/* testata partita: tutto allineato in alto, loghi nello stesso riquadro, nomi che vanno a capo solo tra le parole */
.hero{align-items:start}
.hero .side-t{align-content:start}
.hero .tbtn{grid-template-rows:64px auto;align-items:center;width:100%}
.hero .tbtn>.hcrest,.hero .tbtn>.mono{align-self:center;justify-self:center}
.hero .side-t .tlink,.hero .side-t>b{overflow-wrap:normal;word-break:normal;hyphens:manual;text-wrap:balance;align-self:start}
.hero .mid{padding-top:12px;min-width:0}
.hero .st{white-space:nowrap}
@media (max-width:420px){.hero{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;padding:16px 10px}.hero .side-t .tlink{font-size:14.5px}.hero .tbtn{grid-template-rows:56px auto;padding:4px}.hcrest{width:56px;height:56px}.hcrest.flg{width:56px;height:38px}.hero .mid{padding-top:8px}}
.hero .side-t{align-self:stretch;display:flex;flex-direction:column;align-items:center}.hero .side-t>.star{margin-top:auto}

/* forma: pallini V/N/P colorati */
.l5r{width:24px;height:24px;border-radius:6px;display:inline-grid;place-items:center;font:800 12px var(--mono);background:var(--surf2);color:var(--mute)}
.l5r.W{background:var(--win);color:var(--bg)}.l5r.L{background:var(--lose);color:var(--bg)}.l5r.D{background:var(--yc);color:#1b1a10}