html,body{margin:0;height:100%;overflow:hidden;background:#f2f5f7;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-color-scheme:dark){html,body{background:#10171d}}#sv{border-radius:0!important;border:0!important;position:fixed;inset:0;height:auto!important;max-width:none!important}
#sv{--bg:#f2f5f7;--card:#fff;--fg:#14202b;--mut:#5f6f7d;--line:#d5dde3;--plus:#1c8a57;--plusbg:#d9f0e4;--minus:#c5352b;--minusbg:#fadcd9;--neu:#5f6f7d;--neubg:#e6ebef;--tag:#ffc000;--tagfg:#14202b;--lib:#2f6fd6;--libbg:#dde8fb;--acc:#14202b;--accfg:#fff;--s1:#2864f0;--s2:#f59e0b;--s3:#0f766e;--s4:#475569;--s5:#db4561;background:var(--bg);color:var(--fg);font:16px/1.35 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;overflow:hidden;margin:0 auto;display:flex;flex-direction:column}@media (prefers-color-scheme:dark){#sv{--bg:#10171d;--card:#18222b;--fg:#e8eef2;--mut:#93a3b0;--line:#2b3945;--plus:#4fd28f;--plusbg:#173a2a;--minus:#ff7b70;--minusbg:#42201e;--neu:#93a3b0;--neubg:#26323c;--lib:#6ea1ff;--libbg:#1d2c44;--acc:#e8eef2;--accfg:#10171d;--s1:#7aa2f7;--s2:#fbbf24;--s3:#2dd4bf;--s4:#cbd5e1;--s5:#f07a8f}}#sv *{box-sizing:border-box}#sv{--u:1vw;--nf:clamp(20px,calc(var(--u)*6.2),30px);--bw:clamp(36px,calc(var(--u)*11.6),56px);--bh:clamp(40px,calc(var(--u)*12),52px);--bf:clamp(22px,calc(var(--u)*7),30px);--cf:clamp(13px,calc(var(--u)*4.2),19px);--jw:clamp(28px,calc(var(--u)*8.8),38px);--jf:clamp(15px,calc(var(--u)*4.6),20px);--pf:clamp(24px,calc(var(--u)*7.5),34px)}#sv .scr{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#sv .cond{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700}#sv .top{display:flex;align-items:stretch;border-bottom:1px solid var(--line);background:var(--card);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
#sv .ub{display:flex;flex:none;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:13px;color:var(--mut);background:var(--card);border-left:1px solid var(--line)}#sv .ub b{color:var(--fg)}
/* barra in alto a destra: Upgrade, aiuto, campanella, avatar; menu a tendina .ubm */
#sv .top{position:relative;z-index:30}#sv .ub{position:relative;gap:4px;padding:3px 8px 3px 6px}#sv .ub .ubi,#sv .ub .uav{display:inline-flex;align-items:center;justify-content:center;position:relative;height:30px;min-width:30px;border:0;border-radius:999px;background:none;color:var(--mut);padding:0 4px;cursor:pointer}#sv .ub .ubi:hover,#sv .ub .uav:hover,#sv .ub .uav[aria-expanded=true],#sv .ub .ubi[aria-expanded=true]{background:var(--bg);color:var(--fg)}#sv .ub svg{width:20px;height:20px;flex:none}#sv .ub .uav{gap:1px;padding:0 2px 0 0}#sv .ub .uav svg{width:14px;height:14px}#sv .uai{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--nv);color:#fff;font-weight:700;font-size:13px;flex:none}#sv .ub .upl{height:26px;border:0;border-radius:999px;background:var(--club);color:#fff;font-weight:700;font-size:12px;padding:0 10px;margin-right:2px}#sv svg.mic{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.35em;flex:none}#sv .uai img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}#sv .avs{display:flex;gap:14px;align-items:flex-start;margin:6px 0 4px}#sv .avs>div{display:flex;flex-direction:column;gap:6px;min-width:0}#sv .uai.avb{width:64px;height:64px;font-size:26px}#sv .avl{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#sv .avs .note{margin:0}#sv .ubd{position:absolute;top:1px;right:0;min-width:16px;height:16px;border-radius:8px;background:var(--minus);color:#fff;font-size:10px;font-weight:700;line-height:16px;padding:0 4px;box-shadow:0 0 0 2px var(--card)}
#sv .ubm{position:absolute;top:calc(100% + 4px);right:6px;z-index:60;width:min(280px,calc(100vw - 16px));background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(20,32,43,.18);padding:6px;display:flex;flex-direction:column;color:var(--fg);font-size:14px}#sv .ubm .ubh{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}#sv .ubm .ubh .uai{width:34px;height:34px;font-size:15px}#sv .ubm .ubh div{display:flex;flex-direction:column;min-width:0}#sv .ubm .ubh small{color:var(--mut);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sv .ub .ubm>button{display:flex;align-items:center;gap:10px;width:100%;height:auto;min-height:40px;border:0;border-radius:10px;background:none;color:var(--fg);font-size:14px;font-weight:600;padding:8px 10px;text-align:left;cursor:pointer}#sv .ub .ubm>button:hover{background:var(--bg)}#sv .ubm>button svg{color:var(--mut)}#sv .ub .ubm .ubo{color:var(--minus);border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}#sv .ubm .ubo svg{color:var(--minus)}
#sv .ubm .ubl{display:flex;align-items:center;gap:10px;padding:6px 10px;font-weight:700}
#sv .ubm .ubl>svg{width:20px;height:20px;color:var(--mut);flex:none}
#sv .ubm .ubl span{flex:1}
#sv .ubm .ubt button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:0 6px}
#sv .ubm .ubt button svg{width:16px;height:16px}
#sv .ubm .ubl button{width:auto;min-width:40px;height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-weight:700;font-size:13px;cursor:pointer}
#sv .ubm .ubl button[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--card)}#sv .ubn{width:min(320px,calc(100vw - 16px));max-height:70vh;overflow:auto}#sv .ubm .ubnn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-weight:400}#sv .ubm div.ubnn{padding:8px 10px}#sv .ubnn small{color:var(--mut);font-size:12px;line-height:1.35}#sv .ubnn.nw b:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--club);margin-right:6px;vertical-align:1px}#sv .ubm .note{padding:8px 10px;margin:0}
@media(max-width:360px){#sv .ub .upl{padding:0 7px;font-size:11px}
}
#sv .ub button{border:1px solid var(--line);background:none;color:var(--mut);border-radius:8px;padding:2px 8px;font-size:12px;cursor:pointer}
#sv .lk{display:flex;flex:1;min-width:0;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 12px;font-size:12px;line-height:1.3;background:var(--libbg);color:var(--fg)}
#sv .lk.mine{background:var(--plusbg)}
#sv .lk.off{background:var(--minusbg)}
#sv .lk button{margin-left:auto;height:30px;border-radius:10px;border:0;background:var(--acc);color:var(--accfg);font-weight:700;padding:0 12px;cursor:pointer}
#sv .lk button.danger{background:var(--minus);color:#fff}
#sv.ro .sb .sa,#sv.ro .und,#sv.ro .fin.go2,#sv.ro main .chips,#sv.ro main .act.go:not([data-xls]):not([data-pdf]),#sv.ro main .pg,#sv.ro main .sqg,#sv.ro main .fl,#sv.ro main .ni,#sv.ro .nm{pointer-events:none;opacity:.35}
#sv .hd{padding:10px 12px 8px;border-bottom:1px solid var(--line)}
#sv .hd:empty{display:none}
#sv .leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--mut);margin-top:6px}
#sv .leg b{color:var(--fg);font-size:15px}
#sv.w4 .row{gap:5px}
#sv.w4 .row .nm{flex-basis:56px}
#sv.w3 main{padding:8px}
#sv.w3 .row{gap:4px;padding:5px 6px}
#sv.w3 .row .nm{padding:2px 5px;min-width:52px}
#sv.w4 .row{padding:3px 4px}
#sv.w4 .nm{padding:2px 6px}
#sv .bar .lgr{flex:1 0 100%;display:flex;gap:8px}
#sv .bar .lgr{gap:6px;align-items:center}
#sv .bar .fzv{flex:none;min-width:40px;text-align:center;font-size:17px}
#sv .bar .fz{flex:none;width:40px;height:44px;border:2px solid var(--line);background:var(--card);color:var(--fg);border-radius:10px;font-size:20px;padding:0;cursor:pointer}
#sv .bar .fz:disabled{opacity:.35}
#sv .bar .fz:active{transform:scale(.95)}
#sv .last.um{color:var(--minus)}
#sv .last.um b{color:var(--minus)}
#sv .lk .lks{margin:0;height:auto;min-width:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;padding:0;text-align:left;cursor:pointer}
#sv .sec{font-size:17px;color:var(--mut);margin:14px 2px 6px}
#sv .sr{display:grid;grid-template-columns:1fr 1fr;gap:4px 6px;align-items:center;margin-top:8px}
#sv .sn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:4px}
#sv .sn b{font-size:17px;padding:0 6px;white-space:nowrap}
#sv .sn .sa{width:32px;height:28px;font-size:17px}
#sv .sb{display:flex;align-items:center;justify-content:space-between;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:2px;min-width:0}
#sv .sb .cond{flex:1 1 0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;font-size:24px;line-height:1;min-width:30px}
#sv .sb .pt{font-size:var(--pf);white-space:nowrap;flex:none}
#sv .sb .cond small{min-width:0}
#sv .sb small{font-size:11px;color:var(--mut);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}
#sv .sb.hm{background:var(--tag);color:var(--tagfg);border-color:var(--tagbd,transparent)}
#sv .sb.hm small{color:var(--tagfg);opacity:.75}
#sv .sb.hm .sa.sm{background:var(--card);color:var(--mut);border-color:var(--line)}
#sv .sa{width:32px;height:38px;border-radius:10px;border:2px solid var(--line);background:var(--card);color:var(--fg);font:700 20px Arial,sans-serif;cursor:pointer;padding:0;flex:none}
#sv .sa:disabled{opacity:.3}
#sv .sa.sm{width:26px;height:30px;font-size:16px;border-width:1px;color:var(--mut)}
#sv .sb .sa.sp,#sv .sb .sa.sm{width:42px;height:36px;font-size:22px;border-width:2px}
#sv .sa.sp{background:var(--acc);color:var(--accfg);border-color:var(--acc)}
#sv .fin{margin-top:8px;padding:10px;border-radius:10px;background:var(--plusbg);color:var(--plus);font-weight:600;text-align:center;border:0;width:100%;font-size:15px}
#sv .go2{cursor:pointer;background:var(--acc);color:var(--accfg)}
#sv main{padding:10px 12px;max-width:1000px;margin:0 auto}
#sv .row{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px 5px;margin-bottom:6px;transition:background .25s}
#sv .row.flash{background:var(--plusbg)}
#sv .row.flashm{background:var(--minusbg)}
#sv .nm{flex:1 1 90px;min-width:0;background:var(--tag);color:var(--tagfg);border:0;border-radius:8px;padding:2px 10px;font-size:var(--nf);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer}
#sv .nm,#sv .jn{box-shadow:inset 0 0 0 1px var(--tagbd,transparent)}
#sv .nm.lb{background:var(--lb,var(--lib));color:var(--lbfg,#fff);box-shadow:inset 0 0 0 2px var(--lbbd,transparent);cursor:default}
#sv .nm small{font-size:.65em;opacity:.7}
#sv .jn{display:inline-block;min-width:1.6em;margin-right:6px;padding:2px 6px;border-radius:6px;background:var(--tag);color:var(--tagfg);font-size:inherit;font-weight:800;line-height:1.2;text-align:center;box-sizing:border-box}
#sv .jn.lib{background:var(--lb,var(--lib));color:var(--lbfg,#fff);box-shadow:inset 0 0 0 2px var(--lbbd,transparent)}
#sv .stn{position:sticky;left:0;z-index:2;width:34px;min-width:34px;max-width:34px;box-sizing:border-box;background:var(--card);font-weight:700;text-align:center}
#sv th.stn{background:var(--neubg)}
#sv .stn.lib{color:var(--lib)}
#sv .row>.jn{display:flex;align-items:center;justify-content:center;flex:none;width:var(--jw);margin:0;padding:0;font-size:var(--jf)}
@media (max-width:400px){#sv .row{gap:5px}
#sv .row .nm{flex-basis:56px}
}
@media (max-width:360px){#sv main{padding:8px}
#sv .row{gap:4px;padding:5px 6px}
#sv .row .nm{padding:2px 5px;min-width:52px}
}
#sv .nm.sel{box-shadow:0 0 0 3px var(--fg)}
#sv .rb{display:inline-block;font-size:12px;padding:0 5px;border-radius:4px;background:var(--acc);color:var(--accfg);margin-left:4px;vertical-align:middle}
#sv .rb.l{background:var(--lib);color:#fff}
#sv .rb.wr{background:var(--minus);color:#fff}
#sv .pzb.wr{border:3px solid var(--minus);background:#fde2e2}
#sv .pzb.wr.on{box-shadow:0 0 0 3px var(--minus)}
#sv .pzw{color:var(--minus);font-weight:700;font-size:13px;margin:6px 2px 0}
#sv .c-p{color:var(--plus);font-weight:700}
#sv .c-m{color:var(--minus);font-weight:700}
#sv .z{color:var(--mut);opacity:.45}
#sv .b{width:var(--bw);height:var(--bh);border:0;border-radius:10px;font-size:var(--bf);font-weight:700;cursor:pointer}
#sv .b:active{transform:scale(.94)}
#sv .b.p{background:var(--plusbg);color:var(--plus)}
#sv .b.m{background:var(--minusbg);color:var(--minus)}
#sv .b.n{background:var(--neubg);color:var(--neu)}
#sv .ur{display:flex;align-items:center;gap:6px;margin-bottom:6px}
#sv .ur .sn{flex:none;gap:2px}
#sv .ur .sn b{font-size:16px;padding:0 3px}
#sv .ur .sa{width:26px;height:28px;font-size:16px}
#sv .lsp{height:6px}
#sv .bar .trm{flex:1 0 100%;height:46px;border:0;border-radius:10px;background:var(--minus);color:#fff;font-weight:700;font-size:17px;cursor:pointer}
#sv .bar .trm.arm{box-shadow:0 0 0 3px var(--card),0 0 0 6px var(--minus)}
#sv .bar .trm:active{filter:brightness(.85)}
#sv .last{flex:1;min-width:0;color:var(--mut);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .und{height:28px;padding:0 9px;border-radius:999px;border:2px solid #14202b;background:#ffc000;color:#14202b;font:700 12px Arial,sans-serif;cursor:pointer;white-space:nowrap}
#sv .und{display:inline-flex;align-items:center;gap:4px;flex:none}
#sv .und .ic{display:inline-block;width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#sv .und:disabled{opacity:.35}
#sv .ur{margin-bottom:8px}
#sv .bar .lgr .und{margin-left:auto;height:44px;padding:0 14px;border-radius:10px;font-size:15px;gap:6px}
#sv .bar .lgr .und .ic{width:18px;height:18px}
#sv .und.ext{background:var(--minus);color:#fff;border-color:var(--minus);font-size:12px}
#sv .und.ext.arm{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--minus)}
#sv.ro .und.ext{pointer-events:auto;opacity:1}
#sv .bar{background:var(--card);border-top:1px solid var(--line);padding:8px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#sv .sh{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}
#sv .shb{position:absolute;inset:0;margin:0;padding:0;border:0;background:rgba(10,16,22,.55);cursor:pointer}
#sv .shp{position:relative;width:min(100%,900px);max-height:85vh;max-height:85dvh;overflow:auto;background:var(--card);border-radius:16px 16px 0 0;padding:14px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px rgba(0,0,0,.25)}
#sv .sht{font-size:22px;line-height:1.2}
#sv .shs{font-size:14px;color:var(--mut);margin:2px 0 10px}
#sv .shs b{color:var(--fg)}
#sv .shg{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
#sv .shc{display:flex;align-items:center;gap:8px;min-height:56px;min-width:0;padding:6px 10px;border:2px solid var(--plus);border-radius:12px;background:var(--plusbg);color:var(--fg);font-size:20px;text-align:left;cursor:pointer}
#sv .shc .jn{flex:none;margin:0}
#sv .shc>span{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.1}
#sv .shc small{display:block;font:600 12px system-ui,sans-serif;color:var(--mut)}
#sv .shc:disabled{border-color:var(--line);background:var(--card);opacity:.5;cursor:not-allowed}
#sv .shp .act{width:100%;margin:12px 0 0}
#sv .shp .act.yl{border-width:2px}
#sv .subm{display:flex;align-items:center;gap:8px;background:var(--plusbg);border-radius:10px;padding:6px 10px;margin-bottom:8px;font-size:14px;line-height:1.25}
#sv .subm span{flex:1;min-width:0}
#sv .bar .bmr{flex:1 0 100%;display:flex;gap:8px}
#sv .bar .bmr .chg{flex:1 1 0;min-width:0;padding:0 6px}
#sv .rowb{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
#sv .rowb{min-height:calc(var(--bh) + 8px)}
#sv .rowb .nm{flex:1 1 auto}
#sv .row>.jn,#sv .row>.nm{align-self:stretch}
#sv .row>div.nm,#sv .row>span.nm{display:flex;align-items:center}
#sv .row>div.nm small,#sv .row>span.nm small{margin-left:.3em}
#sv .row>button.nm{border-radius:9px}
#sv .row>.jn{border-radius:9px}
#sv .rowb .rgo{flex:none;font-size:28px;color:var(--mut);padding:0 4px}
#sv.ro .rowb{pointer-events:none;opacity:.35}
#sv .apg{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:6px;align-items:stretch}
#sv .apg>b,#sv .apr>b{align-self:center;font-size:calc(clamp(18px,calc(var(--uw,1vw)*5.4),30px)*var(--fz,1));padding-right:4px}
#sv .apg .b{width:auto;height:auto;min-height:calc(clamp(52px,calc(var(--uw,1vw)*14),84px)*var(--fz,1));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:calc(clamp(24px,calc(var(--uw,1vw)*7),40px)*var(--fz,1));line-height:1;padding:4px}
#sv .apg .b small{font:600 calc(clamp(11px,calc(var(--uw,1vw)*3.1),16px)*var(--fz,1))/1.15 system-ui,sans-serif;text-align:center}
#sv .apg .b .sy{font-size:.62em;line-height:1;opacity:.85}
#sv .apg .b .tx{font:800 calc(clamp(14px,calc(var(--uw,1vw)*4.3),22px)*var(--fz,1))/1.1 system-ui,sans-serif;text-align:center}
#sv .apg .w3{grid-column:2/-1}
#sv .apg .w2{grid-column:span 2}
#sv .apg{row-gap:8px}
#sv .apr{grid-column:1/-1;display:grid;grid-template-columns:subgrid;gap:6px;padding:6px 6px 6px 8px;border-radius:14px;background:var(--bg);align-items:stretch}
#sv .apr>b{align-self:center}
#sv .apg .apf{grid-column:2/-1;font-size:calc(clamp(20px,calc(var(--uw,1vw)*5.6),30px)*var(--fz,1))}
#sv .shp .sht{font-size:calc(clamp(22px,calc(var(--uw,1vw)*6),32px)*var(--fz,1))}
#sv .fsh,#sv .flg{font-style:normal}
#sv .ab,#sv .lo{text-decoration:none;color:inherit}
#sv .lo{opacity:.5}
#sv .fsh .f1,#sv .fsh .fr{text-decoration:none}
#sv .fsh .f1{color:var(--nvt)}
#sv .fsh .fr{font-size:.55em;color:var(--mut);font-family:system-ui,sans-serif;font-weight:700;margin-left:1px}
#sv .flg{display:none}
@media (min-width:600px){#sv .fsh{display:none}
#sv .flg{display:inline}
#sv .apg>b,#sv .apr>b{padding-right:10px}
}
#sv .chg{flex:none;height:42px;padding:0 10px;border-radius:10px;border:2px solid var(--line);background:var(--card);color:var(--fg);font-weight:600;font-size:13px;cursor:pointer}
#sv .chg:disabled{opacity:.45;filter:grayscale(1);cursor:default}
#sv nav{flex:none;display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border-top:1px solid var(--line);box-shadow:0 -2px 8px rgba(0,0,0,.08);z-index:5;padding-bottom:max(4px,calc(env(safe-area-inset-bottom) - 16px))}
#sv nav button{height:50px;border:0;background:none;color:var(--mut);font-size:19px;cursor:pointer}
#sv nav button[aria-pressed=true]{color:var(--fg);box-shadow:inset 0 3px 0 var(--tag)}
#sv .tw{overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:12px;background:var(--card)}
#sv table{border-collapse:separate;border-spacing:0;width:100%;min-width:820px;font-variant-numeric:tabular-nums}
#sv th,#sv td{padding:6px 7px;text-align:center;border-bottom:1px solid var(--line);font-size:14px;white-space:nowrap}
#sv th{background:var(--neubg);border-right:1px solid var(--line)}
#sv th:last-child{border-right:0}
#sv th small{display:block;font-weight:400;font-size:11px;opacity:.75}
#sv th.gp{background:var(--plusbg);color:var(--plus)}
#sv th.gm{background:var(--minusbg);color:var(--minus)}
#sv th.ge{background:var(--libbg);color:var(--lib)}
#sv th.gh{font-size:13px;letter-spacing:.05em}
#sv td.e1{border-left:2px solid var(--line)}
#sv .stk{position:sticky;left:34px;background:var(--card);text-align:left;font-weight:600;border-right:1px solid var(--line);z-index:1}
#sv th.stk{background:var(--neubg);z-index:2}
#sv tbody tr:last-child td{border-bottom:2px solid var(--line)}
#sv tfoot td{font-weight:700;background:var(--neubg);border-bottom:0}
#sv .neg{color:var(--minus);font-weight:700}
#sv .good{color:var(--plus);font-weight:700}
#sv td.okc{background:var(--plusbg)}
#sv .note{color:var(--mut);font-size:13px;margin:4px 2px 8px}
#sv .ni input,#sv .pg input[type=text]{width:100%;height:42px;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);padding:0 10px;font-weight:600;font-size:16px;min-width:0}
#sv .ni input{font-size:22px;margin-bottom:8px}
#sv .act{height:44px;border-radius:10px;border:2px solid var(--line);background:var(--card);color:var(--fg);font-weight:600;font-size:15px;padding:0 14px;cursor:pointer;margin:6px 8px 0 0}
#sv .act.danger{border-color:var(--minus);color:var(--minus)}
#sv .exp .row2{flex-wrap:nowrap}
#sv .exp .row2 .act{flex:1 1 0;min-width:0;margin:6px 0 0;padding:0 6px;font-size:15px}
#sv .act.go.dm{background:var(--plus);border-color:var(--plus);color:#fff}
#sv .dmu{opacity:.8;pointer-events:none;user-select:none}
#sv .usf{display:flex;gap:8px}
#sv .lf .usf>label{flex:1;min-width:0}
#sv .usf .ni{flex:1 1 0;min-width:0}
#sv .uhd{display:flex;align-items:center;justify-content:space-between;gap:8px}
#sv .uhd .act{margin:0;flex:none}
#sv .card.ul{padding:0;overflow:hidden}
#sv .ur{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}
#sv .ur:first-child{border-top:0}
#sv .ur.me{background:var(--neubg)}
#sv .udot{flex:none;display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--line);vertical-align:middle}
#sv .udot.on{background:var(--plus);box-shadow:0 0 0 3px var(--plusbg)}
#sv .uwho{flex:1 1 auto;min-width:0;line-height:1.2}
#sv .uwho b{font-size:17px}
#sv .uwho small{display:block;color:var(--mut);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .utu{display:inline-block;font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px;background:var(--acc);color:var(--accfg);vertical-align:middle}
#sv .urole{flex:none;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;border:1px solid var(--line);color:var(--mut)}
#sv .ur .act.sm{margin:0;flex:none}
#sv .lab small{font-weight:400;color:var(--mut)}
#sv .pwt{font-family:ui-monospace,Menlo,monospace;font-size:20px;letter-spacing:1px;user-select:all}
#sv .pzr{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 2px}
#sv .pzr .act.sm{margin:0;min-width:64px;height:44px;font-size:28px;font-weight:700;line-height:1}
#sv .pzr span{color:var(--mut)}
#sv .pzr b{color:var(--fg)}
#sv .edb{display:inline-block;vertical-align:middle;font-size:.48em;line-height:1;padding:.32em .7em;border-radius:999px;color:#fff;letter-spacing:.06em;text-transform:uppercase;position:relative;top:-.12em}
#sv .ed-club{background:#1e3a8a}
#sv .ed-app{background:#7c3aed}
#sv .ed-demo{background:#1f8a5a}
#sv .apl{display:flex;flex-direction:column;gap:8px;margin:12px 0 0}
#sv .apl .act{width:100%;margin:0}
#sv .gml{display:flex;flex-direction:column;gap:10px;margin-top:6px}
#sv .gmi{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--fg);text-align:left;cursor:pointer;font:inherit}
#sv .gmi:active{filter:brightness(.95)}
#sv a.gmi{text-decoration:none;color:inherit}
#sv .gic{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--neubg);color:var(--acc)}
#sv .gic svg{width:26px;height:26px}
#sv .gtx{flex:1;min-width:0}
#sv .gtx b{display:block;font-size:22px;line-height:1.1}
#sv .gtx small{display:block;color:var(--mut);font-size:14px;margin-top:2px}
#sv .gch{flex:none;font-size:30px;color:var(--mut);line-height:1}
#sv .soc{display:flex;align-items:center;gap:14px;margin:4px 0 12px}
#sv .soc img{width:96px;height:96px;object-fit:contain;flex:none}
#sv .soc .note{margin:0}
#sv .nologo{flex:none;width:96px;height:96px;border:2px dashed var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:13px;text-align:center}
#sv .wel .wcn{margin-top:2px}
#sv .lgu{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
#sv .lgp{display:flex;gap:10px;margin:4px 0 10px}
#sv .lgp>div{flex:1 1 0;aspect-ratio:1;max-width:180px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:10px}
#sv .lgp img{width:100%;height:100%;object-fit:contain}
#sv .lgl{background:#f1f4f7;border:1px solid var(--line)}
#sv .lgk{background:#10171d}
#sv .wel{display:flex;align-items:center;gap:14px;margin:0 0 16px}
#sv .wel img{width:76px;height:76px;object-fit:contain;flex:none}
/* promemoria "Usa Scouty come app" (insNudge() in manage.js) */
#sv .insn{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-left:4px solid var(--club);border-radius:14px;background:var(--card);padding:10px 12px;margin:0 0 14px}
#sv .insi{flex:none;width:36px;height:36px;border-radius:10px;background:var(--clubbg);color:var(--club);display:flex;align-items:center;justify-content:center}
#sv .insi svg{width:20px;height:20px}
#sv .insn>div{min-width:0;flex:1}
#sv .insn b{display:block;font-size:18px;line-height:1.1}
#sv .insn small{display:block;color:var(--mut);font-size:13px;line-height:1.35;margin-top:2px}
#sv .insb{display:flex;gap:8px;margin-top:8px}
#sv .insb .act{flex:1;height:40px;min-height:0;margin:0;padding:0 10px;font-size:15px}
#sv .insn .note{margin:8px 0 0}
#sv .wel small{display:block;color:var(--mut);font-size:15px}
#sv .wel b{display:block;font-size:30px;line-height:1.05}
#sv .nwb{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:18px}
#sv .nwb.nwc{min-height:60vh;justify-content:center;margin-top:0}
#sv .nwb .act.go{width:100%;max-width:320px;margin:0}
#sv .nwb .act.go.nwg{width:min(100%,300px);height:auto;aspect-ratio:6/5;font-size:32px;border-radius:18px;margin-bottom:16px}
/* Nuovo scout: il palazzetto del sito (image/arena.webp, ritaglio di site/img/arena.webp) sotto un velo scuro */
#sv .nwb .act.go.nwg{display:flex;align-items:flex-end;justify-content:flex-start;padding:16px 18px;text-align:left;color:#fff;border-color:transparent;background:linear-gradient(180deg,rgba(8,14,24,.45) 0%,rgba(8,14,24,.55) 45%,rgba(8,14,24,.88) 100%),url(/image/arena.webp) center/cover no-repeat,#1b2733;text-shadow:0 2px 10px rgba(0,0,0,.6);box-shadow:0 6px 20px rgba(8,14,24,.25)}
#sv .nwb .act.go.dm{max-width:300px}
#sv .nwb .note{max-width:320px}
#sv .act.go.del{background:var(--minus);border-color:var(--minus);color:#fff}
#sv .act.go.del:active{filter:brightness(.85)}
#sv .act.go.del.arm{box-shadow:0 0 0 3px var(--card),0 0 0 6px var(--minus)}
#sv .act.go{background:var(--acc);color:var(--accfg);border-color:var(--acc);height:50px;font-size:18px}
#sv .act:disabled{opacity:.4}
#sv .lm{margin-bottom:10px}
#sv .lm>b{display:block;font-size:20px}
#sv .lm .sub{color:var(--mut);font-size:14px;margin:4px 0 8px}
#sv .lm .act{margin:0 8px 0 0}
#sv .sqc .lv{display:block;color:var(--plus);font-weight:700}
#sv .act.sm{height:38px;font-size:14px;padding:0 10px;margin:0}
#sv .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
#sv .chip{flex:none;height:44px;padding:0 12px;border-radius:10px;border:2px solid var(--line);background:var(--card);color:var(--fg);font-weight:700;font-size:18px;cursor:pointer}
#sv .chip small{font-size:13px;opacity:.65}
#sv .chip.on{background:var(--tag);color:var(--tagfg);border-color:var(--tagfg)}
#sv .chip.wait,#sv .chip.only{border-color:var(--lib);box-shadow:0 0 0 2px var(--lib)}
#sv .chip:disabled{opacity:.3;cursor:not-allowed}
#sv .sbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}
#sv .sbar .chip{height:36px;font-size:16px;padding:0 10px}
#sv .sbar .res{margin-left:auto;font-size:13px;color:var(--mut);white-space:nowrap}
#sv .sbar .res b{color:var(--fg);font-size:15px}
#sv .hist{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#sv .hist::-webkit-scrollbar{display:none}
#sv .hist>*{flex:none;white-space:nowrap}
#sv .hist .chip{height:34px;font-size:14px;padding:0 10px}
#sv .hist .lbl{font-size:13px;color:var(--mut);font-weight:700}
#sv .hv{background:var(--libbg);border-radius:10px;padding:8px 10px;font-size:14px;margin-bottom:8px}
#sv .kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-bottom:10px}
#sv .kt{width:100%;min-width:0;border-collapse:separate;border-spacing:0}
#sv .kt td,#sv .kt th{font-size:15px;padding:6px 8px}
#sv .kt th{text-align:left}
#sv .kt td.big{font:700 22px 'Barlow Condensed','Arial Narrow',Arial,sans-serif}
#sv .kt .tg{color:var(--mut);font-size:12px}
#sv .rp{position:sticky;top:0;z-index:3;box-shadow:0 4px 12px rgba(0,0,0,.18);background:var(--card);border:2px solid var(--lib);border-radius:12px;padding:10px;margin-bottom:12px}
#sv .rp p{margin:0 0 8px;font-weight:600}
#sv .rg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#sv .rg button{height:52px;border-radius:10px;border:2px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;font-size:16px;padding:0 4px}
#sv .rg button b{display:block;font-size:22px}
#sv .rg button.df{border-color:var(--tagfg);background:var(--tag);color:var(--tagfg)}
#sv .pg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
#sv .pg input[data-k=nick]{background:var(--tag);color:var(--tagfg);border-color:var(--tag);font-size:18px}
#sv .pgx{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;padding:0;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--minus);cursor:pointer}
#sv .pgx svg{width:18px;height:18px}
#sv .schr{flex-wrap:nowrap;max-width:420px;margin:0 auto}
#sv .lab.pzk{max-width:420px;margin-left:auto;margin-right:auto}
#sv .schr .chip{flex:1 1 0;min-width:0;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sv .uwho .usq{display:block;color:var(--slate,var(--mut));font-size:12px}
#sv .stsq{margin-bottom:6px}
#sv a.act.ldr{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--fg)}
#sv .azt,.azt{height:5px;border-radius:3px;background:var(--line);overflow:hidden;margin:6px 0 4px}
#sv .azt i,.azt i{display:block;height:100%;background:var(--sky,#38A3D1);transform-origin:left;animation:azt 7s linear forwards}
@keyframes azt{from{transform:scaleX(1)}to{transform:scaleX(0)}}
#sv .snn{margin:0 0 12px;border-left:4px solid var(--sky,#38A3D1)}
#sv .snn .snr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;font-weight:600}
#sv .sqarb{margin:10px 0 6px}
#sv .sqc.arc{opacity:.75}
#sv .adlv{border:2px solid var(--line);border-radius:12px;padding:8px 12px;margin:0 0 12px;background:var(--card)}
#sv .adlv.on{border-color:var(--minus)}
#sv .adlv.on .adlh b{color:var(--minus)}
#sv .adlh{display:flex;align-items:center;justify-content:space-between;gap:8px}
#sv .adlh .act{margin:0}
#sv .adlv small{display:block;color:var(--mut);font-size:12px;margin-top:2px}
#sv .adlr{display:flex;flex-direction:column;padding:6px 0;border-top:1px solid var(--line);font-size:13px}
#sv .pgo{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);color:var(--mut);opacity:.75}
#sv .pgo span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
#sv .schl{display:flex;flex-direction:column;gap:8px}
#sv .schl .chip{display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;min-height:48px;padding:8px 12px;text-align:left}
#sv .schl .chip small{font-weight:600;opacity:.7;letter-spacing:1px}
#sv .lbx{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:600}
#sv .lbx b{font-size:13px;color:var(--mut);font-weight:600}
#sv .lbx span{margin-left:auto;font-size:13px;color:var(--mut);font-weight:400;white-space:nowrap}
#sv .prl{display:flex;gap:4px}
#sv .prl button{width:34px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-weight:700;font-size:14px;padding:0}
#sv .prl button.on{background:var(--tag,var(--fg));border-color:var(--tag,var(--fg));color:var(--tagfg,var(--bg))}
#sv .warn{color:var(--minus);font-weight:700;font-size:14px;margin:6px 2px}
#sv .ok{color:var(--plus);font-weight:700;font-size:14px;margin:6px 2px}
#sv h2{font-size:22px;margin:0;line-height:1.2}
#sv h3.t{font-size:19px;margin:18px 0 6px}
#sv .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}
#sv .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}
#sv .card.wide{grid-column:1/-1}
#sv .card h3{margin:0 0 6px;font-size:18px}
#sv svg{width:100%;height:auto;display:block}
#sv svg text{fill:var(--mut);font:10px system-ui,sans-serif}
#sv svg text.vl{fill:var(--fg);font-weight:700}
#sv svg.ct text{fill:#14202b}
#sv svg.ct text.zl{font-size:11px;font-weight:600}
#sv svg.ct text.zp{font:700 26px 'Barlow Condensed','Arial Narrow',Arial,sans-serif}
#sv svg.ct text.zs{font-size:10px}
#sv svg.ct text.nt{fill:var(--mut);font-size:10px;letter-spacing:.2em}
#sv .sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}
.sw.sub{border-radius:50%;background:#fff;border:2px solid var(--mut);box-sizing:border-box}
#sv .qg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
#sv .qtop{margin:8px 0 4px}
#sv .pve{margin-bottom:8px}
#sv .lpt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:13px;color:var(--mut)}
#sv .lpt div{display:flex;gap:4px}
#sv .lpt i{width:14px;height:14px;border-radius:50%}
#sv .lpt i.p{background:var(--plus)}
#sv .lpt i.m{background:var(--minus)}
#sv .lpt .good{color:var(--plus)}
#sv .pvh{display:flex;justify-content:space-between;align-items:baseline;font-size:20px;gap:8px}
#sv .pvh>b{font-size:30px}
#sv .pvh span b{font-size:28px}
#sv .pvh .good{color:var(--plus)}
#sv .pvb{display:flex;justify-content:space-between;height:14px;margin:4px 0;background:var(--neubg);border-radius:4px;overflow:hidden}
#sv .pvb i{display:block;height:100%}
#sv .pvb .p{background:var(--plus)}
#sv .pvb .m{background:var(--minus)}
#sv .pvs{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--mut)}
#sv .pvs span:last-child{text-align:right}
#sv .pvn{font-size:12px;color:var(--mut);margin-top:4px}
#sv .sxh{display:flex;justify-content:space-between;align-items:center;width:100%;margin:10px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);font-size:20px;cursor:pointer;text-align:left}
#sv .sxh span{font-size:14px;color:var(--mut)}
#sv .sxh[aria-expanded=true]{border-color:var(--fg)}
#sv .sxb{margin-top:8px}
#sv table.tsh{min-width:0}
#sv .pbx{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
#sv .pbl{font:700 13px system-ui,sans-serif;color:var(--mut);text-transform:uppercase;margin:8px 0 2px}
#sv .pbl small{text-transform:none;font-weight:600;margin-left:6px}
#sv .pbr{display:flex;align-items:center;gap:8px;margin:2px 0}
#sv .pbr b{flex:none;width:28px;text-align:right;font-size:17px;font-variant-numeric:tabular-nums}
#sv .pbr i{display:block;height:12px;border-radius:3px;min-width:2px}
#sv .pbr.n i{background:var(--tag);border:1px solid var(--tagbd,transparent)}
#sv .tsh th,#sv .tsh td{padding:5px 3px;font-size:13px}
#sv .tsh th{font-size:12px}
#sv .tsh th small{font-size:10px}
#sv .tsh .stk{max-width:84px;overflow:hidden;text-overflow:ellipsis}
#sv .tsh td.c-p,#sv .tsh td.c-m,#sv .tsh td.z{min-width:22px}
#sv .qt{background:var(--neubg);border-radius:10px;padding:6px 8px;min-width:0;border-left:4px solid var(--line)}
#sv .qt.qg-ok{background:var(--plusbg);border-left-color:var(--plus)}
#sv .qt.qg-ko{background:var(--minusbg);border-left-color:var(--minus)}
#sv .ql{font-size:12px;color:var(--mut);font-weight:600}
#sv .qv{font-size:24px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .qs{font-size:11px;color:var(--mut);overflow:hidden;text-overflow:ellipsis}
#sv details{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
#sv summary{cursor:pointer;font-weight:700}
#sv .lgt{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:14px;margin-top:8px}
#sv .lgt dt{font-weight:700;margin-top:6px;grid-column:1/-1}
#sv .fl{display:block;font-weight:700;font-size:14px;color:var(--mut);margin:0 0 12px}
#sv .fl input{display:block;margin-top:4px;width:100%;height:46px;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);padding:0 12px;font-weight:700;font-size:20px;text-transform:uppercase}
#sv .cpk{display:grid;grid-template-columns:1fr;gap:0 12px}
@media (min-width:600px){#sv .cpk{grid-template-columns:1fr 1fr}
}
#sv .csel{display:block;margin-top:4px;width:100%;height:46px;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);padding:0 10px;font-weight:700;font-size:15px}
#sv table.cmpt{min-width:0}
#sv table.cmpt td,#sv table.cmpt th{font-size:15px}
#sv table.cmpt .stk{left:0;white-space:normal}
#sv .os{margin:22px 0 4px;padding-top:14px;border-top:1px solid var(--line);font-size:22px}
#sv .os.os1{margin-top:0;padding-top:0;border-top:0}
#sv .lab{font-weight:700;font-size:14px;color:var(--mut);margin:4px 0 6px}
#sv .sqg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:8px}
#sv .sqc{position:relative;text-align:left;min-height:72px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);padding:10px 34px 10px 12px;cursor:pointer}
#sv .sqc b{display:block;font-size:20px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .sqc small{color:var(--mut);font-size:13px}
#sv .sqc::after{content:'';position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;border:2px solid var(--line)}
#sv .sqc[aria-checked=true]{border-color:var(--tagfg);background:var(--tag);color:var(--tagfg)}
#sv .sqc[aria-checked=true] small{color:var(--tagfg);opacity:.75}
#sv .sqc[aria-checked=true]::after{content:'\2713';border-color:var(--tagfg);background:var(--tagfg);color:var(--tag);font:700 13px/18px Arial,sans-serif;text-align:center}
#sv .sqc:disabled{cursor:not-allowed;opacity:.5}
#sv .sqc:disabled[aria-checked=true]{opacity:1}
#sv .sqc.nw{border-color:var(--lib);color:var(--lib)}
#sv .sqc.nw small{color:var(--lib)}
#sv .sqc.nw.arm{box-shadow:0 0 0 3px var(--card),0 0 0 6px var(--lib)}
#sv .sqc.nw::after,#sv .sqc.arc::after{display:none}
#sv .lock{display:flex;gap:8px;align-items:flex-start;background:var(--neubg);border-radius:10px;padding:8px 10px;font-size:13px;color:var(--mut);margin-bottom:10px}
#sv .cols{display:flex;gap:10px;margin:0 0 12px}
#sv .cols button{width:44px;height:44px;border-radius:50%;border:3px solid var(--line);padding:0;cursor:pointer}
#sv .cols button[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 3px var(--card)}
#sv .cpg{display:contents}
#sv .card[data-zm]{cursor:zoom-in}
#sv .zv{position:fixed;inset:0;z-index:50;background:rgba(10,16,22,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;cursor:zoom-out}
#sv .zb{position:relative;background:var(--card);border-radius:14px;padding:14px;width:min(100%,760px);max-height:calc(100dvh - 72px);overflow:auto}
#sv .zb h3{font-size:24px;margin:0 0 8px;padding-right:34px}
#sv .zb svg{max-height:calc(100dvh - 210px)}
#sv .zx{position:absolute;top:6px;right:14px;font-size:32px;line-height:1;color:var(--mut)}
#sv .zh{color:#fff;font-size:13px;margin-top:10px;opacity:.9}
#sv .vs{font-size:15px;color:var(--mut);margin-top:2px}
#sv .vs b{color:var(--fg)}
#sv .row2{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#sv .row2.fr{flex-wrap:nowrap;margin-top:6px}
#sv .row2.fr .act{flex:1 1 0;min-width:0;margin:0;padding:0 6px;font-size:14px;line-height:1.1;white-space:normal}
#sv .prh{display:none}
#sv .prw{display:none}
#sv .prt{display:flex;align-items:center;gap:12px}
#sv .prb{display:inline-flex;align-items:center;gap:6px;font-size:.7em;padding-right:12px;border-right:2px solid var(--line)}
#sv .prb img{width:1.6em;height:1.6em;border-radius:4px;object-fit:contain}
#sv .prf{font-size:12px;color:var(--mut);text-align:center;margin:12px 0}
#sv .login{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:auto}
#sv.auth .scr,#sv.auth nav,#sv.auth .top{display:none!important}
#sv:not(.auth) .login{display:none}
#sv .lf{width:100%;max-width:340px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
#sv .lf h1{margin:0 0 4px;font-size:30px}
#sv .lf p{margin:0 0 14px;color:var(--mut);font-size:14px}
#sv .lf label{display:block;font-weight:700;font-size:14px;color:var(--mut);margin-bottom:10px}
#sv .lf input{display:block;width:100%;margin-top:4px;height:46px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);padding:0 12px;font-size:18px}
#sv .lf button{width:100%;margin:6px 0 0}
#sv .boot{padding:40px 16px;text-align:center;color:var(--mut)}
#sv .lw{width:100%;max-width:340px}
#sv .lg{text-align:center}
#sv .lg img{display:block;margin:0 auto 12px;width:clamp(72px,16vh,130px);height:clamp(72px,16vh,130px);max-width:100%;object-fit:contain;background:#fff;border-radius:16px}
#sv .login{align-items:safe center}
@media (max-height:700px){#sv .login{padding:12px 16px}
#sv .lf{padding:14px 16px}
#sv .lf h1{font-size:24px}
#sv .lf p{margin-bottom:8px}
#sv .lf label{margin-bottom:6px}
#sv .lf input{height:42px}
#sv .li{margin-top:8px;padding:10px 14px}
}
#sv .cr{max-width:1000px;margin:0 auto;padding:18px 12px 10px;text-align:center;color:var(--mut);font-size:13px;line-height:1.5}
#sv .cr a{color:var(--mut);text-decoration:underline}
#sv .cr .lg img{width:44px;height:44px;margin-bottom:6px;border-radius:8px}
#sv .lw .cr{padding:14px 0 0}
#sv .cr:empty{display:none}
#sv :focus-visible{outline:3px solid var(--tag);outline-offset:2px}
@media (max-width:400px){#sv .row{padding:3px 4px}
#sv .nm{padding:2px 6px}
}
#sv .act.yl{background:#ffc000;color:#14202b;border:3px solid #14202b;font-weight:700}
@keyframes swin{from{opacity:0;transform:translateX(24px)}
to{opacity:1;transform:none}
}
@keyframes swinb{from{opacity:0;transform:translateX(-24px)}
to{opacity:1;transform:none}
}
#sv .tr.in{animation:swin .22s ease-out}
#sv .tr.inb{animation:swinb .22s ease-out}
@media (prefers-reduced-motion:reduce){#sv .tr.in,#sv .tr.inb{animation:none}
}
#sv .rtl{font-size:14px;color:var(--mut);text-align:center;margin-top:4px}
#sv .rtl b{color:var(--fg)}
#sv .pzt{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:50%;border:2px solid var(--mut);color:var(--mut);font-size:calc(var(--nf)*.75);line-height:1}
#sv .pzt.sv{background:var(--acc);border-color:var(--acc);color:var(--accfg)}
#sv .pzc{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:420px;margin-left:auto;margin-right:auto;background:#f3c58f;border:3px solid #7fb3a0;border-radius:12px;padding:6px}
#sv .pzn{grid-column:1/-1;text-align:center;font-size:13px;letter-spacing:.2em;color:#fff;background:#14202b;border-radius:6px;padding:2px 0}
#sv .pzb{height:64px;border-radius:10px;border:2px solid rgba(20,32,43,.25);background:rgba(255,255,255,.7);color:#14202b;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px 4px;min-width:0}
#sv .pzb b{font-size:22px;line-height:1}
#sv .pzb span{font-size:14px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .pzb.on{border-color:var(--lib);box-shadow:0 0 0 3px var(--lib);background:#fff}
#sv.ro main .pzc{pointer-events:none;opacity:.35}
#sv .azp{margin:8px 0}
#sv .azp .chip{height:40px;font-size:16px}
#sv .kz td,#sv .kz th{padding:4px 3px;text-align:center}
#sv .kz th:first-child{text-align:left}
#sv .kz small{display:block;font-size:11px}
#sv .apg.az{grid-template-columns:repeat(3,minmax(0,1fr))}
#sv .apg .b:disabled{opacity:.35;cursor:not-allowed}
#sv .cv{margin:0 auto;max-width:560px}
#sv .cv{padding-top:18px}
#sv .cvh b{color:var(--fg);margin-right:4px}
#sv .cvc{position:relative;aspect-ratio:1/1;max-height:62vh;margin:0 auto 34px;background:#f3c58f;border:3px solid #fff;outline:6px solid #7fb3a0;border-radius:4px}
#sv .cvn{position:absolute;left:-12px;right:-12px;top:-14px;height:10px;background:#14202b;border-radius:3px;color:#fff;font-size:9px;line-height:10px;text-align:center;letter-spacing:.3em}
#sv .cvc::after{content:'';position:absolute;left:0;right:0;top:33.3%;border-top:2px dashed #fff}
#sv .cvp{position:absolute;transform:translate(-50%,-50%);width:30%;min-height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 2px;border-radius:12px;border:2px solid var(--tagfg);background:var(--tag);color:var(--tagfg);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:1}
#sv .cvp .jn{font-size:15px;min-width:0;padding:0 5px}
#sv .cvp span{font-size:clamp(14px,calc(var(--u)*4.4),22px);line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .cvp small{font-size:11px;opacity:.8}
#sv .cvp.lb{background:var(--lb,var(--lib));border-color:var(--lbbd,#fff);color:var(--lbfg,#fff)}
#sv .cvp.sv{box-shadow:0 0 0 3px var(--acc),0 2px 6px rgba(0,0,0,.25)}
#sv .cvp.flash{background:var(--plusbg);color:var(--plus)}
#sv .cvp.flashm{background:var(--minusbg);color:var(--minus)}
#sv .cvo{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
#sv.ro .cvc,#sv.ro .cvo{pointer-events:none;opacity:.35}
#sv .apx{width:100%;margin:8px 0 0}
#sv .cvh .act{display:inline-flex;align-items:center;justify-content:center;height:30px;font-size:13px;margin-left:8px;vertical-align:middle}
#sv .cv .note .act{display:inline-flex;align-items:center;height:30px;font-size:13px;margin:4px 0 0}
#sv .cvw{font-size:14px;margin:0 0 22px}
#sv .cvp.bad{border-color:var(--minus);box-shadow:0 0 0 3px var(--minus)}
#sv .cvp.ps{width:19%;min-height:12%;padding:2px 1px;border-radius:8px}
#sv .cvp.ps .jn{font-size:11px}
#sv .cvp.ps span{font-size:clamp(11px,calc(var(--u)*3),15px)}
#sv .cvp.ps small{display:none}
#sv .rowb.off,#sv .cvp.off,#sv .chip.off{opacity:.35}
#sv .chip.sg{border-color:var(--plus);box-shadow:0 0 0 2px var(--plus)}
#sv .lab small{font-weight:600;opacity:.8}
#sv .apb{display:flex;gap:8px;margin-top:10px}
#sv .pfx{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none;background:rgba(28,138,87,.9);color:#fff;text-align:center;padding:16px;animation:pfx 2s ease-out forwards}
#sv .pfx.m{background:rgba(197,53,43,.9)}
#sv .pfx.fs{animation:pfs 5s ease-out forwards}
@keyframes pfs{0%{opacity:0;transform:scale(.97)}
4%{opacity:1;transform:none}
45%{opacity:1}
100%{opacity:0}
}
#sv .pfx em{font-style:normal;font-size:clamp(24px,8vw,48px);margin-top:6px;padding:4px 16px;border:2px solid rgba(255,255,255,.7);border-radius:10px}
#sv .pfx small{font:700 18px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;opacity:.85}
#sv .pfx b{font-size:clamp(28px,9vw,64px);line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .pfx span{font-size:clamp(72px,26vw,200px);line-height:1}
@keyframes pfx{0%{opacity:0;transform:scale(.97)}
6%{opacity:1;transform:none}
35%{opacity:1}
100%{opacity:0}
}
@media (prefers-reduced-motion:reduce){#sv .pfx{animation:none}
}
@media print{#sv .pfx{display:none}
}
#sv .msr{display:flex;align-items:center;gap:10px;margin:8px 0}
#sv .msr>b{flex:1;min-width:0;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .msr .sa{width:52px;height:46px;font-size:26px}
#sv .msr .pt{min-width:56px;text-align:center;font-size:36px}
#sv .apb .act{flex:1 1 0;min-width:0;margin:0;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sv .apb .act.apx{flex-grow:1.3;white-space:normal;line-height:1.1;height:auto;min-height:38px}
#sv .shu{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#sv .shu span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .shu small{flex:none;font:700 14px system-ui,sans-serif;color:var(--mut)}
#sv .shp .shu .act{width:auto;margin:0;flex:none}
#sv .shp .sht.shu{font-size:calc(clamp(18px,calc(var(--uw,1vw)*5),26px)*var(--fz,1))}
#sv .shg{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:6px}
#sv .shc{min-height:44px;font-size:17px;padding:4px 8px;gap:6px;border-radius:10px}
#sv .subm{padding:3px 4px 3px 10px;margin-bottom:6px;font-size:13px}
#sv .subm span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sv .li{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
#sv .li .note{margin:4px 0 8px}
@media print{#sv .cr{display:none!important}
html,body{height:auto!important;overflow:visible!important;background:#fff!important}
#sv{--bg:#fff;--card:#fff;--fg:#14202b;--mut:#5f6f7d;--line:#d5dde3;--plus:#1c8a57;--plusbg:#d9f0e4;--minus:#c5352b;--minusbg:#fadcd9;--neubg:#e6ebef;--lib:#2f6fd6;--libbg:#dde8fb;--s1:#2864f0;--s2:#f59e0b;--s3:#0f766e;--s4:#475569;--s5:#db4561;position:static!important;height:auto!important;display:block!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
#sv .scr{overflow:visible!important;height:auto!important}
#sv nav,#sv .bar,#sv .sbar,#sv .hist,#sv .hv,#sv .exp,#sv details,#sv .hd,#sv .top{display:none!important}
#sv .prh{display:block;font-size:16px;margin:0 0 8px}
#sv .zv{display:none!important}
#sv .grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:4mm;margin-top:0}
#sv .cpg{display:contents}
#sv .card{break-inside:avoid;padding:4px 6px}
#sv .card h3{font-size:12px;margin:0 0 2px}
#sv .card svg{max-height:62mm}
#sv .leg{font-size:8px;gap:2px 8px;margin-top:2px}
#sv .card.wide{grid-column:1/-1}
#sv .qg{grid-template-columns:repeat(4,1fr);gap:3px}
#sv .qt{padding:2px 5px}
#sv .ql{font-size:8px}
#sv .qv{font-size:14px}
#sv .qs{font-size:7px}
#sv .card .note{font-size:7px;margin:2px 0 0}
#sv .kpi{gap:3mm;margin-top:3mm!important;grid-template-columns:repeat(3,minmax(0,1fr))}
#sv .kpi .card{padding:2px 3px}
#sv .kt small{font-size:7px!important}
#sv .kw>.note{font-size:7px;margin:1mm 0 0}
#sv .kt td,#sv .kt th{font-size:8px!important;padding:1px 4px!important}
#sv .kt td.big{font-size:11px!important}
#sv .tw{overflow:visible!important;border:0}
#sv table{min-width:0!important;width:100%}
#sv th,#sv td{padding:2px 3px!important;font-size:8.5px!important}
#sv .stk,#sv .stn{position:static!important}
#sv .kw{break-before:page}
#sv.pp main{display:none!important}
#sv.pp .prw{display:block}
#sv .prs+.prs{break-before:page}
#sv .prs .card svg{max-height:50mm}
#sv .prt{font-size:24px;line-height:1.1;margin:0 0 1mm;padding-bottom:1mm;border-bottom:2px solid #14202b}
#sv .prt small{font-size:18px;color:var(--mut);margin-left:8px}
#sv .prf{font:8px system-ui,sans-serif;color:var(--mut);border-top:1px solid var(--line);margin-top:3mm;padding-top:1mm;text-align:center}
#sv .prl .lgt{font-size:11px}
#sv h3.t{margin-top:6mm}
@page{size:A4 landscape;margin:8mm}
}
#sv .cal{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:8px;margin-top:4px}
#sv .arh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#sv .arh b{font-size:20px;flex:1;text-align:center}
#sv .arh .act{width:40px;height:36px;padding:0;flex:none}
#sv .arh .arc.on{background:var(--tag);color:var(--tagfg);border-color:var(--tagfg)}
#sv .arw .cal{display:none;margin:0 0 8px}
#sv .arw.co .cal{display:block}
#sv .arr{display:flex;align-items:center;gap:10px}
#sv .arr span{flex:1;min-width:0}
#sv .arr em{font-style:normal;font-weight:700;font-size:16px}
#sv .arr em.w{color:var(--plus)}
#sv .arr em.l{color:var(--minus)}
#sv .arr.on em{color:inherit}
@media (min-width:700px){#sv .arw{display:grid;grid-template-columns:1fr 240px;gap:12px;align-items:start}
#sv .arw .cal{display:block;order:2;margin:0}
#sv .arh .arc{display:none}
}
#sv .calg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
#sv .calg i{font-style:normal;font-size:11px;color:var(--mut);font-weight:700}
#sv .cd{display:flex;flex-direction:column;align-items:center;justify-content:center;height:30px;border-radius:6px;font-size:13px;color:var(--mut);border:0;background:none;font-family:inherit}
#sv .cd small{font-size:9px;line-height:1;color:var(--plus)}
#sv button.cd.on{background:var(--plusbg);color:var(--fg);font-weight:700;cursor:pointer}
#sv button.cd.sel{background:var(--tag);color:var(--tagfg)}
#sv button.cd.sel small{color:var(--tagfg)}
#sv .arl{display:flex;flex-direction:column;gap:6px}
#sv .arl .chip{height:auto;min-height:40px;padding:6px 10px;font-size:15px;text-align:left;white-space:normal}
/* edizione app: accesso (Entra / Registrati / codice), Scouty Club, Admin (js/app.js) */
#sv .aseg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 14px}#sv .aseg .act{margin:0;height:40px}#sv .aseg .act[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
#sv .lf .gbtn{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 4px;background:#fff;color:#1f1f1f;border-color:#dadce0}#sv .gbtn svg{width:20px;height:20px;flex:none}
#sv .aor{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--mut);font-size:13px}#sv .aor:before,#sv .aor:after{content:'';flex:1;border-top:1px solid var(--line)}
#sv .lf .alk{display:block;background:none;border:0;color:var(--mut);text-decoration:underline;font-size:14px;margin:12px 0 0;padding:4px;cursor:pointer}
#sv .lf .apk{display:flex;flex-direction:column;align-items:flex-start;height:auto;padding:10px 14px;text-align:left}#sv .apk small{color:var(--mut);font-weight:400}
#sv .upb{border:1px dashed var(--line);border-radius:12px;padding:14px;margin:10px 0;display:flex;flex-direction:column;gap:10px}
#sv .upt{display:grid;grid-template-columns:1fr auto auto;font-size:14px;margin:6px 0}#sv .upt>*{padding:7px 6px;border-bottom:1px solid var(--line);text-align:center}#sv .upt>:nth-child(3n+1){text-align:left}#sv .upn{display:block;font-weight:700;font-size:14px;color:var(--mut);margin:6px 0 8px}#sv .upn input{display:block;width:100%;margin-top:4px;height:44px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);padding:0 12px;font-size:16px}
#sv .upp{font-size:22px;font-weight:700;margin:10px 0}#sv .ups{padding-left:20px;font-size:14px;line-height:1.5}#sv .upa{display:flex;align-items:center;justify-content:center;text-decoration:none;margin:4px 0 12px}
#sv .adr{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:8px 0;background:var(--card)}#sv .adr small{display:block;color:var(--mut);margin-top:3px}#sv .adr .row2{margin-top:8px;flex-wrap:wrap}#sv .adr input[type=date]{height:40px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);padding:0 8px}
#sv .adpb{display:inline-block;font-size:12px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--line);color:var(--fg)}#sv .adpb.on{background:#6d28d9;color:#fff}#sv .mono{font-family:ui-monospace,Menlo,monospace}
#sv .adw{max-width:640px;width:100%;align-items:stretch}#sv .adw h1{margin:8px 0}
#sv .upr{display:flex;gap:10px;margin:12px 0}#sv .upr>div{flex:1;border:2px solid var(--line);border-radius:12px;padding:10px;text-align:center}#sv .upr b{display:block;font-size:26px}#sv .upr small{color:var(--mut)}#sv .lf.plf{max-width:440px}#sv .plf .upt{margin:10px 0}
#sv .adn{align-items:center;justify-content:space-between;flex-wrap:nowrap}#sv .adn span{color:var(--mut);font-size:14px;white-space:nowrap}
/* login: logo piccolo a destra sulla riga del titolo (applyLogo lo mette in [data-logo]) */
#sv .lgh{display:flex;align-items:center;gap:10px}#sv .hl{order:2;margin-left:auto}#sv .hl:empty{display:none}#sv .hl img{display:block;width:1.25em;height:1.25em;object-fit:contain;background:#fff;border-radius:9px}
#sv .adf{margin:6px 0 4px}#sv .adf input{width:100%;height:44px;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);padding:0 12px;font-size:16px;margin-bottom:8px}#sv .adf .row2{flex-wrap:wrap;gap:6px}#sv .adf .act{flex:1 1 auto;height:38px;padding:0 10px}#sv .adf .act[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
/* Gratis contro Scouty Club: spunte verdi, croci rosse, colonna Club in blu */
#sv{--club:#2864f0;--adm:#141852;--clubbg:rgba(40,100,240,.09)}@media (prefers-color-scheme:dark){#sv{--club:#7aa2f7;--adm:#7aa2f7;--clubbg:rgba(122,162,247,.14)}}
#sv .upt{align-items:stretch}#sv .upt>*{display:flex;align-items:center;justify-content:center}#sv .upt>:nth-child(3n+1){justify-content:flex-start}
#sv .upt .ph{border-bottom:2px solid var(--line);font-size:15px}#sv .upt .pcl{background:var(--clubbg);color:var(--club);border-bottom-color:transparent;min-width:96px}
#sv .upt .pclt{background:var(--club);color:#fff;border-radius:12px 12px 0 0;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:18px;letter-spacing:.3px}#sv .upt .pb{border-radius:0 0 12px 12px}
#sv .upt i{font-style:normal;font-weight:900;font-size:18px;line-height:1}#sv .upt i.pyes{color:var(--plus)}#sv .upt i.pno{color:var(--minus);opacity:.75}
#sv .upr>div{border-color:var(--club);background:var(--clubbg)}#sv .upr b{color:var(--club)}
#sv .plf h1{color:var(--fg)}
/* pannello Admin (admView in js/app.js) */
#sv .adk{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border:1px solid var(--line);border-radius:14px;margin:8px 0 14px;overflow:hidden}#sv .adk>div{padding:8px 4px;text-align:center}#sv .adk>div+div{border-left:1px solid var(--line)}#sv .adk b{display:block;font-size:22px;line-height:1.1;color:var(--adm);white-space:nowrap}#sv .adk small{color:var(--mut);font-size:11px}
#sv .adpb.adts{background:#fef3c7;color:#92400e;margin-left:6px}
#sv .adsb{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#fef3c7;color:#92400e;font-weight:700;font-size:13px}
#sv .adnw{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}#sv .adnw>div{display:flex;flex-direction:column;min-width:0}#sv .adnw small{color:var(--mut);font-size:12px}#sv .adnw .act{flex:none;width:auto;height:36px;margin:0;padding:0 12px}#sv .adk.a3{grid-template-columns:repeat(3,1fr);margin-top:-6px}#sv .adk small br{display:block}
#sv .adgrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:0 0 14px}#sv .adfu{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:0 0 14px}
#sv .adfr{display:grid;grid-template-columns:118px 1fr 34px 38px;gap:8px;align-items:center;font-size:13px;margin:5px 0}
#sv .adfr i{display:block;height:10px;border-radius:5px;background:var(--adm)}
#sv .adfr b{text-align:right}
#sv .adfr small{color:var(--mut);text-align:right}
#sv .adgr{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px 6px}#sv .adgrh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}#sv .adgrh small{color:var(--mut);font-size:11px}#sv .adgr svg{display:block;width:100%;height:auto}#sv .adgr g:hover path{opacity:.8}#sv .adax{font-size:9px;fill:var(--mut)}#sv .adav{font-size:10px;font-weight:700;fill:var(--fg)}
#sv .adtodo{border:2px solid #f59e0b;background:rgba(245,158,11,.08);border-radius:16px;padding:10px 12px;margin:0 0 14px}#sv .adtodo>b{font-size:20px;color:#b45309}
#sv .adtab{display:flex;overflow-x:auto;scrollbar-width:none;background:var(--line);border-radius:12px;padding:3px;gap:3px;margin:0 0 10px}#sv .adtab button{flex:1 0 auto;border:0;background:transparent;color:var(--mut);font:inherit;font-weight:700;font-size:15px;padding:9px 4px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}#sv .adtab button[aria-pressed=true]{background:var(--card);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.12)}#sv .adtab span{font-size:12px;background:var(--bg);color:var(--mut);border-radius:999px;padding:1px 7px}
#sv .adf input{background:var(--card)}#sv .adchips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}#sv .adch{flex:none;border:1.5px solid var(--line);background:var(--card);color:var(--fg);font:inherit;font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}#sv .adch[aria-pressed=true]{background:var(--adm);border-color:var(--adm);color:#fff}
#sv .adcount{margin:8px 0 4px}
#sv .adc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:8px 0}#sv .adc.open{border-color:var(--adm);box-shadow:0 0 0 1px var(--adm)}#sv .adc small{display:block;color:var(--mut);font-size:13px;margin-top:3px;line-height:1.4}
#sv .adh{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}#sv .adn2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0}#sv .adn2 b{font-size:16px}
#sv .cc{display:inline-block;font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:0 6px;color:var(--fg)}
#sv .adpb{flex:none;white-space:nowrap}#sv .adpb.on{background:var(--adm)}#sv .adpb.ko{background:var(--minusbg);color:var(--minus)}
#sv .adg{border:0;background:none;color:var(--adm);font:inherit;font-weight:700;font-size:14px;padding:6px 0 0;cursor:pointer}
#sv .adx{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}#sv .adxr{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}#sv .adxr .act{flex:1 1 0;min-width:120px;margin:0;height:auto;min-height:44px;padding:8px 10px}#sv .adxr input[type=date]{flex:1 1 140px;height:44px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);padding:0 8px}
#sv .admore{width:100%;margin:6px 0 4px}
#sv .adpb.wa,#sv .adtab span.wa{background:#f59e0b;color:#fff}#sv .adc.todo{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b}#sv .adct{flex:1;align-self:center;font-weight:700;color:var(--plus)}#sv .adc.ct{opacity:.75}#sv .sqc.lkd{opacity:.6;border-style:dashed}#sv .adc small a{color:var(--adm)}
#sv .adtab{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}#sv .adtab button{flex-direction:column;gap:2px;font-size:14px;padding:7px 2px;min-width:0}
/* pagamento: pulsanti PayPal (giallo PayPal) e riquadro del bonifico */
#sv .ppb{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;margin:8px 0;border:0;border-radius:27px;background:#ffc439;color:#111;font:inherit;font-size:16px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.15)}#sv .ppb:active{filter:brightness(.95)}#sv .ppb:disabled{opacity:.7}
#sv .ppl{font-family:Verdana,'DejaVu Sans',Arial,sans-serif;font-weight:700;font-style:italic;font-size:21px;letter-spacing:-.5px}#sv .ppl i:first-child{color:#003087}#sv .ppl i:last-child{color:#009cde}
#sv .ppt{font-weight:600}#sv .ppt b{font-weight:800}
#sv .upbon{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px 14px;margin:6px 0 10px}#sv .upbon b{font-size:18px}#sv .upbon .act{display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%;margin-top:4px}
#sv .upn2{border:2px solid var(--club);background:var(--clubbg);border-radius:14px;padding:12px 14px;margin:10px 0}#sv .upn2 b{font-size:19px;color:var(--club)}#sv .upn2 .note{margin:4px 0 10px}#sv .upn2 .act{width:100%;background:var(--club);border-color:var(--club);color:#fff}
#sv .upn textarea{display:block;width:100%;margin-top:4px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);padding:10px 12px;font:inherit;font-weight:400;font-size:16px;resize:vertical}#sv .hpk{margin:4px 0 12px;flex-wrap:wrap}#sv .upn input{font-weight:400}
#sv .wel .wpl{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:6px;color:var(--mut);font-size:15px;line-height:1.3}#sv .wel .wpl b.wpn{display:inline;font-size:15px;line-height:inherit;color:var(--fg);font-weight:800}#sv .wel .wpl b.wpn.on{color:var(--club)}
#sv .upl.trl{background:linear-gradient(90deg,#f59e0b,#ea580c);color:#fff}
#sv .upl.trl:disabled{opacity:1}
#sv .trw{margin-top:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#2864f0,#7c3aed);color:#fff;box-shadow:0 6px 18px rgba(40,100,240,.25)}
#sv .trw.hw{background:linear-gradient(135deg,#ea580c,#7c3aed)}
#sv .trhw{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-weight:800;font-size:14px;color:#fde68a}
#sv .trhw svg{width:20px;height:20px}
#sv .trwh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
#sv .trwh b{font-size:19px;color:#fff}
#sv .trwh span{font-size:22px;color:#fde68a;white-space:nowrap}
#sv .trwb{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;margin:8px 0}
#sv .trwb i{height:6px;border-radius:3px;background:rgba(255,255,255,.25)}
#sv .trwb i.on{background:#fde68a}
#sv .trw p{margin:0;font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.92)}
#sv .trwg{margin-top:10px;width:100%;height:40px;border:0;border-radius:10px;background:#fff;color:#2864f0;font-weight:800;font-size:15px;cursor:pointer}#sv .wup{border:0;background:none;color:var(--club);font:inherit;font-weight:700;font-size:15px;line-height:1.3;padding:0;cursor:pointer}
/* accesso: titolo, link in linea, riga di cambio Accedi / Registrati, link sotto il riquadro */
#sv .lf h2.lt{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:24px;margin:6px 0 12px}
#sv .lrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
#sv .alk2{border:0;background:none;padding:0;margin:0;font:inherit;font-size:14px;font-weight:600;color:var(--club);cursor:pointer;width:auto}#sv .lf .alk2{width:auto;margin:0}
#sv .lf .lsw{text-align:center;margin:14px 0 0;font-size:14px;color:var(--mut)}#sv .lf .lsw .alk2{font-size:14px}#sv .lf .warn{color:var(--minus)}
/* accesso e registrazione (edizione app): riquadro bianco al centro, logo e titolo centrati, pulsante blu, Google bianco */
#sv .lf.af{max-width:400px;padding:28px 24px 22px;border-radius:20px;box-shadow:0 8px 28px rgba(20,32,43,.07)}#sv .alg{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 14px}#sv .alg .hl{order:0;margin:0}#sv .alg .hl img{width:44px;height:44px;border-radius:12px}#sv .alw{font-size:26px;font-weight:700;color:var(--fg)}#sv .lf h1.alt{margin:0 0 20px;text-align:center;font-size:clamp(26px,7vw,32px);line-height:1.15;color:var(--fg);font-weight:800}#sv .lf.af p{text-align:center}#sv .lf.af p.note.rgn{text-align:left}#sv .lf.af label{color:var(--fg);margin-bottom:12px}#sv .lf .act.abl{height:50px;font-size:17px;font-weight:700;background:var(--club);border-color:var(--club);color:#fff;margin-top:6px}#sv .lf.af .gbtn{height:50px;font-size:16px;font-weight:600;margin:0}#sv .lf.af .aor{margin:18px 0}#sv .lf .alb{color:var(--club);font-weight:700;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}#sv .adv{display:flex;justify-content:center;align-items:center;gap:12px;margin:10px 0 4px;color:var(--fg)}#sv .adv span{display:inline-flex}#sv .adv svg{width:20px;height:20px}#sv .adv i{font-style:normal;color:var(--line)}#sv .lf .aem{margin:-8px 0 16px;font-size:15px;color:var(--fg)}#sv .lf .aem .alb{margin-left:6px;font-size:14px}#sv .lf .rgn{margin:-4px 0 12px;font-size:13px}
#sv .lfo{text-align:center;font-size:13px;color:var(--mut);margin:12px 0 4px}#sv .lfo a,#sv .lfo .alk2{color:var(--mut);font-size:13px;font-weight:600;text-decoration:underline}
/* Salva della rosa: verde quando e' tutto salvato */
#sv .act.svf{transition:background .25s,border-color .25s,color .25s}
#sv .act.svf.busy,#sv .act.svf.busy:disabled{opacity:.75}
#sv .act.svf.ok,#sv .act.svf.ok:disabled{background:var(--plus);border-color:var(--plus);color:#fff;opacity:1}
#sv .act.svf.ko{background:var(--minus);border-color:var(--minus);color:#fff}
#sv .act.go.svb{transition:background .25s,border-color .25s}#sv .act.go.svb.saved,#sv .act.go.svb.saved:disabled{background:var(--plus);border-color:var(--plus);color:#fff;opacity:1}
/* modifica squadra (sqEdit in manage.js): riquadri, Salva sempre visibile in fondo */
#sv .sqh{font-size:28px;margin:10px 0 6px}
#sv .sqbox{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:12px 0}#sv .sqbox>h3{margin:0 0 10px;font-size:20px;display:flex;align-items:center;gap:8px}#sv .sqbox .lab:first-of-type{margin-top:12px}
#sv .sqn{font-size:13px;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 9px;color:var(--mut)}
#sv .sqsave{position:sticky;bottom:0;z-index:5;margin:0 -12px;padding:10px 12px;background:linear-gradient(to bottom,transparent,var(--bg) 30%)}#sv .sqsave .act{width:100%;margin:0}

/* festa dopo il pagamento (appFest in app.js) */
#sv .fest{position:fixed;inset:0;z-index:90;background:#ffc000;color:#141852;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;animation:fin .35s ease-out;transition:opacity .7s}
#sv .fest.out{opacity:0}
#sv .fest .fbx{position:relative;z-index:2;text-align:center;padding:24px}
#sv .fest .fic{display:block;margin:0 auto;width:120px;height:120px;stroke-width:1.6;animation:fpop .6s cubic-bezier(.2,1.6,.4,1) both}
#sv .fest b{display:block;font-size:clamp(46px,13vw,84px);line-height:1;margin:14px 0 6px;transition:opacity .6s,transform .6s}
#sv .fest .fw{display:grid}#sv .fest .fw b{grid-area:1/1}#sv .fest .f2{opacity:0;transform:scale(.85)}
#sv .fest.two .f1{opacity:0;transform:scale(1.1)}
#sv .fest.two .f2{opacity:1;transform:none}
#sv .fest p{margin:8px 0 0;font-size:19px;font-weight:700}
#sv .fest .fcf i{position:absolute;top:-24px;border-radius:2px;opacity:.95;animation:fcf linear forwards}
@keyframes fcf{to{top:105%;transform:rotate(540deg) translateX(40px)}}
@keyframes fpop{from{transform:scale(.3) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}
@keyframes fin{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){#sv .fest .fcf{display:none}#sv .fest,#sv .fest .fic{animation:none}}
/* edizione club: scritta della societa' (SCOUTY_BADGE, es. CASATI) accanto alla campanella, come il badge di edizione del login */
#sv .ub .ubb{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#1e3a8a;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-right:2px;white-space:nowrap}
/* Angolo allenatore (coach.js) */
#sv .coaq,#sv .coak{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:6px 0 10px;padding-bottom:2px;align-items:center}
#sv .coaq::-webkit-scrollbar{display:none}
#sv .coac{flex:none;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--fg);font:600 14px system-ui,sans-serif;cursor:pointer}
#sv .coac.on{background:var(--acc);border-color:var(--acc);color:var(--accfg)}
#sv .coak input[type=date]{height:36px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--card);color:var(--fg);font:inherit;margin-left:auto}
#sv .coatb .coac{flex:1}
#sv .coan{display:flex;gap:8px;margin-bottom:6px}
#sv .coan .act{flex:1;margin:0}
#sv .coae{border:1px solid var(--minus);background:var(--minusbg);border-radius:12px;padding:10px 12px;margin:12px 0 4px;font-size:14px}
#sv .coae b{display:block;margin-bottom:4px}
#sv .coat{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
#sv .coath,#sv .coar{display:grid;grid-template-columns:1fr 64px 64px;gap:6px;align-items:center;padding:8px 10px}
#sv .coath{font-size:12px;color:var(--mut);text-transform:uppercase;padding-bottom:4px}
#sv .coath span{text-align:center}
#sv .coar{border-top:1px solid var(--line)}
#sv .coaw{min-width:0}
#sv .coaw b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .coaw em,#sv .coapr em,#sv .coasn em{font-style:normal;color:var(--mut);font-weight:700;margin-right:6px}
#sv .coaw small{display:block;font-size:12px;color:var(--mut)}
#sv .coaw small i{font-style:normal;opacity:.75}
#sv .coav{text-align:center;font-weight:700;font-size:14px;border-radius:8px;padding:4px 0}
#sv .coav small{display:block;font-size:11px;font-weight:600;color:var(--mut)}
#sv .coav.ok{background:var(--plusbg)}
#sv .coav.ko{background:var(--minusbg)}
#sv .coal{display:flex;flex-direction:column;gap:6px}
#sv .coai{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);text-align:left;font:inherit;cursor:pointer}
#sv .coai span:not(.gch){flex:1;min-width:0;color:var(--mut);font-size:14px}
#sv .coai .gch{font-size:24px}
#sv .coap{display:flex;flex-direction:column;gap:6px}
#sv .coaW{display:grid;grid-template-columns:26px repeat(7,1fr) 26px;gap:3px;align-items:stretch;margin:0 0 12px}
#sv .coaWa{border:0;background:none;color:var(--fg);font-size:22px;cursor:pointer;padding:0}
#sv .coaWa:disabled{opacity:.25}
#sv .coaWd{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 0 4px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);cursor:pointer;font:inherit;min-width:0}
#sv .coaWd small{font-size:10px;color:var(--mut);line-height:1}
#sv .coaWd b{font-size:15px;line-height:1.2}
#sv .coaWd i{width:6px;height:6px;border-radius:50%;background:transparent}
#sv .coaWd i.y{background:var(--club,#2864f0)}
#sv .coaWd.td{border:2px solid var(--fg)}
#sv .coaWd.on{background:var(--fg);border-color:var(--fg);color:var(--card)}
#sv .coaWd.on small{color:var(--card)}
#sv .coaWd.on i.y{background:var(--card)}
/* Attivita': calendario del mese (act.js), pallino azzurro allenamento, quadratino nel colore della squadra partita */
#sv .coaCm{display:flex;align-items:center;justify-content:space-between;margin:2px 0 6px}
#sv .coaCm b{font-size:20px;text-transform:capitalize}
#sv .coaCm .coaWa{width:36px;height:32px}
#sv .coaCal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
#sv .coaCal small{text-align:center;font-size:10px;color:var(--mut);padding-bottom:2px}
#sv .coaCal button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:40px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--fg);font:inherit;cursor:pointer;min-width:0}
#sv .coaCal button b{font-size:14px;line-height:1}
#sv .coaCal button span{display:flex;gap:3px;height:6px}
#sv .coaCal button.td{border:2px solid var(--fg)}
#sv .coaCal button.on{background:var(--fg);border-color:var(--fg);color:var(--card)}
#sv .coaCal i.tr,#sv .coaLg i.tr,#sv .coaAh i.tr,#sv .coaHk.tr{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2fa4e7}
#sv .coaCal i.pa,#sv .coaLg i.pa,#sv .coaAh i.pa,#sv .coaHk.pa{display:inline-block;width:6px;height:6px;border-radius:1px;background:var(--tag,var(--club))}
#sv .coaCal button.on i.pa{background:var(--card)}
#sv .coaLg{display:flex;gap:14px;justify-content:center;font-size:12px;color:var(--mut);margin:6px 0 2px}
#sv .coaLg span{display:inline-flex;align-items:center;gap:5px}
#sv .coaAc{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-left:4px solid var(--tag,var(--club));border-radius:12px;padding:8px;margin:0 0 8px;background:var(--bg)}
#sv .coaAc.tr{border-left-color:#2fa4e7}
#sv .coaAh{display:flex;align-items:center;gap:6px;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--mut)}
#sv .coaAh i.tr,#sv .coaAh i.pa{width:8px;height:8px}
#sv .coaHk{flex:none;width:8px!important;height:8px!important}
#sv .coaWd:disabled{opacity:.35;cursor:default}
#sv .coaRv{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 8px}
#sv .coaRv b{font-size:22px}
#sv .coaRv span{color:var(--minus);font-weight:700;font-size:14px}
#sv .coaRa{display:flex;align-items:center;gap:10px;padding:10px 12px}
#sv .coaRa em{font-style:normal;font-weight:700;min-width:22px}
#sv .coaRa span{font-weight:700}
#sv .coaRa small{margin-left:auto;color:var(--mut);font-size:13px;text-align:right}
#sv .coaRp{margin:10px 2px 4px;line-height:1.5}
#sv .coapr{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
#sv .coapr button{display:flex;align-items:center;width:100%;min-height:48px;padding:0 12px;border:0;background:none;color:var(--fg);font:600 16px system-ui,sans-serif;text-align:left;cursor:pointer}
#sv .coapr button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .coapr button b{flex:none;font-size:13px;padding:3px 10px;border-radius:999px;background:var(--plusbg);color:var(--plus)}
#sv .coapr.ab{border-color:var(--minus)}
#sv .coapr.ab button b{background:var(--minus);color:#fff}
#sv .coapr input{display:block;width:calc(100% - 24px);margin:0 12px 10px;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--bg);color:var(--fg);font:inherit;box-sizing:border-box}
#sv .coas{display:flex;flex-direction:column;gap:8px}
#sv .coasr{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:8px}
#sv .coasn{font-weight:700;font-size:15px;margin:0 2px 6px;display:flex;align-items:baseline;gap:2px}
#sv .coasn small{margin-left:auto;font-weight:600;font-size:12px;color:var(--mut)}
#sv .coasb{display:flex;gap:6px}
#sv .coasb button{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:4px 2px;border-radius:10px;border:1px solid var(--line);background:var(--neubg);color:var(--fg);cursor:pointer;font:inherit}
#sv .coasb button.c-p{background:var(--plusbg);border-color:var(--plus)}
#sv .coasb button.c-m{background:var(--minusbg);border-color:var(--minus)}
#sv .coasb b{font-size:20px;line-height:1.1}
#sv .coasb small{font-size:10px;color:var(--mut);line-height:1.1;text-align:center;overflow:hidden;max-width:100%}
#sv .coasb i{position:absolute;top:-7px;right:-4px;min-width:20px;height:20px;border-radius:999px;background:var(--acc);color:var(--accfg);font:700 11px/20px system-ui,sans-serif;font-style:normal;text-align:center;padding:0 4px;box-sizing:border-box}
#sv .coaf{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:16px}
#sv .coaf .note{margin:0}
/* Angolo allenatore 2 (coach.js): azioni, risultati, grafico presenze, card e scheda giocatrice */
#sv{--ta:#2f6fd6;--tab:#dde8fb;--tb:#c2410c;--tbb:#fde7d6}
@media (prefers-color-scheme:dark){#sv{--ta:#7aa2f7;--tab:rgba(122,162,247,.16);--tb:#fb923c;--tbb:rgba(251,146,60,.16)}}
#sv .coaA{display:grid;grid-template-columns:1fr;gap:8px;margin:4px 0 8px}
#sv .coaA .act{margin:0;padding:0 8px}
#sv .coaB{display:flex;align-items:baseline;gap:10px;margin:0 2px 8px}
#sv .coaB b{font-size:18px}
#sv .coaB span{color:var(--mut);font-size:14px}
#sv .coaz em{flex:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;color:#fff;background:var(--minus)}
#sv .coaz em.w{background:var(--plus)}
#sv .coaz span b{display:block;color:var(--fg);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .coaz span small{display:block;font-size:12px}
#sv .coaC{display:block;width:100%;max-width:520px;height:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 6px 2px;box-sizing:border-box}
#sv .coaC .br{fill:var(--ta)}
#sv .coaC g:hover .br{fill:var(--fg)}
#sv .coaC .ax{stroke:var(--line);stroke-width:1}
#sv .coaC .av{stroke:var(--mut);stroke-width:1;stroke-dasharray:3 3}
#sv .coaC .tx{fill:var(--mut);font:600 9px system-ui,sans-serif}
#sv .coaC .tv{fill:var(--fg);font:700 11px system-ui,sans-serif}
#sv .coaG{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
#sv .coaGc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);text-align:left;font:inherit;cursor:pointer;min-width:0}
#sv .coaGc.off{border-color:var(--minus)}
#sv .coaGn{display:flex;align-items:center;gap:2px;width:100%;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden}
#sv .coaGn em{font-style:normal;color:var(--mut);margin-right:6px}
#sv .coaGn i{font-style:normal;margin-left:auto;font-weight:800}
#sv .coaGn i.up{color:var(--plus)}
#sv .coaGn i.dn{color:var(--minus)}
#sv .coaGs{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--minus);color:#fff}
#sv .coaGc small{color:var(--mut);font-size:12px}
#sv .coaF{margin:4px 0 12px;padding-left:20px;line-height:1.6}
#sv .coaNo{font-style:normal;color:var(--mut)}
#sv .coaT{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--card);color:var(--fg);font:15px/1.4 system-ui,sans-serif;resize:vertical}
#sv .coaD{display:flex;flex-wrap:wrap;gap:6px;margin:4px 2px 6px}
#sv .coaD i{width:16px;height:16px;border-radius:50%;background:var(--plus)}
#sv .coaD i.ab{background:var(--minus)}
#sv .coaD i.pa{border-radius:4px}
#sv .coaL10{display:flex;align-items:center;gap:10px;margin:2px 2px 12px}
#sv .coaL10 span{font-size:12px;color:var(--mut);white-space:nowrap}
#sv .coaL10 .coaD{margin:0;gap:4px;flex-wrap:nowrap}
#sv .coaL10 .coaD i{width:14px;height:14px}
#sv .coaL10 b{margin-left:auto;font-size:15px}
#sv .coaWp{margin:-6px 2px 12px;text-align:center}
#sv .coaL{font-size:14px;margin:0 2px 8px;color:var(--mut)}
#sv .coaL b{color:var(--fg)}
#sv .coaM{grid-template-columns:1fr 44px 44px 44px 44px}
#sv .coaM span:not(.coaw){text-align:center;font-weight:700;font-size:14px}
#sv .coaK{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#sv .coaK div{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:8px 10px}
#sv .coaK small{display:block;color:var(--mut);font-size:12px}
#sv .coaK b{font-size:20px}
#sv .coaK i{display:block;font-style:normal;color:var(--mut);font-size:11px}
/* partita d'allenamento A contro B (train.js) */
#sv .taN{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
#sv .taN input{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--card);color:var(--fg);font:600 15px system-ui,sans-serif;min-width:0}
#sv .taN input:first-child{border-color:var(--ta)}
#sv .taN input:last-child{border-color:var(--tb)}
#sv .taP{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#sv .taPb{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--mut);font:600 14px system-ui,sans-serif;text-align:left;cursor:pointer;min-width:0}
#sv .taPb span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .taPb em{font-style:normal}
#sv .taPb b{flex:none;font-size:12px;text-transform:uppercase}
#sv .taPb.sA{background:var(--tab);border-color:var(--ta);color:var(--fg)}
#sv .taPb.sA b{color:var(--ta)}
#sv .taPb.sB{background:var(--tbb);border-color:var(--tb);color:var(--fg)}
#sv .taPb.sB b{color:var(--tb)}
#sv .taS{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}
#sv .taSb{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border:2px solid var(--ta);border-radius:16px;background:var(--tab);color:var(--fg);cursor:pointer;font:inherit}
#sv .taSb.taB{border-color:var(--tb);background:var(--tbb)}
#sv .taSb small{font:700 14px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sv .taSb b{font-size:clamp(56px,20vw,96px);line-height:1}
#sv .taSb span{font:800 16px system-ui,sans-serif;color:var(--ta)}
#sv .taSb.taB span{color:var(--tb)}
#sv .taSb:disabled{cursor:default}
#sv .taI{text-align:center;color:var(--mut);font-size:14px;margin:2px 0 8px}
#sv .taI b{color:var(--fg)}
#sv .taC{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#sv .taC .act{margin:0;padding:0 6px;font-size:14px}
#sv .taR{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border-top:1px solid var(--line)}
#sv .taR:first-child{border-top:0}
#sv .taR b em{font-style:normal;color:var(--mut);margin-right:6px}
#sv .taRp{font-weight:800;color:var(--plus)}
#sv .taRp i{font-style:normal;color:var(--minus)}
#sv .taR small{grid-column:1/-1;color:var(--mut);font-size:12px}
#sv .taR small i{font-style:normal;opacity:.75}
/* pagina Scout: le partite d'allenamento sotto Nuovo scout (train.js trScout()), piu' piccole, su una palestra vuota */
#sv .nwt{width:min(100%,300px);margin-top:22px}
#sv .nwtl{font:700 12px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:0 2px 6px;text-align:left}
#sv .nwtr{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#sv .nwtb{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;aspect-ratio:4/3;padding:8px 10px;border:0;border-radius:14px;color:#fff;text-align:left;cursor:pointer;font:inherit;background:linear-gradient(180deg,rgba(8,14,24,.15) 0%,rgba(8,14,24,.35) 45%,rgba(8,14,24,.82) 100%),url(/image/palestra.webp) center/cover no-repeat,#8a7a62;text-shadow:0 1px 6px rgba(0,0,0,.6);box-shadow:0 3px 12px rgba(8,14,24,.18)}
#sv .nwtb b{font-size:17px;line-height:1.1}
#sv .nwtb small{font-size:11px;opacity:.9}
#sv .nwtb.sgp{background:linear-gradient(180deg,rgba(8,14,24,0) 0%,rgba(8,14,24,.1) 50%,rgba(8,14,24,.8) 100%),url(/image/segnapunti.webp) center 35%/cover no-repeat,#8a5a2b}
#sv .nwtb.lk{filter:grayscale(1);opacity:.55}
#sv .trw2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 6px}
#sv .trwc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:2px solid var(--line);border-radius:14px;background:var(--card);color:var(--fg);text-align:left;font:inherit;cursor:pointer}
#sv .trwc b{font-size:16px}
#sv .trwc small{font-size:12.5px;line-height:1.35;color:var(--mut)}
#sv .trwc.on{border-color:var(--club,#2864f0);box-shadow:0 0 0 2px var(--club,#2864f0) inset}
#sv .trwc.on b{color:var(--club,#2864f0)}
/* telefoni bassi (iPhone SE, Safari con le barre): tutto in uno schermo. Scout: Nuovo scout piu' largo che alto, cosi' si vedono
   anche le partite d'allenamento; Gestione: voci piu' basse con il sottotitolo su una riga, cosi' l'elenco intero sta nello schermo */
@media (max-height:780px){#sv .nwb .act.go.nwg{aspect-ratio:2/1;font-size:28px;margin-bottom:10px}
#sv .nwb .act.go.dm{height:44px}
#sv .nwt{margin-top:12px}
#sv .nwtb{aspect-ratio:2/1}
#sv .wel{margin-bottom:8px}
#sv .wel b{font-size:24px}
#sv .gml{gap:6px}
#sv .gmi{padding:8px 12px;gap:10px}
#sv .gic{width:34px;height:34px;border-radius:10px}
#sv .gic svg{width:20px;height:20px}
#sv .gtx b{font-size:18px}
#sv .gtx small{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sv .gch{font-size:24px}}
/* allenamento A contro B: formazioni (P1-P6 a campo), cambio nel pannello, panchina, allenamenti in corso nella pagina Scout */
/* Coach: i tre quadratini con il mini grafico (coaTiles) e gli obiettivi della giocatrice (coaObj) */
#sv .coaQs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px;max-width:520px}
#sv .coaQ{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 9px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--fg);text-align:left;cursor:pointer;font:inherit;min-width:0;overflow:hidden}
#sv .coaQ.on{border-color:var(--fg);box-shadow:0 0 0 2px var(--fg)}
#sv .coaQ small{font:700 11px system-ui,sans-serif;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#sv .coaQ b{font-size:19px;line-height:1.1;white-space:nowrap}
#sv .coaQ i{font-style:normal;font-size:10px;color:var(--mut);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#sv .coaS{display:block;width:100%;height:auto;max-height:22px;margin:2px 0}
#sv .coaS .bp,#sv .coaC .bp{fill:var(--ta)}
#sv .coaS .bw,#sv .coaC .bw{fill:var(--plus)}
#sv .coaS .bl,#sv .coaC .bl{fill:var(--minus)}
#sv .coaC .bg{fill:var(--neubg)}
#sv .coaC .tn{font-size:10px;fill:var(--fg)}
#sv .coaGo{color:var(--ta)!important;font-weight:700}
#sv .coaO{display:flex;flex-direction:column;gap:6px;margin:4px 0 8px}
#sv .coaOi{display:flex;align-items:stretch;gap:6px}
#sv .coaOk{flex:none;width:44px;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--plus);font:800 22px system-ui,sans-serif;cursor:pointer}
#sv .coaOi.dn .coaOk{border-color:var(--plus);background:var(--plusbg)}
#sv .coaOt{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);text-align:left;font:inherit;cursor:pointer}
#sv .coaOt b{display:block;font-size:15px}
#sv .coaOi.dn .coaOt b{color:var(--mut);text-decoration:line-through}
#sv .coaOt small{display:block;font-size:12px;color:var(--mut);white-space:pre-wrap}
#sv .coaOe{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
#sv .coaOe input,#sv .coaOn input{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--card);color:var(--fg);font:600 15px system-ui,sans-serif;min-width:0}
#sv .coaOe .row2 .act{margin:0 8px 0 0}
#sv .coaOn{display:flex;gap:6px;margin:4px 0}
#sv .coaOn input{flex:1}
#sv .coaOn .act{margin:0;height:40px}
#sv .coaOs{margin:6px 0 4px;height:38px;font-size:14px}
/* scout allenamento (train.js trBar/trSetupBar): di chi e' il campo, A o B; campo azzurro come una palestra; lampo del punto di B */
#sv .tsw{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 8px}
#sv .tsb{height:38px;border:2px solid var(--ta);border-radius:999px;background:var(--card);color:var(--ta);font:800 14px system-ui,sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}
#sv .tsb.tsB{border-color:var(--tb);color:var(--tb)}
#sv .tsb.on{background:var(--ta);color:#fff}
#sv .tsb.tsB.on{background:var(--tb);color:#fff}
#sv .cv.trn .cvc{background:#bcd9ee;outline-color:#d9a066}
#sv .pfx.tb{background:rgba(194,65,12,.9)}
/* Segnapunti a schermo intero (train.js trFsPaint): due meta' affiancate, A a sinistra e B a destra (anche in verticale), numeri enormi */
#sv .tafs{position:fixed;inset:0;z-index:85;display:flex;flex-direction:column;background:var(--bg);padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}
#sv .tafh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#sv .tafh .act{margin:0;height:40px;flex:none}
#sv .tafh span{flex:1;min-width:0;text-align:center;font:700 14px system-ui,sans-serif;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sv .tafm{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0}
#sv .tafb{display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--ta);border-radius:20px;background:var(--tab);color:var(--fg);cursor:pointer;font:inherit;min-width:0;touch-action:manipulation}
#sv .tafb.taB{border-color:var(--tb);background:var(--tbb)}
#sv .tafb small{font:800 clamp(16px,4vw,28px) system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}
#sv .tafb b{font-size:clamp(80px,min(36vw,40vh),360px);line-height:1}
#sv .taFb{width:100%;margin:0 0 8px}
/* formazione (scout.js setup()): chi parte nel posto scelto, in lista a due colonne come la preparazione dello scout allenamento;
   prima, nel colore della squadra (--tag), chi ha il ruolo atteso in quel posto (pzRole), in scuro chi c'e' gia' */
#sv .taPb.sg{background:color-mix(in srgb,var(--tag) 22%,var(--card));border-color:var(--tag);border-width:2px;color:var(--fg)}
#sv .taPb.sg b{color:var(--fg)}
#sv .taPb.on{background:var(--acc);border-color:var(--acc);color:var(--accfg)}
#sv .taPb.on b,#sv .taPb.on em{color:var(--accfg)}
#sv .pzl{margin-bottom:10px}
#sv .lab .pzx{font-weight:700;color:var(--fg);margin-left:6px}
#sv .coaSt{font-weight:700;color:var(--fg)}
/* Partite in corso: di che tipo e' (scout partita, scout allenamento, segnapunti) */
#sv .lmk{display:inline-block;margin:0 0 4px;padding:2px 9px;border-radius:999px;font:800 11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;background:var(--tag);color:var(--tagfg)}
#sv .lmk.t{background:#bcd9ee;color:#14202b}
#sv .lmk.s{background:var(--neubg);color:var(--fg)}
#sv .card.lmt{border-left:4px solid #6aa9d8}
/* presenze: Salva giornata sempre visibile in fondo, con lo stato (scuro da salvare, verde salvata, rosso non salvata) */
#sv .coaSv{position:sticky;bottom:0;z-index:4;margin:14px -4px 0;padding:10px 4px 8px;background:var(--bg);border-top:1px solid var(--line)}
#sv .coaSvb{display:block;width:100%;height:52px;margin:0;font-size:17px;font-weight:800;border-radius:12px}
#sv .coaSvb.go{background:var(--acc);border-color:var(--acc);color:var(--accfg)}
#sv .coaSvb.ok{background:var(--plus);border-color:var(--plus);color:#fff}
#sv .coaSvb.jst{animation:svjst .5s ease-out}
@keyframes svjst{0%{transform:scale(.96);box-shadow:0 0 0 0 var(--plus)}
60%{transform:scale(1.02)}
100%{transform:none;box-shadow:0 0 0 8px transparent}}
#sv .coaSvb.ko{background:var(--minus);border-color:var(--minus);color:#fff}
#sv .coaSvb.wt{background:var(--neubg);border-color:var(--line);color:var(--mut)}
#sv .coaSv .coaSt{display:block;margin:6px 2px 0;text-align:center}
/* ---- identita' Coach (Navy / Ice Blue): token centrali, usati dalla barra e da tutta l'area Coach (#sv.cw: Attivita' e Rosa, render() in main.js) ---- */
#sv{--nv:#172554;--nv2:#263B75;--nvt:#172554;--nvfg:#fff;--ice:#EAF0FF;--slate:#64748B;--sky:#38A3D1;--nvln:#DCE4F5;--nvm:#263B75;--nvh:#8FB3D4}
@media (prefers-color-scheme:dark){#sv{--nv:#263B75;--nv2:#3A519A;--nvt:#B9C8F5;--ice:rgba(122,150,230,.13);--slate:#94A3B8;--sky:#5BB8DE;--nvln:#2A3655;--nvm:#7F9BE8;--nvh:#4F6FA8}}
/* selettore in cima all'area Coach (coaSeg()): blocco Ice Blue con l'etichetta COACH, binario bianco, la sezione aperta piena Navy */
#sv .cseg{background:var(--ice);border-radius:14px;padding:6px 6px 6px;margin:2px 0 0}
#sv .cseg small{display:block;font:800 10px/1 system-ui,sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--nvt);text-align:center;padding:2px 0 6px}
#sv .cseg>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--card);border-radius:10px}
#sv .cseg button{height:36px;border:0;border-radius:8px;background:none;color:var(--slate);font:700 16px system-ui,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease}
#sv .cseg button[aria-selected=true]{background:var(--nv);color:var(--nvfg)}
/* area Coach: Navy per gerarchia e azioni, Ice Blue per i fondi secondari, bianco per i contenuti, Slate per i testi secondari */
#sv.cw{--acc:var(--nv);--accfg:var(--nvfg);--mut:var(--slate);--ta:var(--nv2);--line:var(--nvln)}
@media (prefers-color-scheme:dark){#sv.cw{--ta:#7F9BE8}}
#sv.cw [data-r=hd] h2,#sv.cw [data-r=mn] h3.t{color:var(--nvt)}
#sv.cw .act{transition:background .15s ease,border-color .15s ease}
#sv.cw .act:not(.go):not(.coaSvb){border-width:1px;border-color:var(--nvln);color:var(--nvt)}
#sv.cw .coac{border-color:var(--nvln);color:var(--nvt);transition:background .15s ease,color .15s ease}
#sv.cw .coac.on{background:var(--nv);border-color:var(--nv);color:var(--nvfg)}
#sv.cw .coaCal button,#sv.cw .coaWd{border-color:var(--nvln);transition:background .15s ease}
#sv.cw .coaCal button.td,#sv.cw .coaWd.td{border:2px solid var(--nv2)}
#sv.cw .coaCal button.on,#sv.cw .coaWd.on{background:var(--nv);border-color:var(--nv);color:var(--nvfg)}
#sv.cw .coaWd.on small{color:var(--nvfg)}
#sv.cw .coaCm b{color:var(--nvt)}
#sv.cw .coaWa{color:var(--nvt)}
#sv.cw .coaCal i.tr,#sv.cw .coaLg i.tr,#sv.cw .coaAh i.tr,#sv.cw .coaHk.tr{background:var(--sky)}
#sv.cw .coaCal i.pa,#sv.cw .coaLg i.pa,#sv.cw .coaAh i.pa,#sv.cw .coaHk.pa{background:var(--nvm)}
#sv.cw .coaCal button.on i.pa{background:var(--nvfg)}
#sv.cw .coaWd i.y{background:var(--sky)}
#sv.cw .coaAc{background:var(--ice);border:0;border-left:4px solid var(--nvm)}
#sv.cw .coaAc.tr{border-left-color:var(--sky)}
#sv.cw .coaAh{color:var(--nvt)}
#sv.cw .coaQ.on{border-color:var(--nv);box-shadow:0 0 0 2px var(--nv)}
#sv.cw .coaQ small{color:var(--nvt)}
#sv.cw .coaGo{color:var(--nv2)!important}
#sv.cw .coaGc,#sv.cw .coai,#sv.cw .coapr,#sv.cw .coaQ,#sv.cw .coaK div,#sv.cw .coaC,#sv.cw .coat,#sv.cw .coaOt{box-shadow:none}
#sv.cw .coaSv{background:var(--bg);border-top-color:var(--nvln)}
#sv.cw .coaSvb.go{background:var(--nv);border-color:var(--nv);color:var(--nvfg)}
#sv.cw .gmi .gic{background:var(--ice);color:var(--nvt)}
#sv.cw .prl button.on{background:var(--nv);border-color:var(--nv);color:var(--nvfg)}
#sv.cw .coaRv b{color:var(--nvt)}
/* Stati dei pulsanti (31/10/2026): hover solo con il mouse (hover:hover, sul telefono resterebbe appiccicato), premuto ovunque; colori dai token navy/ice */
#sv{-webkit-tap-highlight-color:transparent}
#sv .act,#sv .chip,#sv .chg,#sv .gmi,#sv .coai,#sv .rowb,#sv nav button{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease,filter .15s ease}
@media (hover:hover){
#sv nav button:not([aria-pressed=true]):hover{color:var(--nvt);box-shadow:inset 0 3px 0 var(--nvh)}
#sv .act:not(.go):not(:disabled):hover,#sv .chip:not(:disabled):hover,#sv .chg:not(:disabled):hover{background:var(--ice);border-color:var(--sky)}
#sv .act.go:not(:disabled):hover,#sv .ppb:hover{filter:brightness(1.12)}
#sv .gmi:hover,#sv .coai:hover{background:var(--ice);border-color:var(--sky)}
#sv .cseg button:not([aria-selected=true]):hover{background:var(--ice);color:var(--nvt)}
}
#sv nav button:active{color:var(--fg);box-shadow:inset 0 3px 0 var(--tag);background:var(--ice)}
#sv .act:not(:disabled):active,#sv .chip:not(:disabled):active,#sv .chg:not(:disabled):active,#sv .cseg button:active{transform:scale(.97);filter:brightness(.92)}
#sv .gmi:active,#sv .coai:active,#sv .rowb:active{transform:scale(.985);filter:brightness(.95)}
#sv .coaS .bg{fill:var(--neubg)}
/* inizio partita (startFlash() in match.js): giallo, testo navy, si chiude con un tocco */
#sv .pfx.st{background:rgba(250,204,21,.97);color:#172554;pointer-events:auto;cursor:pointer;gap:8px;animation:pst 8s ease-out forwards}
@keyframes pst{0%{opacity:0;transform:scale(.97)}
4%{opacity:1;transform:none}
88%{opacity:1}
100%{opacity:0}
}
#sv .pfx.st b{white-space:normal;font-size:clamp(26px,8vw,52px)}
#sv .pfx.st b i{font-style:normal;font-size:.55em;opacity:.7;margin:0 .35em}
#sv .pfx.st span{font-size:clamp(44px,15vw,110px)}
#sv .pfx.st .sttp{max-width:440px;margin:10px 0 0;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.55);font:600 16px/1.4 system-ui,sans-serif}
#sv .pfx.st .stdv{display:flex;align-items:flex-start;gap:2px;max-width:440px;margin:0;font:500 14px/1.35 system-ui,sans-serif;opacity:.85;text-align:left}
#sv .pfx.st .stdv svg.mic{flex:none;margin-top:.1em}
#sv .pfx.st .stx{border:0;margin-top:14px;padding:0;font:700 13px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.15em;opacity:.6}
/* coriandoli sulla partita vinta */
#sv .pfx.win{overflow:hidden}
#sv .pfx .cft{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;opacity:.95;animation:cft 3s linear forwards}
@keyframes cft{0%{transform:translateY(0) rotate(var(--r,0deg))}
100%{transform:translateY(105vh) rotate(calc(var(--r,0deg) + 540deg))}
}
@media (prefers-reduced-motion:reduce){#sv .pfx .cft{display:none}
#sv .pfx.st{animation:none}
}
/* foglio azioni sul telefono: il nome corto del fondamentale in verticale (dal basso in alto) lungo la riga, cosi' i pulsanti hanno piu' spazio */
@media (max-width:599px){#sv .apr>b{writing-mode:vertical-rl;transform:rotate(180deg);align-self:stretch;display:flex;align-items:center;justify-content:center;padding:0 2px;font-size:calc(clamp(17px,calc(var(--uw,1vw)*5),24px)*var(--fz,1));line-height:1}
#sv .apr>b .fr{margin:1px 0 0}
}
