/* Painel e Participantes: só o que o gem.css não tem. Apenas tokens, zero cor literal. */
.app .atencao h3 { overflow-wrap: anywhere; }
.app .cartao-topo h2 { min-width: 0; }
@container app (max-width: 899px) {
  .atencao li .selo { grid-column: 2; justify-self: start; }
}
#app .busca .entrada { padding-left: 2.6rem; }

/* Jogos (placar) e "Ao vivo agora" no Painel: só tokens do gem.css. Placar grande, três colunas (casa · x · visitante) que nunca estouram a largura. */
.painel-vivo { margin-bottom: var(--e-5); }
.jogos-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); gap: var(--e-4); }
.jogo { display: flex; flex-direction: column; gap: var(--e-3); }
.jogo[data-estado="ao_vivo"] { border: 2px solid var(--erro); }
.jogo-topo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--e-2); }
.jogo-mesa { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; gap: var(--e-2); text-align: center; }
.jogo-lado { display: flex; flex-direction: column; align-items: center; gap: var(--e-2); min-width: 0; }
.jogo-casa, .jogo-visitante { font-weight: 700; font-size: var(--t-lg); overflow-wrap: anywhere; }
.jogo-placar-casa, .jogo-placar-visitante { font-family: var(--f-titulo); font-size: var(--t-3xl); font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.jogo[data-estado="ao_vivo"] .jogo-placar-casa, .jogo[data-estado="ao_vivo"] .jogo-placar-visitante { font-size: 4rem; }
.jogo-x { font-family: var(--f-titulo); font-size: var(--t-2xl); color: var(--texto-2); padding-top: var(--e-3); }
.jogo-pontos { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--e-2); }
.jogo-pontos .btn { min-width: var(--alvo); padding-inline: .6rem; }
.jogo-acoes { display: flex; flex-wrap: wrap; gap: var(--e-2); }
.jogo-acoes .btn { flex: 1 1 auto; }
.jogo .suave { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
@media (max-width: 480px) { .jogo[data-estado="ao_vivo"] .jogo-placar-casa, .jogo[data-estado="ao_vivo"] .jogo-placar-visitante { font-size: var(--t-3xl); } }