/* "Por que terminou assim" — a análise pós-jogo (site/analise.py, 21/10/2026). Usa os tokens do site.css. */
.cap-nav{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin:14px 0 4px;
  background:linear-gradient(var(--noite) 80%,transparent)}
.cap-nav::-webkit-scrollbar{display:none}
.cap-nav a{flex:none;display:flex;gap:6px;align-items:center;padding:6px 10px;border:1px solid var(--borda);border-radius:999px;
  font:600 12.5px var(--fc);color:var(--suave);text-decoration:none;background:var(--placa);transition:background .2s,color .2s,border-color .2s}
.cap-nav a i{font:700 11px var(--fm);font-style:normal;color:var(--apagado)}
.cap-nav a.on{background:var(--vinho);border-color:var(--vinhoM);color:var(--texto)}
.cap-nav a.on i{color:var(--prata)}

.cap{margin-top:26px;scroll-margin-top:60px}
.cap-h{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.cap-n{font:700 44px/0.9 var(--fd);color:var(--vinhoM);min-width:58px;letter-spacing:-1px}
.cap-h h2{font:700 26px/1.05 var(--fd);margin:2px 0 4px;letter-spacing:.2px}
.cap-h p{margin:0;color:var(--suave);font-size:14px}
.cap .bloco h3{margin-top:2px}

.veredito{background:radial-gradient(130% 160% at 0% 0%,#3A1024 0%,var(--placa) 65%);border:1px solid var(--vinho);border-radius:14px;padding:18px 18px 14px}
.ve-t{font:700 25px/1.18 var(--fd);margin:0;color:var(--texto)}
.ve-a{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.ve-a li{position:relative;padding-left:18px;color:var(--texto);font-size:15px;line-height:1.45}
.ve-a li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--vinhoM)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.kpi{background:var(--placa);border:1px solid var(--borda);border-radius:10px;padding:10px 10px 8px;text-align:center}
.kpi small{display:block;font:500 10.5px var(--fm);color:var(--apagado);text-transform:uppercase;letter-spacing:.4px}
.kpi div{font:700 26px/1.1 var(--fd);margin-top:4px;display:flex;justify-content:center;gap:6px;align-items:baseline}
.kpi i{font-style:normal;color:var(--apagado);font-size:16px}
.ch{color:var(--casa)}.ca{color:var(--fora)}
@media (max-width:560px){.kpis{grid-template-columns:repeat(2,1fr)}.ve-t{font-size:21px}.cap-n{font-size:36px;min-width:46px}.cap-h h2{font-size:22px}}

.frase{margin:0 0 10px;font-size:15px;line-height:1.5;color:var(--texto);padding-left:12px;border-left:3px solid var(--vinhoM)}
.frases{margin:0 0 12px;padding:0;list-style:none}
.frases li{margin:0 0 8px;font-size:15px;line-height:1.5;padding-left:12px;border-left:3px solid var(--vinhoM)}
.como{margin:10px 0 0;font-size:12px;line-height:1.5}

/* barras que crescem quando o capítulo aparece */
.cmp.an .bar i{width:0;transition:width .9s cubic-bezier(.2,.7,.2,1)}
.cap.vis .cmp.an .bar i{width:var(--w)}
.cmp .sub{font:500 10.5px var(--fm);color:var(--apagado);grid-row:3}
.cmp .sub.sh{grid-column:1/3}.cmp .sub.sa{grid-column:2/4;text-align:right}

/* pressão + régua */
.pressao .pr{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0);transition:transform .7s ease-out}
.pressao .pr[y]{}
.cap.vis .pressao .pr{transform:scaleY(1)}
.pressao .mk-t{font:700 10px var(--fd);fill:var(--noite)}
.pressao .cv{fill:#C8455F}
.pressao .cursor{stroke:var(--texto);stroke-width:1.2;stroke-dasharray:3 3}
.pressao-w{overflow-x:auto}
@media (max-width:560px){.pressao-w .pressao{min-width:600px}}
.scrub{margin-top:6px}
.scrub input{width:100%;accent-color:var(--vinhoM)}
.scrub-l{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 13px var(--fc);color:var(--suave);flex-wrap:wrap}
.scrub-l .sm{font:700 16px var(--fm);color:var(--texto);min-width:52px}
.scrub-l .sp{font:700 22px var(--fd);color:var(--texto)}
.scrub-l .sx b{font:700 14px var(--fd)}

.momentos{list-style:none;margin:0;padding:0}
.momentos li{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--borda);align-items:baseline}
.momentos li:first-child{border-top:0}
.momentos .m{font:700 13px var(--fm);color:var(--suave)}
.momentos .d{font-size:14.5px;line-height:1.4}
.momentos .d small{display:block;color:var(--apagado);font-size:12.5px;margin-top:2px}
.momentos li.home .d b{color:var(--casa)}.momentos li.away .d b{color:var(--fora)}
.momentos li.gol{background:linear-gradient(90deg,rgba(155,26,64,.18),transparent 70%)}
.momentos .mpl{float:right;font:700 15px var(--fd);color:var(--texto);margin-left:8px;padding:0 7px;border:1px solid var(--laje);border-radius:6px}
.momentos li.am .m::after{content:"";display:inline-block;width:7px;height:10px;background:#E8C547;border-radius:1px;margin-left:5px}
.momentos li.vm .m::after{content:"";display:inline-block;width:7px;height:10px;background:#C8455F;border-radius:1px;margin-left:5px}

/* campo */
.filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.filtros button{font:600 12.5px var(--fc);color:var(--suave);background:var(--placa2);border:1px solid var(--borda);border-radius:999px;padding:5px 11px;cursor:pointer}
.filtros button.on{color:var(--texto);border-color:var(--vinhoM);background:var(--vinho)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.campos{grid-template-columns:1fr}}
.campo-r{font-size:12.5px;color:var(--suave);margin:0 0 6px;line-height:1.4}
.campo{width:100%;height:auto;display:block}
.campo .gramado{fill:#0F1A12;stroke:#1F3324}
.campo .linha{fill:none;stroke:#3C5A43;stroke-width:1.3}
.campo .ponto-pen{fill:#3C5A43}
.campo .trave{fill:var(--prata)}
.campo .sh{cursor:pointer;transition:opacity .25s}
.campo .sh .halo{opacity:.28}
.campo .cab{font:700 10px var(--fm)}
.campo .sh:hover,.campo .sh.sel{filter:drop-shadow(0 0 4px #fff)}
.campos[data-f="d-gol"] .sh:not(.d-gol),.campos[data-f="d-alvo"] .sh:not(.d-alvo):not(.d-gol),
.campos[data-f="d-fora"] .sh:not(.d-fora),.campos[data-f="d-bloq"] .sh:not(.d-bloq){opacity:.08}
.tip{min-height:1.5em;margin:8px 0 0;font-size:13.5px;color:var(--texto)}

/* gols */
.gols-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.gol-c{background:var(--placa);border:1px solid var(--borda);border-left:4px solid var(--c);border-radius:12px;padding:12px 14px}
.gol-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.gol-h .m{font:700 13px var(--fm);color:var(--c)}
.gol-h b{font:700 19px var(--fd);flex:1}
.gol-h .pl{font:700 17px var(--fd);color:var(--texto)}
.gol-c dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:10px 0 0;font-size:13.5px}
.gol-c dt{color:var(--apagado);font:500 11px var(--fm);text-transform:uppercase;padding-top:2px}
.gol-c dd{margin:0}
.gol-c .ctx{margin:8px 0 0;font-size:12.5px;color:var(--suave)}

.tempos2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tempos2 h3{text-align:center}
@media (max-width:560px){.tempos2{grid-template-columns:1fr}}

/* jogadores */
.jog-t{margin-bottom:14px}
.jog-t h3 small{font:500 11px var(--fm);color:var(--apagado);margin-left:6px}
.rolar{overflow-x:auto}
.jog{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.jog th{font:500 10.5px var(--fm);color:var(--apagado);text-transform:uppercase;text-align:right;padding:6px 4px;border-bottom:1px solid var(--laje);white-space:nowrap}
.jog th:first-child{text-align:left}
.jog th[data-s]{cursor:pointer}
.jog th[data-s]:hover,.jog th.ord{color:var(--texto)}
.jog th small{display:block;font-size:9px}
.jog td{padding:6px 4px;border-top:1px solid var(--borda);text-align:right;font:700 14px var(--fd)}
.jog td small{display:block;font:500 10px var(--fm);color:var(--apagado)}
.jog td.jn{text-align:left;font:500 13.5px var(--fc)}
.jog td.jn small{display:inline;margin-left:6px;color:var(--fora)}
.jog .pos{display:inline-block;width:34px;font:700 10px var(--fm);color:var(--apagado)}
.jog .pos-s{color:var(--vitoria)}.jog .neg-s{color:var(--derrota)}

.fontes{border-top:1px solid var(--borda);padding-top:12px}
.cap .painel{margin-top:0}
.cap .painel>h2{display:none}
.an-sobre{font:700 13px var(--fm);color:var(--fora);text-transform:uppercase;letter-spacing:1.2px;margin:14px 0 8px}
@media (prefers-reduced-motion:reduce){.cmp.an .bar i,.pressao .pr{transition:none}}