/* Bolão Copa 2026 — estilo wallchart esportivo (navy + dourado), mobile-first */
:root{
  --navy:#0b1f3a;
  --navy-2:#13294b;
  --navy-3:#1c3a63;
  --gold:#f4c542;
  --gold-2:#e0a82e;
  --verde:#1db954;
  --vermelho:#e0473e;
  --branco:#f7f8fb;
  --cinza:#9fb0c7;
  --linha:rgba(255,255,255,.10);
  --raio:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Archivo',system-ui,sans-serif;
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(244,197,66,.10), transparent 60%),
    radial-gradient(900px 600px at -10% 110%, rgba(29,185,84,.08), transparent 55%),
    var(--navy);
  color:var(--branco);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
#app{max-width:560px;margin:0 auto;padding:16px 12px 60px}
.oculto{display:none !important}

/* TOPO */
.topo{display:flex;align-items:center;justify-content:space-between;
  padding:18px 4px 14px;border-bottom:1px solid var(--linha)}
.topo-marca{display:flex;align-items:center;gap:12px}
.trofeu{font-size:30px;color:var(--gold);line-height:1;filter:drop-shadow(0 2px 6px rgba(244,197,66,.4))}
.topo h1{font-family:'Anton',sans-serif;font-size:26px;letter-spacing:.5px;font-weight:400;line-height:.95}
.topo h1 b{color:var(--gold)}
.sub{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--cinza);margin-top:2px}
.topo-usuario{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}
.btn-mini{background:transparent;border:1px solid var(--linha);color:var(--cinza);
  padding:5px 10px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px}
.btn-mini:hover{color:var(--branco);border-color:var(--cinza)}

/* TELAS */
.tela{padding-top:18px}
h2{font-family:'Anton',sans-serif;font-weight:400;font-size:24px;letter-spacing:.5px;margin-bottom:14px}

/* LOGIN */
.cartao-login{background:var(--navy-2);border:1px solid var(--linha);border-radius:var(--raio);
  padding:24px;margin-top:30px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.cartao-login h2{margin-bottom:8px}
.prazo{color:var(--cinza);font-size:14px;line-height:1.5;margin-bottom:18px}
.prazo b{color:var(--gold)}
.cartao-login label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;
  color:var(--cinza);margin:14px 0 6px}
.cartao-login input{width:100%;background:var(--navy);border:1px solid var(--linha);
  color:var(--branco);padding:13px 14px;border-radius:10px;font-size:16px;font-family:inherit}
.cartao-login input:focus{outline:none;border-color:var(--gold)}
#in-pin{letter-spacing:8px;text-align:center;font-weight:700}
.btn-primario{width:100%;margin-top:18px;background:var(--gold);color:#3a2a00;border:none;
  padding:14px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;font-family:inherit;
  transition:transform .08s,box-shadow .2s}
.btn-primario:hover{box-shadow:0 8px 24px rgba(244,197,66,.35)}
.btn-primario:active{transform:translateY(1px)}
.aviso-pin{margin-top:14px;font-size:12px;color:var(--cinza);text-align:center}
.erro{margin-top:12px;color:var(--vermelho);font-size:14px;font-weight:600;text-align:center}

/* ABAS */
.abas{display:flex;gap:6px;margin-top:16px;background:var(--navy-2);border:1px solid var(--linha);
  border-radius:12px;padding:5px}
.aba{flex:1;background:transparent;border:none;color:var(--cinza);padding:11px;border-radius:8px;
  font-family:inherit;font-weight:600;font-size:14px;cursor:pointer}
.aba.ativa{background:var(--gold);color:#3a2a00}

/* PROGRESSO */
.progresso-geral{margin:18px 0 10px}
.barra{height:9px;background:var(--navy-3);border-radius:99px;overflow:hidden}
.barra-fill{height:100%;width:0;background:linear-gradient(90deg,var(--verde),var(--gold));
  border-radius:99px;transition:width .3s}
#progresso-texto{font-size:13px;color:var(--cinza);margin-top:7px}
.salvo{font-size:12px;color:var(--verde);margin-top:2px;min-height:16px}

/* ETAPAS */
.etapas{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 18px}
.etapa{font-size:12px;font-weight:600;padding:7px 11px;border-radius:99px;border:1px solid var(--linha);
  color:var(--cinza);cursor:pointer;white-space:nowrap}
.etapa.ok{color:var(--verde);border-color:rgba(29,185,84,.4)}
.etapa.atual{background:var(--navy-3);color:var(--branco);border-color:var(--gold)}
.etapa.travada{opacity:.45;cursor:not-allowed}

/* CARDS DE GRUPO */
.grid-grupos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.card-grupo{background:var(--navy-2);border:1px solid var(--linha);border-radius:12px;padding:14px;cursor:pointer;
  transition:border-color .2s,transform .08s}
.card-grupo:hover{border-color:var(--gold)}
.card-grupo:active{transform:scale(.99)}
.card-grupo h3{font-family:'Anton',sans-serif;font-weight:400;font-size:20px}
.card-grupo .estado{font-size:12px;color:var(--cinza);margin-top:4px}
.card-grupo.completo{border-color:rgba(29,185,84,.5)}
.card-grupo.completo .estado{color:var(--verde)}

/* JOGO */
.lista-jogos{display:flex;flex-direction:column;gap:10px}
.jogo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;
  background:var(--navy-2);border:1px solid var(--linha);border-radius:12px;padding:12px}
.jogo .time{font-weight:600;font-size:15px;display:flex;align-items:center;gap:9px;min-width:0}
.jogo .time.dir{justify-content:flex-end;text-align:right}
.jogo .time>div{min-width:0}
/* BANDEIRAS (imagens flagcdn; emoji de bandeira não renderiza no Windows) */
.flag{width:26px;height:auto;border-radius:3px;flex:0 0 auto;
  box-shadow:0 0 0 1px rgba(255,255,255,.14);display:inline-block}
.classif .flag,.vencedor .flag,.revisao .flag{width:18px;vertical-align:middle;margin-right:3px}
.jogo .sigla{font-size:11px;color:var(--cinza);letter-spacing:1px}
.placar{display:flex;align-items:center;gap:6px}
.placar input{width:46px;height:46px;text-align:center;font-size:20px;font-weight:700;
  background:var(--navy);border:1px solid var(--linha);color:var(--branco);border-radius:10px;font-family:inherit}
.placar input:focus{outline:none;border-color:var(--gold)}
.placar .x{color:var(--cinza);font-weight:700}
.vencedor{font-size:11px;color:var(--gold);text-align:center;margin-top:4px;font-weight:700;min-height:14px}

/* CLASSIFICAÇÃO */
.classif{background:var(--navy-2);border:1px solid var(--linha);border-radius:12px;padding:14px;margin-top:14px}
.classif h4{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--cinza);margin-bottom:10px}
.classif ol{list-style:none;counter-reset:pos}
.classif li{counter-increment:pos;display:flex;justify-content:space-between;padding:7px 0;
  border-bottom:1px solid var(--linha);font-size:14px}
.classif li:last-child{border:none}
.classif li::before{content:counter(pos)"º";color:var(--gold);font-weight:700;margin-right:10px;width:26px;display:inline-block}
.classif li.passa span:first-child::after{content:" ✓";color:var(--verde)}

/* BOTÕES DE NAVEGAÇÃO */
.acoes{display:flex;gap:10px;margin-top:18px}
.acoes .btn-primario{margin-top:0}
.btn-sec{flex:1;background:var(--navy-3);color:var(--branco);border:1px solid var(--linha);
  padding:14px;border-radius:10px;font-weight:600;cursor:pointer;font-family:inherit;font-size:15px}
.btn-sec:hover{border-color:var(--gold)}
.titulo-fase{font-family:'Anton',sans-serif;font-weight:400;font-size:22px;margin:6px 0 14px}

/* PAINEL CANÔNICO (seleções que avançam — fiel ao palpite auditado) */
.canon-fase{background:rgba(244,197,66,.07);border:1px solid var(--gold-2,rgba(244,197,66,.35));border-radius:12px;padding:14px 16px;margin:0 0 16px}
.canon-fase .cn-tit{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:10px}
.canon-fase .cn-chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.canon-fase .cn-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.22);border:1px solid var(--linha);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--branco);line-height:1.2;max-width:100%}
.canon-fase .cn-chip img,.canon-fase .cn-chip .flag{width:18px;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12);flex:0 0 auto}
.canon-fase .cn-chip span{white-space:normal}
.canon-fase .cn-nota{margin-top:10px;font-size:11.5px;color:var(--cinza);line-height:1.55}
.canon-fase .cn-nota b{color:var(--branco)}

