/* Layout: barra de abas fixa no topo; cada aba é uma área de trabalho em grid que vira uma coluna no celular.
   Cores das ações seguem a convenção dos solvers: fold ardósia, call verde, raise âmbar, all-in vermelho. */
:root{
  color-scheme:dark;
  --bg:#070a09; --surface:#0e1311; --surface-2:#171e1b; --ink:#e6efe9; --ink-2:#8ba098; --line:#1d2723;
  --accent:#2ee6a8; --accent-ink:#04110c; --accent-soft:#0e2b20;
  --felt:#123228; --felt-edge:#0a1f18; --felt-ink:#e3f2eb;
  --a-fold:#5b6661; --a-call:#27c98b; --a-raise1:#e8b445; --a-raise2:#e98a45; --a-raise3:#d9683a; --a-allin:#d3434f;
  --good:#2ec98b; --warn:#e0a53c; --bad:#e2535d;
  --f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --f-body:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#eef1ef; --surface:#fbfcfb; --surface-2:#e4e9e6; --ink:#14201c; --ink-2:#4c5b55; --line:#cfd8d3;
  --accent:#0d6656; --accent-ink:#ffffff; --accent-soft:#d6ebe5;
  --felt:#1f5a4c; --felt-edge:#14423a; --felt-ink:#e9f3ef;
  --a-fold:#8a979e; --a-call:#2f9a69; --a-raise1:#e2a72e; --a-raise2:#e07a2f; --a-raise3:#c9572a; --a-allin:#b82f3c;
  --good:#1f8a5b; --warn:#b7791f; --bad:#b4303a;
}
*{box-sizing:border-box}
body{background:
  radial-gradient(1100px 480px at 50% -180px,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),
  var(--bg);
  color:var(--ink);font-family:var(--f-body);font-size:14px;line-height:1.45;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 48px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
h1,h2,h3{font-family:var(--f-display);font-weight:700;margin:0;text-wrap:balance;letter-spacing:-0.01em}
h2{font-size:17px} h3{font-size:14px}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.muted{color:var(--ink-2)}
.envbadge{margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:999px;background:#e0a53c;color:#1a1204}
.envbadge.local{background:#5b8def;color:#fff}
.diag{display:grid;gap:6px;margin-top:10px}
.diag .it{display:grid;grid-template-columns:22px minmax(140px,240px) 1fr;gap:8px;align-items:start;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
.diag .it b{font-weight:600}
.diag .ok{color:var(--accent)}.diag .bad{color:#e5484d}.diag .na{color:var(--ink-2)}
@media (max-width:640px){.diag .it{grid-template-columns:22px 1fr}.diag .it .d{grid-column:2}}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-weight:600}
.wrap{max-width:1180px;margin:0 auto}

/* topo */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line);margin:0 calc(-1*max(16px,env(safe-area-inset-left,0px)));padding:10px max(16px,env(safe-area-inset-left,0px))}
.top .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:8px;margin-right:8px}
.brand b{font-family:var(--f-display);font-size:19px}
.brand span{font-size:12px;color:var(--ink-2)}
.tabs{display:flex;gap:4px;flex-wrap:wrap}
.tab{border:1px solid transparent;background:none;padding:6px 12px;border-radius:999px;font-weight:500;color:var(--ink-2)}
.tab:hover{color:var(--ink);background:var(--surface-2)}
.tab[aria-selected="true"]{background:var(--accent-soft);color:var(--accent)}
[hidden]{display:none!important}
.subnav{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.subnav .grp{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.subnav .glbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-right:4px}
.subnav button{border:1px solid var(--line);background:none;padding:5px 10px;border-radius:999px;font-size:13px;color:var(--ink)}
.subnav button[aria-current="true"]{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.sync{margin-left:auto;font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ink-2)}
.dot.on{background:var(--good)} .dot.local{background:var(--warn)}

main{padding-top:20px}
.view[hidden]{display:none!important}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}
.grid{display:grid;gap:14px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.btn{border:1px solid var(--line);background:var(--surface);padding:7px 12px;border-radius:7px;font-weight:500}
.btn:hover{border-color:var(--ink-2)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),0 8px 24px -8px color-mix(in srgb,var(--accent) 50%,transparent)}
.btn.small{padding:4px 9px;font-size:12px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;flex-wrap:wrap}
.seg button{border:0;background:var(--surface);padding:6px 11px;font-size:13px;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent)}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}
.field{display:grid;gap:6px}

/* início */
.hero-line{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.hero-line h1{font-size:clamp(20px,2.6vw,27px);line-height:1.1;max-width:22ch}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpi .v{font-family:var(--f-display);font-size:30px;font-weight:700;line-height:1.1;margin-top:6px}
.kpi .s{font-size:12px;color:var(--ink-2);margin-top:2px}
.kpi svg{display:block;margin-top:8px;width:100%;height:30px}
.two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}
@media (max-width:860px){.two{grid-template-columns:1fr}}
table.t{width:100%;border-collapse:collapse;font-size:13px}
table.t th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);text-align:left;font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}
table.t td{padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}
table.t td.n,table.t th.n{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums}
table.t tr:last-child td{border-bottom:0}
.tscroll{overflow-x:auto}
.bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;min-width:60px}
.bar i{display:block;height:100%;background:var(--accent)}
.sev{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:1px}
.trees{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.treecard{display:grid;gap:10px;align-content:start}
.treecard h3{font-size:15px}
.stack-strip{display:flex;gap:3px;align-items:end;height:34px}
.stack-strip i{flex:1;background:var(--accent-soft);border-top:2px solid var(--accent);border-radius:2px 2px 0 0}
.empty{padding:18px;border:1px dashed var(--line);border-radius:8px;color:var(--ink-2);font-size:13px}

/* treino */
.setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 22px}
.tables{display:grid;gap:14px;margin-top:14px}
.tables.n2{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.tables.n4{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}
@media (max-width:520px){.tables.n2,.tables.n4{grid-template-columns:1fr}}
.drill{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
.tables.n2 .drill,.tables.n4 .drill{grid-template-columns:1fr}
@media (max-width:860px){.drill{grid-template-columns:1fr}}
.dhead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.dhead .spot{font-weight:600}
.felt{position:relative;width:100%;aspect-ratio:16/10;max-width:100%;margin-top:10px;container-type:inline-size}
.felt .oval{position:absolute;inset:12% 9%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--felt) 88%,white) 0%,var(--felt) 60%,var(--felt-edge) 100%);border:6px solid var(--felt-edge)}
.felt .center{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);text-align:center;color:var(--felt-ink);font-size:clamp(10px,2.1cqw,13px);line-height:1.3}
.felt .center b{display:block;font-family:var(--f-mono);font-size:clamp(13px,3cqw,19px)}
/* cartas do herói: entre o pote e o assento dele, escalam com a mesa */
.felt .hcards{position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);z-index:2}
/* cartas presas ao assento do herói: ficam logo acima da caixa, nunca por cima dela */
.felt .seat.comcartas{transform:translate(-50%,calc(-100% + 1.6em))}
.felt .seat .hcards{position:static;transform:none;margin-bottom:2px}
.felt .hcards .cards{gap:clamp(3px,1cqw,7px)}
.felt .card{width:clamp(28px,6.6cqw,54px);height:clamp(38px,9cqw,74px);font-size:clamp(14px,3.4cqw,25px)}
.felt .card small{font-size:clamp(12px,2.8cqw,20px)}
.seat{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:2px;z-index:3}
.seat .box{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:clamp(2px,.5cqw,4px) clamp(5px,1.3cqw,9px);text-align:center;font-size:clamp(9px,1.9cqw,12px);line-height:1.25;white-space:nowrap}
.seat .box b{display:block;font-family:var(--f-mono);font-size:clamp(10px,2.1cqw,13px)}
.seat.folded .box{opacity:.45}
.seat.hero .box{border:2px solid var(--accent)}
.seat .box.tagged{border-width:2px}
.seat .vtag{font-size:10px;font-weight:600;color:#fff;border-radius:4px;padding:0 5px;line-height:1.5}
.seat .box.tagbtn{cursor:pointer}
.seat .box.tagbtn:hover{outline:2px dashed var(--line);outline-offset:2px}
.tagpop{position:fixed;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:10px;width:250px;display:grid;gap:8px}
.tagpop .opts{display:flex;flex-wrap:wrap;gap:5px}
.tagpop .opts button{border:2px solid transparent;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;color:#fff}
.tagpop .opts button[aria-pressed="true"]{border-color:var(--ink)}
.tagpop .opts button.none{background:var(--surface-2);color:var(--ink)}
.tagpop input{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:13px}
.ctags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}
.ctags .vt{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 4px;background:none;font-size:12px;color:var(--ink)}
.ctags .vt i{width:12px;height:12px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line)}
.seat .bet{font-family:var(--f-mono);font-size:11px;background:var(--surface-2);border-radius:999px;padding:1px 7px}
.seat .act{font-size:10px;font-weight:600;color:var(--accent-ink);border-radius:4px;padding:0 5px}
.cards{display:flex;gap:6px;justify-content:center}
.card{width:44px;height:60px;border-radius:6px;background:#fff;border:1px solid #c9d1cd;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:21px;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.card small{font-size:17px;display:block;text-align:center}
.s-s{color:#1b1f1e}.s-h{color:#c42a35}.s-d{color:#1f5fbf}.s-c{color:#1d7a46}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.act-btn{flex:1 1 110px;border:0;border-radius:8px;padding:11px 10px;font-weight:600;color:#fff;display:flex;justify-content:space-between;gap:8px;align-items:center}
.act-btn kbd{font-family:var(--f-mono);font-size:11px;opacity:.8;background:rgba(0,0,0,.18);border-radius:4px;padding:0 5px}
.act-btn[disabled]{opacity:.55;cursor:default}
.act-btn.chosen{outline:3px solid var(--ink);outline-offset:2px;opacity:1}
.verdict{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}
.verdict .pill{border-radius:999px;padding:2px 10px;color:#fff;font-size:13px}
.fb{display:grid;gap:12px;align-content:start}
.hbars{display:grid;gap:6px}
.hbar{display:grid;grid-template-columns:110px minmax(0,1fr) 54px 66px;gap:8px;align-items:center;font-size:12px}
.hbar .b{height:12px;background:var(--surface-2);border-radius:3px;overflow:hidden}
.hbar .b i{display:block;height:100%}
.hbar.me{font-weight:600}
.range{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;max-width:520px;width:100%}
.cell{position:relative;aspect-ratio:1;font-size:clamp(7px,0.85vw,10px);font-family:var(--f-mono);display:grid;place-items:center;color:#10201b;font-weight:500;padding:0;border:0;min-width:0;overflow:hidden}
.cell span{position:relative;z-index:1;text-shadow:0 0 2px rgba(255,255,255,.75)}
.cell.zero{background:var(--surface-2)!important;color:var(--ink-2)}
.cell.zero span{text-shadow:none}
.cell.me{outline:2px solid var(--ink);outline-offset:-2px;z-index:2}
.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.timerbar{height:3px;background:var(--surface-2);border-radius:2px;overflow:hidden;margin-top:8px}
.timerbar i{display:block;height:100%;background:var(--warn);width:100%}
.sessbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:13px}
.sessbar b{font-family:var(--f-mono)}

/* consulta */
.crumbs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.crumbs button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 10px;font-size:12px}
.nodeacts{display:grid;gap:6px}
.nodeact{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--surface);text-align:left}
.nodeact:hover:not([disabled]){border-color:var(--ink-2)}
.nodeact[disabled]{cursor:default;opacity:.75}
.nodeact i{width:12px;height:12px;border-radius:3px}
.rp-grid td.n{min-width:52px}
.consult{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}
@media (max-width:860px){.consult{grid-template-columns:1fr}}

/* quizzes */
.quiz{max-width:760px;margin:0 auto;display:grid;gap:14px}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.opt{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px;font-family:var(--f-mono);font-size:15px;text-align:left;display:flex;justify-content:space-between}
.opt:hover:not([disabled]){border-color:var(--ink-2)}
.opt.ok{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,var(--surface))}
.opt.no{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--surface))}
.opt kbd{font-size:11px;color:var(--ink-2)}
.explain{font-size:13px;color:var(--ink-2);border-left:3px solid var(--accent);padding-left:10px}
.loading{padding:30px;text-align:center;color:var(--ink-2)}

