/* FUTNEX 1.9.83 · dia83 (E-JOGO-A): o bloco "Próxima partida" do fim da partida no 1º dia (data-fx83) e a tela do prêmio.
   Vale nos dois visuais (html.ui68 e o Clássico), no celular (320 a 430 px) e no PC: só tokens que existem nos dois (--panel-2, --line-strong, --text, --text-2, --accent, --fill, --r-md, --font-titulo).
   O botão principal usa as classes do próprio jogo (btn btn-primary btn-lg): a altura e a fonte são as dos botões principais (56 px no .fim-acoes do visual novo). Texto >= 14 px. Sem movimento (nada a reduzir). */
.fx83-bloco { display: grid; gap: 6px; width: 100%; max-width: 520px; min-width: 0; box-sizing: border-box; margin: 0 auto; padding: 10px 12px 8px; text-align: center; color: var(--text, #e8eef5); background: var(--panel-2, #162433); border: 1.5px solid rgba(245, 196, 0, .5); border-radius: var(--r-md, 12px); }
.fx83-bloco .fx83-t { margin: 0; font: 800 13px/1.1 var(--font-titulo, inherit); letter-spacing: .08em; text-transform: uppercase; color: var(--accent, #f5c400); }
.fx83-bloco .fx83-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 10px; min-width: 0; }
.fx83-bloco .fx83-pts { display: inline-flex; flex: none; gap: 5px; }
.fx83-bloco .fx83-pts > i { display: block; width: 12px; height: 12px; border-radius: 50%; background: var(--fill, #24374a); box-shadow: inset 0 0 0 1.5px var(--line-strong, #3a5068); }
.fx83-bloco .fx83-pts > i.on { background: var(--accent, #f5c400); box-shadow: none; }
.fx83-bloco .fx83-barra { display: block; flex: none; width: 96px; height: 8px; border-radius: 999px; overflow: hidden; background: var(--fill, #24374a); }
.fx83-bloco .fx83-barra > i { display: block; height: 100%; border-radius: 999px; background: var(--accent, #f5c400); }
.fx83-bloco .fx83-meta-t { margin: 0; min-width: 0; font-size: 14px; line-height: 1.3; font-weight: 700; overflow-wrap: anywhere; color: var(--text, #e8eef5); }
.fx83-bloco .fx83-premio, .fx83-bloco .fx83-amanha { margin: 0; min-width: 0; font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; color: var(--text-2, #a9b8c6); }
.fx83-bloco .fx83-premio { font-weight: 700; }
html body .fx83-bloco .btn.fx83-jogar { width: 100%; max-width: none; min-height: 56px; margin: 4px 0 0; box-sizing: border-box; }          /* html body: as regras de botão do jogo (html.fx-ui1958 :is(.btn, ... .pcard-close.sheet-x) = 44px) têm especificidade (0,3,1) e vinham ganhando na tela do prêmio */
.fx83-bloco .fx83-nao { width: 100%; max-width: none; min-height: 44px; margin: 0; padding: 0 12px; box-sizing: border-box; border-color: transparent; background: transparent; box-shadow: none; font: 700 15px/1.1 var(--font-texto, inherit); letter-spacing: 0; text-transform: none; color: var(--text-2, #a9b8c6); }
.fx83-bloco .fx83-nao:hover { color: var(--text, #e8eef5); }
/* o bloco só com as linhas (partida com prêmio de escolha, ou sem próxima partida): um cartão quieto, sem botão, acima da barra de ação */
.fx83-bloco.fx83-so-info { margin: 8px auto; padding: 8px 12px; gap: 4px; }
/* dentro da barra de ação grudada do fim (.fim-acoes, visual novo): fica compacto para não comer a tela do placar */
.fim-acoes > .fx83-bloco { max-width: none; }
@media (max-height: 700px) {          /* tela baixa (360x640, 320x568...): a barra grudada não pode comer a tela do placar; saem só daqui o rótulo (o botão já diz "próxima partida") e a linha de amanhã (que segue no cartão do Início e na tela do prêmio) */
  html .fim-acoes > .fx83-bloco { padding: 8px 10px 6px; gap: 4px; }
  html .fim-acoes > .fx83-bloco .fx83-t, html .fim-acoes > .fx83-bloco .fx83-amanha { display: none; }
  html body .fim-acoes > .fx83-bloco .btn.fx83-jogar { min-height: 52px; margin-top: 2px; }
  html .fim-acoes > .fx83-bloco .fx83-nao { min-height: 40px; }
}
@media (max-width: 360px) { html .fx83-bloco .fx83-jogar, html .fim-acoes > .fx83-bloco .fx83-jogar { font-size: 18px; letter-spacing: .02em; padding-left: 8px; padding-right: 8px; } }
/* o aviso (toast) do jogo fica acima da barra de ação, que com o bloco dentro é mais alta (a altura vem do módulo: --fx83-h) */
html.ui68:not(.fx-pc) body:has(.result.fim .fim-acoes > .fx83-bloco) .toast { bottom: calc(var(--fx83-h, 104px) + 8px); }
/* na tela do prêmio (#prize-msg) o bloco ocupa o lugar dos botões de hoje */
#prize-msg > .fx83-bloco { max-width: 420px; margin: 8px auto 4px; }
/* o que o bloco esconde (os botões de hoje: Voltar, Jogar outro amistoso, Próximo jogo e Início): a regra do jogo põe display e vence o atributo hidden */
[data-fx83-orig][hidden] { display: none !important; }