/* ===== Estudo: painel de análise, notas, treino, aulas e estatísticas ===== */
.muted{color:var(--tx3);font-size:12.5px}
/* abas do painel lateral */
#ptabs{height:52px;display:flex;align-items:center;gap:3px;padding:0 8px 0 10px;border-bottom:1px solid var(--line);flex:none}
#ptabs .pt{height:32px;padding:0 11px;border-radius:9px;background:none;border:0;color:var(--tx3);font-weight:700;font-size:12.5px;transition:background-color 160ms ease,color 160ms ease,transform 140ms var(--e-out)}
#ptabs .pt:active{transform:scale(.96)}
#ptabs .pt.on{background:var(--surface2);color:var(--tx)}
#ptabs .sp{flex:1}
#ptabs #lk{width:32px;height:32px;padding:0}
.pane{flex:1;overflow:auto;padding:10px 12px 18px;scrollbar-width:thin;scrollbar-color:#25324a transparent}
.pane[hidden]{display:none}
#log.pane{padding:4px 10px 16px}
.sh{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--tx3);margin:14px 2px 8px}
.sh:first-child{margin-top:4px}
/* cartões de decisão */
.dc{background:var(--surface);border:1px solid var(--line2);border-radius:12px;padding:10px 11px;margin-bottom:9px;cursor:pointer;transition:border-color 160ms ease,box-shadow 160ms ease}
@media(hover:hover) and (pointer:fine){.dc:hover{border-color:rgba(255,255,255,.2)}}
.dc.on{border-color:rgba(232,176,74,.65);box-shadow:0 0 0 1px rgba(232,176,74,.25)}
.dc h4{margin:0 0 8px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;line-height:1.3}
.dc h4 .st{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);border:1px solid rgba(232,176,74,.35);border-radius:5px;padding:1px 5px;flex:none}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;font-size:12.5px}
.kv div{display:flex;justify-content:space-between;gap:6px;color:var(--tx3);min-width:0}
.kv b{color:var(--tx);font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.verd{margin-top:8px;padding:8px 9px;border-radius:9px;font-size:12.5px;line-height:1.45;display:flex;gap:8px;align-items:flex-start}
.verd .i{width:16px;height:16px;margin-top:1px}
.verd.ok{background:rgba(34,197,94,.1);color:#c8f5d8}.verd.ok .i{color:#4ade80}
.verd.bad{background:rgba(239,68,68,.1);color:#fecaca}.verd.bad .i{color:#f87171}
.verd.info{background:rgba(59,130,246,.1);color:#cfe0ff}.verd.info .i{color:#60a5fa}
.verd.gold{background:rgba(232,176,74,.1);color:#f7e2b0}.verd.gold .i{color:var(--gold)}
.verd b{color:#fff}
.mini-acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.btn.sm{height:30px;font-size:12px;padding:0 10px;border-radius:8px}
.blk{background:linear-gradient(180deg,rgba(232,176,74,.08),rgba(232,176,74,.02));border:1px solid rgba(232,176,74,.25);border-radius:12px;padding:10px 11px;margin-bottom:9px}
.blk h4{margin:0 0 8px;font-size:13px}
.note{font-size:11px;color:var(--tx3);line-height:1.5;margin-top:8px}
/* adversários na mesa */
.adv{display:flex;align-items:center;gap:9px;padding:7px 6px;border-radius:9px;cursor:pointer}
@media(hover:hover) and (pointer:fine){.adv:hover{background:rgba(255,255,255,.04)}}
.adv .av2{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none;background:radial-gradient(circle at 35% 30%,hsl(var(--h) 55% 46%),hsl(var(--h) 50% 24%) 75%)}
.adv .m{flex:1;min-width:0}.adv .m b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adv .m span{font-size:11.5px;color:var(--tx3)}
.pf{font-size:10px;font-weight:800;letter-spacing:.03em;border-radius:5px;padding:2px 6px;white-space:nowrap;border:1px solid var(--line2);color:var(--tx2);flex:none}
/* notas */
.tgs{display:flex;flex-wrap:wrap;gap:6px}
.tg{height:30px;padding:0 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line2);font-size:12px;font-weight:700;color:var(--tx2);display:inline-flex;align-items:center;gap:6px;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,transform 140ms var(--e-out)}
.tg:active{transform:scale(.96)}
.tg i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.tg.on{background:color-mix(in srgb,var(--c) 16%,transparent);border-color:color-mix(in srgb,var(--c) 60%,transparent);color:#fff}
.pane textarea,.ta{width:100%;min-height:96px;background:#0a1018;border:1px solid var(--line2);border-radius:11px;padding:10px 11px;outline:0;resize:vertical;font-size:13px;line-height:1.5;transition:border-color 160ms ease}
.pane textarea:focus,.ta:focus{border-color:rgba(232,176,74,.6)}
.pane select,.inp{height:36px;background:var(--surface);border:1px solid var(--line2);border-radius:10px;padding:0 10px;outline:0;min-width:0}
.inp:focus{border-color:rgba(232,176,74,.6)}
.rowc{display:flex;gap:6px;align-items:center}.rowc>select{flex:1}
.coach{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:10px 11px;margin-top:8px}
.coach b{font-size:12px;color:#bfdbfe;display:block;margin-bottom:6px}
.saved{font-size:11px;color:var(--tx3);margin-top:4px;min-height:15px}
/* faixa de decisão sobre a mesa */
#dec{display:none;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:-4px 0 10px}
#dec.on{display:flex}
#dec .dl{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);margin-right:2px}
#dec .c{font-size:12px;color:var(--tx3);background:var(--surface);border:1px solid var(--line2);border-radius:999px;padding:3px 10px;white-space:nowrap}
#dec .c b{color:var(--tx);font-variant-numeric:tabular-nums;margin-left:4px}
#dec .c.ok{border-color:rgba(74,222,128,.5);color:#bbf7d0}#dec .c.bad{border-color:rgba(248,113,113,.55);color:#fecaca}#dec .c.nash{border-color:rgba(232,176,74,.5);color:var(--gold2)}
/* equity estilo TV no selo da mão */
.hn.eq{display:flex;align-items:center;gap:.35em;padding-right:calc(var(--u)*.2);font-size:max(10.5px,calc(var(--u)*1.32))}
.hn.eq b{background:#0b1220;color:#fff;border-radius:999px;padding:0 .5em;font-variant-numeric:tabular-nums}
.hn.eq b.fav{background:#14532d;color:#bbf7d0}
.hn.eq span:empty{display:none}
/* HUD do adversário e jogador fora da mão */
.hj{font-size:max(8.5px,calc(var(--u)*1.02));color:#8fa0b8;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em;line-height:1.2}
.hj:empty{display:none}
body.nohud .hj{display:none}
.seat.out .plate{opacity:.26}.seat.out .spos{opacity:.35}
/* botão ativo na barra */
.tb.on{background:rgba(232,176,74,.16);border-color:rgba(232,176,74,.55);color:var(--gold2)}
/* lista especial (aula, vazamento, adversário) */
#espb{display:none;align-items:center;gap:8px;margin:10px 12px 0;padding:8px 10px;border-radius:10px;background:rgba(232,176,74,.1);border:1px solid rgba(232,176,74,.35);font-size:12.5px}
#espb.on{display:flex}#espb span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gold2);font-weight:700}
#coachb{display:none;margin:10px 16px 0;padding:9px 12px;border-radius:12px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.35);font-size:13px;color:#dbe7ff;position:relative;z-index:4;line-height:1.45}
#coachb.on{display:block}#coachb b{color:#93c5fd;margin-right:6px}
/* quiz dentro do replay */
#qbar{display:none;flex-direction:column;align-items:center;gap:10px}
body.quiz #qbar{display:flex}body.quiz #bar,body.quiz #tl{display:none}
body.quiz #list .res,body.quiz #hud .stat.pos,body.quiz #hud .stat.neg,body.quiz #cnt .res{visibility:hidden}
body.quiz .lg.fut{display:none}
body.quiz #ptabs .pt[data-p=ana]{opacity:.35;pointer-events:none}
.qtop{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--tx3);width:100%;justify-content:center}
.qtop b{color:var(--tx)}
.qbtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.qbtns .btn{height:46px;min-width:96px;font-size:14px;border-radius:12px}
.btn.f{background:#2b3240}.btn.c{background:#15803d;border-color:#22c55e}.btn.r{background:linear-gradient(180deg,#f59e0b,#d97706);border-color:#fbbf24;color:#231302}.btn.a{background:linear-gradient(180deg,#f43f5e,#be123c);border-color:#fb7185}
.qfb{max-width:760px;width:100%}
.kbdh{font-size:10px;opacity:.7;margin-left:4px}
/* páginas cheias */
.page{position:fixed;inset:0;z-index:40;background:var(--bg);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity 180ms ease,transform 240ms var(--e-out)}
.page.on{opacity:1;pointer-events:auto;transform:none}
.ph{height:56px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0d141e,#0a1018);flex:none}
.ph h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ph .sp{flex:1}
.pb{flex:1;overflow:auto;padding:18px 18px 40px;scrollbar-width:thin;scrollbar-color:#25324a transparent}
.wrapc{max-width:1180px;margin:0 auto}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}
.kpi>span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3)}
.kpi>b{display:block;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;margin:3px 0 2px;letter-spacing:-.02em}
.kpi>small{display:flex;align-items:center;gap:6px;color:var(--tx3);font-size:11.5px}
.kpi.pos>b{color:#4ade80}.kpi.neg>b{color:#f87171}
.stt{display:inline-flex;align-items:center;gap:4px;font-weight:700}
.stt.ok{color:#4ade80}.stt.warn{color:#fbbf24}.stt.na{color:var(--tx3)}
.stt .i{width:13px;height:13px}
.sec{margin-top:26px}
.sec>h3{font-size:15px;margin:0 0 4px;font-weight:800;display:flex;align-items:center;gap:10px}
.sec>p{margin:0 0 12px;color:var(--tx3);font-size:12.5px}
.box2{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}
.tscroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
table.tb2{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.tb2 th{text-align:right;color:var(--tx3);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:10px;border-bottom:1px solid var(--line2);white-space:nowrap}
.tb2 td{padding:9px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.tb2 th:first-child,.tb2 td:first-child{text-align:left}
.tb2 tr:last-child td{border-bottom:0}
.tb2 tbody tr.ck{cursor:pointer}
@media(hover:hover) and (pointer:fine){.tb2 tbody tr.ck:hover td{background:rgba(255,255,255,.03)}}
.tb2 td.p{color:#4ade80}.tb2 td.n{color:#f87171}
.leak{display:flex;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:8px;align-items:flex-start}
.leak .lv{flex:none;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:3px 7px;margin-top:1px;display:inline-flex;align-items:center;gap:4px}
.leak .lv.alta{background:rgba(239,68,68,.14);color:#fca5a5}.leak .lv.media{background:rgba(234,179,8,.13);color:#fcd34d}.leak .lv.baixa{background:rgba(59,130,246,.13);color:#93c5fd}
.leak .lt{flex:1;min-width:0}.leak .lt b{display:block;font-size:13.5px;margin-bottom:3px}.leak .lt span{font-size:12.5px;color:var(--tx2);line-height:1.5}
.leak .btn{flex:none}
.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.prog{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--gold3),var(--gold));width:0;transition:width 200ms var(--e-out)}
/* gráfico */
.viz{position:relative}
.viz svg{width:100%;height:260px;display:block;overflow:visible}
.viz .grid line{stroke:rgba(255,255,255,.07);stroke-width:1}
.viz .zero{stroke:rgba(255,255,255,.22);stroke-width:1}
.viz text{fill:var(--tx3);font-size:11px;font-variant-numeric:tabular-nums}
.viz .ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.viz .s1{stroke:#3987e5}.viz .s2{stroke:#d95926}
.viz .xh{stroke:rgba(255,255,255,.35);stroke-width:1;vector-effect:non-scaling-stroke}
.viz .dot{stroke:var(--surface);stroke-width:2}
.vtip{position:absolute;pointer-events:none;background:#0b1220;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;transition:opacity 120ms ease;white-space:nowrap;z-index:3}
.vtip.on{opacity:1}
.vtip .r{display:flex;align-items:center;gap:7px}.vtip .r i{width:14px;height:2px;border-radius:2px}
.vtip .r b{font-variant-numeric:tabular-nums}
.vleg{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--tx2);margin-bottom:8px}
.vleg span{display:inline-flex;align-items:center;gap:7px}.vleg i{width:16px;height:2px;border-radius:2px}
/* grade de range 13x13 */
.rg{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;width:100%;max-width:440px;margin-top:8px}
.rg i{font-style:normal;aspect-ratio:1/1;display:grid;place-items:center;font-size:clamp(6.5px,1.55vw,9.5px);font-weight:700;border-radius:3px;background:rgba(255,255,255,.045);color:#7d8aa0;letter-spacing:-.03em;overflow:hidden}
.rg i.on{color:#231703}
.rg i.me{outline:2px solid #fff;outline-offset:-2px;color:#fff!important;background:#1d4ed8!important}
.pane .rg i{font-size:clamp(6px,.62vw,8.5px)}
.rgleg{display:flex;gap:12px;font-size:11.5px;color:var(--tx3);margin-top:6px;flex-wrap:wrap}.rgleg span{display:inline-flex;align-items:center;gap:5px}.rgleg i{width:11px;height:11px;border-radius:3px}
/* treino Nash */
.segc.big button{height:34px;padding:0 12px;font-size:12.5px}
.trn{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.spot{position:relative;border-radius:24px;padding:20px 18px 18px;text-align:center;overflow:hidden;
 background:radial-gradient(ellipse 80% 70% at 50% 35%,var(--felt1) 0%,var(--felt2) 60%,var(--felt3) 100%);box-shadow:0 0 0 3px #c79a4a,0 0 0 6px #3a2615,0 24px 60px rgba(0,0,0,.6),inset 0 0 50px rgba(0,0,0,.45)}
.spot .sit{font-size:13px;color:#d6f5e6;margin-bottom:4px}
.spot .big1{font-size:22px;font-weight:900;letter-spacing:-.01em;color:#fff}
.spot .info{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0 14px}
.spot .info span{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px 10px;font-size:12px;color:#e8f6ef}
.spot .info b{color:#fff}
.spot .hc{display:flex;justify-content:center;gap:8px;--w:70px}
.spot .hc .card:first-child{transform:rotate(-4deg)}.spot .hc .card:last-child{transform:rotate(4deg)}
.seatsm{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:14px}
.seatsm span{font-size:10.5px;font-weight:800;letter-spacing:.04em;border-radius:6px;padding:3px 6px;background:rgba(0,0,0,.3);color:#b6d8c7;border:1px solid rgba(255,255,255,.1)}
.seatsm span.me{background:#1d4ed8;color:#fff;border-color:#60a5fa}.seatsm span.sh{background:#be123c;color:#fff;border-color:#fb7185}.seatsm span.f{opacity:.45}
.ans{display:flex;gap:10px}.ans .btn{flex:1;height:56px;font-size:16px;font-weight:800;border-radius:14px}
.fbk{border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:13.5px;line-height:1.5}
.fbk.ok{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35)}.fbk.bad{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35)}.fbk.mix{background:rgba(232,176,74,.1);border:1px solid rgba(232,176,74,.35)}
.fbk h4{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}
.score{display:flex;gap:14px;justify-content:center;font-size:12.5px;color:var(--tx3)}.score b{color:var(--tx)}
/* aulas */
.aula{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.aula h4{margin:0;font-size:15px}.aula .meta{font-size:12px;color:var(--tx3)}
.aula .acts{display:flex;gap:6px;flex-wrap:wrap}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.am{display:flex;gap:10px;align-items:flex-start;padding:10px;border-bottom:1px solid var(--line)}
.am:last-child{border-bottom:0}
.am .mini{display:flex;gap:3px;--w:26px;flex:none}
.am .mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.am .mid .t{font-size:12.5px;color:var(--tx2)}.am .mid .t b{color:var(--tx)}
.am textarea{min-height:56px;font-size:12.5px}
.am .ord{display:flex;flex-direction:column;gap:4px;flex:none}
.ib{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line2);color:var(--tx2);transition:transform 140ms var(--e-out)}
.ib:active{transform:scale(.94)}.ib .i{width:15px;height:15px}
/* sincronização */
#syncd{width:8px;height:8px;border-radius:50%;background:transparent;flex:none;margin-left:-4px}
#syncd.ok{background:#22c55e}#syncd.busy{background:var(--gold)}#syncd.err{background:#ef4444}
#carg{position:fixed;inset:0;z-index:70;display:none;place-items:center;background:rgba(3,6,10,.8);backdrop-filter:blur(6px);text-align:center;color:var(--tx2)}
#carg.on{display:grid}#carg b{display:block;color:#fff;font-size:16px;margin-bottom:6px}
#bPanel{display:none}
@media(max-width:1240px) and (min-width:841px){#bPanel{display:inline-flex}
 body.logopen #logp{display:flex;position:fixed;right:0;top:56px;bottom:0;width:340px;z-index:30;box-shadow:-24px 0 60px rgba(0,0,0,.55)}}
@media(max-width:840px){
 .pb{padding:14px 12px 40px}.ph{height:52px;padding:0 10px}.ph h2{font-size:15px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kpi>b{font-size:20px}
 .qbtns .btn{min-width:0;flex:1;height:48px}.qbtns{width:100%;flex-wrap:nowrap}
 #dec .c.x2{display:none}
 .spot .hc{--w:62px}
 .leak{flex-wrap:wrap}.leak .btn{width:100%}
}
@media(max-width:520px){.logo>div:not(.mk){display:none}#top .btn{padding:0 9px}#top{gap:6px}}