/* Linguagem visual dos painéis do próprio betScout: os tokens, a tipografia e
   os componentes vêm de `painel-lance.html` (papel quente, acento âmbar, cores
   próprias de casa e fora, Archivo + IBM Plex Mono), e o ritmo de página vem de
   `painel.html` (coluna central, eyebrow, seções espaçadas, sombra discreta).
   Claro e escuro seguem a preferência do sistema, com `data-theme` vencendo. */

:root{
  --ground:#F4F6F1; --surface:#FFFFFF; --surface-2:#EAEEE5; --surface-3:#E1E7DB;
  --ink:#101711; --muted:#5A6A5E; --line:#DBE2D6; --line-forte:#C3CEBB;
  --accent:#B5730A; --accent-fraco:#F6ECD8;
  --casa:#2F4F63; --fora:#B5730A; --neutro:#9AA79E;
  --ok:#1B6F47; --erro:#A6362A;
  --r:3px;
  --shadow:0 1px 2px #1017110d, 0 8px 24px #1017110a;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#0C120E; --surface:#121A14; --surface-2:#18211A; --surface-3:#1E2820;
    --ink:#E7EDE5; --muted:#8B9C90; --line:#1F2B23; --line-forte:#2C3B31;
    --accent:#E4A22B; --accent-fraco:#241D0F;
    --casa:#7FA8C0; --fora:#E4A22B; --neutro:#5E6E64;
    --ok:#4CA97C; --erro:#DC7565;
    --shadow:0 1px 2px #0006, 0 8px 24px #0004;
  }
}
:root[data-theme="dark"]{
  --ground:#0C120E; --surface:#121A14; --surface-2:#18211A; --surface-3:#1E2820;
  --ink:#E7EDE5; --muted:#8B9C90; --line:#1F2B23; --line-forte:#2C3B31;
  --accent:#E4A22B; --accent-fraco:#241D0F;
  --casa:#7FA8C0; --fora:#E4A22B; --neutro:#5E6E64;
  --ok:#4CA97C; --erro:#DC7565;
  --shadow:0 1px 2px #0006, 0 8px 24px #0004;
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:Archivo,"Helvetica Neue",Arial,sans-serif;
  font-size:15px; line-height:1.5; -webkit-font-smoothing:antialiased;
}
.mono,.n,.num,td.num,th.num{font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace; font-variant-numeric:tabular-nums}
button,select,input{font:inherit; color:inherit}
a{color:inherit}
.envelope{max-width:1180px; margin:0 auto; padding:0 clamp(14px,3vw,28px) 72px}

/* --------------------------------------------------------------- navegação */
.topo{
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
  padding:18px 0 14px; border-bottom:1px solid var(--line);
}
.marca{
  font-weight:800; letter-spacing:-.02em; font-size:1.05rem; text-decoration:none;
}
.marca::after{content:""; display:inline-block; width:6px; height:6px; border-radius:50%;
  background:var(--accent); margin-left:6px; vertical-align:middle}
.abas{display:flex; gap:4px; flex-wrap:wrap}
.abas a{
  text-decoration:none; color:var(--muted); font-size:.8rem; font-weight:600;
  text-transform:uppercase; letter-spacing:.09em; padding:6px 10px; border-radius:var(--r);
}
.abas a:hover{background:var(--surface-2); color:var(--ink)}
.abas a.ativo{background:var(--ink); color:var(--ground)}
.tema{
  margin-left:auto; background:none; border:1px solid var(--line-forte); border-radius:var(--r);
  color:var(--muted); font-size:.72rem; font-weight:600; text-transform:uppercase;
  letter-spacing:.08em; padding:6px 10px; cursor:pointer;
}
.tema:hover{border-color:var(--accent); color:var(--accent)}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{
  outline:2px solid var(--accent); outline-offset:2px;
}

/* --------------------------------------------------------------- cabeçalho */
.cabecalho{padding:34px 0 4px}
.eyebrow{
  font-size:.68rem; letter-spacing:.13em; text-transform:uppercase; color:var(--accent);
  font-weight:700; margin:0 0 8px;
}
h1{font-size:2rem; font-weight:800; letter-spacing:-.03em; margin:0 0 8px; text-wrap:balance}
.sub{font-size:.88rem; color:var(--muted); max-width:78ch; margin:0; line-height:1.6}
.sub b{color:var(--ink); font-weight:600}
.carregando{padding:48px 0; color:var(--muted); font-size:.8rem; letter-spacing:.1em; text-transform:uppercase}
.rodape{
  border-top:1px solid var(--line); margin-top:48px; padding-top:14px;
  font-family:"IBM Plex Mono",monospace; font-size:.7rem; color:var(--muted);
  display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
}

/* ------------------------------------------------------------------ filtros */
.proximas-topo{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px 16px;background:var(--surface);border:1px solid var(--line)}
.proximas-topo strong{font:600 1.35rem "IBM Plex Mono",monospace}.proximas-topo span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.proximas-topo a{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--accent);text-decoration:none}
.proxima-entrada{display:grid;gap:13px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.proxima-entrada header,.proxima-entrada footer,.proxima-aposta{display:flex;align-items:center;justify-content:space-between;gap:10px}.proxima-entrada header,.proxima-entrada footer{font-size:.66rem;color:var(--muted)}
.proxima-entrada header span{font-weight:700;text-transform:uppercase;letter-spacing:.08em}.proxima-times{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-weight:700}.proxima-times span{display:flex;align-items:center;gap:7px}.proxima-times span:last-child{justify-content:flex-end;text-align:right}.proxima-times i{font-style:normal;color:var(--muted)}
.proxima-aposta{padding-top:11px;border-top:1px solid var(--line)}.proxima-aposta span{font:.68rem "IBM Plex Mono",monospace;color:var(--muted)}

.filtros{
  position:sticky; top:0; z-index:20; background:var(--ground);
  border-bottom:1px solid var(--line); padding:14px 0 16px; margin-top:24px;
  display:flex; flex-wrap:wrap; gap:14px 20px; align-items:flex-end;
}
.campo{display:flex; flex-direction:column; gap:5px}
.rot{font-size:.66rem; font-weight:600; text-transform:uppercase; letter-spacing:.1em; color:var(--muted)}
.seg{display:flex; border:1px solid var(--line-forte); border-radius:var(--r); overflow:hidden}
.seg button{
  font-size:.8rem; font-weight:500; padding:5px 11px; background:var(--surface);
  color:var(--muted); border:0; cursor:pointer; border-right:1px solid var(--line); white-space:nowrap;
}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--ink); color:var(--ground); font-weight:600}
.seg button:hover:not([aria-pressed="true"]){background:var(--surface-2); color:var(--ink)}
select,input[type=search],input[type=date]{
  font-size:.83rem; padding:5px 8px; color:var(--ink);
  background:var(--surface); border:1px solid var(--line-forte); border-radius:var(--r);
}
input[type=search]{min-width:190px}
.limpar{
  font-size:.78rem; font-weight:600; color:var(--accent); background:none; border:0;
  cursor:pointer; padding:6px 0; text-decoration:underline; margin-left:auto;
}

