/* Tela cheia para projeção, compartilhada pelo placar e pela cerimônia do pódio.
 *
 * Esconde o menu e o rodapé do site só enquanto a pessoa pede, e deixa a saída
 * sempre à vista: ninguém fica preso numa tela sem navegação. */
body.tela-cheia-ativa > nav.navbar,
body.tela-cheia-ativa > footer.footer,
body.tela-cheia-ativa .hikari-footer,
body.tela-cheia-ativa .hikari-window {
    display: none !important;
}
body.tela-cheia-ativa > main[role="main"] { padding-top: 0; }
.tela-cheia-saida {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: var(--hikari-camada-tela-cheia);
    padding: 0.5rem 0.9rem;
    color: var(--hikari-text);
    border: 1px solid var(--hikari-border);
    border-radius: var(--hikari-radius-pill, 999px);
    background: var(--hikari-surface-2);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
    font-size: var(--hikari-size-sm);
    opacity: 0.8;
}
.tela-cheia-saida:hover,
.tela-cheia-saida:focus-visible { opacity: 1; }

.tela-cheia-botao {
    align-self: stretch;
    padding: 0 1rem;
    color: var(--hikari-text);
    border: 1px solid var(--hikari-border);
    border-radius: var(--hikari-radius);
    background: var(--hikari-surface-2);
    font-weight: 700;
}
.tela-cheia-botao:hover,
.tela-cheia-botao:focus-visible { border-color: var(--hikari-primary); }
