/* Botões fixos compartilhados (fullscreen, recarregar) */
.fs-toggle, .reload-toggle {
  position: fixed;
  top: 14px;
}
.fs-toggle, .reload-toggle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 9999 !important;
  font-family: inherit;
  pointer-events: auto !important;
}
/* Posições padrão: sound em 14 (direita), fs em 66, reload em 118 */
.fs-toggle { right: 66px; }
.reload-toggle { right: 118px; }
/* Se o jogo NÃO tem sound-toggle (ex: hub), fs vai pra direita e reload vai pra 66 */
.fs-toggle.alone { right: 14px; }
.reload-toggle.alone { right: 66px; }

/* Em fullscreen, esconde o botão "voltar" (não tem onde voltar) */
:fullscreen .back, :-webkit-full-screen .back { display: none !important; }

/* TV / landscape grande — botões escalam pela altura */
@media (min-width: 1024px) and (orientation: landscape) and (min-height: 600px) {
  .fs-toggle, .reload-toggle { width: 5vh; height: 5vh; font-size: 2.6vh; top: 1.5vh; }
  .fs-toggle { right: calc(1.5vw + 6vh); }
  .fs-toggle.alone { right: 1.5vw; }
  .reload-toggle { right: calc(1.5vw + 12vh); }
  .reload-toggle.alone { right: calc(1.5vw + 6vh); }
}
