/* ══════════════════════════════════════════════════════════════
   BATALHA NAVAL — CSS
   Modal dentro da .screen, mesmo padrão da Arena
══════════════════════════════════════════════════════════════ */
#batalhaNavalModal { gap: 12px; overflow: hidden; overscroll-behavior: contain; }
/* Lobby precisa de scroll no conteúdo interno */
#batalhaNavalModal .bn-lobby-scroll {
  overflow-y: auto;
  overscroll-behavior: contain;
}
#batalhaNavalModal.open { opacity: 1; pointer-events: all; }

/* ── PC fullscreen ── */
@media(min-width:601px) {
  #batalhaNavalModal { padding: 20px 32px !important; overflow-y: auto !important; }
}