:root{--bg:#050b1f;--panel:#0b1530;--panel2:#10203f;--line:#1a3159;--tx:#e9f3ff;--mu:#8fa7cc;--ac:#00d0f0;--ac2:#0088d8;--live:#ff4d5e;--warn:#ffb020;--blue:#0a84f0;--r:12px;--sidew:268px;--rw:300px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}a:hover{color:var(--ac)}
img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--ac);color:#000;padding:6px 10px;z-index:99;border-radius:6px}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.top{position:sticky;top:0;z-index:40;background:rgba(5,11,31,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top-in{max-width:none;margin:0 auto;display:flex;align-items:center;gap:14px;padding:8px 14px}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.06em;font-size:18px}
.logo-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--ac),var(--blue));color:#00101c;font-weight:900}
.gsearch{position:relative;flex:1;max-width:420px}
.gsearch input{width:100%;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);outline:none}
.gsearch input:focus{border-color:var(--ac)}
.sresults{position:absolute;left:0;right:0;top:110%;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);max-height:60vh;overflow:auto;box-shadow:0 12px 30px #0008;z-index:60}
.sresults a{display:flex;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.sresults small{color:var(--mu)}
.topnav{display:flex;gap:2px;margin-left:auto}.topnav a{padding:7px 10px;border-radius:8px;color:var(--mu);white-space:nowrap;font-size:14px}.topnav a:hover,.topnav a.on{background:var(--panel);color:var(--tx)}
.acct{padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;white-space:nowrap}
/* layout: tre colonne */
.shell{max-width:none;width:100%;margin:0 auto;padding:14px clamp(14px,1.6vw,36px);display:grid;gap:14px;grid-template-columns:minmax(0,1fr);align-items:start}
.col{min-width:0}
.center{order:1}.left{order:2}.right{order:3}
@media(min-width:1025px){
 .shell{grid-template-columns:var(--sidew) minmax(0,1fr) var(--rw)}
 .left{order:1;position:sticky;top:60px;max-height:calc(100vh - 70px);overflow:auto;scrollbar-width:thin}.center{order:2}.right{order:3;position:sticky;top:60px;max-height:calc(100vh - 70px);overflow:auto;scrollbar-width:thin}
}
@media(min-width:1251px){:root{--sidew:clamp(260px,15vw,380px);--rw:clamp(290px,17vw,420px)}}
@media(min-width:1025px) and (max-width:1250px){:root{--sidew:220px;--rw:250px}.topnav a{padding:7px 8px;font-size:13px}.acct{display:none}}
@media(max-width:1024px){.topnav,.acct{display:none}.gsearch{max-width:none}.shell{padding:10px 10px 90px}}
/* pannelli */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden}
.panel>summary,.panel>h2,.panel>h3{margin:0;padding:10px 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.panel>summary::-webkit-details-marker{display:none}
.panel>summary::after{content:"▾";transition:.2s}.panel:not([open])>summary::after{transform:rotate(-90deg)}
.pbody{padding:2px 12px 12px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-bottom:12px}
.list a{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:8px}.list a:hover,.list a.on{background:var(--panel2)}
.list .sub{margin-left:auto;color:var(--mu);font-size:12px}
.logo{width:20px;height:20px;object-fit:contain;flex:none}.logo.sm{width:16px;height:16px}.logo.lg{width:44px;height:44px}.flag{width:20px;height:14px;border-radius:2px;object-fit:cover}
.muted{color:var(--mu)}.small{font-size:12.5px}.num{text-align:right;font-variant-numeric:tabular-nums}
h1{font-size:22px;margin:4px 0 12px}h2{font-size:17px}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid var(--line);color:var(--mu)}
.pill.live{background:var(--live);color:#fff;border-color:var(--live)}.pill.ok{color:var(--ac);border-color:var(--ac)}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.off{color:var(--mu)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 14px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);cursor:pointer}
.btn:hover{border-color:var(--ac)}.btn.pri{background:var(--ac);border-color:var(--ac);color:#00101c;font-weight:700}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.sm{min-height:30px;padding:3px 10px;font-size:13px}
input[type=text],input[type=number],input[type=search],input[type=date],select,textarea{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-height:36px;max-width:100%}
/* barra filtri risultati */
.datebar{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.datebar a,.datebar button{flex:none;padding:7px 12px;border-radius:9px;background:var(--panel);border:1px solid var(--line);cursor:pointer;text-align:center;min-width:64px;font-size:13px}
.datebar .on{background:var(--ac);color:#00101c;border-color:var(--ac);font-weight:700}
.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:10px 0;scrollbar-width:none}
.tabs a,.tabs button{flex:none;background:none;border:0;border-bottom:2px solid transparent;padding:9px 12px;color:var(--mu);cursor:pointer;font-weight:600;white-space:nowrap}
.tabs .on{color:var(--tx);border-bottom-color:var(--ac)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.seg button{background:var(--panel);border:0;padding:6px 12px;cursor:pointer;color:var(--mu)}.seg .on{background:var(--ac);color:#00101c;font-weight:700}
/* gruppi partite */
.grp{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;overflow:hidden}
.grp-h{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--panel2);font-weight:700;font-size:14px}.grp-h .sub{margin-left:auto;color:var(--mu);font-weight:400;font-size:12px}
.m{display:grid;grid-template-columns:22px 56px minmax(0,1fr) 54px;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--line);min-height:52px}
.m:hover{background:#0e1d3a}
.m .st{font-size:12px;color:var(--mu);text-align:center}.m .st.live{color:var(--live);font-weight:800}
.m .tm{display:flex;flex-direction:column;gap:3px;min-width:0}.m .tm span{display:flex;align-items:center;gap:6px;min-width:0}.m .tm b{font-weight:500}
.m .sc{display:flex;flex-direction:column;gap:3px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.m .sc.live{color:var(--live)}
.fav{background:none;border:0;cursor:pointer;color:var(--mu);font-size:18px;padding:0;line-height:1}.fav.on{color:var(--warn)}
.status{padding:22px;text-align:center;color:var(--mu);border:1px dashed var(--line);border-radius:var(--r);background:var(--panel)}
.status b{display:block;color:var(--tx);margin-bottom:4px;font-size:15px}
.status.err{border-color:var(--live)}
.skeleton{padding:30px;text-align:center;color:var(--mu);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.45}}
.fresh{font-size:12px;color:var(--mu);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--ac);display:inline-block}.dot.bad{background:var(--live)}.dot.old{background:var(--warn)}
/* tabelle */
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{padding:8px 8px;text-align:left;white-space:nowrap}th{font-size:12px;color:var(--mu);text-transform:uppercase;border-bottom:1px solid var(--line)}td{border-top:1px solid var(--line)}td.num,th.num{text-align:right}
td .t{display:flex;align-items:center;gap:6px}
tr.z-cl td:first-child{box-shadow:inset 3px 0 var(--ac)}tr.z-el td:first-child{box-shadow:inset 3px 0 var(--blue)}tr.z-co td:first-child{box-shadow:inset 3px 0 #9b7bff}tr.z-rel td:first-child{box-shadow:inset 3px 0 var(--live)}
.form{display:inline-flex;gap:2px}.form i{width:18px;height:18px;border-radius:4px;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:800;color:#00101c}.form .W{background:var(--ac)}.form .D{background:#9aa6bd}.form .L{background:var(--live);color:#fff}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mu);margin:8px 2px}.legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;background:var(--c)}
/* partita */
.hero{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center;padding:18px 10px}
.hero .tm{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700}.hero .big{font-size:38px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}
.ev{display:grid;grid-template-columns:44px 28px 1fr;gap:8px;padding:8px 4px;border-top:1px solid var(--line)}.ev.away{direction:ltr}
.bar{height:6px;background:var(--panel2);border-radius:3px;overflow:hidden;margin-top:4px}.bar span{display:block;height:100%;background:var(--ac)}
.srow{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
@media(max-width:700px){.grid2{grid-template-columns:1fr}.hero .big{font-size:30px}}
.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mu)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.state-won,.state-won-provisional{color:var(--ac)}.state-lost{color:var(--live)}.state-open{color:var(--mu)}.state-void{color:var(--warn)}.state-winning{color:var(--ac)}.state-losing{color:var(--warn)}
.dock{position:fixed;left:50%;transform:translateX(-50%);bottom:84px;background:var(--live);color:#fff;padding:8px 14px;border-radius:10px;z-index:70}
/* barra mobile */
.bottom{display:none}
@media(max-width:1024px){
 .bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#070f26;border-top:1px solid var(--line);z-index:50;padding-bottom:env(safe-area-inset-bottom)}
 .bottom a,.bottom button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 2px;font-size:11px;color:var(--mu);cursor:pointer;min-height:54px}.bottom i{font-style:normal;font-size:19px}.bottom .on{color:var(--ac)}
}
.sheet{position:fixed;inset:0;background:#000a;z-index:80;display:flex;align-items:flex-end}.sheet[hidden]{display:none}
.sheet-in{background:var(--panel);width:100%;max-height:80vh;overflow:auto;border-radius:18px 18px 0 0;padding:16px;position:relative}.sheet-x{position:absolute;right:12px;top:10px;background:none;border:0;font-size:20px;cursor:pointer}
.sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sheet-grid a{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:90px;background:var(--panel2);border:1px solid var(--ac);padding:9px 16px;border-radius:10px;z-index:90}
.foot{max-width:none;margin:10px auto 100px;padding:14px;color:var(--mu);font-size:12.5px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line)}
@media(min-width:1025px){.foot{margin-bottom:20px}}
.crumbs{font-size:12.5px;color:var(--mu);margin-bottom:6px}.crumbs a:hover{text-decoration:underline}
pre.code{white-space:pre-wrap;background:var(--panel2);padding:10px;border-radius:8px;font-size:12.5px}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/assets/bg-desktop.jpg?v=13) center/cover no-repeat;opacity:.42;filter:saturate(1.35);animation:drift 40s ease-in-out infinite alternate}
@media(max-width:700px) and (orientation:portrait){body::before{background-image:url(/assets/bg-mobile.jpg?v=13)}}
.brand-logo{height:38px;width:auto;display:block;background:#fff;border-radius:10px;padding:3px 10px}
@media(max-width:600px){.brand-logo{height:32px}}

/* ===== v12 futuristico ===== */
@keyframes drift{from{transform:scale(1.04) translate3d(-1%,0,0)}to{transform:scale(1.12) translate3d(1%,-1%,0)}}
@keyframes flow{to{background-position:300% 0}}
@keyframes pulse{0%,100%{box-shadow:0 0 18px var(--gc),inset 0 0 22px rgba(255,255,255,.05)}50%{box-shadow:0 0 34px var(--gc),inset 0 0 30px rgba(255,255,255,.10)}}
@keyframes shine{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(320%) skewX(-20deg)}}
body{background:radial-gradient(1200px 700px at 15% -10%,#0b2a66 0,transparent 60%),radial-gradient(1000px 600px at 100% 0,#04384a 0,transparent 55%),#040a1c}
.panel,.card,.grp,.tw{background:linear-gradient(180deg,#0e1b3c,#0a1430);border:1px solid #23427a;box-shadow:0 6px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(120,200,255,.12)}
.panel>summary,.panel>h2,.panel>h3{color:#9fe8ff;text-shadow:0 0 10px rgba(0,208,240,.45)}
.grp-h{background:linear-gradient(90deg,#12295a,#0e1f46)}
.m:hover{background:#12294f}
.top{background:rgba(4,10,28,.97);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,#00d0f0,#0a84f0,transparent) 1}
.btn.pri,.datebar .on,.seg .on{background:linear-gradient(90deg,#00d0f0,#0a84f0,#00d0f0);background-size:200% 100%;animation:flow 6s linear infinite;box-shadow:0 0 14px rgba(0,208,240,.5)}
.topnav a.on,.topnav a:hover{box-shadow:inset 0 -2px 0 var(--ac)}
.glass{--gc:rgba(0,208,240,.45);--c1:#00e5ff;--c2:#3b82ff;position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;margin-bottom:12px;padding:16px 16px;border-radius:16px;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 30%,transparent),color-mix(in srgb,var(--c2) 24%,transparent));backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);animation:pulse 4s ease-in-out infinite;color:#fff;transition:transform .2s}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(90deg,var(--c1),var(--c2),#fff,var(--c1));background-size:300% 100%;animation:flow 5s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}
.glass::after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:shine 4.5s ease-in-out infinite;z-index:-1}
.glass:hover{transform:translateY(-3px) scale(1.015);color:#fff}
.glass i{grid-row:1/3;font-style:normal;font-size:28px;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(0,0,0,.28)}
.glass b{font-size:16px;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.glass span{font-size:12.5px;color:rgba(255,255,255,.85)}
.g-slip{--gc:rgba(255,160,40,.5);--c1:#ffb020;--c2:#ff4d8d;animation-delay:0s}
.g-trk{--gc:rgba(0,229,255,.5);--c1:#00e5ff;--c2:#2f7bff;animation-delay:-1.3s}
.g-trd{--gc:rgba(0,229,160,.5);--c1:#19e6a0;--c2:#0a84f0;animation-delay:-3.4s}
.g-cmp{--gc:rgba(255,90,90,.5);--c1:#ff7a59;--c2:#b05cff;animation-delay:-4.2s}
.g-com{--gc:rgba(0,200,255,.5);--c1:#00c8f0;--c2:#6f93d0;animation-delay:-.7s}
.g-prm{--gc:rgba(255,200,80,.5);--c1:#ffd36b;--c2:#ff8a3d;animation-delay:-1.9s}
.g-aff{--gc:rgba(60,140,255,.5);--c1:#3b82ff;--c2:#19e6a0;animation-delay:-3s}
.g-sim{--gc:rgba(170,90,255,.5);--c1:#b05cff;--c2:#00e0a8;animation-delay:-2.6s}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}

/* ===== v14 pannelli traslucidi animati (stile "la mia schedina") ===== */
.panel,.card,.grp{--gc:rgba(0,208,240,.40);--c1:#00e5ff;--c2:#3b82ff;position:relative;isolation:isolate;border:0;border-radius:16px;
 background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 16%,rgba(6,14,36,.80)),color-mix(in srgb,var(--c2) 14%,rgba(4,10,28,.84)));
 backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);
 box-shadow:0 0 18px var(--gc),inset 0 0 22px rgba(255,255,255,.05)}
.panel,.card{animation:pulse 5s ease-in-out infinite}
.panel::before,.card::before,.grp::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
 background:linear-gradient(90deg,var(--c1),var(--c2),#fff,var(--c1));background-size:300% 100%;animation:flow 6s linear infinite;
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}
.panel::after,.card::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);animation:shine 7s ease-in-out infinite;z-index:-1}
.grp{overflow:hidden}
.grp-h{background:linear-gradient(90deg,color-mix(in srgb,var(--c1) 30%,rgba(10,24,60,.9)),color-mix(in srgb,var(--c2) 22%,rgba(8,18,44,.9)))}
.panel>summary,.panel>h2,.panel>h3,.card>h2{color:#fff;text-shadow:0 0 10px var(--c1),0 1px 6px rgba(0,0,0,.6)}
/* palette a rotazione */
.panel:nth-of-type(3n+1),.card:nth-of-type(3n+1),.grp:nth-of-type(3n+1){--gc:rgba(0,229,255,.40);--c1:#00e5ff;--c2:#2f7bff}
.panel:nth-of-type(3n+2),.card:nth-of-type(3n+2),.grp:nth-of-type(3n+2){--gc:rgba(255,160,40,.40);--c1:#ffb020;--c2:#ff4d8d}
.panel:nth-of-type(3n),.card:nth-of-type(3n),.grp:nth-of-type(3n){--gc:rgba(170,90,255,.40);--c1:#b05cff;--c2:#00e0a8}
.panel:nth-of-type(n),.card:nth-of-type(n){animation-delay:calc(var(--i,0)*-1s)}
.panel:nth-of-type(2),.card:nth-of-type(2){animation-delay:-1.3s}.panel:nth-of-type(3),.card:nth-of-type(3){animation-delay:-2.6s}
.card:hover,.panel:hover{transform:translateY(-1px)}
a.card{transition:transform .2s}a.card:hover{transform:translateY(-3px) scale(1.01)}
.tw{background:rgba(4,10,28,.55);border:1px solid rgba(120,200,255,.2);box-shadow:none}

/* ===== v16 metallizzato + logo 3D ===== */
:root{--m1:#dfe9f7;--m2:#8fa6c6;--m3:#4b6b9a;--m4:#00d0f0}
.panel,.card,.grp,.glass{--c1:#cfe3ff;--c2:#00c8f0;--gc:rgba(120,190,255,.38)}
.panel:nth-of-type(3n+1),.card:nth-of-type(3n+1),.grp:nth-of-type(3n+1),.g-trk,.g-trd,.g-prm{--gc:rgba(0,208,240,.38);--c1:#d8f6ff;--c2:#00c8f0}
.panel:nth-of-type(3n+2),.card:nth-of-type(3n+2),.grp:nth-of-type(3n+2),.g-slip,.g-cmp,.g-aff{--gc:rgba(150,185,235,.38);--c1:#e6edf8;--c2:#6f93d0}
.panel:nth-of-type(3n),.card:nth-of-type(3n),.grp:nth-of-type(3n),.g-sim,.g-com{--gc:rgba(60,140,255,.38);--c1:#bcd4ff;--c2:#0a84f0}
.panel,.card,.grp,.glass{
 background:repeating-linear-gradient(100deg,rgba(255,255,255,.035) 0 2px,transparent 2px 5px),
  linear-gradient(145deg,color-mix(in srgb,var(--c1) 22%,rgba(14,26,52,.9)),rgba(10,20,44,.9) 45%,color-mix(in srgb,var(--c2) 22%,rgba(10,20,44,.9)) 75%,rgba(8,16,36,.92));
 box-shadow:0 0 16px var(--gc),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.5)}
.panel::before,.card::before,.grp::before,.glass::before{background:linear-gradient(100deg,#6f86a8,#f4f9ff,#8aa3c6,var(--c2),#e8f0fb,#6f86a8);background-size:300% 100%}
.grp-h{background:linear-gradient(180deg,#3b5379,#1c2d4d 55%,#16253f);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.panel>summary,.panel>h2,.panel>h3,.card>h2{background:linear-gradient(180deg,#fff,#a9c0e0 55%,#e6f0ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 6px var(--c2))}
.btn.pri,.datebar .on,.seg .on{background:linear-gradient(180deg,#eaf4ff,#8fb2de 48%,#00bfe6);color:#04132b;box-shadow:0 0 12px rgba(0,208,240,.5),inset 0 1px 0 #fff}
/* pannello centrale: opaco */
.center .panel,.center .card,.center .grp,.center .tw,.center .status,.center .glass{
 backdrop-filter:none;-webkit-backdrop-filter:none;
 background:repeating-linear-gradient(100deg,rgba(255,255,255,.03) 0 2px,transparent 2px 5px),
  linear-gradient(145deg,#1a2b4b,#0d1a35 50%,#14264a)}
.center .tw{background:#08112a}
.center .grp-h{background:linear-gradient(180deg,#3b5379,#1c2d4d 55%,#16253f)}
/* logo 3D interattivo */
.brand{perspective:700px}
.brand3d{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;position:relative;display:block;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;cursor:pointer;background:none;padding:0;box-shadow:none}
.brand3d:not(.live){animation:float3d 6s ease-in-out infinite}
@keyframes float3d{0%,100%{transform:rotateX(4deg) rotateY(-10deg)}50%{transform:rotateX(-3deg) rotateY(10deg)}}
/* logo scontornato (PNG trasparente): alone chiaro per leggibilità su sfondo scuro */
.brand3d .brand-logo{height:80px;width:auto;border-radius:0;padding:0;background:none;display:block;transform:translateZ(18px);
 filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 7px rgba(0,208,240,.7)) drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.brand3d::after{content:"";position:absolute;inset:0;pointer-events:none;transform:translateZ(30px);
 -webkit-mask:url(/assets/logo.png) center/contain no-repeat;mask:url(/assets/logo.png) center/contain no-repeat;
 background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.85),rgba(0,208,240,.25) 35%,transparent 60%);mix-blend-mode:soft-light}
.brand3d.live{animation:none}
@media(max-width:600px){.brand3d .brand-logo{height:56px;padding:0}}
@media(prefers-reduced-motion:reduce){.brand3d:not(.live){animation:none}}
@media(min-width:1025px){.left,.right{top:108px;max-height:calc(100vh - 118px)}}

/* v20 Tipster AI */
.g-tip{--gc:rgba(0,229,255,.45);--c1:#e6f6ff;--c2:#00e5ff;animation-delay:-2.2s}

/* v21 nomi squadre per intero */
.m .tm b,.m .tm span b{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
.m .tm span{align-items:flex-start}.m .tm span .logo{margin-top:1px}
.hero .tm span{white-space:normal;overflow-wrap:anywhere;text-align:center}
td:nth-child(2),td.tn,.tbl td:nth-child(2){white-space:normal;min-width:130px;overflow-wrap:anywhere}
.grp-h a,.srow span,.srow a{white-space:normal;overflow-wrap:anywhere}
.m.ms{grid-template-columns:64px minmax(0,1fr) 54px}.m.ms .st{font-size:11px;line-height:1.2;overflow-wrap:anywhere}

/* v23 nomi su una riga: si espandono in orizzontale verso sinistra */
.m{grid-template-columns:auto auto minmax(max-content,1fr) auto;column-gap:6px}
.m.ms{grid-template-columns:auto minmax(max-content,1fr) auto}
.m .st{white-space:nowrap}
.m .tm b,.m .tm span b{white-space:nowrap;overflow:visible;text-overflow:clip;overflow-wrap:normal}
.m .tm span{align-items:center;white-space:nowrap}
.m .tm{min-width:max-content}
.m .sc{white-space:nowrap}
.grp,.pbody,.panel{overflow-x:auto}
td:nth-child(2),td.tn,.tbl td:nth-child(2){white-space:nowrap;min-width:0}

/* v26 pannelli laterali: +30% trasparenza; destra +10% in verticale */
.left .panel,.left .card,.left .grp,.left .glass,.right .panel,.right .card,.right .grp,.right .glass{
 background:repeating-linear-gradient(100deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px),
  linear-gradient(145deg,color-mix(in srgb,var(--c1) 22%,rgba(14,26,52,.63)),rgba(10,20,44,.63) 45%,color-mix(in srgb,var(--c2) 22%,rgba(10,20,44,.63)) 75%,rgba(8,16,36,.64));
 backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4)}
.right .glass{padding-top:23.5px;padding-bottom:23.5px}
.right .panel>summary,.right .panel>h2,.right .panel>h3{padding-top:14px;padding-bottom:14px}

/* v29 nascondi le barre di scorrimento sotto/accanto ai pannelli (lo scorrimento resta attivo) */
.left,.right,.left *,.right *,.center .panel,.center .grp,.center .pbody,.center .tw,.datebar{scrollbar-width:none;-ms-overflow-style:none}
.left::-webkit-scrollbar,.right::-webkit-scrollbar,.left *::-webkit-scrollbar,.right *::-webkit-scrollbar,.center .panel::-webkit-scrollbar,.center .grp::-webkit-scrollbar,.center .pbody::-webkit-scrollbar,.center .tw::-webkit-scrollbar,.datebar::-webkit-scrollbar{display:none;width:0;height:0}

/* v30 pannelli di sinistra: nessuna barra visibile in nessun browser (scorrimento attivo) */
.left .panel,.left .grp,.left .pbody,.left .tw,.left .card{overflow-x:hidden!important}
.left,.left *{scrollbar-width:none!important;-ms-overflow-style:none!important}
.left::-webkit-scrollbar,.left *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}

/* v31 pannello centrale: bordo continuo e uniforme (niente segmenti/bande animate) */
.center .panel,.center .card,.center .grp,.center .tw,.center .status,.center .glass{
 animation:none;
 box-shadow:0 0 14px var(--gc)}
.center .panel::before,.center .card::before,.center .grp::before,.center .glass::before{
 padding:2px;animation:none;background-size:100% 100%;
 background:linear-gradient(180deg,#dbe8fa,#8aa3c6 28%,var(--c2) 50%,#8aa3c6 72%,#dbe8fa)}
.center .panel::after,.center .card::after,.center .glass::after{display:none}
.center .grp-h{box-shadow:none}

/* v32 leggibilità: più contrasto, testo più grande, sfondo più calmo */
:root{--tx:#f4f9ff;--mu:#b4c6e6;--line:#2a4678}
body{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{opacity:.3;filter:saturate(1.1) brightness(.8)}
.muted,.small,.crumbs,.fresh,.legend,.m .st,.grp-h .sub,.list .sub{color:var(--mu)}
.small{font-size:13.5px}.m .st{font-size:13px}.m .st.live{color:#ff7a88}
.m .tm b{font-size:15.5px;font-weight:600;color:#fff}.m .sc{font-size:16px;color:#fff}
.m{min-height:56px;padding:9px 12px;border-top-color:rgba(150,190,255,.22)}
.m:hover{background:rgba(60,110,200,.28)}
.grp-h{font-size:15px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
th{font-size:12.5px;color:#cfe0fb;letter-spacing:.04em}td{font-size:15px;border-top-color:rgba(150,190,255,.22)}
.panel>summary,.panel>h2,.panel>h3,.card>h2{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff;filter:none;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.list a{padding:9px 8px;font-size:15px;color:var(--tx)}
.glass b{font-size:17px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85)}
.glass span{font-size:13.5px;color:#eaf3ff;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.left .panel,.left .card,.left .grp,.left .glass,.right .panel,.right .card,.right .grp,.right .glass{text-shadow:0 1px 2px rgba(0,0,0,.55)}
.topnav a{font-size:14.5px;color:#d3e1f8}.topnav a:hover,.topnav a.on{color:#fff}
.gsearch input{font-size:15px;background:#0d1a3a;color:#fff}.gsearch input::placeholder{color:#a9bddf}
.datebar a,.datebar button{font-size:14px;color:#e4eeff;background:#0f1d40}
.pill{font-size:12.5px;color:#d3e1f8}
.tabs a,.tabs button{color:#cfdcf3;font-size:15px}
.status{color:#c6d6f1}
a:hover{color:#6fe6ff}
@media(max-width:1024px){
 .bottom{background:#060d24}.bottom a,.bottom button{font-size:12px;color:#c3d3ee}
 .fav{min-width:32px;min-height:32px;font-size:20px}
 .btn{min-height:44px}.datebar a,.datebar button{min-height:42px}
 .m .tm b{font-size:15px}
}

/* v33 chiarezza: gerarchia, spaziatura, focus, mobile */
body::before{opacity:.22}
.center .panel,.center .card,.center .grp{margin-bottom:14px}
.grp-h{padding:12px 14px;font-size:16px;font-weight:700;letter-spacing:.01em;border-bottom:1px solid rgba(150,190,255,.3)}
.m{padding:11px 14px;gap:10px}
.m .tm b{line-height:1.3}
.m .st{font-weight:600;letter-spacing:.02em}
.m .sc{font-weight:800;font-variant-numeric:tabular-nums;min-width:54px;text-align:center}
.m .st.live{color:#ff8b97;font-weight:700}
th{font-weight:700;text-transform:uppercase;font-size:12px;padding:9px 10px;background:rgba(10,24,60,.55)}
td{padding:9px 10px;font-variant-numeric:tabular-nums}
tbody tr:nth-child(even) td{background:rgba(120,170,255,.06)}
tbody tr:hover td{background:rgba(60,110,200,.25)}
h1{font-size:24px;line-height:1.25;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}
h2{line-height:1.3}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #6fe6ff;outline-offset:2px;border-radius:6px}
.datebar{gap:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.datebar a,.datebar button{scroll-snap-align:center;font-weight:600}
.datebar .on{font-weight:800;color:#04132b}
.fav{opacity:.85}.fav:hover,.fav.on{opacity:1}
.tabs a,.tabs button{padding:10px 14px}
.tabs .on{color:#fff;font-weight:700}
@media(max-width:1024px){
 .top{padding-top:6px;padding-bottom:6px}
 .gsearch input{min-width:0;text-overflow:ellipsis}
 .m{padding:12px 12px;min-height:60px}
 .m .tm b{font-size:15.5px}
 .fav{min-width:44px;min-height:44px}
 .datebar button,.datebar a{min-width:72px;min-height:44px}
 .tabs a,.tabs button{min-height:44px}
 .bottom a,.bottom button{font-size:12.5px;min-height:52px;font-weight:600}
 h1{font-size:21px}
 .center{padding-left:10px;padding-right:10px}
 body::before{opacity:.15}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* v34 */
.datebar{scroll-behavior:smooth}
@media(max-width:700px){
.grp-h{cursor:pointer;position:relative;padding-right:34px}
.grp-h::after{content:'▾';position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;transition:transform .2s}
.grp.shut .grp-h::after{transform:translateY(-50%) rotate(-90deg)}
.grp.shut>:not(.grp-h){display:none!important}
}

/* v35 colori grafici in stile diretta.it (rosso #ff0046 + verde-petrolio scuro #001e28); lo sfondo del sito NON cambia */
:root{--panel:#06303c;--panel2:#0a3a48;--line:#1f4350;--tx:#ffffff;--mu:#a9c1ca;--ac:#ff0046;--ac2:#c8003a;--live:#ff0046;--blue:#c8003a;--m4:#ff0046}
.panel,.card,.grp,.glass{--c1:#ff4d78;--c2:#c8003a;--gc:rgba(255,0,70,.30)}
.panel:nth-of-type(n),.card:nth-of-type(n),.grp:nth-of-type(n),.g-slip,.g-trk,.g-trd,.g-cmp,.g-com,.g-prm,.g-aff,.g-sim,.g-tip{--c1:#ff4d78;--c2:#c8003a;--gc:rgba(255,0,70,.30)}
.panel,.card,.grp,.glass{
 background:repeating-linear-gradient(100deg,rgba(255,255,255,.03) 0 2px,transparent 2px 5px),
  linear-gradient(145deg,color-mix(in srgb,var(--c1) 10%,rgba(0,34,46,.92)),rgba(0,30,40,.92) 50%,color-mix(in srgb,var(--c2) 12%,rgba(0,30,40,.92)))}
.left .panel,.left .card,.left .grp,.left .glass,.right .panel,.right .card,.right .grp,.right .glass{
 background:repeating-linear-gradient(100deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px),
  linear-gradient(145deg,color-mix(in srgb,var(--c1) 10%,rgba(0,34,46,.63)),rgba(0,30,40,.63) 50%,color-mix(in srgb,var(--c2) 12%,rgba(0,30,40,.63)))}
.grp-h{background:linear-gradient(90deg,#06303c,#001e28)}
.m:hover{background:#0a3a48}
.top{background:rgba(0,30,40,.97);border-image:linear-gradient(90deg,transparent,#ff0046,#c8003a,transparent) 1}
.btn.pri,.datebar .on,.seg .on{background:linear-gradient(90deg,#ff0046,#c8003a,#ff0046);background-size:200% 100%;color:#fff;box-shadow:0 0 14px rgba(255,0,70,.5)}
.logo-mark{background:linear-gradient(135deg,#ff0046,#c8003a);color:#fff}
.panel>summary,.panel>h2,.panel>h3,.card>h2{color:#fff}
.center .panel::before,.center .card::before,.center .grp::before,.center .glass::before{
 background:linear-gradient(180deg,#ffd0dc,#ff4d78 28%,#c8003a 50%,#ff4d78 72%,#ffd0dc)}
.center .panel,.center .card,.center .grp,.center .glass{box-shadow:0 0 14px rgba(255,0,70,.3)}

/* v36 diretta.it: colori ben visibili ovunque (bordi rossi, pannelli verde-petrolio), sfondo invariato */
.panel::before,.card::before,.grp::before,.glass::before{background:linear-gradient(100deg,#ff0046,#ff6b8f,#c8003a,#ff0046);background-size:300% 100%}
.panel,.card,.grp,.glass,.tw{border-color:rgba(255,0,70,.55)!important}
.left .panel,.left .card,.left .grp,.left .glass,.right .panel,.right .card,.right .grp,.right .glass{
 background:repeating-linear-gradient(100deg,rgba(255,255,255,.02) 0 2px,transparent 2px 5px),
  linear-gradient(145deg,rgba(6,48,60,.72),rgba(0,30,40,.70) 55%,rgba(60,8,28,.68))!important}
.center .panel,.center .card,.center .grp,.center .glass{background:linear-gradient(145deg,rgba(6,48,60,.96),rgba(0,30,40,.96))!important}
.tw{background:rgba(0,30,40,.6)!important}
.panel>summary,.grp-h,th{color:#fff}
.panel>summary,.grp-h{border-bottom:2px solid #ff0046}
th{background:rgba(255,0,70,.18)!important;border-bottom:2px solid #ff0046}
tbody tr:nth-child(even) td{background:rgba(255,255,255,.04)}
.left a.on,.left .on,.left a.act,.left .act,.nav a.on,.nav a.act{background:rgba(255,0,70,.28)!important;border-left:3px solid #ff0046;color:#fff}
.left a:hover,.m:hover{background:rgba(255,0,70,.16)!important}
.top{border-bottom:2px solid #ff0046;background:#001e28}
.top a:hover,.top .on{color:#ff0046}
a{color:#ff6b8f}
.live,.badge.live,.m .live{color:#ff0046}

/* v37: tasto dettatura vocale */
.gsearch{display:flex;align-items:center;gap:6px}
.gsearch input{flex:1}
.mic{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid #ff0046;background:#001e28;color:#fff;font-size:17px;cursor:pointer;line-height:1;padding:0}
.mic:hover{background:rgba(255,0,70,.25)}
.mic:disabled{opacity:.4;cursor:not-allowed}
.mic.on{background:#ff0046;animation:micp 1s infinite}
@keyframes micp{50%{box-shadow:0 0 0 7px rgba(255,0,70,.25)}}
@media(max-width:700px){.mic{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.mic.on{animation:none}}

/* v39 palette ad alto contrasto: pannelli quasi neri, testo bianco pieno, accento giallo ambra, sfondo del sito invariato */
:root{--panel:#0d1424;--panel2:#18233b;--line:#3a4a6b;--tx:#ffffff;--mu:#d3dcec;--ac:#ffc400;--ac2:#ff9f00;--live:#ff5a4f;--blue:#ffc400;--m4:#ffc400;--warn:#ffc400}
body{color:#fff}
.panel,.card,.grp,.glass,.tw{border-color:rgba(255,196,0,.7)!important}
.panel::before,.card::before,.grp::before,.glass::before{background:linear-gradient(180deg,#ffe27a,#ffc400,#ff9f00)!important;background-size:100% 100%!important;animation:none!important}
.left .panel,.left .card,.left .grp,.left .glass,.right .panel,.right .card,.right .grp,.right .glass{
 background:linear-gradient(145deg,rgba(13,20,36,.90),rgba(8,13,26,.90))!important}
.center .panel,.center .card,.center .grp,.center .glass{background:linear-gradient(145deg,#0f1729,#0a1020)!important;box-shadow:0 2px 14px rgba(0,0,0,.55)!important}
.tw{background:rgba(8,13,26,.92)!important}
.panel>summary,.panel>h2,.panel>h3,.card>h2,.grp-h,th{color:#ffd23f!important;text-shadow:none!important}
.panel>summary,.grp-h{border-bottom:2px solid #ffc400!important;background:linear-gradient(90deg,#1a2540,#0d1424)!important}
th{background:rgba(255,196,0,.16)!important;border-bottom:2px solid #ffc400!important}
tbody tr:nth-child(even) td{background:rgba(255,255,255,.06)}
.m:hover,.left a:hover,.list a:hover{background:rgba(255,196,0,.18)!important}
.left a.on,.left .on,.left a.act,.left .act,.nav a.on,.nav a.act,.list a.on{background:rgba(255,196,0,.28)!important;border-left:3px solid #ffc400!important;color:#fff!important}
.top{background:#080d1a!important;border-bottom:2px solid #ffc400!important;border-image:none!important}
.top a:hover,.top .on,.topnav a.on,.topnav a:hover{color:#080d1a!important;background:#ffc400!important}
a{color:#ffd86b}a:hover{color:#fff}
.btn.pri,.datebar .on,.seg .on{background:#ffc400!important;color:#0a0f1c!important;font-weight:800;box-shadow:none!important}
.logo-mark{background:#ffc400!important;color:#0a0f1c!important}
.live,.badge.live,.m .live{color:#ff6a5e!important;font-weight:800}
.gsearch input{background:#fff!important;color:#0a0f1c!important;border-color:#ffc400!important}
.gsearch input::placeholder{color:#4a5670}
.mic{border-color:#ffc400!important;background:#0d1424!important}.mic.on{background:#ffc400!important}
small,.sub,.muted{color:#d3dcec!important}
:focus-visible{outline:3px solid #ffc400!important}

/* v40 tema chiaro ad alto contrasto: pannelli bianchi/avorio, testo quasi nero, accento blu intenso, live in rosso scuro. Sfondo del sito invariato */
:root{--panel:#ffffff;--panel2:#eef3fb;--line:#b9c6dd;--tx:#0b1220;--mu:#3b4a63;--ac:#0b57d0;--ac2:#0a3f9a;--live:#c40022;--blue:#0b57d0;--m4:#0b57d0;--warn:#a35a00}
body{color:#0b1220}
.panel,.card,.grp,.glass,.tw{border:1px solid #8ea3c7!important;color:#0b1220!important}
.panel::before,.card::before,.grp::before,.glass::before{background:linear-gradient(180deg,#0b57d0,#0a3f9a)!important;background-size:100% 100%!important;animation:none!important}
.left .panel,.left .card,.left .grp,.left .glass,.right .panel,.right .card,.right .grp,.right .glass{background:rgba(255,255,255,.84)!important;box-shadow:0 2px 10px rgba(0,0,0,.35)!important}
.center .panel,.center .card,.center .grp,.center .glass{background:#ffffff!important;box-shadow:0 3px 16px rgba(0,0,0,.45)!important}
.tw{background:rgba(255,255,255,.95)!important}
.panel *,.card *,.grp *,.glass *,.tw *{text-shadow:none!important}
.panel,.card,.grp,.glass,.tw,.panel td,.panel li,.panel p,.panel span,.panel div,.card td,.card span,.card div,.grp span,.grp div,.grp td,.tw td,.tw div{color:#0b1220}
.panel>summary,.panel>h2,.panel>h3,.card>h2,.grp-h,th{color:#0a2f73!important;font-weight:800}
.panel>summary,.grp-h{background:linear-gradient(90deg,#dce8ff,#f2f6ff)!important;border-bottom:2px solid #0b57d0!important}
th{background:#dce8ff!important;border-bottom:2px solid #0b57d0!important}
tbody tr:nth-child(even) td{background:rgba(11,87,208,.07)}
td,.m,.row{border-color:#c9d4e8!important}
.m:hover,.left a:hover,.list a:hover{background:rgba(11,87,208,.14)!important;color:#0a2f73!important}
.left a.on,.left .on,.left a.act,.left .act,.nav a.on,.nav a.act,.list a.on{background:#0b57d0!important;border-left:4px solid #0a2f73!important;color:#fff!important}
.left a.on *,.list a.on *{color:#fff!important}
.panel a,.card a,.grp a,.glass a,.tw a{color:#0a47ad}
.panel a:hover,.card a:hover,.grp a:hover{color:#c40022}
.top{background:#0a1f4d!important;border-bottom:3px solid #0b57d0!important}
.top,.top a,.top .brand{color:#fff!important}
.top a:hover,.top .on,.topnav a.on,.topnav a:hover{color:#0a1f4d!important;background:#ffffff!important}
.btn.pri,.datebar .on,.seg .on{background:#0b57d0!important;color:#fff!important;font-weight:800}
.btn,.datebar a,.seg a,.seg button,.datebar button{color:#0b1220}
.datebar .on *,.seg .on *{color:#fff!important}
.logo-mark{background:#fff!important;color:#0a1f4d!important}
.live,.badge.live,.m .live,.panel .live,.grp .live{color:#c40022!important;font-weight:800}
small,.sub,.muted,.panel small,.panel .sub,.panel .muted,.grp small,.grp .muted,.m .sub{color:#3b4a63!important}
.gsearch input{background:#fff!important;color:#0b1220!important;border:2px solid #0b57d0!important}
.gsearch input::placeholder{color:#4a5670}
.mic{border-color:#fff!important;background:#0b57d0!important;color:#fff!important}.mic.on{background:#c40022!important}
:focus-visible{outline:3px solid #c40022!important}
@media(max-width:700px){.bnav,.tabbar,nav.bottom{background:#0a1f4d!important;color:#fff!important}}

/* v43 pannelli destra: stesso colore testo della sinistra, caratteri +10% */
.right .glass b{color:#0b1220!important;font-size:18.7px!important}
.right .glass span{color:#3b4a63!important;font-size:14.85px!important}
.right .glass i{font-size:30.8px!important}
.right .panel>summary,.right .panel>h2,.right .panel>h3{font-size:110%}
.right .panel,.right .card,.right .grp{font-size:110%}

/* v44 tutti i pannelli: stesso colore dei caratteri */
.panel,.card,.grp,.glass,.tw,
.panel *,.card *,.grp *,.glass *,.tw *,
.right .glass b,.right .glass span,.right .glass i,
.panel>summary,.panel>h2,.panel>h3,.card>h2,.grp-h,.panel a,.card a,.grp a,.glass a,.tw a,
.panel small,.panel .sub,.panel .muted,.grp small,.grp .muted,.m .sub,th{color:#0b1220!important}
.panel .live,.grp .live,.m .live,.badge.live,.live{color:#c40022!important}
.left a.on,.left a.on *,.list a.on,.list a.on *,.btn.pri,.datebar .on,.datebar .on *,.seg .on,.seg .on *{color:#fff!important}

/* v45 loghi squadre e loghi pannelli sinistra: dimensioni x2 */
.logo{width:40px!important;height:40px!important}
.logo.sm{width:32px!important;height:32px!important}
.logo.lg{width:88px!important;height:88px!important}
.left .flag{width:40px!important;height:28px!important}
.left img:not(.logo):not(.flag){width:auto;height:auto;max-height:80px}
.left a,.left .m{align-items:center}
.m .tm span .logo{margin-top:0}

/* v46 icone pannello Sport x2 */
.left .ic{font-size:2em;line-height:1;display:inline-block;min-width:1.2em;text-align:center}
.left .list a{gap:10px}

/* v47 elementi sopra il pannello centrale (titolo, giorni, filtri, schede, briciole): caratteri bianchi */
.center>h1,.center>h2,.center>.crumbs,.center>.crumbs a,.center>.row,.center>.row *:not(.panel *):not(.pill),
.center>.datebar,.center>.datebar a,.center>.datebar button,.center>.datebar input,.center>.datebar *,
.center>.tabs,.center>.tabs a,.center>.tabs button,
.center .row>.seg button,.center .row>.seg a,.center>.seg button,.center>.seg a,
.center>.btn:not(.pri),.center>p{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.center>.datebar a,.center>.datebar button,.center .seg button,.center .seg a{background:#0a1f4d!important;border-color:#5b7fc4!important}
.center>.datebar .on,.center .seg .on,.center>.tabs .on{background:#0b57d0!important;color:#fff!important}
.center>.tabs .on{background:none!important;border-bottom-color:#fff!important}
.center>.datebar input{background:#0a1f4d!important;border:1px solid #5b7fc4;color-scheme:dark}

/* v48 riquadri sopra il pannello centrale: caratteri sempre bianchi, anche non selezionati */
.center .datebar:not(.panel *) a,.center .datebar:not(.panel *) button,.center .datebar:not(.panel *) input,
.center .seg:not(.panel *) a,.center .seg:not(.panel *) button,
.center .tabs:not(.panel *) a,.center .tabs:not(.panel *) button,
.center .datebar:not(.panel *) *,.center .seg:not(.panel *) *,.center .tabs:not(.panel *) *{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.center .datebar:not(.panel *) a:not(.on),.center .datebar:not(.panel *) button:not(.on),
.center .seg:not(.panel *) a:not(.on),.center .seg:not(.panel *) button:not(.on){background:#0a1f4d!important;border-color:#5b7fc4!important;color:#fff!important}
.center .datebar:not(.panel *) .on,.center .seg:not(.panel *) .on{background:#0b57d0!important;color:#fff!important}

/* v49: Preferiti nella colonna destra */
.g-fav{--c1:#ff4d78;--c2:#c8003a;--gc:rgba(255,0,70,.30);animation-delay:-1.4s}

/* v50: stella Preferiti oro su riquadro nero metallizzato */
.right .glass.g-fav i,.glass.g-fav i{
 color:#ffc928!important;
 text-shadow:0 0 6px rgba(255,201,40,.55),0 1px 1px rgba(0,0,0,.8)!important;
 background:linear-gradient(145deg,#4a4d52 0%,#16181b 38%,#050607 60%,#2f3236 100%)!important;
 border:1px solid #6b6f75;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5)}

/* v51: fondi delle icone dei riquadri di destra blu (Preferiti compreso, stella oro) */
.right .glass i,.glass.g-fav i,.right .glass.g-fav i{
 background:linear-gradient(145deg,#2f7bff 0%,#0b57d0 45%,#06285f 100%)!important;
 border:1px solid #7fb0ff;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.4)}

/* ===== v53-54: La mia schedina — acquisizione, riepilogo, verifica ===== */
.slipacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:12px 0 18px}
.bigbtn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:96px;padding:14px 16px;border-radius:16px;border:1px solid #23427a;background:linear-gradient(180deg,#0e1b3c,#0a1430);color:#fff;text-align:left;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(120,200,255,.12)}
.bigbtn i{font-style:normal;font-size:30px;line-height:1}.bigbtn b{font-size:17px}.bigbtn span{font-size:13px;color:#b9c8e6}
.bigbtn:hover,.bigbtn:focus-visible{border-color:#00d0f0;outline:none;box-shadow:0 0 16px rgba(0,208,240,.45)}
.btn.big{min-height:52px;padding:10px 20px;font-size:16px}
.camwrap{position:relative;background:#000;border-radius:14px;overflow:hidden;max-width:720px;aspect-ratio:4/3;margin:10px 0}
.camwrap video{width:100%;height:100%;object-fit:cover;display:block}
.camframe{position:absolute;inset:8% 6%;border:2px dashed rgba(0,229,255,.85);border-radius:12px;pointer-events:none}.camframe.sq{inset:18% 22%;border-style:solid}
.code{display:block;word-break:break-all;font-family:ui-monospace,Menlo,Consolas,monospace;background:#050b1f;border:1px solid #23427a;border-radius:8px;padding:8px 10px;margin-top:6px;color:#fff}.code.big{font-size:18px}
.field.unsure input,.field.unsure select{background:#4a3c08;border-color:#ffc928;color:#fff}.unsure-sample{background:#4a3c08;border:1px solid #ffc928;padding:0 6px;border-radius:4px;color:#fff}
.evrow .row{align-items:end}.evrow input,.evrow select{min-height:40px}
.bar{height:8px;background:#0a1430;border-radius:6px;overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#00d0f0,#0a84f0);transition:width .2s}
.imgctl{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.imgctl .prev{max-width:220px;border:1px solid #23427a;border-radius:8px;background:#fff}
.ocrraw{white-space:pre-wrap;font-size:12px;max-height:240px;overflow:auto}
#main select,#main input[type=text],#main input:not([type]),#main textarea{max-width:100%}
/* v54 scanner */
.torchbtn{position:absolute;right:10px;bottom:10px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(0,229,255,.7);background:rgba(8,16,32,.8);font-size:22px;color:#fff}.torchbtn.on{background:rgba(0,229,255,.9)}
.camframe .scanline{position:absolute;left:4%;right:4%;height:2px;background:rgba(0,229,255,.9);box-shadow:0 0 10px rgba(0,229,255,.9);animation:scanmv 2s ease-in-out infinite alternate}
@keyframes scanmv{from{top:6%}to{top:94%}}@media(prefers-reduced-motion:reduce){.camframe .scanline{animation:none;top:50%}}
.provbadge{margin:4px 0}

/* ===== v55: preferiti, tracker, simulatore, trader, comparatore, community, tipster, premium, account ===== */
.star{background:none;border:0;cursor:pointer;color:#6e7f9f;font-size:20px;line-height:1;padding:4px 6px;min-width:32px;min-height:32px;border-radius:8px;vertical-align:middle}
.star:hover{color:var(--warn)}.star.on{color:#ffc933;text-shadow:0 0 8px rgba(255,200,50,.55)}
.grp-h .star{font-size:17px;padding:2px 4px;min-width:26px;min-height:26px}
.btn.on{border-color:var(--warn);color:var(--warn)}.btn.big{min-height:46px;font-size:16px;padding:10px 20px}.btn.danger{border-color:var(--live);color:#ff9aa5}
.btn.sm{min-height:30px;padding:4px 10px;font-size:13px}
.link-btn{background:none;border:0;color:var(--ac);cursor:pointer;padding:4px 6px;font-size:13px;text-decoration:underline}.link-btn.danger{color:#ff9aa5}
.warnt{color:var(--warn)}.neg{color:#ff7a88}.pos{color:#4be3a2}.pad{padding:14px}.c{text-align:center}
.check{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--tx);min-height:32px}.check input{width:18px;height:18px;flex:none}
.chk-list{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0}
.frm{display:flex;flex-direction:column;gap:12px}.frm .field input,.frm .field select,.frm .field textarea,.field input,.field select,.field textarea{background:#08112a;border:1px solid var(--line);border-radius:9px;padding:9px 10px;color:var(--tx);min-height:40px;max-width:100%}
.form-err{color:#ffb4bc;background:rgba(255,77,94,.12);border:1px solid var(--live);border-radius:8px;padding:8px 10px;margin:0;font-size:14px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.checklist{padding-left:18px;margin:8px 0}.checklist li{margin:5px 0}
.seg.wrap{flex-wrap:wrap;margin:6px 0}.seg a{padding:7px 12px;color:var(--mu);font-size:14px}.seg a.on{background:var(--ac);color:#04160e;font-weight:700}
.kpis{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.kpi{flex:1 1 110px;background:#08112a;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}.kpi b{display:block;font-size:22px}.kpi span{font-size:12px;color:var(--mu)}
.avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#00d0f0,#0a84f0);color:#00101c;font-weight:800}.avatar.sm{width:24px;height:24px;font-size:11px;margin-right:6px;vertical-align:middle}
.prof-hero{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.prof-hero>div{flex:1;min-width:180px}
.auth-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}@media(max-width:800px){.auth-wrap{grid-template-columns:1fr}}
/* preferiti */
.fav-sync{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.fav-h{display:flex;gap:8px;align-items:center;margin-bottom:6px}.fav-item .fm{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 4px;border-top:1px solid var(--line);min-height:44px}
.fm-st{font-size:12.5px;color:var(--mu)}.fm-st.live{color:var(--live);font-weight:700}.fm-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-s{font-variant-numeric:tabular-nums}
/* tracker */
.trk-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}.trk-bar .muted{margin-left:auto}
.trk-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));margin-top:10px}
.trk{padding:12px;margin:0}.trk-h{display:flex;gap:8px;align-items:center;justify-content:space-between}.trk-x{background:none;border:0;color:var(--mu);cursor:pointer;font-size:16px;min-width:32px;min-height:32px}
.trk-m{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:10px 0}.tn{display:flex;gap:6px;align-items:center}.tn.r{justify-content:flex-end;text-align:right}.tn b{overflow-wrap:anywhere}
.tscore{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.tscore.live{color:var(--live)}
.trk-cards{display:flex;gap:14px;color:var(--mu)}.trk-d summary{cursor:pointer;color:var(--ac);font-size:13px;padding:6px 0}
.trk-ev{list-style:none;margin:0;padding:0;font-size:13px}.trk-ev li{padding:3px 0;border-top:1px solid var(--line)}.trk-ev li.a{text-align:right}.trk-f{margin-top:8px}
.trk-grid.compact{grid-template-columns:1fr;gap:6px}.trk-grid.compact .trk{padding:8px 10px}.trk-grid.compact .trk-m{margin:4px 0}.trk-grid.compact .tscore{font-size:22px}.trk-grid.compact .trk-cards{display:none}
@media(max-width:700px){.trk-grid{grid-template-columns:1fr}.trk-bar .muted{margin-left:0}}
.pick-list{max-height:340px;overflow:auto;margin-top:8px}.pk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 2px;border-top:1px solid var(--line);align-items:center}.pk-t{grid-column:1;font-size:12px;color:var(--mu)}.pk-m{grid-column:1}.pk-s{grid-column:2;grid-row:1;font-size:12px;color:var(--mu);text-align:right}.pk-s.live{color:var(--live)}.pk .btn{grid-column:2;grid-row:2}
/* simulatore e trader */
.evt input{background:#08112a;border:1px solid var(--line);border-radius:8px;padding:7px;color:var(--tx);min-height:36px;width:100%}.evt td{padding:4px}
fieldset.fs{border:1px solid var(--line);border-radius:10px;padding:6px 10px}.fs legend{font-size:12px;color:var(--mu)}
.cust{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.chipq{display:inline-block;margin:2px 4px 2px 0;padding:3px 8px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;white-space:nowrap}.chipq.best{border-color:#4be3a2;color:#4be3a2}.chipq.old{opacity:.6;border-style:dashed}
.cmp-ev summary{cursor:pointer;display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
/* community, tipster, news */
.comm{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}@media(max-width:900px){.comm{grid-template-columns:1fr}}
.thread-row{display:flex;justify-content:space-between;gap:10px;padding:12px 4px;border-top:1px solid var(--line);align-items:center;min-height:56px}.thread-row:first-child{border-top:0}.t-rep{text-align:center}.t-rep b{display:block;font-size:18px}.t-rep small{color:var(--mu)}
.comment{padding:10px 0;border-top:1px solid var(--line)}.comment.hid{opacity:.7}.c-head{display:flex;gap:8px;align-items:center}.c-foot{display:flex;gap:4px;flex-wrap:wrap}.ulink{display:inline-flex;align-items:center}
.tip-top{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.pickl{color:var(--ac)}.tip-foot{margin-top:8px}.tip code{font-size:11px}
.news a:hover b{color:var(--ac)}.adm-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.card.on{outline:2px solid var(--ac)}.sub-head{margin:0 0 6px}
@media(max-width:700px){.btn{min-height:42px}.star{min-width:40px;min-height:40px}.fav-item .fm{grid-template-columns:78px minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.card,.panel{animation:none!important}}
.auth-card,.frm,.frm .field{max-width:100%;min-width:0;box-sizing:border-box}.auth-card .tabs{overflow-x:auto}.frm .field input,.frm .field select,.frm .field textarea{width:100%;box-sizing:border-box;min-width:0}

/* ===== v57: pannelli, Live Match Tracker, analisi ===== */
.pnav{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;margin:0 0 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.pnav a{flex:none;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--tx);font-size:13.5px;font-weight:600;white-space:nowrap;min-height:40px}
.pnav a i{font-style:normal}.pnav a.on{background:var(--ac);color:#04160e;border-color:var(--ac)}.pnav a:hover{border-color:var(--ac)}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:12px 0}
.hubc{display:flex;gap:12px;align-items:flex-start}.hubc>i{font-style:normal;font-size:30px;line-height:1}.hubc p{margin:2px 0 8px}
.vbox .row{align-items:flex-end}.vitem{margin-top:10px}.an-bars{display:grid;gap:6px;margin:8px 0}
.an-b{display:grid;grid-template-columns:minmax(90px,150px) 1fr 56px;gap:8px;align-items:center}.an-b b{text-align:right}.an-b.best b{color:var(--ac)}
.lv-bar{height:8px;border-radius:99px;background:#ffffff1f;overflow:hidden}.lv-bar i{display:block;height:100%;background:linear-gradient(90deg,#4fb3ff,var(--ac));border-radius:99px;transition:width .6s}
.an-b.best .lv-bar i{background:var(--ac)}.lv-st{margin:6px 0}.lv-st .srow{margin-bottom:3px}
.fm-W,.fm-D,.fm-L{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;font:700 11px/18px system-ui;border-radius:4px;margin-right:2px;font-style:normal;color:#04160e}
.fm-W{background:#2ecc71}.fm-D{background:#f1c40f}.fm-L{background:#ff4d5e;color:#fff}
.stt td,.stt th{white-space:nowrap}.pos{color:#2ecc71}.neg{color:var(--live)}
.tH{color:#4fb3ff}.tA{color:#ffb020}
.lv-sc{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:8px 0}.lv-sc .tn.r{justify-content:flex-end}
.lv-score .center-t{text-align:center}.lv-acts{margin:10px 0}
/* campo 3D */
.lv-stage{position:relative;margin:10px 0 0;border-radius:16px 16px 0 0;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#14264d 0%,#07102a 70%);aspect-ratio:105/58;max-height:70vh;border:1px solid var(--line);border-bottom:0}
.lv-stand{position:absolute;pointer-events:none;background:repeating-linear-gradient(90deg,#1b2e57 0 6px,#26407a 6px 9px),#1b2e57;opacity:.9}
.lv-stand::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#ffffff55 0 1px,transparent 1.5px) 0 0/7px 6px;mix-blend-mode:screen;opacity:.55}
.lv-s-top{left:0;right:0;top:0;height:22%;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);background:linear-gradient(#0a1633,#233a70)}
.lv-s-l{left:0;top:0;bottom:0;width:9%;clip-path:polygon(0 0,100% 18%,100% 100%,0 100%)}.lv-s-r{right:0;top:0;bottom:0;width:9%;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}
.lv-light{position:absolute;top:2%;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 18px 10px #fff9,0 0 70px 36px #aee0ff55;pointer-events:none;animation:lvflick 4s infinite}
.lv-light.l1{left:6%}.lv-light.l2{left:22%;top:0}.lv-light.l3{right:22%;top:0}.lv-light.l4{right:6%}
@keyframes lvflick{50%{opacity:.82}}
.lv-persp{position:absolute;left:7%;right:7%;bottom:3%;top:15%;perspective:620px;perspective-origin:50% -10%}
.lv-pitch{position:absolute;left:0;right:0;bottom:0;aspect-ratio:105/68;width:100%;transform:rotateX(52deg);transform-origin:50% 100%;transform-style:preserve-3d;box-shadow:0 0 0 3px #0c3a1a,0 20px 40px #0008;border-radius:2px}
.lv-svg{position:absolute;inset:-4.3% -2.9% -4.3% -2.9%;width:105.8%;height:108.6%}
.lv-mk{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transition:left 1.6s cubic-bezier(.45,.05,.2,1),top 1.6s cubic-bezier(.45,.05,.2,1)}
.lv-mk.nojump{transition:none}
.lv-shadow{position:absolute;left:-14px;top:-6px;width:28px;height:12px;border-radius:50%;background:#0007;filter:blur(2px)}
.lv-up{position:absolute;left:0;top:0;transform:rotateX(-52deg);transform-origin:50% 100%;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d}
.lv-ball{position:absolute;bottom:2px;left:-17px;width:34px;height:34px;display:grid;place-items:center;font-size:26px;line-height:1;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff55;animation:lvbob 1.1s ease-in-out infinite}
.lv-ball.is-home{box-shadow:0 0 0 4px #4fb3ff,0 0 20px 6px #4fb3ff99}.lv-ball.is-away{box-shadow:0 0 0 4px #ffb020,0 0 20px 6px #ffb02099}
.lv-ball.mark{background:#0b1530;font-size:20px}.lv-ball.boom{animation:lvboom .9s ease-out 2}
@keyframes lvbob{50%{transform:translateY(-7px)}}@keyframes lvboom{0%{transform:scale(1)}40%{transform:scale(1.9)}100%{transform:scale(1)}}
.lv-lbl{position:absolute;bottom:42px;transform:translateX(-50%);left:0;white-space:nowrap;padding:3px 9px;border-radius:99px;background:#0b1530ee;border:2px solid #fff;font:700 12px system-ui;color:#fff}
.lv-lbl.is-home{border-color:#4fb3ff}.lv-lbl.is-away{border-color:#ffb020}
.lv-zone{position:absolute;width:26%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);transition:left 1.6s cubic-bezier(.45,.05,.2,1),top 1.6s cubic-bezier(.45,.05,.2,1);pointer-events:none}
.lv-zone.is-home{background:radial-gradient(circle,#4fb3ff66,transparent 68%)}.lv-zone.is-away{background:radial-gradient(circle,#ffb02066,transparent 68%)}
.lv-band{padding:12px 14px;background:#0b1530;border:1px solid var(--line);border-top:3px solid var(--ac);border-radius:0 0 14px 14px;font-size:15px;min-height:48px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lv-band.is-home{border-top-color:#4fb3ff}.lv-band.is-away{border-top-color:#ffb020}.lv-band.pulse{animation:lvpulse 1.2s ease-out}
.lv-bm{font-weight:800;background:#ffffff1f;border-radius:6px;padding:1px 7px}.lv-bt{opacity:.8}
@keyframes lvpulse{0%{background:#164a7d}100%{background:#0b1530}}
.lv-legend{margin:6px 2px 0}
.lv-evs{display:grid;gap:4px}.lv-ev{display:grid;grid-template-columns:54px 28px 1fr;gap:6px;align-items:center;text-align:left;background:none;border:1px solid transparent;border-left:4px solid var(--line);border-radius:8px;padding:8px;cursor:pointer;min-height:44px}
.lv-ev.home{border-left-color:#4fb3ff}.lv-ev.away{border-left-color:#ffb020}.lv-ev:hover,.lv-ev.on{background:#ffffff14;border-color:var(--ac)}.lv-ev .m{font-weight:700;color:var(--mu)}
@media(max-width:700px){.lv-stage{aspect-ratio:105/66}.lv-sc{grid-template-columns:1fr;text-align:center}.lv-sc .tn,.lv-sc .tn.r{justify-content:center}.lv-ball{width:28px;height:28px;font-size:21px;left:-14px}.lv-lbl{font:700 11px system-ui}.an-b{grid-template-columns:90px 1fr 50px}.pnav a{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.lv-ball,.lv-light,.lv-band.pulse{animation:none!important}.lv-mk,.lv-zone{transition:none}}
.lv-band{color:#fff!important;text-shadow:none}.lv-band *{color:inherit}.lv-band .lv-bt{opacity:.85}
.lv-legend,.lv-legend *{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.lv-acts .btn{background:#0a1f4d!important;color:#fff!important;border:1px solid #5b7fc4!important;text-shadow:none!important}
.lv-score .tn b,.lv-score .small{color:inherit}
.lv-score .pill{color:#fff!important;background:#c0152b;border-color:#c0152b}.lv-score .pill:not(.live){background:#22406e}

.srow b{text-align:right}.tip .srow{gap:10px;flex-wrap:wrap}
.kpi b{color:#fff}.kpi span{color:#b9cdf0}#st>p,#an>p,#fresh,#vout>p,#lvAlert{color:#dbe7ff!important}#st>p *,#vout>p *{color:inherit}
/* leggibilità: campi nei pannelli chiari (testo scuro su sfondo chiaro) */
.center .card :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]){background:#fff;color:#0b1220;border:1px solid #5b7fc4}
.center .card .field.unsure :is(input,select,textarea){background:#4a3c08;border-color:#ffc928;color:#fff}
.center .card :is(input,textarea)::placeholder{color:#5d6b86}
.vbox .status,.vbox .status *{color:#e9f3ff!important}
.hubc .pill{white-space:normal}

/* ===== v58: generatore di schedine ===== */
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:13.5px;min-height:40px;cursor:pointer}
.chip:has(input:checked){border-color:var(--ac);color:var(--ac)}.chip input{accent-color:var(--ac)}
.gen-form .field{margin-bottom:10px}.gen-form input[type=number],.gen-form select,.gen-odds input{min-height:42px}
.gen-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr) 110px auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.gen-pick{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.gen-act{display:flex;gap:6px}
@media(max-width:700px){.gen-row{grid-template-columns:1fr 1fr}.gen-row>div:first-child,.gen-pick{grid-column:1/-1}}

/* ===== v59: Controllo giocate, Multi Tracker con schede animate ===== */
.ck-wiz{display:grid;gap:12px}.ck-step{background:var(--card,#0e1a38);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.ck-step.dis{opacity:.5;pointer-events:none}
.ck-step h3{margin:0 0 8px;font-size:16px;display:flex;gap:8px;align-items:center}.ck-step h3 i{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ac);color:#04101f;font-size:13px;font-weight:700}
.ck-chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.ck-chips button{background:#0b1530;border:1px solid var(--line);color:inherit;border-radius:999px;padding:8px 12px;font-size:13px;cursor:pointer;min-height:36px}.ck-chips button.on{background:var(--ac);color:#04101f;border-color:var(--ac);font-weight:700}
.ck-match{margin:14px 0}.ck-match>.srow{padding:6px 2px}.ck-sel{margin:8px 0;border-left:4px solid var(--line)}.ck-sel.ok{border-left-color:#35c46b}.ck-sel.off{border-left-color:#ff5d5d}.ck-sel.warn{border-left-color:#ffb020}
.ck-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin:8px 0}.ck-man summary{cursor:pointer;color:var(--ac);padding:6px 0}.warnt{color:#ffb020}
@media(max-width:700px){.ck-grid{grid-template-columns:1fr}.ck-chips button{padding:9px 11px}}
.trk-tog{width:100%;margin:6px 0}.trk-more{margin:6px 0}.trk-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:8px}.trk-tabs button{white-space:nowrap}
.trk-more .lv-stage{max-height:300px}.lv-wrap.lv-off{display:none}.lv-na{margin:8px 0}
.trk-picks{margin-top:10px;border-top:1px solid var(--line);padding-top:8px;display:grid;gap:6px}.trk-pk{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;padding:6px 8px;border-radius:10px;background:#0b1530;border-left:3px solid var(--line)}
.trk-pk.ok{border-left-color:#35c46b}.trk-pk.off{border-left-color:#ff5d5d}.trk-pk.warn{border-left-color:#ffb020}
.trk-cards{flex-wrap:wrap}.trk-m[data-tog]{cursor:pointer}.trk table tr.hl td{background:#16305a}
.trk-grid.compact .trk-more{margin:4px 0}
@media(min-width:1100px){.trk-grid:not(.compact){grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}}
.trk{min-width:0}.trk-more,.trk-more section{min-width:0;max-width:100%}.trk-tabs{max-width:100%}
@media(max-width:700px){.trk-grid,.trk-grid.compact{grid-template-columns:minmax(0,1fr)}}

/* ===== v60: logo senza bianco, unito allo sfondo della riga superiore ===== */
.top .brand,.top .brand:hover,.top a.brand:hover,.top .brand3d,.top .brand3d:hover{background:transparent!important;box-shadow:none!important;border:0!important}
.brand3d .brand-logo{background:transparent!important;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
.brand3d::after{display:none}

/* ===== v61: logo con caratteri bianchi; pannelli destri vivaci e ben visibili (testo #0b1220 invariato) ===== */
.right a.glass{border:2px solid rgba(255,255,255,.9)!important;box-shadow:0 4px 16px rgba(0,0,0,.45),0 0 14px var(--g1)!important;animation:none!important}
.right a.glass::before,.right a.glass::after{display:none!important}
.right a.glass:hover{transform:translateY(-3px) scale(1.02);filter:saturate(1.15) brightness(1.05)}
.right a.glass b{font-weight:800!important}.right a.glass span{font-weight:600!important;color:#0b1220!important}
.right a.glass i{background:rgba(255,255,255,.55)!important;border:1px solid rgba(11,18,32,.35)!important;box-shadow:none!important}
.right a.glass.g-fav{--g1:#ff9f1caa;background:linear-gradient(135deg,#ffd23f,#ff9f1c)!important}
.right a.glass.g-slip{--g1:#ff6f61aa;background:linear-gradient(135deg,#ffb347,#ff6f61)!important}
.right a.glass.g-trk{--g1:#2f9bffaa;background:linear-gradient(135deg,#4fe3ff,#2f9bff)!important}
.right a.glass.g-ana{--g1:#8f6bffaa;background:linear-gradient(135deg,#c79bff,#8f6bff)!important}
.right a.glass.g-sta{--g1:#5b7bffaa;background:linear-gradient(135deg,#8fa8ff,#5b7bff)!important}
.right a.glass.g-chk{--g1:#1fd47aaa;background:linear-gradient(135deg,#6dffb0,#1fd47a)!important}
.right a.glass.g-gen{--g1:#ff5fa8aa;background:linear-gradient(135deg,#ff8fd0,#ff5fa8)!important}
.right a.glass.g-all{--g1:#ff4d4daa;background:linear-gradient(135deg,#ff8a7a,#ff4d4d)!important}
.right a.glass.g-scn{--g1:#19c9b0aa;background:linear-gradient(135deg,#5ef0d6,#19c9b0)!important}
.right a.glass.g-sim{--g1:#a35cffaa;background:linear-gradient(135deg,#d58cff,#a35cff)!important}
.right a.glass.g-tip{--g1:#2f7bffaa;background:linear-gradient(135deg,#6fc3ff,#2f7bff)!important}
.right a.glass.g-trd{--g1:#2fd45aaa;background:linear-gradient(135deg,#8dff7a,#2fd45a)!important}
.right a.glass.g-cmp{--g1:#ff7a3daa;background:linear-gradient(135deg,#ffa56b,#ff7a3d)!important}
.right a.glass.g-com{--g1:#3bb8ffaa;background:linear-gradient(135deg,#6fe0ff,#3bb8ff)!important}
.right a.glass.g-prm{--g1:#ffb300aa;background:linear-gradient(135deg,#ffe066,#ffb300)!important}
/* v63: testo dei pannelli più grande e in stampatello */
.panel,.card,.grp,.tw,.glass,.status,.sheet-in{font-size:17px;text-transform:uppercase;letter-spacing:.02em}
.panel *,.card *,.grp *,.tw *,.glass *,.status *,.sheet-in *{text-transform:uppercase}
.panel a,.card a,.grp a,.tw td,.tw th,.glass,.list a,.grp-h,.panel p,.panel li,.panel span,.card p,.card li,.card span,.card div,.panel div{font-size:17px}
.panel>summary,.panel>h2,.panel>h3,.card>h2,.grp-h{font-size:18px}
.panel .sub,.panel small,.card small,.grp-h .sub,.mu,.panel .mu,.card .mu{font-size:15px}
.panel input,.panel select,.panel textarea,.card input,.card select,.card textarea,pre.code{text-transform:none}
.panel .btn,.card .btn,.panel button,.card button{font-size:16px}

/* v64: titolo più grande del sottotitolo */
.panel>summary,.panel>h2,.panel>h3,.card>h2,.panel h2,.panel h3,.card h2,.card h3,.grp-h{font-size:24px;line-height:1.2;font-weight:800}
.panel .sub,.panel small,.card small,.grp-h .sub,.list .sub,.mu,.panel .mu,.card .mu{font-size:13px;font-weight:400}
@media(max-width:700px){.panel>summary,.panel>h2,.panel>h3,.card>h2,.panel h2,.panel h3,.card h2,.card h3,.grp-h{font-size:21px}}

/* v65: proporzioni contenute, la pagina non viene occupata per intero */
@media(min-width:1025px){
 .shell{max-width:1480px;margin-left:auto;margin-right:auto}
 .top-in,.foot{max-width:1480px}
}
.center{min-width:0}
.lv-stage{max-width:880px;margin-left:auto;margin-right:auto;max-height:60vh}
.lv-band,.lv-legend{max-width:880px;margin-left:auto;margin-right:auto}
.trk-more .lv-stage{max-width:100%}
.hub-grid{grid-template-columns:repeat(auto-fill,minmax(250px,320px))}
.camwrap,.imgctl .prev{max-width:720px}

/* v68: funzioni in stile diretta.it */
.m .mq{grid-column:2 / -1;display:flex;gap:14px;font-size:14px;opacity:.85;padding-top:2px}.m .mq a{padding:2px 6px;border-radius:6px}.m .mq a:hover{background:var(--panel2)}
.fpill{display:inline-block;min-width:20px;padding:1px 5px;border-radius:5px;font-size:12px;font-weight:800;text-align:center;color:#04132b;background:#8fa7cc}.fpill.fW,.fpill.fV{background:#27d17f}.fpill.fD,.fpill.fN{background:#ffb020}.fpill.fL,.fpill.fP{background:#ff4d5e}
.card .fm{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 4px;border-top:1px solid var(--line)}.card .fm:first-of-type{border-top:0}
html.compact .m{min-height:40px;padding:5px 10px}html.compact .card{padding:10px}
html[data-theme=light]{--bg:#eef3fb;--panel:#ffffff;--panel2:#e4ecf8;--line:#c5d3ea;--tx:#0b1220;--mu:#4a5f82;--ac:#0070c8;--ac2:#005aa0}
html[data-theme=light] .top{background:#0a1f4d}
html[data-theme=light] .m .tm b,html[data-theme=light] .m .sc{color:#0b1220}
html[data-theme=light] .card,html[data-theme=light] .panel,html[data-theme=light] .grp{background:#fff;color:#0b1220}
html[data-theme=light] .datebar .on,html[data-theme=light] .seg .on,html[data-theme=light] .btn.pri{color:#fff}
@media(max-width:700px){.card .fm{grid-template-columns:78px minmax(0,1fr) auto}}

/* v69: pannelli di destra tutti uguali, interamente visibili senza scorrere */
@media(min-width:1025px){
 .right{display:flex;flex-direction:column;gap:6px;height:calc(100vh - 118px);max-height:calc(100vh - 118px);overflow:hidden!important}
 .right>.glass{flex:1 1 0;min-height:0;margin:0!important;padding:0 12px!important;grid-template-columns:clamp(26px,4vh,40px) minmax(0,1fr);column-gap:10px;grid-template-rows:auto auto;align-content:center;border-radius:12px;animation:none}
 .right>.glass:hover{transform:none}
 .right>.glass i{width:clamp(26px,4vh,40px)!important;height:clamp(26px,4vh,40px)!important;font-size:clamp(15px,2.4vh,26px)!important;border-radius:9px}
 .right>.glass b{font-size:clamp(11px,1.65vh,16px)!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .right>.glass span{font-size:clamp(8.5px,1.2vh,12px)!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* v70-71: righe partita senza sovrapposizioni + dove vederla */
.datebar{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;overflow:visible}
.datebar button,.datebar input{flex:0 1 auto;min-width:0}
.m{display:grid;grid-template-columns:24px 64px minmax(0,1fr) minmax(0,150px) 44px;column-gap:10px;row-gap:2px;align-items:center}
.m .tm{min-width:0}
.m .tm span{min-width:0;white-space:nowrap}
.m .tm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:block}
.m .st{white-space:normal;line-height:1.15;text-align:center;min-width:0}
.m .sc{min-width:0;text-align:center}
.m .tv{display:block;min-width:0;font-size:12px;font-weight:800;color:#8fd0ff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.m a.tv:hover{text-decoration:underline;color:#fff}
.m .mq{grid-column:3 / -1}
.m.ms{grid-template-columns:72px minmax(0,1fr) 54px}
html[data-theme=light] .m .tv{color:#0b57d0}
@media (max-width:700px){
 .m{grid-template-columns:22px 52px minmax(0,1fr) 36px;column-gap:8px}
 .m .tv{grid-column:3 / 4;grid-row:2;text-align:left}
 .m .sc{grid-column:4;grid-row:1}
 .m .mq{grid-column:3 / -1}
 .m.ms{grid-template-columns:60px minmax(0,1fr) 44px}
}
.m{grid-template-columns:24px 84px minmax(0,1fr) minmax(0,150px) 44px}
.m .st{font-size:12px;overflow-wrap:anywhere;hyphens:auto}
@media (max-width:700px){.m{grid-template-columns:22px 70px minmax(0,1fr) 36px}.m .st{font-size:11px}}
.m .tm{min-width:0!important;overflow:hidden}
.m .tm span{overflow:hidden;max-width:100%}
.m .tm span b{max-width:100%}
.tabs button,.tabs a{white-space:nowrap;flex:0 0 auto}

/* v73: colonna sinistra a pannelli che aprono altre pagine */
.left>.glass{margin-bottom:10px;padding:14px 14px;text-decoration:none;color:#fff}
.left>.glass b{font-size:15px;line-height:1.15}
.left>.glass span{font-size:12px;line-height:1.2}
@media(min-width:1025px){
 .left{display:flex;flex-direction:column;gap:6px;height:calc(100vh - 118px);max-height:calc(100vh - 118px);overflow:hidden!important}
 .left>.glass{flex:1 1 0;min-height:0;margin:0!important;padding:0 12px!important;grid-template-columns:clamp(26px,4vh,40px) minmax(0,1fr);column-gap:10px;align-content:center;border-radius:12px;animation:none}
 .left>.glass:hover{transform:none}
 .left>.glass i{width:clamp(26px,4vh,40px)!important;height:clamp(26px,4vh,40px)!important;font-size:clamp(15px,2.4vh,26px)!important;border-radius:9px}
 .left>.glass b,.left>.glass span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* v74: pannelli di sinistra identici a quelli di destra, senza scorrimento */
@media(min-width:1025px){
 .left{display:flex;flex-direction:column;gap:6px;height:calc(100vh - 118px);max-height:calc(100vh - 118px);overflow:hidden!important}
 .left>.glass{flex:1 1 0;min-height:0;margin:0!important;padding:0 12px!important;display:grid;grid-template-columns:clamp(26px,4vh,40px) minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-content:center;border-radius:12px;animation:none;overflow:hidden}
 .left>.glass:hover{transform:none}
 .left>.glass i{width:clamp(26px,4vh,40px)!important;height:clamp(26px,4vh,40px)!important;font-size:clamp(15px,2.4vh,26px)!important;border-radius:9px}
 .left>.glass b{font-size:clamp(11px,1.65vh,16px)!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .left>.glass span{font-size:clamp(8.5px,1.2vh,12px)!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* v75: barra sport orizzontale in alto (al posto del pannello "Altri sport"); caratteri dei pannelli laterali uguali, stile sinistro */
.sportbar{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:6px clamp(14px,1.6vw,36px) 0;max-width:100%;overflow:hidden}
.sportbar a{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;color:#eaf3ff;text-decoration:none;white-space:nowrap;font-size:13px;line-height:1.1;
 background:linear-gradient(145deg,rgba(40,70,120,.55),rgba(10,20,44,.7));border:1px solid rgba(140,190,255,.28);text-shadow:0 1px 2px rgba(0,0,0,.55);transition:background .2s}
.sportbar a i{font-style:normal;font-size:15px}
.sportbar a b{font-weight:700}
.sportbar a:hover{background:linear-gradient(145deg,rgba(0,200,240,.35),rgba(10,60,140,.7));color:#fff}
.sportbar a.on{box-shadow:inset 0 -2px 0 var(--ac,#00d0f0);color:#fff;border-color:rgba(0,208,240,.7)}
html[data-theme=light] .sportbar a{color:#10223f;background:linear-gradient(145deg,#f4f9ff,#dbe8fa);border-color:#9db8dd;text-shadow:none}
@media(max-width:1024px){.sportbar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.sportbar::-webkit-scrollbar{display:none}}
@media(min-width:1025px){
 .left,.right{height:calc(100vh - 118px - var(--sbh,40px));max-height:calc(100vh - 118px - var(--sbh,40px))}
 .left>.glass b,.right>.glass b{font-size:clamp(11px,1.65vh,16px)!important;font-weight:700;letter-spacing:.02em;line-height:1.1;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85)}
 .left>.glass span,.right>.glass span{font-size:clamp(8.5px,1.2vh,12px)!important;font-weight:400;letter-spacing:0;line-height:1.1;color:#eaf3ff;text-shadow:0 1px 3px rgba(0,0,0,.8)}
}