/* lab */
:root{--paint:#7fd0b4;--g1:#2f9a69;--g2:#3f74c9;--g3:#a8743a;--g4:#8a979e}
.lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px}
@media (max-width:900px){.lab{grid-template-columns:1fr}}
.lab-range{touch-action:none;user-select:none}
.cell.hl{outline:2px solid var(--a-raise2);outline-offset:-2px;z-index:2}
.deck{display:grid;gap:3px}
.deckrow{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px}
.dk{border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:3px 0;font-family:var(--f-mono);font-size:11px;min-width:0}
.dk.on{background:var(--ink);color:var(--bg)!important}
.dk[disabled]{opacity:.3}
.dk.s-s{color:var(--ink)}.dk.s-h{color:#c42a35}.dk.s-d{color:#2f6fd6}.dk.s-c{color:#1d8a50}
table.cats tbody tr{cursor:pointer}
table.cats tbody tr:hover td{background:var(--surface-2)}
table.cats tr.on td{background:color-mix(in srgb,var(--a-raise2) 16%,transparent)}
select.mini{font:inherit;font-size:12px;padding:2px 4px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink)}
.stackbar{display:flex;height:22px;border-radius:5px;overflow:hidden;background:var(--surface-2)}
.stackbar i{display:block;height:100%}
.structbox{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface-2)}
.calcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.calc{border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface)}
.calc .v{font-size:20px;font-weight:500;margin:4px 0 2px}
.numin{width:120px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}
.eqgrid .eqc{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2a1405;gap:0}
.eqgrid .eqc b{font-size:clamp(7px,0.8vw,10px);font-weight:500;position:relative;z-index:1}
.eqgrid .eqc.pay{outline:2px solid var(--good);outline-offset:-2px;z-index:2}
.eqgrid{max-width:620px}
.rr2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
@media (max-width:640px){.rr2{grid-template-columns:1fr}}
.rr2 .range{max-width:none}
.range.mini{max-width:190px;gap:0;border-radius:3px}
.range.mini .cell{font-size:0;aspect-ratio:1}
.lineranges{display:flex;flex-wrap:wrap;gap:12px}
.lineranges figure{margin:0;display:grid;gap:4px;width:min(190px,100%)}
.lineranges figcaption{font-size:12px;line-height:1.3}
.nextsel{display:flex;flex-wrap:wrap;gap:5px}
.nextsel button{border:1px solid var(--line);background:none;border-radius:999px;padding:3px 10px;font-size:12px;color:var(--ink)}
.nextsel button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.rrbars{display:grid;gap:4px;font-size:12px}
.rrbars .r{display:grid;grid-template-columns:86px minmax(0,1fr) 54px;gap:8px;align-items:center}
.eqgraph{width:100%;height:auto;margin-top:6px}
.rpwide{max-width:1100px}
.lgbtn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:2px 9px;font-size:12px;display:inline-flex;align-items:center;gap:5px}
.lgbtn.off{opacity:.4}
table.rpcurve td{white-space:nowrap}
.combolist{max-height:320px;overflow:auto}
.combolist .s-s{color:var(--ink)}.combolist .s-h{color:#c42a35}.combolist .s-d{color:#2f6fd6}.combolist .s-c{color:#1d8a50}
.deck.hot .hotc{display:grid;justify-items:center;line-height:1.1;padding:3px 0}
.deck.hot .hotc small{font-size:10px}
table.sizes th.grp{text-align:center;color:var(--accent);font-size:13px;text-transform:none;letter-spacing:0;font-family:var(--f-display)}
table.sizes th .sub{font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:var(--ink-2)}
table.sizes td .icmv{color:var(--a-allin);font-weight:600}
.emwrap{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:18px}
@media (max-width:900px){.emwrap{grid-template-columns:1fr}}
.eqgrid .eqc.inlab{outline:1.5px solid var(--ink);outline-offset:-2px}
/* flashcards */
.fcard{display:grid;gap:14px;min-height:120px}
.fback{border-top:1px dashed var(--line);padding-top:14px;display:grid;gap:12px}
.compbars{display:grid;gap:5px;max-width:420px}
.cb{display:grid;grid-template-columns:28px minmax(0,1fr) 44px;gap:8px;align-items:center;font-size:12px}
.cb .b{height:10px;background:var(--surface-2);border-radius:3px;overflow:hidden}
.cb .b i{display:block;height:100%}
.grade{flex:1 1 110px;display:grid;gap:2px;justify-items:center;padding:10px}
.grade.g1{border-color:var(--bad)}.grade.g4{border-color:var(--good)}
.grade span{font-size:11px}

/* dúvidas */
.warnpanel{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,var(--surface));font-size:13px}
.dropzone{display:grid;gap:6px;justify-items:center;text-align:center;border:2px dashed var(--line);border-radius:10px;padding:22px;margin-top:10px;cursor:pointer}
.dropzone.over,.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}
.duvgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}
@media (max-width:900px){.duvgrid{grid-template-columns:1fr}}
.duvimg{width:100%;border-radius:8px;border:1px solid var(--line);display:block}
.duvin{padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);max-width:100%}
.duvta{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit}
table.duvp td{padding:5px 6px}
table.duvp tr.me td{background:var(--accent-soft)}
.duvlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.duvcard{display:grid;grid-template-rows:auto 1fr;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0;overflow:hidden}
.duvcard:hover{border-color:var(--ink-2)}.duvcard.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.duvcard img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--surface-2)}
.duvcard .noimg{aspect-ratio:16/10;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2);font-size:12px}
.duvtxt{display:grid;gap:6px;padding:10px 12px}
.spotsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;font-size:13px}
.ansbox{border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* mesa estreita (2–4 mesas ou celular): pote sobe e fica mais compacto */
@container (max-width:440px){.felt .center{top:36%;line-height:1.15}.felt .seat.comcartas{transform:translate(-50%,calc(-100% + 1.3em))}}
/* busca de spots */
.qres{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;max-height:260px;overflow:auto;margin-top:8px;padding:2px}
.qhit{display:grid;gap:2px;text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.qhit:hover{border-color:var(--accent,#2bd99f)}
.qhit.on{border-color:var(--accent,#2bd99f);box-shadow:0 0 0 1px var(--accent,#2bd99f) inset}
.qhit .eyebrow{font-size:10px}
/* calculadoras: ícone ƒ que abre a fórmula com os números */
.fxbtn{font:italic 600 13px/1 var(--f-mono);border:1px solid var(--line);background:var(--surface-2);color:inherit;border-radius:6px;padding:1px 6px;cursor:pointer;vertical-align:1px}
.fxbtn[aria-expanded="true"]{border-color:var(--accent,#2bd99f)}
.fxrow td{background:var(--surface-2);overflow-wrap:anywhere}
/* chat da pool */
.nbadge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--bad,#e5484d);color:#fff;font:600 11px/1 var(--f-mono);vertical-align:1px}
.chattabs{margin-bottom:8px}
.chattab .cnt{font-style:normal;margin-left:6px;font:600 11px var(--f-mono);color:var(--bad,#e5484d)}
.chattab .cnt:empty{display:none}
.chatlog{max-height:340px;min-height:120px;overflow:auto;display:grid;align-content:start;gap:8px;padding:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}
.chatmsg{max-width:85%;justify-self:start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.chatmsg.eu{justify-self:end;border-color:color-mix(in srgb,var(--accent,#2bd99f) 45%,var(--line))}
.chatmsg .meta{font-size:11px;color:var(--muted,#8ba098)}
.chatmsg .txt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin-top:2px}
.chatin{flex:1 1 auto;min-width:0;resize:vertical;background:var(--surface-2);color:inherit;border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit}
.lnk{background:none;border:0;padding:0 0 0 8px;color:var(--muted,#8ba098);text-decoration:underline;cursor:pointer;font-size:11px}
/* coach */
.pkg{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.pkchecks{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 12px;max-height:220px;overflow:auto;padding:4px 0}
/* aluno do Coach: só "Meus treinos" e o drill, sem filtros nem material do grupo */
.modo-aluno .tab:not([data-view="coach"]){display:none!important}
.modo-aluno #subnav,.modo-aluno #view-treino .setup,.modo-aluno #tree-import-toggle,.modo-aluno #chat-panel{display:none!important}
.modo-aluno #view-treino .panel:has(#tree-import-toggle){display:none!important}
/* mesa: bounty e BF por jogador */
.seat .xtra{display:flex;gap:3px}
.seat .bty,.seat .bfv{font:600 clamp(9px,1.6cqw,11px)/1.3 var(--f-mono);padding:0 4px;border-radius:5px;white-space:nowrap}
.seat .bty{background:color-mix(in srgb,#f5b942 25%,var(--surface));color:#f5c86a;border:1px solid color-mix(in srgb,#f5b942 50%,transparent)}
.seat .bfv{background:var(--surface-2);color:var(--muted,#8ba098);border:1px solid var(--line)}
button.bfv{font-family:inherit;cursor:pointer}
button.bfv:hover{border-color:var(--accent);color:var(--ink)}
/* notas do drill */
.gradebar{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px}
.gradebar i{display:block;min-width:4px}
/* Início: tarefas, notificações, desafios */
.tarefa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:14px}
.tarefa.ok>div:nth-child(2)>div:first-child{text-decoration:line-through;color:var(--muted,#8ba098)}
.tarefa input{width:16px;height:16px}
.notif{display:flex;gap:10px;align-items:center;text-align:left;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:inherit;font:inherit;font-size:14px;cursor:pointer}
.notif.novo{border-color:color-mix(in srgb,var(--accent,#2bd99f) 55%,var(--line))}
.notif:hover{border-color:var(--accent,#2bd99f)}
.nic{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:13px;flex:none}
.nic.good{color:var(--good)}.nic.warn{color:var(--warn,#e0a84a)}
.rank{margin:6px 0 0;padding-left:20px;display:grid;gap:2px;font-size:13px}
.rank li{display:flex;justify-content:space-between;gap:12px}
.rank li.eu{font-weight:700}
/* radar dos desvios */
.radarwrap{display:grid;gap:8px;justify-items:center}
.radar{width:100%;max-width:380px;height:auto;overflow:visible}
.radar .rg{fill:none;stroke:var(--line);stroke-width:1}
.radar .rl{fill:var(--muted,#8ba098);font:11px var(--f-mono)}
.radar .rs{fill:var(--muted,#8ba098);font:10px var(--f-mono)}
.radar .rp{stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.radar .rp.s0{fill:color-mix(in srgb,var(--accent,#2bd99f) 18%,transparent);stroke:var(--accent,#2bd99f)}
.radar .rp.s1{fill:color-mix(in srgb,#e0a84a 12%,transparent);stroke:#e0a84a;stroke-dasharray:5 3}
.radar .rd{stroke:var(--surface);stroke-width:2}
.radar .rd.s0{fill:var(--accent,#2bd99f)}.radar .rd.s1{fill:#e0a84a}
.rsw{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle}
.rsw.s0{background:var(--accent,#2bd99f)}.rsw.s1{background:#e0a84a}
.nbadge.sino{background:var(--warn,#e0a84a);color:#1b1406}
/* várias imagens nas dúvidas e respostas */
.galeria{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.galeria img{width:96px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:block}
.galeria .mini{position:relative}
.galeria .rm{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:inherit;line-height:1;cursor:pointer;padding:0}
.ansform textarea{width:100%}
/* ===== Início (dashboard): principal + trilho da pool ===== */
.dash-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.dash-top h1{font-size:clamp(22px,2.8vw,30px);line-height:1.1;margin:0}
.dash-top p{margin:4px 0 0;font-size:14px}
/* números do topo: uma faixa só, sem cartões repetidos */
.dash-stats{display:flex;flex-wrap:wrap;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px 0;margin-bottom:14px}
.dash-stats .kpi{flex:1 1 150px;background:none;border:0;border-radius:0;box-shadow:none;padding:10px 18px;border-left:1px solid var(--line);margin:0}
.dash-stats .kpi:first-child{border-left:0}
.dash-stats .kpi .v{font-size:24px;margin-top:2px}
.dash-stats .kpi svg{height:22px;margin-top:4px}
.dash{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px;align-items:start}
.dash-main,.dash-rail{display:grid;gap:14px;min-width:0}
.dash-rail{position:sticky;top:76px}
@media (max-width:1020px){.dash{grid-template-columns:1fr}.dash-rail{position:static}}
.dash h2{font-size:17px;margin:0}
.dash h3.sub{font-size:14px;margin:0 0 8px;color:var(--ink-2)}
/* Hoje: um próximo passo em destaque, o resto em lista curta */
.dash-hoje h2{margin-bottom:10px}
.proximo{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 16px;border-radius:12px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#2bd99f) 14%,var(--surface-2)),var(--surface-2));border:1px solid color-mix(in srgb,var(--accent,#2bd99f) 40%,var(--line))}
.proximo .proximo-txt{font-size:17px;font-weight:600;line-height:1.3}
.proximo .muted{font-size:13px;margin-top:2px}
.proximo .btn{padding:10px 18px}
.proximo.feito{background:var(--surface-2);border-color:var(--line)}
.tarefas{list-style:none;margin:10px 0 0;padding:0;display:grid}
.tarefas li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 2px;border-top:1px solid var(--line);font-size:14px}
.tarefas li.ok .t{color:var(--muted,#8ba098);text-decoration:line-through}
.tarefas input{width:16px;height:16px}
/* desvios: radar + tabela lado a lado */
.desv{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.2fr);gap:18px;align-items:start;margin-top:8px}
@media (max-width:760px){.desv{grid-template-columns:1fr}}
.desv .radarwrap .tscroll{display:none}
/* trilho: chat mais baixo, avisos compactos */
.dash-rail .chatlog{max-height:260px;min-height:90px}
.dash-rail .chatin{min-height:44px}
.dash-rail .notif{padding:7px 9px;font-size:13px}
.dash-rail .pkg{padding:8px 10px}
#treecards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
#treecards .treecard{padding:12px;background:var(--surface-2)}
.leaklist{list-style:none;margin:0;padding:0;display:grid}
.leaklist li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nome btn" "bar btn" "num btn";gap:2px 12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.leaklist li:first-child{border-top:0}
.leaklist .lk-nome{grid-area:nome;font-size:14px;overflow-wrap:anywhere}
.leaklist .bar{grid-area:bar;height:5px}
.leaklist .lk-num{grid-area:num;font-size:12px}
.leaklist .btn{grid-area:btn}
.desv{grid-template-columns:minmax(240px,340px) minmax(0,1fr)}
.desv .radar{max-width:340px}
@media (max-width:760px){.desv{grid-template-columns:1fr}.desv .radar{max-width:100%}}
.desv .radar .rl{font-size:13px}
/* ===== navegação em grupos + painel de ferramentas ===== */
#subnav{display:none!important} /* substituído pelo painel do grupo Treinar */
.tab[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
.tab.grp::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.6}
.tab.grp[aria-expanded="true"]{color:var(--ink);background:var(--surface-2)}
.tab-ic{display:inline-grid;place-items:center;padding:6px 8px}
.tab-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.tab-aluno{display:none}
.modo-aluno .tab-aluno{display:inline-flex}
.megamenu{position:fixed;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 18px;
  box-shadow:0 18px 50px rgba(0,0,0,.45);max-height:calc(100vh - 90px);overflow:auto}
.mm-nome{font-size:12px;color:var(--ink-2);margin:0 0 6px 6px}
.mm-itens{display:grid;gap:2px}
.mm-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:0;background:none;color:inherit;font:inherit;padding:7px 8px;border-radius:10px;cursor:pointer}
.mm-item:hover,.mm-item:focus-visible{background:var(--surface-2)}
.mm-item b{display:block;font-weight:600;font-size:14px}
.mm-desc{display:block;font-size:12px;color:var(--ink-2)}
.mm-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.mm-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* ===== Início ===== */
.atalhos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
@media (max-width:900px){.atalhos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.atalho{position:relative;display:grid;gap:3px;align-content:end;min-height:128px;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}
.atalho:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:translateY(-1px)}
.atalho b{font-family:var(--f-display);font-size:18px;font-weight:700}
.atalho>span:last-child{font-size:13px;color:var(--ink-2)}
.at-ic{position:absolute;top:14px;left:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface-2);color:var(--accent)}
.at-ic svg,.at-seta{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.at-seta{position:absolute;top:16px;right:14px;width:16px;height:16px;color:var(--ink-2)}
.atalho.forte{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.atalho.forte>span:last-child,.atalho.forte .at-seta{color:color-mix(in srgb,var(--accent-ink) 70%,transparent)}
.atalho.forte .at-ic{background:color-mix(in srgb,var(--accent-ink) 12%,transparent);color:var(--accent-ink)}
.atalho.escuro{background:linear-gradient(160deg,var(--felt),var(--felt-edge));border-color:var(--felt);color:var(--felt-ink)}
.atalho.escuro>span:last-child,.atalho.escuro .at-seta{color:color-mix(in srgb,var(--felt-ink) 70%,transparent)}
.atalho.escuro .at-ic{background:rgba(255,255,255,.08);color:var(--felt-ink)}
/* foco da semana: a faixa de feltro é o destaque da página */
.foco{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(110px,.7fr)) minmax(220px,1.3fr);align-items:center;gap:0;margin-bottom:14px;border-radius:16px;
  background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--felt) 80%,#2a6b56),var(--felt-edge));color:var(--felt-ink);border:1px solid color-mix(in srgb,var(--felt) 70%,var(--line));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.foco>*{padding:16px 18px}
.foco>*+*{border-left:1px solid rgba(255,255,255,.08)}
.fo-tema{display:flex;gap:12px;align-items:center}
.fo-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08)}
.fo-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.fo-lbl{display:block;font-size:12px;color:color-mix(in srgb,var(--felt-ink) 65%,transparent)}
.fo-titulo{font-family:var(--f-display);font-size:18px;line-height:1.2}
.fo-stat b{display:block;font-family:var(--f-display);font-size:24px;line-height:1.15}
.fo-sub{font-size:11.5px;color:color-mix(in srgb,var(--felt-ink) 60%,transparent)}
.fo-acao{display:grid;gap:8px;justify-items:start;font-size:13px}
@media (max-width:1100px){.foco{grid-template-columns:repeat(3,minmax(0,1fr))}.fo-tema,.fo-acao{grid-column:1/-1}.foco>*+*{border-left:0}.foco>.fo-stat+.fo-stat{border-left:1px solid rgba(255,255,255,.08)}.fo-acao{border-top:1px solid rgba(255,255,255,.08)}}
/* hoje: passos lado a lado */
.hoje{margin-bottom:14px}
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px}
.passo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.passo:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.ps-marca{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ink-2);background:none;color:var(--accent-ink);font-size:13px;line-height:1;cursor:pointer;padding:0}
.passo.ok .ps-marca{background:var(--accent);border-color:var(--accent)}
.ps-txt{display:grid;gap:2px;text-align:left;border:0;background:none;color:var(--accent);font:inherit;font-weight:500;cursor:pointer;padding:0}
.ps-sub{font-size:12px;font-weight:400}
.passo.ok .ps-txt>span:first-child{text-decoration:line-through;color:var(--ink-2)}
.ps-seta{color:var(--ink-2);font-size:20px}
/* diagnóstico */
.diag{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr);gap:22px;margin-top:10px}
@media (max-width:760px){.diag{grid-template-columns:1fr}}
.diag-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}
.diag-h .muted{font-size:12px}
.diag-score{border-left:1px solid var(--line);padding-left:22px;display:grid;gap:10px;align-content:start}
@media (max-width:760px){.diag-score{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:14px}}
.leaklist li{grid-template-columns:28px minmax(0,1fr) auto auto;grid-template-areas:none;gap:12px;padding:10px 0}
.leaklist .lk-n{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--surface-2);font-size:12px;font-weight:600;color:var(--ink-2)}
.leaklist .lk-nome{display:grid;gap:1px;grid-area:auto}
.leaklist .lk-nome .muted{font-size:12px}
.lk-score{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-display);font-size:19px;font-weight:700}
.lk-score i{font-style:normal;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font-size:11px}
.lk-score.bad i{color:var(--bad)}.lk-score.warn i{color:var(--warn)}.lk-score.good i{color:var(--good)}
.sc{display:grid;gap:4px;justify-items:start}
.sc-lbl{font-weight:600}
.sc-num{font-family:var(--f-display);font-size:48px;line-height:1;color:var(--accent)}
.sc-de{color:var(--ink-2)}
.sc-st{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid currentColor}
.sc-st.solido{color:var(--good)}.sc-st.evolucao{color:var(--warn)}.sc-st.atencao{color:var(--bad)}
.diag-score .radar{max-width:280px}
.diag-score .radarwrap{justify-items:start}
.diag-score .radarwrap>p{display:none}
.leaklist li .btn,.leaklist li .lk-score{grid-area:auto}
.diag-score .radarwrap .tscroll{display:none}
.diag-score .radar .rl{font-size:15px}
/* barra do trainer */
.drilltools{display:flex;gap:6px;margin-left:auto}
.dt-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);border-radius:8px;padding:4px 9px;font:inherit;font-size:12px;cursor:pointer}
.dt-btn.on{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,var(--line));background:color-mix(in srgb,var(--warn) 10%,var(--surface-2))}
.drillinfo{margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
/* ===== Central de treino ===== */
:root{--ct-azul:#4b8df8;--ct-roxo:#9b7bff;--ct-rosa:#ef5da8;--ct-lilas:#b48cff}
.ct-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ct-topo h1{font-size:clamp(22px,2.8vw,30px)}
.ct-abas{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px}
.ct-abas button{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;background:none;color:var(--ink-2);font:inherit;font-weight:500;padding:7px 12px;border-radius:10px;cursor:pointer}
.ct-abas button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ct-abas button[aria-current="true"]{color:var(--ink);background:var(--surface-2);border-color:var(--line)}
.ct-h2{font-size:19px}
.ct-modos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.ct-modo{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;text-align:left;padding:20px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s}
.ct-modo:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.ct-modo b{display:block;font-family:var(--f-display);font-size:17px;margin-bottom:4px}
.ct-txt{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.5}
.ct-extra{display:inline-block;margin-top:8px;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink)}
.ct-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px}
.ct-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ct-ic.roxo{background:color-mix(in srgb,var(--ct-roxo) 16%,transparent);color:var(--ct-roxo)}
.ct-ic.azul{background:color-mix(in srgb,var(--ct-azul) 16%,transparent);color:var(--ct-azul)}
.ct-ic.verde{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}
.ct-ic.vermelho{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}
.ct-ic.lilas{background:color-mix(in srgb,var(--ct-lilas) 16%,transparent);color:var(--ct-lilas)}
.ct-ic.ambar{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}
.ct-prog{display:grid;gap:14px}
.ct-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.ct-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ct-kpi{display:grid;gap:4px}
.ct-kpi-h{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--ink-2);font-size:13px}
.ct-kic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ct-kic.verde,.ct-kv.verde{color:var(--good)}.ct-kic.azul,.ct-kv.azul{color:var(--ct-azul)}.ct-kic.rosa,.ct-kv.rosa{color:var(--ct-rosa)}.ct-kic.ambar,.ct-kv.ambar{color:var(--warn)}
.ct-kv{font-family:var(--f-display);font-size:28px;line-height:1.15}
.ct-xp{height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.ct-xp i{display:block;height:100%;background:var(--ct-rosa)}
.ct-dois{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:14px}
@media (max-width:900px){.ct-dois{grid-template-columns:1fr}}
.ct-col{display:grid;gap:14px;align-content:start}
.ct-barras{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;height:200px;margin-top:12px}
.ct-dia{display:grid;grid-template-rows:1fr auto;height:100%;gap:6px;text-align:center;font-size:11px;color:var(--ink-2)}
.ct-par{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;border-bottom:1px solid var(--line)}
.ct-par i{display:block;width:40%;max-width:28px;border-radius:4px 4px 0 0;min-height:2px}
.ct-par i.dec{background:var(--ct-azul)}.ct-par i.ac{background:var(--good)}
.ct-sem{display:grid;gap:8px;margin-top:10px}
.ct-semrow{display:grid;grid-template-columns:80px minmax(0,1fr) 64px 110px;gap:12px;align-items:center;font-size:13px}
.ct-semrow .bar i{background:var(--ct-azul)}
.ct-heat{display:grid;grid-template-rows:repeat(7,14px);grid-auto-flow:column;grid-auto-columns:14px;gap:3px;margin-top:10px;overflow-x:auto}
.ct-cel{display:inline-block;width:14px;height:14px;border-radius:3px;background:var(--surface-2)}
.ct-cel.n1{background:color-mix(in srgb,var(--accent) 35%,var(--surface-2))}.ct-cel.n2{background:color-mix(in srgb,var(--accent) 65%,var(--surface-2))}.ct-cel.n3{background:var(--accent)}
.ct-coach p{font-size:14px}
/* range trainer */
.rt{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:18px;align-items:start}
@media (max-width:900px){.rt{grid-template-columns:1fr}}
.rt-paleta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.rt-paleta button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;padding:6px 12px;border-radius:9px;cursor:pointer}
.rt-paleta button[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.rt-paleta i{display:inline-block;width:12px;height:12px;border-radius:3px}
.rt-grade{touch-action:none;user-select:none}
.rt-grade .cell.rt-erro{outline:2.5px solid var(--bad);outline-offset:-2px;z-index:1}
.rt-grade .cell.rt-misto{outline:2px dashed var(--warn);outline-offset:-2px}
.btn.ok{border-color:var(--good);color:var(--good)}.btn.erro{border-color:var(--bad);color:var(--bad)}
.rt-grade .cell span{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.rt-grade .cell.zero span{color:var(--ink-2);text-shadow:none;font-weight:400}
/* ===== trainer (estilo GTO Wizard) ===== */
body:not(.deck4) .s-d{color:#c42a35}body:not(.deck4) .s-c{color:#1b1f1e}
body:not(.deck4) .dk.s-c,body:not(.deck4) .combolist .s-c{color:var(--ink)}
.trainer{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
body.treinando .trainer{grid-template-columns:260px minmax(0,1fr)}
@media (max-width:980px){body.treinando .trainer{grid-template-columns:1fr}}
body.treinando .trainer .tables{margin-top:0}
/* durante o treino os filtros recolhem; o botão ⚙ do painel lateral reabre */
body.treinando:not(.ver-filtros) #view-treino>.panel:first-child .setup,body.treinando #view-treino>.panel:has(#tree-import-toggle){display:none}
body.treinando:not(.ver-filtros) #view-treino>.panel:first-child{padding:8px 14px}
body.treinando #view-treino>.panel:first-child>.row{margin-top:0!important}
.trainer-side{position:sticky;top:76px;display:grid;gap:12px;align-content:start}
.trainer-side section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}
.trainer-side h3{font-size:14px;margin:0 0 6px}
.ts-spot{font-size:12.5px;color:var(--ink-2);margin:0 0 8px}
.ts-btns{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.ts-btn{width:34px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:14px;cursor:pointer}
.ts-btn:hover{border-color:var(--accent)}
.ts-campo{display:grid;gap:4px;margin-top:8px;font-size:12.5px;color:var(--ink-2)}
.ts-campo .seg button{padding:4px 10px;font-size:12.5px}
.ts-chk{display:flex;gap:8px;align-items:center;font-size:12.5px;margin-top:10px;color:var(--ink-2)}
.ts-tot{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px;margin:4px 0}
.ts-tot span{display:block;font-size:11.5px;color:var(--ink-2)}
.ts-tot b{font-family:var(--f-display);font-size:20px}
.ts-bar{display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden;margin:6px 0 8px}
.ts-bar .ok{background:var(--good)}.ts-bar .er{background:var(--bad)}
.ts-grades{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:3px;font-size:13px}
.ts-grades li{display:grid;grid-template-columns:22px 30px 1fr;align-items:center}
.ts-grades i{font-style:normal;font-size:11px}
.ts-grades .best i,.ts-grades .correct i{color:var(--good)}.ts-grades .inacc i{color:var(--warn)}.ts-grades .wrong i,.ts-grades .blunder i{color:var(--bad)}
/* faixa de ações antes de você */
.strip{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.st-i{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);font-size:11.5px}
.st-i b{font-weight:600}.st-i em{font-style:normal;font-family:var(--f-mono);color:var(--ink-2);font-size:11px}
.st-i span{padding:1px 6px;border-radius:5px;background:var(--surface);font-weight:600}
.st-i.fo{opacity:.55}.st-i.ag span{color:var(--a-raise1)}
.st-i.eu{border-color:var(--accent);color:var(--accent)}
.act-pct{font-family:var(--f-mono);font-size:11.5px;font-weight:600;background:rgba(0,0,0,.22);padding:0 6px;border-radius:5px}
.tables.n3{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
/* definições */
.df{display:grid;gap:14px}
.df-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:20px}
@media (max-width:900px){.df-grid{grid-template-columns:1fr}}
.df-temas{display:grid;gap:6px}
.df-tema{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;padding:7px 10px;border-radius:10px;cursor:pointer}
.df-tema[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.df-faixa{display:flex;height:16px;border-radius:4px;overflow:hidden}
.df-faixa i{flex:1}
.df-cores{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.df-cores label{display:flex;align-items:center;gap:8px;font-size:13px}
.df-cores input[type=color]{width:34px;height:28px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:2px}
.df-teclas{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.df-teclas label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:13px}
.df-prev .range{max-width:380px}
/* resumo geral (Practice home) */
.ct-resumo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;align-items:end;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
@media (max-width:900px){.ct-resumo{grid-template-columns:1fr}}
.ct-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ct-nums span{display:block;font-size:12px;color:var(--ink-2)}.ct-nums b{font-family:var(--f-display);font-size:26px}
.ct-notas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.nt{display:grid;gap:4px;font-size:12px}
.nt span{display:flex;gap:5px;align-items:center;font-weight:600;color:var(--ink-2)}.nt i{font-style:normal}
.nt-bar{height:72px;display:flex;align-items:flex-end;background:var(--surface-2);border-radius:8px;overflow:hidden}
.nt-bar i{display:block;width:100%;min-height:3px}
.nt.best .nt-bar i,.nt.correct .nt-bar i{background:var(--good)}.nt.correct .nt-bar i{opacity:.65}
.nt.inacc .nt-bar i{background:var(--warn)}.nt.wrong .nt-bar i{background:var(--bad);opacity:.75}.nt.blunder .nt-bar i{background:var(--bad)}
.nt.best span i,.nt.correct span i{color:var(--good)}.nt.inacc span i{color:var(--warn)}.nt.wrong span i,.nt.blunder span i{color:var(--bad)}
.nt b{font-family:var(--f-mono)}
/* durante o treino a barra de cima some (o painel lateral tem tudo); ⚙ reabre os filtros */
body.treinando:not(.ver-filtros) #view-treino>.panel:first-child{display:none}
body.treinando.ver-filtros #view-treino>.panel:first-child{display:block}
.tables.n3 .drill{grid-template-columns:1fr}
.tables.n2 .st-i.fo,.tables.n3 .st-i.fo,.tables.n4 .st-i.fo{display:none}
.tables.n3 .st-i em,.tables.n4 .st-i em{display:none}
@container (max-width:480px){.felt .center{top:33%}}
#tables>.panel.mesa-ativa{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.act-btn.foco{outline:3px solid var(--ink);outline-offset:2px}

/* ---- ferramentas da mesa e popups (estilo GTO Wizard) ---- */
#tables>.panel.comPop{position:relative}
.drilltools{display:flex;gap:4px;margin-left:auto;align-items:center}
.dt-btn{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);border-radius:8px;cursor:pointer}
.dt-btn svg,.ts-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dt-btn:hover{color:var(--ink);border-color:var(--ink-2)}
.dt-btn.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}
.bf-txt{font:700 11px/1 var(--f-mono);letter-spacing:.02em}
.ts-btn{display:inline-grid;place-items:center}
.dpop{position:absolute;z-index:30;top:48px;right:10px;width:min(440px,calc(100% - 20px));max-height:calc(100% - 60px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.dpop-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.dpop-h b{font-size:13.5px}
.dpop-tabs{margin-left:auto}.dpop-tabs button{font-size:12px;padding:3px 10px}
.dpop-x{border:0;background:none;color:var(--ink-2);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
.dpop-x:hover{color:var(--ink)}
.dpop-sub{font-size:12px;color:var(--ink-2);margin-bottom:6px}
.dpop .freqs{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:2px 12px;font-size:12.5px}
.dpop .freqs li{display:flex;justify-content:space-between;gap:6px}
.dpop .fbar{display:flex;border-radius:4px;overflow:hidden}
.dpop tr.fo td{opacity:.5}
/* 5 a 9 mesas: grade densa; mesa, cartas e botões são vetoriais e escalam pelo container (sem perder nitidez) */
.tables.n5,.tables.n6{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.tables.n7,.tables.n8,.tables.n9{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
@media (min-width:1500px){.tables.n6,.tables.n9{grid-template-columns:repeat(3,minmax(0,1fr))}.tables.n7,.tables.n8{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tables.muitas{gap:10px}
.tables.muitas .drill{grid-template-columns:1fr;gap:8px}
.tables.muitas>.panel{padding:10px}
.tables.muitas .st-i.fo,.tables.muitas .st-i em{display:none}
.tables.muitas .felt{margin-top:6px}
.tables.muitas .actions{gap:5px}
.tables.muitas .act-btn{padding:7px 8px;font-size:12.5px;min-height:34px}
.tables.muitas .act-pct{font-size:10.5px}
.tables.muitas .dpop{top:42px;right:6px;width:calc(100% - 12px)}
.ts-mesas{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}
.ts-mesas button{padding:4px 0!important;text-align:center}
.tables.muitas .fb>.muted:only-child{display:none}
.tables.muitas .felt .center{display:none} /* com 5+ mesas o pote vai para o cabeçalho da mesa */
/* ---- Biblioteca de estratégias ---- */
.bib{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:860px){.bib{grid-template-columns:1fr}}
.bib-arv{position:sticky;top:76px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:8px;max-height:calc(100vh - 100px);overflow:auto}
.bib-no{display:flex;align-items:center;gap:2px;padding-left:calc(var(--n)*14px);border-radius:8px}
.bib-no.on{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.bib-no.on .bib-nome{color:var(--accent)}
.bib-seta{width:20px;flex:none;border:0;background:none;color:var(--ink-2);cursor:pointer;font-size:11px;padding:0}
.bib-nome{flex:1;display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);font:inherit;font-size:13.5px;text-align:left;padding:6px 6px;cursor:pointer;border-radius:8px;min-width:0}
.bib-nome:hover{background:var(--surface-2)}
.bib-nome svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-2)}
.bib-nome span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bib-nome em{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--ink-2)}
.bib-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.bib-filtros{display:grid;gap:8px;margin-bottom:12px}
.bib-busca{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font:inherit}
.bib-f{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2)}
.bib-f>span{width:44px}
.bib-f .seg button{padding:4px 10px;font-size:12.5px}
.bib-barra{position:sticky;top:64px;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.bib-barra.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.bib-barra>span{margin-right:auto;font-size:13px}
.bib-barra .btn{display:inline-flex;align-items:center;gap:6px}
.bib-barra svg,.ic-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bib-sel{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:12.5px}
.bib-lista{display:grid;gap:6px}
.bib-todos{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);padding:2px 10px}
.bib-item{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.bib-item.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.bib-chk input{width:16px;height:16px;accent-color:var(--accent)}
.bib-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface-2)}
.bib-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t-vanilla{color:var(--a-call)}.t-pko{color:var(--a-allin)}.t-mystery{color:var(--a-raise2,var(--warn))}.t-meta{color:var(--accent)}
.bib-txt{display:grid;min-width:0}.bib-txt b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bib-txt span{font-size:12px;color:var(--ink-2)}
.bib-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid currentColor;opacity:.9}
.bib-acoes{display:flex;gap:4px}
.ic-btn{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink-2);cursor:pointer;font-size:16px}
.ic-btn:hover{color:var(--ink);border-color:var(--ink-2)}
@media (max-width:560px){.bib-item{grid-template-columns:auto auto minmax(0,1fr) auto}.bib-tag{display:none}}
/* ---- Dúvidas: treino e consulta ---- */
.dt-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.dt-grid{grid-template-columns:1fr}}
.dt-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.dt-acoes .btn{min-width:84px}
.dt-acoes .btn.certo{background:var(--good);border-color:var(--good);color:#fff}
.dt-acoes .btn.errado{background:var(--bad);border-color:var(--bad);color:#fff}
.dt-acoes .btn.escolhido{outline:2px solid var(--ink);outline-offset:2px}
.dt-acoes .btn:disabled{opacity:1}
.duvpop-ov{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);display:grid;place-items:start center;padding:6vh 16px 16px;overflow:auto}
.duvpop{width:min(760px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.duvpop .bib-busca{flex:1 1 220px}
.duvpop-lista{display:grid;gap:6px;max-height:70vh;overflow:auto}
.duvpop-item{border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.duvpop-item.on{border-color:var(--accent)}
.duvpop-cab{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:0;background:none;color:var(--ink);font:inherit;text-align:left;padding:8px;cursor:pointer}
.duvpop-cab img,.duvpop-sem{width:72px;height:46px;object-fit:cover;border-radius:6px;background:var(--surface);display:grid;place-items:center;color:var(--ink-2)}
.duvpop-sem svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.duvpop-txt{display:grid;min-width:0}.duvpop-txt b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duvpop-txt span{font-size:12px;color:var(--ink-2)}
.duvpop-corpo{padding:0 10px 10px;display:grid;gap:8px}
.dz{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.85);display:grid;place-items:center;padding:20px;cursor:zoom-out}
.dz img{max-width:100%;max-height:86vh;border-radius:8px}
.dz-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.galeria .mini{border:0;padding:0;background:none;cursor:zoom-in}
#view-duv .dhead .row .btn{display:inline-flex;align-items:center;gap:6px}
.btn>svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn:has(>svg){display:inline-flex;align-items:center;gap:6px}
.duvpop .dpop-x{margin-left:auto}
/* ---- alta performance: filtros de mão/spot, tempo, treinos salvos ---- */
.ap-filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 22px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.ap-in{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:13px;width:100%}
.ap-num{width:80px}
.ap-salvos{grid-column:1/-1}
.ap-lista{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ap-preset{display:flex;align-items:center;gap:4px}
.ap-play{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;text-align:left;padding:6px 10px;border-radius:10px;cursor:pointer;max-width:420px}
.ap-play:hover{border-color:var(--accent)}
.ap-play svg{width:16px;height:16px;flex:none;fill:currentColor;stroke:none;color:var(--accent)}
.ap-play span{display:grid;min-width:0}.ap-play b{font-size:13px}.ap-play em{font-style:normal;font-size:11.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-centro{margin-bottom:18px}.ap-centro .ap-lista{margin-top:8px}
.ap-card{padding:10px 12px}
.ts-tempo{margin-top:8px}
.ap-tempo{margin-top:16px}
.ap-barras{display:flex;align-items:flex-end;gap:6px;height:90px;margin-top:12px}
.ap-barras div{flex:1;display:grid;grid-template-rows:1fr auto;height:100%;text-align:center;font-size:10.5px;color:var(--ink-2)}
.ap-barras div{align-items:end}
.ap-barras i{display:block;background:var(--accent);border-radius:3px 3px 0 0;min-height:3px;opacity:.8}
/* ---- treino em tela cheia, mesas encaixadas e fontes finas na mesa ---- */
body.treinando main.wrap{max-width:none;padding-left:16px;padding-right:16px}
body.treinando .tables{justify-content:center}
.tables .felt{width:min(100%,var(--felt-w,100%));margin-left:auto;margin-right:auto;margin-bottom:22px}
.felt .hist{position:absolute;left:50%;top:100%;transform:translate(-50%,2px);display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px;max-width:96%;font:300 clamp(10px,1.6cqw,12px)/1.25 var(--f-body);color:var(--ink-2);letter-spacing:.01em;text-align:center;z-index:2}
.felt .hist span+span::before{content:"›";margin-right:6px;opacity:.6}
.felt .hist .hist-vazio{font-style:italic}
.seat .box{font-weight:400;letter-spacing:.01em}
.seat .box b{font-family:var(--f-body);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0}
.felt .center{font-weight:300}
.felt .center b{font-family:var(--f-body);font-weight:500;font-variant-numeric:tabular-nums}
.seat .bet{font-family:var(--f-body);font-weight:400;font-variant-numeric:tabular-nums}
.seat .act{font-weight:500;letter-spacing:.02em}
.seat .bfv,.seat .bty{font-weight:400}
.dhead .spot{font-weight:500}
/* mesas pequenas (5+): a resposta curta não empurra o layout */
.tables.muitas .fb{min-height:0}
.trainer-side{max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:thin}
#tables>.panel{position:relative}
.tables:not(.n1) .drilltools{position:absolute;top:8px;right:8px;margin:0}
.tables:not(.n1) .dhead{padding-right:146px}
.tables:not(.n1) .fb>.muted:only-child{display:none}
.tables:not(.n1) .actions{flex-wrap:nowrap;gap:6px;margin-top:8px}
.tables:not(.n1) .act-btn{flex:1 1 0;min-width:0;padding:9px 8px;font-size:13px}
.tables:not(.n1) .act-btn>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tables:not(.n1) .fb{margin-top:0}
body.treinando .tables{justify-content:start}
.tables:not(.n1) .dhead{display:grid;gap:0;min-height:30px}
.tables:not(.n1) .dhead>div:first-child{min-width:0}
.tables:not(.n1) .dhead .eyebrow{display:none}
.tables:not(.n1) .dhead .spot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.tables:not(.n1) .dhead>.mono{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px!important}
.tables:not(.n1) .seat.hero .act,.tables:not(.n1) .seat.hero .bet{display:none}
#tables>.panel{min-width:0;overflow:hidden}
.tables:not(.n1) .drill{grid-template-columns:minmax(0,1fr)}
.tables:not(.n1) .drill>*{min-width:0}
.tables:not(.n1) .felt{margin-top:18px}
.tables:not(.n1) .hist{flex-wrap:nowrap;white-space:nowrap}
.tables:not(.n1) .hist span:nth-last-child(n+4){display:none}
.tables:not(.n1) .hist span:nth-last-child(3):not(:first-child)::before{content:"… ›"}
.tables.muitas .dt-btn{width:26px;height:26px}.tables.muitas .dt-btn svg{width:14px;height:14px}
.tables.muitas .dhead{padding-right:122px}
/* ---- importação em massa ---- */
.imp-massa{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}
.imp-log{margin:10px 0 0;padding-left:20px;max-height:260px;overflow:auto;font-size:12.5px;display:grid;gap:3px}
.imp-log li.ok{color:var(--good)}.imp-log li.erro{color:var(--bad)}.imp-log li.aviso{color:var(--warn)}
/* ---- biblioteca de ranges no Lab ---- */
.rlib{margin-bottom:14px}
.rlib-cab{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.rlib-tit{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;padding:0}
.rlib-tit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;color:var(--accent)}
.rlib-tit .muted{font-size:12px}
.rlib-filtros{display:flex;gap:6px;flex-wrap:wrap}
.rlib .bib-busca{margin-top:10px}
.rlib-corpo{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}
@media (max-width:760px){.rlib-corpo{grid-template-columns:1fr}}
.rlib-lista{display:grid;gap:3px;max-height:320px;overflow:auto;padding-right:4px}
.rlib-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:var(--surface-2);color:var(--ink);font:inherit;padding:6px 8px;border-radius:8px;cursor:pointer;user-select:none}
.rlib-item:hover{border-color:var(--line)}.rlib-item.on{border-color:var(--accent)}
.rlib-acao{font-size:11.5px;font-weight:500;padding:2px 6px;border-radius:5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--surface);color:var(--ink-2)}
.rlib-acao.a-F{color:var(--ink-2)}.rlib-acao.a-C{color:var(--a-call)}.rlib-acao.a-R{color:var(--a-raise1)}.rlib-acao.a-A{color:var(--a-allin)}.rlib-acao.a-chega{color:var(--accent)}
.rlib-txt{display:grid;min-width:0}.rlib-txt b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rlib-txt em{font-style:normal;font-size:11.5px;color:var(--ink-2)}
.rlib-prev{position:sticky;top:80px;display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.rlib-mini{display:grid;grid-template-columns:repeat(13,1fr);gap:1px;aspect-ratio:1;background:var(--line);border-radius:6px;overflow:hidden}
.rlib-mini i{background:var(--surface-2)}
/* Lab: rótulo nítido sobre o fundo misto (pintado embaixo, vazio em cima) */
.lab-range .cell span{color:var(--ink);text-shadow:0 1px 2px rgba(0,0,0,.6);font-weight:500}
.lab-range .cell.zero span{color:var(--ink-2);text-shadow:none;font-weight:400}
/* ---- agenda da semana ---- */
#agenda-panel .dhead{align-items:center}
.ag-semana{display:grid;gap:8px;margin-top:8px}
.ag-dia{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:start}
.ag-dlbl{font-size:12px;color:var(--ink-2);padding-top:4px;text-transform:capitalize}
.ag-dia.hoje .ag-dlbl{color:var(--accent);font-weight:600}
.ag-baloes{display:flex;flex-wrap:wrap;gap:4px}
.ag-bal{display:inline-flex;gap:6px;align-items:baseline;max-width:100%;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-bal b{font-weight:500;font-variant-numeric:tabular-nums;color:var(--accent)}
.ag-dia.hoje .ag-bal{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.ag-toasts{position:fixed;top:72px;right:16px;z-index:250;display:grid;gap:8px;width:min(340px,calc(100vw - 32px))}
.ag-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:14px;background:var(--surface);box-shadow:0 14px 34px rgba(0,0,0,.4);animation:agEntra .35s ease-out;transition:opacity .4s,transform .4s}
.ag-toast.sai{opacity:0;transform:translateX(20px)}
.ag-toast b{display:block;font-size:13.5px}.ag-toast span{font-size:12px;color:var(--ink-2)}
.ag-tic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.ag-tic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
@keyframes agEntra{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ag-toast{animation:none}}
/* ---- matriz de equity estilo Flopzilla (laranja → verde) ---- */
.eqgrid .eqc.pay{outline:2px solid #fff;outline-offset:-2px}
.lab-range.eqmode .cell{cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.lab-range.eqmode .cell span{color:#1d1206;text-shadow:none;font-weight:600}
.lab-range.eqmode .cell b{font:500 clamp(7px,.75vw,10px)/1 var(--f-body);color:#1d1206;position:relative;z-index:1;font-variant-numeric:tabular-nums}
.lab-range.eqmode .cell.zero span{color:var(--ink-2);font-weight:400}
.eqleg{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11.5px;color:var(--ink-2);max-width:340px}
.eqleg i{flex:1;height:8px;border-radius:4px;background:linear-gradient(90deg,hsl(24 82% 54%),hsl(60 78% 50%),hsl(132 68% 46%))}
/* ---- treino avançado: RNG, frequência, histórico, mapa de calor ---- */
.rng{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;border:1px solid var(--line);font:500 12px/1.5 var(--f-body);font-variant-numeric:tabular-nums;color:var(--accent);vertical-align:1px}
.rngfb{font-size:12.5px;padding:4px 10px;border-radius:8px;margin-bottom:6px;background:var(--surface-2)}
.rngfb.ok{color:var(--good)}.rngfb.no{color:var(--warn)}
.fq{display:grid;gap:6px;width:100%}
.fq-l{display:grid;grid-template-columns:12px minmax(70px,auto) minmax(0,1fr) 44px;gap:8px;align-items:center;font-size:13px}
.fq-l input{width:100%;accent-color:var(--accent)}
.fq-dot{width:10px;height:10px;border-radius:50%}
.av-resumo{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
.hist-lista{display:grid;gap:4px}
.hist-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto 70px;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;padding:7px 10px;border-radius:9px;cursor:pointer}
.hist-item:hover{border-color:var(--accent)}
.hist-mao{font-weight:600}
.hist-txt{display:grid;min-width:0}.hist-txt b{font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-txt em{font-style:normal;font-size:11.5px;color:var(--ink-2)}
.chip.g-best,.chip.g-correct{color:var(--good)}.chip.g-inacc{color:var(--warn)}.chip.g-wrong,.chip.g-blunder,.chip.g-timeout{color:var(--bad)}
.hist-sess{display:grid;gap:2px}
.hist-srow{display:grid;grid-template-columns:110px minmax(0,1fr) 120px 80px;gap:10px;font-size:13px;padding:5px 8px;border-bottom:1px solid var(--line)}
.hist-rev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:700px){.hist-rev{grid-template-columns:1fr}.hist-item{grid-template-columns:44px minmax(0,1fr) auto}.hist-item>:last-child{display:none}}
.t.heat td.n{cursor:pointer;color:#1d1206;text-align:center;min-width:64px}
.t.heat td.n b{display:block;font-weight:600}.t.heat td.n small{font-size:10.5px;opacity:.8}
.t.heat td.vazio{background:var(--surface-2)}
.t.heat th{text-align:center}
/* ---- Range Trainer v2 ---- */
.rt2 .cell{cursor:crosshair;position:relative}
.rt2 .cell.ativa{background:var(--surface-2)}
.rt2 .cell.ativa::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent);opacity:calc(.25 + .75*var(--reach,1));transform-origin:left;transform:scaleX(var(--reach,1))}
.rt2 .cell.ativa span{color:var(--ink);font-weight:500;text-shadow:none}
.rt2 .cell.ativa.pintada span{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.55)}
.rt2 .cell.zero{background:transparent!important}
.rt2 .cell.zero span{color:color-mix(in srgb,var(--ink-2) 45%,transparent)}
.rt-paleta kbd{font:500 11px var(--f-mono);opacity:.7;margin-left:4px;border:1px solid var(--line);border-radius:4px;padding:0 4px}
.rt-tarefa{font-size:13.5px;line-height:1.5;margin:8px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.rt-tarefa kbd{font:500 11px var(--f-mono);border:1px solid var(--line);border-radius:4px;padding:0 4px}
.rt-vivo{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.rt-vivo-h{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.rt-vivo-l{display:grid;grid-template-columns:120px minmax(0,1fr) 92px;gap:10px;align-items:center;font-size:13px}
.rt-vivo-n{display:flex;align-items:center;gap:6px}.rt-vivo-n i{width:10px;height:10px;border-radius:3px}
.rt-vivo-b{position:relative;height:10px;border-radius:5px;background:var(--surface-2);overflow:visible}
.rt-vivo-b i{display:block;height:100%;border-radius:5px}
.rt-vivo-b u{position:absolute;top:-3px;width:2px;height:16px;background:var(--ink);text-decoration:none}
.rt-vivo-l .mono{text-align:right;font-size:12px}
.rt-res{margin-top:14px}
.rt-lado{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:900px){.rt-lado{grid-template-columns:1fr}}
.rt-erros{display:grid;gap:4px}
.rt-err{display:grid;grid-template-columns:48px 120px minmax(0,1fr);gap:8px;font-size:13px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}

/* ---------- Blueprints ---------- */
.chip.okk{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}
.chip.aviso{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}
.ap-num{width:70px}
.bp{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start;margin-top:12px}
@media (max-width:900px){.bp{grid-template-columns:1fr}}
.bp-lado{display:grid;gap:12px;align-self:start;position:sticky;top:12px}
.bp-novo summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.bp-novo summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.bp-novo[open] summary{border-radius:10px 10px 0 0;border-bottom:0}
.bp-novo>div{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;padding:10px 12px;background:var(--surface)}
.bp-lista{display:grid;gap:6px}
.bp-li{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.bp-li.on{border-color:var(--accent)}
.bp-li-b{flex:1;display:flex;align-items:center;gap:10px;min-width:0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;padding:9px 10px;cursor:pointer}
.bp-li-b svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.bp-li-b span{display:grid;min-width:0}
.bp-li-b b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-li-b em{font-style:normal;font-size:11.5px;color:var(--ink-2)}
.bp-li>.ic-btn{margin-right:6px;width:26px;height:26px;flex:none}
.bp-main{display:grid;gap:14px;min-width:0}
.bp-busca{display:grid;gap:4px}
.bp-hit{display:grid;gap:2px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:7px 10px;font-size:12.5px;cursor:pointer}
.bp-hit b{font-size:12.5px}
.bp-hit span{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-hit mark{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--ink);border-radius:2px}
.bp-leitor{min-height:160px}
.bp-texto{white-space:pre-wrap;font-size:14.5px;line-height:1.75;font-family:var(--f-serif,inherit)}
.bp-texto mark{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--ink);border-radius:2px}
.bp-ia-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
@media (max-width:620px){.bp-ia-g{grid-template-columns:1fr}}
.bp-fonte .bp-quote{margin:8px 0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 8px 8px 0;font-size:13.5px;line-height:1.6;font-style:italic}
.bp-prev{margin-top:4px}
.bp-itens{display:grid;gap:8px;max-height:60vh;overflow:auto}
.bp-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:10px 12px;font-size:13.5px}
.bp-item.duvidoso{border-color:var(--warn)}
.bp-item input[type=checkbox]{margin-top:3px}
.bp-opcoes{margin:6px 0 0;padding-left:20px;font-size:13px;display:grid;gap:2px}
.bp-opcoes li.certa{color:var(--good);font-weight:600}

/* ---------- árvores importadas: tags e duplicadas ---------- */
.arv-lista{display:grid;gap:6px;max-height:420px;overflow:auto;margin-top:6px}
.arv-li{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,320px) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.arv-li b{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:760px){.arv-li{grid-template-columns:1fr}}
.arv-dup{display:grid;gap:3px;padding:8px 10px;margin-bottom:6px;border:1px dashed var(--warn);border-radius:8px}
.diag0{max-width:760px;margin:0 auto}
.diag0 h3{margin:0}

/* ---------- grade de combos ---------- */
.gc-pop{width:min(560px,100%)}
.gc-grade{user-select:none;touch-action:none;cursor:crosshair}
.gc-grade .cell{cursor:crosshair}
.gc-grade .cell span{pointer-events:none}
.gc-pop .ap-in{flex:1 1 100%;font-family:var(--f-mono);font-size:12px}
.ap-filtros .btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;margin-right:4px;vertical-align:-2px}

/* ---------- Replayer pro ---------- */
.rp2{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start}
.rp2.foco{grid-template-columns:1fr}
@media (max-width:980px){.rp2{grid-template-columns:1fr}}
.rp-col{min-width:0}
.rp-barra{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.rp-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rp-ic .bf-txt{font:600 11px var(--f-mono)}
.rp-barra .btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;margin-right:4px;vertical-align:-2px}
.rp-marca-erro{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}
.rp-mesa{width:calc(100% * var(--rp-zoom,1));max-width:100%;margin:6px auto 0;transition:width .15s}
.rp-felt{margin-top:0}
.rp-info{position:absolute;left:0;top:0;display:grid;gap:1px;max-width:38%;padding:6px 9px;border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);font-size:clamp(9px,1.6cqw,12px);line-height:1.3;z-index:3}
.rp-info b{font-size:clamp(10px,1.8cqw,13px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-board{margin-top:6px}
.rp-odds,.rp-blefe{margin-top:6px;display:inline-block;padding:2px 8px;border-radius:999px;font-size:clamp(9px,1.7cqw,12px);font-weight:500;white-space:nowrap}
.rp-odds{background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink)}
.rp-blefe{background:color-mix(in srgb,var(--warn) 30%,transparent);color:#fff;display:block;margin-left:auto;margin-right:auto;width:max-content;animation:rpSurge .35s ease-out}
@keyframes rpSurge{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rp-blefe{animation:none}.rp-mesa{transition:none}}
.rp-seat.agindo .box{outline:2px solid var(--accent);outline-offset:2px}
.rp-pos{display:inline-flex;align-items:center;gap:4px}
.rp-dealer{display:inline-grid;place-items:center;width:1.3em;height:1.3em;border-radius:50%;background:#f4f1e8;color:#222;font:700 .78em var(--f-body);font-style:normal}
.rp-nome{display:block;font-size:.8em;color:var(--ink-2);max-width:9em;overflow:hidden;text-overflow:ellipsis}
.rp-hole{transform:scale(.62);margin:-14px 0}
.rp-eq{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:999px;background:var(--accent);color:#061a12;font:600 clamp(10px,1.9cqw,13px) var(--f-mono)}
.rp-nav{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:10px}
.rp-passo{font-size:12px;color:var(--ink-2);padding:0 6px}
.rp-txt{text-align:center;margin-top:6px;font-size:13px}
.rp-lado{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface);max-height:640px;overflow:auto}
.rp-logs{display:grid;gap:2px}
.rp-rua{margin:8px 0 2px;font-size:12.5px}
.rp-log{all:unset;cursor:pointer;display:block;padding:3px 6px;border-radius:6px;font-size:12.5px;color:var(--ink-2)}
.rp-log:hover,.rp-log:focus-visible{background:var(--surface-2);color:var(--ink)}
.rp-log:focus-visible{outline:2px solid var(--accent)}
.rp-log.on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--ink)}
.rp-log.heroi{font-weight:600}
.rp-hhs{display:grid;gap:4px;margin-top:8px;max-height:520px;overflow:auto}
.rp-hh{display:grid;grid-template-columns:4px 34px auto 64px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 10px 6px 0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;overflow:hidden}
.rp-hh:hover{border-color:var(--ink-2)}.rp-hh.on{border-color:var(--accent)}
.rp-hh-barra{align-self:stretch;margin:-6px 0;border-radius:0}
.rp-hh-n{color:var(--ink-2);font-size:12px;text-align:right}
.rp-hh-cartas{display:flex;gap:3px}.rp-hh-cartas .card{width:24px;height:32px;font-size:13px}.rp-hh-cartas .card small{font-size:10px}
.rp-hh-pos,.rp-hh-info{display:grid;font-size:13px}.rp-hh-pos small,.rp-hh-info small{font-size:11px;color:var(--ink-2)}
.rp-hh-res{font-size:12.5px}
.rp-tools{display:grid;gap:2px}
.rp-tool{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px;border-bottom:1px solid var(--line)}
.rp-tool span{display:grid}.rp-tool small{font-size:11.5px;color:var(--ink-2)}
.rp-tool input[role=switch]{appearance:none;width:38px;height:22px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);position:relative;cursor:pointer;flex:none}
.rp-tool input[role=switch]::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink-2);transition:left .15s}
.rp-tool input[role=switch]:checked{background:color-mix(in srgb,var(--accent) 45%,var(--surface-2))}
.rp-tool input[role=switch]:checked::after{left:18px;background:#fff}
.rp-tool input[role=switch]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rp-temas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:560px){.rp-temas{grid-template-columns:1fr}}
.rp-tema-op{display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.rp-tema-op[aria-pressed=true]{border-color:var(--accent)}
.rp-tema-op small{color:var(--ink-2);font-size:11.5px}
.rp-tema-amostra{display:block;height:64px;border-radius:8px;background:#0e1311;position:relative;overflow:hidden}
.rp-tema-amostra i{position:absolute;inset:12px 14px;border-radius:50%;background:var(--rp-felt-bg);border:4px solid var(--rp-rail);box-shadow:var(--rp-glow);clip-path:var(--rp-clip)}
.rp-rvr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.rp-rvr{grid-template-columns:1fr}}
.rp-rvr-res{margin-top:10px}
.rp-desc{white-space:pre-wrap;font:12px/1.5 var(--f-mono);background:var(--surface-2);border-radius:8px;padding:8px 10px;margin:0 0 8px;max-height:180px;overflow:auto}
.rp-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:300;padding:10px 16px;border-radius:10px;background:var(--surface);border:1px solid var(--accent);box-shadow:0 12px 30px rgba(0,0,0,.4);font-size:13.5px}

/* temas da mesa: Clássico (clube), Futurista (holo) e Vintage (salão anos 50) */
.rp-mesa[data-tema],.rp-tema-op[data-tema]{--rp-clip:none}
.rp-mesa[data-tema="classico"],.rp-tema-op[data-tema="classico"]{--rp-felt-bg:radial-gradient(ellipse at 50% 38%,#2f7a55 0%,#1f5a3d 55%,#143b29 100%);--rp-rail:#4a2e1b;--rp-rail-in:#6b4429;--rp-glow:inset 0 0 0 2px #6b4429,0 10px 30px rgba(0,0,0,.5);--rp-radius:50%;--rp-card:#fbfaf6;--rp-card-borda:#d6d3c8;--rp-card-font:var(--f-display);--rp-felt-ink:#eaf4ee;--rp-s:#151817;--rp-h:#c42a35;--rp-d:#1f5fbf;--rp-c:#1d7a46}
.rp-mesa[data-tema="futurista"],.rp-tema-op[data-tema="futurista"]{--rp-felt-bg:repeating-linear-gradient(0deg,rgba(80,200,255,.06) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(80,200,255,.06) 0 1px,transparent 1px 22px),radial-gradient(ellipse at 50% 45%,#13304a 0%,#0d1b2a 70%,#081221 100%);--rp-rail:#3be3d6;--rp-rail-in:#3be3d6;--rp-glow:0 0 0 1px #3be3d6,0 0 22px rgba(59,227,214,.45),inset 0 0 40px rgba(59,227,214,.12);--rp-radius:28% / 46%;--rp-card:#0f1a26;--rp-card-borda:#2f6f86;--rp-card-font:var(--f-mono);--rp-felt-ink:#d6f6ff;--rp-s:#e6f1ff;--rp-h:#ff5d7a;--rp-d:#59a8ff;--rp-c:#4be3a1}
.rp-mesa[data-tema="vintage"],.rp-tema-op[data-tema="vintage"]{--rp-felt-bg:repeating-linear-gradient(45deg,rgba(255,235,200,.035) 0 2px,transparent 2px 5px),radial-gradient(ellipse at 50% 30%,#8a2c30 0%,#6b1f24 55%,#4a1418 100%);--rp-rail:#b08d4a;--rp-rail-in:#e2c27f;--rp-glow:inset 0 0 0 2px #e2c27f,0 0 0 3px #5b4320,0 14px 36px rgba(0,0,0,.6);--rp-radius:0;--rp-clip:polygon(14% 0,86% 0,100% 22%,100% 78%,86% 100%,14% 100%,0 78%,0 22%);--rp-card:#f3e7c9;--rp-card-borda:#b9a274;--rp-card-font:Georgia,"Times New Roman",serif;--rp-felt-ink:#fbeed4;--rp-s:#2a2016;--rp-h:#9e2a24;--rp-d:#2c4f8a;--rp-c:#3c6b35}
.rp-mesa[data-tema] .felt .oval{background:var(--rp-felt-bg);border:6px solid var(--rp-rail);border-radius:var(--rp-radius);box-shadow:var(--rp-glow);clip-path:var(--rp-clip)}
.rp-mesa[data-tema="futurista"] .felt .oval{border-width:1px}
.rp-mesa[data-tema="vintage"] .felt .oval{border-width:0;outline:none}
.rp-mesa[data-tema] .felt .center{color:var(--rp-felt-ink)}
.rp-mesa[data-tema] .card{background:var(--rp-card);border-color:var(--rp-card-borda);font-family:var(--rp-card-font)}
.rp-mesa[data-tema] .card.s-s{color:var(--rp-s)}.rp-mesa[data-tema] .card.s-h{color:var(--rp-h)}
body.deck4 .rp-mesa[data-tema] .card.s-d{color:var(--rp-d)}body.deck4 .rp-mesa[data-tema] .card.s-c{color:var(--rp-c)}
body:not(.deck4) .rp-mesa[data-tema] .card.s-d{color:var(--rp-h)}body:not(.deck4) .rp-mesa[data-tema] .card.s-c{color:var(--rp-s)}
.rp-mesa[data-tema="futurista"] .card{box-shadow:0 0 10px rgba(59,227,214,.25)}
.rp-mesa[data-tema="futurista"] .felt .bet{background:#0f1a26;color:#d6f6ff;border:1px solid #3be3d6}
.rp-mesa[data-tema="vintage"] .felt .bet{background:#f3e7c9;color:#2a2016;border:1px solid #b08d4a}
.rp-mesa[data-tema="vintage"] .card{border-radius:4px}

.rp-bet{position:absolute;transform:translate(-50%,-50%);z-index:2;font-family:var(--f-body);font-size:clamp(9px,1.7cqw,12px);background:var(--surface-2);border-radius:999px;padding:1px 8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.rp-felt{margin-bottom:clamp(40px,8%,72px)}
/* vintage: o rail de latão acompanha o octógono (borda e sombra seriam cortadas pelo clip-path) */
.rp-mesa[data-tema="vintage"] .felt .oval{background:linear-gradient(135deg,#e2c27f 0%,#8a6a32 35%,#d9b56e 55%,#7a5a28 100%);border:0;box-shadow:none}
.rp-mesa[data-tema="vintage"] .felt .oval::after{content:"";position:absolute;inset:7px;clip-path:var(--rp-clip);background:var(--rp-felt-bg)}
.rp-mesa[data-tema="vintage"] .felt .oval::before{content:"";position:absolute;inset:4px;clip-path:var(--rp-clip);background:#4a3418}

/* ---------- linha da mão ---------- */
.linha-box{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;padding:8px 10px;margin-bottom:8px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;background:var(--surface-2);font-size:13px}
.linha-sua{color:var(--accent)}
.linha-chip{margin-top:4px;font-size:12px;color:var(--ink-2)}
.btn.linha-cont{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}
.gc-inline .gc-grade{max-width:420px}
.gc-inline:empty{display:none}
/* histórico de ações embaixo de cada jogador (mesmo estilo fino da mesa do treino) */
.rp-hist{display:flex;flex-wrap:wrap;justify-content:center;gap:0 5px;max-width:13em;margin-top:2px;font:300 clamp(9px,1.5cqw,11.5px)/1.25 var(--f-body);color:var(--ink-2);text-align:center}
.rp-hist span+span::before{content:"›";margin-right:5px;opacity:.6}
.rp-hist em{font-style:normal;font-weight:500;color:var(--ink);margin-right:3px;opacity:.8}
.rp-seat.folded .rp-hist{opacity:.6}

/* ---------- Treino: campos alinhados no topo (sem o vão quando um campo é mais alto) ---------- */
.setup>.field,.ap-filtros>.field{align-self:start;align-content:start}
.setup .seg,.ap-filtros .seg{align-content:flex-start;align-items:stretch}
/* estratégias em lista com pastas */
.est-lista{display:grid;gap:2px;max-height:300px;overflow:auto;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.est-li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 6px;border-radius:6px;font-size:13px;cursor:pointer}
.est-li:hover{background:var(--surface-2)}.est-li.on{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.est-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.est-tags{font-size:11px;color:var(--ink-2);white-space:nowrap}
.est-todas{border-bottom:1px solid var(--line);border-radius:6px 6px 0 0;margin-bottom:2px}
.est-pasta-h{display:flex;align-items:center;gap:6px;padding:4px 6px}
.est-seta{all:unset;display:flex;align-items:center;gap:6px;flex:1;min-width:0;cursor:pointer;font-size:13px}
.est-seta:focus-visible{outline:2px solid var(--accent);border-radius:4px}
.est-seta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.est-seta em{font-style:normal;font-size:11px;color:var(--ink-2);margin-left:auto}
.est-itens{padding-left:18px;display:grid;gap:1px}
/* contagem de spots em cada botão */
.seg button .fc{display:inline-block;margin-left:5px;font:500 10.5px var(--f-mono);opacity:.65}
.seg button.fc-zero{opacity:.38}
.seg button.fc-zero[aria-pressed="true"]{opacity:1;box-shadow:inset 0 -2px 0 var(--bad)}
/* replayer: KO */
.rp-ko{display:inline-block;margin-top:3px;padding:1px 7px;border-radius:999px;background:var(--bad);color:#fff;font:700 10.5px/1.5 var(--mono,monospace);letter-spacing:.06em}
.rp-ko-mini{padding:0 6px;border-radius:999px;font:700 10px/1.6 var(--mono,monospace);letter-spacing:.05em;align-self:center}
.rp-ko-mini.ok{background:color-mix(in srgb,var(--good) 22%,transparent);color:var(--good)}
.rp-ko-mini.mal{background:color-mix(in srgb,var(--bad) 22%,transparent);color:var(--bad)}
/* treino: "Mais filtros" recolhido */
.mais-filtros{margin-top:14px;border-top:1px dashed var(--line);padding-top:10px}
.mais-filtros>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;cursor:pointer;list-style:none;padding:6px 2px;font-size:13.5px;user-select:none}
.mais-filtros>summary::-webkit-details-marker{display:none}
.mais-filtros>summary .muted{font-size:12px}
.mais-filtros .mf-seta{display:inline-block;transition:transform .15s;color:var(--ink-2)}
.mais-filtros[open] .mf-seta{transform:rotate(90deg)}
.mais-filtros>.ap-filtros{margin-top:8px;padding-top:6px;border-top:0}
/* blueprints: ícone do título da IA (era a bolinha preta) + páginas em imagem */
.bp-ia h3{display:flex;align-items:center;gap:8px}
.bp-ia h3 svg,.bp-pg-acoes svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.bp-pg.com-img{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:980px){.bp-pg.com-img{grid-template-columns:1fr}}
.bp-fig{margin:0;position:sticky;top:70px}
.bp-img{display:block;max-width:100%;height:auto;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:zoom-in}
.bp-img.zoom{position:fixed;inset:3vh 3vw;z-index:60;max-width:94vw;max-height:94vh;margin:auto;object-fit:contain;cursor:zoom-out;box-shadow:0 0 0 100vmax rgba(0,0,0,.72)}
.bp-img-fonte{margin-top:10px;max-height:60vh;object-fit:contain;cursor:default}
.bp-pg-acoes{gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.bp-pg-txt .bp-texto{font-size:13.5px;line-height:1.65}
.bp-edita{width:100%;font:13px/1.55 var(--mono,monospace)}
.bp-aviso{display:inline-block;margin:0 0 10px;white-space:normal;line-height:1.4;padding:6px 10px}
.bp-ia-g>.field{align-self:start;align-content:start}
/* replayer: cartas maiores, encaixadas no assento (a caixa cobre a base das cartas, como nos clientes) */
.rp-felt .rp-hole{transform:none;margin:0 0 calc(-1 * clamp(8px,1.6cqw,14px));gap:clamp(2px,.5cqw,4px);position:relative;z-index:1}
.rp-felt .rp-seat .box{position:relative;z-index:2;min-width:clamp(54px,9cqw,84px);box-shadow:0 4px 12px rgba(0,0,0,.35)}
.rp-felt .rp-hole .card{width:clamp(26px,5.4cqw,48px);height:clamp(36px,7.4cqw,66px);font-size:clamp(13px,2.8cqw,22px);border-radius:clamp(4px,.7cqw,7px);box-shadow:0 3px 8px rgba(0,0,0,.35)}
.rp-felt .rp-hole .card small{font-size:clamp(11px,2.3cqw,18px)}
.rp-felt .rp-seat.hero .rp-hole .card{width:clamp(34px,7.2cqw,66px);height:clamp(46px,9.8cqw,90px);font-size:clamp(17px,3.8cqw,30px)}
.rp-felt .rp-seat.hero .rp-hole .card small{font-size:clamp(14px,3.1cqw,25px)}
.rp-felt .rp-seat.hero .rp-hole .card:first-child{transform:rotate(-4deg) translateY(2px)}
.rp-felt .rp-seat.hero .rp-hole .card:last-child{transform:rotate(4deg) translateY(2px)}
.rp-felt .rp-seat.folded .rp-hole{opacity:.5;filter:grayscale(.4)}
.rp-felt .rp-board .card{width:clamp(30px,6.2cqw,56px);height:clamp(41px,8.5cqw,77px);font-size:clamp(15px,3.2cqw,25px)}
.rp-felt .rp-board .card small{font-size:clamp(12px,2.6cqw,20px)}
.rp-felt .rp-board{gap:clamp(3px,.8cqw,7px)}
/* range vs range: os dois lados editáveis */
.rp-rvr-lado{display:grid;gap:6px;align-content:start}
.rp-rvr-conta{font-size:12px;font-family:var(--f-mono)}
.rp-rvr-atalhos{flex-wrap:wrap}
.rp-rvr-atalhos button{font-size:12px;padding:4px 9px}
.rp-rvr-txt{width:100%;font:12px/1.4 var(--f-mono)}
.gc-escuro .cell:not(.zero) span{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35)}
/* bubble factors no padrão do HRC: matriz clara, BF grande e risk premium embaixo */
.bfm-wrap{overflow-x:auto;border-radius:8px;border:1px solid #c9c9c9;background:#fff}
.bfm{border-collapse:collapse;width:100%;min-width:max-content;color:#111;font-family:var(--f-body);background:#fff}
.bfm th,.bfm td{border:1px solid #d4d4d4;text-align:center;padding:clamp(3px,.6vw,6px) clamp(5px,.9vw,10px);min-width:52px}
.bfm thead th,.bfm tbody th{background:#fff;font-weight:400;color:#444}
.bfm-cab{display:grid;line-height:1.15}
.bfm-cab span{font-size:clamp(14px,1.5vw,19px);color:#333}
.bfm-cab small{font-size:11.5px;color:#666}
.bfm-cab .bfm-ko{color:#a5621b;font-weight:600}
.bfm td b{display:block;font-size:clamp(14px,1.45vw,19px);font-weight:500;line-height:1.15;font-variant-numeric:tabular-nums}
.bfm td small{display:block;font-size:11.5px;color:#333;font-variant-numeric:tabular-nums}
.bfm .bfm-diag{background:#cfcfcf}
.bfm-canto{background:#fff}
.bfm tr.eu th[scope=row]{background:#eef6ff;font-weight:600;box-shadow:inset 3px 0 0 #2b7de9}
.bfm tr.eu td{box-shadow:inset 0 2px 0 #2b7de9,inset 0 -2px 0 #2b7de9}
.bfm thead th.eu{background:#eef6ff}
.bfm .fora{opacity:.45}
.dpop[data-tipo="bf"]{width:min(720px,calc(100% - 20px));max-width:none}
/* lista de estratégias: nome inteiro (2 linhas), cópias e duplicadas visíveis; campo mais largo */
@media (min-width:1100px){#opt-tree-f{grid-column:span 2}}
.est-nome{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
.est-copia{font-style:normal;color:var(--ink-2);margin-left:4px;font-size:.92em}
.est-dup{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--warn) 25%,transparent);color:var(--ink);font-size:10.5px;vertical-align:1px}
.est-lista{max-height:380px}
/* aviso do site de teste */
.aviso-teste{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 16px;background:color-mix(in srgb,var(--warn) 22%,var(--surface));border-bottom:1px solid var(--warn);font-size:13px;line-height:1.4}
.aviso-teste a{color:var(--accent);font-weight:600}
.aviso-teste .btn{margin-left:auto}
/* replayer: lista das mãos ao lado da mesa; mesa cabe na tela */
.rp2.com-lista{grid-template-columns:260px minmax(0,1fr)}
.rp2.com-lista:has(.rp-lado){grid-template-columns:260px minmax(0,1fr) 250px}
@media (max-width:1100px){.rp2.com-lista,.rp2.com-lista:has(.rp-lado){grid-template-columns:1fr}.rp-lista{order:2}}
.rp-lista{display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;max-height:min(78vh,760px);position:sticky;top:64px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px}
.rp-lista-h{display:grid;gap:1px;font-size:12.5px;padding:2px 4px 6px;border-bottom:1px solid var(--line)}
.rp-lista-h b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-lista-h .muted{font-size:11px}
.rp-lista-maos{overflow:auto;display:grid;gap:2px;align-content:start;padding-right:2px}
.rp-lm{display:grid;grid-template-columns:28px auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 6px;border:1px solid transparent;border-radius:7px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.rp-lm:hover{background:var(--surface-2)}
.rp-lm.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.rp-lm-n{font-size:11px;color:var(--ink-2);text-align:right}
.rp-lm-c{display:flex;gap:2px}.rp-lm-c .card{width:20px;height:27px;font-size:11px;border-radius:3px}.rp-lm-c .card small{font-size:9px}
.rp-lm-p{display:grid;font-size:12px;line-height:1.15}.rp-lm-p small{font-size:10.5px;color:var(--ink-2)}
.rp-lm-r{font-size:12px}
.rp-mesa{max-width:min(100%,calc((100vh - 240px) * 1.6))}
/* gráfico de fichas */
.cg{position:relative;width:100%;cursor:pointer}
.cg svg{display:block}
.cg-tip{position:absolute;top:2px;padding:3px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;white-space:nowrap;pointer-events:none}
#hh-replayer{scroll-margin-top:72px}
.aviso-teste.reais{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-bottom-color:var(--accent)}
.bd-board{justify-content:flex-start;margin-bottom:4px}