/* ── OddsIQ V2 · design system (E2) ─────────────────────────────────────────────────────────────────────────────────
   Releitura do layout Clássico (clone da bet365) com mais presença (decisão 10 do PLANO): corpo 14 px, time 15, odd 15,5,
   título de seção 20, contagens em tudo, banners maiores. Valores da ficha DESIGN_BET365.md (classico.css :root).
   Regras do dono: tudo pousa no chão (filete + espaço, nunca caixa); amarelo = preço; verde-claro = ação/ativo; branco =
   escolhido; sem degradê de fundo, sem vidro, sem sombra em tudo. A única caixa clara grande é o cupom (v2_cupom.css).
   Tema claro (dono 21/10, dúvida 2 = sim, só no protótipo): só as variáveis mudam; o desenho é o mesmo.
   Toda cor mora aqui em :root / html[data-theme="claro"] — os módulos usam var(--…). ── */
:root{
  --bg:#202423;--sur:#282D2B;--sur2:#303634;--sur3:#393F3D;
  --fil:rgba(255,255,255,.11);--fil2:rgba(255,255,255,.065);
  --veu:rgba(255,255,255,.075);--veu2:rgba(255,255,255,.13);--veu-sus:rgba(255,255,255,.035);--veu-mk:rgba(255,255,255,.14);--veu-lin:rgba(255,255,255,.035);
  --ink:#F3F5F4;--ink2:rgba(255,255,255,.86);--ink3:rgba(255,255,255,.66);--ink4:rgba(255,255,255,.5);
  --opc:#D9D9D9;--opc-sus:#8A8A8A;--seta:#C8C8C8;
  --topo1:#0E3F31;--topo2:#0A2D24;--topo-g:linear-gradient(90deg,#0F4535 0%,#0B3328 55%,#0A2D24 100%);--topo-ink:#fff;--topo-ink2:rgba(255,255,255,.78);
  --acc:#3FD08C;--acc2:#2BB673;--acc-ink:#06281A;
  --amarelo:#FFDF1B;--amarelo-ink:#141414;
  --preco:#FFDF1B;                              /* número da odd e placar (claro: verde-escuro — o amarelo some no papel) */
  --preco-on:#FFDF1B;--preco-on-ink:#141414;    /* odd marcada: cheia */
  --esc:#FFFFFF;--esc-ink:#111111;              /* escolhido (pílula branca) */
  --verde-b:#1D8A66;--empate:#3D3D3D;
  --live:#FF5A5A;--live2:#C62828;--up:#3FD08C;--dn:#FF6B6B;--erro:#FF8A8A;
  --selo-ca:#27D8A1;--selo-ca-ink:#0E2A21;--selo-liga:#F2F2F2;
  --aba-borda:#1E6B52;
  --sombra-flut:0 -6px 30px rgba(0,0,0,.55);--cr-sh:drop-shadow(0 3px 6px rgba(0,0,0,.6));
  --campo:#1F5C3F;--campo2:#1A5237;--campo-linha:rgba(255,255,255,.55);
  /* revisão de design 21/10: cores que estavam soltas nas regras viraram token (texto sobre cor cheia, véus de preço/subida/
     descida, aviso, seleção de texto, cartão amarelo, flyer — o flyer é foto escura e não muda com o tema) */
  --sobre-cor:#FFFFFF;--veu-preco:rgba(255,223,27,.1);--veu-up:rgba(63,208,140,.14);--veu-dn:rgba(255,107,107,.14);
  --odd-on-r:rgba(0,0,0,.62);--toast-bg:#2A2A2A;--toast-ink:#FFFFFF;--selecao:rgba(255,223,27,.35);--cartao-am:#FFD23F;
  --fly-k:#3FD08C;--fly-t:#FFFFFF;--fly-sub:rgba(255,255,255,.8);--fly-dot:rgba(255,255,255,.3);--fly-cta:#FFDF1B;--fly-cta-ink:#141414;
  --ui:'Lato',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --mg:10px;--sb:env(safe-area-inset-bottom,0px);--topo-h:0px;
  color-scheme:dark;
}
html[data-theme="claro"]{
  --bg:#F3F4F2;--sur:#FFFFFF;--sur2:#E9ECEA;--sur3:#DDE1DF;
  --fil:rgba(0,0,0,.13);--fil2:rgba(0,0,0,.075);
  --veu:rgba(0,0,0,.055);--veu2:rgba(0,0,0,.1);--veu-sus:rgba(0,0,0,.03);--veu-mk:rgba(10,107,75,.12);--veu-lin:rgba(0,0,0,.03);
  --ink:#141917;--ink2:rgba(0,0,0,.82);--ink3:rgba(0,0,0,.62);--ink4:rgba(0,0,0,.58);
  --opc:#2A2F2D;--opc-sus:#8A8F8D;--seta:#5E6462;
  --acc:#0B6E47;--acc2:#0A6B4B;--acc-ink:#FFFFFF;
  --preco:#0A6B4B;--preco-on:#FFDF1B;--preco-on-ink:#141414;
  --esc:#141917;--esc-ink:#FFFFFF;
  --empate:#9AA09E;--live:#C62828;--up:#0E7A4F;--dn:#C62828;--erro:#B3122F;
  --selo-ca:#0E7A4F;--selo-ca-ink:#FFFFFF;--aba-borda:#0E7A4F;
  --veu-preco:rgba(10,107,75,.1);
  --sombra-flut:0 -6px 24px rgba(0,0,0,.18);--cr-sh:drop-shadow(0 2px 3px rgba(0,0,0,.25));
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
*{touch-action:manipulation}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.4 var(--ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;padding-bottom:calc(76px + var(--sb))}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{display:block}
h1,h2,h3,h4,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
input{font:inherit;color:inherit}
::selection{background:var(--selecao)}
:focus-visible{outline:2px solid var(--amarelo);outline-offset:2px}
html[data-theme="claro"] :focus-visible{outline-color:var(--acc)}
.so-leitor{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{display:inline-grid;place-items:center;flex:none}
.ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* ícone COLORIDO de esporte (bet365): cada parte traz a própria cor; a parte branca ganha contorno só no tema claro */
.ic.cor svg{stroke:none}
.ic.cor .o{stroke:transparent}
[data-theme="claro"] .ic.cor .o{stroke:#5A5A5A}

/* ── topo ── */
.tp{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,var(--topo1),var(--topo2));color:var(--topo-ink);box-shadow:inset 0 -1px 0 rgba(255,255,255,.05)}
.tp-in{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;column-gap:8px;padding:10px 12px}
.tp-marca{height:40px;min-width:0}                                /* topo SEM marca (regra 7 da ficha): o lugar fica, vazio */
.tp-areas{display:none}
/* topo direito = o da produção (dono 22/10 ~01h15; `classico.css` do Clássico): lupa redonda · pílula do saldo ·
   "+ Depositar" verde · avatar. Cores FIXAS (o topo é verde nos dois temas; o --acc do claro é escuro demais aqui) */
.tp-lupa{position:relative;width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff}
.tp-lupa::after{content:"";position:absolute;inset:-4px}
.tp-lupa .ic svg{width:21px;height:21px}
.tp-lupa:hover{background:rgba(255,255,255,.08)}
.tp-saldo{display:flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:999px;border:1.5px solid rgba(63,208,140,.55);background:rgba(0,0,0,.22);white-space:nowrap;line-height:1;color:#fff}
.tp-dep{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 13px 0 10px;border-radius:999px;background:#3FD08C;color:#06281A;font-size:13px;font-weight:900;white-space:nowrap;flex:none}
.tp-dep .ic svg{width:14px;height:14px;stroke-width:3}
.tp-dep:hover{background:#52DA9A}
@media (max-width:374px){.tp-dep{padding:0 9px}.tp-dep>span:not(.ic){display:none}}      /* 360 px: só o "+", como a produção */
.tp-saldo small{font-size:11px;font-weight:700;color:rgba(255,255,255,.72)}
.tp-saldo b{font-size:13px;font-weight:700;color:#fff}
.tp-conta{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #FFDF1B;color:#FFDF1B;font-size:12px;font-weight:700;background:rgba(0,0,0,.22);display:grid;place-items:center}

/* ── casca: menu | miolo (sem coluna direita: o cupom flutua no canto de baixo — dono 21/10 ~23h40 "para que os campos
   usem todo o espaço da tela"). Sem max-width: em 2000/2560 o miolo enche a tela; as odds ficam em 84 px como na produção ── */
.casca{display:block}
.menu{display:none}
.mio-lat{display:none}
#miolo{min-width:0;padding:0 0 24px}
#miolo:focus{outline:none}

/* ── faixa de atalhos / esportes (ícone + nome, sem caixa) ── */
.rail{display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px var(--mg) 0;border-bottom:1px solid var(--fil)}
.rail::-webkit-scrollbar{display:none}
.spx{position:relative;flex:none;display:grid;justify-items:center;align-content:center;gap:7px;width:88px;height:78px;color:var(--ink3);font-size:12px;font-weight:700;white-space:nowrap}
.spx .ic svg{width:26px;height:26px;stroke-width:1.7}
.spx .n{max-width:84px;overflow:hidden;text-overflow:ellipsis}
.spx:hover{color:var(--ink)}
.spx[aria-current="true"],.spx[aria-pressed="true"]{color:var(--ink)}
.spx[aria-current="true"] .ic,.spx[aria-pressed="true"] .ic{color:var(--acc)}
.spx[aria-current="true"]::after,.spx[aria-pressed="true"]::after{content:"";position:absolute;left:30%;right:30%;bottom:0;height:3px;border-radius:2px;background:var(--acc)}
.spx .lvn{position:absolute;top:8px;left:calc(50% + 8px);min-width:18px;height:16px;padding:0 4px;border-radius:8px;background:var(--live2);color:var(--sobre-cor);font-size:10.5px;font-weight:900;display:grid;place-items:center}
.spx .cn{font-size:11px;font-weight:700;color:var(--ink4)}

/* ── faixa que rola para o lado (dono 22/10 ~00h05) — v2_app.js embrulha .rail/.pls/.abas/.abp/.hm-cvs em .fx:
      degradê na ponta que tem mais, seta ‹ › redonda (só com mouse), sem barra de rolagem ── */
.fx{position:relative;min-width:0;--fx-bg:var(--bg)}
.fx::before,.fx::after{content:"";position:absolute;top:0;bottom:0;width:44px;pointer-events:none;opacity:0;transition:opacity .16s;z-index:1}
.fx::before{left:0;background:linear-gradient(90deg,var(--fx-bg) 18%,transparent)}
.fx::after{right:0;background:linear-gradient(270deg,var(--fx-bg) 18%,transparent)}
.fx.fx-e::before,.fx.fx-d::after{opacity:1}
.fx-s{position:absolute;top:50%;z-index:2;width:32px;height:32px;margin-top:-16px;border-radius:50%;display:none;place-items:center;background:var(--sur3);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.28);cursor:pointer}
.fx-s:hover{background:var(--esc);color:var(--esc-ink)}
.fx-s .ic svg{width:18px;height:18px}
.fx-se{left:4px}.fx-sd{right:4px}
@media (hover:hover) and (pointer:fine){.fx.fx-e>.fx-se,.fx.fx-d>.fx-sd{display:grid}}
.fx-arr{cursor:grabbing;scroll-snap-type:none!important;user-select:none}
.fx-arr *{pointer-events:none}

/* ── tipografia de seção ── */
.sec{margin:22px var(--mg) 0}
.sec-h{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 4px 8px}
.sec-t{font-size:20px;line-height:1.15;font-weight:900;letter-spacing:0;color:var(--ink);display:flex;align-items:center;gap:10px;min-width:0}
.sec-t .ic svg{width:22px;height:22px;color:var(--acc)}
.sec-n{font-size:13px;font-weight:700;color:var(--ink4)}
.sec-mais{margin-left:auto;font-size:13.5px;font-weight:700;color:var(--acc);white-space:nowrap;display:inline-flex;align-items:center;gap:2px;min-height:44px}
.sec-mais .ic svg{width:16px;height:16px}
.rotulo{font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}

/* ── pílulas (escolhido = branco) ── */
.pls{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 4px 10px}
.pls::-webkit-scrollbar{display:none}
.pl{flex:none;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border-radius:18px;background:var(--veu);color:var(--ink);font-size:13.5px;font-weight:700;white-space:nowrap}
.pl:hover{background:var(--veu2)}
.pl[aria-pressed="true"],.pl[aria-selected="true"],.pl[aria-current="true"]{background:var(--esc);color:var(--esc-ink)}
.pl .cn{font-size:12px;font-weight:700;opacity:.62}
.pl .ic svg{width:16px;height:16px}

/* ── abas sublinhadas (lista) ── */
.abas{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-bottom:1px solid var(--fil);padding:0 4px}
.abas::-webkit-scrollbar{display:none}
.aba{position:relative;flex:none;height:46px;padding:0 12px;color:var(--ink3);font-size:14px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.aba:hover{color:var(--ink)}
.aba[aria-selected="true"]{color:var(--ink)}
.aba[aria-selected="true"]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:2px 2px 0 0;background:var(--acc)}
.aba .cn{font-size:12px;color:var(--ink4)}
.aba .lvn{min-width:18px;height:16px;padding:0 4px;border-radius:8px;background:var(--live2);color:var(--sobre-cor);font-size:10.5px;font-weight:900;display:inline-grid;place-items:center}

/* ── abas-pílula da página do jogo (bet365) ── */
.abp{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:10px 4px;border-bottom:1px solid var(--aba-borda)}
.abp::-webkit-scrollbar{display:none}
.abp button{flex:none;height:34px;padding:0 14px;border-radius:999px;color:var(--ink2);font-size:14px;font-weight:400;white-space:nowrap}
.abp button:hover{background:var(--veu)}
.abp button[aria-selected="true"]{background:var(--esc);color:var(--esc-ink);font-weight:700}

/* ── grupo de liga ── */
.lg{margin:0 0 22px}
.lg-h{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;border-bottom:1px solid var(--fil);font-size:14px;font-weight:700;color:var(--ink)}
.lg-h .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-h .pa{color:var(--ink3);font-weight:700;white-space:nowrap}
.lg-h .cols{margin-left:auto;display:grid;grid-auto-flow:column;grid-auto-columns:56px;gap:4px;font-size:12px;font-weight:700;color:var(--ink3);text-align:center}
.lg-h .cols.c2{grid-auto-columns:84px}
.lg-h a.nm:hover{text-decoration:underline}
/* tempo real: a odd que muda pisca ~3 s com a seta (verde sobe, vermelha desce); travada = cadeado (.sus de cada desenho) */
@keyframes trPisca{0%,100%{opacity:1}50%{opacity:.35}}
[data-sel].sobe :is(.v,.jg-o),td>[data-sel].sobe{color:var(--up)}
[data-sel].desce :is(.v,.jg-o),td>[data-sel].desce{color:var(--dn)}
[data-sel]:is(.sobe,.desce) :is(.v,.jg-o),td>[data-sel]:is(.sobe,.desce){animation:trPisca .5s ease-in-out 3}
[data-sel]:is(.sobe,.desce) :is(.v,.jg-o)::before,td>[data-sel]:is(.sobe,.desce)::before{content:"";display:inline-block;margin-right:4px;vertical-align:2px;border:4px solid transparent}
[data-sel].sobe :is(.v,.jg-o)::before,td>[data-sel].sobe::before{border-bottom:6px solid currentColor;border-top:0}
[data-sel].desce :is(.v,.jg-o)::before,td>[data-sel].desce::before{border-top:6px solid currentColor;border-bottom:0;vertical-align:0}
@media (prefers-reduced-motion:reduce){[data-sel]:is(.sobe,.desce) :is(.v,.jg-o),td>[data-sel]:is(.sobe,.desce){animation:none}}
[data-sel].trav{cursor:default}
.jg-cl.trav .jg-o{visibility:hidden}
.tr-selo{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:0 7px;height:18px;border-radius:9px;background:var(--veu-up);color:var(--up);font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.tr-selo::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:trPisca 1.6s ease-in-out infinite}
.tr-selo[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.tr-selo::before{animation:none}}

/* brasão do campeonato (V2.ui.brasao): selo claro como o .emb-l do Clássico; bandeira redonda; globo no traço */
.bra{display:inline-grid;place-items:center;flex:none;width:var(--s,18px);height:var(--s,18px);box-sizing:border-box}
.bra img{display:block;width:100%;height:100%;object-fit:contain}
.bra:not(.fl):not(.gl):not(.es){padding:2px;border-radius:4px;background:#F2F2F2}
/* eSports: logo oficial do jogo sem o selo claro; versão por tema quando a fonte tem as duas */
.bra.es .so-claro,[data-theme="claro"] .bra.es .so-escuro{display:none}
[data-theme="claro"] .bra.es .so-claro{display:block}
.bra.fl img{border-radius:50%;box-shadow:0 0 0 1px var(--fil)}
.bra.gl .ic,.bra.gl svg{width:100%;height:100%;color:var(--ink3)}
.estrela{width:32px;height:32px;display:grid;place-items:center;color:var(--ink4);flex:none}
.estrela[aria-pressed="true"]{color:var(--amarelo)}
.estrela .ic svg{width:16px;height:16px}
.estrela[aria-pressed="true"] .ic svg{fill:currentColor}
.dia-h{min-height:36px;padding:10px 4px 6px;font-size:12.5px;font-weight:900;letter-spacing:.02em;color:var(--ink3);border-bottom:1px solid var(--fil2);display:flex;align-items:center}
.dia-h .cols{margin-left:auto;display:grid;grid-auto-flow:column;grid-auto-columns:56px;gap:4px;text-align:center}
.dia-h .cols.c2{grid-auto-columns:84px}

/* ── linha de jogo (times em cima; hora/+N embaixo à esquerda; odds à direita) ── */
.ev{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tms o3" "hr o3";column-gap:10px;row-gap:8px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--fil2)}
.ev:hover{background:var(--veu-lin)}
.ev .tms{grid-area:tms;display:grid;gap:6px;min-width:0}
.ev .tm{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:700;line-height:20px}
.ev .tm .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev .tm .sc{margin-left:auto;font-weight:900;color:var(--preco);padding-left:8px}
.ev .hr{grid-area:hr;display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px;font-weight:700;color:var(--ink3);white-space:nowrap}
.ev .hr .dd{color:var(--ink3)}
.ev .hr .hh{color:var(--ink2)}
.ev .hr .lgn{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ev .o3{grid-area:o3;display:grid;grid-auto-flow:column;grid-auto-columns:56px;gap:4px}
.ev .o3.c2{grid-auto-columns:84px}
.ev .o3 .o3-mais{font-size:13px;font-weight:600;color:var(--ink2)}
/* (r124) a casa fechou tudo do jogo: o aviso ocupa as colunas das odds */
.ev .o3 .o3-enc{grid-column:span 3;align-self:center;text-align:center;font-size:12px;font-weight:600;color:var(--ink2);white-space:nowrap}
.ev .o3.c2 .o3-enc{grid-column:span 2}
.hm-o .o3-enc{grid-column:1/-1;align-self:center;text-align:center;font-size:12px;font-weight:600;color:var(--ink2)}
.ev a.lk{display:contents}
.maisn{display:inline-grid;place-items:center;height:20px;padding:0 6px;border-radius:4px;background:var(--veu-preco);color:var(--preco);font-size:12px;font-weight:700}
.cav{color:var(--acc);font-weight:700}
.clk{display:inline-flex;align-items:center;gap:6px;color:var(--live);font-size:12.5px;font-weight:900}
.clk::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulsa 1.4s ease-in-out infinite}
.clk.parado{color:var(--ink3)}
.clk.parado::before{animation:none}
@keyframes pulsa{0%,100%{opacity:1}50%{opacity:.25}}

/* ── escudo / logo ── */
.esc{flex:none;width:22px;height:22px;border-radius:50%;object-fit:contain;display:inline-grid;place-items:center}
img.esc{border-radius:0;background:none}
span.esc{background:var(--veu2);color:var(--ink2);font-size:9.5px;font-weight:900;letter-spacing:-.02em}
.esc.g{width:64px;height:64px;filter:var(--cr-sh)}
/* 23/10: foto do lutador (MMA/boxe) no cabeçalho do jogo — a original da fonte, 600×436, mostrada grande */
img.esc.g.lut{width:144px;height:105px;object-fit:contain}
@media (max-width:600px){img.esc.g.lut{width:108px;height:78px}}
/* tênis (r117): o retrato redondo de 150 px da fonte, no pré e no ao vivo */
img.esc.g.atl{width:112px;height:112px;border-radius:50%;object-fit:cover}
@media (max-width:600px){img.esc.g.atl{width:84px;height:84px}}
/* golfe (auditoria 23/10): o retrato 280×350 da fonte, de pé */
img.esc.g.gol{width:96px;height:120px;border-radius:12px;object-fit:cover;object-position:top}
@media (max-width:600px){img.esc.g.gol{width:72px;height:90px}}
span.esc.g{font-size:20px}
.esc.m{width:32px;height:32px}
span.esc.m{font-size:12px}
.esc.p{width:16px;height:16px}
span.esc.p{font-size:7px}

/* ── botão de odd ── */
.odd{position:relative;display:grid;place-items:center;align-content:center;gap:1px;height:48px;min-width:0;padding:0 4px;border-radius:6px;background:var(--veu);color:var(--preco);font-size:15.5px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}
.odd .r{font-size:11px;font-weight:700;color:var(--ink3);max-width:100%;overflow:hidden;text-overflow:ellipsis}
.odd .v{font-weight:700}
@media (hover:hover){.odd:hover{background:var(--veu2)}}
.odd[aria-pressed="true"]{background:var(--preco-on);color:var(--preco-on-ink)}
.odd[aria-pressed="true"] .r{color:var(--odd-on-r)}
.odd.sus,.odd:disabled{background:var(--veu-sus);color:var(--ink3);cursor:default}
.odd.sus .v{display:none}
.odd.sus::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--cad) center/16px no-repeat;mask:var(--cad) center/16px no-repeat;opacity:.62}
.odd.sobe{background:var(--veu-up);color:var(--up)}
.odd.desce{background:var(--veu-dn);color:var(--dn)}
.odd.vazia{background:none;cursor:default}
:root{--cad:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
.cadeado{display:inline-block;width:14px;height:14px;background:var(--opc-sus);-webkit-mask:var(--cad) center/14px no-repeat;mask:var(--cad) center/14px no-repeat}

/* ── mercado (página do jogo; sem caixa) ── */
.mk{border-bottom:1px solid var(--fil)}
.mk-h{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 4px;text-align:left;font-size:15.5px;font-weight:700;color:var(--ink)}
.mk-h .nm{min-width:0;flex:1 1 auto}
.mk-h .seta{width:10px;height:10px;border-right:1.6px solid var(--seta);border-bottom:1.6px solid var(--seta);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s;flex:none;margin-right:6px}
.mk[data-fechado] .mk-h .seta{transform:rotate(-45deg)}
.mk[data-fechado] .mk-b{display:none}
.selo-ca{flex:none;display:inline-grid;place-items:center;height:18px;padding:0 5px;border-radius:2px;background:var(--selo-ca);color:var(--selo-ca-ink);font-size:11px;font-weight:900;font-style:italic;letter-spacing:.02em}
.mk-b{padding:0 0 12px}
/* grade "nome odd" */
.gd{display:grid;grid-template-columns:repeat(var(--c,2),minmax(0,1fr));column-gap:4px}
/* nome e, LOGO ao lado, a odd — o .odd.sl do .srt-g do Clássico ("Sim 2.20 · Não 1.62"); nada de nome numa ponta e odd na
   outra (dono 22/10 ~00h55). As grades com cabeçalho de coluna (1·X·2 do jogo, .jg-pl) seguem com a odd à direita. */
.gd .op{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:46px;padding:0 10px;border-bottom:1px solid var(--fil2);font-size:14px;text-align:left;min-width:0}
.gd .op .n{color:var(--opc);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd .op .v{color:var(--preco);font-weight:700;white-space:nowrap}
@media (hover:hover){.gd .op:hover{background:var(--veu-lin)}}
.gd .op[aria-pressed="true"]{background:var(--veu-mk)}
.gd .op[aria-pressed="true"] .n{color:var(--ink)}
.gd .op.sus .v{display:none}
.gd .op.sus .n{color:var(--opc-sus)}
.gd .op.sus::after{content:"";width:14px;height:14px;background:var(--opc-sus);-webkit-mask:var(--cad) center/14px no-repeat;mask:var(--cad) center/14px no-repeat}
/* tabela de linhas (Mais/Menos, handicap) */
.tb{width:100%;border-collapse:collapse;font-size:14px}
.tb th{height:30px;font-size:12px;font-weight:700;color:var(--ink3);text-align:center}
.tb th:first-child{width:28%}
.tb td{height:46px;border-top:1px solid var(--fil2);text-align:center;padding:0}
.tb td.ln{color:var(--ink2);font-weight:700;border-right:1px solid var(--fil2)}
.tb td button{width:100%;height:46px;color:var(--preco);font-weight:700}
@media (hover:hover){.tb td button:hover{background:var(--veu-lin)}}
.tb td button[aria-pressed="true"]{background:var(--veu-mk)}
.tb td button:disabled{color:var(--opc-sus);cursor:default}
.mostrar{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;font-size:14px;font-weight:700;color:var(--ink2)}
.mostrar .ic svg{width:16px;height:16px}
.mostrar:hover{color:var(--ink)}

/* ── forma V/E/D ── */
.forma{display:inline-flex;gap:3px}
.forma i{width:17px;height:17px;border-radius:3px;display:grid;place-items:center;font-size:10.5px;font-weight:900;font-style:normal;color:var(--sobre-cor)}
.forma .V{background:var(--verde-b)}
.forma .E{background:var(--empate)}
.forma .D{background:var(--live2)}

/* ── estados vazios / carregando / nota ── */
.vz{display:grid;justify-items:center;gap:8px;padding:44px 16px;text-align:center;color:var(--ink3)}
.vz .ic svg{width:34px;height:34px;color:var(--ink4);stroke-width:1.5}
.vz b{font-size:16px;font-weight:900;color:var(--ink)}
.vz p{font-size:14px;max-width:440px}
.carrega{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 16px;color:var(--ink3);font-size:14px;font-weight:700}
.carrega::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--fil);border-top-color:var(--acc);animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.nota{font-size:12.5px;color:var(--ink3);padding:8px 4px}
.nd{color:var(--ink4);font-style:italic}

/* ── flyers (direção B; sem caixa: a foto se dissolve no chão) ── */
.flyers{position:relative;margin:10px var(--mg) 0}
.fcar{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.fcar::-webkit-scrollbar{display:none}
.fly{position:relative;flex:0 0 100%;height:220px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate;background:var(--bg)}
.fly .fimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--mp,var(--bp,70% 50%));mix-blend-mode:lighten;z-index:-1;pointer-events:none;user-select:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(90deg,transparent 34%,#000 78%,#000 97%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(90deg,transparent 34%,#000 78%,#000 97%,transparent 100%);mask-composite:intersect}
.ftx{position:absolute;left:16px;top:14px;bottom:30px;width:56%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-width:0}
.fk{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--fly-k)}
.ft{font-size:19px;line-height:1.05;font-weight:900;text-transform:uppercase;color:var(--fly-t);text-wrap:balance}
.fsub{font-size:13px;color:var(--fly-sub);max-width:420px}
.fcta{position:relative;flex:none;height:36px;padding:0 18px;white-space:nowrap;border-radius:5px;background:var(--fly-cta);color:var(--fly-cta-ink);font-size:13.5px;font-weight:900;margin-top:6px}
.fcta::after{content:"";position:absolute;inset:-4px 0}
.fcta:hover{filter:brightness(1.06)}
.fdots{position:absolute;left:16px;bottom:11px;display:flex;gap:6px;z-index:2}
.fdots button{position:relative;width:16px;height:4px;border-radius:2px;background:var(--fly-dot);overflow:visible}
.fdots button::after{content:"";position:absolute;inset:-20px -3px}
.fdots button i{position:absolute;inset:0;border-radius:2px;overflow:hidden;background:var(--fly-k);transform-origin:left center;transform:scaleX(var(--p,0))}
.fdots button[aria-selected="true"]{width:32px}
.fpausa{position:absolute;right:8px;bottom:0;z-index:2;width:28px;height:28px;display:grid;place-items:center;color:var(--fly-sub)}
.fpausa::after{content:"";position:absolute;inset:-8px}
.fpausa svg{width:14px;height:14px;fill:currentColor}
.fpausa:hover{color:var(--fly-t)}

/* ── barra de baixo (celular) ── */
.bn{position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(62px + var(--sb));padding-bottom:var(--sb);display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg);border-top:1px solid var(--fil)}
.bn a,.bn button{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;color:var(--ink2);font-size:11.5px;font-weight:700;min-height:44px}
.bn .ic svg{width:25px;height:25px;stroke-width:1.7}
.bn [aria-current="true"]{color:var(--acc)}
.bn .bdg{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:17px;padding:0 4px;border-radius:9px;background:var(--amarelo);color:var(--amarelo-ink);font-size:11px;font-weight:900;display:grid;place-items:center}
.bn .bdg.vv{background:var(--live2);color:var(--sobre-cor)}
.bn .bdg:empty{display:none}

/* ── menu lateral (≥1241) ── */
.mn-g{padding:16px 0 6px}
.mn-t{padding:0 14px 8px;font-size:16px;font-weight:900;color:var(--acc)}
.mn-i{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 14px;font-size:14.5px;font-weight:700;color:var(--ink);text-align:left}
.mn-i:hover{background:var(--veu-lin)}
.mn-i[aria-current="true"]{box-shadow:inset 3px 0 0 var(--acc);background:var(--veu-lin)}
.mn-i .ic svg{width:20px;height:20px;color:var(--ink2)}
.mn-i .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
.mn-i .cn{font-size:13px;font-weight:700;color:var(--ink4)}
.mn-i.vazio .nm{color:var(--ink3)}
.mn-atalhos{padding-top:10px;border-bottom:1px solid var(--fil)}
.mn-atalhos .mn-i .ic svg{color:var(--acc)}

/* ── gaveta da conta (toque no "JS" do topo; dono 22/10 ~00h30: no celular os atalhos vão para cá, nunca para a barra de
   esportes) — painel que entra pela direita, sobre um véu; Esc, véu ou um link fecham ── */
.tp-conta{cursor:pointer}
.gv-veu{position:fixed;inset:0;z-index:70;background:rgba(3,5,12,.6)}
.gv{position:fixed;top:0;right:0;bottom:0;z-index:75;width:min(340px,88vw);overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border-left:1px solid var(--fil);box-shadow:-10px 0 30px rgba(0,0,0,.4);padding-bottom:calc(16px + var(--sb))}
.gv[hidden],.gv-veu[hidden]{display:none}
.gv-h{display:flex;align-items:center;gap:12px;padding:16px 8px 14px 16px;border-bottom:1px solid var(--fil)}
.gv-tx{display:grid;gap:2px;min-width:0;flex:1 1 auto}
.gv-tx b{font-size:15px;font-weight:900;color:var(--ink)}
.gv-tx span{font-size:13px;font-weight:700;color:var(--ink3)}
.gv-x{width:44px;height:44px;display:grid;place-items:center;color:var(--ink2)}
.gv-g{padding:8px 0;border-bottom:1px solid var(--fil)}
.gv-i{display:flex;align-items:center;gap:14px;width:100%;min-height:48px;padding:0 16px;font-size:15px;font-weight:700;color:var(--ink);text-align:left}
.gv-i .ic svg{width:22px;height:22px;color:var(--acc)}
.gv-i[aria-current="true"]{box-shadow:inset 3px 0 0 var(--acc);background:var(--veu-lin)}
@media (hover:hover){.gv-i:hover{background:var(--veu-lin)}}
html.gv-aberta{overflow:hidden}

/* ── aviso (toast) ── */
.toast{position:fixed;left:50%;bottom:calc(140px + var(--sb));transform:translateX(-50%);z-index:80;background:var(--toast-bg);color:var(--toast-ink);padding:12px 18px;border-radius:6px;font-size:14px;font-weight:700;max-width:calc(100vw - 32px);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.toast[hidden]{display:none}

/* ── busca aberta (sobreposição) ── */
.bsc-campo{display:flex;align-items:center;gap:10px;height:48px;margin:12px var(--mg) 0;padding:0 16px;border-radius:24px;background:var(--veu);color:var(--ink)}
.bsc-campo input{flex:1 1 auto;min-width:0;height:100%;border:0;background:none;outline:none;font-size:16px;font-weight:700;color:var(--ink)}
.bsc-campo input::placeholder{color:var(--ink3)}
.bsc-campo .ic svg{width:20px;height:20px;color:var(--ink2)}

/* ── computador ── */
@media (min-width:901px){
  :root{--mg:12px;--topo-h:68px}
  body{padding-bottom:120px}                                      /* a barra do cupom (pé da tela, ao centro) não cobre a última linha */
  :root{--ow:84px;--ow2:104px}
  .bn{display:none}
  .tp{background:var(--topo-g)}
  .tp-in{height:68px;padding:0 20px;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;column-gap:12px}
  .tp-marca{width:120px}
  .tp-areas{display:flex;align-items:stretch;justify-content:center;gap:4px;height:68px}
  .tp-areas a{position:relative;display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;color:var(--topo-ink2);white-space:nowrap}
  .tp-areas a:hover{color:#fff}
  .tp-areas a[aria-current="true"]{color:#fff}
  .tp-areas a[aria-current="true"]::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:2px 2px 0 0;background:#3FD08C}
  .tp-areas .lvn{min-width:20px;height:17px;padding:0 5px;border-radius:9px;background:#C62828;color:#fff;font-size:11px;font-weight:900;display:inline-grid;place-items:center}
  .tp-areas .novo{font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#06281A;background:#3FD08C;border-radius:3px;padding:1px 5px}
  .spx{width:96px;height:82px}
  .ev .o3{grid-auto-columns:var(--ow);gap:5px}
  .ev .o3.c2{grid-auto-columns:var(--ow2)}
  .lg-h .cols,.dia-h .cols{grid-auto-columns:var(--ow);gap:5px}
  .lg-h .cols.c2,.dia-h .cols.c2{grid-auto-columns:var(--ow2)}
  .ev{grid-template-columns:minmax(0,1fr) auto;padding:12px 4px}
  .fly{height:clamp(320px,24vw,400px)}
  .ftx{left:28px;width:46%;max-width:560px}
  .ft{font-size:31px}
  .fsub{font-size:15px}
  .fcta{height:40px;font-size:14px;padding:0 22px}
  .fly .fimg{object-position:var(--bp,70% 50%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%),linear-gradient(90deg,transparent var(--bf0,14%),#000 var(--bf1,50%),#000 96%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%),linear-gradient(90deg,transparent var(--bf0,14%),#000 var(--bf1,50%),#000 96%,transparent 100%)}
  .fdots{left:28px}
  .toast{bottom:40px}
}
@media (min-width:901px) and (max-width:1240px){.tp-areas a{padding:0 10px}}
/* ≥1241: 2 colunas — menu 260 | miolo com TODA a largura que sobra (dono 21/10 ~23h40: sem coluna direita; o cupom
   flutua no canto inferior direito) */
@media (min-width:1241px){
  .casca{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:24px;padding:0 24px 0 0}
  .menu{display:block;position:sticky;top:68px;align-self:start;height:calc(100vh - 68px);overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--fil);scrollbar-width:thin;scrollbar-color:var(--fil) transparent;padding-bottom:24px}
  #miolo{padding-top:4px}
  .ft{font-size:34px;line-height:1.02}
}
/* ≥1240 (era 1440; a produção já põe o painel à direita em 1366 — dono 22/10 ~01h35): o painel do jogo (estatísticas; no ao vivo, campo + estatísticas) é CONTEÚDO — mora DENTRO do miolo, à direita
   dos mercados (2 colunas no miolo). Abaixo disso ele vai para a aba "Estatísticas" (.so-sem-lat), como no celular. */
@media (min-width:1240px){
  #miolo.com-lat{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,24vw,460px);column-gap:28px;align-items:start}
  .mio-lat{display:block;position:sticky;top:68px;max-height:calc(100vh - 68px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--fil) transparent;padding:14px 0 24px}
  .so-sem-lat{display:none!important}
}
/* telas grandes: as linhas de jogo esticam e as colunas de odd crescem junto (como na bet365) */
/* odds do tamanho da produção (classico.css ≥901: 3×84 px) em qualquer largura — dono 21/10 ~23h35 "o mesmo modelo" */
@media (min-width:1920px){.fly{height:clamp(360px,20vw,440px)}}
/* utilitários de largura: .so-largo só aparece ≥1241 (3 colunas); .so-estreito só abaixo disso */
.so-largo{display:none!important}
@media (min-width:1241px){.so-largo{display:revert!important}.so-estreito{display:none!important}}
/* ══ E3 home ══ (só o dono do módulo edita entre estas marcas) */
/* faixa de atalhos: contagem embaixo do nome; ligas em alta com nome mais largo */
.hm-rail .spx{height:86px;gap:5px;align-content:center}
.hm-rail .spx .cn{margin-top:-3px;line-height:1}
/* flyer sem foto (arte da E13 ainda não chegou): o texto ocupa a lâmina, no chão */
.hm-fly .fly.hm-sem .ftx{width:calc(100% - 32px)}
.hm-fly .fly:not(.ok) .ftx{visibility:hidden}   /* sem a foto carregada, nada de texto solto no fundo escuro */
.hm-fly .fdots button{min-width:16px}
/* vitrine sob os flyers: faixa horizontal, sem caixa (filete entre os jogos) */
.hm-vit{margin-top:18px}
/* ≥1241: "Ao vivo agora" em linhas (.lg/.ev das listas de liga) — a coluna direita é só o cupom (dono 21/10 ~22h45) */
.hm-vlin{margin-top:18px}
.hm-cvs{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;border-top:1px solid var(--fil)}
.hm-cvs::-webkit-scrollbar{display:none}
.hm-cv{flex:0 0 252px;display:grid;align-content:start;gap:10px;padding:12px 14px 14px;border-left:1px solid var(--fil2);scroll-snap-align:start;min-width:0}
.hm-cv:first-child{border-left:0;padding-left:4px}
.hm-cv-l{display:grid;gap:7px;min-width:0}
.hm-cv-l:hover .nm{text-decoration:underline}
.hm-cv-m{display:flex;align-items:center;gap:8px;min-width:0;min-height:20px;font-size:12px;font-weight:700;color:var(--ink3)}
.hm-cv-m .hh{color:var(--ink2);white-space:nowrap}
.hm-cv-m .hm-lgn{display:inline-flex;align-items:center;gap:6px;min-width:0}
.hm-cv-m .hm-lgn>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-cv .tm{display:flex;align-items:center;gap:8px;min-width:0;font-size:14.5px;font-weight:700;line-height:20px}
.hm-cv .tm .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-cv .tm .sc{margin-left:auto;padding-left:8px;font-weight:900;color:var(--preco)}
.hm-o{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.hm-o.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-o .odd{height:46px}
/* Em Alta por esporte */
.hm-esp{margin-top:30px}
.hm-esp .pls{padding-top:4px}
.hm .pl{position:relative}
.hm .pl::after{content:"";position:absolute;left:0;right:0;top:-4px;bottom:-4px}
.hm-esp .dia-h > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-todos{justify-content:flex-start;padding:0 4px;color:var(--acc);border-bottom:1px solid var(--fil2)}
.hm-todos:hover{color:var(--acc);text-decoration:underline}
.hm-prox{margin-top:18px}
@media (min-width:901px){
  .hm-rail .spx{height:88px}
  .hm-cv{flex-basis:272px}
}
@media (min-width:1241px){
  .hm-cv{flex-basis:236px}
}
/* chips "Em Alta" (<1241, crítica D7): rótulo curto + pílulas com contagem, logo abaixo da faixa, sem caixa */
.hm-chips{display:flex;align-items:center;gap:10px;margin:12px var(--mg) 0;min-width:0}
.hm-chips .rotulo{flex:none;padding-left:4px}
.hm-chips>.fx{flex:1 1 auto;min-width:0}
.hm-chips .pls{min-width:0;padding:2px 0}
.hm-chips .pl{height:36px;padding:0 13px;font-size:13px}
.hm-chips .pl::after{content:"";position:absolute;left:0;right:0;top:-4px;bottom:-4px}
/* "Ao vivo agora" no celular: relógio em vermelho no alto do cartão; odds iguais às da linha */
.hm-cv-m .clk{flex:none;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ══ fim E3 home ══ */
/* ══ E4 esporte e liga ══ (só o dono do módulo edita entre estas marcas) */
.es{margin-top:14px}
.es .es-cab{padding-bottom:4px}
.es-abas{margin:0 0 14px}
.es-abas .aba{min-height:46px}
.es-painel:focus{outline:none}
.es-lista .lg:first-child{margin-top:2px}
.es-dia{margin:0 0 10px}
.es-dia .dia-h{margin:0}
.es-dia .ev .hr .dd{display:none}
/* alvos de toque ≥ 44 px nas peças da base usadas aqui (nome da liga, "+N") sem mudar o desenho */
.tela-esporte .lg-h a.nm{display:inline-flex;align-items:center;min-height:44px}
.tela-esporte .maisn{position:relative}
.tela-esporte .maisn::after{content:"";position:absolute;inset:-12px -8px}
.es-mais .es-cn{font-size:12.5px;font-weight:700;color:var(--ink4);margin-left:4px}
.tela-esporte .lg-h .estrela{width:44px;height:44px;margin-left:-6px}
/* cabeçalho da liga: voltar + ícone + nome + país · contagem + estrela */
.es-volta{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 4px;font-size:13.5px;font-weight:700;color:var(--ink3)}
.es-volta:hover{color:var(--ink)}
.es-volta .ic svg{width:16px;height:16px}
.es-lcab{display:flex;align-items:center;gap:12px;padding:2px 4px 12px;min-width:0}
.es-lic svg{width:30px;height:30px;color:var(--acc);stroke-width:1.6}
.es-ltx{display:grid;gap:3px;min-width:0;flex:1 1 auto}
.es-lt{font-size:20px;line-height:1.15;font-weight:900;color:var(--ink);overflow-wrap:anywhere}
.es-lm{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;font-weight:700;color:var(--ink3)}
.es-lm span+span::before{content:"·";margin-right:12px;color:var(--ink4)}
.es-lcab .estrela{width:44px;height:44px}
.tor-chips{padding-top:4px}
/* eSports por JOGO: fileira dos jogos ao lado do título (quebra para baixo quando não cabe) */
.es-cab:has(.es-jogos){flex-wrap:wrap;row-gap:6px}
.es-cab>.fx,.es-cab>.es-jogos{flex:1 1 320px;min-width:0}
.es-jogos{padding:2px 0 2px 6px}
.es-jogos .pl[aria-current="true"]{background:var(--preco-on);color:var(--preco-on-ink)}
.mn-sub{min-height:34px;padding-left:30px;font-size:13.5px;font-weight:600;color:var(--ink2)}
.tor-chips .pl[aria-current="true"]{background:var(--preco-on);color:var(--preco-on-ink)}
.tor-cab{padding-top:8px}
.es-lcab .estrela .ic svg{width:20px;height:20px}
/* competições: Em Alta + países/regiões A–Z (título + filete; linhas sem caixa) */
.es-bloco{margin:0 0 22px}
.es-sub{display:flex;align-items:baseline;gap:8px;padding:6px 4px 8px;border-bottom:1px solid var(--fil);font-size:16px;font-weight:900;color:var(--acc)}
.es-sub .es-cn{font-size:12.5px;color:var(--ink4)}
.es-reg{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 4px;border-bottom:1px solid var(--fil2);font-size:15px;font-weight:700;color:var(--ink);text-align:left}
.es-reg .nm,.es-lg .nm{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.es-cn{font-size:13px;font-weight:700;color:var(--ink4);font-variant-numeric:tabular-nums}
.es-seta svg,.es-sta svg{width:16px;height:16px;color:var(--ink4)}
.es-seta{transition:transform .2s}
.es-reg[aria-expanded="true"] .es-seta{transform:rotate(90deg)}
.es-reg[aria-expanded="true"]{color:var(--acc)}
@media (hover:hover){.es-reg:hover,.es-lg:hover{background:var(--veu-lin)}}
.es-lg{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;border-bottom:1px solid var(--fil2);font-size:14px;font-weight:700;color:var(--ink2)}
.es-lgs .es-lg{padding-left:22px}
.es-lg .ic svg{width:16px;height:16px;color:var(--ink3)}
.es-lg.es-zero .nm{color:var(--ink3)}
.es-lgs[hidden]{display:none}
/* esporte sem jogo */
.es-semjogo .vz{padding:28px 16px 30px}
.es-link{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;font-size:14px;font-weight:700;color:var(--acc)}
.es-link .ic svg{width:16px;height:16px}
@media (min-width:901px){
  .es-lt{font-size:24px}
  .es-lic svg{width:34px;height:34px}
  .tela-esporte .lg-h .estrela{width:32px;height:32px;margin-left:0}
}
/* ══ fim E4 esporte e liga ══ */
/* ══ E6 jogo e painel ══ (só o dono do módulo edita entre estas marcas) */
/* página do jogo (v2_jogo.js): cabeçalho sem caixa, abas-pílula com contagem, mercados .mk por forma, painel de
   estatísticas (coluna direita ≥1241 / aba "Estatísticas" abaixo). Tudo pousa no chão: filete + espaço. */
.jg{margin:0 var(--mg)}
.jg-hero{padding:6px 4px 18px;border-bottom:1px solid var(--fil)}
.jg-hero:focus{outline:none}
.jg-topo{display:flex;align-items:center;flex-wrap:wrap;column-gap:12px;min-height:44px;font-size:13.5px}
.jg-volta{display:inline-flex;align-items:center;gap:2px;min-height:44px;margin-left:-4px;color:var(--ink3);font-weight:700}
.jg-volta .ic svg{width:16px;height:16px}
.jg-volta:hover{color:var(--ink)}
.jg-lg{display:inline-flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}
.jg-lg a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:700;padding:13px 0;margin:-13px 0}   /* alvo de 44 sem crescer a linha */
.jg-lg a:hover{text-decoration:underline}
.jg-lg .pa{flex:none;color:var(--ink3)}
.jg-lg .pa::before{content:"·";margin-right:6px}
.jg-fal{margin-left:auto;font-size:12.5px;font-weight:900;color:var(--acc);white-space:nowrap}
.jg-tms{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;column-gap:8px;padding-top:10px}
.jg-tm{display:grid;justify-items:center;align-content:start;gap:8px;min-width:0;text-align:center}
.jg-tn{font-size:15px;font-weight:700;line-height:1.25;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance}
.jg-tm .forma i{width:16px;height:16px;font-size:10px}
.jg-meio{display:grid;justify-items:center;gap:4px;min-width:88px;padding-top:12px;text-align:center}
.jg-hora{font-size:30px;line-height:1;font-weight:900;color:var(--ink);letter-spacing:-.01em}
.jg-dia{font-size:13px;font-weight:700;color:var(--ink3)}
.jg-sc{display:flex;gap:8px;font-size:34px;line-height:1;font-weight:900;color:var(--preco)}
.jg-sc span{color:var(--ink4)}
.jg-nmk{margin-top:6px;font-size:12px;font-weight:700;color:var(--ink4);white-space:nowrap}
.jg-vivo{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:12px;color:var(--live);font-size:14px;font-weight:700}
.jg-vivo .ic svg{width:18px;height:18px}
.jg-vivo:hover span{text-decoration:underline}
/* abas-pílula: contagem em cinza; alvo de 44 px com a pílula de 34 desenhada dentro (borda transparente) */
.jg-abp{margin:0 -4px;padding:6px 4px}
.jg-abp button{display:inline-flex;align-items:center;gap:6px;height:44px;border-top:5px solid transparent;border-bottom:5px solid transparent;background-clip:padding-box}
.jg-abp button[aria-selected="true"],.jg-abp button:hover{background-clip:padding-box}
.jg-abp button .cn{font-size:12px;font-weight:700;opacity:.6}
.jg-abp button[aria-selected="true"] .cn{opacity:.72}
/* mercados */
.jg-mks{min-height:200px}
.jg-mk .mk-h{cursor:pointer}
@media (hover:hover){.jg-mk .mk-h:hover{background:var(--veu-lin)}}
.jg-mk .selo-ca{margin-left:auto}
.jg-mk .selo-ca+.seta{margin-left:0}
.mk-b:not([data-tudo]) .jg-extra{display:none}
.jg-mais{border-top:1px solid var(--fil2)}
.jg-mais .ic{transition:transform .2s}
.jg-mais[aria-expanded="true"] .ic{transform:rotate(180deg)}
.jg-aviso{padding:12px 4px 6px}
.jg-gd .op{min-height:46px}
.jg-tb{table-layout:fixed}
.jg-tb .jg-th th{padding:0 4px}
.jg-tb4 .jg-th th:first-child{width:22%}
.jg-hd .jg-th th:first-child{width:50%}
.jg-thn{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;min-width:0;vertical-align:middle}
.jg-thn span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-gt th{height:auto;padding:14px 4px 6px;text-align:left;font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jg-gt th .esc{display:inline-grid;vertical-align:-3px;margin-right:8px}
.jg-tb td button.jg-cl{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px}
.jg-cl .jg-l{color:var(--ink2);font-weight:700}
.jg-cl[aria-pressed="true"] .jg-l{color:var(--ink)}
.jg-cl .jg-o{color:var(--preco);font-weight:700}
/* jogadores: nome + "últimos 5" à esquerda, odds à direita */
.jg-jt .jg-th th:first-child{width:auto;text-align:left;padding-left:4px}
.jg-jt .jg-th th:not(:first-child){width:64px}
.jg-jt td.jg-jn{height:auto;min-height:46px;padding:8px 8px 8px 4px;text-align:left;border-right:1px solid var(--fil2)}
.jg-nm{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:700;color:var(--ink)}
.jg-nm>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-esc0{visibility:hidden}
.jg-u5{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:var(--ink3)}
.jg-nm:has(.esc)+.jg-u5{padding-left:24px}
/* painel de estatísticas */
.jg-pnh{padding:4px 2px 6px;min-height:36px}
.jg-lat .jg-pnh .sec-t{font-size:17px}
.jg-pn{font-variant-numeric:tabular-nums}
.jg-ps{padding:0 2px 12px;border-bottom:1px solid var(--fil)}
.jg-ps:last-child{border-bottom:0}
.jg-pt{display:flex;align-items:center;min-height:48px;font-size:15px;font-weight:700;color:var(--ink)}
.jg-sub{margin:14px 0 2px;font-size:12.5px;font-weight:700;color:var(--ink3)}
.jg-nd{padding:4px 0 10px;font-size:13px;color:var(--ink3)}
.jg-nota{padding:12px 2px 4px;font-size:12.5px;line-height:1.45;color:var(--ink3)}
.jg-nota1{padding:16px 2px}
.jg-r3{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding-top:4px}
.jg-r3>div{display:flex;align-items:center;gap:8px;min-width:0}
.jg-r3>div:last-child{justify-content:flex-end}
.jg-r3 b{font-size:28px;line-height:1;font-weight:900;color:var(--ink)}
.jg-r3 span{font-size:12.5px;color:var(--ink3)}
.jg-r3e{flex-direction:column;gap:2px!important}
.jg-r3e b{font-size:22px}
.jg-br{display:flex;gap:3px;height:4px;margin-top:12px}
.jg-br i{min-width:0;border-radius:2px}
.jg-br .h{background:var(--acc)}
.jg-br .e{background:var(--empate)}
.jg-br .a{background:var(--ink3)}
.jg-cj{display:grid;grid-template-columns:58px minmax(0,1fr) 46px minmax(0,1fr);align-items:center;gap:6px;min-height:40px;border-bottom:1px solid var(--fil2);font-size:13.5px;color:var(--ink3)}
.jg-cj:last-child{border-bottom:0}
.jg-cj time{font-size:12px;color:var(--ink4)}
.jg-cj .c,.jg-cj .f{display:flex;align-items:center;gap:6px;min-width:0}
.jg-cj .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-cj .c{justify-content:flex-end;text-align:right}
.jg-cj .w{color:var(--ink);font-weight:700}
.jg-cj .pl{text-align:center;color:var(--ink);font-weight:700;white-space:nowrap}
.jg-fh{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;font-size:14px;font-weight:700;color:var(--ink)}
.jg-fh .jg-n{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-fh .forma,.jg-fh .jg-ved{margin-left:auto}
.jg-ved{flex:none;font-size:12px;font-weight:700;color:var(--ink3);white-space:nowrap}
.jg-fj{display:grid;grid-template-columns:18px 42px minmax(0,1fr) auto 44px;align-items:center;gap:8px;min-height:40px;border-bottom:1px solid var(--fil2);font-size:13.5px}
.jg-fj .forma i{width:18px;height:18px}
.jg-fj time{font-size:12px;color:var(--ink4)}
.jg-fj .ad{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2)}
.jg-fj .md{font-size:12px;color:var(--ink3)}
.jg-fj b{text-align:right;color:var(--ink);font-weight:700}
.jg-lj{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;padding:4px 0;border-bottom:1px solid var(--fil2);font-size:13.5px}
.jg-ljn,.jg-ljs{display:grid;gap:1px;min-width:0}
.jg-ljn b{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-ljs{text-align:right;color:var(--ink2)}
.jg-ljs b{font-weight:700;color:var(--ink)}
.jg-lj small{font-size:12px;color:var(--ink3)}
.jg-esc ul{margin:0;padding:0;list-style:none}
.jg-esc li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;border-bottom:1px solid var(--fil2);font-size:13.5px;color:var(--ink)}
.jg-esc li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-esc li small{flex:none;font-size:12px;color:var(--ink3)}
.jg-esc .jg-sub{margin:10px 0 2px}
.jg-esc:not([data-tudo]) .jg-extra,.jg-sts:not([data-tudo]) .jg-extra{display:none}
.jg-esc .jg-mais,.jg-sts .jg-mais{border-top:0}
.jg-dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin:0}
.jg-dl>div{min-width:0;padding:6px 0}
.jg-dl>div.w{grid-column:1/-1}
.jg-dl dt{font-size:12px;font-weight:700;color:var(--ink3)}
.jg-dl dd{margin:2px 0 0;font-size:13.5px;color:var(--ink);overflow-wrap:anywhere}
.jg-mks .jg-pn{padding-top:4px}
/* jogo encerrado: placar por período, gols/expulsões e estatísticas da partida */
.jg-sc.fim{color:var(--ink)}
.jg-per{width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}
.jg-per th,.jg-per td{height:38px;padding:0 4px;border-bottom:1px solid var(--fil2);font-size:13.5px;text-align:center;color:var(--ink2)}
.jg-per tr:first-child th{height:30px;font-size:12px;font-weight:700;color:var(--ink3)}
.jg-per tr:first-child th:first-child,.jg-per th[scope="row"]{width:50%;text-align:left}
.jg-per th[scope="row"]{font-weight:700;color:var(--ink)}
.jg-per td b{font-weight:900;color:var(--ink)}
.jg-pn1{display:flex;align-items:center;gap:8px;min-width:0}
.jg-pn1>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-ev{display:grid;grid-template-columns:32px 16px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;border-bottom:1px solid var(--fil2);font-size:13.5px}
.jg-ev time{font-weight:700;color:var(--ink3)}
.jg-ev .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.jg-ev small{font-size:12px;color:var(--ink3)}
.jg-ev small.vm{color:var(--live);font-weight:700}
.jg-st{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;row-gap:6px;padding:9px 0;border-bottom:1px solid var(--fil2);font-size:13.5px}
.jg-st span{text-align:center;color:var(--ink2)}
.jg-st b{font-weight:700;color:var(--ink3)}
.jg-st b:last-of-type{text-align:right}
.jg-st b.w{color:var(--ink)}
.jg-st .jg-br{grid-column:1/-1;margin-top:0}
@media (min-width:901px){
  .jg-tn{font-size:17px}
  .jg-hora{font-size:36px}
  .jg-sc{font-size:40px}
  .jg-meio{min-width:120px}
  .jg-tms{column-gap:16px;padding-top:14px}
  .jg-abp button{height:42px;border-top-width:4px;border-bottom-width:4px}
  .jg-jt .jg-th th:not(:first-child){width:84px}
  .jg-hora{font-size:44px}
}
/* feed de mercados = o da produção (dono 22/10 ~01h35; medidas lidas da realvip.co em 1440): hora amarela 44/900,
   abas-pílula 13,5 sem contador, título do grupo 15/700, odd 13,5 sem negrito (.odd.sl e .jt do Clássico), cabeçalho
   da tabela de jogador 13/700, filtro de time em pílulas de 30 px, faixa do Criar Aposta e o painel .ji com abas */
.jg-hora{color:var(--preco)}
.jg-abp button{font-size:13.5px}
.jg .mk-h{font-size:15px;min-height:50px}
.jg .gd .op{font-size:13.5px;min-height:45px}
.jg .gd .op .v,.jg .tb td button,.jg-cl .jg-o{font-weight:400;font-size:13.5px}
.jg .gd .op .n{color:var(--opc)}
.jg-jt .jg-th th{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jg-jt .jg-th th:first-child{width:44%}
.jg-jt .jg-th th:not(:first-child){width:auto}
@media (min-width:901px){.jg-jt .jg-th th:first-child{width:46%}}
.jg-jt td.jg-jn{border-right:1px solid var(--fil2)}
.jg-out{display:none!important}
.jg-tmf{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 10px}
.jg-tmf button{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:15px;background:var(--veu);color:var(--ink2);font-size:13px;font-weight:700}
.jg-tmf button[aria-pressed="true"]{background:var(--esc);color:var(--esc-ink)}
/* (v2-abas-como-v1) a organização da V1: cartão com pílulas de período/time/sub-aba (molde sorte_jogo.css .srt-tmf),
   partes com rótulo, "Filtrar por jogador" (Quick Players) e "Ver por" dos Marcadores */
.og-b > .jg-tmf{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.og-b > .jg-tmf::-webkit-scrollbar{display:none}
.og-b > .jg-tmf button{flex:none;white-space:nowrap}
.og-b > .og-sub button{background:none;border-radius:0;height:34px;padding:0 2px;margin-right:12px;color:var(--ink2);box-shadow:inset 0 -2px 0 transparent}
.og-b > .og-sub button[aria-pressed="true"]{background:none;color:var(--ink);box-shadow:inset 0 -2px 0 var(--esc)}
.mk-b.og-p{padding:0}
.og-p + .og-p,.og-p + .og-pt{margin-top:12px}
.og-pt{padding:2px 4px 6px;font-size:13px;font-weight:700;color:var(--ink2)}
.mk-b.og-p[data-tudo] .jg-extra{display:revert}
.og-fj{padding:2px 4px 10px}
.og-fjt{display:block;padding:0 0 6px;font-size:12px;font-weight:700;color:var(--ink3,var(--ink2));text-transform:none}
.og-fjl{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.og-fjl::-webkit-scrollbar{display:none}
.og-fjl button{flex:none;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:15px;background:var(--veu);color:var(--ink2);font-size:13px;font-weight:700;white-space:nowrap}
.og-fjl button[aria-pressed="true"]{background:var(--esc);color:var(--esc-ink)}
.og-fjon .og-p tr.jg-jl:not(.og-sel){display:none}
.og-fjon .og-p tr.jg-jl.og-sel{display:table-row}
.og-fjon .og-p .jg-mais,.og-fjon .og-p .jg-tmf{display:none}
.og-vby{align-items:center;padding:10px 4px}
.og-vby .og-fjt{display:inline;padding:0 6px 0 0}
.og-vjs:not([data-tudo]) .og-jx{display:none}
.jca{margin:8px 0 0;border-bottom:1px solid var(--fil)}
.jca-f{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 4px}
.jca-st{flex:none;color:var(--preco);font-size:17px;line-height:1}
.jca-t{flex:1 1 auto;display:grid;gap:2px;min-width:0}
.jca-t b{font-size:14px;font-weight:700;color:var(--ink)}
.jca-t small{font-size:12px;color:var(--ink3)}
.jca-o{flex:none;display:grid;justify-items:center;min-width:60px}
.jca-o b{font-size:18px;line-height:1.1;font-weight:900;color:var(--preco);font-variant-numeric:tabular-nums}
.jca-o small{font-size:11px;color:var(--ink3)}
.jca-a{display:flex;align-items:center;gap:10px;padding:0 4px 10px}
.jca-a[hidden]{display:none}
.jca-q{flex:1 1 auto;min-width:0;font-size:12.5px;color:var(--ink2)}
.jca-limpa{height:34px;padding:0 10px;color:var(--ink3);font-size:13px;font-weight:700}
.jca-add{height:36px;padding:0 16px;border-radius:999px;background:var(--acc);color:var(--acc-ink);font-size:13.5px;font-weight:700}
.jca-add:disabled{opacity:.4;cursor:default}
.jca-sg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 4px 12px;font-size:12px;color:var(--ink3)}
.jca-sg button{height:30px;padding:0 10px;border-radius:15px;background:var(--veu);color:var(--ink2);font-size:12.5px}
.jca~.jg-mk .selo-ca{display:none}
.jca-sg button b{margin-left:4px;color:var(--preco);font-weight:700}
.ji{font-variant-numeric:tabular-nums}
.jg-jim{margin:0 0 4px;border-bottom:1px solid var(--fil)}
.jg-jim .ji-b{border-bottom:0}
.jg-jim .ji-b{gap:16px;overflow-x:auto;scrollbar-width:none}
.jg-jim .ji.rec [role="tab"]{color:var(--ink3)}
.jg-jim .ji.rec [role="tab"]::after{display:none}
.jg-jim .ji-p{padding-bottom:6px}
@media (min-width:1240px){.jg-jim{display:none}}
.ji-b{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--fil)}
.ji-b [role="tab"]{position:relative;flex:none;height:46px;font-size:14px;font-weight:700;color:var(--ink3)}
.ji-b [role="tab"][aria-selected="true"]{color:var(--ink)}
.ji-b [role="tab"][aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:2px;background:var(--acc)}
.ji-x{margin-left:auto;width:36px;height:46px;display:grid;place-items:center}
.ji-x::before{content:"";width:9px;height:9px;border-left:1.6px solid var(--seta);border-top:1.6px solid var(--seta);transform:rotate(45deg) translate(2px,2px);transition:transform .2s}
.ji.rec .ji-x::before{transform:rotate(225deg)}
.ji.rec .ji-p,.ji.rec .ji-o{display:none}
.ji-o{margin:0;padding:8px 0 0;font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ji-sec{padding:14px 0 8px;border-bottom:1px solid var(--fil)}
.ji-sec:last-child{border-bottom:0}
.ji-r3{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.ji-r3>div{display:flex;align-items:baseline;gap:8px;min-width:0}
.ji-r3>div:first-child,.ji-r3>div:last-child{align-items:center}
.ji-r3>div:last-child{justify-content:flex-end}
.ji-r3 b{font-size:28px;line-height:1;font-weight:900;color:var(--ink)}
.ji-r3 span{font-size:13px;color:var(--ink3)}
.ji-br{display:flex;gap:3px;height:4px;margin-top:12px}
.ji-br i{min-width:0;border-radius:2px}
.ji-br .h{background:var(--acc)}
.ji-br .e{background:var(--empate)}
.ji-br .a{background:var(--ink)}
.ji-h{display:flex;align-items:center;gap:9px;min-height:50px;margin:6px 0 0;font-size:15px;font-weight:700;color:var(--ink)}
.ji-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ji-s{margin-left:auto;flex:none;font-size:13px;font-weight:400;color:var(--ink3)}
.ji-s .forma i{width:18px;height:18px;font-size:11px}
.ji-j{display:grid;grid-template-columns:50px minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:6px;min-height:42px;border-bottom:1px solid var(--fil2);font-size:13.5px;color:var(--ink3)}
.ji-j time{font-size:12px;color:var(--ink4)}
.ji-j .c,.ji-j .f{display:flex;align-items:center;gap:6px;min-width:0}
.ji-j .c{justify-content:flex-end;text-align:right}
.ji-j em,.ji-u em{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ji-j .w{color:var(--ink);font-weight:700}
.ji-j .pl{text-align:center;color:var(--ink);font-weight:700;white-space:nowrap}
.ji-2 .ji-tm+.ji-tm{margin-top:10px;padding-top:4px;border-top:1px solid var(--fil)}
.ji-k{display:flex;gap:22px;padding:0 0 10px}
.ji-k span{display:grid;gap:3px;font-size:12px;color:var(--ink3)}
.ji-k b{font-size:15px;line-height:1.1;font-weight:700;color:var(--ink)}
.ji-u{display:grid;grid-template-columns:18px 40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;border-bottom:1px solid var(--fil2);font-size:13.5px;color:var(--ink2)}
.ji-u .forma i{width:18px;height:18px}
.ji-u time{font-size:12px;color:var(--ink4)}
.ji-u .ad{display:flex;align-items:center;gap:6px;min-width:0}
.ji-u small{flex:none;font-size:12px;color:var(--ink3)}
.ji-u b{color:var(--ink);font-weight:700}
.ji-us:not([data-tudo]) .jg-extra{display:none}
.ji-us .jg-mais{border-top:0}
.ji-nd{margin:0;padding:16px 0;font-size:13px;color:var(--ink3)}
.ji .jg-ps{border-bottom:0;padding-top:4px}
/* ── 23/10 (dono, itens 6 a 9) ──
   BUSCA DA ABA: plana, no chão da página (filete embaixo, sem caixa flutuante nem sombra); 44 px de toque, fonte de 16 px
   (o iPhone não dá zoom), lupa e X em --ink3, filete de 2 px na cor de destaque no foco, contador à direita. */
.jg-bqw{margin:2px 0 6px}
.jg-bqw[hidden]{display:none}
.bq{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px 0 2px;border-bottom:1px solid var(--fil);transition:border-color .15s}
.bq::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .18s ease-out}
.bq:focus-within::after{transform:scaleX(1)}
.bq-lu{flex:none;display:grid;place-items:center;width:22px;color:var(--ink3)}
.bq-lu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bq:focus-within .bq-lu{color:var(--acc)}
.bq-in{flex:1;min-width:0;height:44px;border:0;outline:0;background:none;color:var(--ink);font-size:16px;font-weight:400;padding:0;-webkit-appearance:none;appearance:none}
.bq-in::placeholder{color:var(--ink4);opacity:1}
.bq-in::-webkit-search-cancel-button{display:none}
.bq-x{flex:none;position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--ink3)}
.bq-x::after{content:"";position:absolute;inset:-8px}
.bq-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bq-x:hover{color:var(--ink);background:var(--veu)}
.bq-x[hidden]{display:none}
.bq-k{display:none;flex:none;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--fil);border-radius:4px;font:700 11px/18px var(--ui);color:var(--ink4);text-align:center}
@media (min-width:901px){.bq:not(.cheio):not(:focus-within) .bq-k{display:inline-block}}
.bq-n{flex:none;font-size:12px;color:var(--ink3);white-space:nowrap}
.bq-n:empty{display:none}
.bq-in:focus-visible{outline:0}
.bq:focus-within{border-bottom-color:transparent}
.bq-out{display:none!important}
.bq-on .jg-mais,.bq-on .jg-tmf{display:none}
.bq-vz .vz{padding:28px 16px 30px}
@media (max-width:600px){.bq-n{max-width:44%;overflow:hidden;text-overflow:ellipsis}}

/* SELETOR DO PLACAR (Resultado Correto, como a V1): time à esquerda, "−  n  +" no meio, a caixa da odd à direita (é o botão
   que vai ao cupom). Botões redondos de 36 px com área de 44, número tabular; sem odd = cadeado e "Sem odd". */
.jg-csw{padding:2px 0 6px}
.jg-cs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(96px,128px);column-gap:14px;align-items:center}
.jg-cs-t{display:flex;align-items:center;gap:8px;min-width:0;min-height:52px;font-size:14px;color:var(--ink2)}
.jg-cs-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-cs-p{display:flex;align-items:center;gap:6px}
.jg-cs-b{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--fil);font-size:20px;line-height:1;color:var(--ink);background:var(--veu)}
.jg-cs-b::after{content:"";position:absolute;inset:-4px}
.jg-cs-b:hover:not(:disabled){background:var(--veu2)}
.jg-cs-b:disabled{color:var(--ink4);background:none;cursor:default}
.jg-cs-b:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.jg-cs-n{min-width:28px;text-align:center;font-size:20px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.jg-cs-o{grid-column:3;grid-row:1/3;align-self:stretch;display:flex;align-items:center}
.jg-cs-o .op{width:100%;min-height:64px;display:grid;justify-items:center;align-content:center;gap:2px;padding:6px 8px;border:1px solid var(--fil);border-radius:4px;background:var(--veu)}
.jg-cs-o .op .n{font-size:12px;color:var(--ink3)}
.jg-cs-o .op .v{font-size:17px;font-weight:700;color:var(--preco)}
.jg-cs-o .op[aria-pressed="true"]{background:var(--veu-mk);border-color:var(--acc)}
.jg-cs-o .op.sus{background:none;border-style:dashed}
.jg-cs-o .op.sus::after{content:"";width:14px;height:14px;background:var(--opc-sus);-webkit-mask:var(--cad) center/14px no-repeat;mask:var(--cad) center/14px no-repeat}
.jg-cs-so{font-size:12px;color:var(--ink4)}
.jg-cs-ou{margin-top:6px}
@media (max-width:400px){.jg-cs{column-gap:8px;grid-template-columns:minmax(0,1fr) auto 84px}.jg-cs-b{width:34px;height:34px}}

/* PAINEL: Tabela e Artilharia (desenho da V1) — recorte em pílulas, linha do time do jogo marcada, faixa da zona */
.ji-tt{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:0 0 8px;font-size:14px}
.ji-tt b{color:var(--ink);font-weight:700}
.ji-tt span{font-size:12px;color:var(--ink3)}
.ji-sg{display:flex;gap:6px;padding:0 0 10px}
.ji-sg button{min-height:32px;padding:0 12px;border:1px solid var(--fil);border-radius:16px;font-size:13px;font-weight:700;color:var(--ink3)}
.ji-sg button[aria-pressed="true"]{background:var(--esc);border-color:var(--esc);color:var(--esc-ink)}
.ji-tb{display:grid;font-size:13px}
.ji-tb .hd,.ji-tb .tr{display:grid;grid-template-columns:26px minmax(0,1fr) repeat(4,24px) 44px 30px 30px;align-items:center;column-gap:4px;min-height:36px;border-bottom:1px solid var(--fil2)}
.ji-tb .hd{min-height:30px;font-size:11px;font-weight:700;color:var(--ink4)}
.ji-tb .hd span,.ji-tb .tr span{text-align:center}
.ji-tb .t{display:flex;align-items:center;gap:6px;min-width:0;text-align:left!important}
.ji-tb .t em{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2)}
.ji-tb .t small{flex:none;font-size:11px;color:var(--ink4)}
.ji-tb .ps{position:relative;color:var(--ink3)}
.ji-tb .ps[style]::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--z)}
.ji-tb .pt{font-weight:700;color:var(--ink)}
.ji-tb .tr.eu{background:var(--veu-mk)}
.ji-tb .tr.eu .t em{color:var(--ink);font-weight:700}
.ji-ar .hd,.ji-ar .tr{grid-template-columns:26px minmax(0,1fr) 34px 34px}
.ji-ar.c1 .hd,.ji-ar.c1 .tr{grid-template-columns:26px minmax(0,1fr) 34px}
.ji-ar .t{flex-direction:column;align-items:flex-start;gap:0}
.ji-lg{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 0 0;font-size:12px;color:var(--ink3)}
.ji-lg span{display:inline-flex;align-items:center;gap:6px}
.ji-lg i{width:10px;height:10px;border-radius:2px;background:var(--z,var(--fil))}

/* PAINEL RECOLHIDO NO COMPUTADOR (item 8): a lateral sai, o miolo vira uma coluna só (os mercados vão até a borda) e a
   barra fina com as abas e a seta fica em cima das abas de mercado; tocar nela reabre a lateral */
@media (min-width:1240px){.jg-jim.so-rec{display:block}}
@media (min-width:1240px) and (prefers-reduced-motion:no-preference){#miolo.com-lat .mio-lat{animation:jg-lat-in .16s ease-out}}
@keyframes jg-lat-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

/* Criar Aposta na aba: os mercados no desenho das outras abas; grupos que abrem/fecham; "Mostrar mais" do jogador */
.jcl-g{border-bottom:1px solid var(--fil2)}
.jcl-gh{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 2px;font-size:15px;font-weight:900;color:var(--ink);text-align:left}
.jcl-gh small{color:var(--ink3);font-weight:400;font-size:13px}
.jcl-gh::after{content:"";flex:none;width:8px;height:8px;border-right:1.6px solid var(--seta);border-bottom:1.6px solid var(--seta);transform:rotate(45deg);margin:0 6px 4px 0;transition:transform .2s}
.jcl-gh[aria-expanded="true"]::after{transform:rotate(225deg);margin-bottom:-4px}
.jcl-gh:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.jcl-gb[hidden]{display:none}
.jcl-mais{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;font-size:14px;font-weight:700;color:var(--ink2);border-top:1px solid var(--fil2)}
.jcl-mais:hover{color:var(--ink)}
/* ══ fim E6 jogo e painel ══ */
/* ══ E8 ao vivo (lista) ══ (só o dono do módulo edita entre estas marcas) */
.vv .vv-abas{margin:0 0 14px}
.vv .vv-abas .aba .ic svg{width:18px;height:18px}
.vv .vv-abas .aba[aria-selected="true"] .ic{color:var(--acc)}
.vv-ev .hr{flex-wrap:nowrap}
/* "acompanhar no campo": só o ícone (rótulo no aria-label); alvo de 44 px pelo ::after */
.vv-selo{position:relative;display:inline-grid;place-items:center;width:26px;height:20px;border-radius:4px;background:var(--veu);color:var(--acc);flex:none}
.vv-selo .ic svg{width:15px;height:15px}
.vv-selo::after{content:"";position:absolute;inset:-12px -9px}
.vv-selo:hover{background:var(--veu2)}
/* ══ fim E8 ao vivo (lista) ══ */
/* ══ E11 apostas, busca e A–Z ══ (só o dono do módulo edita entre estas marcas) */
/* Minhas apostas: o cartão do My Bets aprovado (18/10) — a caixa foi pedida pelo dono (critério 8 do PLANO), nos tokens V2 */
.ap-abas{margin:0 0 4px}
.ap-lista{display:grid;gap:10px;padding-top:10px}
.ap-c{position:relative;background:var(--sur);border:2px solid transparent;border-radius:8px;padding:14px 14px 10px;min-width:0}
.ap-c.ganhou{border-color:var(--acc)}
.ap-h{display:flex;align-items:center;gap:8px;min-height:28px;flex-wrap:wrap}
.ap-h .ap-vl,.ap-h .ap-tp{font-size:15px;font-weight:900;color:var(--acc)}
.ap-h .ap-tp{font-weight:700}
.ap-h .ap-ot{font-size:15px;font-weight:700;color:var(--preco)}
.ap-h .ap-fim{margin-left:auto;display:flex;align-items:center;gap:8px}
.ap-ex{font-size:11.5px;font-weight:700;color:var(--ink4);padding:0 6px;height:20px;display:inline-flex;align-items:center;border-radius:3px;box-shadow:inset 0 0 0 1px var(--fil)}
.ap-pl{height:28px;border-radius:14px;padding:0 12px;display:inline-flex;align-items:center;font-size:12px;font-weight:700;background:var(--veu);color:var(--ink2);white-space:nowrap}
.ap-pl.vivo{background:none;padding:0}
.ap-pl.vivo .clk{text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}
.ap-c.ganhou .ap-pl.ganhou{position:absolute;top:-2px;right:-2px;height:32px;border-radius:0 8px 0 10px;padding:0 16px;background:var(--acc);color:var(--acc-ink);font-size:14px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.ap-c.ganhou .ap-h .ap-fim{margin-right:96px}
.ap-reuso{margin-top:10px;width:100%;min-height:44px;border-radius:6px;background:var(--veu);display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink)}
.ap-reuso svg{width:16px;height:16px;fill:none;stroke:var(--acc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.ap-reuso:hover{background:var(--veu2)}.ap-ac.enc:hover{filter:brightness(1.07)}.ap-jg:hover .nm{color:var(--ink)}}
/* liquidada recolhida, "Ver mais" e o fim da lista (como a produção, portal.html .ma .lin/.mais/.fim-l) */
.ap-lin{width:100%;display:flex;align-items:center;gap:8px;min-height:52px;background:var(--sur);border-radius:8px;padding:8px 14px;text-align:left;min-width:0}
.ap-lin .vl,.ap-lin .tp{font-size:14px;font-weight:900;color:var(--acc);flex:none}
.ap-lin .tp{font-weight:700}
.ap-lin .rs{font-size:12.5px;font-weight:700;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ap-lin .rs i{font-style:normal;font-weight:900;color:var(--preco)}
.ap-lin .ap-pl{margin-left:auto;flex:none}
.ap-lin .ap-pl.ganhou{background:var(--acc);color:var(--acc-ink)}
.ap-lin .ch{flex:none;width:18px;height:18px;fill:none;stroke:var(--ink3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ap-mais{display:flex;margin:8px auto 0;height:44px;padding:0 28px;border-radius:22px;background:var(--veu);align-items:center;font-size:13.5px;font-weight:700}
.ap-fim-l{margin:8px 0 0;text-align:center;font-size:12px;color:var(--ink3)}
@media (hover:hover){.ap-lin:hover,.ap-mais:hover{background:var(--veu2)}}
/* perna */
.ap-p{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:10px;padding:12px 0;border-bottom:1px solid var(--fil2)}
.ap-p:last-child{border-bottom:0}
.ap-st{display:block;width:16px;height:16px;margin-top:2px}
.ap-st svg{width:16px;height:16px;overflow:visible}
.ap-st .an{fill:none;stroke:var(--ink4);stroke-width:1.6}
.ap-st.vivo .an{stroke:var(--live)}
.ap-st .pt{fill:var(--live);animation:pulsa 1.4s ease-in-out infinite}
.ap-st .ch{fill:var(--acc)}
.ap-st.perdeu .ch{fill:var(--dn)}
.ap-st .sx{fill:none;stroke:var(--acc-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ap-st.perdeu .sx{stroke:var(--bg)}
.ap-st.anulada .sx{stroke:var(--ink3)}
.ap-pc{min-width:0}
.ap-s1{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ap-s1 b{font-size:15px;font-weight:700;min-width:0;overflow-wrap:anywhere}
.ap-s1 .od{font-size:15px;font-weight:700;color:var(--preco)}
.ap-s1 .selo-ca{align-self:center}
.ap-rl{margin-left:auto}
.ap-p.perdeu .ap-s1 b,.ap-p.anulada .ap-s1 b{color:var(--ink2)}
.ap-pm{margin-top:2px;font-size:12.5px;color:var(--ink3)}
.ap-tg{display:inline-block;margin-right:6px;font-size:10.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--live)}
.ap-sub{margin:8px 0 2px}
.ap-sub li{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:9px;padding:3px 0 5px}
.ap-sub .ap-st,.ap-sub .ap-st svg{width:14px;height:14px}
.ap-sub b{display:block;font-size:13.5px;font-weight:700}
.ap-sub small{font-size:12px;color:var(--ink3)}
.ap-jg{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:6px;column-gap:10px;align-items:center;min-height:44px}
.ap-jg .tm{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink2);min-width:0}
.ap-jg .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-jg .qd{justify-self:end;font-size:12.5px;font-weight:700;color:var(--ink3)}
.ap-jg .qd.hr{color:var(--ink2)}
.ap-jg .gl{justify-self:end;min-width:24px;height:22px;border-radius:4px;background:var(--veu);display:grid;place-items:center;padding:0 5px;font-size:13px;font-weight:900;color:var(--preco)}
.ap-evn{margin-top:6px;font-size:13px;font-weight:700;color:var(--ink2)}
/* modo de conferência (?debug=1): dados crus da liquidação gravados na perna — só cinza, nunca na vista normal */
.ap-liq{margin-top:6px;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink3);overflow-wrap:anywhere}
.ap-liq b{font-weight:600}
/* rodapé do cartão */
.ap-rd{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px -14px 0;padding:12px 14px 0;border-top:1px solid var(--fil)}
.ap-rd small{display:block;font-size:12px;font-weight:700;color:var(--ink3)}
.ap-rd b{display:block;font-size:16px;font-weight:900;margin-top:1px}
.ap-rd .r{text-align:right}
.ap-rd .apg small,.ap-rd .apg b{color:var(--ink4)}
.ap-ac{grid-column:1/-1;height:46px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:900;width:100%}
.ap-ac svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ap-ac.enc{background:var(--acc);color:var(--acc-ink)}
.ap-ac.lk{background:var(--veu-sus);color:var(--ink3);font-weight:700;font-size:13.5px;cursor:default}
.ap-ac.ret{background:var(--veu);color:var(--ink2);font-weight:700}
.ap-ac.ret.ok{color:var(--acc);font-weight:900}
.ap-ac.ret.zero{color:var(--ink4)}
.ap-ref{margin-top:10px;font-size:11.5px;color:var(--ink4)}
.ap-nota{padding:4px 4px 0}
@media (min-width:901px){
  .ap-c{padding:16px 18px 12px}
  .ap-rd{margin:4px -18px 0;padding:12px 18px 0;grid-template-columns:1fr 1fr minmax(240px,1fr);align-items:center}
  .ap-rd .r{text-align:left}
  .ap-rd .ap-ac{grid-column:auto}
  .ap-reuso{min-height:38px;margin-top:8px}   /* largura inteira, como o .reuso da produção */
  .ap-pc{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);column-gap:32px;align-content:start}
  .ap-pc>.ap-s1,.ap-pc>.ap-pm,.ap-pc>.ap-sub,.ap-pc>.ap-evn{grid-column:1}
  .ap-pc>.ap-jg{grid-column:2;grid-row:1 / span 3;margin-top:0;align-self:start}
}
/* busca */
.bs-campo{margin:12px var(--mg) 0}
.bs-campo:focus-within{box-shadow:inset 0 0 0 1.5px var(--acc)}
.bs-campo input{-webkit-appearance:none;appearance:none}
.bs-campo input::-webkit-search-cancel-button{display:none}
.bs-limpa{flex:none;width:44px;height:44px;margin-right:-12px;display:grid;place-items:center;color:var(--ink3)}
.bs-limpa[hidden]{display:none}
.bs-limpa .ic svg{width:18px;height:18px}
.bs-res{margin:6px var(--mg) 0}
.bs-tot{padding:12px 4px 2px;font-size:13px;font-weight:700;color:var(--ink3)}
.bs-g{margin-top:16px}
.bs-gt{display:flex;align-items:baseline;gap:8px;min-height:36px;padding:6px 4px;font-size:16px;font-weight:900;color:var(--ink);border-bottom:1px solid var(--fil)}
.bs-pls{padding:10px 4px;flex-wrap:wrap;overflow:visible}
.bs-pls .pl{height:40px}
.bs-i{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px 4px;border-bottom:1px solid var(--fil2);text-align:left;color:var(--ink);min-width:0}
@media (hover:hover){a.bs-i:hover,summary.bs-i:hover{background:var(--veu-lin)}}
.bs-i .esc.m{flex:none}
.bs-ic{width:32px;height:32px;color:var(--ink2)}
.bs-ic svg{width:22px;height:22px}
.bs-tx{display:grid;gap:2px;min-width:0;flex:1 1 auto}
.bs-tx .nm{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-tx .sb{font-size:12.5px;font-weight:700;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-i .cn{flex:none;font-size:13px;font-weight:700;color:var(--ink4)}
.bs-ch{color:var(--ink4)}
.bs-ch svg{width:16px;height:16px}
.bs-i.vazio .nm{color:var(--ink3)}
.bs-hl{background:none;color:var(--acc);font-weight:900}
.bs-vv{color:var(--live)}
.bs-az{margin-top:18px;border-top:1px solid var(--fil)}
.bs-vz .vz{padding-top:36px}
/* A–Z */
.bs-azp .sec-h{flex-wrap:wrap;row-gap:0}
.bs-azl,.bs-pa{border-top:1px solid var(--fil)}
.bs-pd>summary{list-style:none;cursor:pointer;min-height:50px}
.bs-pd>summary::-webkit-details-marker{display:none}
.bs-seta{flex:none;width:9px;height:9px;margin:0 6px 0 2px;border-right:1.6px solid var(--seta);border-bottom:1.6px solid var(--seta);transform:rotate(-45deg);transition:transform .2s}
.bs-pd[open]>summary .bs-seta{transform:rotate(45deg) translate(-2px,-2px)}
.bs-pd[open]>summary{box-shadow:inset 3px 0 0 var(--acc)}
.bs-pl{padding-left:16px}
.bs-lg{min-height:46px}
.pl .bra{margin-left:-4px}
.bs-lg .nm{font-size:14px}
@media (min-width:901px){
  .bs-azl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .bs-i{min-height:52px}
}
/* ══ fim E11 apostas, busca e A–Z ══ */
/* ══ E14 celular e temas ══ (só o dono do módulo edita entre estas marcas) */
/* alvos de toque ≥ 44 px no celular sem mudar o desenho: a área cresce por ::after / altura mínima */
@media (max-width:900px){
  .estrela{width:44px;height:44px;margin-left:-6px}
  .lg-h a.nm{min-height:44px;display:flex;align-items:center}
  .maisn{position:relative}
  .maisn::after{content:"";position:absolute;inset:-12px -8px}
  .sec-mais{min-height:44px}
}
/* flyer no tema claro (crítica D12): a foto é noturna — dissolvida devagar no papel ela vira uma "névoa cinza" (a faixa
   de meia transparência é cinza). Agora: o texto fica na metade esquerda limpa, em tinta escura, e a foto ocupa a direita
   num recorte limpo, com borda curta (6–10 %) que se desfaz no papel — sem véu, sem moldura, sem sombra, sem cantos
   (não é cartão: é a foto pousada no chão). Borda curta = faixa cinza fina, em vez da névoa larga de antes. */
html[data-theme="claro"] .fly{background:var(--bg)}
html[data-theme="claro"] .fly .fimg{mix-blend-mode:normal;left:56%;width:44%;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(90deg,transparent 0,#000 10%,#000 97%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(90deg,transparent 0,#000 10%,#000 97%,transparent 100%);mask-composite:intersect}
html[data-theme="claro"] .ftx{width:calc(56% - 24px)}
@media (min-width:901px){
  html[data-theme="claro"] .fly .fimg{left:50%;width:50%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(90deg,transparent 0,#000 8%,#000 98%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(90deg,transparent 0,#000 8%,#000 98%,transparent 100%)}
  html[data-theme="claro"] .ftx{width:calc(50% - 36px);max-width:none}
}
html[data-theme="claro"] .fk{color:var(--acc)}
html[data-theme="claro"] .ft{color:var(--ink)}
html[data-theme="claro"] .fsub{color:var(--ink2)}
html[data-theme="claro"] .fdots button{background:var(--fil)}
html[data-theme="claro"] .fdots button i{background:var(--acc)}
html[data-theme="claro"] .fpausa{color:var(--ink3)}
/* ══ fim E14 celular e temas ══ */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* carteira de exemplo (o "+ Depositar" do topo e o "Depositar / Sacar" do menu da conta) — só visual */
.ct-c{display:grid;gap:12px;max-width:480px;padding:4px 4px 24px}
.ct-l{font-size:13px;font-weight:700;color:var(--ink3)}
.ct-vs{display:flex;flex-wrap:wrap;gap:8px}
.ct-v{height:40px;padding:0 16px;border-radius:999px;background:var(--veu);color:var(--ink);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.ct-v[aria-pressed="true"]{background:var(--preco-on);color:var(--preco-on-ink)}
@media (hover:hover){.ct-v:not([aria-pressed="true"]):hover{background:var(--veu2)}}
.ct-in{display:flex;align-items:center;gap:8px;height:48px;padding:0 14px;border-radius:10px;border:1px solid var(--fil);background:var(--sur)}
.ct-in:focus-within{border-color:var(--acc)}
.ct-in span{font-weight:700;color:var(--ink3)}
.ct-in input{flex:1 1 auto;min-width:0;height:100%;border:0;background:none;color:var(--ink);font:inherit;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;outline:0}
.ct-ok{height:48px;border-radius:10px;background:var(--acc);color:var(--acc-ink);font-size:15px;font-weight:900}
.ct-ok:hover{background:var(--acc2)}
.ct-pix{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;border-radius:12px;border:1px solid var(--fil);background:var(--sur)}
.ct-pix[hidden]{display:none}
.ct-qr{width:168px;height:168px;flex:none;border-radius:8px}
.ct-pt{display:grid;gap:8px;flex:1 1 200px;min-width:0}
.ct-pt b{font-size:15px;color:var(--ink)}
.ct-pt span,.ct-ajuda{font-size:13px;color:var(--ink3)}
.ct-pt small{font-size:12px;color:var(--ink4)}
.ct-cp{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:10px;border:1px solid var(--acc);color:var(--acc);font-size:14px;font-weight:700}
.ct-cp .ic svg{width:18px;height:18px}
.ct-sal{font-size:14px;color:var(--ink3)}
.ct-sal b{color:var(--ink);font-variant-numeric:tabular-nums}
.ct-dl{display:grid;gap:0;margin:0}
.ct-dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 4px;border-bottom:1px solid var(--fil2)}
.ct-dl dt{color:var(--ink3);font-size:14px}
.ct-dl dd{margin:0;color:var(--ink);font-weight:700;font-size:14px}
/* com o menu da esquerda à vista (≥1241) os atalhos já estão nele; o menu da conta fica só com a conta */
@media (min-width:1241px){.gv-atalhos{display:none}}
/* tabela de jogador com TODAS as linhas da casa (auditoria de mercados 22/10, item 3): mais de 4 colunas rola para o
   lado, com o nome do jogador fixo à esquerda */
.jg-rola{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.jg-rola:focus-visible{outline:2px solid var(--foco,var(--ink));outline-offset:2px}
.jg-rola .jg-jt{table-layout:auto;width:max-content;min-width:100%}
.jg-rola .jg-jt .jg-th th:first-child,.jg-rola .jg-jt td.jg-jn{position:sticky;left:0;z-index:1;background:var(--bg);width:190px;min-width:190px;max-width:190px}
.jg-rola .jg-jt .jg-th th:not(:first-child){width:72px;min-width:72px}
.jg-rola .jg-jt td:not(.jg-jn){min-width:72px}
@media (max-width:600px){.jg-rola .jg-jt .jg-th th:first-child,.jg-rola .jg-jt td.jg-jn{width:150px;min-width:150px;max-width:150px}}

/* ── MOVIMENTO DA ODD (dono 22/10 ~05h40): abertura → agora. Discreto, nas cores da casa (a bet365 não mostra).
   Página do jogo: selo "Abriu 2.10" com a seta verde ↑ / vermelha ↓ (mercado principal e linha principal);
   lista: só o triângulo pequeno no canto da odd. Toque: balão .mov-dica com o texto inteiro. ── */
.mov{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:11px;font-weight:400;line-height:1;color:var(--ink4);white-space:nowrap;font-variant-numeric:tabular-nums}
.mov i{width:0;height:0;border:4px solid transparent}
.mov.sobe i{border-bottom:5px solid var(--up);border-top:0}
.mov.desce i{border-top:5px solid var(--dn);border-bottom:0}
.gd .op .mov{margin-left:auto}
.gd .op .mov+.v{margin-left:6px}
.tb td button.cmov{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
td>[data-sel].cmov:is(.sobe,.desce)::before{content:none}
.jg-tb td button.jg-cl .mov{margin-left:auto}
.jg-tb td button.jg-cl .jg-o+.mov{order:-1}
.tend{position:absolute;top:4px;right:4px;width:0;height:0;border:3px solid transparent;pointer-events:none}
.tend.sobe{border-bottom:4px solid var(--up);border-top:0}
.tend.desce{border-top:4px solid var(--dn);border-bottom:0}
.odd[aria-pressed="true"] .tend.sobe{border-bottom-color:var(--preco-on-ink)}
.odd[aria-pressed="true"] .tend.desce{border-top-color:var(--preco-on-ink)}
.mov-dica{position:fixed;z-index:90;max-width:260px;padding:6px 10px;border-radius:6px;background:var(--sur3);color:var(--ink);font-size:12.5px;line-height:1.3;box-shadow:0 4px 14px rgba(0,0,0,.35);pointer-events:none}
.mov-dica[hidden]{display:none}

/* ── FOTO DO JOGADOR (dono 22/10 ~05h40): redonda, do tamanho da bolinha com o brasão do time, que fica por baixo
   (sem foto = o brasão). Embaixo do nome, em cinza, "#24 · Pivô". ── */
.jft{position:relative;flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--veu2);overflow:hidden}
.jft .esc.p{width:16px;height:16px}
.jft-f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;border-radius:50%;background:var(--sur2)}
.jft.m{width:32px;height:32px}
.jft.m .esc.p{width:20px;height:20px}
.jft0{visibility:hidden}
.jg-np{display:block;margin-top:2px;font-size:12px;font-weight:400;line-height:1.3;color:var(--ink4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jg-nm:has(.jft)~:is(.jg-np,.jg-u5){padding-left:32px}

/* ── ONDE ASSISTIR (dono 22/10 ~05h40): ícone de TV + o canal no cabeçalho do jogo, quando a fonte manda ── */
.jg-tv{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--ink3);white-space:nowrap}
.jg-tv .ic svg{width:15px;height:15px}
.jg-esc li.jg-ef{justify-content:flex-start;gap:8px;padding:5px 0}
.jg-esc li.jg-ef .jg-efn{display:grid;min-width:0}
.jg-esc li.jg-ef .jg-efn small{font-size:12px;color:var(--ink4)}

/* ── JOGADORES AO VIVO (dono 22/10 ~05h40): por time, foto + nome + "#9 · Atacante" + os números da hora; a odd do
   jogador (Marcar / Chutes) à direita, no botão de odd da lista ── */
.vv-jt{margin:0 0 12px}
.vv-jth{display:flex;align-items:center;gap:8px;margin:0;padding:10px 4px 6px;font-size:13.5px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--fil)}
.vv-jt ul{margin:0;padding:0;list-style:none}
.vv-jl{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 4px;border-bottom:1px solid var(--fil2)}
.vv-jn{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.vv-jx{display:grid;min-width:0}
.vv-jx b{font-size:14px;font-weight:700;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vv-jx .jg-np{margin-top:1px}
.vv-js{margin-top:2px;font-size:12px;color:var(--ink3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vv-jod{display:flex;gap:6px;flex:none}
.vv-jod .odd.vv-jo{width:72px;height:46px}
.vv-jod .odd .r{font-size:10.5px;font-weight:700;color:var(--ink3)}
.vv-jod .odd[aria-pressed="true"] .r{color:inherit}