/* ------------------------------------------------------------------- seções */
.divisor{
  display:flex; align-items:center; gap:12px; margin:38px 0 16px;
  font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.12em; color:var(--muted);
}
.divisor::after{content:""; flex:1; height:1px; background:var(--line-forte)}
.grade{display:grid; gap:16px}
.grade.duas{grid-template-columns:1.1fr 1fr}
.grade.tres{grid-template-columns:repeat(3,1fr)}
.grade.cartoes{grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:12px}
@media (max-width:960px){.grade.duas,.grade.tres{grid-template-columns:1fr}}

.painel{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:16px 18px 18px; box-shadow:var(--shadow);
}
.painel + .painel{margin-top:16px}
.painel h3{font-size:.95rem; font-weight:700; margin:0 0 2px; letter-spacing:-.01em}
.painel .dica{font-size:.78rem; color:var(--muted); margin:0 0 14px; line-height:1.55}
.vazio{padding:26px 0; text-align:center; color:var(--muted); font-size:.88rem}

/* ------------------------------------------------------------------- kpis */
.kpis{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1px; background:var(--line); border:1px solid var(--line);
  border-radius:var(--r); overflow:hidden; margin:20px 0 4px;
}
.kpi{background:var(--surface); padding:14px 16px 13px}
.kpi strong{
  font-family:"IBM Plex Mono",monospace; font-size:1.65rem; font-weight:600;
  letter-spacing:-.02em; line-height:1.05; display:block; font-variant-numeric:tabular-nums;
}
.kpi span{
  font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em;
  color:var(--muted); display:block; margin-top:6px; line-height:1.3;
}
.kpi em{font-style:normal; color:var(--muted); font-size:.72rem; font-family:"IBM Plex Mono",monospace}
.kpi.destaque strong{color:var(--accent)}

/* ------------------------------------------------------------------ tabelas */
.rolagem{overflow-x:auto; max-height:520px; overflow-y:auto}
table{border-collapse:collapse; width:100%; font-size:.83rem}
th{
  text-align:left; font-size:.66rem; font-weight:600; text-transform:uppercase;
  letter-spacing:.09em; color:var(--muted); padding:7px 9px; white-space:nowrap;
  position:sticky; top:0; background:var(--surface); border-bottom:1px solid var(--line-forte); z-index:1;
}
th.num,td.num{text-align:right}
td{padding:6px 9px; border-bottom:1px solid var(--line); vertical-align:middle}
tbody tr:hover{background:var(--surface-2)}
tbody tr.clicavel{cursor:pointer}
td small{display:block; color:var(--muted); font-size:.7rem; margin-top:2px}
code{font-family:"IBM Plex Mono",monospace; font-size:.78rem; background:var(--surface-2);
  border:1px solid var(--line); padding:1px 5px; border-radius:2px}

/* -------------------------------------------------------------------- selos */
.chip,.tag{
  display:inline-block; font-size:.65rem; font-weight:600; text-transform:uppercase;
  letter-spacing:.07em; padding:1px 6px; border-radius:2px;
  border:1px solid currentColor; color:var(--muted); white-space:nowrap;
}
.chip.red{color:var(--erro)}
.chip.verde{color:var(--ok)}
.chip.escuro{background:var(--ink); color:var(--ground); border-color:var(--ink); text-decoration:none}
.n{color:var(--muted); font-size:.73rem}
.aviso-amostra{color:var(--erro); font-weight:600}
.forma{display:inline-flex; gap:2px}
.forma i{
  width:16px; height:16px; border-radius:2px; display:grid; place-items:center; font-style:normal;
  font-size:.62rem; font-weight:700; color:var(--ground); background:var(--neutro);
}
.forma i.V{background:var(--ok)} .forma i.E{background:var(--neutro)} .forma i.D{background:var(--erro)}
.res{font-weight:700; font-size:.7rem}
.res.V{color:var(--ok)} .res.D{color:var(--erro)} .res.E{color:var(--muted)}
.nota,.alerta{
  background:var(--surface-2); border-left:3px solid var(--accent);
  border-radius:0 var(--r) var(--r) 0; padding:11px 14px; margin:14px 0 0;
  font-size:.8rem; color:var(--muted); line-height:1.6; display:flex; gap:10px;
}
.alerta b{color:var(--accent); flex:none; font-weight:700}
.alerta p{margin:0}

/* Escudos: a inicial é o estado-base; a imagem da Wikipedia apenas enriquece. */
.escudo-time{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:inline-grid;place-items:center;background:var(--surface-3);border:1px solid var(--line-forte);color:var(--muted);font:700 .72rem "IBM Plex Mono",monospace;overflow:hidden;vertical-align:middle}
.escudo-time.grande{width:54px;height:54px;flex-basis:54px;font-size:1rem}
.escudo-time a{width:100%;height:100%;display:grid;place-items:center;background:var(--surface)}
.escudo-time img{display:block;width:78%;height:78%;object-fit:contain}
.escudo-time.com-imagem{border-color:color-mix(in srgb,var(--line-forte) 70%,transparent)}

/* --------------------------------------------------------------- dashboard
   Para trocar a paleta, altere somente os tokens em :root no topo do arquivo.
   O dashboard deriva todas as superfícies e estados dessas mesmas variáveis. */
