.topo-site { border-bottom: 1px solid var(--ring); background: var(--surface); }
.topo-int { max-width: 1080px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; gap: 8px 18px; min-height: 48px; flex-wrap: wrap; }
.marca { font-weight: 700; font-size: 0.95rem; letter-spacing: -0.01em; }
.comp { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.comp[hidden] { display: none; }
.comp-bt { font: inherit; font-size: 0.88rem; color: var(--ink-2); background: none; border: 0; border-bottom: 3px solid transparent; padding: 12px 10px 10px; cursor: pointer; white-space: nowrap; }
.comp-bt:hover { color: var(--ink); }
.comp-bt[aria-pressed="true"] { color: var(--ink); font-weight: 650; border-bottom-color: var(--ink); }

.indice { max-width: 1080px; margin: 0 auto; padding: 18px 16px 64px; }
.cab-indice { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; }
.cab-indice h1 { font-size: 1.7rem; line-height: 1.15; letter-spacing: -0.02em; }
.filtros { display: flex; gap: 8px; flex-wrap: wrap; }

.navegador { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 14px -16px 0; padding: 8px 16px;
  background: color-mix(in srgb, var(--page) 92%, transparent); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--ring); }
.navegador[hidden] { display: none; }
.nav-bt { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--axis); background: var(--surface); color: var(--ink); cursor: pointer; display: grid; place-items: center; }
.nav-bt:disabled { opacity: .35; cursor: default; }
.nav-bt:not(:disabled):hover { background: var(--grid); }
.nav-sel select { font-family: var(--fonte); font-weight: 650; font-size: 1rem; min-height: 40px; padding: 6px 12px; text-align: center; min-width: 12rem; }

.rodada { margin-top: 14px; }
.rodada-tit { display: flex; align-items: baseline; gap: 10px; font-size: 1rem; margin: 18px 0 8px; }
.rodada-tit .qtd { color: var(--muted); font-weight: 400; font-size: 0.85rem; }
.grupo-tit { font-size: 0.88rem; color: var(--ink-2); margin: 14px 0 6px; }
.jogos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
@media (max-width: 760px) { .jogos { grid-template-columns: 1fr; } }
.jogo {
  display: grid; grid-template-columns: 3.2rem 1fr auto; align-items: center; gap: 4px 12px;
  padding: 9px 12px; text-decoration: none; background: var(--surface);
  border: 1px solid var(--ring); border-radius: 10px; margin-top: 8px;
}
.jogo:hover { border-color: var(--axis); }
.jq { display: flex; flex-direction: column; color: var(--muted); font-size: 0.78rem; line-height: 1.35; font-variant-numeric: tabular-nums; border-right: 1px solid var(--grid); padding-right: 8px; }
.jtimes { display: grid; grid-template-columns: 1fr auto; gap: 3px 10px; min-width: 0; }
.jt { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 0.95rem; }
.jt .nome { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jt .sw { width: 4px; height: 14px; border-radius: 2px; }
.jt.vence, .jg.vence { font-weight: 700; }
.jt.perde, .jg.perde { color: var(--ink-2); }
.jt.foco .nome { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--axis); }
.jg { font-family: var(--display); font-size: 1.25rem; line-height: 1.1; text-align: right; font-variant-numeric: tabular-nums; min-width: 1.2ch; }
.jfalta { grid-column: 2 / -1; font-size: 0.72rem; color: var(--muted); }

.resumo-time { margin-top: 16px; padding: 12px 14px; background: var(--surface); border: 1px solid var(--ring); border-radius: 10px; font-size: 0.92rem; }
.resumo-time:empty { display: none; }
.forma { display: flex; align-items: center; gap: 4px; margin-top: 8px; }
.forma-rot { color: var(--muted); font-size: 0.8rem; margin-right: 6px; }
.fm { width: 22px; height: 22px; border-radius: 5px; display: grid; place-items: center; font-size: 0.72rem; font-weight: 700; color: #fff; }
.fm.v { background: #1a7f4b; }
.fm.e { background: #7a827b; }
.fm.d { background: #b4492f; }
#resumo-time:empty { display: none; }
.confronto { grid-column: 1 / -1; background: var(--surface-2); border: 1px solid var(--ring); border-radius: 12px; padding: 4px 8px 8px; margin-top: 8px; }
.jogos-conf { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
@media (max-width: 760px) { .jogos-conf { grid-template-columns: 1fr; } }
.agregado { font-size: 0.85rem; font-weight: 600; margin: 8px 4px 0; }
.agregado .sub { color: var(--muted); font-weight: 400; }
.adiados .rodada-tit { color: var(--ink-2); font-size: 0.92rem; }
@media (max-width: 560px) { .comp { mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); } }
.mes-tit { font-size: 0.9rem; color: var(--ink-2); margin: 18px 0 2px; position: sticky; top: 0; background: var(--page); padding: 6px 0; z-index: 2; }
.jogo.com-res { grid-template-columns: 1.6rem 3rem 1fr; }
.jogo.com-res .fm { grid-column: 1; grid-row: 1; }
.jogo.com-res .jq { grid-column: 2; }
.jogo.com-res .jtimes { grid-column: 3; }
.jogo.com-res .jfalta { grid-column: 3; }
.jt.foco .nome { font-weight: 700; color: var(--ink); text-decoration: none; }
.jt.foco.perde .nome { color: var(--ink); }
.jogo.com-res .jt.vence:not(.foco), .jogo.com-res .jg.vence { font-weight: 400; }
.jfalta { justify-self: start; border: 1px dashed var(--axis); border-radius: 4px; padding: 0 5px; color: var(--ink-2); }

.filtros { align-items: center; }
.na-disputa { font-size: 0.8rem; color: var(--muted); white-space: nowrap; }
.na-disputa:empty { display: none; }