/* Keep the top-level document fullscreen so privacy messages can still open. */
body { display: flex; flex-direction: column; height: 100dvh; }
body > header { flex-shrink: 0; }
#game { flex: 1; height: 0; min-height: 0; }
:root:fullscreen body > header,
:root:fullscreen .preview-note,
body.mobile-game-view > :is(header, .preview-note, .cloud-status) { display: none; }
:root:fullscreen #game,
body.mobile-game-view #game {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mobile-player-menu { display: none; }
body.mobile-game-view > .mobile-player-menu {
  display: block;
  position: fixed;
  z-index: 10;
  top: 50%;
  right: max(6px, env(safe-area-inset-right, 0px));
  transform: translateY(-50%);
  min-width: 44px;
  min-height: 44px;
  padding: 0 8px;
  border: 1px solid #ffffff45;
  border-radius: 6px;
  background: #0b1020d9;
  color: #eaf6fa;
}