.dash-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);margin-top:24px;background:var(--ink);color:var(--ground);border-radius:8px;overflow:hidden;box-shadow:0 22px 60px #10171120}
.dash-hero-principal{padding:clamp(24px,4vw,48px);position:relative;isolation:isolate;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent) 32%,transparent) 0,transparent 35%)}
.dash-hero-principal::after{content:"";position:absolute;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--ground) 11%,transparent);border-radius:50%;right:-52px;top:-68px;z-index:-1}
.dash-label,.dash-data span,.dash-saldo>span{font:600 .66rem/1.2 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.66}
.dash-label{margin:0 0 30px;color:var(--accent)}
.dash-saldo{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:14px}.dash-saldo>span{grid-column:1/-1;margin-bottom:4px}.dash-saldo strong{font:600 clamp(3.7rem,8vw,6.8rem)/.9 "IBM Plex Mono",monospace;letter-spacing:-.08em}.dash-saldo em{font-style:normal;font-size:.75rem;opacity:.6;padding-bottom:7px}.dash-saldo.positivo strong{color:#6fe0a5}.dash-saldo.negativo strong{color:#ff8b7f}
.dash-hero-metricas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;border-top:1px solid color-mix(in srgb,var(--ground) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ground) 18%,transparent)}
.dash-hero-metricas>div{padding:16px 12px 16px 0}.dash-hero-metricas strong{display:block;font:600 1.25rem "IBM Plex Mono",monospace}.dash-hero-metricas span{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin-top:3px}.dash-hero-metricas small{font-family:"IBM Plex Mono",monospace;text-transform:none}
.dash-acao{display:flex;justify-content:space-between;align-items:center;margin-top:20px;text-decoration:none;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.dash-acao span{font-size:1.2rem;color:var(--accent)}
.dash-hero-lateral{display:grid;background:color-mix(in srgb,var(--ground) 7%,var(--ink));border-left:1px solid color-mix(in srgb,var(--ground) 12%,transparent)}.dash-data{padding:24px;border-bottom:1px solid color-mix(in srgb,var(--ground) 12%,transparent);display:flex;flex-direction:column;justify-content:center}.dash-data:last-child{border:0}.dash-data strong{font:600 2rem "IBM Plex Mono",monospace;margin:7px 0 2px}.dash-data small{font-size:.72rem;opacity:.6}
.dash-titulo-secao{display:flex;justify-content:space-between;align-items:end;margin:42px 0 14px}.dash-titulo-secao>div{display:flex;align-items:baseline;gap:10px}.dash-titulo-secao span{font:600 .65rem "IBM Plex Mono",monospace;color:var(--accent)}.dash-titulo-secao h2{font-size:1.25rem;margin:0;letter-spacing:-.02em}.dash-titulo-secao>a{font-size:.72rem;font-weight:600;color:var(--muted);text-decoration:none}.dash-titulo-secao>a:hover{color:var(--accent)}
.dash-agenda{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.dash-proximo{min-height:280px;padding:22px 24px;background:var(--accent);color:#17120a;text-decoration:none;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.dash-proximo:hover{transform:translateY(-2px);box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 25%,transparent)}.dash-proximo-topo,.dash-proximo-rodape,.dash-jogo>div{display:flex;justify-content:space-between;gap:18px;font:600 .65rem "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em}.dash-confronto{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.dash-confronto strong{font-size:clamp(1.35rem,3vw,2.4rem);line-height:1.04;letter-spacing:-.04em}.dash-confronto strong:last-child{text-align:right}.dash-confronto i,.dash-jogo i{font-style:normal;font-family:"IBM Plex Mono",monospace;opacity:.45}.dash-proximo-rodape{font-size:.62rem;border-top:1px solid #17120a30;padding-top:14px}.dash-proximo-rodape span:last-child{text-align:right}.dash-lista-jogos{display:grid;gap:8px}.dash-jogo{padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:5px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;transition:border-color .2s ease,transform .2s ease}.dash-jogo:hover{border-color:var(--accent);transform:translateX(2px)}.dash-jogo>div{color:var(--muted);font-size:.58rem}.dash-jogo>strong{font-size:.9rem;margin:10px 0 5px}.dash-jogo small{color:var(--muted);font-size:.68rem}.dash-vazio{justify-content:center;gap:12px}
.dash-metodos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.dash-metodos article,.dash-metodos .dash-metodo-cartao{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:20px;min-width:0}.dash-metodo-cab{display:flex;justify-content:space-between;color:var(--muted);font:600 .62rem "IBM Plex Mono",monospace;text-transform:uppercase}.dash-metodo-cab i{width:7px;height:7px;border-radius:50%;background:var(--neutro)}.dash-metodo-cab i.on{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 12%,transparent)}.dash-metodo-cartao{display:block;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.dash-metodo-cartao:hover{border-color:var(--accent);transform:translateY(-2px)}.dash-metodos h3{font-size:.9rem;margin:16px 0 8px}.dash-metodo-saldo{display:block;font:600 2.4rem "IBM Plex Mono",monospace;letter-spacing:-.05em;color:var(--accent)}.dash-metodo-saldo small{font-size:.75rem;letter-spacing:0;color:var(--muted)}.dash-metodo-saldo.neutro{font-size:1.25rem;color:var(--muted);margin:17px 0}.dash-metodo-stats{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 16px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:.65rem;color:var(--muted)}.dash-metodo-stats b{font-family:"IBM Plex Mono",monospace;color:var(--ink)}.dash-metodos p{font-size:.7rem;color:var(--muted);margin:0;line-height:1.5}
.dash-qualidade{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.dash-cobertura,.dash-media{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:22px}.dash-cobertura{display:grid;gap:17px}.dash-cobertura-linha>div:first-child{display:flex;justify-content:space-between;font-size:.76rem;font-weight:600}.dash-cobertura-linha b{font-family:"IBM Plex Mono",monospace}.dash-cobertura-linha small{display:block;color:var(--muted);font-size:.65rem;margin-top:5px}.dash-barra{height:4px;background:var(--surface-2);margin-top:8px;overflow:hidden}.dash-barra i{display:block;height:100%;background:var(--accent)}.dash-media{background:var(--accent-fraco);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}.dash-media>span{font:600 .62rem "IBM Plex Mono",monospace;color:var(--accent)}.dash-media>div{display:flex;align-items:end;gap:14px;margin:22px 0}.dash-media strong{font:600 3.6rem/1 "IBM Plex Mono",monospace;letter-spacing:-.07em}.dash-media small{color:var(--muted);font-size:.7rem;line-height:1.5}.dash-media small b{font-family:"IBM Plex Mono",monospace}.dash-media p{font-size:.72rem;color:var(--muted);line-height:1.6}.dash-media a{display:flex;justify-content:space-between;color:var(--ink);font-size:.74rem;font-weight:700;text-decoration:none;margin-top:20px}
@media(max-width:800px){.dash-hero,.dash-agenda,.dash-qualidade{grid-template-columns:1fr}.dash-hero-lateral{grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid color-mix(in srgb,var(--ground) 12%,transparent)}.dash-data{padding:16px}.dash-data strong{font-size:1.35rem}.dash-metodos{grid-template-columns:1fr}.dash-lista-jogos{grid-template-columns:1fr}.dash-proximo{min-height:240px}}
@media(max-width:560px){.dash-hero-lateral{grid-template-columns:1fr}.dash-saldo{grid-template-columns:1fr}.dash-saldo em{padding:8px 0 0}.dash-hero-metricas{grid-template-columns:1fr 1fr}.dash-confronto strong{font-size:1.2rem}.dash-proximo{padding:18px}.dash-proximo-rodape{flex-direction:column}.dash-proximo-rodape span:last-child{text-align:left}.dash-titulo-secao{margin-top:34px}}

.dash-confronto>div{display:flex;align-items:center;gap:12px}
.dash-confronto>div:last-child{flex-direction:row-reverse}
.dash-confronto>div:last-child strong{text-align:right}
.dash-jogo-times{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.dash-jogo-times>span{display:flex;align-items:center;gap:7px}
.dash-jogo-times>span:last-child{justify-content:flex-end;text-align:right}
.dash-selo-entrada{display:inline-flex!important;align-items:center;gap:5px;margin-left:7px;padding:3px 7px;border-radius:99px;background:var(--ok);color:#fff!important;font:700 .52rem "IBM Plex Mono",monospace!important;letter-spacing:.07em;vertical-align:middle;white-space:nowrap}.dash-selo-entrada i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #ffffff2b}.dash-selo-entrada.destaque{background:#17120a;color:#fff!important;border:1px solid #17120a2e}.dash-proximo-topo>span{display:flex;align-items:center;flex-wrap:wrap;gap:3px}.dash-jogo>div>span{display:flex;align-items:center;flex-wrap:wrap}.dash-jogo .dash-selo-entrada{margin-left:6px}

/* ------------------------------------------------------------- barras over */
.dash-metodo-saude{display:inline-flex;align-items:center;gap:6px}.dash-metodo-saude i{width:7px;height:7px;border-radius:50%;background:var(--neutro)}.dash-metodo-saude.ativo i{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 12%,transparent)}.dash-metodo-saude.atrasado i,.dash-metodo-saude.parado i{background:var(--erro);box-shadow:0 0 0 4px color-mix(in srgb,var(--erro) 10%,transparent)}

.linhas{display:grid; gap:7px}
.linha-over{display:grid; grid-template-columns:54px 1fr 96px; align-items:center; gap:10px; font-size:.8rem}
.linha-over .rotulo{font-family:"IBM Plex Mono",monospace; font-weight:600}
.barra{height:16px; background:var(--surface-2); border-radius:2px; overflow:hidden}
.barra i{display:block; height:100%; background:var(--casa)}
.barra i.alto{background:var(--ok)}
.barra i.baixo{background:var(--erro)}
.linha-over .valor{text-align:right; font-family:"IBM Plex Mono",monospace}

/* -------------------------------------------------------------- histograma */
.hist{display:flex; align-items:flex-end; gap:2px; height:170px; padding-top:8px}
.hist .col{flex:1; display:flex; flex-direction:column; justify-content:flex-end; gap:1px; min-width:0}
.hist .col i{display:block; width:100%; background:var(--casa); border-radius:1px 1px 0 0}
.hist .col i.contra{background:var(--fora); border-radius:0}
.hist .col i.semtime{background:var(--neutro); border-radius:0}
.eixo{
  display:flex; gap:2px; border-top:1px solid var(--line-forte); margin-top:6px; padding-top:5px;
  font-family:"IBM Plex Mono",monospace; font-size:.66rem; color:var(--muted);
}
.eixo span{flex:1; text-align:center; min-width:0; overflow:hidden}
.legenda{display:flex; gap:16px; margin-top:12px; font-size:.74rem; color:var(--muted); flex-wrap:wrap}
.legenda i{width:9px; height:9px; border-radius:2px; display:inline-block; margin-right:5px; background:var(--casa)}
.legenda i.contra{background:var(--fora)} .legenda i.semtime{background:var(--neutro)}

/* --------------------------------------------------------- cartão de jogo */
.cartao{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:13px 15px 14px; display:flex; flex-direction:column; gap:11px;
}
.cartao .cab{
  display:flex; justify-content:space-between; gap:10px;
  font-family:"IBM Plex Mono",monospace; font-size:.7rem; color:var(--muted);
}
.cartao .times{display:flex; flex-direction:column; gap:7px}
.cartao .time{display:flex; justify-content:space-between; align-items:baseline; gap:10px}
.cartao .time-identidade{display:flex;align-items:center;gap:9px;min-width:0}
.cartao .time-identidade b{min-width:0}
.cartao .time b{font-size:.95rem; font-weight:700; letter-spacing:-.01em}
.cartao .time a{text-decoration:none}
.cartao .time a:hover{color:var(--accent)}
.cartao .previa{
  display:flex; gap:20px; padding:9px 0 10px;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}

/* ------------------------------------------------ página automática de jogo */
.jogo-hero{display:grid;grid-template-columns:1fr minmax(150px,.38fr) 1fr;align-items:center;margin-top:24px;padding:30px;background:var(--ink);color:var(--ground);border-radius:8px;box-shadow:0 20px 52px #1017111c}
.jogo-time{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px}.jogo-time h2{margin:0;font-size:clamp(1.25rem,3vw,2.15rem);letter-spacing:-.04em}.jogo-time>a{grid-column:2;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;opacity:.6}.jogo-time.fora{grid-template-columns:1fr auto;text-align:right}.jogo-time.fora .escudo-time{grid-column:2;grid-row:1/3}.jogo-time.fora h2,.jogo-time.fora>a{grid-column:1}.jogo-centro{text-align:center;border-left:1px solid #ffffff20;border-right:1px solid #ffffff20;padding:8px 18px}.jogo-centro>span,.jogo-centro>small{display:block;font:600 .62rem "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.1em;opacity:.55}.jogo-centro>strong{display:block;font:600 2.5rem "IBM Plex Mono",monospace;margin:8px 0}.jogo-centro i{font-style:normal;opacity:.35}.jogo-corte{margin-top:14px}.jogo-painel-cab{display:flex;align-items:start;justify-content:space-between;gap:16px}.jogo-painel-cab .dica{margin-bottom:12px}.jogo-perfil{overflow:hidden}.jogo-perfil table{font-size:.73rem}.jogo-perfil th,.jogo-perfil td{padding-left:7px;padding-right:7px}.jogo-grade-desvios{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.jogo-grade-desvios>div{background:var(--surface);padding:13px}.jogo-grade-desvios span{display:block;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.jogo-grade-desvios strong{display:block;font:600 1.55rem "IBM Plex Mono",monospace;margin:6px 0 2px}.jogo-grade-desvios small{color:var(--muted);font-size:.65rem}.jogo-grade-desvios b.pos{color:var(--ok)}.jogo-grade-desvios b.neg{color:var(--erro)}
.jogo-timeline{overflow:hidden}.jogo-faixa{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:14px;margin:18px 0}.jogo-faixa>b{font-size:.72rem;text-align:right;overflow:hidden;text-overflow:ellipsis}.jogo-faixa>div{height:38px;position:relative;background:var(--surface-2);border-radius:3px;border-bottom:2px solid var(--casa)}.jogo-faixa.fora>div{border-top:2px solid var(--fora);border-bottom:0}.jogo-escala{position:relative;height:22px;margin-left:134px;border-top:1px dashed var(--line-forte)}.jogo-escala span{position:absolute;top:4px;transform:translateX(-50%);font:500 .57rem "IBM Plex Mono",monospace;color:var(--muted)}.jogo-evento{position:absolute;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);z-index:2;background:var(--neutro);border:1px solid var(--surface)}.jogo-evento>span{display:none}.jogo-evento.gol{width:12px;height:12px;border-radius:50%;background:var(--ok)}.jogo-evento.amarelo{height:15px;width:7px;border-radius:1px;background:#E0B52F}.jogo-evento.vermelho{height:15px;width:7px;border-radius:1px;background:var(--erro)}.jogo-evento.substituicao{background:transparent;border:2px solid var(--muted);transform:translate(-50%,-50%) rotate(45deg)}.jogo-evento.escanteio{width:3px;height:20px;border:0;background:var(--accent)}.jogo-evento.neutro{opacity:.48}.jogo-legenda{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 0 134px;font-size:.66rem;color:var(--muted)}.jogo-legenda i{display:inline-block;width:8px;height:8px;margin-right:5px;background:var(--neutro)}.jogo-legenda i.gol{border-radius:50%;background:var(--ok)}.jogo-legenda i.amarelo{background:#E0B52F}.jogo-legenda i.vermelho{background:var(--erro)}.jogo-legenda i.substituicao{background:transparent;border:2px solid var(--muted);transform:rotate(45deg)}.jogo-legenda i.escanteio{width:3px;height:12px;background:var(--accent)}
.jogo-timeline-cantos{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 22px;padding:12px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:5px}.jogo-timeline-cantos>span{font:700 .58rem "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.jogo-timeline-cantos>b{font-size:.72rem}.jogo-timeline-cantos>b strong{font:700 1rem "IBM Plex Mono",monospace}.jogo-timeline-cantos>i{font-style:normal;color:var(--muted)}.jogo-timeline-cantos>small{margin-left:auto;color:var(--muted);font-size:.61rem}
.jogo-entradas-topo{display:grid;grid-template-columns:220px 1fr;gap:1px;margin-top:14px;background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 10px 28px #1017110b}.jogo-entradas-topo>header{display:flex;flex-direction:column;justify-content:center;padding:16px 18px;background:var(--ink);color:var(--ground)}.jogo-entradas-topo>header span{font:700 .57rem "IBM Plex Mono",monospace;letter-spacing:.1em}.jogo-entradas-topo>header strong{margin-top:5px;font-size:.72rem;opacity:.68}.jogo-entradas-topo>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--line)}.jogo-entradas-topo article{display:flex;flex-direction:column;padding:14px 18px;background:var(--surface)}.jogo-entradas-topo article>span{font-size:.6rem;color:var(--muted)}.jogo-entradas-topo article>strong{margin:5px 0 3px;font:700 1rem "IBM Plex Mono",monospace}.jogo-entradas-topo article>small{font-size:.61rem;color:var(--muted)}
.jogo-abas{display:flex;gap:4px;margin:18px 0 0;padding:5px;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;position:sticky;top:8px;z-index:8;box-shadow:0 8px 24px #1017110b}.jogo-abas a{flex:1;padding:10px 14px;border-radius:4px;text-align:center;text-decoration:none;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.jogo-abas a:hover{color:var(--ink);background:var(--surface)}.jogo-abas a.ativo{background:var(--ink);color:var(--ground);box-shadow:var(--shadow)}
.jogo-intro{max-width:650px;margin:46px 0 20px}.jogo-intro>span{font:700 .62rem "IBM Plex Mono",monospace;letter-spacing:.12em;color:var(--accent)}.jogo-intro h2{margin:8px 0 7px;font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.045em}.jogo-intro p{margin:0;color:var(--muted);line-height:1.55}.jogo-resumo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.jogo-destaque{position:relative;display:grid;min-height:235px;padding:24px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;text-decoration:none;overflow:hidden;box-shadow:var(--shadow);transition:transform .16s,border-color .16s}.jogo-destaque:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--casa)}.jogo-destaque.escanteios:before{background:var(--accent)}.jogo-destaque:hover{transform:translateY(-3px);border-color:var(--line-forte)}.jogo-destaque>span{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.jogo-destaque>strong{align-self:end;font:600 clamp(2.6rem,6vw,4.4rem) "IBM Plex Mono",monospace;letter-spacing:-.08em;line-height:1}.jogo-destaque>small{color:var(--muted)}.jogo-destaque>em{position:absolute;top:23px;right:22px;font-size:.68rem;font-style:normal;color:var(--muted)}.jogo-destaque>em b{color:var(--ink);font-size:.9rem}.jogo-destaque p{margin:18px 0 6px;padding-top:14px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.jogo-destaque>i{font-size:.69rem;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.jogo-titulo-secao{margin-top:32px}.jogo-desvios{margin-top:16px}.jogo-limite{margin-top:24px}
.jogo-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jogo-card{display:flex;flex-direction:column;gap:16px;min-width:0;padding:0;overflow:hidden}.jogo-card>header{padding:17px 20px 13px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--surface),var(--surface-2))}.jogo-card>header h3{margin:0;font-size:1rem}.jogo-card>header p{margin:4px 0 0;color:var(--muted);font-size:.7rem}.jogo-barra-linha{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 20px}.jogo-barra-linha:last-child{padding-bottom:20px}.jogo-barra-linha>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;min-width:0}.jogo-barra-linha b{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jogo-barra-linha small{grid-column:2;grid-row:1;font:600 .7rem "IBM Plex Mono",monospace}.jogo-barra-linha span{grid-column:1/3;height:10px;background:var(--surface-2);border-radius:2px;overflow:hidden}.jogo-barra-linha span i{display:block;height:100%;min-width:3px;background:var(--casa);border-radius:2px}.jogo-barra-linha span i.fora{background:var(--fora)}.jogo-card-largo,.jogo-card-tabela{grid-column:1/-1}.jogo-card-tabela .rolagem{padding:0 16px 16px}.jogo-card-tabela td.alta{background:#dff3ce;color:#285a20}.jogo-card-tabela td.media{background:#f5f1cf;color:#675d12}.jogo-card-tabela td.baixa{background:#fae0dd;color:#9d2b20}.jogo-forma{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 20px 20px}.jogo-forma-time{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 10px}.jogo-forma-time>div{grid-column:1/3;display:flex;height:34px;overflow:hidden;border-radius:3px;background:var(--surface-2)}.jogo-forma-time>div span{display:grid;place-items:center;min-width:52px;padding:0 7px;font:700 .65rem "IBM Plex Mono",monospace}.jogo-forma-time .v{background:#dff3ce;color:#285a20}.jogo-forma-time .e{background:#f5f1cf;color:#675d12}.jogo-forma-time .d{background:#fae0dd;color:#9d2b20}.jogo-forma-time>small{grid-column:1/3;color:var(--muted);font-size:.65rem}
@media(max-width:800px){.jogo-hero{grid-template-columns:1fr auto 1fr;padding:22px 14px}.jogo-time{display:flex;flex-direction:column;text-align:center}.jogo-time.fora{display:flex;text-align:center}.jogo-time>a{display:none}.jogo-time .escudo-time.grande{width:44px;height:44px;flex-basis:44px}.jogo-centro{padding:6px 10px}.jogo-centro>strong{font-size:1.8rem}.jogo-grade-desvios{grid-template-columns:repeat(2,1fr)}.jogo-faixa{grid-template-columns:70px 1fr;gap:8px}.jogo-escala{margin-left:78px}.jogo-legenda{margin-left:0}.jogo-painel-cab{flex-direction:column}}
@media(max-width:700px){.jogo-entradas-topo{grid-template-columns:1fr}.jogo-timeline-cantos{flex-wrap:wrap;justify-content:flex-start}.jogo-timeline-cantos>small{flex-basis:100%;margin-left:0}}
@media(max-width:620px){.jogo-abas{overflow-x:auto;position:static}.jogo-abas a{flex:0 0 auto;min-width:100px}.jogo-resumo,.jogo-cards,.jogo-forma{grid-template-columns:1fr}.jogo-destaque{min-height:215px}.jogo-intro{margin-top:32px}.jogo-card-largo,.jogo-card-tabela{grid-column:auto}.jogo-card-tabela table{min-width:560px}}
.jogo-resumo{grid-template-columns:repeat(3,1fr)}
.jogo-destaque.cartoes:before{background:#d9b52f}
@media(max-width:900px){.jogo-resumo{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.jogo-resumo{grid-template-columns:1fr}}
.jogo-recorte{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:stretch;margin:14px 0 0;padding:14px;background:var(--ink);color:var(--ground);border-radius:7px;box-shadow:0 14px 34px #10171118}.jogo-recorte>div{display:flex;flex-direction:column;justify-content:center;padding:4px 10px;border-right:1px solid #ffffff1f}.jogo-recorte>div span{font:600 .56rem "IBM Plex Mono",monospace;letter-spacing:.12em;color:var(--accent)}.jogo-recorte>div strong{margin-top:4px;font-size:1rem}.jogo-recorte nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px}.jogo-recorte nav a{display:flex;flex-direction:column;justify-content:center;min-height:52px;padding:8px 12px;border:1px solid #ffffff16;border-radius:4px;text-decoration:none;color:var(--ground);transition:background .16s,border-color .16s,transform .16s}.jogo-recorte nav a:hover{border-color:#ffffff45;transform:translateY(-1px)}.jogo-recorte nav a.ativo{background:var(--accent);border-color:var(--accent);color:#17120a}.jogo-recorte nav b{font:700 .76rem "IBM Plex Mono",monospace}.jogo-recorte nav small{font-size:.56rem;opacity:.62;margin-top:2px}
.jogo-cards{gap:14px}.jogo-card{position:relative;border:1px solid var(--line);border-radius:7px;box-shadow:0 1px 2px #1017110a,0 12px 30px #1017110b;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.jogo-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 16px 38px #10171113}.jogo-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--casa)}.jogo-card:nth-child(even):before{background:var(--accent)}.jogo-card>header{position:relative;padding:20px 22px 16px 26px;background:var(--surface);border-bottom:0}.jogo-card>header:after{content:"";display:block;width:34px;height:2px;margin-top:13px;background:var(--accent)}.jogo-card>header h3{font-size:1.02rem;letter-spacing:-.02em}.jogo-card>header p{max-width:52ch;margin-top:5px;line-height:1.45}.jogo-barra-linha{grid-template-columns:40px 1fr;gap:12px;padding:0 24px 0 28px}.jogo-barra-linha:last-child{padding-bottom:24px}.jogo-barra-linha .escudo-time{width:40px;height:40px;flex-basis:40px;background:var(--surface-2);box-shadow:inset 0 0 0 3px var(--surface)}.jogo-barra-linha>div{grid-template-columns:1fr auto;gap:7px 12px}.jogo-barra-linha b{font-size:.82rem}.jogo-barra-linha small{font-size:.72rem;color:var(--ink)}.jogo-barra-linha span{height:8px;border-radius:8px}.jogo-barra-linha span i{border-radius:8px}.jogo-card-tabela .rolagem{padding:0 22px 22px 26px}.jogo-card-tabela table{border-collapse:separate;border-spacing:3px}.jogo-card-tabela th{background:transparent;color:var(--muted);font-size:.6rem}.jogo-card-tabela td{border:0;border-radius:2px}.jogo-forma{padding:0 24px 24px 28px}.jogo-forma-time .escudo-time{width:38px;height:38px}.jogo-forma-time>div{height:38px}.jogo-grade-desvios{border-radius:5px;overflow:hidden}.jogo-desvios{border-radius:7px;box-shadow:var(--shadow)}
.jogo-cards{gap:14px}.jogo-card{position:relative;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 24px #1017110a}.jogo-card:hover{border-color:var(--line-forte)}.jogo-card:before,.jogo-card>header:after{display:none}.jogo-card>header{position:relative;padding:18px 20px 14px;background:var(--surface);border-bottom:1px solid var(--line)}.jogo-card>header h3{font-size:1.02rem;letter-spacing:-.02em}.jogo-card>header p{max-width:60ch;margin-top:5px;line-height:1.45}.jogo-barra-linha{grid-template-columns:40px 1fr;gap:12px;padding:0 20px}.jogo-barra-linha:last-child{padding-bottom:20px}.jogo-barra-linha .escudo-time{width:40px;height:40px;flex-basis:40px;background:var(--surface-2);box-shadow:inset 0 0 0 3px var(--surface)}.jogo-barra-linha>div{grid-template-columns:1fr auto;gap:7px 12px}.jogo-barra-linha b{font-size:.82rem}.jogo-barra-linha small{font-size:.72rem;color:var(--ink)}.jogo-barra-linha span{height:8px;border-radius:8px}.jogo-barra-linha span i{border-radius:8px}.jogo-card-tabela .rolagem{padding:0 20px 20px}.jogo-card-tabela table{border-collapse:collapse}.jogo-card-tabela th{background:transparent;color:var(--muted);font-size:.6rem}.jogo-card-tabela td{border:0;border-bottom:1px solid var(--line);background:transparent!important;color:var(--ink)!important}.jogo-forma{padding:0 20px 20px}.jogo-forma-time .escudo-time{width:38px;height:38px}.jogo-forma-time>div{height:38px}.jogo-grade-desvios{border-radius:5px;overflow:hidden}.jogo-desvios{border-radius:7px;box-shadow:var(--shadow)}
.jogo-quadro-comparacao>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.jogo-quadro-comparacao>header>span{white-space:nowrap;font:600 .62rem "IBM Plex Mono",monospace;color:var(--muted)}.jogo-quadro-comparacao .rolagem{padding:0 20px 16px}.jogo-quadro-comparacao table{min-width:900px;margin:0;border-collapse:collapse;table-layout:fixed}.jogo-quadro-comparacao th,.jogo-quadro-comparacao td{padding:12px 8px;border-bottom:1px solid var(--line)}.jogo-quadro-comparacao thead th{padding-top:10px;color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.05em}.jogo-quadro-comparacao thead th:first-child{width:180px}.jogo-quadro-comparacao thead th>span{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);text-transform:none;letter-spacing:0;font-size:.72rem}.jogo-quadro-comparacao thead .escudo-time{width:25px;height:25px;flex-basis:25px}.jogo-quadro-comparacao .jogo-grupo-times th{border-bottom:0;padding-bottom:5px}.jogo-quadro-comparacao .jogo-grupo-times th+th{border-left:1px solid var(--line)}.jogo-quadro-comparacao .jogo-subjanelas th{padding-top:4px;border-bottom:1px solid var(--line-forte)}.jogo-quadro-comparacao .jogo-subjanelas th:nth-child(5){border-left:1px solid var(--line)}.jogo-quadro-comparacao tbody th{font-size:.72rem;text-align:left;text-transform:uppercase;letter-spacing:.04em}.jogo-quadro-comparacao tbody td:nth-child(6){border-left:1px solid var(--line)}.jogo-quadro-comparacao td strong{display:block;font:600 .9rem "IBM Plex Mono",monospace}.jogo-quadro-comparacao td small{display:block;margin-top:2px;color:var(--muted);font-size:.56rem}.jogo-quadro-comparacao tbody tr:last-child th,.jogo-quadro-comparacao tbody tr:last-child td{border-bottom:0}
.jogo-forma-matriz .rolagem{padding:0 20px 16px}.jogo-forma-matriz table{min-width:760px;margin:0;table-layout:fixed}.jogo-forma-matriz th,.jogo-forma-matriz td{padding:12px 8px;border-bottom:1px solid var(--line)}.jogo-forma-matriz thead th{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.05em}.jogo-forma-matriz thead th:first-child{width:180px;text-align:left}.jogo-forma-matriz tbody th>span{display:flex;align-items:center;gap:8px}.jogo-forma-matriz tbody th .escudo-time{width:28px;height:28px;flex-basis:28px}.jogo-forma-matriz td>small{display:block;margin-top:5px;text-align:center;color:var(--muted);font-size:.56rem}.jogo-forma-faixa{display:flex;height:28px;overflow:hidden;border-radius:3px;background:var(--surface-2)}.jogo-forma-faixa span{display:grid;place-items:center;min-width:32px;padding:0 4px;font:700 .55rem "IBM Plex Mono",monospace}.jogo-forma-faixa .v{background:#dff3ce;color:#285a20}.jogo-forma-faixa .e{background:#f5f1cf;color:#675d12}.jogo-forma-faixa .d{background:#fae0dd;color:#9d2b20}
@media(max-width:760px){.jogo-card:hover{transform:none}.jogo-quadro-comparacao>header{flex-direction:column;gap:5px}.jogo-quadro-comparacao .rolagem{padding-left:10px;padding-right:10px}.jogo-quadro-comparacao th,.jogo-quadro-comparacao td{padding:12px 7px}.jogo-quadro-comparacao thead th>span{max-width:110px}.jogo-quadro-comparacao thead th>span .escudo-time{display:none}}
.jogo-tipo{display:inline-flex;margin:0 auto 9px;padding:3px 9px;border:1px solid #ffffff40;border-radius:99px;color:var(--ground);font:700 .55rem "IBM Plex Mono",monospace;font-style:normal;letter-spacing:.12em}.jogo-tipo.copa{color:#17120a;background:var(--accent);border-color:var(--accent)}
.jogo-classificacao{margin-top:32px;padding:0;overflow:hidden;border-radius:7px;box-shadow:0 12px 32px #1017110d}.jogo-classificacao>header{display:flex;align-items:center;gap:14px;padding:20px 22px;background:var(--ink);color:var(--ground)}.jogo-classificacao>header>span,.jogo-copa-info>span{display:grid;place-items:center;min-width:52px;height:30px;padding:0 10px;background:var(--accent);color:#17120a;border-radius:99px;font:700 .58rem "IBM Plex Mono",monospace;letter-spacing:.1em}.jogo-classificacao>header h3,.jogo-copa-info h3{margin:0;font-size:1.05rem}.jogo-classificacao>header p,.jogo-copa-info p{margin:3px 0 0;font-size:.68rem;opacity:.62}.jogo-classificacao .rolagem{max-height:540px}.jogo-classificacao table{margin:0}.jogo-classificacao thead th{position:sticky;top:0;z-index:2;background:var(--surface-2)}.jogo-classificacao tbody tr.marcado td{background:var(--accent-fraco);border-top:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.jogo-classificacao tbody tr.marcado.casa td:first-child{box-shadow:inset 4px 0 var(--casa)}.jogo-classificacao tbody tr.marcado.fora td:first-child{box-shadow:inset 4px 0 var(--fora)}.jogo-class-time{display:flex;align-items:center;gap:9px}.jogo-class-time .escudo-time{width:25px;height:25px;flex-basis:25px}.jogo-class-time i{margin-left:auto;padding:2px 6px;border:1px solid var(--line-forte);border-radius:99px;color:var(--muted);font-size:.52rem;font-style:normal;text-transform:uppercase;letter-spacing:.06em}.jogo-copa-info{display:flex;align-items:center;gap:16px;margin-top:32px;padding:22px 24px;background:var(--accent-fraco);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:7px}.jogo-copa-info p{color:var(--muted);opacity:1;max-width:76ch}
@media(max-width:620px){.jogo-classificacao .jogo-col-extra{display:none}.jogo-classificacao>header,.jogo-copa-info{align-items:flex-start}.jogo-class-time i{display:none}}
.jogo-briefing{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.jogo-briefing>article{padding:22px 24px;background:var(--surface)}.jogo-briefing>article.fora{background:color-mix(in srgb,var(--accent-fraco) 45%,var(--surface))}.jogo-briefing article>header{display:flex;align-items:center;gap:13px}.jogo-briefing article>header>div{display:grid}.jogo-briefing article>header span{font:700 .56rem "IBM Plex Mono",monospace;letter-spacing:.1em;color:var(--accent)}.jogo-briefing article h4{margin:2px 0 0;font-size:1.05rem}.jogo-briefing article header small{font:.62rem "IBM Plex Mono",monospace;color:var(--muted)}.jogo-briefing ul{display:grid;gap:9px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);list-style:none}.jogo-briefing li{position:relative;padding-left:17px;font-size:.76rem;line-height:1.45}.jogo-briefing li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--casa)}.jogo-briefing article.fora li:before{background:var(--fora)}.jogo-zonas-aviso{margin:0;padding:10px 22px;background:var(--surface-2);color:var(--muted);font-size:.61rem;border-bottom:1px solid var(--line)}
@media(max-width:700px){.jogo-briefing{grid-template-columns:1fr}.jogo-briefing>article{padding:19px}.jogo-briefing>article.fora{border-top:1px solid var(--line)}}
.cartao .previa div{display:flex; flex-direction:column; gap:2px}
.cartao .previa strong{
  font-family:"IBM Plex Mono",monospace; font-size:1.3rem; font-weight:600; line-height:1;
  font-variant-numeric:tabular-nums;
}
.cartao .previa div:first-child strong{color:var(--accent)}
.cartao .previa span{font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--muted)}
.cartao .rodape-cartao{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  font-family:"IBM Plex Mono",monospace; font-size:.72rem; color:var(--muted); flex-wrap:wrap;
}

/* --------------------------------------------------------------- confronto */
.confronto{
  display:grid; grid-template-columns:1fr 150px 1fr; align-items:center; gap:16px;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:22px 26px; box-shadow:var(--shadow);
}
.confronto .lado{display:grid; gap:4px}
.confronto .lado.dir{text-align:right; justify-items:end}
.confronto .lado h2{margin:0; font-size:1.25rem; font-weight:700; letter-spacing:-.02em}
.confronto .lado a{text-decoration:none}
.confronto .lado a:hover{color:var(--accent)}
.confronto .lado span{font-size:.72rem; color:var(--muted)}
.confronto .placar{text-align:center}
.confronto .placar strong{
  display:block; font-family:"IBM Plex Mono",monospace; font-size:2.3rem; font-weight:600;
  letter-spacing:-.04em; line-height:1;
}
.confronto .placar small{
  font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--accent);
}
@media (max-width:760px){.confronto{grid-template-columns:1fr; text-align:left}
  .confronto .lado.dir{text-align:left; justify-items:start}}

/* -------------------------------------------------------------- comparativo */
.comparativo{display:grid; gap:6px; font-size:.8rem}
.comp-linha{display:grid; grid-template-columns:56px 1fr 130px 1fr 56px; align-items:center; gap:8px}
.comp-linha .meio{font-size:.62rem; letter-spacing:.08em; color:var(--muted); text-align:center; text-transform:uppercase}
.comp-linha .esq,.comp-linha .dir{font-family:"IBM Plex Mono",monospace; font-weight:600; font-variant-numeric:tabular-nums}
.comp-linha .dir{text-align:right}
.comp-barra{height:6px; background:var(--surface-2); border-radius:2px; overflow:hidden; display:flex}
.comp-barra i{display:block; height:100%}
.comp-barra i:first-child{background:var(--casa)}
.comp-barra i:last-child{background:var(--fora)}

/* -------------------------------------------------------------- paginação */
.paginacao{
  display:flex; gap:10px; align-items:center; justify-content:center; margin-top:16px;
  font-family:"IBM Plex Mono",monospace; font-size:.75rem; color:var(--muted);
}
.paginacao button{
  border:1px solid var(--line-forte); background:var(--surface); border-radius:var(--r);
  padding:6px 12px; cursor:pointer; font-size:.75rem;
}
.paginacao button:hover:not(:disabled){border-color:var(--accent); color:var(--accent)}
.paginacao button:disabled{opacity:.4; cursor:default}
.link-time{text-decoration:none; border-bottom:1px solid transparent}
.link-time:hover{border-color:var(--accent); color:var(--accent)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------------------------------------------------------------- entradas */
/* Dentro de grade quem separa é o gap. A margem entre painéis irmãos empurra
   o segundo cartão para baixo e deixa o primeiro 16px mais alto — topos
   desalinhados na mesma linha da grade. */
.grade > .painel + .painel{margin-top:0}
.metodo{display:flex; flex-direction:column; gap:10px}
.metodo-grade{grid-template-columns:repeat(auto-fit,minmax(265px,1fr))}
.metodo-nota{padding-top:8px; border-top:1px dashed var(--line); font-size:.7rem}
@media (max-width:620px){.metodo-grade{grid-template-columns:1fr}}
.cab-metodo h3 a{color:inherit; text-decoration:none}
.cab-metodo h3 a:hover{color:var(--accent)}
.metodo-abrir{
  display:block; margin-top:8px; font-size:.72rem; font-weight:700;
  color:var(--accent); text-decoration:none;
}
.metodo-abrir:hover{text-decoration:underline}
.metodo-volta{margin:0 0 12px}
.metodo-volta a{font-size:.74rem; font-weight:600; color:var(--muted); text-decoration:none}
.metodo-volta a:hover{color:var(--accent)}
.metodo-painel-cab{display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap}
.metodo-painel-cab h3{margin:0}
.metodo-medias{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(165px,1fr));
  gap:1px; background:var(--line); border:1px solid var(--line); margin:14px 0 12px;
}
.metodo-media{display:flex; flex-direction:column; gap:5px; padding:14px 16px; background:var(--surface)}
.metodo-media>span{
  font:600 .6rem "IBM Plex Mono",monospace; text-transform:uppercase;
  letter-spacing:.08em; color:var(--muted);
}
.metodo-media>strong{font-family:"IBM Plex Mono",monospace; font-size:1.15rem; font-weight:600; letter-spacing:-.02em}
.metodo-media>small{font-size:.66rem; color:var(--muted); line-height:1.45}
@media (max-width:620px){.metodo-medias{grid-template-columns:1fr 1fr}}
.metodo-tabela td{vertical-align:top}
.metodo-tabela .aposta{margin-bottom:3px}
.metodo-tabela .badge{margin-bottom:3px}
.metodo-td-pista{width:34%; min-width:230px}

/* O eixo é o do primeiro painel do projeto: mandante acima, visitante abaixo,
   evento no minuto real. */
.metodo-pista{position:relative; display:block; height:42px; min-width:200px}
.metodo-eixo{position:absolute; left:0; right:0; top:50%; height:1px; background:var(--line-forte)}
.metodo-grade{position:absolute; top:8px; bottom:8px; width:1px; background:var(--line)}
.metodo-grade.meio{top:3px; bottom:3px; background:var(--line-forte)}
.metodo-pista-nota{
  position:absolute; left:0; top:50%; transform:translateY(-140%);
  font-size:.62rem; font-style:normal; color:var(--muted);
}
.metodo-pista.vazia .metodo-eixo,.metodo-pista.sem-jogo .metodo-eixo{border-top:1px dashed var(--line-forte); background:none; height:0}

.metodo-mk{position:absolute; transform:translateX(-50%); display:block}
.metodo-mk.casa{top:8px}
.metodo-mk.fora{bottom:8px}
.metodo-mk.gol{width:9px; height:9px; border-radius:50%; background:var(--accent); top:6px}
.metodo-mk.fora.gol{top:auto; bottom:6px}
.metodo-mk.sub{
  width:6px; height:6px; border:1.5px solid var(--muted); border-radius:1px;
  transform:translateX(-50%) rotate(45deg); opacity:.8;
}
.metodo-mk.cart{width:3px; height:11px; border-radius:1px; background:var(--muted)}
.metodo-mk.cart.a{background:#d8a51b}
.metodo-mk.cart.v{background:var(--erro)}
.metodo-mk.canto{
  width:3px; height:14px; border-radius:1px; background:var(--accent);
}
.metodo-mk.outro{width:5px; height:5px; border-radius:50%; background:var(--muted)}
/* A decisão atravessa o eixo inteiro: é o instante, não um evento de um lado. */
.metodo-mk.decisao{top:0; bottom:0; width:2px; background:var(--ink); opacity:.55}
.metodo-pre{
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  font:600 .55rem "IBM Plex Mono",monospace; text-transform:uppercase;
  letter-spacing:.08em; color:var(--muted); background:var(--surface); padding-right:4px; z-index:1;
}

.metodo-legenda{display:flex; align-items:center; flex-wrap:wrap; gap:5px}
.metodo-legenda .legenda-item{display:inline-flex; align-items:center; gap:3px}
.metodo-legenda .legenda-item.off{opacity:.42; text-decoration:line-through}
.metodo-mk.amostra{position:static; transform:none; display:inline-block; vertical-align:middle}
.metodo-mk.sub.amostra{transform:rotate(45deg)}
.metodo-mk.decisao.amostra{width:2px; height:11px}

@media (max-width:900px){
  .metodo-td-pista{min-width:180px}
  .seg-multi{flex-wrap:wrap; overflow:visible}
  .seg-multi button{flex:1 1 auto; border-bottom:1px solid var(--line)}
}
.cab-metodo{display:flex; align-items:center; justify-content:space-between; gap:10px}
.cab-metodo h3{margin:0}
.saldo{
  font-family:"IBM Plex Mono",monospace; font-size:1.9rem; font-weight:600;
  letter-spacing:-.02em; line-height:1; display:flex; flex-direction:column; gap:5px;
}
.saldo small{
  font-family:"Archivo",system-ui,sans-serif; font-size:.66rem; font-weight:600;
  text-transform:uppercase; letter-spacing:.1em; color:var(--muted);
}
.saldo.pos{color:var(--ok)} .saldo.neg{color:var(--erro)} .saldo.zero{color:var(--ink)}
.chips{display:flex; flex-wrap:wrap; gap:5px}
.metodo .dica{margin:0}
.rodape-metodo{margin-top:auto; padding-top:8px; border-top:1px solid var(--line); font-size:.72rem}
.un{font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; font-weight:600}
.un.pos{color:var(--ok)} .un.neg{color:var(--erro)} .un.zero{color:var(--muted)}
.badge{
  display:inline-block; font-size:.63rem; font-weight:700; text-transform:uppercase;
  letter-spacing:.08em; padding:2px 7px; border-radius:2px;
  background:var(--surface-3); color:var(--muted); white-space:nowrap;
}
.badge.verde{background:var(--ok); color:var(--ground)}
.badge.red{background:var(--erro); color:var(--ground)}
.badge.muda{background:transparent; color:var(--muted); border:1px dashed var(--line-forte)}
.aposta{
  display:inline-block; font-family:"IBM Plex Mono",monospace; font-weight:600; font-size:.78rem;
  padding:1px 6px; border-radius:2px; background:var(--surface-2); border:1px solid var(--line-forte);
}
.aposta.over{color:var(--fora); border-color:currentColor}
.aposta.under{color:var(--casa); border-color:currentColor}
.aposta.neutro{color:var(--muted)}

/* ------------------------------------------------------------------ entrar */
.sessao{display:flex; align-items:center; gap:8px; margin-left:auto; padding-right:10px}
.sessao + .tema{margin-left:0}
.login{max-width:420px; margin:40px auto 0}
.login .painel{display:grid; gap:6px}
.login .rot{margin-top:8px}
.login input{
  font-size:.95rem; padding:9px 10px; color:var(--ink); background:var(--surface);
  border:1px solid var(--line-forte); border-radius:var(--r); font-family:inherit;
}
.login input:focus{outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent)}
.entrar{
  margin-top:16px; padding:10px 14px; font-size:.8rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ground); background:var(--ink);
  border:0; border-radius:var(--r); cursor:pointer;
}
.entrar:hover:not(:disabled){background:var(--accent)}
.entrar:disabled{opacity:.5; cursor:default}
.erro-login{margin:10px 0 0; font-size:.8rem; color:var(--erro); font-weight:600}