/* Stile comune di tutte le pagine. Base A "Palazzetto di notte": look scuro voluto, unico tema. */
:root{
  --bg:#0c0b0a; --panel:#161413; --panel2:#1f1c1a; --line:#2e2a27;
  --fg:#ffffff; --mute:#ada39b; --orange:#ff6a13; --ink:#140a04;
  --display:"Anton","Arial Narrow",Impact,sans-serif;
  --body:"Roboto",system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font:400 18px/1.55 var(--body);overflow-x:hidden}
.pad{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.in{max-width:1180px;margin:0 auto}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
img,video{max-width:100%;display:block}
h2{font:400 clamp(34px,5.5vw,52px)/1 var(--display);text-transform:uppercase;margin:0}
.sec{padding-block:64px;display:grid;gap:24px}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.fx{font:500 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);border:1px solid var(--orange);padding:4px 10px}
.btn{display:inline-block;border:1px solid var(--fg);padding:11px 22px;font:500 17px var(--body);background:none;color:var(--fg);cursor:pointer}
.btn.o{background:var(--orange);border-color:var(--orange);color:var(--ink)}

/* tabellone: una riga sola e sottile, così resta spazio alla pagina che scorre.
   Squadre · data e ora a sette segmenti (segnapunti anni '90) · campionato · conto alla rovescia · palestra */