/* REVISÃO */
.revisao{background:var(--navy-2);border:1px solid var(--linha);border-radius:12px;padding:18px;margin-top:8px}
.revisao .linha{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--linha);font-size:15px}
.revisao .linha b{color:var(--gold)}
.pontos-box{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.pt{background:var(--navy-3);border:1px solid var(--linha);border-radius:12px;padding:14px;text-align:center}
.pt .n{font-family:'Anton',sans-serif;font-size:28px;color:var(--gold)}
.pt .l{font-size:11px;color:var(--cinza);text-transform:uppercase;letter-spacing:1px;margin-top:2px}

/* AVISO ANEXO C */
.aviso-anexo{background:rgba(224,71,62,.12);border:1px solid rgba(224,71,62,.4);
  border-radius:12px;padding:14px;margin-top:14px;font-size:14px;line-height:1.5}
.aviso-anexo b{color:var(--gold)}

/* PLACEHOLDER */
.placeholder{background:var(--navy-2);border:1px solid var(--linha);border-radius:12px;padding:20px;
  color:var(--cinza);font-size:14px;line-height:1.6}
.placeholder code{background:var(--navy);padding:2px 6px;border-radius:5px;color:var(--gold);font-size:13px}

/* POPUP */
.popup{position:fixed;inset:0;background:rgba(5,12,24,.7);display:flex;align-items:center;
  justify-content:center;padding:20px;z-index:50}
.popup-caixa{background:var(--navy-2);border:1px solid var(--gold);border-radius:14px;padding:24px;
  max-width:340px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.popup-caixa p{font-size:15px;line-height:1.5;margin-bottom:16px}

@media(max-width:420px){
  .grid-grupos{grid-template-columns:1fr}
  .placar input{width:42px;height:42px;font-size:18px}
}

/* ---- Ajustes UX: rótulos da final, ranking por % ---- */
.rotulo-jogo{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.5px;font-size:13px;
  text-transform:uppercase;color:var(--gold);margin:16px 2px 6px}
.lista-jogos .rotulo-jogo:first-child{margin-top:4px}

.rank-pct{margin-top:4px}
.rank-linha{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--linha)}
.rank-linha:last-child{border-bottom:none}
.rank-nome{flex:0 0 32%;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-barra{flex:1;height:10px;background:var(--navy);border:1px solid var(--linha);border-radius:99px;overflow:hidden}
.rank-fill{display:block;height:100%;width:0;background:var(--gold);border-radius:99px;transition:width .35s ease}
.rank-num{flex:0 0 46px;text-align:right;font-family:'Anton',sans-serif;font-size:16px;color:var(--branco)}
.rank-linha.completo .rank-fill{background:var(--verde)}
.rank-linha.completo .rank-num{color:var(--verde)}

/* ---- Empate inválido no mata-mata ---- */
.jogo.empate{border-color:var(--vermelho);box-shadow:0 0 0 1px var(--vermelho) inset}
.vencedor.erro{color:var(--vermelho);font-weight:600}
.aviso-anexo.erro-box{border-color:var(--vermelho);color:var(--vermelho)}

/* Botão de avançar desabilitado (fase com empate/pendência) */
.btn-primario.desabilitado, .btn-primario:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}

/* ===== MENU UNIFICADO (todas as páginas) ===== */
.menu{display:flex;gap:6px;margin-top:14px;background:var(--navy-2);border:1px solid var(--linha);
  border-radius:12px;padding:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  position:sticky;top:8px;z-index:60;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.menu::-webkit-scrollbar{display:none}
.menu a{flex:1 0 auto;text-align:center;white-space:nowrap;color:var(--cinza);text-decoration:none;
  font-weight:600;font-size:14px;padding:10px 14px;border-radius:8px;transition:background .15s,color .15s}
.menu a:hover{color:var(--branco)}
.menu a.ativo{background:var(--gold);color:#3a2a00}

/* ===== RODAPÉ APARTADO (regras/admin/brasileirão) ===== */
.rodape{max-width:760px;margin:30px auto 0;padding:16px 14px 34px;border-top:1px solid var(--linha);
  display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;align-items:center}
.rodape a{color:var(--cinza);text-decoration:none;font-size:13px}
.rodape a:hover{color:var(--branco)}
.rodape a.adm{opacity:.65}
.rodape .sep{color:var(--linha);font-size:13px}


/* ===== PALPITE FINALIZADO (lacre individual) ===== */
.lacrado .placar input{pointer-events:none;opacity:.7;border-color:transparent}
.banner-lacre{background:rgba(244,197,66,.10);border:1px solid var(--gold-2);border-radius:12px;
  padding:11px 13px;margin:12px 0;font-size:13px;line-height:1.55;color:#f3dea6}
.banner-lacre b{color:var(--gold)}


/* ===== Cabeçalho único (marca COPA 26) ===== */
  .hdr{margin:0 0 14px;text-align:center}
  .hdr-img{display:block;width:100%;max-width:460px;height:auto;margin:0 auto;border-radius:10px;box-sizing:border-box}

.topo.bar-user{justify-content:flex-end;margin-top:-4px;margin-bottom:10px}
@media(max-width:520px){.topo.bar-user{justify-content:flex-start}}


/* ===== Banner/Pop-up de aniversário (vindo do Brasileirão) ===== */
.banner-aniv-copa{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;
  background:linear-gradient(90deg,rgba(244,114,182,.14),rgba(244,197,66,.10));
  border-bottom:1px solid rgba(244,114,182,.4);color:#f7d7e8;font-size:13px;padding:9px 14px}
.banner-aniv-copa strong{color:#f9a8d4}
.bac-link{background:rgba(244,114,182,.25);border:1px solid rgba(244,114,182,.5);color:#fff;
  border-radius:99px;padding:5px 13px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;font-family:inherit}
.bac-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.bac-modal{background:var(--navy-2,#12233f);border:1px solid var(--linha,#1f3a5f);border-radius:16px;
  padding:24px 20px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.bac-card{background:rgba(244,114,182,.12);border:1px solid rgba(244,114,182,.4);border-radius:12px;padding:14px;margin-bottom:10px}
.bac-nome{font-size:19px;font-weight:700;color:#f9a8d4;margin-bottom:10px}
.bac-btn{display:inline-block;background:#25d366;color:#063b1e;font-weight:700;text-decoration:none;
  padding:9px 16px;border-radius:10px;font-size:14px}
.bac-fechar{margin-top:6px;background:var(--navy-3,#0b1f3a);border:1px solid var(--linha,#1f3a5f);
  color:var(--branco,#e8edf4);border-radius:10px;padding:9px 22px;font-size:14px;cursor:pointer;font-family:inherit}


/* ===== Rodapé do site (SEO + Pix + disclaimer) ===== */
.rodape-site{max-width:560px;margin:32px auto 0;padding:18px 14px 30px;border-top:1px solid var(--linha);text-align:center}
.rs-pix{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}
.rs-pix span{font-size:13px;color:var(--cinza)}
.rs-pix-btn{background:rgba(244,197,66,.12);border:1px solid var(--gold-2);color:var(--gold);
  border-radius:99px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rs-pix-btn:active{transform:scale(.98)}
.rs-legal{font-size:12px;color:var(--cinza);margin:0 0 6px}
.rs-disc{font-size:10.5px;line-height:1.5;color:#5f7088;margin:0;max-width:480px;margin-left:auto;margin-right:auto}

.rs-nav{font-size:12px;color:var(--cinza);margin-bottom:14px;line-height:1.9}
.rs-nav a{color:var(--gold);text-decoration:none}

.oa-destaque{display:block;text-align:center;background:linear-gradient(90deg,#1db954,#0a7cff);
  border:none;color:#fff;text-decoration:none;border-radius:12px;padding:13px 14px;margin:12px 0;
  font-size:14px;font-weight:800;box-shadow:0 6px 20px rgba(10,124,255,.28);letter-spacing:.2px}
.oa-destaque:active{transform:scale(.99)}

/* ===== ESTATÍSTICAS DA COPA ===== */
.stat-wrap{max-width:760px;margin:0 auto;padding:16px 12px 60px}
.stat-hero{background:linear-gradient(135deg,rgba(244,197,66,.12),rgba(29,185,84,.06));border:1px solid var(--linha);border-radius:16px;padding:16px;margin:14px 0 12px;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.stat-hero h2{margin:0 0 6px;font-size:24px}
.stat-hero p{color:var(--cinza);font-size:13px;line-height:1.55;margin:0}
.stat-info{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.stat-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.20);border:1px solid var(--linha);border-radius:999px;padding:6px 10px;font-size:11px;color:var(--cinza)}
.stat-pill b{color:var(--branco)}
.stat-resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}
.stat-res-card{min-width:0;background:var(--navy-2);border:1px solid var(--linha);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:flex-start}
.stat-res-ico{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.22);border:1px solid var(--linha);border-radius:10px;flex:0 0 auto}
.stat-res-card b{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.stat-res-card strong{display:block;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-res-card span{display:flex;align-items:center;gap:5px;color:var(--cinza);font-size:11px;line-height:1.4;margin-top:3px;min-width:0}
.stat-abas{display:flex;gap:7px;background:var(--navy-2);border:1px solid var(--linha);border-radius:12px;padding:5px;margin:12px 0}
.stat-tab{flex:1;background:transparent;border:none;color:var(--cinza);font-family:inherit;font-weight:700;font-size:13px;padding:11px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}
.stat-tab:hover{color:var(--branco)}
.stat-tab.ativa{background:var(--gold);color:#3a2a00}
.stat-bar{display:flex;gap:9px;align-items:center;justify-content:space-between;margin:10px 0 9px}
.stat-bar h3{font-family:'Anton',sans-serif;font-size:18px;font-weight:400;letter-spacing:.5px;margin:0}
.stat-bar span{font-size:12px;color:var(--cinza)}
.stat-filtro{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.stat-filtro label{font-size:12px;color:var(--cinza);font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.stat-filtro select{min-width:0;flex:1;background:var(--navy-2);border:1px solid var(--linha);color:var(--branco);border-radius:10px;padding:10px 11px;font-family:inherit;font-weight:600}
.stat-lista{display:flex;flex-direction:column;gap:7px}
.stat-row{display:grid;grid-template-columns:34px 38px 1fr auto 76px;align-items:center;gap:10px;background:var(--navy-2);border:1px solid var(--linha);border-radius:13px;padding:10px 11px}
.stat-row:nth-child(1){border-color:rgba(244,197,66,.55);background:linear-gradient(90deg,rgba(244,197,66,.10),var(--navy-2))}
.stat-pos{font-family:'Anton',sans-serif;color:var(--gold);font-size:18px;text-align:center}
.stat-player{min-width:0}
.stat-player strong{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-player span{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--cinza);font-size:11.5px;min-width:0}
.stat-flag{width:20px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.12);flex:0 0 auto}
.stat-meta{font-size:12px;color:var(--cinza);white-space:nowrap}
.stat-mobile-meta{display:none;margin-top:6px;font-size:11px;color:var(--cinza)}
.stat-num{text-align:center;background:rgba(0,0,0,.24);border:1px solid var(--linha);border-radius:10px;padding:6px 6px;min-width:64px}
.stat-num b{display:block;font-family:'Anton',sans-serif;font-size:24px;line-height:1;color:var(--branco)}
.stat-num small{display:block;font-size:9.5px;color:var(--cinza);margin-top:2px;white-space:nowrap}
.stat-cardtag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 7px;font-size:10.5px;font-weight:700;margin-left:3px}
.stat-cardtag.amarelo{background:rgba(244,197,66,.13);border:1px solid rgba(244,197,66,.35);color:var(--gold)}
.stat-cardtag.vermelho{background:rgba(224,71,62,.13);border:1px solid rgba(224,71,62,.38);color:#ff918a}
.stat-muted{color:var(--cinza)}
.stat-vazio{background:var(--navy-2);border:1px dashed var(--linha);border-radius:13px;color:var(--cinza);padding:22px 16px;text-align:center;font-size:13px;line-height:1.55}
.stat-vazio.erro{border-color:rgba(224,71,62,.45);color:#ffada7}
.stat-nota{margin-top:12px;color:var(--cinza);font-size:11.5px;line-height:1.55;text-align:center}
.stat-nota b{color:var(--gold)}
@media(max-width:680px){
  .stat-wrap{max-width:580px}
  .stat-resumo{grid-template-columns:1fr}
  .stat-res-card strong{white-space:normal}
  .stat-abas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scrollbar-width:none;gap:6px;padding:6px}
  .stat-abas::-webkit-scrollbar{display:none}
  .stat-tab{width:100%;min-width:0;font-size:12px;padding:11px 8px;letter-spacing:-.1px;white-space:nowrap;text-align:center}
  .stat-tab:nth-child(1){grid-column:1;grid-row:1}
  .stat-tab:nth-child(4){grid-column:2;grid-row:1}
  .stat-tab:nth-child(2){grid-column:1;grid-row:2}
  .stat-tab:nth-child(3){grid-column:2;grid-row:2}
  .stat-row{grid-template-columns:30px 32px 1fr 60px;gap:7px;padding:10px 9px}
  .stat-face{width:32px;height:32px}
  .stat-meta{display:none}
  .stat-mobile-meta{display:block}
  .stat-player strong{font-size:13.5px}
  .stat-num{min-width:58px;padding:5px}
  .stat-num b{font-size:22px}
  .stat-bar{align-items:flex-end}
}

/* Situação atual dos palpites no mata-mata (Meus Palpites) */
.canon-fase .cn-chip{position:relative;padding-right:6px}
.canon-fase .cn-chip-ok{border-color:rgba(42,211,111,.45);background:rgba(42,211,111,.10)}
.canon-fase .cn-chip-err{border-color:rgba(255,75,91,.45);background:rgba(255,75,91,.10)}
.canon-fase .cn-status{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:5px;margin-left:1px;font-size:11px;font-weight:900;line-height:1;color:#fff}
.canon-fase .cn-ok{background:#2ad36f}
.canon-fase .cn-err{background:#ff4b5b}
@media (max-width:640px){.canon-fase .cn-chip{font-size:11.5px;padding:3px 7px}.canon-fase .cn-status{width:14px;height:14px;font-size:10px}}

/* Resumo recolhível dos acertos no painel "Meus Palpites" */
.canon-fase .cn-resumo{margin-top:10px;border:1px solid rgba(244,197,66,.28);border-radius:12px;background:rgba(0,0,0,.16);overflow:hidden}
.canon-fase .cn-resumo summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 12px;color:var(--gold);font-weight:800;font-size:12px;letter-spacing:.15px;text-align:center;user-select:none}
.canon-fase .cn-resumo summary::-webkit-details-marker{display:none}
.canon-fase .cn-resumo summary::after{content:"▾";font-size:11px;margin-left:2px;color:var(--gold)}
.canon-fase .cn-resumo[open] summary::after{content:"▴"}
.canon-fase .cn-resumo-body{border-top:1px solid rgba(255,255,255,.08);padding:11px 12px 12px;display:grid;gap:10px}
.canon-fase .cn-resumo-label{font-size:11px;font-weight:900;letter-spacing:.35px;text-transform:uppercase;margin-bottom:6px}
.canon-fase .cn-ok-label{color:#5ff08f}
.canon-fase .cn-err-label{color:#ff7885}
.canon-fase .cn-pend-label{color:var(--cinza)}
.canon-fase .cn-resumo-chips{display:flex;flex-wrap:wrap;gap:6px}
.canon-fase .cn-mini-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:11.5px;font-weight:700;line-height:1.15;background:rgba(0,0,0,.20);border:1px solid var(--linha);color:var(--branco)}
.canon-fase .cn-mini-chip img,.canon-fase .cn-mini-chip .flag{width:16px;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12);flex:0 0 auto}
.canon-fase .cn-mini-ok{border-color:rgba(42,211,111,.35);background:rgba(42,211,111,.09)}
.canon-fase .cn-mini-err{border-color:rgba(255,75,91,.36);background:rgba(255,75,91,.10)}
.canon-fase .cn-vazio{font-size:11.5px;color:var(--cinza);font-style:italic}
@media (max-width:640px){.canon-fase .cn-resumo summary{font-size:11.5px;padding:9px 8px}.canon-fase .cn-resumo-body{padding:10px 9px}.canon-fase .cn-mini-chip{font-size:11px;padding:3px 7px}}

/* Resumo direto no título do painel "Meus Palpites" */
.canon-fase .cn-tit{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.canon-fase .cn-resumo-inline{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(244,197,66,.35);background:rgba(244,197,66,.10);color:var(--gold);border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:900;letter-spacing:.05px;white-space:nowrap;text-transform:none}
@media (max-width:640px){.canon-fase .cn-tit{align-items:flex-start;gap:6px}.canon-fase .cn-resumo-inline{font-size:10.8px;padding:4px 7px;gap:4px;white-space:normal}}


/* Meus Palpites: resumo separado dentro do painel principal */
.canon-fase .cn-grupos-status{display:grid;gap:10px;margin-top:10px}
.canon-fase .cn-grupo-status{border-radius:14px;padding:9px 10px;background:rgba(0,0,0,.10);border:1px solid rgba(255,255,255,.07)}
.canon-fase .cn-grupo-ok{border-color:rgba(42,211,111,.20);background:rgba(42,211,111,.055)}
.canon-fase .cn-grupo-err{border-color:rgba(255,75,91,.22);background:rgba(255,75,91,.055)}
.canon-fase .cn-grupo-pend{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.035)}
.canon-fase .cn-grupo-tit{font-size:11.5px;font-weight:900;letter-spacing:.35px;text-transform:uppercase;margin-bottom:7px;color:var(--branco)}
.canon-fase .cn-grupo-ok .cn-grupo-tit{color:#68f29a}
.canon-fase .cn-grupo-err .cn-grupo-tit{color:#ff7786}
.canon-fase .cn-grupo-pend .cn-grupo-tit{color:var(--cinza)}
.canon-fase .cn-chips-status{gap:6px}
.canon-fase .cn-chips-status .cn-chip{font-size:11.5px;padding:3px 7px}
@media (max-width:640px){
  .canon-fase .cn-grupos-status{gap:8px;margin-top:8px}
  .canon-fase .cn-grupo-status{padding:8px 8px;border-radius:12px}
  .canon-fase .cn-grupo-tit{font-size:10.8px;margin-bottom:6px}
  .canon-fase .cn-chips-status .cn-chip{font-size:10.9px;padding:3px 6px;gap:5px}
}


.stat-goals-toggle{grid-column:1 / -1;margin-top:2px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}
.stat-goals-summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(0,0,0,.16);border:1px solid var(--linha);border-radius:10px;padding:9px 12px;color:var(--gold);font-size:12px;font-weight:700;cursor:pointer;user-select:none}
.stat-goals-summary::-webkit-details-marker{display:none}
.stat-goals-summary:hover{filter:brightness(1.04)}
.stat-goals-summary-open{display:none}
.stat-goals-toggle[open] .stat-goals-summary-closed{display:none}
.stat-goals-toggle[open] .stat-goals-summary-open{display:inline}
.stat-goals-body{display:flex;flex-direction:column;gap:7px;padding-top:8px}
.stat-goal-item{display:grid;grid-template-columns:1fr 68px;align-items:center;gap:9px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:9px 10px}
.stat-goal-player{min-width:0}
.stat-goal-player strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-goal-player span{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--cinza);font-size:11px;line-height:1.35}
.stat-goal-num{text-align:center;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:5px 4px}
.stat-goal-num b{display:block;font-family:'Anton',sans-serif;font-size:20px;line-height:1;color:var(--branco)}
.stat-goal-num small{display:block;font-size:9px;color:var(--cinza);margin-top:2px;white-space:nowrap}
.stat-goal-item-extra strong{color:var(--gold)}
.stat-goals-empty{background:rgba(0,0,0,.12);border:1px dashed rgba(255,255,255,.10);border-radius:10px;padding:12px 10px;text-align:center;color:var(--cinza);font-size:12px;line-height:1.45}
@media(max-width:640px){
  .stat-goals-summary{font-size:11.5px;padding:8px 10px}
  .stat-goal-item{grid-template-columns:1fr 60px;gap:8px;padding:8px 9px}
  .stat-goal-player strong{font-size:12.5px}
  .stat-goal-player span{font-size:10.5px}
  .stat-goal-num b{font-size:18px}
}


/* ==========================================================================
   Correção definitiva do menu principal — rolagem lateral controlada.
   Mantém os botões grandes, legíveis e com acesso a TODOS os links,
   inclusive "Meus Palpites", no desktop e no celular.
   ========================================================================== */
.menu{
  display:flex !important;
  grid-template-columns:none !important;
  justify-content:flex-start !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
}
.menu::-webkit-scrollbar{display:block;height:6px}
.menu::-webkit-scrollbar-thumb{background:rgba(244,197,66,.45);border-radius:999px}
.menu::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
.menu a{
  flex:0 0 auto !important;
  min-width:118px;
  white-space:nowrap;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  scroll-snap-align:start;
}
@media(max-width:760px){
  .menu{gap:7px;padding:6px}
  .menu a{min-width:128px;padding:11px 13px;font-size:14px}
}
@media(max-width:420px){
  .menu a{min-width:124px;padding:10px 12px;font-size:13px}
}


/* ==========================================================================
   Menu principal — versão visual refinada
   - Botões maiores e mais legíveis
   - Menos espaço desperdiçado entre itens
   - Rolagem lateral suave no web e no celular
   - Scrollbar visualmente discreta/oculta para não poluir o cabeçalho
   ========================================================================== */
.menu{
  display:flex !important;
  grid-template-columns:none !important;
  justify-content:flex-start !important;
  align-items:center;
  gap:4px !important;
  padding:7px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.menu::-webkit-scrollbar{display:none;width:0;height:0}
.menu a{
  flex:0 0 auto !important;
  min-width:112px;
  min-height:44px;
  padding:12px 11px !important;
  border-radius:10px !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.05;
  letter-spacing:-.1px;
  white-space:nowrap;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:5px;
  scroll-snap-align:start;
}
.menu a.ativo{
  box-shadow:0 8px 20px rgba(244,197,66,.18);
}
@media(min-width:900px){
  .menu{
    gap:5px !important;
    padding:7px !important;
  }
  .menu a{
    min-width:116px;
    min-height:46px;
    padding:13px 12px !important;
    font-size:15px !important;
  }
}
@media(max-width:760px){
  .menu{
    gap:5px !important;
    padding:7px !important;
    margin-top:12px;
  }
  .menu a{
    min-width:118px;
    min-height:46px;
    padding:13px 12px !important;
    font-size:15px !important;
  }
}
@media(max-width:420px){
  .menu{
    gap:4px !important;
    padding:6px !important;
  }
  .menu a{
    min-width:116px;
    min-height:45px;
    padding:12px 10px !important;
    font-size:14.5px !important;
    letter-spacing:-.2px;
  }
}


/* ==========================================================================
   MENU v4 (30/06/2026) — CORREÇÃO: botões com a largura do conteúdo e rolagem
   lateral suave (sem sobreposição). Emoji mantido no desktop E no celular.
   Mais apertado e com fonte boa. Vem por último: prevalece sobre as regras acima.
   ========================================================================== */
.menu{ gap:6px !important; padding:6px !important; }
.menu a{
  flex:0 0 auto !important;
  min-width:0 !important;
  width:auto !important;
  min-height:44px;
  padding:10px 13px !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:-.1px;
  gap:6px;
}
.menu a .mi{ display:inline-block; font-size:15px; line-height:1; }
@media(max-width:620px){
  .menu{ gap:5px !important; padding:6px !important; }
  .menu a{
    padding:9px 12px !important;
    font-size:14px !important;
    min-height:42px;
  }
  .menu a .mi{ display:inline-block !important; font-size:14px; }
}

/* ==========================================================================
   ABA SELEÇÕES (29/06/2026) — grade de países, ficha com curiosidades e
   elenco com rostos. Mesma identidade visual do site (navy + dourado).
   ========================================================================== */
.sel-hint{margin:16px 2px 8px;font-size:11.5px;color:var(--cinza);display:flex;align-items:center;gap:6px}
.sel-hint b{color:var(--gold);font-weight:700}

.sel-scroller{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.sel-scroller::-webkit-scrollbar{height:7px}
.sel-scroller::-webkit-scrollbar-thumb{background:rgba(244,197,66,.45);border-radius:999px}
.sel-scroller::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
.sel-card{flex:0 0 auto;width:104px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--navy-2);border:1px solid var(--linha);border-radius:13px;padding:11px 7px 9px;cursor:pointer;color:var(--branco);font-family:inherit;transition:border-color .15s,transform .12s,background .15s}
.sel-card:hover{border-color:rgba(244,197,66,.55);background:var(--navy-3)}
.sel-card:active{transform:scale(.97)}
.sel-flag{width:48px;height:32px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.sel-card-nome{font-size:12px;font-weight:700;text-align:center;line-height:1.2}
.sel-card-meta{font-size:9.5px;color:var(--cinza);display:flex;align-items:center;gap:4px}
.sel-card-copas{color:var(--gold);letter-spacing:-1px;font-size:9px}

.sel-vazio,.sel-squad-vazio{color:var(--cinza);font-size:13px;text-align:center;padding:24px 10px;background:var(--navy-2);border:1px solid var(--linha);border-radius:12px}

.sel-detalhe{margin-top:4px}
.sel-voltar{background:var(--navy-2);border:1px solid var(--linha);color:var(--gold);font-family:inherit;font-weight:700;font-size:13px;padding:9px 14px;border-radius:999px;cursor:pointer;margin-bottom:12px}
.sel-voltar:hover{background:var(--navy-3)}
.sel-det-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sel-det-flag{width:72px;height:48px;border-radius:6px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.16);flex:0 0 auto}
.sel-det-id{flex:1;min-width:0}
.sel-det-nome{font-family:'Anton',sans-serif;font-weight:400;font-size:23px;color:var(--branco);line-height:1.05;text-transform:uppercase;letter-spacing:.4px}
.sel-det-apelido{font-size:12.5px;color:var(--gold);font-style:italic;margin-top:2px}
.sel-det-grupo{flex:0 0 auto;align-self:flex-start;font-size:11px;font-weight:800;color:var(--gold);background:rgba(244,197,66,.12);border:1px solid rgba(244,197,66,.40);border-radius:999px;padding:5px 10px;white-space:nowrap}
.sel-det-copas{margin:0 0 12px}
.sel-det-trofeus{font-size:14px;color:var(--gold)}
.sel-det-trofeus small{color:var(--cinza);font-size:11px}

.sel-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.sel-fact{background:var(--navy-2);border:1px solid var(--linha);border-radius:10px;padding:9px 11px;min-width:0}
.sel-fact span{display:block;font-size:9.5px;color:var(--cinza);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.sel-fact b{font-size:13.5px;color:var(--branco);font-weight:700;line-height:1.25}
.sel-curio{background:rgba(244,197,66,.07);border:1px solid rgba(244,197,66,.22);border-radius:12px;padding:11px 13px;font-size:12.5px;color:#eaf3ff;line-height:1.5;margin-bottom:16px}
.sel-curio b{color:var(--gold)}

.sel-squad-head{font-family:'Anton',sans-serif;font-weight:400;font-size:15px;color:var(--gold);text-transform:uppercase;letter-spacing:.6px;margin:0 2px 10px}
.sel-squad{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px 8px}
.sel-player{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.sel-face{width:54px;height:54px;border-radius:50%;overflow:hidden;background:var(--navy-3);border:2px solid var(--linha);display:flex;align-items:center;justify-content:center;color:var(--cinza);flex:0 0 auto}
.sel-face img{width:100%;height:100%;object-fit:cover}
.sel-player-nome{font-size:10.5px;font-weight:700;line-height:1.15;color:var(--branco);max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-player-pos{font-size:8.5px;color:var(--cinza)}
.sel-nota{font-size:11px;color:var(--cinza);line-height:1.5;margin-top:18px;padding:0 2px}
.sel-nota b{color:var(--gold)}

/* Rosto do jogador nos rankings de artilheiros / assistências */
.stat-face{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--navy-3);border:1px solid var(--linha);display:flex;align-items:center;justify-content:center;color:var(--cinza);flex:0 0 auto;margin-right:2px}
.stat-face img{width:100%;height:100%;object-fit:cover}
.stat-face svg{width:60%;height:60%}

/* ==========================================================================
   MENU PRINCIPAL — somente barra de rolagem visível
   Não altera tamanho, fonte, largura, espaçamento nem layout dos botões.
   Apenas reexibe a barra horizontal para indicar que há mais itens no menu.
   ========================================================================== */
.menu{
  scrollbar-width:thin !important;
  scrollbar-color:rgba(244,197,66,.72) rgba(255,255,255,.08) !important;
}
.menu::-webkit-scrollbar{
  display:block !important;
  height:7px !important;
}
.menu::-webkit-scrollbar-track{
  background:rgba(255,255,255,.07) !important;
  border-radius:999px !important;
}
.menu::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,rgba(244,197,66,.95),rgba(244,197,66,.55)) !important;
  border-radius:999px !important;
}
.menu::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(90deg,rgba(244,197,66,1),rgba(255,222,98,.78)) !important;
}

/* ==========================================================================
   SELEÇÕES — menu horizontal de todos os países
   ========================================================================== */
.sel-menu-box{
  margin:10px 0 12px;
  background:rgba(14,38,76,.62);
  border:1px solid var(--linha);
  border-radius:14px;
  padding:10px 10px 9px;
}
.sel-menu-title{
  color:var(--gold);
  font-weight:800;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin:0 2px 8px;
}
.sel-menu-paises{
  display:flex;
  gap:7px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 9px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(244,197,66,.65) rgba(255,255,255,.07);
}
.sel-menu-paises::-webkit-scrollbar{display:block;height:7px}
.sel-menu-paises::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
.sel-menu-paises::-webkit-scrollbar-thumb{background:rgba(244,197,66,.55);border-radius:999px}
.sel-menu-chip{
  flex:0 0 auto;
  min-width:118px;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--branco);
  border-radius:999px;
  padding:8px 11px;
  font-family:inherit;
  font-size:12.5px;
  font-weight:800;
  cursor:pointer;
  scroll-snap-align:start;
}
.sel-menu-chip img{
  width:24px;
  height:16px;
  object-fit:cover;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(255,255,255,.14);
}
.sel-menu-chip span{
  white-space:nowrap;
}
.sel-menu-chip small{
  color:var(--cinza);
  font-size:10px;
  font-weight:900;
}
.sel-menu-chip:hover{
  border-color:rgba(244,197,66,.55);
  background:rgba(244,197,66,.10);
}
.sel-menu-chip.on{
  background:var(--gold);
  color:#332400;
  border-color:var(--gold);
}
.sel-menu-chip.on small{color:#5b4300}
.sel-menu-loading{
  color:var(--cinza);
  font-size:12px;
  padding:8px 4px;
}
@media(max-width:520px){
  .sel-menu-box{padding:9px 8px 8px}
  .sel-menu-chip{min-width:112px;font-size:12px;padding:8px 10px}
}

/* ==========================================================================
   SELEÇÕES — dropdown superior de escolha do país
   Substitui apenas o scroll superior por um seletor tipo card.
   A grade inferior de seleções permanece igual.
   ========================================================================== */
.sel-menu-box-select{
  padding:10px;
}
.sel-select-wrap{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  background:linear-gradient(180deg,rgba(21,48,90,.98),rgba(13,38,76,.96));
  border:1px solid rgba(244,197,66,.34);
  border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06);
  min-height:46px;
}
.sel-select-ico{
  flex:0 0 auto;
  width:42px;
  text-align:center;
  font-size:18px;
  pointer-events:none;
}
.sel-menu-select{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-width:0;
  height:46px;
  border:0;
  outline:0;
  background:transparent;
  color:var(--branco);
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  padding:0 42px 0 0;
  cursor:pointer;
}
.sel-menu-select option{
  background:#102d56;
  color:#fff;
  font-weight:700;
}
.sel-select-arrow{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-54%);
  color:var(--gold);
  font-size:19px;
  font-weight:900;
  pointer-events:none;
}
.sel-select-wrap:focus-within{
  border-color:rgba(244,197,66,.78);
  box-shadow:0 0 0 3px rgba(244,197,66,.13), 0 8px 20px rgba(0,0,0,.20);
}
@media(max-width:520px){
  .sel-select-wrap{min-height:44px}
  .sel-menu-select{height:44px;font-size:14px}
  .sel-select-ico{width:38px}
}

/* ==========================================================================
   SELEÇÕES — convocados recolhíveis
   Lista começa fechada para não alongar demais a ficha da seleção no celular.
   ========================================================================== */
.sel-squad-box{
  margin-top:8px;
}
.sel-squad-box > summary{
  list-style:none;
}
.sel-squad-box > summary::-webkit-details-marker{
  display:none;
}
.sel-squad-toggle{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(244,197,66,.38);
  background:linear-gradient(180deg,rgba(28,56,98,.94),rgba(18,43,82,.94));
  color:var(--gold);
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.14);
}
.sel-squad-toggle::after{
  content:"▾";
  color:var(--gold);
  font-size:13px;
  font-weight:900;
  transition:transform .16s ease;
}
.sel-squad-box[open] .sel-squad-toggle::after{
  transform:rotate(180deg);
}
.sel-squad-toggle small{
  margin-left:auto;
  color:var(--cinza);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.sel-squad-open{
  display:none;
}
.sel-squad-box[open] .sel-squad-open{
  display:inline;
}
.sel-squad-box[open] .sel-squad-closed{
  display:none;
}
.sel-squad-box[open] .sel-squad{
  margin-top:13px;
}
.sel-squad-box[open] .sel-squad-vazio{
  margin-top:12px;
}
@media(max-width:520px){
  .sel-squad-toggle{
    min-height:46px;
    padding:11px 12px;
    font-size:13px;
  }
  .sel-squad-toggle small{
    font-size:10px;
  }
}


/* ===== Avatar de iniciais (fallback sem foto) + créditos das imagens ===== */
.sel-face-ini{color:#fff;font-weight:800;font-size:18px;letter-spacing:.5px;border-color:rgba(255,255,255,.18)}
.stat-face-ini{color:#fff;font-weight:800;font-size:13px;letter-spacing:.3px;border-color:rgba(255,255,255,.18)}
.sel-creditos-link{color:var(--gold);cursor:pointer;text-decoration:underline}
.sel-creditos{margin-top:14px;background:var(--navy-2);border:1px solid var(--linha);border-radius:12px;padding:12px 13px}
.sel-cred-tit{font-family:'Anton',sans-serif;color:var(--gold);font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.sel-cred-intro{font-size:11.5px;color:var(--cinza);line-height:1.5;margin-bottom:8px}
.sel-cred-load{font-size:12px;color:var(--cinza)}
.sel-cred-lista{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:6px}
.sel-cred-lista li{font-size:11.5px;color:#dce7f5;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:5px}
.sel-cred-lista li b{color:#fff}

/* ========================================================================== 
   SELEÇÕES — desempenho por seleção, ranking FIFA e jogos da equipe
   Adiciona informações sem alterar menu, scroll superior ou identidade visual.
   ========================================================================== */
.sel-det-ranking{font-size:10.5px;max-width:124px;text-align:center;line-height:1.15}
.sel-section-title{font-family:'Anton',sans-serif;font-weight:400;font-size:15px;color:var(--gold);text-transform:uppercase;letter-spacing:.6px;margin:16px 2px 10px}
.sel-performance{margin:10px 0 14px;background:rgba(19,41,75,.74);border:1px solid var(--linha);border-radius:16px;padding:12px;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.sel-perf-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.sel-perf-head b{display:block;font-family:'Anton',sans-serif;font-weight:400;font-size:17px;color:var(--gold);text-transform:uppercase;letter-spacing:.6px;line-height:1.05}
.sel-perf-head span{display:block;color:#cbd8ea;font-size:11.5px;line-height:1.35;margin-top:3px}
.sel-perf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sel-perf-card{background:rgba(7,27,51,.58);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:9px 8px;min-width:0;text-align:center}
.sel-perf-card.destaque{background:linear-gradient(180deg,rgba(244,197,66,.16),rgba(244,197,66,.07));border-color:rgba(244,197,66,.32)}
.sel-perf-card span{display:block;color:var(--cinza);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sel-perf-card b{display:block;color:var(--branco);font-size:17px;font-weight:900;line-height:1.1;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sel-perf-card small{display:block;color:#b7c5d9;font-size:9.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sel-perf-note{margin:9px 2px 0;color:#cbd8ea;font-size:11px;line-height:1.35}
.sel-leaders{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.sel-leaders div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px 10px;min-width:0}
.sel-leaders span{display:block;color:var(--cinza);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.45px;margin-bottom:3px}
.sel-leaders b{display:block;color:var(--branco);font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sel-matches{margin:14px 0 14px}
.sel-match-list{display:flex;flex-direction:column;gap:10px}
.sel-match-card{background:var(--navy-2);border:1px solid var(--linha);border-radius:14px;padding:11px;box-shadow:0 9px 22px rgba(0,0,0,.12)}
.sel-match-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.sel-match-fase{color:var(--gold);font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.sel-match-badge{flex:0 0 auto;color:#dce7f5;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;white-space:nowrap}
.sel-match-badge.pre{color:#f4d266;background:rgba(244,197,66,.10);border-color:rgba(244,197,66,.28)}
.sel-match-badge.live{color:#fff;background:rgba(224,71,62,.86);border-color:rgba(255,255,255,.18)}
.sel-match-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px}
.sel-match-team{display:flex;align-items:center;gap:7px;min-width:0;color:#dce7f5;font-size:12px;font-weight:800;line-height:1.15}
.sel-match-team.dir{justify-content:flex-end;text-align:right}
.sel-match-team img{width:25px;height:17px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.14);flex:0 0 auto}
.sel-match-team span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-match-team-on span{color:#fff;text-decoration:underline;text-decoration-color:rgba(244,197,66,.70);text-underline-offset:3px}
.sel-match-mid{text-align:center;min-width:58px}
.sel-match-score{font-size:17px;font-weight:900;color:#fff;line-height:1.05;white-space:nowrap}
.sel-match-date{font-size:10px;color:var(--cinza);margin-top:4px;white-space:nowrap}
.sel-match-sep{display:inline-block;color:var(--gold);margin:0 4px}
.sel-match-pen{color:#f4d266;font-size:11px;text-align:center;margin-top:8px;line-height:1.35}
.sel-match-venue{color:var(--cinza);font-size:11px;text-align:center;line-height:1.35;margin-top:8px}
.sel-scorers-box{margin:12px 0 14px;background:rgba(7,27,51,.48);border:1px solid var(--linha);border-radius:14px;overflow:hidden}
.sel-scorers-box > summary{list-style:none;color:var(--gold);font-weight:900;font-size:12.5px;cursor:pointer;padding:12px 13px}
.sel-scorers-box > summary::-webkit-details-marker{display:none}
.sel-scorer-list{border-top:1px solid rgba(255,255,255,.08)}
.sel-scorer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-top:1px solid rgba(255,255,255,.06)}
.sel-scorer-row:first-child{border-top:0}
.sel-scorer-row span{color:#dce7f5;font-size:12px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-scorer-row b{flex:0 0 auto;color:#332400;background:var(--gold);border-radius:999px;min-width:28px;padding:3px 8px;text-align:center;font-size:12px;font-weight:900}
.sel-scorer-row.muted span{color:var(--cinza);font-weight:700;white-space:normal}

/* Marcadores na ficha da seleção: card aberto, com foto e leitura confortável. */
.sel-curios-section{margin:2px 0 12px}
.sel-scorers-section{margin:12px 0 16px;background:linear-gradient(180deg,rgba(31,72,126,.82),rgba(18,49,88,.76));border:1px solid rgba(118,169,225,.24);border-radius:16px;padding:12px;box-shadow:0 10px 26px rgba(0,0,0,.14)}
.sel-scorers-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}
.sel-scorers-head b{display:block;font-family:'Anton',sans-serif;font-weight:400;font-size:17px;color:var(--gold);text-transform:uppercase;letter-spacing:.6px;line-height:1.05}
.sel-scorers-head span{display:block;color:#cbd8ea;font-size:11.5px;line-height:1.35;margin-top:3px}
.sel-scorers-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}
.sel-scorer-card{display:grid;grid-template-columns:28px 46px minmax(0,1fr) 58px;align-items:center;gap:9px;background:rgba(8,31,58,.58);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:9px 10px;min-width:0}
.sel-scorer-card.lider{background:linear-gradient(90deg,rgba(244,197,66,.14),rgba(8,31,58,.58));border-color:rgba(244,197,66,.34)}
.sel-scorer-rank{font-family:'Anton',sans-serif;font-size:18px;color:var(--gold);text-align:center;line-height:1}
.sel-scorer-face{width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--navy-3);border:2px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
.sel-scorer-face img{width:100%;height:100%;object-fit:cover}
.sel-scorer-face.sel-face-ini{font-size:15px;border-color:rgba(255,255,255,.18)}
.sel-scorer-flag{border-radius:12px;background:rgba(255,255,255,.06)}
.sel-scorer-flag img{width:30px;height:21px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.sel-scorer-info{min-width:0}
.sel-scorer-info strong{display:block;color:var(--branco);font-size:13.5px;font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sel-scorer-info span{display:flex;align-items:center;gap:5px;color:#cbd8ea;font-size:10.8px;line-height:1.25;min-width:0;margin-top:4px}
.sel-scorer-info span img{width:18px;height:12px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12);flex:0 0 auto}
.sel-scorer-info em{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-scorer-info small{color:var(--gold);font-size:10px;line-height:1}
.sel-scorer-goals{text-align:center;background:rgba(2,18,36,.48);border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:6px 5px;min-width:54px}
.sel-scorer-goals b{display:block;font-family:'Anton',sans-serif;font-size:24px;line-height:1;color:var(--branco)}
.sel-scorer-goals small{display:block;color:#cbd8ea;font-size:9.5px;line-height:1.05;margin-top:2px;white-space:nowrap}
.sel-scorer-card.extra{background:rgba(244,197,66,.07);border-color:rgba(244,197,66,.22)}
.sel-scorer-card.extra .sel-scorer-info strong{color:var(--gold)}
@media(max-width:520px){
  .sel-det-ranking{max-width:102px;font-size:9.5px;padding:5px 8px}
  .sel-performance{padding:11px 10px;border-radius:15px}
  .sel-perf-grid{grid-template-columns:repeat(2,1fr);gap:7px}
  .sel-perf-card{padding:8px 7px}
  .sel-perf-card b{font-size:16px}
  .sel-leaders{grid-template-columns:1fr}
  .sel-match-card{padding:10px;border-radius:13px}
  .sel-match-line{gap:7px}
  .sel-match-team{font-size:11.5px;gap:5px}
  .sel-match-team img{width:22px;height:15px}
  .sel-match-score{font-size:16px}
  .sel-match-mid{min-width:54px}
  .sel-scorers-section{padding:11px 10px;border-radius:15px}
  .sel-scorers-list{grid-template-columns:1fr;gap:8px}
  .sel-scorer-card{grid-template-columns:24px 42px minmax(0,1fr) 54px;gap:8px;padding:9px}
  .sel-scorer-face{width:42px;height:42px}
  .sel-scorer-rank{font-size:16px}
  .sel-scorer-info strong{font-size:13px}
  .sel-scorer-info span{font-size:10.4px}
  .sel-scorer-goals{min-width:52px;padding:5px 4px}
  .sel-scorer-goals b{font-size:22px}
}
.sel-card-meta{justify-content:center;text-align:center;line-height:1.08;white-space:normal;max-width:92px;flex-wrap:wrap}


/* ==========================================================================
   Links discretos para a ficha da seleção nas páginas vivas da Copa.
   Mantém o visual original: apenas bandeira/nome ficam clicáveis.
   ========================================================================== */
.team-link{color:inherit;text-decoration:none;min-width:0}
.team-link:focus-visible{outline:2px solid rgba(244,197,66,.85);outline-offset:3px;border-radius:8px}
.team-link:hover .t,.team-link:hover .mm-nome,.team-link:hover .mm-opcao-time b,.team-link:hover .nm,.team-link:hover .cz-nome,.team-link:hover span{text-decoration:underline;text-decoration-color:rgba(244,197,66,.72);text-underline-offset:3px}
.lado .team-link-lado{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%}
.lado.f .team-link-lado{justify-content:flex-end}
.mm-equipe .team-link-mm{display:flex;align-items:center;gap:7px;min-width:0;flex:1;color:inherit}
.mm-equipe.mm-definido .team-link-mm{color:#14213b}
.team-link-mm-opcao{display:inline-flex;align-items:center;min-width:0;color:inherit}
.oa-team .team-link-oa{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;color:inherit}
.oa-away .team-link-oa{justify-content:flex-end}
.oa-team .team-link-oa span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel .team-link-live{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;color:inherit}
.cz-time .team-link-cartaz{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;color:inherit}
@media(max-width:480px){
  .lado .team-link-lado{flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;text-align:center}
  .lado.f .team-link-lado{flex-direction:column;align-items:center}
  .oa-team .team-link-oa{gap:6px}
}

/* Toast de novidade da página principal
   Card um pouco maior e mais centralizado, sem virar modal bloqueante. */
.copa-aviso-site{
  position:fixed;
  left:50%;
  top:52%;
  bottom:auto;
  width:min(520px,calc(100vw - 40px));
  z-index:9999;
  display:flex;
  align-items:flex-start;
  gap:14px;
  background:
    radial-gradient(360px 160px at 18% 0%, rgba(244,197,66,.18), transparent 70%),
    linear-gradient(180deg, rgba(19,41,75,.985), rgba(11,31,58,.985));
  border:1px solid rgba(244,197,66,.62);
  border-radius:22px;
  padding:20px 18px 18px 20px;
  box-shadow:0 22px 70px rgba(0,0,0,.50), 0 0 0 1px rgba(255,255,255,.05) inset;
  transform:translate(-50%,-42%) scale(.965);
  opacity:0;
  pointer-events:auto;
  transition:opacity .32s ease, transform .32s ease;
}
.copa-aviso-site.visivel{opacity:1;transform:translate(-50%,-50%) scale(1)}
.copa-aviso-site.saindo{opacity:0;transform:translate(-50%,-58%) scale(.985)}
.copa-aviso-corpo{min-width:0;flex:1}
.copa-aviso-titulo{font-family:'Anton',sans-serif;font-weight:400;font-size:22px;letter-spacing:.45px;color:var(--gold);line-height:1.08;margin-bottom:8px}
.copa-aviso-msg{font-size:15px;line-height:1.5;color:#eaf3ff;word-wrap:break-word}
.copa-aviso-fechar{flex:0 0 auto;background:rgba(244,197,66,.12);border:1px solid rgba(244,197,66,.48);color:var(--gold);font-family:inherit;font-size:12.5px;font-weight:800;border-radius:999px;padding:8px 12px;cursor:pointer;line-height:1}
.copa-aviso-fechar:hover{background:rgba(244,197,66,.20);border-color:rgba(244,197,66,.75)}
.copa-aviso-fechar:focus-visible{outline:2px solid rgba(244,197,66,.95);outline-offset:2px}
@media(max-width:480px){
  .copa-aviso-site{top:51%;width:calc(100vw - 32px);border-radius:20px;padding:18px 14px 16px 16px;gap:11px}
  .copa-aviso-titulo{font-size:20px;margin-bottom:7px}
  .copa-aviso-msg{font-size:14px;line-height:1.46}
  .copa-aviso-fechar{font-size:11.5px;padding:7px 10px}
}
@media(max-width:360px){
  .copa-aviso-site{width:calc(100vw - 24px);padding:16px 12px 14px 14px;gap:9px}
  .copa-aviso-titulo{font-size:18px}
  .copa-aviso-msg{font-size:13.4px}
  .copa-aviso-fechar{padding:7px 9px}
}

/* ==========================================================================
   SELEÇÕES — elenco aberto em grade compacta
   Valoriza as fotos dos jogadores sem alongar demais a página no celular.
   ========================================================================== */
.sel-roster-section{
  margin:12px 0 16px;
  background:linear-gradient(180deg,rgba(27,66,116,.84),rgba(16,43,78,.78));
  border:1px solid rgba(118,169,225,.24);
  border-radius:16px;
  padding:12px;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}
.sel-roster-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}
.sel-roster-head b{display:block;font-family:'Anton',sans-serif;font-weight:400;font-size:17px;color:var(--gold);text-transform:uppercase;letter-spacing:.6px;line-height:1.05}
.sel-roster-head span{display:block;color:#cbd8ea;font-size:11.5px;line-height:1.35;margin-top:3px}
.sel-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:9px}
.sel-roster-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:4px;
  padding:10px 7px 9px;
  border-radius:14px;
  background:rgba(8,31,58,.52);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.sel-roster-face{width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--navy-3);border:2px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
.sel-roster-face img{width:100%;height:100%;object-fit:cover}
.sel-roster-face.sel-face-ini{font-size:16px;border-color:rgba(255,255,255,.18)}
.sel-roster-card strong{display:block;max-width:100%;color:var(--branco);font-size:11.2px;font-weight:900;line-height:1.13;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.sel-roster-meta{display:block;max-width:100%;color:var(--gold);font-size:9.4px;font-weight:900;letter-spacing:.25px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.sel-roster-card small{display:block;max-width:100%;color:#b7c5d9;font-size:9.2px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){
  .sel-roster-section{padding:11px 10px;border-radius:15px}
  .sel-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sel-roster-card{padding:9px 5px 8px;border-radius:12px}
  .sel-roster-face{width:48px;height:48px}
  .sel-roster-card strong{font-size:10.4px}
  .sel-roster-meta{font-size:8.8px}
  .sel-roster-card small{font-size:8.6px}
}
@media(max-width:340px){
  .sel-roster-face{width:44px;height:44px}
  .sel-roster-card strong{font-size:9.8px}
}

/* ==========================================================================
   ABA SEDES / PALCOS DA COPA (02/07/2026) — países-sede, 16 estádios
   (2 cards por linha no celular, 4 no desktop), mascotes e TRIONDA.
   ========================================================================== */
.pal-hero{margin:14px 2px 12px}
.pal-hero h2{font-family:'Anton',sans-serif;font-weight:400;font-size:24px;letter-spacing:.5px;color:var(--gold);text-transform:uppercase;line-height:1.05;margin-bottom:6px}
.pal-hero p{font-size:13px;color:var(--cinza);line-height:1.5}
.pal-sec-tit{font-family:'Anton',sans-serif;font-weight:400;font-size:16px;color:var(--gold);text-transform:uppercase;letter-spacing:.6px;margin:20px 2px 10px}

.pal-paises{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.pal-pais{background:var(--navy-2);border:1px solid var(--linha);border-radius:13px;padding:11px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.pal-pais-flag{width:44px;height:30px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.pal-pais-nome{font-size:12.5px;font-weight:800;color:var(--branco);line-height:1.15}
.pal-pais-meta{font-size:10px;color:var(--gold);font-weight:700}
.pal-pais-nota{font-size:10px;color:var(--cinza);line-height:1.4}

.pal-filtro{display:flex;gap:7px;margin:0 2px 12px;flex-wrap:wrap}
.pal-chip{background:var(--navy-2);border:1px solid var(--linha);color:var(--cinza);font-family:inherit;font-weight:700;font-size:12.5px;padding:8px 13px;border-radius:999px;cursor:pointer;transition:all .15s}
.pal-chip:hover{border-color:rgba(244,197,66,.5)}
.pal-chip.ativo{background:var(--gold);color:#3a2a00;border-color:var(--gold)}

.pal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:640px){ .pal-grid{grid-template-columns:repeat(4,1fr);gap:9px} }
.pal-card{background:var(--navy-2);border:1px solid var(--linha);border-radius:13px;overflow:hidden;display:flex;flex-direction:column}
.pal-card-foto{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,var(--pc,#3b5bdb) 0%,var(--navy-3) 90%);overflow:hidden}
.pal-card-foto img:not(.pal-card-flag){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pal-card-ini{display:none;position:absolute;inset:0;align-items:center;justify-content:center;font-size:30px;opacity:.85}
.pal-card-foto.sem-img .pal-card-ini{display:flex}
.pal-card-flag{position:absolute;top:6px;left:6px;width:22px;height:15px;border-radius:2.5px;box-shadow:0 0 0 1px rgba(0,0,0,.35);z-index:2}
.pal-card-dest{position:absolute;bottom:6px;left:6px;right:6px;z-index:2;background:rgba(11,31,58,.88);border:1px solid rgba(244,197,66,.45);color:var(--gold);font-size:8.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:999px;padding:3px 7px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pal-card-corpo{padding:9px 9px 11px;display:flex;flex-direction:column;gap:3px;flex:1}
.pal-card-nome{font-size:12px;font-weight:800;color:var(--branco);line-height:1.2}
.pal-card-real{font-size:10px;color:var(--gold);font-weight:700}
.pal-card-cid{font-size:9.5px;color:var(--cinza)}
.pal-card-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}
.pal-mini{background:rgba(0,0,0,.24);border:1px solid var(--linha);border-radius:8px;padding:3px 7px;font-size:9px;color:#dce7f5;font-weight:700;white-space:nowrap}
.pal-card-curio{font-size:9.5px;color:var(--cinza);line-height:1.45;margin-top:5px;border-top:1px solid rgba(255,255,255,.07);padding-top:6px}
.pal-vazio{grid-column:1/-1;color:var(--cinza);font-size:13px;text-align:center;padding:24px 10px;background:var(--navy-2);border:1px solid var(--linha);border-radius:12px}

.pal-mascotes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.pal-mascote{background:var(--navy-2);border:1px solid var(--linha);border-radius:13px;padding:11px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}
.pal-mascote-img{position:relative;width:72px;height:72px;border-radius:50%;background:var(--navy-3);border:2px solid rgba(244,197,66,.35);overflow:hidden;display:flex;align-items:center;justify-content:center}
.pal-mascote-img img{width:100%;height:100%;object-fit:cover}
.pal-mascote-emoji{display:none;font-size:32px}
.pal-mascote-img.sem-img .pal-mascote-emoji{display:block}
.pal-mascote-nome{font-family:'Anton',sans-serif;font-size:14px;color:var(--gold);letter-spacing:.5px}
.pal-mascote-desc{font-size:10px;color:var(--cinza);line-height:1.4}

.pal-trionda{background:linear-gradient(135deg,rgba(244,197,66,.10),var(--navy-2) 55%);border:1px solid rgba(244,197,66,.35);border-radius:14px;padding:13px;display:flex;gap:13px;align-items:center}
.pal-trionda-img{position:relative;flex:0 0 auto;width:92px;height:92px;border-radius:50%;background:var(--navy-3);border:2px solid rgba(244,197,66,.45);overflow:hidden;display:flex;align-items:center;justify-content:center}
.pal-trionda-img img{width:100%;height:100%;object-fit:cover}
.pal-trionda-emoji{display:none;font-size:40px}
.pal-trionda-img.sem-img .pal-trionda-emoji{display:block}
.pal-trionda-txt{flex:1;min-width:0}
.pal-trionda-nome{font-family:'Anton',sans-serif;font-size:19px;color:var(--gold);letter-spacing:.8px;margin-bottom:4px}
.pal-trionda-txt p{font-size:11.5px;color:#dce7f5;line-height:1.5;margin-bottom:6px}
.pal-trionda-txt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.pal-trionda-txt li{font-size:10.5px;color:var(--cinza);padding-left:14px;position:relative}
.pal-trionda-txt li::before{content:"•";color:var(--gold);position:absolute;left:2px}
@media(max-width:480px){ .pal-trionda{flex-direction:column;text-align:center} .pal-trionda-txt li{text-align:left} }

.pal-legal{font-size:9.5px;color:var(--cinza);line-height:1.55;margin-top:16px;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid var(--linha);border-radius:10px}
.pal-legal b{color:#dce7f5}

/* ==========================================================================
   IMAGE PREVIEW / LIGHTBOX — jogadores, palcos, mascotes e bola
   Clique/toque no card para ver a foto ampliada sem bagunçar o layout.
   ========================================================================== */
.sel-previewable,
.pal-previewable{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease}
.sel-previewable:hover,
.pal-previewable:hover{transform:translateY(-1px);border-color:rgba(244,197,66,.55);box-shadow:0 12px 28px rgba(0,0,0,.22),0 0 0 1px rgba(244,197,66,.12);filter:saturate(1.06)}
.sel-previewable:focus-visible,
.pal-previewable:focus-visible{outline:2px solid rgba(244,197,66,.92);outline-offset:3px}
.sel-roster-card.sel-previewable::after,
.sel-scorer-card.sel-previewable::after,
.pal-card.pal-previewable .pal-card-foto::after,
.pal-mascote.pal-previewable .pal-mascote-img::after,
.pal-trionda.pal-previewable .pal-trionda-img::after{content:"🔍";position:absolute;right:4px;bottom:4px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;background:rgba(7,21,42,.78);border:1px solid rgba(244,197,66,.45);box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:3}
.sel-roster-card.sel-previewable,.sel-scorer-card.sel-previewable{position:relative}
.sel-roster-card.sel-previewable::after,.sel-scorer-card.sel-previewable::after{right:7px;top:7px;bottom:auto}

.copa-preview-open body{overflow:hidden}
.copa-img-preview{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .18s ease}
.copa-img-preview.ativo{opacity:1}
.copa-img-preview[hidden]{display:none}
.copa-img-preview-backdrop{position:absolute;inset:0;background:rgba(2,10,24,.82);backdrop-filter:blur(5px)}
.copa-img-preview-card{position:relative;width:min(92vw,560px);max-height:88vh;background:linear-gradient(180deg,rgba(15,43,78,.98),rgba(6,22,44,.98));border:1px solid rgba(244,197,66,.46);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.05) inset;overflow:hidden;transform:translateY(8px) scale(.985);transition:transform .18s ease;display:flex;flex-direction:column}
.copa-img-preview.ativo .copa-img-preview-card{transform:translateY(0) scale(1)}
.copa-img-preview-close{position:absolute;top:9px;right:9px;z-index:4;width:36px;height:36px;border-radius:50%;border:1px solid rgba(244,197,66,.65);background:rgba(7,21,42,.84);color:var(--gold);font-size:25px;line-height:1;font-weight:900;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.32)}
.copa-img-preview-close:focus-visible{outline:2px solid rgba(244,197,66,.95);outline-offset:2px}
.copa-img-preview-media{background:radial-gradient(circle at center,rgba(244,197,66,.10),rgba(0,0,0,.18));display:flex;align-items:center;justify-content:center;min-height:220px;max-height:72vh;padding:12px}
.copa-img-preview-media img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:15px;box-shadow:0 12px 36px rgba(0,0,0,.38)}
.copa-img-preview-caption{padding:12px 15px 15px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.copa-img-preview-caption strong{display:block;color:var(--branco);font-size:16px;font-weight:900;line-height:1.18;margin-bottom:4px}
.copa-img-preview-caption span{display:block;color:#cbd8ea;font-size:12.5px;line-height:1.35}
@media(max-width:520px){
  .copa-img-preview{padding:10px}
  .copa-img-preview-card{width:calc(100vw - 20px);border-radius:18px;max-height:90vh}
  .copa-img-preview-media{padding:10px;min-height:260px;max-height:74vh}
  .copa-img-preview-media img{max-height:72vh;border-radius:14px}
  .copa-img-preview-caption strong{font-size:15px}
  .copa-img-preview-caption span{font-size:12px}
}


/* Museu da Copa */
.museu-wrap{color:var(--branco)}
.museu-hero{margin-top:16px;border:1px solid rgba(255,204,41,.34);border-radius:22px;padding:22px;background:
  radial-gradient(circle at 20% 0%,rgba(255,204,41,.18),transparent 38%),
  linear-gradient(135deg,rgba(19,41,75,.98),rgba(11,31,58,.96));box-shadow:0 18px 55px rgba(0,0,0,.35);overflow:hidden;position:relative}
.museu-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:210px;height:210px;border-radius:50%;background:rgba(255,204,41,.08);border:1px solid rgba(255,204,41,.18)}
.museu-hero-kicker{display:inline-flex;align-items:center;gap:7px;background:rgba(255,204,41,.14);border:1px solid rgba(255,204,41,.3);color:var(--gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:7px 10px;border-radius:999px}
.museu-hero h1{font-family:'Anton',sans-serif;font-size:46px;line-height:.94;letter-spacing:.5px;margin:12px 0 8px;text-transform:uppercase;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.35)}
.museu-hero p{max-width:760px;margin:0;color:#dce8f7;line-height:1.55;font-size:16px}
.museu-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;position:relative;z-index:1}
.museu-stat{background:rgba(7,20,39,.72);border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:13px;text-align:center;min-height:82px;display:flex;flex-direction:column;justify-content:center}
.museu-stat b{font-family:'Anton',sans-serif;font-size:28px;color:var(--gold);font-weight:400;line-height:1}
.museu-stat span{font-size:12px;color:#c8d5e7;margin-top:6px;line-height:1.25}
.museu-salas-box{margin-top:16px}
.museu-sec-head{margin:18px 0 10px}
.museu-sec-head h2{font-family:'Anton',sans-serif;font-size:28px;font-weight:400;letter-spacing:.3px;margin:0;color:#fff;text-transform:uppercase}
.museu-sec-head p{margin:4px 0 0;color:var(--cinza);font-size:14px;line-height:1.45}
.museu-salas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.museu-sala{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:linear-gradient(180deg,rgba(28,58,99,.95),rgba(19,41,75,.95));border:1px solid rgba(255,204,41,.24);border-radius:16px;padding:14px;min-height:128px;box-shadow:0 10px 24px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.museu-sala:hover{transform:translateY(-2px);border-color:rgba(255,204,41,.65);background:linear-gradient(180deg,rgba(35,72,122,.98),rgba(19,41,75,.98))}
.museu-sala-ico{font-size:28px;line-height:1}
.museu-sala b{color:#fff;font-size:16px}
.museu-sala small{color:#c7d5e9;font-size:12px;line-height:1.35}
.museu-nav{display:flex;gap:8px;overflow-x:auto;background:rgba(19,41,75,.95);border:1px solid var(--linha);border-radius:14px;padding:8px;margin:16px 0;position:sticky;top:60px;z-index:50;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.museu-nav::-webkit-scrollbar{display:none}
.museu-nav a{flex:0 0 auto;color:#d8e4f4;text-decoration:none;background:rgba(11,31,58,.9);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 11px;font-size:12px;font-weight:800;white-space:nowrap}
.museu-nav a:hover{border-color:var(--gold);color:#fff}
.museu-section{scroll-margin-top:118px;margin-top:22px}
.museu-ed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.museu-ed-card{background:linear-gradient(180deg,rgba(19,41,75,.98),rgba(11,31,58,.98));border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px;min-height:170px;box-shadow:0 10px 22px rgba(0,0,0,.22)}
.museu-ed-card.museu-ed-atual{border-color:rgba(255,204,41,.55);box-shadow:0 0 0 1px rgba(255,204,41,.12),0 12px 28px rgba(0,0,0,.28)}
.museu-ed-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}
.museu-ed-top span{font-family:'Anton',sans-serif;color:var(--gold);font-size:28px;line-height:1;font-weight:400}
.museu-ed-top b{font-size:12px;color:#dbe7f7;text-align:right;line-height:1.2}
.museu-ed-campeao{font-weight:900;color:#fff;font-size:15px;margin-bottom:5px}
.museu-ed-final{color:#c7d5e9;font-size:12px;min-height:32px;line-height:1.35}
.museu-ed-card details{margin-top:8px}
.museu-ed-card summary{cursor:pointer;color:var(--gold);font-weight:900;font-size:12px;list-style:none;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}
.museu-ed-card summary::-webkit-details-marker{display:none}
.museu-ed-det{margin-top:8px;color:#d8e4f4;font-size:12px;line-height:1.45}
.museu-ed-det p{margin:6px 0}
.museu-rank-grid,.museu-record-grid,.museu-visual-grid,.museu-brasil-grid,.museu-momento-grid,.museu-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.museu-rank-card,.museu-record,.museu-visual,.museu-brasil-card,.museu-momento,.museu-mini-card{background:rgba(19,41,75,.96);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:13px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.museu-rank-card{position:relative;padding-left:44px;min-height:86px}
.museu-rank-pos{position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#3a2a00;font-weight:900;font-size:12px}
.museu-rank-card b,.museu-record b,.museu-visual b,.museu-brasil-card b,.museu-momento b,.museu-mini-card b{display:block;color:#fff;font-size:15px;line-height:1.2}
.museu-rank-card strong,.museu-record strong{display:block;color:var(--gold);font-size:18px;line-height:1.15;margin:4px 0}
.museu-rank-card small,.museu-record small,.museu-visual small,.museu-mini-card small{color:#c8d5e7;font-size:12px;line-height:1.35}
.museu-final-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.museu-final-card{display:flex;flex-direction:column;gap:4px;background:rgba(19,41,75,.96);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px}
.museu-final-card b{color:#fff;font-size:13px}.museu-final-card span{display:block;color:var(--gold);font-weight:900;font-size:14px;margin-top:3px}.museu-final-card small{color:#c8d5e7;font-size:12px;line-height:1.3}
.museu-duo{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.museu-duo h3{margin:0 0 9px;color:#fff;font-size:17px}
.museu-topscorers{display:flex;flex-direction:column;gap:7px}.museu-topscorer{display:grid;grid-template-columns:28px 1fr 38px;gap:8px;align-items:center;background:rgba(19,41,75,.96);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:9px}.museu-topscorer span{background:var(--gold);color:#3a2a00;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;font-weight:900;font-size:12px}.museu-topscorer b{color:#fff;font-size:13px}.museu-topscorer strong{color:var(--gold);font-size:18px;text-align:right}.museu-topscorer small{grid-column:2/4;color:#c8d5e7;font-size:11px;margin-top:-5px}
.museu-visual span{display:block;font-size:30px;margin-bottom:8px}.museu-brasil-card span,.museu-momento span{display:inline-flex;color:#3a2a00;background:var(--gold);border-radius:999px;padding:4px 8px;font-weight:900;font-size:12px;margin-bottom:8px}.museu-brasil-card p,.museu-momento p{color:#d8e4f4;font-size:13px;line-height:1.45;margin:6px 0 0}.museu-vazio,.museu-erro{background:var(--navy-2);border:1px solid var(--linha);border-radius:14px;padding:16px;color:var(--cinza);text-align:center}.museu-nota{color:var(--cinza);font-size:12px;line-height:1.5;margin:18px 2px}
@media (max-width:900px){.museu-stats{grid-template-columns:repeat(2,1fr)}.museu-salas{grid-template-columns:repeat(2,1fr)}.museu-ed-grid,.museu-rank-grid,.museu-record-grid,.museu-visual-grid,.museu-brasil-grid,.museu-momento-grid,.museu-mini-grid{grid-template-columns:repeat(2,1fr)}.museu-duo{grid-template-columns:1fr}.museu-final-list{grid-template-columns:1fr}}
@media (max-width:520px){.museu-hero{padding:18px}.museu-hero h1{font-size:38px}.museu-hero p{font-size:14px}.museu-stats{gap:8px}.museu-stat{padding:11px;min-height:76px}.museu-stat b{font-size:24px}.museu-salas{gap:8px}.museu-sala{min-height:118px;padding:12px}.museu-sala-ico{font-size:24px}.museu-sec-head h2{font-size:24px}.museu-ed-grid{grid-template-columns:1fr}.museu-rank-grid,.museu-record-grid,.museu-visual-grid,.museu-brasil-grid,.museu-momento-grid,.museu-mini-grid{grid-template-columns:repeat(2,1fr);gap:8px}.museu-record strong{font-size:15px}.museu-nav{top:54px;margin-left:-2px;margin-right:-2px}.museu-topscorer{grid-template-columns:26px 1fr 32px}.museu-topscorer b{font-size:12px}}

/* ===== Museu da Copa v2 — ajuste desktop, flags e créditos visuais ===== */
.museu-nav{margin:28px 0 28px;top:80px;z-index:55}
.museu-section{scroll-margin-top:154px;margin-top:30px}
.museu-ed-grid{grid-template-columns:repeat(3,1fr)}
.museu-rank-grid,.museu-record-grid,.museu-visual-grid,.museu-brasil-grid,.museu-momento-grid,.museu-mini-grid{grid-template-columns:repeat(3,1fr)}
.museu-ed-campeao{display:flex;align-items:center;gap:7px;min-height:24px}
.museu-ed-campeao span{min-width:0;line-height:1.2}
.museu-flag{width:24px;max-width:24px;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.18);flex:0 0 auto}
.museu-flag-placeholder{width:24px;height:18px;display:inline-grid;place-items:center;flex:0 0 auto;font-size:15px}
.museu-rank-title{display:flex;align-items:center;gap:7px;margin-bottom:4px;min-width:0}
.museu-rank-title b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.museu-visual code{display:block;margin-top:9px;background:rgba(7,20,39,.68);border:1px solid rgba(255,255,255,.10);border-radius:9px;color:var(--gold);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.35;padding:7px 8px;word-break:break-word}
.museu-disclaimer{margin:10px 2px 0;background:rgba(255,204,41,.08);border:1px solid rgba(255,204,41,.22);border-radius:12px;padding:10px 12px;color:#d8e4f4;font-size:11.5px;line-height:1.45}
.museu-disclaimer b{color:var(--gold)}
@media (max-width:900px){
  .museu-nav{top:74px;margin:24px 0 24px}
  .museu-ed-grid,.museu-rank-grid,.museu-record-grid,.museu-visual-grid,.museu-brasil-grid,.museu-momento-grid,.museu-mini-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .museu-nav{top:70px;margin:22px -2px 22px}
  .museu-section{scroll-margin-top:142px;margin-top:26px}
  .museu-ed-grid{grid-template-columns:1fr}
  .museu-rank-grid,.museu-record-grid,.museu-visual-grid,.museu-brasil-grid,.museu-momento-grid,.museu-mini-grid{grid-template-columns:repeat(2,1fr)}
  .museu-flag{width:22px;max-width:22px}
  .museu-visual code{font-size:10.5px;padding:6px 7px}
}

/* Museu da Copa — imagens de mascotes e bolas ampliáveis */
.museu-visual-com-img{position:relative;overflow:hidden;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.museu-visual-com-img:hover{transform:translateY(-2px);border-color:rgba(255,204,41,.46);box-shadow:0 12px 26px rgba(0,0,0,.28)}
.museu-visual-com-img:focus-visible{outline:2px solid rgba(255,204,41,.9);outline-offset:3px}
.museu-visual-imgbox{height:92px;margin:-2px -2px 10px;border-radius:13px;background:radial-gradient(circle at center,rgba(255,204,41,.16),rgba(7,20,39,.72));border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;padding:8px}
.museu-visual-imgbox img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}
.museu-visual-fallback{display:none}
.museu-visual-com-img.sem-img{cursor:default}
.museu-visual-com-img.sem-img:hover{transform:none;border-color:rgba(255,255,255,.12);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.museu-visual-com-img.sem-img .museu-visual-fallback{display:block;font-size:30px;margin-bottom:8px}
.museu-visual-com-img.sem-img::after{content:"PNG pendente";position:absolute;top:9px;right:9px;border-radius:999px;background:rgba(255,204,41,.14);border:1px solid rgba(255,204,41,.30);color:var(--gold);font-size:10px;font-weight:900;padding:4px 7px;text-transform:uppercase;letter-spacing:.3px}
.museu-visual-com-img:not(.sem-img)::after{content:"🔍";position:absolute;right:9px;top:9px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(7,20,39,.74);border:1px solid rgba(255,204,41,.40);font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
@media (max-width:520px){
  .museu-visual-imgbox{height:82px;margin-bottom:8px;padding:7px}
  .museu-visual-com-img:not(.sem-img)::after{width:22px;height:22px;font-size:11px}
}

/* ==========================================================
   Museu da Copa — FIX V4: padronização rígida de mascotes/bolas
   ========================================================== */
.museu-visual-grid{align-items:stretch}
.museu-visual.museu-visual-com-img{
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:6px;
  overflow:hidden;
}
.museu-visual.museu-visual-com-img .museu-visual-imgbox{
  width:100% !important;
  height:118px !important;
  min-height:118px !important;
  max-height:118px !important;
  margin:0 0 9px !important;
  padding:8px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border-radius:13px !important;
  background:
    linear-gradient(45deg,rgba(255,255,255,.92) 25%,rgba(238,242,247,.92) 25%,rgba(238,242,247,.92) 50%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.92) 75%,rgba(238,242,247,.92) 75%);
  background-size:22px 22px;
  border:1px solid rgba(255,255,255,.14);
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 118px !important;
}
.museu-visual.museu-visual-com-img .museu-visual-imgbox img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.24));
}
.museu-visual.museu-visual-com-img b{min-height:36px}
.museu-visual.museu-visual-com-img small{min-height:32px}
.museu-visual.museu-visual-com-img code{margin-top:auto}
.museu-visual.museu-visual-com-img.sem-img .museu-visual-imgbox{display:none !important}
.museu-visual.museu-visual-com-img.sem-img .museu-visual-fallback{display:block !important;font-size:30px;margin-bottom:8px}
.museu-visual.museu-visual-com-img.sem-img:hover{transform:none;border-color:rgba(255,255,255,.12);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.museu-visual.museu-visual-com-img.sem-img::after{
  content:"PNG pendente";
  position:absolute;
  top:9px;
  right:9px;
  border-radius:999px;
  background:rgba(255,204,41,.14);
  border:1px solid rgba(255,204,41,.30);
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  padding:4px 7px;
  text-transform:uppercase;
  letter-spacing:.3px;
}
.museu-visual.museu-visual-com-img:not(.sem-img)::after{
  content:"🔍";
  position:absolute;
  right:9px;
  top:9px;
  width:24px;
  height:24px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(7,20,39,.74);
  border:1px solid rgba(255,204,41,.40);
  font-size:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.25);
}

/* Lightbox: ampliado, mas controlado */
.copa-img-preview-card{width:min(92vw,560px) !important;max-height:88vh !important}
.copa-img-preview-media{
  min-height:260px !important;
  max-height:68vh !important;
  padding:16px !important;
  overflow:hidden !important;
  background:
    linear-gradient(45deg,rgba(255,255,255,.95) 25%,rgba(238,242,247,.95) 25%,rgba(238,242,247,.95) 50%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.95) 75%,rgba(238,242,247,.95) 75%) !important;
  background-size:28px 28px !important;
}
.copa-img-preview-media img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:62vh !important;
  object-fit:contain !important;
  border-radius:12px !important;
  box-shadow:none !important;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.34));
}
@media (min-width:901px){
  .museu-visual.museu-visual-com-img .museu-visual-imgbox{
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    flex-basis:112px !important;
  }
}
@media (max-width:520px){
  .museu-visual.museu-visual-com-img{padding:10px}
  .museu-visual.museu-visual-com-img .museu-visual-imgbox{
    height:92px !important;
    min-height:92px !important;
    max-height:92px !important;
    flex-basis:92px !important;
    padding:7px !important;
    border-radius:12px !important;
  }
  .museu-visual.museu-visual-com-img b{font-size:13px;min-height:32px}
  .museu-visual.museu-visual-com-img small{font-size:11.5px;min-height:30px}
  .copa-img-preview-card{width:calc(100vw - 20px) !important;max-height:90vh !important}
  .copa-img-preview-media{min-height:250px !important;max-height:66vh !important;padding:12px !important}
  .copa-img-preview-media img{max-height:60vh !important}
}

/* ==========================================================
   Museu da Copa — FIX V5: fit visual limpo para mascotes/bolas
   Remove o fundo xadrez/listrado e padroniza o enquadramento.
   ========================================================== */
.museu-visual.museu-visual-com-img .museu-visual-imgbox{
  width:100% !important;
  height:126px !important;
  min-height:126px !important;
  max-height:126px !important;
  flex:0 0 126px !important;
  margin:0 0 10px !important;
  padding:10px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at center, rgba(255,204,41,.16), rgba(255,204,41,.04) 42%, rgba(6,22,44,.82) 72%),
    linear-gradient(180deg, rgba(15,43,78,.96), rgba(8,27,53,.96)) !important;
  border:1px solid rgba(255,204,41,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.museu-visual.museu-visual-com-img .museu-visual-imgbox img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:10px !important;
  box-shadow:none !important;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.30)) !important;
}
.museu-visual.museu-visual-com-img:not(.sem-img)::after{
  right:10px !important;
  top:10px !important;
  background:rgba(7,20,39,.82) !important;
}

/* Lightbox limpo e com fit controlado */
.copa-img-preview-card{
  width:min(92vw,520px) !important;
  max-height:88vh !important;
  border-radius:20px !important;
}
.copa-img-preview-media{
  min-height:300px !important;
  max-height:66vh !important;
  padding:18px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at center, rgba(255,204,41,.13), rgba(255,204,41,.03) 44%, rgba(6,22,44,.88) 76%),
    linear-gradient(180deg, rgba(15,43,78,.98), rgba(8,27,53,.98)) !important;
  border-bottom:1px solid rgba(255,204,41,.16) !important;
}
.copa-img-preview-media img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:min(100%,440px) !important;
  max-height:60vh !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:14px !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.40)) !important;
}
.copa-img-preview-caption{
  background:linear-gradient(180deg,rgba(8,27,53,.98),rgba(5,18,36,.98)) !important;
}

@media (min-width:901px){
  .museu-visual.museu-visual-com-img .museu-visual-imgbox{
    height:118px !important;
    min-height:118px !important;
    max-height:118px !important;
    flex-basis:118px !important;
  }
}
@media (max-width:520px){
  .museu-visual.museu-visual-com-img .museu-visual-imgbox{
    height:104px !important;
    min-height:104px !important;
    max-height:104px !important;
    flex-basis:104px !important;
    padding:8px !important;
    border-radius:13px !important;
  }
  .copa-img-preview-card{
    width:calc(100vw - 22px) !important;
    max-height:90vh !important;
  }
  .copa-img-preview-media{
    min-height:270px !important;
    max-height:65vh !important;
    padding:14px !important;
  }
  .copa-img-preview-media img{
    max-width:100% !important;
    max-height:58vh !important;
  }
}

/* ==========================================================
   Museu da Copa — FIX V6: mascotes/bolas em círculo no card
   Card continua normal; só a imagem interna fica circular.
   No clique, o lightbox permanece retangular com cantos arredondados.
   ========================================================== */
.museu-visual.museu-visual-com-img{
  align-items:center;
  text-align:center;
}
.museu-visual.museu-visual-com-img .museu-visual-imgbox{
  width:118px !important;
  height:118px !important;
  min-width:118px !important;
  min-height:118px !important;
  max-width:118px !important;
  max-height:118px !important;
  flex:0 0 118px !important;
  margin:0 auto 11px !important;
  padding:12px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 38% 28%, rgba(255,255,255,.18), transparent 24%),
    radial-gradient(circle at center, rgba(255,204,41,.18), rgba(255,204,41,.05) 44%, rgba(6,22,44,.90) 75%),
    linear-gradient(180deg, rgba(15,43,78,.98), rgba(8,27,53,.98)) !important;
  border:1px solid rgba(255,204,41,.34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 10px 24px rgba(0,0,0,.26) !important;
}
.museu-visual.museu-visual-com-img .museu-visual-imgbox img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.28)) !important;
}
.museu-visual.museu-visual-com-img:not(.sem-img)::after{
  top:10px !important;
  right:10px !important;
}
.museu-visual.museu-visual-com-img b,
.museu-visual.museu-visual-com-img small,
.museu-visual.museu-visual-com-img code{
  width:100%;
}
.museu-visual.museu-visual-com-img.sem-img .museu-visual-imgbox{
  display:none !important;
}

@media (min-width:901px){
  .museu-visual.museu-visual-com-img .museu-visual-imgbox{
    width:112px !important;
    height:112px !important;
    min-width:112px !important;
    min-height:112px !important;
    max-width:112px !important;
    max-height:112px !important;
    flex-basis:112px !important;
  }
}
@media (max-width:520px){
  .museu-visual.museu-visual-com-img .museu-visual-imgbox{
    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    min-height:92px !important;
    max-width:92px !important;
    max-height:92px !important;
    flex-basis:92px !important;
    padding:9px !important;
    margin-bottom:9px !important;
  }
}

/* ==========================================================
   Museu da Copa — FIX V7: submenu com rolagem visível e item ativo
   Mantém o menu principal intacto. Atua só no submenu interno do Museu.
   ========================================================== */
#museu-nav.museu-nav{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:var(--gold) rgba(255,255,255,.10);
  padding:8px 8px 13px !important;
  margin:24px 0 26px !important;
  gap:8px !important;
  justify-content:flex-start !important;
}
#museu-nav.museu-nav::-webkit-scrollbar{
  height:7px !important;
  display:block !important;
}
#museu-nav.museu-nav::-webkit-scrollbar-track{
  background:rgba(255,255,255,.10);
  border-radius:999px;
}
#museu-nav.museu-nav::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,rgba(255,204,41,.92),rgba(255,229,117,.92));
  border-radius:999px;
}
#museu-nav.museu-nav a{
  flex:0 0 auto !important;
  user-select:none;
}
#museu-nav.museu-nav a.ativo{
  background:linear-gradient(180deg,#ffd953,#f6be25) !important;
  color:#16243e !important;
  border-color:rgba(255,221,91,.96) !important;
  box-shadow:0 8px 20px rgba(255,204,41,.20) !important;
}
@media (min-width:901px){
  #museu-nav.museu-nav{
    max-width:100%;
    margin-top:26px !important;
    margin-bottom:28px !important;
  }
}
@media (max-width:520px){
  #museu-nav.museu-nav{
    margin:22px -2px 24px !important;
    padding:8px 8px 12px !important;
  }
  #museu-nav.museu-nav::-webkit-scrollbar{
    height:6px !important;
  }
}

/* ==========================================================
   Museu da Copa — FIX V8: cards visuais limpos
   Remove emoji/fallback e nome técnico do arquivo PNG de mascotes/bolas.
   ========================================================== */
.museu-visual.museu-visual-com-img code,
.museu-visual.museu-visual-com-img .museu-visual-fallback{
  display:none !important;
}
.museu-visual.museu-visual-com-img{
  justify-content:flex-start !important;
}
.museu-visual.museu-visual-com-img b{
  min-height:auto !important;
  margin-top:2px;
}
.museu-visual.museu-visual-com-img small{
  min-height:auto !important;
  margin-top:2px;
}
.museu-visual.museu-visual-com-img.sem-img::after{
  display:none !important;
}

/* ==========================================================
   Museu da Copa — FIX V9 FINAL: cards limpos e imagens circulares
   Não mostra emoji nem nome do arquivo PNG em mascotes/bolas.
   ========================================================== */
.museu-visual.museu-visual-com-img{
  align-items:center !important;
  text-align:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}
.museu-visual.museu-visual-com-img code,
.museu-visual.museu-visual-com-img .museu-visual-fallback{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}
.museu-visual.museu-visual-com-img .museu-visual-imgbox{
  width:112px !important;
  height:112px !important;
  min-width:112px !important;
  min-height:112px !important;
  max-width:112px !important;
  max-height:112px !important;
  flex:0 0 112px !important;
  margin:0 auto 11px !important;
  padding:11px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 38% 28%, rgba(255,255,255,.18), transparent 24%),
    radial-gradient(circle at center, rgba(255,204,41,.18), rgba(255,204,41,.05) 44%, rgba(6,22,44,.90) 75%),
    linear-gradient(180deg, rgba(15,43,78,.98), rgba(8,27,53,.98)) !important;
  border:1px solid rgba(255,204,41,.34) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.26) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.museu-visual.museu-visual-com-img .museu-visual-imgbox img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.28)) !important;
}
.museu-visual.museu-visual-com-img b{
  width:100% !important;
  min-height:auto !important;
  margin-top:2px !important;
  text-align:center !important;
}
.museu-visual.museu-visual-com-img small{
  width:100% !important;
  min-height:auto !important;
  margin-top:2px !important;
  text-align:center !important;
}
.museu-visual.museu-visual-com-img.sem-img::after{
  display:none !important;
}
@media (max-width:520px){
  .museu-visual.museu-visual-com-img .museu-visual-imgbox{
    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    min-height:92px !important;
    max-width:92px !important;
    max-height:92px !important;
    flex-basis:92px !important;
    padding:9px !important;
    margin-bottom:9px !important;
  }
}

/* ==========================================================
   Museu da Copa — FIX V10: Artilheiros bonito e responsivo
   Separa ano, nome, gols e país para não colar o número no jogador.
   ========================================================== */
.museu-artilheiros-layout{
  align-items:start;
}
.museu-artilheiros-bloco h3{
  margin:0 0 10px;
  color:var(--branco);
  font-size:19px;
  line-height:1.15;
}
.museu-scorer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.museu-scorer-ed{
  position:relative;
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:7px;
  background:linear-gradient(180deg,rgba(19,41,75,.98),rgba(11,31,58,.98));
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  padding:13px;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  overflow:hidden;
}
.museu-scorer-ed::after{
  content:"";
  position:absolute;
  right:-24px;
  top:-24px;
  width:74px;
  height:74px;
  border-radius:50%;
  background:rgba(255,204,41,.06);
  border:1px solid rgba(255,204,41,.10);
}
.museu-scorer-year{
  font-family:'Anton',sans-serif;
  color:var(--gold);
  font-size:24px;
  line-height:.95;
  letter-spacing:.3px;
  position:relative;
  z-index:1;
}
.museu-scorer-name{
  color:#fff;
  font-weight:900;
  font-size:15.5px;
  line-height:1.12;
  word-break:normal;
  overflow-wrap:break-word;
  position:relative;
  z-index:1;
}
.museu-scorer-meta{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  position:relative;
  z-index:1;
}
.museu-scorer-goals{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 9px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffd953,#f6be25);
  color:#142441;
  font-weight:900;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}
.museu-scorer-country{
  color:#d8e4f4;
  font-size:12px;
  line-height:1.2;
}
.museu-topscorers{
  display:grid;
  gap:8px;
}
.museu-topscorer{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:66px;
  background:linear-gradient(180deg,rgba(19,41,75,.98),rgba(11,31,58,.98));
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  padding:10px;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.museu-topscorer-pos{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,#ffd953,#f6be25);
  color:#142441;
  font-weight:900;
  font-size:13px;
}
.museu-topscorer-main{
  min-width:0;
}
.museu-topscorer-main b{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.15;
  overflow-wrap:break-word;
}
.museu-topscorer-main small{
  display:block;
  margin-top:3px;
  color:#c8d5e7;
  font-size:11.5px;
  line-height:1.25;
}
.museu-topscorer strong{
  color:var(--gold);
  font-size:22px;
  font-weight:900;
  line-height:1;
  padding-left:4px;
}
@media (max-width:900px){
  .museu-scorer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:520px){
  .museu-artilheiros-bloco h3{
    font-size:18px;
    margin-bottom:9px;
  }
  .museu-scorer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  .museu-scorer-ed{
    min-height:128px;
    padding:12px;
    border-radius:14px;
  }
  .museu-scorer-year{
    font-size:22px;
  }
  .museu-scorer-name{
    font-size:14.5px;
  }
  .museu-scorer-goals{
    font-size:11.5px;
    padding:5px 8px;
    min-height:24px;
  }
  .museu-scorer-country{
    font-size:11.5px;
  }
  .museu-topscorer{
    grid-template-columns:31px minmax(0,1fr) auto;
    gap:8px;
    min-height:62px;
    padding:9px;
  }
  .museu-topscorer-pos{
    width:27px;
    height:27px;
    font-size:12px;
  }
  .museu-topscorer-main b{
    font-size:13.5px;
  }
  .museu-topscorer-main small{
    font-size:11px;
  }
  .museu-topscorer strong{
    font-size:20px;
  }
}

/* ==========================================================
   Avisos legais reforçados — imagens, marcas e conteúdo editorial
   ========================================================== */
.legal-box{
  margin:18px 0 14px;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid rgba(255,204,41,.26);
  background:linear-gradient(180deg,rgba(255,204,41,.09),rgba(19,41,75,.78));
  color:#d8e4f4;
  font-size:12.2px;
  line-height:1.52;
  box-shadow:0 10px 24px rgba(0,0,0,.20);
}
.legal-box b{
  color:var(--gold);
  font-weight:900;
}
.legal-box a{
  color:var(--gold);
  font-weight:900;
  text-decoration:none;
}
.legal-box a:hover{
  text-decoration:underline;
}
.legal-box-atletas,.legal-box-palcos,.legal-box-museu{
  max-width:100%;
}
@media(max-width:520px){
  .legal-box{
    margin:16px 0 12px;
    padding:12px;
    font-size:11.7px;
    line-height:1.48;
    border-radius:13px;
  }
}

/* ==========================================================
   Avisos legais reforçados — v12
   ========================================================== */
.rodape-disclaimer-global,
.rs-disc{
  width:100%;
  max-width:920px;
  margin:10px auto 0;
  padding:9px 11px;
  border-radius:12px;
  border:1px solid rgba(255,204,41,.18);
  background:rgba(255,204,41,.06);
  color:#cbd8ea;
  font-size:11px;
  line-height:1.45;
  text-align:center;
}
.legal-box{
  margin:18px 0 14px;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid rgba(255,204,41,.26);
  background:linear-gradient(180deg,rgba(255,204,41,.09),rgba(19,41,75,.78));
  color:#d8e4f4;
  font-size:12.2px;
  line-height:1.52;
  box-shadow:0 10px 24px rgba(0,0,0,.20);
}
.legal-box b{
  color:var(--gold);
  font-weight:900;
}
.legal-box a{
  color:var(--gold);
  font-weight:900;
  text-decoration:none;
}
.legal-box a:hover{
  text-decoration:underline;
}
.legal-completo{
  margin:22px 0 24px;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(255,204,41,.32);
  background:
    radial-gradient(circle at 10% 0%,rgba(255,204,41,.13),transparent 30%),
    linear-gradient(180deg,rgba(19,41,75,.95),rgba(7,21,42,.96));
  box-shadow:0 14px 36px rgba(0,0,0,.28);
}
.legal-completo h2{
  margin:0 0 12px;
  color:var(--gold);
  font-family:'Anton',Archivo,sans-serif;
  text-transform:uppercase;
  font-size:28px;
  line-height:1;
  letter-spacing:.3px;
}
.legal-completo p{
  color:#d8e4f4;
  font-size:13px;
  line-height:1.58;
  margin:10px 0 0;
}
.legal-completo b{
  color:var(--gold);
}
@media(max-width:520px){
  .rodape-disclaimer-global,
  .rs-disc{
    font-size:10.5px;
    line-height:1.42;
    padding:8px 9px;
  }
  .legal-box{
    margin:16px 0 12px;
    padding:12px;
    font-size:11.7px;
    line-height:1.48;
    border-radius:13px;
  }
  .legal-completo{
    padding:14px;
    border-radius:15px;
  }
  .legal-completo h2{
    font-size:23px;
  }
  .legal-completo p{
    font-size:12px;
    line-height:1.52;
  }
}

/* ==========================================================
   Ajustes visuais v13 — Estatísticas, Seleções e Artilheiros Museu
   ========================================================== */
.museu-scorer-goals.museu-scorer-status{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  white-space:normal !important;
  text-align:center;
  line-height:1.05;
  font-size:10.5px;
  padding:6px 6px;
  min-height:28px;
}
@media(max-width:520px){
  .museu-scorer-goals.museu-scorer-status{
    font-size:10px;
    padding:6px 5px;
    min-height:28px;
  }
}

/* ==========================================================
   Estatísticas — refresh ao vivo por jogo v14
   ========================================================== */
.stat-live-status{
  margin:10px 0 12px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(238,94,97,.42);
  background:rgba(238,94,97,.12);
  color:#ffd6d6;
  font-weight:900;
  font-size:12.5px;
  text-align:center;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}
.stat-live-status b{
  color:#fff;
}
@media(max-width:520px){
  .stat-live-status{
    border-radius:14px;
    font-size:12px;
    line-height:1.3;
    padding:9px 10px;
  }
}

/* ==========================================================
   Ao Vivo / Jogos — aviso de estatísticas ao vivo v15
   ========================================================== */
.live-page-status,
.jogos-live-status{
  margin:10px 0 12px;
}
@media(max-width:520px){
  .live-page-status,
  .jogos-live-status{
    margin:9px 0 11px;
  }
}

/* ==========================================================
   Estatísticas — Ranking de Desempenho v16
   ========================================================== */
.stat-abas{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.stat-abas .stat-tab{
  min-width:max-content;
}
.rank-metodo{
  background:linear-gradient(180deg,rgba(255,204,41,.10),rgba(19,41,75,.84));
  border:1px solid rgba(255,204,41,.28);
  border-radius:16px;
  padding:13px 14px;
  color:#d9e5f4;
  font-size:12px;
  line-height:1.45;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.rank-metodo b{
  display:block;
  color:var(--gold);
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.7px;
  margin-bottom:5px;
}
.rank-metodo p{
  margin:0 0 7px;
}
.rank-metodo ul{
  margin:7px 0 0 16px;
  padding:0;
}
.rank-card{
  background:linear-gradient(180deg,rgba(19,41,75,.98),rgba(11,31,58,.98));
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  padding:13px;
  box-shadow:0 10px 24px rgba(0,0,0,.20);
}
.rank-card.rank-top{
  border-color:rgba(255,204,41,.45);
  background:
    radial-gradient(circle at 100% 0%,rgba(255,204,41,.11),transparent 28%),
    linear-gradient(180deg,rgba(19,41,75,.98),rgba(11,31,58,.98));
}
.rank-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 76px;
  align-items:center;
  gap:10px;
}
.rank-pos{
  font-family:'Anton',sans-serif;
  color:var(--gold);
  font-size:23px;
  text-align:center;
}
.rank-team{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.rank-team .stat-flag{
  width:28px;
  height:19px;
  object-fit:cover;
}
.rank-team strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.12;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rank-team span{
  display:block;
  color:#aebfda;
  font-size:11.5px;
  margin-top:3px;
}
.rank-score{
  text-align:right;
}
.rank-score b{
  display:block;
  font-family:'Anton',sans-serif;
  color:#fff;
  font-size:27px;
  line-height:.95;
}
.rank-score small{
  display:block;
  color:var(--gold);
  font-size:10px;
  text-transform:uppercase;
  font-weight:900;
  margin-top:3px;
}
.rank-bars{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 10px;
  margin-top:12px;
}
.rank-bar span{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#cbd8ea;
  font-size:11px;
  font-weight:900;
  margin-bottom:4px;
}
.rank-bar em{
  color:#fff;
  font-style:normal;
}
.rank-bar i{
  display:block;
  height:6px;
  background:rgba(255,255,255,.10);
  border-radius:999px;
  overflow:hidden;
}
.rank-bar u{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#f4c542,#ffe176);
  border-radius:999px;
  text-decoration:none;
}
.rank-mini{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-top:12px;
}
.rank-mini span{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  padding:7px 6px;
  color:#aebfda;
  text-align:center;
  font-size:10.5px;
  line-height:1.18;
}
.rank-mini b{
  display:block;
  color:#fff;
  font-size:12px;
  margin-top:2px;
}
.rank-details{
  margin-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:8px;
}
.rank-details summary{
  cursor:pointer;
  color:var(--gold);
  font-weight:900;
  font-size:12px;
}
.rank-detail-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-top:8px;
}
.rank-detail-grid span{
  background:rgba(0,0,0,.16);
  border-radius:10px;
  padding:7px;
  color:#b9c8dd;
  font-size:10.5px;
  line-height:1.2;
}
.rank-detail-grid b{
  display:block;
  color:#fff;
  font-size:12px;
  margin-top:2px;
}
.rank-details p{
  color:#9fb0c7;
  font-size:11px;
  line-height:1.38;
  margin:8px 0 0;
}
.rank-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-top:10px;
  color:#9fb0c7;
  font-size:10.5px;
  line-height:1.25;
}
.rank-situacao{
  border-radius:999px;
  padding:5px 8px;
  font-weight:900;
  color:#fff;
  white-space:nowrap;
}
.rank-situacao.disp{
  background:rgba(57,142,255,.18);
  border:1px solid rgba(57,142,255,.35);
}
.rank-situacao.class{
  background:rgba(38,166,91,.18);
  border:1px solid rgba(38,166,91,.38);
}
.rank-situacao.campea{
  color:#1b1300;
  background:linear-gradient(135deg,#ffd84f,#ffb300);
  border:1px solid rgba(255,216,79,.72);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 8px 20px rgba(255,194,31,.12);
}
.rank-situacao.elim{
  background:rgba(238,94,97,.16);
  border:1px solid rgba(238,94,97,.36);
}
@media(max-width:680px){
  .stat-abas{
    margin-left:-2px;
    margin-right:-2px;
  }
  .stat-tab{
    flex:0 0 auto;
    font-size:12.5px;
    padding:10px 9px;
  }
  .rank-card{
    border-radius:16px;
    padding:12px;
  }
  .rank-head{
    grid-template-columns:38px minmax(0,1fr) 66px;
    gap:8px;
  }
  .rank-pos{
    font-size:21px;
  }
  .rank-team strong{
    font-size:14px;
  }
  .rank-score b{
    font-size:24px;
  }
  .rank-bars{
    grid-template-columns:1fr;
    gap:7px;
  }
  .rank-mini{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .rank-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .rank-foot{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* ==========================================================
   Ranking de Desempenho — acabamento visual v17
   ========================================================== */
.stat-filtros-linha{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 10px;
  align-items:end;
}
.stat-filtros-linha .stat-filtro{
  min-width:0;
}
.stat-filtros-linha .stat-filtro[hidden]{
  display:none !important;
}
.stat-abas{
  scroll-snap-type:x proximity;
}
.stat-abas .stat-tab{
  scroll-snap-align:center;
}
.rank-metodo{
  padding:14px;
}
.rank-metodo-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 156px;
  gap:12px;
  align-items:stretch;
}
.rank-metodo-head p{
  margin:0;
  color:#cbd8ea;
}
.rank-metodo-top{
  display:grid;
  grid-template-columns:30px 1fr auto;
  align-items:center;
  gap:6px 8px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:8px;
}
.rank-metodo-top .stat-flag{
  width:30px;
  height:20px;
  object-fit:cover;
  grid-row:1 / span 2;
}
.rank-metodo-top span{
  color:#9fb0c7;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.rank-metodo-top b{
  color:#fff;
  font-size:12px;
  text-transform:none;
  letter-spacing:0;
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rank-metodo-top em{
  grid-row:1 / span 2;
  font-family:'Anton',sans-serif;
  color:var(--gold);
  font-style:normal;
  font-size:24px;
}
.rank-pesos{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
}
.rank-pesos span{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  border-radius:11px;
  padding:7px 6px;
  color:#aebfda;
  font-size:10.5px;
  font-weight:900;
  text-align:center;
}
.rank-pesos b{
  display:block;
  color:#fff;
  margin-top:2px;
}
.rank-update{
  margin-top:9px;
  color:#aebfda;
  font-size:11.5px;
}
.rank-update b{
  color:#fff;
}
.rank-metodo-details{
  margin-top:8px;
}
.rank-metodo-details summary{
  cursor:pointer;
  color:var(--gold);
  font-weight:900;
}
.rank-top{
  border-color:rgba(255,204,41,.55) !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,204,41,.18),transparent 30%),
    linear-gradient(180deg,rgba(22,47,85,.98),rgba(11,31,58,.98)) !important;
}
.rank-pos-1{
  text-shadow:0 0 18px rgba(255,204,41,.35);
}
.rank-pos-2,
.rank-pos-3{
  color:#ffe176;
}
.rank-card:hover{
  border-color:rgba(255,204,41,.34);
  transform:translateY(-1px);
  transition:border-color .18s ease, transform .18s ease;
}
.rank-details[open] summary{
  color:#ffe176;
}
@media(max-width:760px){
  .stat-filtros-linha{
    grid-template-columns:1fr;
    gap:0;
  }
  .rank-metodo-head{
    grid-template-columns:1fr;
  }
  .rank-metodo-top{
    grid-template-columns:32px 1fr auto;
  }
  .rank-pesos{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .rank-pesos span:last-child{
    grid-column:1 / -1;
  }
}
@media(max-width:380px){
  .rank-head{
    grid-template-columns:34px minmax(0,1fr) 60px;
  }
  .rank-team .stat-flag{
    width:24px;
    height:16px;
  }
  .rank-team strong{
    font-size:13px;
  }
  .rank-score b{
    font-size:22px;
  }
}

/* ==========================================================
   Ranking de Desempenho — ajustes v18
   ========================================================== */
.stat-resumo{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.stat-res-card-rank{
  grid-column:1 / -1;
  border-color:rgba(255,204,41,.35);
  background:
    radial-gradient(circle at 100% 0%,rgba(255,204,41,.12),transparent 28%),
    var(--navy-2);
  align-items:center;
}
.stat-res-card-rank .stat-res-ico{
  width:42px;
  height:42px;
  border-color:rgba(255,204,41,.30);
}
.stat-res-card-rank b{
  font-size:12px;
}
.stat-res-card-rank strong{
  font-size:16px;
}
.stat-res-card-rank span{
  font-size:12px;
}
@media(max-width:520px){
  .stat-resumo{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .stat-res-card{
    padding:10px;
    gap:8px;
  }
  .stat-res-ico{
    width:30px;
    height:30px;
    border-radius:9px;
  }
  .stat-res-card b{
    font-size:9.8px;
    letter-spacing:.7px;
  }
  .stat-res-card strong{
    font-size:12.5px;
  }
  .stat-res-card span{
    font-size:10px;
  }
  .stat-res-card-rank{
    padding:12px;
  }
  .stat-res-card-rank .stat-res-ico{
    width:38px;
    height:38px;
  }
  .stat-res-card-rank strong{
    font-size:15px;
  }
}

/* ==========================================================
   Estatísticas — layout final Ranking de Desempenho v19
   ========================================================== */

/* Resumo: 4 cards pequenos em 2 x 2, incluindo Ranking */
.stat-resumo{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.stat-res-card-rank{
  grid-column:auto !important;
  border-color:var(--linha) !important;
  background:var(--navy-2) !important;
  align-items:flex-start !important;
}
.stat-res-card-rank .stat-res-ico{
  width:34px !important;
  height:34px !important;
  border-color:var(--linha) !important;
}
.stat-res-card-rank b{
  font-size:11px !important;
}
.stat-res-card-rank strong{
  font-size:14px !important;
}
.stat-res-card-rank span{
  font-size:11px !important;
}

/* Abas: quatro botões 2 x 2 + botãozão Ranking de Desempenho embaixo */
.stat-abas{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:9px !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
}
.stat-abas .stat-tab{
  width:100%;
  min-width:0 !important;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.stat-abas .stat-tab-rank,
.stat-abas .stat-tab[data-aba="desempenho"]{
  grid-column:1 / -1;
  min-height:56px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.1px;
}

/* A aba Ranking começa direto nos cards, sem bloco metodológico grande */
body .rank-metodo{
  display:none !important;
}

@media(max-width:520px){
  .stat-resumo{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .stat-res-card{
    min-height:88px;
  }
  .stat-res-card-rank .stat-res-ico{
    width:32px !important;
    height:32px !important;
  }
  .stat-abas{
    gap:8px !important;
    padding:8px !important;
  }
  .stat-abas .stat-tab{
    min-height:54px;
    padding:10px 8px;
    font-size:13px;
    white-space:normal;
    line-height:1.18;
  }
  .stat-abas .stat-tab-rank,
  .stat-abas .stat-tab[data-aba="desempenho"]{
    min-height:58px;
    font-size:13.5px;
  }
}

/* ==========================================================
   Estatísticas — botões clicáveis com contorno v20
   ========================================================== */
.stat-abas .stat-tab{
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  background:rgba(255,255,255,.025);
}
.stat-abas .stat-tab:hover{
  border-color:rgba(255,255,255,.32) !important;
  background:rgba(255,255,255,.055);
}
.stat-abas .stat-tab.ativa{
  border-color:rgba(255,224,118,.85) !important;
  box-shadow:0 8px 18px rgba(244,197,66,.12), inset 0 0 0 1px rgba(255,255,255,.12);
}

/* ==========================================================
   Correção v21 — botão ativo das Estatísticas
   ========================================================== */
.stat-abas .stat-tab.ativa{
  background:var(--gold) !important;
  color:#302300 !important;
  border-color:rgba(255,224,118,.95) !important;
  box-shadow:0 8px 18px rgba(244,197,66,.18), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
.stat-abas .stat-tab.ativa:hover{
  background:var(--gold) !important;
  color:#302300 !important;
}
.stat-abas .stat-tab:not(.ativa){
  color:#d9e5f4 !important;
}
.stat-abas .stat-tab:not(.ativa):hover{
  color:#fff !important;
}

/* ==========================================================
   Meus Palpites — pontuação espelhada da aba Bolão v22
   ========================================================== */
.mp-pontos-box{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.mp-pontos-box .pt .n{
  font-size:27px;
}
.mp-vermais{
  margin-top:12px;
  background:none;
  border:1px solid var(--linha);
  color:var(--gold);
  font-family:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  padding:8px 10px;
  border-radius:10px;
  width:100%;
  text-align:center;
}
.mp-vermais:hover{
  border-color:var(--gold);
}
.mp-extbox{
  margin-top:8px;
  border-top:1px dashed var(--linha);
  padding-top:8px;
}
.mp-extrato{
  margin-top:4px;
  padding:12px;
  background:rgba(0,0,0,.18);
  border:1px solid var(--linha);
  border-radius:12px;
}
.mp-ex-sec{
  font-weight:900;
  font-size:12.5px;
  color:var(--gold);
  margin:10px 0 5px;
  letter-spacing:.3px;
}
.mp-ex-sec:first-child{
  margin-top:0;
}
.mp-ex-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:5px 0;
  font-size:12.5px;
  border-bottom:1px solid rgba(255,255,255,.05);
  line-height:1.35;
}
.mp-ex-row:last-child{
  border-bottom:none;
}
.mp-ex-row span{
  color:#cdd6e6;
  flex:1;
}
.mp-ex-row b{
  white-space:nowrap;
  font-weight:900;
}
.mp-ex-row.ok b{
  color:#46d369;
}
.mp-ex-row.err b{
  color:#e0473e;
}
.mp-ex-nota{
  color:var(--cinza);
  font-size:11px;
  margin-top:10px;
  line-height:1.35;
}
@media(max-width:620px){
  .mp-pontos-box{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .mp-pontos-box .pt{
    padding:12px 8px;
  }
  .mp-pontos-box .pt .n{
    font-size:26px;
  }
}

/* ==========================================================
   Meus Palpites — robustez pontuação Bolão v24
   ========================================================== */
.mp-pontos-box .pt .n{
  min-height:34px;
}
.mp-extrato .mp-ex-sec b{
  color:#fff;
}

/* ==========================================================
   Estatísticas — metodologia do Ranking de Desempenho v25
   ========================================================== */
html{
  scroll-behavior:smooth;
}
.ranking-metodo-atalho{
  margin:10px 2px 14px;
  text-align:center;
}
.ranking-metodo-atalho[hidden]{
  display:none !important;
}
.ranking-metodo-atalho a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#cfe0f7;
  background:rgba(255,255,255,.035);
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}
.ranking-metodo-atalho a:hover{
  color:#fff;
  border-color:rgba(255,204,41,.55);
  background:rgba(255,204,41,.08);
}
.metodologia-ranking{
  margin:22px 0 12px;
  padding:16px;
  border:1px solid rgba(255,204,41,.48);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,204,41,.10),transparent 32%),
    rgba(15,42,78,.92);
  box-shadow:0 12px 26px rgba(0,0,0,.20);
  scroll-margin-top: 104px;
}
.metodologia-ranking-head{
  display:flex;
  gap:11px;
  align-items:flex-start;
  margin-bottom:12px;
}
.metodologia-ranking-head > span{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,204,41,.40);
  background:rgba(255,204,41,.09);
  flex:0 0 auto;
}
.metodologia-ranking h3{
  margin:0 0 4px;
  color:var(--gold);
  font-size:18px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.metodologia-ranking p{
  margin:0;
  color:#c7d5e8;
  line-height:1.45;
}
.metodologia-pesos{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin:12px 0;
}
.metodologia-pesos span{
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(255,255,255,.045);
  padding:9px 6px;
  text-align:center;
  color:#b8c9de;
  font-size:11px;
  font-weight:900;
}
.metodologia-pesos b{
  display:block;
  color:#fff;
  font-size:17px;
  margin-top:3px;
}
.metodologia-blocos{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:12px 0;
}
.metodologia-blocos div{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(0,0,0,.13);
  padding:11px;
}
.metodologia-blocos h4{
  margin:0 0 5px;
  color:#fff;
  font-size:13px;
}
.metodologia-blocos p,
.metodologia-ranking-texto{
  font-size:12.5px;
}
.metodologia-ranking-texto{
  margin-top:10px !important;
}
.metodologia-ranking-texto.menor{
  font-size:11.5px;
  color:#aebfda;
}
.metodologia-voltar{
  display:inline-flex;
  margin-top:13px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  background:rgba(255,255,255,.045);
  text-decoration:none;
  font-size:12px;
  font-weight:900;
}
.metodologia-voltar:hover{
  border-color:rgba(255,204,41,.55);
  color:var(--gold);
}
@media(max-width:620px){
  .metodologia-ranking{
    padding:14px;
    border-radius:18px;
  }
  .metodologia-ranking h3{
    font-size:16px;
  }
  .metodologia-pesos{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .metodologia-pesos span:last-child{
    grid-column:1 / -1;
  }
  .metodologia-blocos{
    grid-template-columns:1fr;
  }
  .ranking-metodo-atalho a{
    width:100%;
    max-width:360px;
  }
}

/* Correção v26 — alinhamento da âncora da metodologia abaixo do menu fixo */
.metodologia-ranking{
  scroll-margin-top:104px;
}
@media(max-width:620px){
  .metodologia-ranking{
    scroll-margin-top:112px;
  }
}

/* ==========================================================
   Seleções — card Ranking de Desempenho v28
   ========================================================== */
.sel-ranking-desempenho{
  margin:0 0 16px;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,204,41,.10),transparent 34%),
    rgba(19,41,75,.76);
  border:1px solid rgba(244,197,66,.30);
  border-radius:16px;
  padding:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.15);
}
.sel-ranking-desempenho.sel-ranking-loading{
  border-color:var(--linha);
  background:rgba(19,41,75,.58);
}
.sel-rank-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.sel-rank-head b{
  display:block;
  font-family:'Anton',sans-serif;
  font-weight:400;
  font-size:17px;
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.65px;
  line-height:1.05;
}
.sel-rank-head span{
  display:block;
  color:#cbd8ea;
  font-size:11.5px;
  line-height:1.35;
  margin-top:3px;
}
.sel-rank-score{
  flex:0 0 auto;
  text-align:right;
}
.sel-rank-score strong{
  display:block;
  color:#fff;
  font-family:'Anton',sans-serif;
  font-weight:400;
  font-size:34px;
  line-height:.95;
  letter-spacing:.4px;
}
.sel-rank-score small{
  display:block;
  color:var(--gold);
  font-size:9.5px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.55px;
}
.sel-rank-main{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(7,27,51,.42);
  margin-bottom:10px;
}
.sel-rank-pos{
  min-width:54px;
  text-align:center;
}
.sel-rank-pos span{
  display:block;
  color:var(--gold);
  font-family:'Anton',sans-serif;
  font-size:30px;
  line-height:1;
}
.sel-rank-pos small,
.sel-rank-meta span{
  color:#b7c5d9;
  font-size:10px;
}
.sel-rank-meta{
  min-width:0;
}
.sel-rank-meta b{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sel-rank-meta span{
  display:block;
  margin-top:2px;
}
.sel-rank-situacao{
  justify-self:end;
  color:#dcecff;
  background:rgba(47,125,223,.18);
  border:1px solid rgba(72,146,244,.32);
  border-radius:999px;
  padding:5px 9px;
  font-size:10.5px;
  font-weight:900;
  white-space:nowrap;
}
.sel-rank-bars{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 10px;
}
.sel-rank-line-top{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#dce7f5;
  font-size:11px;
  font-weight:900;
  margin-bottom:4px;
}
.sel-rank-line-top b{
  color:#fff;
}
.sel-rank-bar{
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.09);
}
.sel-rank-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),#ffe789);
}
.sel-rank-mini{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:11px;
}
.sel-rank-mini div{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:8px 7px;
  text-align:center;
  min-width:0;
}
.sel-rank-mini span{
  display:block;
  color:var(--cinza);
  font-size:9.5px;
  margin-bottom:3px;
}
.sel-rank-mini b{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:620px){
  .sel-rank-head{
    align-items:flex-start;
  }
  .sel-rank-score strong{
    font-size:31px;
  }
  .sel-rank-main{
    grid-template-columns:auto minmax(0,1fr);
  }
  .sel-rank-situacao{
    grid-column:1 / -1;
    justify-self:start;
  }
  .sel-rank-bars{
    grid-template-columns:1fr;
  }
  .sel-rank-mini{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* ==========================================================
   Estatísticas — remoção do filtro mínimo de jogos v29
   ========================================================== */
#stat-min-jogos-wrap,
#stat-min-jogos{
  display:none !important;
}

/* ==========================================================
   Museu — recorde seleção com mais vitórias v30
   ========================================================== */
.museu-record-grid{
  align-items:stretch;
}
.museu-record{
  min-height:116px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.museu-record strong{
  overflow-wrap:anywhere;
}
@media (max-width:520px){
  .museu-record{
    min-height:132px;
    padding:12px;
  }
  .museu-record b{
    font-size:14px;
  }
  .museu-record strong{
    font-size:15px;
    line-height:1.18;
  }
  .museu-record small{
    font-size:11.5px;
  }
}


/* ===== Ranking de Desempenho — evolução por fase — visual final ===== */
.hist-launch{
  margin:18px 0 2px;
  border-radius:22px;
  padding:1px;
  background:linear-gradient(135deg,rgba(255,204,41,.75),rgba(53,139,255,.25),rgba(255,255,255,.08));
  box-shadow:0 18px 34px rgba(0,0,0,.24);
}
.hist-toggle-btn{
  width:100%;
  border:0;
  cursor:pointer;
  border-radius:21px;
  padding:15px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#fff;
  text-align:left;
  background:linear-gradient(135deg,rgba(22,50,92,.98),rgba(12,31,62,.98));
  font-family:inherit;
}
.hist-toggle-btn strong{display:block;color:var(--gold);font-size:15px;font-weight:950;letter-spacing:.02em;line-height:1.15}
.hist-toggle-btn span{display:block;margin-top:4px;color:#b7cae5;font-size:12px;font-weight:750;line-height:1.35}
.hist-toggle-btn i{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,204,41,.16);border:1px solid rgba(255,204,41,.36);color:var(--gold);font-style:normal;font-weight:950;font-size:18px}
.hist-toggle-btn:hover{filter:brightness(1.06)}
.hist-rank-box{
  margin-top:14px;
  background:linear-gradient(180deg,rgba(18,43,82,.98),rgba(8,25,50,.98));
  border:1px solid rgba(255,204,41,.30);
  border-radius:22px;
  padding:14px;
  box-shadow:0 18px 40px rgba(0,0,0,.30);
  overflow:hidden;
}
.hist-rank-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.hist-rank-head .hist-kicker{display:block;color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
.hist-rank-head h3{margin:0;color:#fff;font-family:'Anton',system-ui,sans-serif;font-weight:400;font-size:25px;line-height:1.05;letter-spacing:.4px}
.hist-rank-head p{margin:6px 0 0;color:#b7cae5;font-size:12px;line-height:1.42;max-width:520px}
.hist-rank-status{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(255,255,255,.14);white-space:nowrap}
.hist-rank-status.fechado{background:rgba(29,185,84,.15);border-color:rgba(29,185,84,.42);color:#90f5b2}
.hist-rank-status.parcial{background:rgba(255,204,41,.13);border-color:rgba(255,204,41,.50);color:var(--gold)}
.hist-rank-meta{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 13px}
.hist-rank-meta span{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;background:rgba(5,18,36,.72);border:1px solid rgba(255,255,255,.10);color:#d4e2f5;font-size:11px;font-weight:800}
.hist-phase-buttons{display:flex;gap:7px;overflow-x:auto;padding:2px 0 10px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(255,204,41,.55) transparent}
.hist-phase-btn{flex:0 0 auto;border:1px solid rgba(255,255,255,.13);background:rgba(5,18,36,.76);color:#e5eefc;border-radius:999px;padding:8px 11px;font-family:inherit;font-size:12px;font-weight:950;cursor:pointer;white-space:nowrap}
.hist-phase-btn.active{background:var(--gold);border-color:var(--gold);color:#07142a;box-shadow:0 8px 18px rgba(255,204,41,.22)}
.hist-phase-btn.parcial:not(.active)::after{content:' ao vivo';color:var(--gold);font-weight:950;font-size:10px;text-transform:uppercase;margin-left:5px}
.hist-rank-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.hist-rank-controls label{min-width:0;display:flex;flex-direction:column;gap:5px;color:#9fb4d2;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.hist-rank-controls select{width:100%;min-width:0;appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:linear-gradient(180deg,rgba(11,31,62,.98),rgba(6,20,42,.98));color:#fff;padding:10px 30px 10px 10px;font-family:inherit;font-size:12.5px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hist-rank-controls label{position:relative}.hist-rank-controls label::after{content:'▾';position:absolute;right:10px;bottom:10px;color:var(--gold);font-size:11px;pointer-events:none}
.hist-rank-count{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c5d8f1;font-size:12px;font-weight:850;margin:0 0 9px}
.hist-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hist-team-card{position:relative;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:linear-gradient(180deg,rgba(10,29,58,.86),rgba(5,18,36,.92));padding:11px;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.20)}
.hist-team-card::after{content:'';position:absolute;right:-42px;top:-48px;width:110px;height:110px;border-radius:50%;background:rgba(255,204,41,.08);pointer-events:none}
.hist-card-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}
.hist-card-team{min-width:0;display:flex;align-items:center;gap:9px}.hist-card-team img{width:30px;height:21px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.hist-card-team b{display:block;color:#fff;font-size:14px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-card-team span{display:block;margin-top:2px;color:#9fb4d2;font-size:11px;font-weight:750}
.hist-pos{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,204,41,.16);border:1px solid rgba(255,204,41,.36);color:var(--gold);font-family:'Anton',system-ui,sans-serif;font-size:18px;line-height:1}
.hist-card-main{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:4px}.hist-score b{display:block;color:#fff;font-family:'Anton',system-ui,sans-serif;font-size:32px;line-height:.95;letter-spacing:.02em}.hist-score span{display:block;margin-top:3px;color:#9fb4d2;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hist-situacao{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 9px;font-size:10.5px;font-weight:950;line-height:1.05;text-align:center;border:1px solid rgba(255,255,255,.12);color:#dce8f8;background:rgba(255,255,255,.06);white-space:nowrap}
.hist-situacao-class{color:#91f7b5;border-color:rgba(29,185,84,.38);background:rgba(29,185,84,.12)}.hist-situacao-campea{color:#1b1300;border-color:rgba(255,216,79,.72);background:linear-gradient(135deg,#ffd84f,#ffb300)}.hist-situacao-elim{color:#ffaaa5;border-color:rgba(224,71,62,.42);background:rgba(224,71,62,.12)}.hist-situacao-aguard{color:#f7d568;border-color:rgba(255,204,41,.42);background:rgba(255,204,41,.10)}.hist-situacao-live{color:#ffd0d0;border-color:rgba(255,91,99,.48);background:rgba(255,91,99,.13)}
.hist-mini{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.hist-mini span{display:block;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);padding:7px 6px;color:#9fb4d2;font-size:9.5px;font-weight:900;text-transform:uppercase;text-align:center}.hist-mini b{display:block;color:#fff;font-size:12px;margin-top:2px;text-transform:none}
.hist-team-card.hist-class{border-color:rgba(29,185,84,.28)}.hist-team-card.hist-elim{opacity:.84}.hist-team-card.hist-aguard{border-color:rgba(255,204,41,.24)}.hist-team-card.hist-live{border-color:rgba(255,91,99,.30)}
@media(max-width:720px){.hist-rank-head{flex-direction:column}.hist-rank-controls{grid-template-columns:1fr 1fr}.hist-card-grid{grid-template-columns:1fr}.hist-toggle-btn{padding:14px 13px}.hist-toggle-btn strong{font-size:14px}.hist-rank-box{padding:12px;border-radius:19px}.hist-rank-head h3{font-size:23px}}
@media(max-width:420px){.hist-rank-controls{grid-template-columns:1fr}.hist-card-team b{font-size:13px}.hist-score b{font-size:30px}.hist-mini{grid-template-columns:repeat(3,1fr);gap:5px}.hist-mini span{padding:6px 4px;font-size:9px}.hist-situacao{font-size:10px;padding:6px 8px}}

/* HOTFIX UX — coloca o botão de evolução logo abaixo da aba Ranking de Desempenho */
.ranking-historico-slot[hidden]{display:none !important}
.ranking-historico-slot{margin:10px 0 12px}
.ranking-historico-slot .hist-launch{margin:0}
.ranking-historico-slot .hist-rank-box{margin-top:10px;margin-bottom:14px}
@media(max-width:520px){.ranking-historico-slot{margin:8px 0 10px}.ranking-historico-slot .hist-rank-box{margin-top:9px}}


/* HOTFIX UX v2 — Evolução do Ranking por Fase */
.hist-rank-controls select option{
  background:#ffffff !important;
  color:#08162b !important;
}
.hist-rank-controls select:focus{
  outline:2px solid rgba(255,204,41,.55);
  outline-offset:2px;
}
.hist-phase-btn.active{
  background:linear-gradient(180deg,#ffd94a,#ffc400) !important;
  border-color:#ffd94a !important;
  color:#06142b !important;
  box-shadow:0 8px 18px rgba(255,204,41,.25), inset 0 1px 0 rgba(255,255,255,.35);
}
.hist-phase-buttons{
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}
.hist-selection-summary{
  margin:2px 0 12px;
  border:1px solid rgba(255,204,41,.28);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,204,41,.10),rgba(5,18,36,.42));
  padding:12px;
}
.hist-selection-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.hist-selection-title span{
  color:#9fb4d2;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.hist-selection-title strong{
  color:#fff;
  font-size:15px;
  font-weight:950;
}
.hist-timeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.hist-timeline-step{
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:rgba(5,18,36,.66);
  padding:9px;
  min-height:76px;
}
.hist-timeline-step span{
  display:block;
  color:#9fb4d2;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  line-height:1.15;
}
.hist-timeline-step b{
  display:block;
  margin-top:7px;
  color:var(--gold);
  font-size:15px;
  line-height:1.1;
}
.hist-timeline-step small{
  display:block;
  margin-top:5px;
  color:#d4e2f5;
  font-size:10.5px;
  font-weight:750;
}
.hist-timeline-step.muted{
  opacity:.58;
}
.hist-insights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
.hist-insight-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(5,18,36,.62);
  padding:11px;
}
.hist-insight-card span{
  display:block;
  color:#9fb4d2;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.hist-insight-card strong{
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:14px;
}
.hist-insight-card b{
  display:block;
  margin-top:4px;
  font-family:'Anton',system-ui,sans-serif;
  font-size:25px;
  line-height:1;
  color:var(--gold);
}
.hist-insight-card small{
  display:block;
  margin-top:4px;
  color:#b7cae5;
  font-size:11px;
  font-weight:750;
}
.hist-insight-card.up{
  border-color:rgba(29,185,84,.28);
}
.hist-insight-card.up b{
  color:#7cff9e;
}
.hist-insight-card.down{
  border-color:rgba(255,91,99,.30);
}
.hist-insight-card.down b{
  color:#ff9a9a;
}
@media(max-width:760px){
  .hist-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hist-selection-title{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:520px){
  .hist-insights{grid-template-columns:1fr}
  .hist-timeline{grid-template-columns:1fr}
}


/* HOTFIX UX v3 — centralização estável da fase ativa */
.hist-phase-buttons{
  position:relative;
  scroll-padding-left:50%;
  scroll-padding-right:50%;
  overscroll-behavior-x:contain;
}
.hist-phase-btn{
  scroll-snap-align:center;
}


/* ===== NAVEGAÇÃO E RODAPÉ PADRONIZADOS — 14/07/2026 ===== */
.menu a[href="/?brasileirao=1"]{
  color:#dbe8f7;
}
.menu a[href="/?brasileirao=1"]:hover{
  color:var(--branco);
}

.copa-footer{
  width:min(760px,calc(100% - 24px));
  margin:34px auto 0;
  padding:18px 14px 32px;
  border-top:1px solid var(--linha);
  text-align:center;
}
.copa-footer-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:7px 18px;
  margin:0 auto 14px;
}
.copa-footer-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:34px;
  padding:5px 2px;
  color:var(--cinza);
  text-decoration:none;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  white-space:nowrap;
}
.copa-footer-nav a:hover,
.copa-footer-nav a:focus-visible{
  color:var(--gold);
}
.copa-footer-nav a[aria-current="page"]{
  color:var(--gold);
  font-weight:800;
}
.copa-footer-nav a.adm{
  opacity:.78;
}
.copa-footer .rs-legal{
  margin:0 0 7px;
  color:var(--cinza);
  font-size:12px;
}
.copa-footer .rs-disc,
.copa-footer .rodape-disclaimer-global{
  margin-top:10px;
}

@media(max-width:520px){
  .copa-footer{
    width:calc(100% - 20px);
    margin-top:28px;
    padding:16px 10px 26px;
  }
  .copa-footer-nav{
    gap:5px 12px;
    margin-bottom:12px;
  }
  .copa-footer-nav a{
    min-height:32px;
    padding:4px 1px;
    font-size:12.5px;
  }
}