/* FuteStats — site. Identidade da landing (CLAUDE.md §41): vinho-escuro, prata, Rajdhani/Inter/JetBrains Mono. */
:root{
  --noite:#070306; --placa:#110810; --placa2:#190C16; --borda:#2C1422; --laje:#3A1A2C;
  --vinho:#7A1030; --vinhoM:#9B1A40; --prata:#C4CAD4; --texto:#EDE8ED; --suave:#A898A6; --apagado:#7A6577;
  --casa:#C4CAD4; --fora:#F2913D; --vitoria:#3FB68B; --empate:#8C7F8A; --derrota:#C8455F;
  --fd:"Rajdhani","Arial Narrow",sans-serif; --fc:"Inter","Segoe UI",system-ui,sans-serif; --fm:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noite);color:var(--texto);font:15px/1.5 var(--fc)}
a{color:inherit;text-decoration:none}
img{display:block}
.faixa{max-width:880px;margin:0 auto;padding:0 16px}
.apag{color:var(--apagado)}

/* topo */
.topo{position:sticky;top:0;z-index:5;background:rgba(7,3,6,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}
.topo .faixa{display:flex;align-items:center;justify-content:space-between;height:56px}
.marca{display:flex;align-items:center;gap:10px;font:700 22px/1 var(--fd);letter-spacing:.5px}
.marca img{border-radius:6px}
.marca b{color:var(--prata);background:var(--vinho);padding:1px 5px;border-radius:3px;margin-left:2px}
.topo nav{display:flex;gap:4px}
.topo nav a{padding:8px 12px;border-radius:8px;color:var(--suave);font:600 15px var(--fd);letter-spacing:.4px;text-transform:uppercase}
.topo nav a.ativo,.topo nav a:hover{color:var(--texto);background:var(--placa2)}

main{min-height:70vh;padding:16px 0 40px}

/* abas de dia */
.abas{display:flex;gap:8px;margin:4px 0 14px}
.abas a{flex:1;text-align:center;padding:10px 6px;border:1px solid var(--borda);border-radius:10px;background:var(--placa);font:700 16px var(--fd);letter-spacing:.4px;text-transform:uppercase;color:var(--suave)}
.abas a small{display:block;font:500 11px var(--fm);color:var(--apagado);letter-spacing:0}
.abas a.ativo{color:var(--texto);border-color:var(--vinhoM);background:linear-gradient(180deg,var(--vinho),#4A0A1E)}
.abas a.ativo small{color:var(--prata)}
.cab-dia h1{font:700 30px/1.1 var(--fd);margin:0;letter-spacing:.3px}
.cab-dia p{margin:4px 0 14px;color:var(--suave);font-size:14px}
.busca{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--borda);background:var(--placa);color:var(--texto);font:15px var(--fc);margin-bottom:16px}
.busca:focus{outline:2px solid var(--vinhoM);outline-offset:1px}
.vazio-busca,.vazio-dia{color:var(--suave);text-align:center;padding:30px 0}

/* competição + jogos */
.comp{background:var(--placa);border:1px solid var(--borda);border-radius:12px;margin-bottom:12px;overflow:hidden}
.comp h2{display:flex;align-items:center;gap:10px;margin:0;padding:10px 14px;background:var(--placa2);border-bottom:1px solid var(--borda);font:700 17px/1.15 var(--fd);letter-spacing:.3px}
.comp h2 span{flex:1;min-width:0}
.comp h2 small{display:block;font:500 11px var(--fm);color:var(--apagado);text-transform:uppercase;letter-spacing:.6px}
.comp h2 em{font:500 12px var(--fm);color:var(--apagado);font-style:normal}
.esc-liga{width:24px;height:24px;object-fit:contain;flex:none}
.esc{width:22px;height:22px;object-fit:contain;flex:none}
.esc.vazio,.esc-liga.vazio{display:inline-block;border-radius:50%;background:var(--laje)}
.jogo{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid var(--borda);position:relative}
.jogo:first-of-type{border-top:0}
.jogo:hover{background:var(--placa2)}
.jogo .st{font:600 12px var(--fm);color:var(--suave);text-align:center}
.jogo.fim .st{color:var(--apagado)}
.jogo.andamento .st{color:var(--fora)}
.jogo.adiado .st,.jogo.aguarda .st{color:var(--derrota);font-size:10.5px}
.times{display:flex;flex-direction:column;gap:5px;min-width:0}
.t{display:flex;align-items:center;gap:8px;min-width:0;color:var(--suave)}
.t .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jogo:not(.fim) .t,.t.venceu{color:var(--texto)}
.t.venceu .n{font-weight:600}
.pl{display:flex;flex-direction:column;gap:5px;text-align:right;font:700 17px/22px var(--fd);min-width:18px}
.pl.vazio{color:var(--laje)}
.selo{position:absolute;right:44px;top:50%;transform:translateY(-50%);font:500 10px var(--fm);color:var(--prata);border:1px solid var(--laje);border-radius:20px;padding:2px 7px}
@media (max-width:420px){.selo{display:none}.jogo{grid-template-columns:52px 1fr auto;padding:9px 12px}}

/* partida */
.voltar{display:inline-block;color:var(--suave);font-size:14px;margin-bottom:10px}
.hero{background:radial-gradient(120% 140% at 50% 0%,#2A0E1E 0%,var(--placa) 60%);border:1px solid var(--borda);border-radius:14px;padding:16px;text-align:center}
.comp-l{margin:0 0 12px;font:700 16px var(--fd);letter-spacing:.4px;text-transform:uppercase;color:var(--prata)}
.comp-l small{color:var(--apagado);font:500 11px var(--fm);letter-spacing:.6px}
.placar{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px}
.lado{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.esc-g{width:64px;height:64px;object-fit:contain}
.esc-g.vazio{display:block;border-radius:50%;background:var(--laje)}
.lado h1{font:700 19px/1.1 var(--fd);margin:0;letter-spacing:.2px;word-break:break-word}
.lado small{color:var(--apagado);font:500 11px var(--fm)}
.centro{padding-top:8px}
.centro .st{display:block;font:600 11px var(--fm);color:var(--suave);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}
.hero.andamento .centro .st{color:var(--fora)}
.nums{font:700 44px/1 var(--fd);display:flex;gap:10px;align-items:center;justify-content:center}
.nums i{font-style:normal;color:var(--apagado);font-size:28px}
.nums i.x{font-size:34px}
.meta{margin:12px 0 0;color:var(--suave);font-size:13px}
.ancoras{display:flex;justify-content:center;gap:8px;margin-top:12px}
.ancoras a{padding:6px 12px;border:1px solid var(--laje);border-radius:20px;font:600 13px var(--fd);text-transform:uppercase;letter-spacing:.4px;color:var(--prata)}
.forma{display:flex;gap:2px}
.forma i{width:16px;height:16px;border-radius:3px;font:700 10px/16px var(--fd);font-style:normal;color:#fff;text-align:center}
.fW{background:var(--vitoria)}.fD{background:var(--empate)}.fL{background:var(--derrota)}
@media (max-width:420px){.esc-g{width:48px;height:48px}.nums{font-size:38px}.lado h1{font-size:16px}.forma i{width:13px;height:13px;font-size:9px;line-height:13px}}

.painel{margin-top:18px}
.painel>h2{font:700 24px var(--fd);margin:0 0 4px;letter-spacing:.3px;display:flex;align-items:center;gap:10px}
.painel>h2::before{content:"";width:4px;height:22px;background:var(--vinhoM);border-radius:2px}
.painel>p.apag{font-size:13px;margin:0 0 12px}
.painel.aviso{background:var(--placa);border:1px solid var(--borda);border-radius:12px;padding:14px 16px}
.painel.aviso h2::before{background:var(--fora)}
.painel.aviso p{color:var(--suave);margin:4px 0 0}
.bloco,.pilula{background:var(--placa);border:1px solid var(--borda);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.bloco h3,.pilula h3{font:700 15px var(--fd);text-transform:uppercase;letter-spacing:.6px;color:var(--prata);margin:0 0 8px}
.pilula p{margin:0 0 10px}
.pilula .ctx{color:var(--suave);font-size:14px;margin:10px 0 0;border-top:1px dashed var(--laje);padding-top:8px}
.resumo p{font-size:16px;margin:0 0 12px}
.destaques{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.destaque{background:var(--placa2);border:1px solid var(--borda);border-radius:10px;padding:10px}
.destaque b{display:block;font:700 26px/1 var(--fd)}
.destaque span{display:block;font-size:13px;color:var(--texto);margin-top:4px}
.destaque small{display:block;font:500 10.5px var(--fm);color:var(--apagado);margin-top:4px;text-transform:uppercase}

.tempos{display:flex;gap:10px;margin-bottom:12px}
.tempos div{flex:1;background:var(--placa);border:1px solid var(--borda);border-radius:12px;padding:10px;text-align:center}
.tempos small{display:block;color:var(--apagado);font:500 11px var(--fm);text-transform:uppercase}
.tempos b{font:700 24px var(--fd)}
.gols-lista{margin:6px 0 0;font-size:14px;color:var(--suave)}
.legenda{display:flex;justify-content:space-between;font:700 14px var(--fd);margin-bottom:8px}
.legenda .lh{color:var(--casa)}.legenda .la{color:var(--fora)}
.cmp{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;row-gap:4px;padding:6px 0}
.cmp .rot{text-align:center;font-size:13px;color:var(--suave)}
.cmp .vh,.cmp .va{font:700 17px var(--fd)}
.cmp .vh{color:var(--casa)}.cmp .va{color:var(--fora);text-align:right}
.cmp .bar{grid-column:1/-1;display:flex;gap:3px;height:6px}
.cmp .bar i{display:block;border-radius:3px}
.cmp .bh{background:var(--casa)}.cmp .ba{background:var(--fora)}

.painel-tab{width:100%;border-collapse:collapse;font-size:14px}
.painel-tab td,.painel-tab th{padding:7px 4px;border-top:1px solid var(--borda)}
.painel-tab thead td{border-top:0;font:700 15px var(--fd)}
.painel-tab thead small{display:block;font:500 10.5px var(--fm);color:var(--apagado)}
.painel-tab th{font-weight:400;color:var(--suave);text-align:center}
.painel-tab .vh{color:var(--casa);font:700 16px var(--fd);width:30%}
.painel-tab .va{color:var(--fora);font:700 16px var(--fd);text-align:right;width:30%}
.placar-h2h{font:700 18px var(--fd);margin-bottom:8px}
.h2h{list-style:none;margin:0;padding:0;font-size:14px}
.h2h li{padding:6px 0;border-top:1px solid var(--borda)}
.h2h li b{font-family:var(--fd);font-size:16px;margin:0 4px}

/* gráficos */
.viz{width:100%;height:auto;display:block;margin:4px 0}
.viz text{font-family:var(--fc);fill:var(--texto)}
.viz .num-g{font:700 30px var(--fd)}
.viz .rot{font-size:13px;fill:var(--suave)}
.viz .sub{font:500 11px var(--fm);fill:var(--apagado)}
.viz .val{font:700 14px var(--fd)}
.viz .nome{font:700 15px var(--fd)}
.viz .mini{font:500 10px var(--fm);fill:var(--suave)}
.viz .mini.apag{fill:var(--apagado)}
.viz .letra{font:700 13px var(--fd);fill:#fff}
.viz .trilho{fill:var(--placa2);stroke:var(--laje)}
.viz .eixo{stroke:var(--laje);stroke-width:1.5}
.viz .limite{stroke:var(--prata);stroke-dasharray:4 5;opacity:.6}
.viz .ponto{stroke:var(--laje)}
.viz .foco{stroke:#fff;stroke-width:2}
.viz-rot{margin:0;font:500 11px var(--fm);color:var(--apagado);text-align:center;text-transform:uppercase}

.rodape{border-top:1px solid var(--borda);padding:20px 0;font-size:13px;color:var(--suave)}
.rodape p{margin:0 0 6px}

/* classificação */
.ver-tab{font:600 12px var(--fm);color:var(--prata);white-space:nowrap}
.comp h2 .ver-tab{margin-left:auto}
.bloco .ver-tab{display:inline-block;margin-top:10px}
.tabela-rolo{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabela{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.tabela th{font:600 11px var(--fm);color:var(--apagado);text-transform:uppercase;padding:8px 4px;text-align:center;border-bottom:1px solid var(--laje)}
.tabela td{padding:7px 4px;text-align:center;border-bottom:1px solid var(--borda)}
.tabela .c-time{text-align:left;display:flex;align-items:center;gap:8px;min-width:0}
.tabela th.c-time{display:table-cell}
.tabela .c-time span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.tabela .c-pos{width:30px;font:700 14px var(--fd);color:var(--suave);box-shadow:inset 3px 0 0 var(--z,transparent)}
.tabela .c-p{font:700 16px var(--fd);color:var(--texto)}
.tabela tr.dest td{background:rgba(155,26,64,.22)}
.tabela .forma{justify-content:center}
.tabela .forma i{width:15px;height:15px;font-size:9px;line-height:15px}
@media (max-width:520px){.tabela .c-g,.tabela .c-forma{display:none}.tabela .c-time span{max-width:120px}.tabela{font-size:13px}}
.zonas{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;padding:0;margin:10px 0 0;font-size:12px;color:var(--suave)}
.zonas i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.abas-tab input{position:absolute;opacity:0;pointer-events:none}
.abas-tab nav{display:flex;gap:6px;margin-bottom:10px}
.abas-tab label{padding:7px 14px;border:1px solid var(--borda);border-radius:20px;font:600 13px var(--fd);text-transform:uppercase;letter-spacing:.4px;color:var(--suave);cursor:pointer;background:var(--placa)}
.abas-tab .aba-p{display:none;background:var(--placa);border:1px solid var(--borda);border-radius:12px;padding:6px 10px 12px}
#aba-geral:checked~nav label[for=aba-geral],#aba-casa:checked~nav label[for=aba-casa],#aba-fora:checked~nav label[for=aba-fora]{color:var(--texto);border-color:var(--vinhoM);background:var(--vinho)}
#aba-geral:checked~.p-geral,#aba-casa:checked~.p-casa,#aba-fora:checked~.p-fora{display:block}
.abas-tab input:focus-visible~nav label{outline:1px dashed var(--laje)}
.cab-comp{display:flex;align-items:center;gap:14px;margin:4px 0 16px}
.cab-comp small{font:500 11px var(--fm);color:var(--apagado);text-transform:uppercase;letter-spacing:.6px}
.cab-comp h1{font:700 30px/1.05 var(--fd);margin:0}
.cab-comp p{margin:2px 0 0;font-size:13px}
.grade-comp{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-bottom:16px}
.card-comp{display:flex;align-items:center;gap:12px;background:var(--placa);border:1px solid var(--borda);border-radius:12px;padding:12px 14px}
.card-comp:hover{border-color:var(--vinhoM)}
.card-comp span{min-width:0}
.card-comp small{display:block;font:500 10.5px var(--fm);color:var(--apagado);text-transform:uppercase;letter-spacing:.6px}
.card-comp span{font:700 17px/1.15 var(--fd)}
.card-comp em{display:block;font:400 12.5px var(--fc);font-style:normal;color:var(--suave);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fase{font:700 14px var(--fd);text-transform:uppercase;letter-spacing:.6px;color:var(--prata);margin:0 0 10px}

/* notícias */
#aba-brasil:checked~nav label[for=aba-brasil],#aba-mundo:checked~nav label[for=aba-mundo]{color:var(--texto);border-color:var(--vinhoM);background:var(--vinho)}
#aba-brasil:checked~.p-brasil,#aba-mundo:checked~.p-mundo{display:block}
.lista-notas{padding:0 14px!important}
.nota{padding:12px 0;border-top:1px solid var(--borda)}
.nota:first-child{border-top:0}
.nota-meta{display:flex;align-items:center;gap:8px;margin:0 0 4px;font:500 11px var(--fm);color:var(--apagado);text-transform:uppercase;letter-spacing:.4px}
.nota-meta b{color:var(--prata);font-weight:700}
.nota-meta .lingua{border:1px solid var(--laje);border-radius:4px;padding:0 4px;color:var(--suave)}
.nota h3{margin:0;font:600 16px/1.35 var(--fc);text-transform:none;letter-spacing:0;color:var(--texto)}
.nota h3 a:hover{color:var(--prata);text-decoration:underline}
.nota-res{margin:4px 0 0;font-size:14px;color:var(--suave)}
.faixa-notas{background:var(--placa);border:1px solid var(--borda);border-radius:12px;padding:10px 14px 4px;margin-bottom:14px}
.faixa-notas h2{display:flex;align-items:center;justify-content:space-between;margin:0;font:700 15px var(--fd);text-transform:uppercase;letter-spacing:.6px;color:var(--prata)}
.faixa-notas .nota h3{font-size:15px}
.bloco .nota h3{font-size:15px}
@media (max-width:420px){.topo nav a{padding:8px 8px;font-size:14px}}

/* placar ao vivo */
.jogo.vivo .st,.hero.vivo .centro .st{color:#3FB68B;font-weight:700}
.jogo.vivo:not(.vivo-fim) .st::before,.hero.vivo:not(.vivo-fim) .centro .st::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3FB68B;margin-right:4px;vertical-align:1px;animation:pulsa 1.4s infinite}
.jogo.vivo-fim .st,.hero.vivo-fim .centro .st{color:var(--apagado)}
.jogo.vivo .pl{color:var(--texto)}
@keyframes pulsa{50%{opacity:.25}}
.gols-vivo{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;margin:10px 0 2px;font-size:13px;color:var(--suave)}
.gols-vivo .lv{margin:2px 0}
.gols-vivo .lv-home{grid-column:1;text-align:right}
.gols-vivo .lv-away{grid-column:2}
.gols-vivo .lv b{font:600 12px var(--fm);color:var(--prata);margin:0 2px}
.gols-vivo .bola::before{content:"⚽";font-style:normal;font-size:11px}
.gols-vivo .cv{display:inline-block;width:8px;height:11px;background:#C8455F;border-radius:1px;vertical-align:-1px}
.gols-vivo .lv-fonte{grid-column:1/3;text-align:center;font:500 11px var(--fm);color:var(--apagado);margin-top:6px}

/* clubes */
.clube-hero{text-align:center}
.clube-hero .esc-g{width:72px;height:72px;margin:4px auto 6px;display:block}
.clube-hero h1{margin:0 0 10px;font:700 30px/1.1 var(--fd);text-transform:uppercase;letter-spacing:.5px}
.selos{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.selo-c{border:1px solid var(--borda);border-radius:999px;padding:4px 10px;font:600 12px var(--fm);color:var(--prata);background:var(--placa)}
a.selo-c:hover{border-color:var(--vinhoM)}
.ult{margin:12px 0 0;font:600 12px var(--fm);color:var(--suave);text-transform:uppercase;letter-spacing:.4px;display:flex;gap:8px;justify-content:center;align-items:center}
.lista-res{padding:0 14px!important}
.res{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--borda);color:var(--texto)}
.res:first-child{border-top:0}
a.res:hover .res-adv span{color:var(--prata)}
.res-d{font:600 12px var(--fm);color:var(--apagado)}
.res-adv{display:flex;align-items:center;gap:8px;min-width:0}
.res-adv>span{display:flex;flex-direction:column;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.res-adv small{font:500 10.5px var(--fm);color:var(--apagado);text-transform:uppercase;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis}
.res-pl{display:flex;align-items:center;gap:6px;font:700 16px var(--fd)}
.res-pl i{font:700 11px/18px var(--fm);width:18px;text-align:center;border-radius:4px;font-style:normal}
.res-h{font:600 13px var(--fm);color:var(--suave)}
.lista-res details{border-top:1px solid var(--borda)}
.lista-res summary{cursor:pointer;padding:10px 0;font:600 13px var(--fm);color:var(--prata)}
.tabela.camp td.c-time small{display:block;font:500 10px var(--fm);color:var(--apagado);text-transform:uppercase}
.med{padding:8px 0;border-top:1px solid var(--borda)}
.med:first-child{border-top:0}
.med p{margin:2px 0;display:grid;grid-template-columns:56px 1fr 44px;align-items:center;gap:8px}
.med p.med-r{display:block;font-weight:600;margin-bottom:4px}
.med-r small,.med-ref{font:500 11px var(--fm);color:var(--apagado)}
p.med-ref{display:block;padding-left:64px}
.med-l{font:500 11px var(--fm);color:var(--suave)}
.med b{font:700 15px var(--fd);text-align:right}
.mb{position:relative;display:block;height:10px;background:var(--laje);border-radius:5px}
.mb i{position:absolute;left:0;top:0;bottom:0;border-radius:5px}
.mb em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--texto);opacity:.8}
.pf{background:#C4CAD4;fill:#C4CAD4}
.ps{background:#F2913D;fill:#F2913D}
.fq{display:grid;grid-template-columns:1fr 40px;gap:4px 8px;align-items:center;padding:7px 0;border-top:1px solid var(--borda)}
.fq:first-child{border-top:0}
.fq p{grid-column:1/3;margin:0;display:flex;justify-content:space-between;font-weight:600}
.fq p b{font:500 12px var(--fm);color:var(--suave)}
.fq small{font:700 13px var(--fd);text-align:right}
.periodos{width:100%;height:auto;display:block}
.periodos .eixo{stroke:var(--borda)}
.periodos .vn{font:700 11px var(--fm);fill:var(--texto);text-anchor:middle}
.periodos .rt{font:500 10px var(--fm);fill:var(--apagado);text-anchor:middle}
.leg-per{display:flex;gap:6px;align-items:center;justify-content:center;font:500 12px var(--fm);color:var(--suave);margin:6px 0 0}
.leg-per i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-left:8px}
.grade-clubes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 10px;padding:6px 12px 10px}
.jogo.card-clube{display:flex;grid-template-columns:none;align-items:center;gap:8px;padding:7px 4px;border:0;font-weight:600;font-size:14px;color:var(--texto)}
.jogo.card-clube:hover{color:var(--prata)}
.jogo.card-clube span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero h1 a,.c-time a{color:inherit}
.hero h1 a:hover,.c-time a:hover{text-decoration:underline;text-decoration-color:var(--vinhoM)}
.c-time a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:460px){.marca span{display:none}.topo nav{gap:2px}.topo nav a{padding:8px 8px;font-size:14px}}
@media (max-width:340px){.topo nav a{padding:8px 5px;font-size:13px}}