/* Additions on top of the original artifact styles (kept inline in index.html). */
.res{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:4px;font-weight:700;font-size:12px;font-variant-numeric:tabular-nums;background:var(--line);color:var(--fg)}
.res.w{background:#2f9a4f;color:#fff}.res.l{background:#a8352f;color:#fff}.res.d{background:#6b7570;color:#fff}
.day .eo .res{margin:0;padding:0 4px;font-size:11px}
footer a{color:#8cc8ff}
#cdlg{width:min(860px,calc(100vw - 32px))}
.cbody{padding:14px 20px 20px;display:flex;flex-direction:column;gap:14px}
.gsel{flex-wrap:wrap;align-self:flex-start}
.gsel button{min-width:34px;justify-content:center}
.ctab{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.ctab th,.ctab td{padding:6px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.ctab th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ctab td.tn,.ctab th.tn{text-align:left;white-space:normal;width:100%}
.ctab td.tn{cursor:pointer}
.ctab td.tn div{display:flex;align-items:center;gap:8px}
.ctab td.pt{font-weight:700}
.ctab tr.fav td{background:rgba(242,201,76,.10)}
.rounds{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.rnd{border:1px solid var(--line);border-radius:6px;padding:8px 10px}
.rnd h4{font-family:var(--display);font-size:16px;text-transform:uppercase;margin:0 0 6px;color:var(--muted)}
.rnd .mr{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;font-size:12px;padding:2px 0;align-items:center}
.rnd .mr span:last-child{text-align:right}
.rnd .mr b{font-variant-numeric:tabular-nums;min-width:36px;text-align:center}
.rnd .mr em{color:var(--muted);font-style:normal;text-align:center}
@media (max-width:600px){.ctab .opt{display:none}}
.tlogo{width:44px;height:44px;object-fit:contain;flex:none;background:#fff;border-radius:6px;padding:3px}
.ologo{width:22px;height:22px;object-fit:contain;flex:none;background:#fff;border-radius:4px;padding:1px;margin-right:6px;vertical-align:middle}
.card header[data-cg]{cursor:pointer}
.card header[data-cg]:hover h2{text-decoration:underline;text-underline-offset:4px}
.card header[data-cg]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.card header .gp{font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:8px}
.book{color:#ff9f5a;border-color:rgba(255,159,90,.5);background:rgba(255,159,90,.10)}
.book:hover{border-color:#ff9f5a}
.book:focus-visible{outline-color:#ff9f5a}
.card li .pts{margin-left:auto;flex:none;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.card li .fstar+.pts{margin-left:4px}
/* Team modal: content left, girone standings right (stacked below on narrow screens). */
.dside{padding:12px 16px 20px;border-top:1px solid var(--line)}
.dside h4{font-family:var(--display);font-size:18px;text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px}
.dside tr[data-i]:not(.me){cursor:pointer}
.dside tr[data-i]:not(.me):hover td{background:var(--hover)}
.ctab tr.me td{background:var(--cbs-bg);font-weight:700}
.ctab .ologo{width:18px;height:18px;margin-right:0}
@media (min-width:1000px) and (min-height:521px){
 #dlg{width:min(1600px,calc(100vw - 32px))}
 .dcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .dmain{min-width:0;border-right:1px solid var(--line)}
 .dside{border-top:0;position:sticky;top:0;align-self:start;padding-top:16px}
 #mapWrap:not([hidden]){display:block}
 #map{height:min(46dvh,460px);min-height:300px}
 .vlist{max-height:none;min-height:0;margin-top:10px}
}
.subrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.subrow .dwarn{margin-top:0;padding:2px 8px}
.card header[data-cg]{transition:background .15s,color .15s}
.card header[data-cg]:hover,.card header[data-cg]:focus-visible{background:rgba(111,208,161,.22);border-bottom-color:rgba(111,208,161,.6)}
.card header[data-cg]:hover h2,.card header[data-cg]:hover .gp{color:#6fd0a1}
/* Classifica: partite left, table right; compact so a whole girone fits on screen. */
#cdlg .dh{padding:12px 20px 10px}
#cdlg .dh h3{font-size:24px;margin:0}
.cbody{padding:10px 20px 16px;gap:10px}
.ccols{display:flex;flex-direction:column-reverse;gap:16px}
.rounds{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.rnd{padding:6px 8px}
.rnd h4{font-size:14px;margin:0 0 3px}
.rnd .mr{font-size:12px;line-height:1.25;padding:1px 0;gap:4px}
.rnd .mr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rnd .mr b,.rnd .mr em{min-width:28px}
@media (min-width:1000px) and (min-height:521px){
 #cdlg{width:min(1600px,calc(100vw - 32px))}
 .ccols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:start}
 .rounds{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ctbl{position:sticky;top:0}
 .ctab th,.ctab td{padding:5px 6px}
}
.verbtn{font:inherit;font-size:12px;color:#8cc8ff;background:none;border:1px solid var(--line);border-radius:999px;padding:2px 10px;cursor:pointer}
.verbtn:hover{border-color:#8cc8ff}
#vdlg{width:min(640px,calc(100vw - 32px))}
.vbody{padding:12px 20px 20px;display:flex;flex-direction:column;gap:16px}
.rel h4{font-family:var(--display);font-size:20px;text-transform:uppercase;margin:0 0 6px;display:flex;gap:10px;align-items:baseline}
.rel h4 small{font-family:var(--body);font-size:12px;color:var(--muted);text-transform:none;font-weight:500}
.rel ul{display:block;list-style:disc;padding:0 0 0 20px;margin:0}
.rel li{display:list-item;padding:2px 0;font-size:14px;cursor:default;height:auto}
.rel li:hover{background:none}
/* Statistiche > Risultati. GF blue / GS orange: validated CVD-safe on the dark surface. */
:root{--gf:#3f8fd2;--ga:#cc7430}
#sdlg .tabs{position:sticky;top:0}
.kpi b small{font-size:18px;color:var(--muted)}
.hbars{display:flex;flex-direction:column;gap:6px;max-width:760px}
.hb{display:grid;grid-template-columns:220px 1fr 80px;gap:10px;align-items:center;font-size:13px}
.hb .ht{height:14px;background:var(--line);border-radius:4px;overflow:hidden}
.hb .ht i{display:block;height:100%;background:var(--gf);border-radius:0 4px 4px 0}
.hb b{font-variant-numeric:tabular-nums}.hb b small{color:var(--muted);font-weight:500;margin-left:4px}
.gleg{display:flex;gap:16px;font-size:12px;color:var(--muted);margin:10px 0 6px}
.gleg span{display:inline-flex;align-items:center;gap:6px}
.gleg .sw{width:12px;height:12px;border-radius:3px;background:var(--gf)}.gleg .sw.ga{background:var(--ga)}
.gfa{display:flex;flex-direction:column;gap:2px}
.gr{display:grid;grid-template-columns:minmax(150px,240px) 1fr 1fr 44px;gap:2px;align-items:center;font-size:12px;padding:2px 4px;border-radius:4px;cursor:pointer}
.gr:hover{background:var(--hover)}
.gr.fav{box-shadow:inset 0 0 0 1.5px #f2c94c}
.gn2{display:flex;align-items:center;gap:6px;min-width:0}
.gn2>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gn2 em{font-style:normal;color:var(--muted);margin-left:auto;padding-right:6px}
.gn2 .dot{width:16px;height:16px;font-size:10px}
.ga2,.gf2{display:flex;align-items:center;gap:4px;height:14px;font-variant-numeric:tabular-nums}
.ga2{justify-content:flex-end}
.ga2 i,.gf2 i{display:block;height:12px;min-width:0}
.ga2 i{background:var(--ga);border-radius:4px 0 0 4px}
.gf2 i{background:var(--gf);border-radius:0 4px 4px 0}
.ga2 b,.gf2 b{font-weight:600;min-width:2ch;color:var(--muted)}
.ga2 b{text-align:right}
.gd{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.gd.p{color:#6fd0a1}.gd.n{color:#e2826f}
.ctip{position:fixed;z-index:10;pointer-events:none;background:var(--fg);color:var(--bg);font-size:12px;padding:5px 8px;border-radius:5px;max-width:320px;box-shadow:0 4px 14px rgba(0,0,0,.4)}
@media (max-width:600px){.hb{grid-template-columns:1fr 70px}.hb .hl{grid-column:1/-1}.gr{grid-template-columns:minmax(0,1.2fr) 1fr 1fr 34px}.gn2 em{display:none}}
/* Phone readability pass */
.book>span{display:inline}
@media (max-width:600px),(max-height:520px){#cdlg,#vdlg,#mdlg,#sdlg,#dlg{width:100vw;max-width:none}}
@media (max-width:600px){
 .day .eo{font-size:10.5px}
 .day .eopp{font-size:11px}
 .ctab .ologo{display:none}
 .gr{grid-template-columns:1fr 1fr 40px;row-gap:1px;padding:4px}
 .gn2{grid-column:1/-1}
 .gn2 em{display:inline;margin-left:6px}
}