/* Soccer Deal · estilos (antes ficavam dentro do index.html) */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;padding:0}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}
.rodape-sd{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;border-top:1px solid var(--line);padding-block:18px 28px;font-size:13px;color:var(--muted)}
.rodape-sd a{color:inherit}
.rodape-sd a:hover{color:var(--ink)}
/* Layout: barra neutra com o logo · abas discretas · conteúdo em uma coluna larga; verde só em ações principais, dourado só no logo */
:root{
  --bg:#f6f7f4; --surface:#ffffff; --sunk:#eef0eb; --line:#e0e4dc; --ink:#141a16; --muted:#66716a;
  --accent:#0e4a33; --accent-ink:#ffffff; --tint:#e6efe9; --gold:#f2c230;
  --good:#1f7a45; --warn:#9a6400; --bad:#b83a2c; --info:#2a5d8f;
  --f-display:"Saira Condensed","Arial Narrow",system-ui,sans-serif;
  --f-body:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#101412; --surface:#161b18; --sunk:#1c221f; --line:#29312c; --ink:#e6ebe7; --muted:#919d95;
  --accent:#5cbf8a; --accent-ink:#0b1a12; --tint:#1d2c24;
  --good:#5cbf8a; --warn:#e0a640; --bad:#ec7a6a; --info:#86b4e4; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#101412; --surface:#161b18; --sunk:#1c221f; --line:#29312c; --ink:#e6ebe7; --muted:#919d95;
  --accent:#5cbf8a; --accent-ink:#0b1a12; --tint:#1d2c24;
  --good:#5cbf8a; --warn:#e0a640; --bad:#ec7a6a; --info:#86b4e4; color-scheme:dark}
*{box-sizing:border-box}
html,body{min-height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.45}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.45}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:500}
.muted{color:var(--muted)}
h1,h2,h3{margin:0;line-height:1.1;text-wrap:balance}
h1{font-family:var(--f-display);font-size:clamp(36px,6vw,56px);font-weight:800;letter-spacing:-.01em}
h2{font-size:22px;font-weight:700}
h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.stack{display:flex;flex-direction:column;gap:14px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.spacer{flex:1}

/* barra */
.bar{background:var(--surface);border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding-block:12px}
.logo{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:800;font-size:22px;line-height:1;color:var(--ink)}
.logo svg{flex:none}
.wm{display:flex;flex-direction:column;line-height:.9}
.wm small,.wmh small{font-family:var(--f-body);font-weight:600;letter-spacing:.32em;color:var(--muted)}
.wm small{font-size:9px;margin-bottom:2px}
.wmh{display:flex;flex-direction:column;line-height:.88}
.wmh small{font-size:clamp(13px,1.8vw,16px);margin-bottom:6px}
.clubname{display:flex;flex-direction:column;line-height:1.2;min-width:0;padding-left:16px;border-left:1px solid var(--line)}
.clubname strong{font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px}
.clubname small{color:var(--muted);font-size:12px}
.kpis{display:flex;flex-wrap:wrap;gap:6px 24px;margin-left:auto}
.kpi{display:flex;flex-direction:column;line-height:1.15}
.kpi small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.kpi b{font-family:var(--f-mono);font-weight:500;font-size:15px}
.kpi b.neg{color:var(--bad)}

/* abas */
.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin-top:12px;scrollbar-width:none}
.tabs button{border:0;background:none;padding:10px 12px 9px;font-weight:600;font-size:15px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}
.tabs .badge{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--bad);margin-left:6px;vertical-align:2px;font-size:0}
main{padding-block:24px 56px}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}
.btn{border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:6px;font-weight:600}
.btn:hover:not(:disabled){border-color:var(--muted)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover:not(:disabled){filter:brightness(1.08)}
.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.btn.small{padding:5px 10px;font-size:13px}
.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}
.btn.ghost:hover:not(:disabled){color:var(--ink);border-color:var(--line)}
select,input[type=text],input[type=number],textarea{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:8px 10px;min-width:0}
textarea{resize:vertical;width:100%}

.pos{display:inline-block;width:32px;font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--muted)}
.ovr{display:inline-block;min-width:28px;text-align:right;font-family:var(--f-mono);font-weight:500}
.ovr.hi{color:var(--accent);font-weight:700}
.chip{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:var(--sunk);color:var(--muted);white-space:nowrap}
.chip.bad{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.chip.good{background:var(--tint);color:var(--accent)}
.chip.warn{background:color-mix(in srgb,#d9ad00 22%,transparent);color:color-mix(in srgb,#d9ad00 55%,var(--ink))}
.fis{display:inline-block;width:54px;height:6px;border-radius:3px;background:var(--sunk);overflow:hidden;vertical-align:middle}
.fis i{display:block;height:100%;border-radius:3px}
.pp .fis{width:30px;height:4px;background:rgba(0,0,0,.18)}
.chip.info{background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info)}

/* tabelas */
.tscroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:8px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
tr:last-child td{border-bottom:0}
td.r,th.r{text-align:right}
td.name{font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis}
tr.sel td{background:var(--tint)}
tr.click{cursor:pointer}
tr.click:hover td{background:var(--sunk)}
tr.click.sel:hover td{background:var(--tint)}
tr.out td{color:var(--muted)}
.zone{display:inline-block;width:3px;height:16px;border-radius:2px;vertical-align:middle;margin-right:8px;background:transparent}
.zone.lib{background:var(--info)}.zone.sula{background:var(--good)}.zone.reb{background:var(--bad)}
/* zonas da tabela: fundo da linha na cor da zona e uma linha mais forte onde a zona muda */
tr.z-lib td{background:color-mix(in srgb,var(--info) 11%,var(--surface))}
tr.z-sula td{background:color-mix(in srgb,var(--good) 11%,var(--surface))}
tr.z-reb td{background:color-mix(in srgb,var(--bad) 11%,var(--surface))}
tr.z-ini td{border-top:2px solid color-mix(in srgb,var(--ink) 35%,transparent)}
tr.meu td{font-weight:700;box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}
tr.meu td:first-child{box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent),inset 3px 0 0 var(--accent)}
tr.meu td:last-child{box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent),inset -3px 0 0 var(--accent)}
.legenda-zonas{display:flex;flex-wrap:wrap;gap:6px 18px}
.legenda-zonas i{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:6px;border:1px solid var(--line)}
.legenda-zonas i.z-lib{background:color-mix(in srgb,var(--info) 30%,var(--surface))}.legenda-zonas i.z-sula{background:color-mix(in srgb,var(--good) 30%,var(--surface))}
.legenda-zonas i.z-reb{background:color-mix(in srgb,var(--bad) 30%,var(--surface))}.legenda-zonas i.z-meu{background:var(--surface);border:2px solid var(--accent)}
.kit{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:0;margin-right:8px;border:1px solid var(--line)}

/* escalação */
.lineup-head{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:space-between}
.formation{font-family:var(--f-mono);font-weight:500;font-size:28px;line-height:1.1;margin-top:4px}
.formation.bad{color:var(--bad)}
.lines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.line{padding:10px 14px}
.line+.line{border-left:1px solid var(--line)}
@media (max-width:620px){.lines{grid-template-columns:repeat(2,minmax(0,1fr))}.line:nth-child(3){border-left:0}.line:nth-child(n+3){border-top:1px solid var(--line)}}
.line small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.line b{display:block;font-family:var(--f-mono);font-weight:500;font-size:18px}

/* jogo */
.placar{--pl-bg:#0d1a14;--pl-bg2:#15261d;--pl-ink:#f4f7f2;--pl-mut:#9db3a6;--pl-ouro:#F2C230;
  background:linear-gradient(180deg,var(--pl-bg2),var(--pl-bg));color:var(--pl-ink);border-radius:14px;padding:12px 16px 14px;box-shadow:0 8px 24px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:10px}
.pl-topo{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-mut)}
.pl-comp{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-vivo{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:rgba(232,64,64,.18);color:#ff8a80;white-space:nowrap}
.pl-vivo i{width:7px;height:7px;border-radius:50%;background:#ff5a4e;animation:plpulso 1.2s ease-in-out infinite}
.pl-vivo.pausa{background:rgba(255,255,255,.08);color:var(--pl-mut)}.pl-vivo.fim{background:rgba(242,194,48,.16);color:var(--pl-ouro)}
@keyframes plpulso{0%,100%{opacity:1}50%{opacity:.25}}
.pl-linha{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);align-items:center;gap:10px}
.pl-time{display:flex;align-items:center;gap:10px;min-width:0}.pl-time.fora{flex-direction:row-reverse;text-align:right}
.pl-cores{flex:none;width:8px;height:40px;border-radius:3px;background:linear-gradient(180deg,var(--c1) 50%,var(--c2) 50%);box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.pl-nome{display:flex;flex-direction:column;min-width:0}.pl-nome b{font-size:clamp(14px,2vw,19px);line-height:1.15;color:var(--pl-ink)}.pl-nome small{white-space:nowrap;font:600 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pl-ouro)}
.pl-gol{display:grid;place-items:center;min-width:56px;height:60px;padding:0 8px;border-radius:10px;background:rgba(255,255,255,.08);font:700 clamp(32px,5vw,42px) var(--f-mono);line-height:1;color:var(--pl-ink)}
.pl-gol.marcou{background:var(--pl-ouro);color:#14110a;animation:plgol .6s ease-out 3}
@keyframes plgol{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.pl-relogio{display:flex;flex-direction:column;align-items:center;min-width:88px;padding:6px 10px;border-radius:10px;background:rgba(0,0,0,.35);border:1px solid rgba(242,194,48,.35)}
.pl-relogio b{font:700 clamp(26px,4vw,34px) var(--f-mono);line-height:1;color:var(--pl-ouro)}
.pl-relogio small{margin-top:4px;font:600 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-mut);white-space:nowrap}
.pl-barra{position:relative;height:4px;border-radius:2px;background:rgba(255,255,255,.1)}.pl-barra i{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--pl-ouro);transition:width .3s linear}
.pl-int{position:absolute;left:50%;top:-3px;width:2px;height:10px;background:var(--pl-mut);border-radius:1px}
.pl-vivo.pre{background:rgba(242,194,48,.16);color:var(--pl-ouro)}
.pl-gol.vazio{color:var(--pl-mut);font-size:clamp(24px,4vw,32px)}
.placar.pre .pl-relogio b{font-size:clamp(22px,3.4vw,30px)}
.pl-info{text-align:center;font-size:13px;color:var(--pl-mut)}
.pl-autores{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:13px;color:var(--pl-mut)}.pl-autores span:last-child{text-align:right}.pl-bola{margin:0 6px;font-size:12px}
@media (max-width:560px){.pl-nome small{letter-spacing:.04em;font-size:9px}.placar{padding:10px 12px 12px}.pl-linha{gap:6px}.pl-cores{width:6px;height:34px}.pl-gol{min-width:40px;height:48px;font-size:28px;padding:0 4px}.pl-relogio{min-width:64px;padding:5px 6px}.pl-relogio b{font-size:22px}.pl-relogio small{font-size:9px;letter-spacing:.06em}.pl-nome b{font-size:13px}.pl-time{gap:6px}.pl-autores{font-size:12px;gap:8px}}
.board{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.board .t{font-weight:700;font-size:clamp(15px,2.4vw,19px);line-height:1.2;min-width:0}
.board .t:last-child{text-align:right}
.board .sc{font-family:var(--f-mono);font-size:clamp(36px,7vw,52px);text-align:center;line-height:1;color:var(--ink)}
.board .min{display:block;text-align:center;color:var(--muted);font-size:12px;letter-spacing:.12em;margin-top:6px}
.feed{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);max-height:360px;overflow:auto}
.feed li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px;padding:8px 14px;border-bottom:1px solid var(--line);font-size:14px}
.feed li:last-child{border-bottom:0}
.feed li b{font-family:var(--f-mono);font-weight:500;color:var(--muted)}
.feed li.gm{background:var(--tint);font-weight:600}
.feed li.go{background:color-mix(in srgb,var(--bad) 8%,transparent);font-weight:600}
.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}
.res{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:7px 10px}
.res span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res span:last-child{text-align:right}
.res.me{border-color:var(--accent)}

