/* placar.css — a caixa do placar de Boa Vista no boletim de fim dos três jogos.
   Fica sobre o fundo escuro do boletim: texto claro, fio amarelo em cima
   (a mesma placa de obra do resto do boletim). */

/* width:0 + min-width:100%: a caixa ocupa a largura do boletim mas não
   empurra o boletim — o Fiada mede a tela pelo conteúdo, e o campo do
   apelido sozinho alargava tudo para fora do tabuleiro no celular */
.placar-net{
  width:0;min-width:100%;
  margin:0 0 1rem;padding:.75rem .85rem .85rem;text-align:left;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--amarelo);
  border-radius:var(--raio);color:rgba(255,255,255,.82);font-size:.82rem;line-height:1.4;
}
.placar-net__rot{display:block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0 0 .35rem}
.placar-net p{margin:0}

/* depois de salvar: o lugar de hoje é o número grande */
.placar-net__lugar{font-family:var(--display);font-size:1.15rem;color:#fff;line-height:1.1;margin-bottom:.2rem}
.placar-net__lugar b{font-weight:400;font-size:2.1rem;color:var(--amarelo);margin-right:.15em}
.placar-net__linha b{color:#fff}
.placar-net__novo{color:var(--verde-vivo);font-weight:700}
.placar-net__dica{font-size:.72rem;color:rgba(255,255,255,.55);margin-top:.35rem !important}
.placar-net__aviso{color:rgba(255,255,255,.75)}
.placar-net__link{display:inline-flex;align-items:center;min-height:44px;margin:.1rem 0 -.6rem;
  color:var(--amarelo);font-weight:700;text-underline-offset:3px}

/* o formulário do apelido: campo e botão na mesma linha, no celular também */
.placar-net__form label{display:block;font-weight:700;color:#fff;margin-bottom:.3rem}
.placar-net__campo{display:flex;flex-wrap:wrap;gap:.45rem}
.placar-net__campo input{
  flex:1 1 8rem;min-width:0;height:44px;padding:0 .7rem;border:2px solid rgba(255,255,255,.3);border-radius:var(--raio);
  background:rgba(0,0,0,.25);color:#fff;font:600 1rem var(--corpo);
}
.placar-net__campo input:focus{outline:3px solid var(--amarelo);outline-offset:1px;border-color:var(--amarelo)}
.placar-net__campo .btn{flex:1 0 auto;height:44px;padding:0 .9rem;font-size:.78rem;white-space:nowrap}
.placar-net__campo .btn:disabled{opacity:.5;cursor:default}
.placar-net__erro{color:#ffb199;font-weight:600;margin-top:.4rem !important}