.board{background:#050505;border-bottom:3px solid var(--orange)}
.board .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px clamp(14px,2vw,24px);padding-block:5px}
.tab{display:flex;align-items:center;gap:clamp(12px,1.8vw,20px)}
.sfida{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.vs{font:400 15px/1 var(--display);color:var(--orange);letter-spacing:.06em}
.team{font:400 clamp(16px,1.7vw,19px)/1 var(--display);text-transform:uppercase}
.led{display:flex;gap:12px;align-items:center;padding:3px 8px;background:#0b0b0b;border:2px solid #1c1c1c;border-radius:4px;box-shadow:inset 0 0 0 1px #000,inset 0 2px 8px #000,0 0 0 1px #2a2a2a;text-shadow:none}
.led .dt,.led .hr{display:flex;gap:2px;align-items:center}
.seg{width:12px;height:auto;display:block;transform:skewX(-6deg)}
.seg.sl{width:7px}
.seg path{fill:#22140a}
.seg path.on{fill:#ffb020}
.led i{display:flex;flex-direction:column;gap:5px;padding-inline:1px}
.led i::before,.led i::after{content:"";width:3px;aspect-ratio:1;background:#ffb020;box-shadow:0 0 4px #ff8a00;animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
.next{display:flex;flex-wrap:wrap;align-items:center;gap:4px clamp(12px,1.6vw,20px);justify-content:center;font-size:13.5px;color:var(--mute);white-space:nowrap}
.next strong{color:var(--fg);font-weight:500}
@media (max-width:600px){.board .in{gap:4px 10px}.tab{gap:10px}.team{font-size:14px}.vs{font-size:12px}.sfida{gap:5px}.seg{width:10px}.seg.sl{width:6px}.led{gap:8px;padding:2px 6px}.next{font-size:11.5px;gap:2px 10px}.ticker .lbl{font-size:13px;padding-block:8px}.ticker{font-size:13px}}

/* nav */
nav{border-bottom:1px solid var(--line)}
.stick{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;box-shadow:0 8px 24px #000a}
/* telefono: niente blocco fisso, tabellone, nastro e menu scorrono con la pagina */
@media (max-width:760px){.stick{position:static;box-shadow:none}}

/* nastro risultati */
.ticker{background:#000;border-bottom:1px solid var(--line);display:flex;align-items:stretch;overflow:hidden;font:500 15px/1 var(--body)}
.ticker .lbl{flex:0 0 auto;background:var(--fg);color:var(--ink);font:400 16px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;padding:10px max(14px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:8px;z-index:1}
.ticker .lbl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);animation:blink 1.2s steps(2) infinite}
.ticker .rail{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker .run{display:flex;width:max-content;animation:run var(--dur,140s) linear infinite}
.ticker .set{display:flex;align-items:center;gap:0;padding-right:0}
.ticker .lg{background:var(--orange);color:var(--ink);font:400 14px/1 var(--display);text-transform:uppercase;padding:5px 9px;margin:0 14px 0 28px;letter-spacing:.04em}
.ticker .g{white-space:nowrap;padding:10px 0;margin-right:26px;color:var(--mute)}
.ticker .g b{color:var(--fg);font-weight:700;font-variant-numeric:tabular-nums;margin:0 6px}
.ticker .g .win{color:var(--fg)}
@keyframes run{to{transform:translateX(-50%)}}


body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}
nav .in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;padding-block:14px}
.brand{font:400 28px/1 var(--display);display:flex;align-items:center;gap:10px}
.logo{width:56px;height:56px;mix-blend-mode:lighten;transition:transform .5s var(--ease)}
.brand:hover .logo{transform:scale(1.08) rotate(-4deg)}
.footlogo{width:140px;height:140px;mix-blend-mode:lighten;margin-bottom:8px}
@media (max-width:600px){.logo{width:44px;height:44px}}
.links{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:17px}
.links a{position:relative;display:inline-block;transition:transform .25s var(--ease),color .25s}
@media (hover:hover) and (min-width:761px){.links{gap:6px 34px}.links a:hover{transform:scale(1.45);color:var(--orange)}}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.links a:hover::after{transform:scaleX(1)}
.sp{flex:1}

/* hero: video verticale */
.hero .in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,64px);align-items:center;padding-block:clamp(40px,7vw,88px)}
.hero h1{font:400 clamp(56px,10vw,128px)/.9 var(--display);text-transform:uppercase;margin:0}
.hero h1 .w{display:inline-block;animation:up .9s var(--ease) both}
.hero h1 .w:nth-of-type(2){animation-delay:.12s}
.hero h1 .w:nth-of-type(3){animation-delay:.24s;color:var(--orange)}
.hero h1 .w:nth-of-type(4){animation-delay:.36s}
@keyframes up{from{transform:translateY(40%)}to{transform:none}}
.hero p{color:var(--mute);font-size:19px;max-width:42ch;margin:20px 0 26px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
/* video del saluto al centro, con i bottoni social in colonna a fianco */
.vidbox{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.6vw,32px);justify-self:center;width:100%}
.vid{position:relative;z-index:0;aspect-ratio:9/14;max-height:60vh;width:100%;max-width:300px;flex:0 1 300px}
.soc-col{display:flex;flex-direction:column;gap:12px;flex:0 0 auto}
.soc-col .social-lab{font-size:20px}
.soc-col .soc{padding:10px 18px 10px 12px;flex:0 0 auto}
.soc-col .soc span{font-size:21px}
.vid video{width:100%;height:100%;object-fit:cover;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.vid::before{content:"";position:absolute;inset:0;background:var(--orange);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);transform:translate(14px,14px);z-index:-1}
.vid .tag{position:absolute;left:10%;bottom:16px;font:400 18px var(--display);text-transform:uppercase;background:var(--bg);padding:4px 10px}
@media (max-width:760px){.hero .in{grid-template-columns:1fr}.vid{max-width:220px}}
@media (max-width:480px){.vidbox{gap:14px}.vid{max-width:180px}.soc-col{gap:8px}.soc-col .soc{padding:8px 10px}.soc-col .soc span{font-size:17px}.soc-col .soc svg{width:22px;height:22px}.soc-col .soc small{font-size:10px}}

/* squadra: zoom allo scroll */
figure{margin:0}
.teamshot{position:relative;overflow:hidden;aspect-ratio:16/9;max-width:100%;background:var(--panel)}
.teamshot img{width:100%;height:100%;object-fit:cover;transform:scale(var(--z,1))}
.teamshot figcaption{position:absolute;left:0;bottom:0;right:0;padding:48px 20px 18px;background:linear-gradient(transparent,#000c);display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.teamshot figcaption b{font:400 clamp(26px,4vw,44px)/1 var(--display);text-transform:uppercase}
.teamshot figcaption span{color:var(--mute);font-size:15px}

/* azione: striscia da trascinare, bianco e nero che si accende */
.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;cursor:grab;scrollbar-color:var(--orange) var(--panel)}
.strip.drag{cursor:grabbing;scroll-snap-type:none}
.shot{flex:0 0 clamp(200px,24vw,280px);aspect-ratio:9/16;scroll-snap-align:start;position:relative;overflow:hidden;background:var(--panel);border:0;padding:0;cursor:zoom-in}
.shot img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.85);transition:filter .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.shot:hover img,.shot:focus-visible img{filter:none;transform:scale(1.05)}
.shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--orange);transform:scaleX(0);transition:transform .4s var(--ease)}
.shot:hover::after{transform:scaleX(1)}

/* news */
.news{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.card{display:grid;gap:12px;align-content:start}
.card .img{aspect-ratio:4/3;max-width:100%;overflow:hidden;position:relative}
.card .img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.card:hover .img img{transform:scale(1.07)}
.card .img::after{content:"";position:absolute;inset:0;background:var(--orange);mix-blend-mode:multiply;opacity:0;transition:opacity .4s}
.card:hover .img::after{opacity:.35}
.meta{font:500 13px var(--body);color:var(--orange);text-transform:uppercase;letter-spacing:.08em}
.card h3{font:700 22px/1.3 var(--body);margin:0}
.card p{margin:0;color:var(--mute);font-size:16px}

/* comparsa con tendina arancione, solo per ciò che sta sotto la piega */
.wipe{position:relative}
.wipe::before{content:"";position:absolute;inset:0;background:var(--orange);z-index:2;transform:scaleX(0);transform-origin:right;pointer-events:none}
.wipe.armed::before{transform:scaleX(1);transform-origin:left}
.wipe.armed.go::before{transform:scaleX(0);transform-origin:right;transition:transform .7s var(--ease)}

/* lightbox */
.lb[hidden]{display:none}
.lb{position:fixed;inset:0;z-index:50;background:#000e;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.lb img{max-height:80vh;max-width:min(92vw,900px);object-fit:contain;animation:pop .35s var(--ease)}
@keyframes pop{from{transform:scale(.94);opacity:.4}}
.lb .ctl{position:absolute;bottom:max(18px,env(safe-area-inset-bottom,0px));display:flex;gap:10px}

.sponsor{border-block:1px solid var(--line);padding-block:26px}
.sponsor .in{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:center;color:var(--mute);font-size:15px}
.slot{font:400 24px var(--display);color:var(--fg);text-transform:uppercase;border:1px dashed var(--line);padding:8px 20px}
footer .in{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-block:40px;font-size:16px;color:var(--mute)}
footer b{display:block;color:var(--fg);font:400 22px var(--display);text-transform:uppercase;margin-bottom:6px}
.maplink{color:var(--orange);font-weight:500;display:inline-block;margin-top:6px}
.maplink:hover{text-decoration:underline}
.ex{background:var(--orange);color:var(--ink);font:500 13px var(--body);text-align:center;padding-block:6px}


/* ingresso: logo e ENTRA */
#intro{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 45%,#1d120b 0%,var(--bg) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,4vh,36px);padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));transition:opacity .5s ease}
#intro.via{opacity:0}
.intro-logo{width:min(64vmin,460px);height:auto;mix-blend-mode:lighten;animation:appare .9s var(--ease) both}
.intro-entra{background:var(--orange);color:var(--ink);border:0;font:400 clamp(26px,4vw,34px)/1 var(--display);letter-spacing:.12em;padding:14px 48px;cursor:pointer;animation:appare .9s var(--ease) .3s both,respira 2s ease-in-out 1.2s infinite}
.intro-entra:hover{box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--orange)}
@keyframes appare{from{opacity:0;transform:scale(.94)}}
@keyframes respira{50%{box-shadow:0 0 28px #ff6a1388}}
@media (prefers-reduced-motion:reduce){*:not(.run){animation:none!important;transition:none!important}.wipe::before{display:none}}

/* calendario partite */
.calwrap{background:var(--panel);border:1px solid var(--line)}
.calnota{margin:0;padding:12px 16px;font-size:14px;color:var(--mute);border-bottom:1px solid var(--line)}
#calendario ol{list-style:none;margin:0;padding:0}
.cal{display:grid;grid-template-columns:3ch 8ch minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.cal:last-child{border-bottom:0}
.cal .gg{font:400 18px var(--display);color:var(--mute)}
.cal .dt{display:grid;font-size:12px;color:var(--mute);text-transform:capitalize}
.cal .dt b{font:400 20px/1.1 var(--display);color:var(--fg);text-transform:uppercase}
.cal .vs{font-weight:500;min-width:0}
.cal .vs b{color:var(--orange)}
.cal .vs i{font-style:normal;color:var(--mute);padding:0 4px}
.cal .hr{display:grid;justify-items:end;gap:4px;font:400 20px var(--display);font-variant-numeric:tabular-nums}
.cal .hr em{font:500 10px var(--body);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--mute);border:1px solid var(--line);padding:3px 6px}
.cal .hr em.home{color:var(--ink);background:var(--orange);border-color:var(--orange)}
.cal.dopo{box-shadow:inset 3px 0 0 var(--orange);background:var(--panel2)}
.cal.vecchia{opacity:.5}
.cal.riposo{grid-template-columns:3ch minmax(0,1fr)}
.cal.riposo .vs{color:var(--mute);font-weight:400;font-style:italic}
@media (max-width:600px){.cal{grid-template-columns:7ch minmax(0,1fr) auto;gap:8px 10px;font-size:15px}.cal .gg{display:none}.cal.riposo{grid-template-columns:1fr}}

/* linguette (Over 40 / Serie A1) */
.tabs{display:flex;border-bottom:1px solid var(--line)}
.tabs button{flex:1;background:none;border:0;color:var(--mute);font:400 18px/1 var(--display);text-transform:uppercase;padding:14px 6px;cursor:pointer;border-bottom:3px solid transparent}
.tabs button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--orange)}

/* menu fisso: su telefono i link scorrono in una riga */
nav{background:var(--bg)}
.links a[aria-current="page"]{color:var(--orange)}
.links a[aria-current="page"]::after{transform:scaleX(1)}
@media (max-width:760px){
  nav .in{gap:8px 14px;padding-block:8px}
  .brand{font-size:22px}
  nav .btn.o{padding:7px 14px;font-size:15px}
  .links{order:3;flex:0 0 100%;flex-wrap:nowrap;overflow-x:auto;gap:18px;font-size:16px;padding-bottom:6px;scrollbar-width:none}
  .links a{white-space:nowrap}
}

/* testata delle pagine interne */
.phead .in{padding-block:clamp(36px,6vw,64px) 0;display:grid;gap:10px}
.phead h1{font:400 clamp(48px,9vw,104px)/.9 var(--display);text-transform:uppercase;margin:0}
.phead p{color:var(--mute);margin:0;max-width:60ch}
.kick{font:500 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}

/* home: tessere verso le pagine */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.tile{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--panel);display:flex;align-items:flex-end;padding:18px}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.55);transition:filter .5s var(--ease),transform .7s var(--ease)}
.tile:hover img,.tile:focus-visible img{filter:brightness(.7);transform:scale(1.05)}
.tile span{position:relative;font:400 clamp(30px,4vw,40px)/1 var(--display);text-transform:uppercase}
.tile span small{display:block;font:500 13px var(--body);letter-spacing:.1em;color:var(--orange);margin-top:6px}
.tile.o{background:var(--orange);color:var(--ink)}
.tile.o span small{color:var(--ink)}