/* mercado e negociação */
.mk{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.filters{display:flex;flex-wrap:wrap;gap:8px}
/* notícias */
.nt-filtros{display:flex;gap:6px;flex-wrap:wrap}.nt-filtros small{opacity:.7;font-weight:500}
.nt-grupo{display:flex;flex-direction:column;gap:8px}
.nt-rodada{margin:6px 0 0;font:600 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.nt-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nt{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.nt.novo{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.nt-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--sunk);color:var(--muted)}
.nt-sumula .nt-ico{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.nt-imprensa .nt-ico{background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info)}
.nt-mercado .nt-ico{background:color-mix(in srgb,#d9ad00 20%,transparent);color:color-mix(in srgb,#d9ad00 60%,var(--ink))}
.nt-medico .nt-ico{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.nt-federacao .nt-ico{background:color-mix(in srgb,#d9ad00 26%,transparent);color:color-mix(in srgb,#b38a00 80%,var(--ink))}
.nt-corpo{min-width:0;display:flex;flex-direction:column;gap:4px}
.nt-topo{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.nt-topo b{color:var(--ink);font-size:12px;letter-spacing:.02em}
.nt-txt{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}
.nt.ruim .nt-txt{color:var(--bad)}
.nt-meta{margin:0;font-size:13px;color:var(--muted)}
.nt-placar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px}.nt-placar b{color:var(--ink)}
.nt-gols{font:700 20px var(--f-mono);color:var(--ink);padding:0 4px}
.nt-manchete{margin:0;font-weight:700;font-size:15px;line-height:1.35;color:var(--ink)}
.nt-fala{margin:2px 0;padding:2px 0 2px 12px;border-left:3px solid var(--line);font-size:14px;font-style:italic;color:var(--ink)}
.nt-props{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.nt-proposta{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid color-mix(in srgb,#d9ad00 50%,var(--line));border-radius:12px;background:color-mix(in srgb,#d9ad00 7%,var(--surface))}
.nt-prop-topo{display:flex;align-items:center;gap:6px;font-size:14px}
.nt-prop-linha{display:flex;align-items:center;gap:8px}.nt-prop-valor{font:700 18px var(--f-mono);color:var(--ink)}
.nt-fim{margin-top:12px}
@media (max-width:560px){.nt{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:10px 12px}.nt-ico{width:30px;height:30px}.nt-gols{font-size:18px}.nt-props{grid-template-columns:minmax(0,1fr)}}
/* mercado */
.mk-janela{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.mk-janela b{display:block;font-size:15px;color:var(--ink)}.mk-janela span{font-size:14px;color:var(--muted)}
.mk-janela.aberta{border-color:color-mix(in srgb,var(--good) 45%,var(--line));background:var(--tint)}
.mk-janela.fechada{border-color:color-mix(in srgb,#d9ad00 50%,var(--line));background:color-mix(in srgb,#d9ad00 9%,var(--surface))}
.mk-janela .mk-janela-ico{font-size:13px;line-height:22px}.mk-janela.aberta .mk-janela-ico{color:var(--good)}.mk-janela.fechada .mk-janela-ico{color:#b38a00}
.mk-jan-neg.aberta{border-color:color-mix(in srgb,var(--good) 45%,var(--line))}.mk-jan-neg.fechada{border-color:color-mix(in srgb,#d9ad00 50%,var(--line))}
.mk-filtros{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:8px}
.mk-pos{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.mk-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.mk-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.mk-card.acertado{border-color:var(--accent)}
.mk-topo{display:flex;justify-content:space-between;align-items:center}
.mk-forca{font:700 22px var(--f-mono);color:var(--ink)}.mk-forca.hi{color:var(--accent)}
.mk-card h4{margin:0;font-size:17px;line-height:1.2}
.mk-clube{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;min-width:0}.mk-clube-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-clube small{color:var(--muted);margin-left:auto;white-space:nowrap}
.mk-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0}
.mk-nums{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mk-nums dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mk-nums dd{margin:2px 0 0;font:600 15px var(--f-mono);color:var(--ink)}.mk-nums dd.neg{color:var(--bad)}.mk-nums small{font-family:inherit;font-size:11px;font-weight:400;color:var(--muted)}
.mk-pres{display:flex;gap:8px;align-items:center;font-size:13px;min-width:0}.mk-pres b{display:block;font-size:13px}.mk-pres small{color:var(--muted)}
.avatar.sm{width:30px;height:30px;font-size:12px}
.mk-acao{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.mk-pend ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mk-pend li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mk-mais{display:flex;justify-content:center;align-items:center;gap:12px}
@media (max-width:760px){.mk-filtros{grid-template-columns:1fr 1fr}.mk-filtros input{grid-column:1/-1}}
.filters>*{flex:1 1 140px}
.neg{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
@media (max-width:820px){.neg{grid-template-columns:minmax(0,1fr)}}
.pres{display:flex;gap:12px;align-items:center}
.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none;background:var(--sunk);color:var(--ink);border:1px solid var(--line)}
.chat{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;min-height:260px;max-height:460px;overflow:auto}
.msg{max-width:85%;padding:9px 12px;border-radius:12px;font-size:15px;line-height:1.4}
.msg.them{background:var(--sunk);align-self:flex-start;border-bottom-left-radius:4px}
.msg.me{background:var(--accent);color:var(--accent-ink);align-self:flex-end;border-bottom-right-radius:4px}
.msg .meta{display:block;font-size:12px;opacity:.75;margin-top:4px;font-family:var(--f-mono)}
.msg.sys{align-self:center;background:transparent;color:var(--muted);font-size:13px;text-align:center;max-width:100%;padding:2px}
.msg.typing{color:var(--muted);font-style:italic}
.offer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.offer label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.offer label.full{grid-column:1/-1}
.meter{height:4px;border-radius:2px;background:var(--sunk);overflow:hidden}
.meter i{display:block;height:100%}
.card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:14px}
.card dt{color:var(--muted)}
.card dd{margin:0;text-align:right;white-space:nowrap}
.news{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.news li{padding:12px 14px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:8px minmax(0,1fr);gap:0 10px}
.news li:last-child{border-bottom:0}
.news li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--line);margin-top:8px}
.news li.good::before{background:var(--good)}.news li.bad::before{background:var(--bad)}.news li.offer::before{background:var(--gold)}
.news li>*{grid-column:2}
.news small{display:block;font-size:11px;letter-spacing:.06em;color:var(--muted)}
.news small b{color:var(--ink);font-weight:700;letter-spacing:.04em}
.news__txt{margin:3px 0 0;line-height:1.45}
.pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.pickc{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.pickc:hover{border-color:var(--muted)}
.pickc.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.pickc .sw{width:14px;height:14px;border-radius:50%;flex:none;border:1px solid var(--line)}
.pickc small{display:block;color:var(--muted);font-size:12px}
.note{font-size:13px;color:var(--muted)}
.warnbox{background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--ink);border-radius:6px;padding:10px 12px;font-size:14px}
.hero{display:flex;flex-direction:column;gap:12px;padding-block:12px 8px}
.hero p{margin:0;font-size:18px;color:var(--muted);max-width:52ch}
/* campo */
:root{--fin-rec:#2a6fb0;--fin-desp:#c8641c;--est-assento:#9aa39d;--est-assento2:#7f8983;--est-cob:rgba(255,255,255,.55);--est-grama:#dfe9dc;--est-praca:#e7e8e3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--fin-rec:#4f8ac6;--fin-desp:#c47c24;--est-assento:#4a524d;--est-assento2:#3b423e;--est-cob:rgba(255,255,255,.14);--est-grama:#18241b;--est-praca:#1d211f}}
:root[data-theme="dark"]{--fin-rec:#4f8ac6;--fin-desp:#c47c24;--est-assento:#4a524d;--est-assento2:#3b423e;--est-cob:rgba(255,255,255,.14);--est-grama:#18241b;--est-praca:#1d211f}
:root{--turf:#e2ece2;--turf2:#d8e5d9;--chalk:rgba(255,255,255,.9);--opp:#4c5650}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--turf:#16231b;--turf2:#1a281f;--chalk:rgba(255,255,255,.16);--opp:#a7b2ab}}
:root[data-theme="dark"]{--turf:#16231b;--turf2:#1a281f;--chalk:rgba(255,255,255,.16);--opp:#a7b2ab}
.clubtop{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:760px){.clubtop{grid-template-columns:minmax(0,1fr)}.lpitch{max-width:360px;margin:0 auto;width:100%}}
.lpitch{position:relative;aspect-ratio:68/105;max-width:100%;border-radius:8px;overflow:hidden;background:var(--turf)}
.lpitch svg,.mpitch svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.chalk{fill:none;stroke:var(--chalk);stroke-width:.35}
.stripe{fill:var(--turf2)}
.pp{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;width:100px;min-height:44px}
.pp .dot{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--f-mono);font-size:12px;font-weight:500;transition:box-shadow .15s}
.pp .nm{font-size:11.5px;font-weight:600;line-height:1.1;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.pp:hover .dot{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--muted)}
.pp.on .dot{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--gold)}
.pp .nm em.ptag{font-style:normal;font-family:var(--f-mono);font-size:9.5px;font-weight:700;letter-spacing:.02em;color:var(--accent-ink);background:var(--accent);border-radius:3px;padding:0 3px;vertical-align:1px}
.pp .nm em.ptag.fora{color:#3d2f00;background:#f2c230}
.pp-card{position:absolute;top:-2px;right:20px}
.pp{touch-action:none;cursor:grab;transition:top .35s ease}
.pp{overflow:visible}
.seta-pp{position:absolute;left:50%;width:18px;height:18px;margin-left:-9px;pointer-events:none}
.seta-pp svg{width:100%;height:100%;display:block;fill:#F2C230;stroke:#0E4A33;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.seta-pp.sobe{top:-20px;animation:pp-sobe 1.4s ease-in-out infinite}
.seta-pp.desce{bottom:-20px;animation:pp-desce 1.4s ease-in-out infinite}
.seta-pp.ambos{top:4px;left:auto;right:6px;margin:0;width:16px;height:16px}
@keyframes pp-sobe{50%{transform:translateY(-3px)}}
@keyframes pp-desce{50%{transform:translateY(3px)}}
.postura-tag{position:absolute;left:8px;top:8px;z-index:1;padding:3px 8px;border-radius:999px;background:#F2C230;color:#1B1606;font:700 11.5px var(--f-body);letter-spacing:.02em;pointer-events:none}
.elenco-grid{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:20px;align-items:start}
.banco{border:1px solid var(--line);border-radius:8px;background:var(--surface);max-height:526px;overflow:auto;overscroll-behavior:contain;max-height:min(618px,80vh)}
.banco__topo{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--line)}
.banco__topo h3{margin:0}
.banco h4{margin:0;padding:8px 12px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--sunk)}
.rs{display:grid;grid-template-columns:22px 38px minmax(0,1fr) 54px auto auto;align-items:center;gap:8px;min-height:42px;padding:4px 12px 4px 6px;border-top:1px solid var(--line);cursor:grab;user-select:none;-webkit-user-select:none}
.rs:hover{background:var(--sunk)}
.rs.on{background:var(--tint)}
.rs.out{color:var(--muted);cursor:default}
.rs.alvo,.banco.alvo{outline:2px solid var(--gold);outline-offset:-2px}
.rs:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.rs .nome{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grip{display:grid;place-items:center;height:34px;color:var(--muted);touch-action:none;cursor:grab}
.grip svg{width:12px;height:18px}
.rs.out .grip{visibility:hidden}
.lpitch.alvo{outline:3px dashed var(--gold);outline-offset:-3px}
.pp.alvo .dot{box-shadow:0 0 0 2px var(--surface),0 0 0 5px var(--gold)}
.pp.arrastando,.rs.arrastando{opacity:.35}
.fantasma{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-60%);display:flex;flex-direction:column;align-items:center;gap:3px}
.fantasma .dot{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--f-mono);font-size:13px;box-shadow:0 0 0 3px var(--gold),0 8px 18px rgba(0,0,0,.3)}
.fantasma .nm{font-size:12px;font-weight:700;background:var(--surface);color:var(--ink);padding:1px 6px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
body.arrastando-sd,body.arrastando-sd *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}
details.dados{border:1px solid var(--line);border-radius:8px;background:var(--surface)}
details.dados summary{padding:12px 14px;cursor:pointer;font-weight:600}
details.dados .tscroll{border:0;border-top:1px solid var(--line);border-radius:0 0 8px 8px}
@media (max-width:760px){.elenco-grid{grid-template-columns:minmax(0,1fr)}.elenco-grid .lpitch{max-width:340px;margin:0 auto;width:100%}.banco{max-height:none}}
.hint{font-size:13px;color:var(--muted);margin:0}
.hint.on{color:var(--ink);background:color-mix(in srgb,var(--gold) 22%,transparent);padding:8px 10px;border-radius:6px}
.mpitch{position:relative;aspect-ratio:105/68;width:100%;border-radius:8px;overflow:hidden;background:var(--turf)}
.mpitch{--dur:480ms}
.mpitch .pl{transition:transform var(--dur) ease-in-out}
.mpitch .ball{transition:transform var(--dur) cubic-bezier(.3,.1,.3,1)}
#bolaGiro{transition:transform var(--dur) linear}
.bola-sombra{fill:rgba(0,0,0,.22)}
.anim-sd{position:absolute;inset:0;z-index:3;display:none;place-items:center;background:rgba(6,16,11,.72);pointer-events:none;--an:2400ms}
.anim-sd.show{display:grid;animation:an-fade var(--an) ease both}
.anim-sd.flutua{position:fixed;inset:auto;left:50%;top:50%;width:min(92vw,560px);aspect-ratio:105/68;margin:calc(min(92vw,560px)*-68/210) 0 0 calc(min(92vw,560px)/-2);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);z-index:60;background:rgba(6,16,11,.92)}
@keyframes an-fade{0%{opacity:0}8%{opacity:1}86%{opacity:1}100%{opacity:0}}
.anim-box{height:92%;width:92%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}
.mpitch .anim-box svg{position:static;inset:auto;flex:1 1 auto;min-height:0;width:100%;height:auto;max-width:420px;display:block;overflow:visible}
.mpitch .anim-box svg.an-retrato{overflow:hidden;border-radius:12px;flex:1 1 0;height:100%;width:auto;max-width:100%}
.anim-sd.flutua .anim-box svg.an-retrato{height:100%}
.mpitch:has(.anim-sd.show) .flash{opacity:0}
.an-titulo{flex:none;display:inline-block;margin:6px 0 0;padding:4px 14px;border-radius:6px;font:800 clamp(16px,2.6vw,24px)/1.1 var(--f-display);letter-spacing:.04em;text-transform:uppercase;animation:an-pop calc(var(--an)*.25) cubic-bezier(.3,1.6,.5,1) both}
.an-titulo--dor{background:#fff;color:#d0021b}
.an-sub{flex:none;margin:6px 0 0;font:600 clamp(12px,1.6vw,15px) var(--f-body);color:#eef3ef}
.an-sub b{display:inline-block;min-width:24px;padding:0 4px;border-radius:3px;font-family:var(--f-mono);background:#111}
.an-sai{color:#ff3b30}.an-ent{color:#34c759}
@keyframes an-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.an-gol .an-gbola{animation:an-chute calc(var(--an)*.36) cubic-bezier(.25,.6,.35,1) both}
@keyframes an-chute{0%{transform:translate(-150px,90px) scale(.35) rotate(-200deg)}100%{transform:none}}
.an-braco{animation:an-ergue var(--an) cubic-bezier(.3,1.3,.5,1) both}
@keyframes an-ergue{0%,8%{transform:translateY(420px)}32%,100%{transform:none}}
.an-cartaozinho{animation:an-brilho calc(var(--an)*.12) ease-in-out calc(var(--an)*.36) 4 alternate}
@keyframes an-brilho{to{filter:drop-shadow(0 0 6px #fff)}}
.an-cabeca{transform-box:view-box;transform-origin:268px 330px}

@keyframes an-pisca{from{opacity:.15}to{opacity:1}}
.an-cruz{transform-box:fill-box;transform-origin:center;animation:an-pop .4s calc(var(--an)*.35) cubic-bezier(.3,1.6,.5,1) both}
.an-placa{animation:an-sobe var(--an) cubic-bezier(.2,1.2,.4,1) both}
@keyframes an-sobe{0%{transform:translateY(700px)}24%,100%{transform:none}}
.an-led{animation:an-pisca .25s steps(2) calc(var(--an)*.24) 4 alternate}
.an-entra{animation:an-corre var(--an) cubic-bezier(.2,.8,.3,1) both}
@keyframes an-corre{0%,30%{transform:translateX(560px)}62%{transform:translateX(-12px)}70%,100%{transform:none}}
.board.fim .t{display:flex;flex-direction:column;gap:4px}.board.fim .t small{font-size:12.5px;font-weight:500;color:var(--muted)}
.jgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.jdj{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center}.jdj svg{width:120px;height:auto;border-radius:10px;display:block;overflow:hidden}
.jdj h2{margin:2px 0 0;font-size:24px}.jdj p{margin:4px 0}.kicker{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.jdj-nota{font:800 40px/1 var(--f-mono);margin:6px 0!important}.jdj-nota.boa,.nota.boa{color:var(--good)}.jdj-nota.ruim,.nota.ruim{color:var(--bad)}
table.comp{width:100%;table-layout:fixed}table.comp td,table.comp th{padding:6px 8px;white-space:normal;overflow-wrap:anywhere}table.comp th:nth-child(2),table.comp td:nth-child(2){width:38%}table.comp td:nth-child(2){text-align:center;color:var(--muted);font-size:13px}table.comp th:first-child{text-align:right}
.dest{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.mini-card.verm{background:#d0021b}
.mov{font:700 10.5px var(--f-mono);margin-left:4px}.mov.sobe{color:var(--good)}.mov.cai{color:var(--bad)}
.jpos{margin:0;font-size:16px}
.coletiva{gap:10px}.fala{max-width:80%;padding:10px 14px;border-radius:12px}.fala p{margin:2px 0 0}.fala b{font-size:12px;color:var(--muted)}
.fala.rep{background:var(--sunk);border-top-left-radius:4px}.fala.tec{background:var(--tint);margin-left:auto;border-top-right-radius:4px}
.respostas{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.respostas .btn{text-align:left;max-width:80%;white-space:normal;line-height:1.35;padding:10px 14px}
.manchete{border:2px solid var(--ink);border-radius:8px;padding:16px 18px;background:var(--surface)}.manchete h2{margin:4px 0 6px;font-family:var(--f-display);font-size:26px;line-height:1.1}
@media (max-width:760px){.jgrid{grid-template-columns:minmax(0,1fr)}.fala,.respostas .btn{max-width:100%}}
.fin-titulo{margin:2px 0 0;font:800 clamp(24px,3vw,32px)/1.1 var(--f-display)}
.fin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fin-kpi{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.fin-kpi small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.fin-kpi b{font-size:clamp(18px,2.1vw,26px);font-weight:600;color:var(--ink);white-space:nowrap}.fin-kpi b.neg{color:var(--bad)}
.fin-kpi span{font-size:12.5px;color:var(--muted)}.fin-kpi span.up{color:var(--good)}.fin-kpi span.down{color:var(--bad)}
.fin-folego{margin:0;padding:10px 14px;border-radius:8px;font-size:14px;border:1px solid var(--line);background:var(--surface)}
.fin-folego.alerta{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));background:color-mix(in srgb,var(--bad) 7%,var(--surface))}
.fin-graficos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.fin-graf{width:100%;height:auto;display:block;margin-top:8px}
.fin-grade{stroke:var(--line);stroke-width:1}.fin-base{stroke:var(--muted);stroke-width:1}.fin-zero{stroke:var(--bad);stroke-width:1;stroke-dasharray:4 3}
.fin-eixo{font:11px var(--f-mono);fill:var(--muted)}.fin-rotulo{font:600 12px var(--f-mono);fill:var(--ink)}
.fin-linha{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.fin-ponto{fill:var(--accent);stroke:var(--surface);stroke-width:2}
path.fin-rec,.fin-legenda i.fin-rec{fill:var(--fin-rec);background:var(--fin-rec)}path.fin-desp,.fin-legenda i.fin-desp{fill:var(--fin-desp);background:var(--fin-desp)}
.fin-legenda{display:flex;gap:14px;font-size:12.5px;color:var(--muted)}.fin-legenda i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.fin-dre{width:100%}.fin-dre td,.fin-dre th{padding:7px 8px}.fin-dre tr.grupo td{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;background:var(--sunk)}
.fin-dre tr.total td,table tr.total td{font-weight:700;border-top:1px solid var(--muted)}
.fin-dre tr.resultado td{font-weight:800;font-size:15px;border-top:2px solid var(--ink);color:var(--good)}.fin-dre tr.resultado.neg td{color:var(--bad)}
.fin-setores{display:flex;flex-direction:column;gap:10px}
.fin-setor{display:grid;grid-template-columns:110px minmax(0,1fr) 92px 38px;gap:10px;align-items:center;font-size:13.5px}
.fin-setor small{color:var(--muted);text-align:right}.fin-setor b{text-align:right;font-weight:600}
.fin-trilho{height:12px;border-radius:0 4px 4px 0;background:var(--sunk);overflow:hidden}.fin-trilho i{display:block;height:100%;background:var(--accent);border-radius:0 4px 4px 0}
.fin-tip{position:fixed;z-index:70;pointer-events:none;padding:6px 10px;border-radius:6px;background:var(--ink);color:var(--surface);font-size:12.5px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
@media (max-width:860px){.fin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-graficos{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.fin-kpi{padding:12px}.fin-kpi b{font-size:19px;white-space:nowrap}}
@media (max-width:420px){.fin-setor{grid-template-columns:92px minmax(0,1fr) 80px}.fin-setor small{display:none}}
.ordenavel th{padding:0}.ord{display:flex;align-items:center;gap:4px;width:100%;padding:10px 12px;border:0;background:none;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;justify-content:inherit}
.ordenavel th.r .ord{justify-content:flex-end}.ord span{font-size:10px;color:var(--muted)}.ord:hover{color:var(--ink)}.ord:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.cal-mes h3{text-transform:capitalize}
.cal-lista{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.cal-lista li{display:grid;grid-template-columns:92px 44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
.cal-lista li:first-child{border-top:0}.cal-lista li.prox{background:var(--tint)}.cal-lista li.feito{color:var(--muted)}
.cal-data{display:flex;flex-direction:column}.cal-data b{font-family:var(--f-mono);font-size:16px;color:var(--ink)}.cal-data small,.cal-jogo small{font-size:12px;color:var(--muted)}
.cal-rod{font:600 12px var(--f-mono);color:var(--muted)}.cal-rod.tag-EST{color:#8a5a00}.cal-rod.tag-CDB{color:var(--info)}
.cal-jogo{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;font-weight:600;color:var(--ink)}.cal-jogo small{flex-basis:100%;font-weight:400;padding-left:18px}
.cal-res{font:700 13px var(--f-mono)}.cal-res.v{color:var(--good)}.cal-res.d{color:var(--bad)}
.cal-pausa{margin:0;padding:10px 14px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13.5px;text-align:center}
@media (max-width:560px){.cal-lista li{grid-template-columns:70px minmax(0,1fr) auto}.cal-rod{display:none}}
.est-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.est-svg{width:100%;height:auto;display:block}
.est-nivel{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.est-evol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.est-niv{margin:0;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.est-niv.atual{border:2px solid var(--accent);box-shadow:0 0 0 3px var(--tint)}.est-niv.futuro .est-mini{filter:grayscale(1);opacity:.55}
.est-niv figcaption{display:flex;flex-direction:column;font-size:12.5px}.est-niv figcaption small{color:var(--muted)}
@media (max-width:760px){.est-evol{grid-template-columns:repeat(2,minmax(0,1fr))}}
.est-rot{font:700 12px var(--f-body);fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:3px;pointer-events:none}
.est-linha{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;padding:10px 0;border-top:1px solid var(--line)}
.est-linha>div:first-child{display:flex;flex-direction:column;gap:3px}
@media (max-width:860px){.est-grid{grid-template-columns:minmax(0,1fr)}}
.cal-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:stretch}
.cal-campanha{margin:10px 0 0;display:flex;align-items:center;gap:6px;font:600 15px var(--f-mono)}
.cal-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:4px;font:700 11.5px var(--f-mono);font-style:normal;color:#fff;background:var(--muted)}
.cal-badge.v{background:var(--good)}.cal-badge.d{background:var(--bad)}.cal-badge.e{background:var(--muted)}
.cal-prox{border:2px solid var(--accent);border-radius:12px;padding:14px 16px;background:var(--surface)}
.cal-prox-linha{display:flex;gap:14px;align-items:center;margin-top:6px}.cal-prox h3{margin:0;font-size:20px;display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;color:var(--ink)}.cal-prox p{margin:2px 0 0}
.cal-prox-data{display:grid;place-items:center;min-width:64px;padding:8px 6px;border-radius:10px;background:var(--accent);color:var(--accent-ink)}.cal-prox-data b{font:800 28px/1 var(--f-mono)}.cal-prox-data small{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.cal-tl{padding:6px 4px 0}
.cal-tl-trilho{position:relative;height:30px;margin:0 10px}
.cal-tl-trilho::before{content:"";position:absolute;left:0;right:0;top:14px;height:3px;border-radius:2px;background:var(--line)}
.cal-tl-feito{position:absolute;left:0;top:14px;height:3px;border-radius:2px;background:var(--accent)}
.cal-tl-pausa{position:absolute;top:6px;height:19px;border-radius:4px;background:repeating-linear-gradient(135deg,var(--sunk) 0 5px,transparent 5px 10px);border:1px dashed var(--line)}
.cal-tl-j{position:absolute;top:6px;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;border:2px solid var(--surface);padding:0;font:700 9px var(--f-mono);color:#fff;cursor:pointer;display:grid;place-items:center}
.cal-tl-j.v{background:var(--good)}.cal-tl-j.d{background:var(--bad)}.cal-tl-j.e{background:var(--muted)}
.cal-tl-j.fut{background:var(--surface);border:2px solid var(--muted);width:12px;height:12px;top:9px}
.cal-tl-j.prox{width:22px;height:22px;top:4px;background:var(--gold);border:3px solid var(--accent);animation:cal-pulso 1.6s ease-in-out infinite}
@keyframes cal-pulso{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 35%,transparent)}}
.cal-tl-j:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cal-tl-meses{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin:2px 10px 0}
.cal-tl-meses button{border:0;background:none;padding:6px 0;font:600 12px var(--f-body);color:var(--muted);text-transform:capitalize;cursor:pointer;border-radius:6px}
.cal-tl-meses button.on{background:var(--tint);color:var(--accent)}.cal-tl-meses button:hover{color:var(--ink)}
.cal-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cal-nav h3{margin:0;text-transform:capitalize;font-size:16px;letter-spacing:.02em;color:var(--ink)}
.cal-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:12px}
.cal-sem{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;padding:4px 0;font-weight:700}
.cal-dia{min-height:62px;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:8px;padding:6px;background:transparent;display:flex;flex-direction:column;gap:4px;min-width:0}
.cal-dia.vazio{border:0;background:none}.cal-num{font:600 12px var(--f-mono);color:var(--muted)}
.cal-dia.jogo{background:var(--sunk)}.cal-dia.jogo.v{box-shadow:inset 3px 0 0 var(--good)}.cal-dia.jogo.d{box-shadow:inset 3px 0 0 var(--bad)}.cal-dia.jogo.e{box-shadow:inset 3px 0 0 var(--muted)}
.cal-dia.prox{border:2px solid var(--accent);background:var(--tint)}
[data-jogo]{cursor:pointer}.cal-dia[data-jogo]:hover,.cal-lista li[data-jogo]:hover{border-color:var(--accent);background:var(--tint)}
[data-jogo]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cal-prox-det{margin-top:10px}
.cal-dlg{border:1px solid var(--line);border-radius:14px;padding:18px 20px 20px;background:var(--surface);color:var(--ink);width:min(560px,calc(100vw - 32px));box-shadow:0 20px 50px rgba(0,0,0,.25)}
.cal-dlg::backdrop{background:rgba(0,0,0,.45)}
.dlg-topo{display:flex;justify-content:space-between;align-items:center;gap:12px}.dlg-topo .kicker{margin:0}
.dlg-fechar{background:none;border:0;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:6px}.dlg-fechar:hover{color:var(--ink);background:var(--sunk)}
.dlg-jogo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin:12px 0 4px}
.dlg-time{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;min-width:0}.dlg-time.fora{justify-content:flex-end;text-align:right}
.dlg-placar{font:700 26px var(--f-mono)}.dlg-placar.fut{color:var(--muted);font-size:20px}
.dlg-centro{text-align:center;margin:0}
.dlg-info{margin:8px 0;color:var(--muted);font-size:14px}.dlg-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.cal-dlg .fin-kpis{margin:6px 0 8px;grid-template-columns:repeat(2,minmax(0,1fr))}.cal-dlg .fin-kpi b{font-size:20px;white-space:normal}
@media (max-width:520px){.cal-dlg{padding:14px 14px 16px}.cal-dlg .fin-kpis{grid-template-columns:minmax(0,1fr);gap:8px}.cal-dlg .fin-kpi{padding:10px 12px}.cal-dlg .fin-kpi b{font-size:18px}.dlg-time{font-size:15px}.dlg-placar{font-size:22px}}
.cal-cel{display:flex;flex-direction:column;gap:2px;min-width:0}.cal-cel b{font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cal-cel small{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}
.cal-cel .kit{width:10px;height:10px}
@media (max-width:760px){.cal-topo{grid-template-columns:minmax(0,1fr)}.cal-dia{min-height:48px;padding:4px}.cal-cel b,.cal-cel .kit{display:none}.cal-cel small{font-size:0;gap:0}.cal-cel small .cal-badge{font-size:11px}.cal-tl-meses button{font-size:10px}.cal-tl-j{width:9px;height:9px;top:10px;border-width:1px;font-size:0}.cal-tl-j.fut{width:7px;height:7px;top:11px}.cal-tl-j.prox{width:14px;height:14px;top:8px;border-width:2px}}
.serie-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.serie-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);font:700 16px var(--f-body);color:var(--ink);cursor:pointer;text-align:left}
.serie-tabs button small{font-weight:500;font-size:12.5px;color:var(--muted)}
.serie-tabs button.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}
.serie-mini{display:inline-flex;gap:6px;flex-wrap:wrap}
.ko{display:flex;flex-direction:column;gap:6px}
/* sala de troféus */
.trof-estante{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
@media (max-width:520px){.trof-estante{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trof svg{width:84px;height:112px}.trof::after{top:120px}.trof-novo .trof{width:calc(50% - 8px)}}
.trof{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 12px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);position:relative}
.trof::after{content:"";position:absolute;left:14px;right:14px;top:150px;height:6px;border-radius:3px;background:linear-gradient(var(--sunk),var(--line))}
.trof svg{width:104px;height:138px;position:relative;z-index:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}
.trof svg.apagado{filter:grayscale(1);opacity:.22}
.trof h4{margin:10px 0 0;font-size:15px}.trof .anos{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.trof .qtd{position:absolute;top:10px;right:10px;font-family:var(--f-mono);font-weight:700;font-size:13px;background:var(--accent);color:#fff;border-radius:999px;padding:2px 8px}
.trof-novo{display:flex;gap:16px;flex-wrap:wrap}.trof-novo .trof{width:170px}
.premio-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.premio-lista li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}.premio-lista li b{font-family:var(--f-mono)}
.ko-linha{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:14px}
.ko-linha>span:last-child{text-align:right}.ko-linha b{font-family:var(--f-mono);text-align:center}.ko-linha b small{font-size:11px;color:var(--muted)}
.ko-linha .venc{font-weight:700}.ko-linha .eu{color:var(--accent);font-weight:700}.ko-linha.meu{border-color:var(--accent);background:var(--tint)}
.comp-EST{color:#8a5a00}.comp-CDB{color:var(--info)}
.pausado{position:absolute;inset:0;display:grid;place-items:center;font:700 15px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(10,20,14,.28);pointer-events:none}
.ctrl-partida{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ctrl-partida select{padding:5px 8px;font-size:13px}
.vel{display:inline-flex;gap:4px}
.subs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.subs-grid>div{max-height:280px;overflow:auto;padding-right:2px}
.subs-grid h4{position:sticky;top:0;background:var(--surface);padding-bottom:2px;margin:0 0 2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sub-item{display:grid;grid-template-columns:38px minmax(0,1fr) 54px auto;gap:8px;align-items:center;width:100%;min-height:40px;margin-top:4px;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.sub-item:hover{background:var(--sunk)}
.sub-item.on{outline:2px solid var(--gold);outline-offset:-1px;background:color-mix(in srgb,var(--gold) 14%,var(--surface))}
.sub-item[disabled]{opacity:.45;cursor:default}
.sub-item .nome{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-card{display:inline-block;width:8px;height:11px;border-radius:1.5px;background:#f2c230;vertical-align:-1px;margin-left:4px}
.flash.amarelo::before,.flash.vermelho::before,.feed li.card-a span::before,.feed li.card-v span::before{content:"";display:inline-block;width:9px;height:12px;border-radius:2px;margin-right:8px;vertical-align:-1px;background:#f2c230}
.flash.vermelho::before,.feed li.card-v span::before{background:#d0021b}
.feed li.card-v{font-weight:600}
@media (max-width:620px){.subs-grid{grid-template-columns:minmax(0,1fr)}}
.flash{position:absolute;left:50%;top:10px;transform:translateX(-50%);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:600;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .2s}
.flash.show{opacity:1}
.flash.gm{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.flash.go{background:var(--bad);color:#fff;border-color:var(--bad)}
/* partida: o campo usa a largura toda da página (quadro maior, com o estádio inteiro) e os lances ficam embaixo */
.livegrid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.livegrid .feed{max-height:260px}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
/* capa na abertura do jogo: as cores fixas da marca, nos dois temas, com o logo animado */
.capa-sd{position:relative;margin:-24px calc(50% - 50vw) 0;background:#0E4A33;color:#F3F5EF;border-bottom:6px solid #F2C230}
.capa-sd__dentro{max-width:1120px;margin:0 auto;padding:clamp(28px,5vw,52px) max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,44px)}
.capa-sd__escudo{width:clamp(84px,11vw,132px);height:auto;flex:none;overflow:visible}
.capa-sd__marca{display:flex;flex-direction:column;line-height:.86;margin:0;font-family:var(--f-display);font-weight:800;font-size:clamp(60px,8.5vw,104px);letter-spacing:-1px;color:#F3F5EF}
.capa-sd__marca small{font-family:var(--f-body);font-weight:600;font-size:clamp(13px,1.6vw,19px);letter-spacing:.32em;color:#F2C230;margin-bottom:8px}
.capa-sd__frase{margin:14px 0 0;font-size:clamp(16px,1.7vw,20px);line-height:1.4;color:#DDEBE2;max-width:32ch}
.capa-sd__acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.capa-sd__btn{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:48px;padding:0 22px;border-radius:8px;border:2px solid #F2C230;background:#F2C230;color:#1B1606;font:700 16px var(--f-body);text-align:left}
.capa-sd__btn:hover{filter:brightness(1.06)}
.capa-sd__btn:focus-visible{outline:3px solid #F3F5EF;outline-offset:3px}
.capa-sd__btn--sec{background:transparent;color:#F3F5EF;border-color:rgba(243,245,239,.45)}
.capa-sd__btn--sec:hover{border-color:#F3F5EF;filter:none}
.capa-sd__btn small{font-weight:500;font-size:12px;color:#CFE3D6;margin-top:1px}
/* animação: o escudo surge, as setas se desenham e fazem a "troca", o nome e a frase entram em seguida */
.capa-sd .esc{transform-box:fill-box;transform-origin:50% 60%;animation:sd-escudo .6s cubic-bezier(.3,1.5,.5,1) both}
.capa-sd .seta1,.capa-sd .seta2{stroke-dasharray:1;stroke-dashoffset:1}
.capa-sd .seta1{animation:sd-traco .45s .45s ease-out forwards,sd-troca1 .5s 1.15s ease-in-out}
.capa-sd .seta2{animation:sd-traco .45s .65s ease-out forwards,sd-troca2 .5s 1.15s ease-in-out}
.capa-sd__marca small{animation:sd-letras .7s .25s ease-out both}
.capa-sd__marca{animation:sd-sobe .5s .35s ease-out both}
.capa-sd__frase{animation:sd-sobe .5s .55s ease-out both}
.capa-sd__acoes{animation:sd-sobe .5s .7s ease-out both}
@keyframes sd-escudo{from{opacity:0;transform:scale(.55) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes sd-traco{to{stroke-dashoffset:0}}
@keyframes sd-troca1{50%{transform:translateX(9px)}}
@keyframes sd-troca2{50%{transform:translateX(-9px)}}
@keyframes sd-letras{from{opacity:0;letter-spacing:.7em}to{opacity:1;letter-spacing:.32em}}
@keyframes sd-sobe{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.capa-sd__som{position:absolute;top:12px;right:max(12px,env(safe-area-inset-right,0px));display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(243,245,239,.35);background:transparent;color:#DDEBE2;font:600 13px var(--f-body);cursor:pointer}
.capa-sd__som:hover{border-color:#F3F5EF;color:#F3F5EF}
.capa-sd__som:focus-visible{outline:3px solid #F2C230;outline-offset:2px}
.capa-sd__som svg{width:16px;height:16px}
@media (prefers-reduced-motion:reduce){.capa-sd .seta1,.capa-sd .seta2{stroke-dashoffset:0}}
@media (max-width:640px){.capa-sd__dentro{flex-direction:column;align-items:flex-start}.capa-sd__btn{width:100%}}
/* etapas iniciais */
.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.onb{max-width:960px;margin-inline:auto;width:100%}
.capa-nota{max-width:70ch;margin-inline:auto;text-align:center}
.btn.grande{padding:13px 22px;font-size:16px}
.etapa{margin:0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.progresso{display:flex;gap:6px;margin-top:-6px}
.progresso i{flex:1;max-width:72px;height:4px;border-radius:2px;background:var(--line)}
.progresso i.on{background:var(--accent)}
.titulo-onb{font-family:var(--f-body);font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:-.01em}
.lede-onb{margin:0;font-size:17px;color:var(--muted);max-width:62ch}
.pilares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pilar{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px;padding:16px}
.pilar b{font-size:17px}.pilar p{margin:6px 0 0;color:var(--muted);font-size:15px}
.areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.area{display:flex;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}
.area>.num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--accent);font-weight:700}
.area b{font-size:17px}.area p{margin:4px 0 0;color:var(--muted);font-size:15px}
.campo-onb{display:flex;flex-direction:column;gap:6px;font-weight:600}
.campo-onb input{font-size:17px;padding:11px 12px}
.escolha{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.escolha .pick{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.det{position:sticky;top:12px}
.det dd{white-space:normal}
.sw.grande{width:28px;height:28px;border-radius:50%;flex:none;border:1px solid var(--line)}
.carta{border-left:4px solid var(--gold)}
.duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lista-onb{margin:0;padding-left:20px;display:grid;gap:6px}
.nav-onb{border-top:1px solid var(--line);padding-top:14px}
.passos{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}
.checklist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.checklist li{display:flex;gap:6px;align-items:center;color:var(--ink)}
.checklist li.feito{color:var(--muted);text-decoration:line-through}
.checklist li span[aria-hidden]{font-weight:700;color:var(--accent)}
@media (max-width:820px){.escolha{grid-template-columns:minmax(0,1fr)}.det{position:static}.pilares,.areas,.duas{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* moral do elenco e fase recente dos jogadores */
.fase{font-size:10px;margin-left:5px;vertical-align:1px}
.fase.sobe{color:var(--good)}.fase.cai{color:var(--bad)}
.moral-linha{margin:4px 0 0;font-size:13px;color:var(--muted)}
.moral-linha b{color:var(--ink)}.moral-linha b.moral-em-alta{color:var(--good)}.moral-linha b.moral-em-baixa{color:var(--bad)}
/* elenco: colunas fixas (físico, moral, força) e etiquetas ao lado do nome */
.rs{grid-template-columns:22px 38px minmax(0,1fr) 54px 34px 34px}
.rs .nome{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
.rs .nome-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media (max-width:560px){.rs .chip.tit{display:none}}
.rs .nome .chip{flex:none;font-size:10px;padding:1px 6px}
.rs .ovr{text-align:right}
.rs-cab{display:grid;grid-template-columns:22px 38px minmax(0,1fr) 54px 34px 34px;gap:8px;padding:6px 12px 6px 6px;font:600 10px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface)}
.rs-cab span:nth-child(n+4){text-align:center}.rs-cab span:last-child{text-align:right}
.mj{font:600 12px var(--f-mono);text-align:center;color:var(--ink)}.mj.alta{color:var(--good)}.mj.baixa{color:var(--bad)}
/* confiança no técnico */
.conf{display:flex;flex-direction:column;gap:10px}
.conf-topo{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.conf-topo h3{margin:0}
.conf-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.conf-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.conf-linha{display:flex;justify-content:space-between;align-items:baseline}.conf-linha b{font-size:14px}
.conf-num{font:700 18px var(--f-mono);color:var(--ink)}
.conf-barra{height:6px;border-radius:3px;background:var(--sunk);overflow:hidden}.conf-barra i{display:block;height:100%;background:var(--good);border-radius:3px}
.conf-item small{font-size:12px;color:var(--muted)}
.conf-item.alerta{border-color:color-mix(in srgb,#d9ad00 55%,var(--line))}.conf-item.alerta .conf-barra i{background:#d9ad00}
.conf-item.critico{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}.conf-item.critico .conf-barra i{background:var(--bad)}
.nt-torcida .nt-ico{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}
@media (max-width:760px){.conf-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- modo premium (IA na negociação) ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.premium-selo{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.chip.premium{background:color-mix(in srgb,var(--gold) 28%,transparent);color:var(--ink)}
.premium-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.premium-form input{font:inherit;font-size:14px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);width:180px;max-width:100%;text-transform:uppercase;letter-spacing:.04em}
.premium-erro{flex-basis:100%;text-align:right;font-size:13px;color:var(--bad)}
.premium-aviso{flex-basis:100%;text-align:right;font-size:12px;color:var(--muted)}

/* ---------- coletiva com IA (premium) ---------- */
.col-form{display:grid;gap:8px;margin-left:auto;width:min(100%,560px)}
.col-form textarea{font:inherit;font-size:15px;line-height:1.4;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);resize:vertical;min-height:72px}
.col-espera{margin:4px 0;font-style:italic}
.col-tom{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:var(--sunk);color:var(--muted)}
.col-tom.humilde,.col-tom.confiante{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}
.col-tom.evasivo{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--ink)}
.col-tom.polemico,.col-tom.desrespeitoso{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.coletiva h3 .chip{vertical-align:middle;margin-left:6px}

/* ---------- reunião com a diretoria e demissão ---------- */
.reu-sit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.reu-sit>div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:2px;min-width:0}
.reu-sit small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.reu-sit b{font-size:16px;overflow-wrap:anywhere}.reu-sit b.neg{color:var(--bad)}.reu-sit>div>span{font-size:12px;color:var(--muted)}
.reu-ult{display:flex;gap:4px;flex-wrap:wrap}
.reu-veredito.ok{border-color:var(--good)}.reu-veredito.bad{border-color:var(--bad)}
.dem-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dem-oferta dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:14px}.dem-oferta dt{color:var(--muted)}.dem-oferta dd{margin:0}
.dem-oferta .btn{margin-top:auto}
.dem-kit{flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--c1) 50%,var(--c2) 50%);border:1px solid var(--line)}
@media (max-width:820px){.dem-grade{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.reu-sit{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- barra fixa do próximo jogo ---------- */
.prox-faixa{position:sticky;top:0;z-index:30;background:var(--bg)}
.prox-faixa:has(.prox:not([hidden])){border-bottom:1px solid var(--line);box-shadow:0 6px 12px -10px rgba(0,0,0,.25)}
.prox{display:flex;align-items:center;gap:8px 16px;padding:10px 0;flex-wrap:wrap}
.prox[hidden]{display:none}
.prox-info{display:grid;gap:1px;min-width:0}
.prox-info small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prox-info b{font-size:16px;display:flex;align-items:center;gap:8px;min-width:0}
.prox-info .kit{margin:0;flex:none}
.prox-quando{font-size:13px;color:var(--muted)}
.prox-acoes{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* celular: duas linhas, para nada sumir: o jogo (com dia, hora e local) e, embaixo, todas as ações lado a lado */
@media (max-width:620px){
  .prox{padding:8px 0;gap:6px 8px;flex-wrap:wrap}
  .prox-info{flex:1 1 100%}
  .prox-info b{font-size:15px}
  .prox-quando{font-size:12px}
  .prox-acoes{flex:1 1 100%;margin-left:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
  .prox-acoes .btn{padding:7px 6px;font-size:13.5px;text-align:center;white-space:nowrap}
  .prox-acoes .chip{display:flex;align-items:center;justify-content:center;font-size:12px;white-space:nowrap}
}
.lineup-head{scroll-margin-top:96px}

/* ---------- pós-jogo numa tela só ---------- */
.jcol-convite{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}
.jcol-convite>div{flex:1;min-width:220px}.jcol-convite h3{margin:0 0 2px}.jcol-convite .note{margin:0}
.jmais{border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.jmais>summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:600;display:flex;align-items:center;gap:8px}
.jmais>summary::-webkit-details-marker{display:none}
.jmais>summary::before{content:'';width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s}
.jmais[open]>summary::before{transform:rotate(45deg)}
.jmais>:not(summary){margin:0 14px 14px}
.jmini td.name .kit{margin-right:8px}
.jbarra{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:12px 0;margin-top:8px;background:var(--bg);border-top:1px solid var(--line)}
.jbarra .note{margin-right:auto}
@media (max-width:560px){.jbarra .note{display:none}.jbarra .btn{flex:1}}

/* ---------- Elenco enxuto: forças e confiança numa linha; campo ou lista no celular ---------- */
.forcas{display:flex;gap:4px 14px;flex-wrap:wrap;margin:6px 0 0;font-size:13px;color:var(--muted)}
.forcas b{color:var(--ink);font-family:var(--f-mono);font-weight:700}
.conf-mini{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.conf-mini-tit{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.conf-chip{display:inline-flex;gap:6px;align-items:baseline;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 11px;font:inherit;font-size:13px;cursor:pointer}
.conf-chip b{font-family:var(--f-mono)}.conf-chip:hover{border-color:var(--muted)}
.conf-chip.alerta{border-color:var(--warn)}.conf-chip.alerta b{color:var(--warn)}
.conf-chip.critico{border-color:var(--bad)}.conf-chip.critico b{color:var(--bad)}
.vista-elenco{display:none}
@media (max-width:760px){
  .vista-elenco{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
  .vista-elenco button{flex:1;border:0;background:none;color:var(--muted);font:inherit;font-weight:600;padding:7px;border-radius:999px;cursor:pointer}
  .vista-elenco button.on{background:var(--accent);color:var(--accent-ink)}
  .elenco-grid[data-vista="campo"] .banco{display:none}
  .elenco-grid[data-vista="lista"] .lpitch{display:none}
}

/* aviso de físico em uma linha, com os nomes no detalhe */
.aviso-fis>summary{cursor:pointer;list-style:none}.aviso-fis>summary::-webkit-details-marker{display:none}
.aviso-fis>summary::after{content:' Ver quem';color:var(--accent);font-weight:600;white-space:nowrap}
.aviso-fis[open]>summary::after{content:' Esconder'}
.aviso-fis p{margin:8px 0 0}
/* cabeçalho numa linha só no celular: escudo, clube e os dois números */
@media (max-width:620px){
  .bar .wrap{flex-wrap:nowrap;gap:10px;padding-block:8px}
  .bar .wm{display:none}
  .clubname{padding-left:10px;flex:1}
  .clubname strong{font-size:14px}.clubname small{font-size:11px}
  .kpis{flex-wrap:nowrap;gap:12px;margin-left:0}
  .kpi small{font-size:9.5px}.kpi b{font-size:14px}
}

/* ---------- navegação: 5 seções e submenu ---------- */
.tabs{display:block;overflow:visible;border-bottom:0}
.tabs[hidden]{display:none}
.secoes{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}
.secoes button{display:flex;align-items:center;gap:7px}
.secoes svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.subabas{display:flex;gap:6px;padding:10px 0 2px;overflow-x:auto;scrollbar-width:none}
.tabs .subabas button{border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:13.5px;background:var(--surface);color:var(--muted)}
.tabs .subabas button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media (max-width:760px){
  .tabs{margin-top:0}
  .secoes{position:fixed;left:0;right:0;bottom:0;z-index:40;gap:0;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);border-bottom:0;padding:2px 2px calc(2px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 14px -12px rgba(0,0,0,.35)}
  .secoes button{flex:1;flex-direction:column;gap:2px;font-size:11px;padding:7px 2px 6px;border-bottom:0;position:relative}
  .secoes button.on{color:var(--accent)}
  .secoes svg{width:22px;height:22px}
  .secoes .badge{position:absolute;top:5px;left:calc(50% + 8px);margin:0}
  body.com-nav{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}
  .subabas{padding-top:8px}
}

/* ---------- estádio da partida (js/estadio.js) ---------- */
.mpitch.estadio{aspect-ratio:141/104;background:#232825;--turf:#3d8547;--turf2:#45914f;--chalk:rgba(255,255,255,.88)}
.mpitch.estadio.noite{--turf:#2e6c3a;--turf2:#357542}
.mpitch.estadio>svg{display:block;width:100%;height:100%}
.estadio .concreto{fill:#2c312e}
/* estádio do mandante por nível: entorno, arquibancadas, corredores, cobertura com LED, obras e detalhes */
.estadio .entorno-fora{fill:#2a3b2c}
.estadio .entorno-fora.nv0{fill:#3b5a37}.estadio .entorno-fora.nv1{fill:#34473a}
.estadio .entorno-fora.nv2,.estadio .entorno-fora.nv3,.estadio .entorno-fora.nv4{fill:#2b302d}
.estadio .arq{fill:#3a403c}
.estadio .arquibancada.nv0 .arq{fill:#7d7f78}.estadio .arquibancada.nv1 .arq{fill:#5c605a}
.estadio .corredor{fill:#1f2321}
.estadio .alambrado{fill:none;stroke:#b9bdb5;stroke-width:.35;stroke-dasharray:.6 .5}
.estadio .cobertura{fill:#dfe3e0;opacity:.82}
.estadio .trelica{stroke:rgba(0,0,0,.22);stroke-width:.22}
.estadio .led-faixa{opacity:.95}
.estadio .obra-borda{stroke:#f2c230;stroke-width:.3;stroke-dasharray:.8 .5}
.estadio .guindaste line{stroke:#f2c230;stroke-width:.55}.estadio .guindaste rect{fill:#f2c230}
.estadio .estadio-nome{font-family:var(--f-display,sans-serif);font-weight:800;font-size:2.4px;letter-spacing:.35px;text-anchor:middle;fill:rgba(255,255,255,.55);pointer-events:none}
.estadio .bancos rect{fill:#1b1f1c;stroke:rgba(255,255,255,.35);stroke-width:.15}.estadio .bancos .tunel{fill:#0d0f0e}
.estadio .torre circle:first-child{fill:#e9ecdf}
.mpitch.estadio.noite .estadio-nome{fill:rgba(255,255,255,.75)}
.mpitch.estadio.noite .cobertura{opacity:.62}
.estadio .entorno{fill:var(--turf)}
.estadio .placas rect{fill:#121512}
.estadio .placa-txt{font-family:var(--f-body,sans-serif);font-weight:800;font-size:1.45px;letter-spacing:.12px}
.estadio .placa-txt.c0{fill:#f2c230}.estadio .placa-txt.c1{fill:#9fe1cb}
.estadio .marcas circle{fill:var(--chalk)}
.estadio .gols rect{stroke:#fff;stroke-width:.3}
.estadio .noite-veu{fill:#071022;opacity:.26;pointer-events:none}
.estadio .refletores{pointer-events:none}
.pl-num{font-family:var(--f-mono,monospace);font-weight:800;font-size:1.55px;text-anchor:middle;pointer-events:none;stroke-width:.25px;paint-order:stroke;stroke-linejoin:round}
/* torcida: cada fatia da arquibancada se mexe com um atraso, e a reação anda pelo estádio */
.torcida .fatia,.torcida .bandeira{transform-box:fill-box;transform-origin:center bottom}
@keyframes pular{to{transform:translateY(-.9px)}}
@keyframes ola{0%,100%{transform:none}40%{transform:translateY(-1.2px)}}
@keyframes agitar{0%{transform:skewX(0)}50%{transform:skewX(-7deg) translateY(-.4px)}100%{transform:skewX(5deg)}}
.torcida.festa .fatia{animation:pular .28s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-37ms)}
.torcida.onda .fatia{animation:ola .9s ease-out 1;animation-delay:calc(var(--i)*55ms)}
.torcida.canto .fatia{animation:pular .55s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-70ms)}
.torcida.pressao:not(.festa):not(.canto):not(.onda) .fatia{animation:pular .95s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-110ms)}
.torcida.festa .bandeira,.torcida.canto .bandeira{animation:agitar .5s ease-in-out infinite alternate}
.torcida.vaia{filter:saturate(.3) brightness(.7)}
.torcida{transition:filter .3s}
.torcida.tocavel{cursor:pointer}
.torcida.tocavel:hover{filter:brightness(1.18)}
.torcida-btn{border-color:var(--accent);color:var(--accent)}
.torcida-ativa{font-size:12px}
@media (prefers-reduced-motion:reduce){.torcida .fatia,.torcida .bandeira{animation:none!important}}

/* ---------- vinheta de abertura (js/abertura.js) ---------- */
body.com-abertura{overflow:hidden}
.abertura{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#04100a;color:#F3F5EF;transition:opacity .6s}
.abertura.saindo{opacity:0}
.abertura::after{content:'';position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.ab-estadio{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 50%}
.ab-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.ab-video{transition:opacity .8s}
.com-video .ab-video{opacity:1}.com-video .ab-estadio{display:none}
.ab-espera{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s;pointer-events:none}
.com-espera.pronta .ab-espera{opacity:1}.com-espera.pronta .ab-estadio{visibility:hidden}
.abertura.pronta::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 50%,rgba(4,16,10,.55),transparent 65%);pointer-events:none}
.ab-escudo-mini{width:clamp(56px,7vw,76px);height:auto;margin-bottom:4px;filter:drop-shadow(0 0 22px rgba(242,194,48,.5))}
.ab-dica{margin:0 0 10px;font-size:clamp(14px,1.8vw,17px);color:#cfe3d6;text-shadow:0 1px 8px rgba(0,0,0,.9)}
.ab-som{z-index:3}
.com-video .ab-logo::before{background:radial-gradient(closest-side,rgba(4,16,10,.9),rgba(4,16,10,.65) 60%,transparent)}.com-video .ab-frase{color:#eaf5ec;text-shadow:0 1px 8px rgba(0,0,0,.9)}
.ab-holofote{fill:#2a2f2c}
.ab-fachos polygon{opacity:0}
.ab-torcida circle{opacity:.12}
.ab-campo{opacity:.3;transition:opacity 1s}
.ab-linhas *{stroke-dasharray:1;stroke-dashoffset:1}
.ab-bola{opacity:0;transform-box:fill-box}
.ab-logo{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;pointer-events:none;padding:0 16px}
.ab-escudo{width:clamp(92px,15vw,168px);height:auto;filter:drop-shadow(0 0 28px rgba(242,194,48,.55))}
.ab-logo::before{content:'';position:absolute;inset:-18% -40%;z-index:-1;background:radial-gradient(closest-side,rgba(4,16,10,.82),rgba(4,16,10,.5) 60%,transparent);pointer-events:none}
.ab-convite{display:flex;flex-direction:column;align-items:center;margin:0 0 6px;font-family:var(--f-display);font-weight:800;font-size:clamp(52px,9vw,104px);line-height:.85;color:#F3F5EF;text-shadow:0 6px 30px rgba(0,0,0,.7)}
.ab-convite small{font-family:var(--f-body);font-weight:600;font-size:clamp(11px,1.3vw,14px);letter-spacing:.4em;color:#F2C230;margin-bottom:4px}
.ab-escudo .s1,.ab-escudo .s2{stroke-dasharray:1;stroke-dashoffset:1}
.ab-marca{display:flex;flex-direction:column;align-items:center;margin:22px 0 0;font-family:var(--f-display);font-weight:800;font-size:clamp(54px,10vw,120px);line-height:.85;text-shadow:0 6px 30px rgba(0,0,0,.5)}
.ab-marca small{font-family:var(--f-body);font-weight:600;font-size:clamp(13px,1.8vw,20px);letter-spacing:.4em;color:#F2C230;margin-bottom:6px}
.ab-frase{margin:14px 0 0;font-size:clamp(14px,2vw,18px);color:#cfe3d6;opacity:0}
.ab-inicio{position:absolute;z-index:3;display:grid;gap:10px;place-items:center}
.ab-entrar{font:inherit;font-weight:700;font-size:18px;padding:14px 28px;border:0;border-radius:999px;background:#F2C230;color:#0E4A33;cursor:pointer;animation:abPulso 1.8s infinite}
.ab-pular{position:absolute;z-index:3;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));font:inherit;font-size:14px;padding:8px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(0,0,0,.35);color:#fff;cursor:pointer}
/* a sequência: tempos em segundos depois do toque em "Entrar no estádio" */
.rodando .ab-inicio{display:none}
.rodando .l1 .ab-holofote{animation:abLuz .4s ease-out .3s forwards}.rodando .l2 .ab-holofote{animation:abLuz .4s ease-out .6s forwards}
.rodando .l3 .ab-holofote{animation:abLuz .4s ease-out .9s forwards}.rodando .l4 .ab-holofote{animation:abLuz .4s ease-out 1.2s forwards}
.rodando .f1{animation:abFacho .6s ease-out .35s forwards}.rodando .f2{animation:abFacho .6s ease-out .65s forwards}
.rodando .f3{animation:abFacho .6s ease-out .95s forwards}.rodando .f4{animation:abFacho .6s ease-out 1.25s forwards}
.rodando .ab-torcida circle{animation:abAcende .8s ease-out calc(1.3s + var(--d)) forwards}
.rodando .ab-campo{opacity:1;transition-delay:1.2s}
.rodando .ab-linhas *{animation:abTraco 2s ease-in-out 1.8s forwards}
.rodando .ab-bola{animation:abBola 1.8s cubic-bezier(.2,.7,.3,1) 4.2s forwards}
.rodando .ab-estadio{animation:abZoom 4.2s ease-in-out 4.2s forwards}
.rodando::after{animation:abFlash .55s ease-out 8.3s}
.rodando .ab-logo{animation:abLogo .7s cubic-bezier(.2,1.4,.4,1) 8.4s forwards}
.rodando .ab-escudo .s1{animation:abTraco .45s ease-out 8.9s forwards}.rodando .ab-escudo .s2{animation:abTraco .45s ease-out 9.2s forwards}
.rodando .ab-frase{animation:abAcende .6s ease-out 9.8s forwards}
.com-video .ab-video{animation:abZoomLeve 4s ease-out 9s forwards}
@keyframes abZoomLeve{to{transform:scale(1.06)}}
@keyframes abLuz{0%{fill:#2a2f2c}40%{fill:#fff}100%{fill:#fffbe6}}
@keyframes abFacho{0%{opacity:0}30%{opacity:1}100%{opacity:.75}}
@keyframes abAcende{to{opacity:.95}}
@keyframes abTraco{to{stroke-dashoffset:0}}
@keyframes abBola{0%{opacity:1;transform:translate(-48px,14px)}100%{opacity:1;transform:translate(0,0)}}
@keyframes abZoom{to{transform:scale(1.18)}}
@keyframes abFlash{0%{opacity:0}20%{opacity:.7}100%{opacity:0}}
@keyframes abLogo{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:scale(1)}}
@keyframes abPulso{0%{box-shadow:0 0 0 0 rgba(242,194,48,.6)}70%{box-shadow:0 0 0 18px rgba(242,194,48,0)}100%{box-shadow:0 0 0 0 rgba(242,194,48,0)}}
@media (prefers-reduced-motion:reduce){.abertura *,.abertura::after{animation-duration:.01s!important;animation-delay:0s!important;transition:none!important}}

/* ---------- conta: botão no cabeçalho, Minha conta e escolha do jogo (js/conta.js) ---------- */
.ct-lugar{display:flex;align-items:center;margin-left:auto}
.bar .kpis+.ct-lugar{margin-left:4px}
.ct-conta{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;min-width:0}
.ct-avatar{flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--line);background:var(--tint);color:var(--accent);font-weight:800;font-size:15px;display:grid;place-items:center}
.ct-conta.premium .ct-avatar{border-color:var(--gold)}
.ct-email{font-size:13px;font-weight:600;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-conta:hover .ct-email{color:var(--ink)}
.ct-fundo{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:16px;background:rgba(6,14,10,.55);overflow-y:auto}
.ct-painel{position:relative;width:min(100%,460px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:22px 20px 18px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:grid;gap:12px}
.ct-painel h2{margin:0;font-family:var(--f-display);font-size:26px;line-height:1.1}
.ct-painel h3{margin:0 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ct-painel p{margin:0}
.ct-fechar{position:absolute;top:8px;right:10px;border:0;background:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}
.ct-form{display:grid;gap:8px}
.ct-form label{font-size:13px;font-weight:600}
.ct-form input{font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.ct-form.linha{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.ct-form.linha input{text-transform:uppercase;letter-spacing:.04em}
.ct-priv{font-size:12.5px}
.ct-email{font-weight:700;overflow-wrap:anywhere}
.ct-bloco{border-top:1px solid var(--line);padding-top:10px}
.ct-acoes{border-top:1px solid var(--line);padding-top:12px;flex-wrap:wrap;gap:8px}
.ct-perigo{color:var(--bad)}
.ct-confirma p{margin:0 0 8px}
.ct-msg{padding:8px 10px;border-radius:8px;font-size:14px}
.ct-msg.ok{background:color-mix(in srgb,var(--good) 14%,transparent)}
.ct-msg.erro{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.ct-escolha{display:grid;gap:10px}
.ct-opcao{display:grid;gap:3px;text-align:left;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);cursor:pointer}
.ct-opcao:hover{border-color:var(--accent)}
.ct-opcao span{font-size:13px;color:var(--muted)}
.link-btn{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}
@media (max-width:620px){.ct-lugar{margin-left:0}.ct-avatar{width:30px;height:30px;font-size:13px}.ct-email{display:none}.bar .ct-entrar{padding:5px 9px;font-size:12.5px}}

/* ---------- páginas de texto: termos de uso e política de privacidade ---------- */
.legal-topo{background:#0E4A33;border-bottom:4px solid #F2C230}
.legal-topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}
.legal-marca{display:flex;flex-direction:column;line-height:.85;font-family:var(--f-display);font-weight:800;font-size:26px;color:#F3F5EF;text-decoration:none}
.legal-marca small{font-family:var(--f-body);font-weight:600;font-size:10px;letter-spacing:.32em;color:#F2C230;margin-bottom:2px}
.legal-topo .btn{display:inline-block;text-decoration:none;border-color:rgba(243,245,239,.45);color:#F3F5EF;background:transparent}
.legal{padding-block:32px 48px}
.legal article{max-width:72ch;margin:0 auto}
.legal-rotulo{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.legal h1{margin:0;font-family:var(--f-display);font-weight:800;font-size:clamp(34px,6vw,48px);line-height:1}
.legal-data{margin:8px 0 24px;color:var(--muted);font-size:14px}
.legal h2{margin:32px 0 10px;font-size:20px}
.legal p,.legal li{line-height:1.6}
.legal ul{padding-left:20px}
.legal li+li{margin-top:6px}
.legal-tabela{overflow-x:auto;margin:8px 0}
.legal table{width:100%;border-collapse:collapse;font-size:15px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line);white-space:normal}
.legal td:first-child{font-weight:600;width:38%}
.legal th{font-size:13px;color:var(--muted);font-weight:700}
.legal-voltar{margin-top:36px;padding-top:16px;border-top:1px solid var(--line)}

/* cenas dos lances com o personagem (juiz e jogador): imagem dentro de um SVG, com sombra e entrada com salto */
.mpitch .anim-box svg.an-cena-svg,.anim-box svg.an-cena-svg{flex:1 1 0;min-height:0;height:100%;width:auto;max-width:100%;overflow:visible;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}
.anim-sd.flutua .anim-box svg.an-cena-svg{height:100%}
.an-cena{transform-box:view-box;transform-origin:50% 100%;animation:an-cena-entra calc(var(--an)*.3) cubic-bezier(.3,1.5,.5,1) both}
@keyframes an-cena-entra{from{opacity:0;transform:translateY(10%) scale(.82)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.an-cena{animation:none}}

/* página de novidades (notas de cada versão, a partir do CHANGELOG.md) */
.versao{padding-top:8px}
.versao+.versao{margin-top:28px;border-top:1px solid var(--line)}
.versao h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.versao-num{font-family:var(--f-mono);font-weight:500;padding:2px 10px;border-radius:6px;background:var(--accent);color:var(--accent-ink)}
.versao-data{font-size:14px;font-weight:600;color:var(--muted)}
.versao h3{margin:18px 0 6px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.estadio .arvore{fill:#2f5a32}.estadio .vestiario{fill:#8b8f86}.estadio .vestiario-teto{fill:#b04a3a}

/* estádio em perspectiva: o chão inclinado (rotateX, com a câmera atrás da arquibancada principal) e a camada de pé
   por cima, com a mesma conta (js/estadio.js, projetar). Sem unidades de contêiner, fica tudo visto de cima. */
.mpitch.estadio{container-type:inline-size}
.em-pe .torcida{pointer-events:auto}
.em-pe .piso{fill:#3a403c}
.em-pe .arquibancada-pe.nv0 .piso{fill:#7d7f78}.em-pe .arquibancada-pe.nv1 .piso{fill:#5c605a}
.em-pe .corredor-pe{fill:#1f2321}
.em-pe .cobertura{fill:#dfe3e0;opacity:.9}
.em-pe .led-faixa{fill:none;stroke-width:3;stroke-linejoin:round}
.em-pe .trelica-pe{stroke:rgba(0,0,0,.25);stroke-width:1.2}
.em-pe .torre line{stroke:#c9cdc3;stroke-width:3}
.em-pe .lampada{fill:#e9ecdf;stroke:#555;stroke-width:1}
.em-pe .luz-teto{fill:#f4f2e4;opacity:.75}
.em-pe .luzes-pe.acesas .luz-teto,.em-pe .luzes-pe.acesas .lampada{fill:#fffbe6;opacity:1;filter:drop-shadow(0 0 6px #fff3b0) drop-shadow(0 0 14px rgba(255,243,176,.6))}
.em-pe .estadio-nome{text-anchor:middle;font-size:14px}
.em-pe .pl-sombra{fill:rgba(0,0,0,.3)}
.em-pe .noite-veu{fill:#071022;opacity:.26;pointer-events:none}
.mpitch.estadio>.camera{position:absolute;inset:0;transform-origin:50% 100%}
.mpitch.estadio>.camera>svg{position:absolute}
.mpitch.estadio>.camera>svg.chao{inset:auto 0 0 0;width:100%;height:auto;aspect-ratio:141/104}
.mpitch.estadio>.camera>svg.em-pe{inset:0;width:100%;height:100%;pointer-events:none}
.mpitch.estadio.persp>.camera>svg.chao{bottom:calc(-12 / 141 * 100cqw);transform-origin:50% 88.4615%;transform:perspective(calc(1.3 * 100cqw)) rotateX(34deg)}
/* no celular, a câmera chega mais perto: as pontas das arquibancadas saem um pouco do quadro e o campo cresce */
/* celular: o estádio vai de ponta a ponta da tela, sem as margens laterais */
@media (max-width:620px){.livegrid .mpitch.estadio{width:calc(100% + 32px);margin-left:-16px;border-radius:0}}
/* cenas animadas em vídeo (rede e impedimento): cartão com cantos arredondados */
.anim-box video.an-video{flex:1 1 0;min-height:0;max-width:100%;height:100%;width:auto;object-fit:contain;border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.5);animation:an-pop calc(var(--an)*.2) cubic-bezier(.3,1.4,.5,1) both}

/* troféus em foto (ElevenLabs): cartão quadrado na estante; sem a foto, o desenho; não conquistado, esmaecido */
.trof-foto{position:relative;z-index:1;display:block;width:132px;height:132px;border-radius:12px;overflow:hidden;background:var(--sunk);box-shadow:0 6px 14px rgba(0,0,0,.22)}
.trof-foto img{display:block;width:100%;height:100%;object-fit:cover}
.trof-foto svg{display:none}
.trof-foto.sem-foto{background:none;box-shadow:none;overflow:visible}
.trof-foto.sem-foto img{display:none}.trof-foto.sem-foto svg{display:block;width:100%;height:100%}
.trof-foto.apagado img{filter:grayscale(1) contrast(.9);opacity:.38}
.trof-foto.apagado{box-shadow:none}
.trof-foto .trof-uf{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font:700 11px var(--f-mono);letter-spacing:.06em;color:#3b2508;background:linear-gradient(#f7db6a,#c4951f);border-radius:4px;padding:1px 6px;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.trof:has(.trof-foto)::after{top:150px}
.trof-estante.futuras .trof h4{color:var(--muted)}
@media (max-width:520px){.trof-foto{width:104px;height:104px}.trof:has(.trof-foto)::after{top:122px}}

/* números do jogo, compactos: posse em barra e grade de células (fim de jogo e intervalo) */
.numeros{display:grid;gap:8px}
.numeros h3{margin:0}
.numeros .posse-times{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}
.numeros .posse-times span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.numeros .posse{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
.numeros .posse>b{font:700 14px var(--f-mono)}
.numeros .posse-barra{display:flex;gap:3px;height:8px}
.numeros .posse-barra i{display:block;height:100%;border-radius:4px;min-width:6px}
.num-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
.num-item{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid var(--line)}
.num-item small{text-align:center;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.num-item b{font:600 14px var(--f-mono);color:var(--muted)}
.num-item b:last-child{text-align:right}
.num-item b.mais{color:var(--ink);font-weight:800}
.int-numeros>summary{cursor:pointer;font-weight:700;font-size:14px;padding:4px 0}
.int-numeros>.numeros{margin-top:8px;max-width:720px}
.int-numeros .numeros>h3{display:none}

/* ---------- menu do técnico (js/menu.js) ---------- */
.tec-btn{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;min-width:0}
.tec-btn .ct-avatar svg{width:18px;height:18px}
.tec-btn.premium .ct-avatar{border-color:var(--gold)}
.tec-nome{font-size:13px;font-weight:600;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tec-btn:hover .tec-nome,.tec-btn[aria-expanded="true"] .tec-nome{color:var(--ink)}
.tec-menu{position:fixed;z-index:120;width:min(340px,calc(100vw - 16px));max-height:calc(100dvh - 90px);overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.35);padding:6px 0;animation:tec-abre .14s ease-out}
@keyframes tec-abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.tec-sec{padding:12px 16px;border-top:1px solid var(--line)}
.tec-sec:first-child{border-top:0}
.tec-sec h3{margin:0 0 8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tec-sec .note{margin:0 0 8px}
.tec-topo{display:flex;align-items:center;gap:12px}
.tec-topo b{display:block;font-size:16px}
.tec-topo small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}
.tec-topo small .kit{margin:0}
.ct-avatar.grande{width:46px;height:46px;font-size:18px}
.ct-avatar.grande svg{width:24px;height:24px}
.tec-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.tec-kpis>div{background:var(--sunk);border-radius:10px;padding:8px 10px;display:grid;gap:1px}
.tec-kpis small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tec-kpis b{font:700 16px var(--f-mono)}
.tec-kpis span{font-size:11.5px;color:var(--muted)}
.tec-acoes{display:flex;flex-wrap:wrap;gap:6px}
.tec-email{margin:0 0 2px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tec-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;font-size:14px}
.tec-chave{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:0}
.tec-chave i{position:relative;width:34px;height:20px;border-radius:999px;background:var(--line);transition:background .15s}
.tec-chave i::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.tec-chave.on{color:var(--ink)}.tec-chave.on i{background:var(--accent)}.tec-chave.on i::after{transform:translateX(14px)}
.tec-tema{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px;gap:2px}
.tec-tema button{border:0;background:none;color:var(--muted);font:inherit;font-size:12.5px;padding:4px 10px;border-radius:999px;cursor:pointer}
.tec-tema button.on{background:var(--ink);color:var(--bg)}
.tec-links{display:grid;gap:2px}
.tec-links a,.tec-links .link-btn{display:block;text-align:left;padding:6px 0;font-size:14px;color:var(--ink);text-decoration:none}
.tec-links a:hover,.tec-links .link-btn:hover{color:var(--accent)}
/* "Como jogar" do menu: lista de uma coluna, sem cartões, num painel um pouco mais largo */
.ct-painel.como-painel{width:min(100%,560px)}
.como-painel .areas{grid-template-columns:minmax(0,1fr);gap:0;margin-top:4px}
.como-painel .area{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:14px 0;gap:14px;align-items:flex-start}
.como-painel .area:first-child{border-top:0;padding-top:6px}
.como-painel .area b{display:block;font-size:15px;margin-bottom:2px}
.como-painel .area p{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted)}
@media (max-width:620px){.tec-nome{display:none}.tec-menu{left:8px;right:8px;width:auto}}
@media (max-width:620px){.bar .logo+.ct-lugar{margin-left:auto}}

/* Funções e camisas (aba Clube, js/abas/funcoes.js) */
.camisa{font-family:var(--f-mono);font-weight:700;color:var(--muted);margin-right:2px}
.bracadeira{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:4px;background:var(--gold,#f2c230);color:#151515;font:800 10px/1 var(--f-mono);vertical-align:1px}
.pp .bracadeira{position:absolute;top:-2px;left:calc(50% + 10px);box-shadow:0 0 0 2px var(--surface)}
.pp .camisa-selo{position:absolute;top:-2px;right:calc(50% + 10px);min-width:18px;height:16px;padding:0 3px;border-radius:5px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.2);font:700 10px/14px var(--f-mono);text-align:center}
/* faixa no alto da escalação */
.fn-faixa{margin:2px 0}
.fn-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.fn-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;font:inherit;transition:border-color .15s,transform .15s}
.fn-card:hover{border-color:var(--accent)}
.fn-card:active{transform:scale(.98)}
.fn-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fn-card .fn-cam{flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.fn-txt{display:flex;flex-direction:column;min-width:0;gap:2px}
.fn-txt small{font:700 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fn-txt b{font-size:14px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fn-barra{display:block;height:4px;border-radius:2px;background:var(--sunk);overflow:hidden}
.fn-barra i{display:block;height:100%;border-radius:2px;background:var(--accent)}
.fn-nota{font:700 15px var(--f-mono);font-style:normal;color:var(--accent)}
.fn-card.fora{border-style:dashed}
.fn-fora{grid-column:1/-1;font-size:11px;line-height:1.3;color:var(--warn)}
.fn-card-camisas{grid-template-columns:auto minmax(0,1fr)}
.fn-pilha{display:flex}.fn-pilha .fn-cam+.fn-cam{margin-left:-14px;margin-top:6px}
.fn-sub{font-size:12px;color:var(--accent);font-weight:600}
@media (max-width:900px){.fn-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.fn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fn-card-camisas{grid-column:1/-1}.fn-card{padding:8px}.fn-card .fn-cam{width:34px;height:34px}}
/* janelas: ranking da função e camisas */
.ct-painel.fn-painel{width:min(100%,620px);max-height:calc(100dvh - 32px);overflow-y:auto}
.fn-painel h2{margin:0}
.fn-atual{margin:0;padding:10px 12px;border-radius:10px;background:var(--tint);font-size:14px}
.fn-cab{display:grid;grid-template-columns:minmax(0,1fr) 150px 96px;gap:10px;padding:0 10px 0 56px;font:600 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fn-ranking{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.fn-opcao{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 150px 96px;align-items:center;gap:10px;padding:6px 10px;border:1px solid transparent;border-radius:10px;background:none;color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.fn-opcao:hover{background:var(--sunk)}
.fn-opcao.on{border-color:var(--accent);background:var(--tint)}
.fn-quem{display:flex;flex-direction:column;min-width:0}
.fn-quem b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fn-quem small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.fn-quem .chip{font-size:10px;padding:1px 6px}
.fn-nivel{display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:8px}
.fn-nivel em{font:700 14px var(--f-mono);font-style:normal;text-align:right}
.fn-ef{font-size:12.5px;color:var(--muted);text-align:right}
.fn-opcao.on .fn-ef{color:var(--ink);font-weight:600}
@media (max-width:560px){.fn-cab{display:none}.fn-opcao{grid-template-columns:34px minmax(0,1fr) 84px;row-gap:2px}.fn-nivel{grid-column:3}.fn-ef{grid-column:2/4;text-align:left;font-size:12px}}
.fn-grupo{margin:8px 0 0;font:700 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fn-camisas{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}
.fn-camisa{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;font-size:12.5px;text-align:center}
.fn-camisa>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fn-camisa-arte{position:relative;display:block;width:64px;height:64px}
.fn-camisa-arte .fn-cam{filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.fn-camisa-arte input{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:38px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;text-align:center;font:800 19px var(--f-mono);text-shadow:0 0 3px rgba(0,0,0,.55);-moz-appearance:textfield;cursor:pointer}
.fn-camisa-arte input::-webkit-inner-spin-button,.fn-camisa-arte input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.fn-camisa-arte input:hover{border-color:rgba(255,255,255,.6)}
.fn-camisa-arte input:focus{outline:2px solid var(--accent);background:var(--surface);color:var(--ink)!important;text-shadow:none;cursor:text}

/* Raio-x do próximo jogo (aba Clube, js/abas/prejogo.js) */
.rx{display:grid;gap:10px}
.rx-topo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.rx-topo h3{margin:0}
.rx-aviso{margin:0;padding:8px 12px;border-radius:10px;background:var(--tint);font-size:13.5px}
.rx-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rx-bloco{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px}
.rx-bloco h4{margin:0;font:700 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rx-bloco .note{margin:0;font-size:12px}
.rx-chances{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px;background:var(--surface)}
.rx-chances i,.rx-legenda i{display:block}
.rx-chances .v,.rx-legenda .v{background:var(--good)}.rx-chances .e,.rx-legenda .e{background:var(--muted)}.rx-chances .d,.rx-legenda .d{background:var(--bad)}
.rx-legenda{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px}
.rx-legenda span{display:inline-flex;align-items:center;gap:5px}.rx-legenda i{width:8px;height:8px;border-radius:2px}
.rx-legenda b{font-family:var(--f-mono)}
.rx-lados{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}.rx-lados span:last-child{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-duelo{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;grid-template-areas:"rot rot rot" "a barra b";align-items:center;gap:2px 6px;font-size:12px}
.rx-d-rot{grid-area:rot;color:var(--muted)}.rx-duelo b{font-family:var(--f-mono);font-size:13px}.rx-duelo b:last-child{text-align:right}
.rx-d-barra{grid-area:barra;display:flex;gap:2px;height:7px}.rx-d-barra i{display:block;height:100%;border-radius:3px}.rx-d-barra .seu{background:var(--accent)}.rx-d-barra .deles{background:var(--muted);opacity:.55}
.rx-momento{display:flex;flex-direction:column;gap:4px;min-width:0}
.rx-time{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:13px}.rx-time .kit{margin:0;flex:none;align-self:center}
.rx-time b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rx-time small{color:var(--muted);white-space:nowrap}
.rx-fase{display:flex;gap:3px}.rx-fase i{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;font:700 11px var(--f-mono);font-style:normal;color:#fff}
.rx-V{background:var(--good)}.rx-E{background:var(--muted)}.rx-D{background:var(--bad)}
.rx-dest{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rx-dest li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;font-size:13px}
.rx-dest span{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rx-dest small{font-size:11px;color:var(--muted)}
.rx-dest em{font:700 14px var(--f-mono);font-style:normal;color:var(--accent)}
@media (max-width:1000px){.rx-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.rx{gap:8px;padding:12px}.rx-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rx-bloco{padding:10px;gap:6px}.rx-bloco:nth-child(1),.rx-bloco:nth-child(2){grid-column:1/-1}.rx-bloco .note{display:none}.rx-time small{display:none}.rx-fase i{width:17px;height:17px;font-size:10px}.rx-dest li{grid-template-columns:20px minmax(0,1fr) auto;font-size:12px}.rx-dest li:nth-child(3){display:none}}

/* Página de novidades (src/soccer-deal-novidades.njk) */
.nv-pagina{background:var(--bg)}
.nv-pagina>main{padding:0}
.nv-hero{position:relative;overflow:hidden;color:#F3F5EF;background:radial-gradient(120% 90% at 50% -10%,#1d6b4a 0%,#0e4a33 45%,#082c1f 100%);border-bottom:4px solid #F2C230}
.nv-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px);background-size:14px 14px;mask-image:linear-gradient(180deg,#000 0%,transparent 75%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 75%);pointer-events:none}
.nv-hero::after{content:"";position:absolute;left:50%;top:-120px;width:760px;height:260px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,246,200,.22),transparent);pointer-events:none}
.nv-hero-in{position:relative;z-index:1;padding-block:clamp(36px,7vw,72px) clamp(32px,6vw,56px);max-width:860px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.nv-kicker{margin:0;font:700 12px var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:#F2C230}
.nv-hero h1{margin:0;font:800 clamp(40px,7vw,72px)/.95 "Saira Condensed",var(--f-display,sans-serif);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}
.nv-data{margin:0;font-size:14px;color:rgba(243,245,239,.75)}
.nv-lede{margin:6px 0 0;max-width:640px;font-size:clamp(16px,2vw,18.5px);line-height:1.55;color:rgba(243,245,239,.92);text-wrap:pretty}
.nv-contagem{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.nv-pilula{display:inline-flex;align-items:baseline;gap:5px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(255,255,255,.1);color:inherit;border:1px solid rgba(255,255,255,.18)}
.nv-pilula b{font-family:var(--f-mono)}
.nv-hero .nv-novidades b{color:#7ee2a8}.nv-hero .nv-mudancas b{color:#8fc3ff}.nv-hero .nv-correcoes b{color:#ffc58a}
.nv-hero .nv-cta{margin-top:10px;padding:12px 26px;font-size:16px;text-decoration:none;background:#F2C230;border-color:#F2C230;color:#14110a}
.nv-hero .nv-cta:hover{filter:brightness(1.06)}
.nv{display:grid;gap:clamp(36px,6vw,56px);padding-block:clamp(32px,5vw,48px) 24px}
.nv-titulo{margin:0 0 16px;font:800 clamp(26px,4vw,34px)/1 "Saira Condensed",var(--f-display,sans-serif);text-transform:uppercase;letter-spacing:.01em}
.nv-destaques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nv-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:transform .2s,box-shadow .2s}
.nv-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.nv-arte{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(160deg,#0e4a33,#08281c)}
.nv-arte-svg{width:100%;height:100%;display:block}
.nv-card-txt{padding:14px 16px 18px}
.nv-card h3{margin:0 0 6px;font:700 17px/1.25 var(--f-body,inherit);letter-spacing:0;text-transform:none;color:var(--ink)}
.nv-card p{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted)}
.nv-camisas{display:grid;grid-template-columns:repeat(3,56px);gap:10px 16px}
.nv-camisas svg{width:56px;height:56px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.nv-mock{display:grid;gap:10px;width:min(86%,300px)}
.nv-mock-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.95);color:#141a16;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.nv-mock-card svg{width:40px;height:40px}
.nv-mock-card span{display:flex;flex-direction:column;gap:3px;min-width:0}
.nv-mock-card small{display:flex;align-items:center;gap:6px;font:700 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#66716a}
.nv-mock-card b{font-size:14px}
.nv-mock-card em{font:700 16px var(--f-mono);font-style:normal;color:#0e4a33}
.nv-c{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:3px;background:#F2C230;color:#151515;font:800 9px/1 var(--f-mono);font-style:normal;letter-spacing:0}
.nv-barra{display:block;height:4px;border-radius:2px;background:#e3e7df;overflow:hidden}.nv-barra i{display:block;height:100%;background:#0e4a33}
.nv-foto{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}
.nv-foto-cena{background:radial-gradient(70% 70% at 50% 40%,#1f6a49,#08281c)}
.nv-foto-cena img{height:96%;width:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}
.nv-faixa{position:absolute;z-index:1;left:50%;bottom:12px;transform:translateX(-50%) rotate(-2deg);padding:4px 14px;border-radius:6px;background:#c8102e;color:#fff;font:800 18px/1.1 "Saira Condensed",sans-serif;letter-spacing:.04em;box-shadow:0 4px 10px rgba(0,0,0,.35);white-space:nowrap}
.nv-foto-trofeus img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.nv-mock-rx{padding:14px;border-radius:12px;background:rgba(255,255,255,.95);color:#141a16;box-shadow:0 6px 16px rgba(0,0,0,.25);gap:5px}
.nv-rx-rot{font:700 9.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#66716a}
.nv-rx-chances,.nv-rx-duelo{display:flex;gap:2px;height:9px}.nv-rx-chances i,.nv-rx-duelo i{display:block;border-radius:3px}
.nv-rx-chances .v{background:#1f7a45}.nv-rx-chances .e{background:#8a948d}.nv-rx-chances .d{background:#b83a2c}
.nv-rx-duelo .seu{background:#0e4a33}.nv-rx-duelo .deles{background:#b8c0ba}
.nv-rx-leg{font-size:11.5px;color:#4b554e}.nv-rx-leg b{font-family:var(--f-mono);color:#141a16}
.nv-rx-fase{display:flex;gap:3px}.nv-rx-fase i{display:grid;place-items:center;width:18px;height:18px;border-radius:4px;color:#fff;font:700 10px var(--f-mono);font-style:normal}
.nv-rx-fase .V{background:#1f7a45}.nv-rx-fase .E{background:#8a948d}.nv-rx-fase .D{background:#b83a2c}
.nv-secao{margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.nv-secao:first-of-type{margin-top:0}
.nv-secao h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;text-transform:none;letter-spacing:0}
.nv-secao h3 small{font:600 12px var(--f-mono);color:var(--muted)}
.nv-secao .nv-pilula{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--f-mono);border:0}
.nv-secao .nv-pilula.nv-novidades{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good)}
.nv-secao .nv-pilula.nv-mudancas{background:color-mix(in srgb,var(--info) 15%,transparent);color:var(--info)}
.nv-secao .nv-pilula.nv-correcoes{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}
.nv-itens{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.nv-itens li{position:relative;padding:9px 0 9px 26px;border-top:1px solid var(--line);font-size:15px;line-height:1.55}
.nv-itens li:first-child{border-top:0}
.nv-itens li::before{content:"";position:absolute;left:4px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.nv-mudancas .nv-itens li::before{background:var(--info)}.nv-correcoes .nv-itens li::before{background:var(--warn)}
.nv-linha{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid var(--line);display:grid;gap:24px}
.nv-versao{position:relative}
.nv-versao::before{content:"";position:absolute;left:-30px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--accent)}
.nv-versao-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nv-num{padding:2px 10px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font:700 15px var(--f-mono)}
.nv-versao-data{font-size:13.5px;color:var(--muted)}
.nv-versao h3{margin:10px 0 0;font:700 18px/1.3 var(--f-body,inherit);text-transform:none;letter-spacing:0;color:var(--ink)}
.nv-versao p{margin:10px 0 0;max-width:760px;font-size:15px;line-height:1.6;color:var(--ink)}
.nv-versao h4{margin:14px 0 4px;font-size:14px}
.nv-versao ul{margin:0;padding-left:20px;font-size:14.5px;line-height:1.55}
.nv-semver{margin:0;font-size:13px;color:var(--muted)}
@media (max-width:900px){.nv-destaques{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.nv-destaques{grid-template-columns:minmax(0,1fr)}.nv-secao{padding:14px}.nv-itens li{font-size:14.5px}}

/* Novidades da versão, dentro do jogo (js/novidades.js) */
.ct-painel.nvj{width:min(100%,560px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:0;gap:0}
.nvj-topo{display:grid;gap:8px;padding:26px 24px 20px;text-align:center;color:#F3F5EF;background:radial-gradient(120% 100% at 50% -10%,#1d6b4a 0%,#0e4a33 50%,#082c1f 100%);border-bottom:3px solid #F2C230;border-radius:14px 14px 0 0}
.nvj .ct-fechar{color:rgba(243,245,239,.8);z-index:1}
.nvj-kicker{margin:0;font:700 11px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#F2C230}
.nvj h2{margin:0;font:800 clamp(28px,6vw,38px)/.95 "Saira Condensed",sans-serif;text-transform:uppercase;color:#F3F5EF}
.nvj-lede{margin:0;font-size:14.5px;line-height:1.5;color:rgba(243,245,239,.9)}
.nvj-conta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:4px 0 0}
.nvj-conta span{padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px}.nvj-conta b{font-family:var(--f-mono);color:#7ee2a8}
.nvj-lista{list-style:none;margin:0;padding:16px 22px 4px;display:grid;gap:12px}
.nvj-lista li{display:grid;gap:2px;padding-left:22px;position:relative;font-size:14px;line-height:1.45}
.nvj-lista li::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--tint)}
.nvj-lista span{color:var(--muted)}
.nvj-acoes{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:14px 22px 20px}
.nvj-acoes a{text-decoration:none;color:var(--ink)}
@media (max-width:560px){.nvj-acoes .btn{flex:1;text-align:center}}