/* basket live: Serie A1 e Over 40 in grande, sotto i campionati */
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px}
.mybox{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--orange);display:flex;flex-direction:column}
.mybox h2{padding:18px 18px 4px}
.mybox .sub{padding:0 18px 14px;color:var(--mute);font-size:14px;border-bottom:1px solid var(--line)}
.mybox .prox{padding:18px;display:grid;gap:6px;border-bottom:1px solid var(--line)}
.mybox .prox .vs{font:400 clamp(26px,3.4vw,34px)/1.05 var(--display);text-transform:uppercase}
.mybox .prox .vs b{color:var(--orange);font-weight:400}
.mybox .prox .quando{color:var(--mute);font-size:15px}
.mybox .vuoto{padding:14px 18px;color:var(--mute);font-size:15px;font-style:italic}
.mybox .tutto{margin:auto 18px 16px;padding-top:14px}
.mybox .cal{padding:10px 18px}
.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.live{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;height:520px}
.live h3{margin:0;padding:14px 16px;font:400 24px/1 var(--display);text-transform:uppercase;border-bottom:3px solid var(--orange)}
.games{flex:1;overflow-y:auto;min-height:0;scrollbar-color:var(--orange) var(--panel)}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:15px}
.row .t{display:flex;justify-content:space-between;gap:10px;min-width:0}
.row .t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .t b{font-variant-numeric:tabular-nums}
.row .lose{color:var(--mute)}
.row .st{grid-row:span 2;align-self:center;font:500 11px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);padding:4px 7px;min-width:62px;text-align:center}
.row.on .st{color:var(--ink);background:var(--orange);border-color:var(--orange)}
.row.on b{color:var(--orange)}
.row.tit{grid-template-columns:1fr;padding-block:6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.live .foot{padding:10px 16px;font-size:12px;color:var(--mute);border-top:1px solid var(--line)}

/* contatti */
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.info>div{background:var(--panel);border:1px solid var(--line);padding:20px;color:var(--mute)}
.info b{display:block;color:var(--fg);font:400 24px var(--display);text-transform:uppercase;margin-bottom:8px}
.roster{background:var(--panel);border:1px solid var(--line)}
.roster p{margin:0;padding:22px 16px;color:var(--mute)}

.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#000d)}
.tile.o::after{display:none}
.tile span{z-index:1}

/* music: menu a tendina con streaming e radio (solo link esterni) */
.mix .in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 24px;align-items:center;padding-block:22px;border-block:1px solid var(--line)}
.mix-testa{display:flex;flex-direction:column;gap:4px}
.mix-testa h2{font-size:clamp(26px,3.5vw,34px)}
.mix-titolo{font-size:15px;color:var(--mute)}
.music{position:relative;justify-self:end;width:min(100%,380px)}
.music-btn{width:100%;display:flex;justify-content:space-between;align-items:center}
.music-btn[aria-expanded="true"] span{transform:rotate(180deg)}
.music-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:100%;max-height:min(70vh,560px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--orange);padding:6px 0 10px;box-shadow:0 18px 40px #000a}
.music-menu[hidden]{display:none}
.music-menu h3{margin:12px 16px 6px;font:500 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.music-menu ul{list-style:none;margin:0;padding:0}
.music-menu li a{display:flex;align-items:baseline;gap:10px;padding:9px 16px;font-size:17px;transition:background .2s}
.music-menu li a span{flex:1}
.music-menu li a small{font-size:13px;color:var(--mute)}
.music-menu li a i{font-style:normal;color:var(--mute)}
.music-menu li a:hover,.music-menu li a:focus-visible{background:var(--panel2)}
.music-menu li a:hover i{color:var(--orange)}
.music-cerca-lab{display:block;margin:14px 16px 6px;font:500 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.music-cerca{display:block;width:calc(100% - 32px);margin:0 16px;padding:10px 12px;background:var(--bg);color:var(--fg);border:1px solid var(--line);font:400 16px var(--body)}
.music-cerca:focus{outline:2px solid var(--orange);outline-offset:0;border-color:var(--orange)}
.music-vuoto{padding:9px 16px;color:var(--mute);font-size:15px}
@media (max-width:600px){.mix .in{grid-template-columns:1fr}.music{justify-self:stretch;width:100%}.music-menu{position:static;margin-top:8px;max-height:none}}

/* squadra: lista giocatori in ordine alfabetico */
.giocatori{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--orange)}
.giocatori h2{padding:18px 18px 4px}
.giocatori .sub{margin:0;padding:0 18px 14px;color:var(--mute);font-size:14px;border-bottom:1px solid var(--line)}
.giocatori ol{list-style:none;margin:0;padding:0;columns:2 340px;column-gap:0}
.giocatori li{break-inside:avoid;border-bottom:1px solid var(--line)}
.giocatori li a{display:flex;align-items:center;gap:14px;padding:12px 18px;transition:background .2s}
.giocatori li a:hover,.giocatori li a:focus-visible{background:var(--panel2)}
.giocatori .num{font:400 26px/1 var(--display);color:var(--orange);min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
.giocatori .nome{flex:1;font-size:19px}
.giocatori .nome b{font-weight:700;text-transform:uppercase}
.giocatori .vai{color:var(--mute);transition:transform .2s var(--ease)}
.giocatori li a:hover .vai{transform:translateX(4px);color:var(--orange)}

/* scheda giocatore: foto 10x6 cm reali, dati alla sua destra in proporzione */
.scheda{display:flex;flex-wrap:wrap;gap:.8cm;align-items:stretch}
.scheda .foto{flex:0 0 6cm;width:6cm;height:10cm;background:var(--panel);border:1px solid var(--line);border-bottom:4px solid var(--orange);overflow:hidden}
.scheda .foto img{width:100%;height:100%;object-fit:cover}
.scheda .foto{position:relative}
.scheda .nebbia{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.scheda .in-nebbia img{opacity:0;transition:opacity .6s ease-out}
.scheda .in-nebbia.pronta img{opacity:1}
.scheda .vuota{height:100%;display:grid;place-content:center;justify-items:center;gap:.2cm;background:radial-gradient(circle at 50% 38%,#2a211b,var(--panel) 70%)}
.scheda .vuota span{font:400 3.2cm/1 var(--display);color:var(--orange);opacity:.85}
.scheda .vuota small{font:500 .32cm var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.scheda .dati{flex:1 1 7cm;min-height:10cm;display:flex;flex-direction:column;justify-content:space-between;gap:.5cm}
.scheda h1{font:400 1.1cm/1 var(--display);text-transform:uppercase;margin:0;color:var(--mute)}
.scheda h1 b{display:block;font-weight:400;font-size:1.6cm;color:var(--fg)}
.scheda dl{margin:0;display:grid;gap:.35cm}
.scheda dl div{border-top:1px solid var(--line);padding-top:.2cm}
.scheda dt{font:500 .32cm var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.scheda dd{margin:0;font:400 .75cm/1.1 var(--display);text-transform:uppercase}
.scheda .manca{font:italic 400 .42cm var(--body);text-transform:none;color:var(--mute)}
.sfoglia{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:16px}
.sfoglia a{color:var(--mute)}
.sfoglia a:hover{color:var(--orange)}
.nessuno{color:var(--mute)}

/* multimedia: sfondi da scaricare */
.sfondi{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:24px;align-items:end}
.sfondo{margin:0;display:grid;gap:12px;background:var(--panel);border:1px solid var(--line);padding:14px}
.sfondo .anteprima{display:block;overflow:hidden;border:1px solid var(--line)}
.sfondo img{width:100%;height:auto;transition:transform .4s var(--ease)}
.sfondo .anteprima:hover img{transform:scale(1.03)}
.sfondo figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.sfondo figcaption b{font:400 26px/1 var(--display);text-transform:uppercase}
.sfondo figcaption span{font-size:14px;color:var(--mute)}
.sfondo .btn{text-align:center}
.tel{max-width:340px}
.nota{color:var(--mute);font-size:15px;margin:0}
@media (max-width:760px){.sfondi{grid-template-columns:1fr}.tel{order:-1;max-width:none;width:min(100%,360px);justify-self:center}}

/* gioca: il titolo è il link al gioco */
.titolo-link{background:linear-gradient(var(--orange),var(--orange)) 0 100%/0 6px no-repeat;transition:background-size .4s var(--ease),color .3s}
.titolo-link:hover,.titolo-link:focus-visible{color:var(--orange);background-size:100% 6px}

/* news: gli articoli che parlano di noi portano al pezzo originale */
.card.articolo{border-left:3px solid var(--orange);padding-left:14px}
.card .leggi{font:500 15px var(--body);color:var(--orange)}
.card.articolo:hover h3{text-decoration:underline;text-decoration-color:var(--orange)}
.vuoto{color:var(--mute)}

/* social: Instagram, Twitch e TikTok in bella vista fra il menu e la hero, e fra i riquadri */
.social{background:var(--panel);border-bottom:1px solid var(--line)}
.social .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;padding-block:14px}
.social-lab{font:400 22px/1 var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.soc{display:inline-flex;align-items:center;gap:12px;padding:10px 22px 10px 14px;color:#fff;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.soc svg{width:30px;height:30px;flex:0 0 auto}
.soc span{font:400 24px/1 var(--display);text-transform:uppercase;letter-spacing:.04em}
.soc small{display:block;font:500 12px/1.2 var(--body);letter-spacing:.08em;text-transform:none;opacity:.9;margin-top:3px}
.ig{background:linear-gradient(45deg,#f9a825,#e1306c 45%,#833ab4)}
.tw{background:#9146ff}
.tt{background:linear-gradient(135deg,#25f4ee -40%,#111 30%,#111 70%,#fe2c55 140%)}
.tt svg{filter:drop-shadow(-1.5px -1px 0 #25f4ee) drop-shadow(1.5px 1px 0 #fe2c55)}
.soc:hover,.soc:focus-visible{transform:translateY(-2px);box-shadow:0 6px 18px #0008}
@media (max-width:600px){.social .in{gap:8px}.social-lab{width:100%;text-align:center;font-size:18px}.soc{flex:1 1 140px;padding:8px 12px}.soc span{font-size:20px}.soc svg{width:24px;height:24px}}
@media (max-width:600px){.soc-col .soc{flex:0 0 auto}}
.tile.soc-tile{color:#fff;flex-direction:column;align-items:flex-start;justify-content:space-between}
.tile.soc-tile::after{display:none}
.tile.soc-tile svg{width:clamp(48px,7vw,72px);height:auto;transition:transform .5s var(--ease)}
.tile.soc-tile:hover svg{transform:scale(1.1) rotate(-6deg)}
.tile.soc-tile span small{color:#fff}
.soc-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.soc-tiles .tile{aspect-ratio:auto;min-height:150px}
@media (max-width:600px){.soc-tiles{grid-template-columns:1fr}}

/* calendario: la palestra sotto le squadre, classifica sotto il calendario */
.cal .dove{display:block;font:400 13px/1.35 var(--body);letter-spacing:0;text-transform:none;color:var(--mute);margin-top:4px}
.cal .dove a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.cal .dove a:hover{color:var(--orange)}
.classifica{border-top:1px solid var(--line)}
.classifica h3{margin:0;padding:16px 16px 8px;font:400 26px var(--display);text-transform:uppercase}
.classifica table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:16px}
.classifica th,.classifica td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--line)}
.classifica th[scope=row],.classifica thead th:nth-child(2){text-align:left;font-weight:500}
.classifica thead th{font:500 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.classifica td:first-child,.classifica thead th:first-child{text-align:center;color:var(--mute);width:3ch}
.classifica tr.noi{background:var(--panel2);box-shadow:inset 3px 0 0 var(--orange)}
.classifica tr.noi th{color:var(--orange)}
.classifica .calnota{border:0}
.classifica .calnota a{color:var(--orange)}
@media (max-width:600px){.classifica th,.classifica td{padding:8px 6px;font-size:14px}}
.card p+p{margin-top:10px}
/* contatti: social con l'icona colorata */
.social-info a{display:flex;align-items:center;gap:12px;color:var(--fg);margin-top:12px}
.social-info .ico{width:44px;height:44px;padding:8px;border-radius:10px;flex:0 0 auto}
.social-info .ico.ig{background:linear-gradient(45deg,#f9a825,#e1306c 45%,#833ab4)}
.social-info .ico.tw{background:#9146ff}
.social-info .ico.tt{background:#111;filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
.social-info span{font:400 22px/1 var(--display);text-transform:uppercase}
.social-info small{display:block;font:400 14px var(--body);text-transform:none;color:var(--mute);margin-top:3px}
.social-info a:hover span{color:var(--orange)}
/* news: la scheda porta alla pagina dell'articolo */
a.card{color:inherit}
a.card:hover h3{color:var(--orange)}
.card .inizio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* pagina articolo */
.pezzo .in{max-width:760px;padding-block:clamp(28px,5vw,56px) 64px;display:grid;gap:14px}
.pezzo .indietro{color:var(--mute);font-size:15px}
.pezzo .indietro:hover{color:var(--orange)}
.pezzo h1{font:400 clamp(40px,7vw,76px)/.95 var(--display);text-transform:uppercase;margin:0}
.pezzo .foto{width:100%;height:auto;margin-block:10px}
.pezzo .corpo p{font-size:19px;line-height:1.65;margin:0 0 18px;color:#e9e4df}
.pezzo .altre{border-top:1px solid var(--line);padding-top:20px;margin-top:10px;display:grid;gap:12px}
.pezzo .altre h2{font:400 26px var(--display);text-transform:uppercase;margin:0}
.pezzo .altre a{display:grid;gap:2px;font-weight:500}
.pezzo .altre a:hover{color:var(--orange)}
/* statistiche: tabelle stile foglio Excel */
.foglio{margin-bottom:44px;min-width:0;max-width:100%}
#statistiche{min-width:0;display:block}
.foglio h2{font:400 clamp(32px,5vw,48px)/1 var(--display);text-transform:uppercase;margin:0 0 14px}
.foglio h2 small{display:block;font:500 13px var(--body);letter-spacing:.12em;color:var(--orange);margin-top:6px}
.foglio-scroll{overflow-x:auto;border:1px solid #9aa0a6;background:#fff;-webkit-overflow-scrolling:touch}
.foglio table{border-collapse:collapse;font:400 14px/1.2 Calibri,"Segoe UI",Arial,sans-serif;color:#1f1f1f;min-width:100%;font-variant-numeric:tabular-nums}
.foglio th,.foglio td{border:1px solid #d4d4d4;padding:6px 8px;text-align:center;white-space:nowrap}
.foglio thead th{background:#f3f3f3;color:#333;font-weight:600;vertical-align:bottom}
.foglio thead .fase{background:#217346;color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.foglio thead th span{display:block}
.foglio thead .g{font-size:12px;color:#217346;font-weight:700}
.foglio thead .avv{font-size:12px;width:10ch;white-space:normal;line-height:1.15;margin-inline:auto}
.foglio thead .dt{font-size:11px;color:#777;font-weight:400}
.foglio .nome{position:sticky;left:0;z-index:1;background:#f3f3f3;text-align:left;font-weight:600;min-width:150px}
.foglio tbody .nome span{font-weight:400;color:#555}
.foglio tbody tr:nth-child(even) td{background:#fafafa}
.foglio tbody tr:hover td,.foglio tbody tr:hover .nome{background:#e8f2ec}
.foglio td.tot,.foglio th.tot{background:#fff4e5;font-weight:700;color:#1f1f1f;border-left:2px solid #ff6a13}
.foglio thead th.tot{background:#ff6a13;color:#fff}
.foglio td.ne{color:#999;font-size:12px}
.foglio td.vuota{color:#bbb}
.foglio tfoot th,.foglio tfoot td{background:#e7e7e7;font-weight:700;border-top:2px solid #9aa0a6}
.foglio tfoot .tot{background:#ffe2bf}
/* i totali restano sempre a vista a destra, come colonne bloccate */
.foglio .t1,.foglio .t2{position:sticky;z-index:1;min-width:72px;width:72px;box-sizing:border-box}
.foglio .t2{right:0}
.foglio .t1{right:72px}
@media (max-width:600px){.foglio .t1,.foglio .t2{position:static}.foglio .nome{min-width:120px}}
/* menu da computer più compatto: le voci e Basket live stanno sulla stessa riga */
@media (min-width:761px){
  nav .in{gap:10px 18px}
  .links{font-size:15px;gap:6px 20px}
  .links a:hover{transform:scale(1.3)}
  nav .btn.o{white-space:nowrap;font-size:15px;padding:9px 16px}
}
@media (min-width:761px) and (max-width:1100px){.links{font-size:14px;gap:6px 14px}.brand{font-size:24px}.logo{width:46px;height:46px}}
/* menu da computer: ogni voce è un tasto come Basket live, tutti uguali e distribuiti sulla riga; Basket live resta arancione */
@media (min-width:761px){
  nav .in{flex-wrap:nowrap;gap:16px}
  nav .sp{display:none}
  .links{flex:1;flex-wrap:nowrap;justify-content:space-between;gap:8px;font-size:15px}
  .links a,nav .btn.o{flex:1 1 0;text-align:center;white-space:nowrap;font:500 15px/1 var(--body);padding:12px 10px;border:1px solid var(--line);background:var(--panel);transition:border-color .25s,color .25s,background .25s}
  nav .btn.o{flex:0 0 auto;padding-inline:18px;background:var(--orange);border-color:var(--orange);color:var(--ink)}
  .links a::after{display:none}
  .links a:hover{transform:none;color:var(--orange);border-color:var(--orange)}
  .links a[aria-current]{color:var(--orange);border-color:var(--orange)}
  nav .btn.o:hover{background:#ff8340}
}
@media (min-width:761px) and (max-width:1180px){.links a,nav .btn.o{font-size:13px;padding:11px 6px}nav .btn.o{padding-inline:12px}.links{gap:5px}nav .in{gap:10px}.brand{font-size:22px}.brand .logo{width:40px;height:40px}}
/* tutti i tasti della stessa larghezza: il menu diventa una griglia con colonne uguali */
@media (min-width:761px){
  nav .in{display:grid;grid-template-columns:auto repeat(10,minmax(0,1fr));align-items:center;gap:8px}
  .links{display:contents}
  .links a,nav .btn.o{min-width:0;padding-inline:4px;overflow:hidden;text-overflow:ellipsis}
  nav .brand{margin-right:10px}
}
@media (min-width:761px) and (max-width:1000px){nav .brand{font-size:0;gap:0;margin-right:4px}nav .in{gap:5px}.links a,nav .btn.o{font-size:12px}}
@media (min-width:761px) and (max-width:1180px){.links a,nav .btn.o{font-size:12px;padding-inline:2px;letter-spacing:-.01em}}
@media (min-width:761px) and (max-width:900px){.links a,nav .btn.o{font-size:11px}}

/* foto: cartelle archiviate, piccole e senza anteprima finché non si aprono */
.archivio{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-block:0 64px}
.cartella{border:1px solid var(--line);background:var(--panel);min-width:0}
.cartella summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;color:var(--mute);font-size:15px}
.cartella summary::-webkit-details-marker{display:none}
.cartella summary b{font:400 20px/1 var(--display);text-transform:uppercase;color:var(--fg);letter-spacing:.02em}
.cartella summary .n{margin-left:auto}
.cartella summary .n::after{content:"Apri";margin-left:12px;color:var(--orange);font-weight:500}
.cartella[open] summary .n::after{content:"Chiudi"}
.cartella summary:hover b{color:var(--orange)}
.cartella .ico{width:22px;height:16px;flex:0 0 auto;background:var(--orange);clip-path:polygon(0 0,40% 0,50% 18%,100% 18%,100% 100%,0 100%)}
.cartella .strip{padding:0 16px 16px}
.strip.mini .shot{flex-basis:clamp(140px,18vw,200px)}
@media (min-width:761px){.cartella:not([open]){max-width:520px}}

/* video nella striscia: tasto play sopra l'anteprima */
.shot.vid::before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23140a04'/%3E%3C/svg%3E") center/32px no-repeat;box-shadow:0 4px 18px #0008;pointer-events:none;transition:transform .3s var(--ease)}
.shot.vid:hover::before{transform:scale(1.12)}
.lb video{max-height:80vh;max-width:min(92vw,900px);background:#000}
.lb video[hidden],.lb img[hidden]{display:none}
/* Contatore visite in fondo alla home */
.visite{padding-block:22px 30px;text-align:center;color:var(--mute);font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.visite .num{display:inline-block;margin-left:10px;padding:4px 12px;background:#000;border:1px solid var(--line);color:#ffb020;font:400 26px/1 var(--display);letter-spacing:.08em;text-shadow:0 0 6px #ff8a00;vertical-align:middle}

/* Pagina Privacy */
.privacy{max-width:760px}
.privacy h2{font-size:clamp(26px,3.6vw,34px);margin:36px 0 10px}
.privacy h2:first-child{margin-top:0}
.privacy p,.privacy li{color:var(--mute)}
.privacy b,.privacy code{color:var(--fg)}
.privacy a{color:var(--orange)}
.privacy ul{padding-left:20px}
.privacy .agg{margin-top:36px;font-size:15px}