#tictactoe-overlay-multiplayer,
#pool-overlay-multiplayer {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  z-index: 100000 !important;
  padding: clamp(12px, 3vh, 28px) 14px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  align-items: safe center !important;
  justify-content: safe center !important;
  background: rgba(2, 7, 19, .85) !important;
}
#tictactoe-overlay-multiplayer.hidden,
#pool-overlay-multiplayer.hidden { display: none !important; }
#tictactoe-overlay-multiplayer .multiplayer-modal-panel,
#pool-overlay-multiplayer .multiplayer-modal-panel {
  position: relative !important;
  margin: auto !important;
  flex: 0 1 470px !important;
  width: min(100%, 470px) !important;
  max-width: 470px !important;
  min-width: 0 !important;
  max-height: calc(100dvh - 28px) !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: clamp(14px, 2vw, 24px) !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,240,255,.4) transparent;
}
#tictactoe-overlay-multiplayer .multiplayer-tab-row,
#pool-overlay-multiplayer .multiplayer-tab-row { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; }
#tictactoe-overlay-multiplayer .multiplayer-tab-btn,
#pool-overlay-multiplayer .multiplayer-tab-btn { min-width:0!important; white-space:normal!important; overflow-wrap:anywhere; line-height:1.25; }
#tictactoe-overlay-multiplayer .join-url-box,
#pool-overlay-multiplayer .join-url-box { min-width:0; }
#tictactoe-overlay-multiplayer .join-url-input,
#pool-overlay-multiplayer .join-url-input { min-width:0; }
#tictactoe-overlay-multiplayer .multiplayer-modal-header,
#pool-overlay-multiplayer .multiplayer-modal-header { gap:12px; }
#tictactoe-overlay-multiplayer .modal-close-icon,
#pool-overlay-multiplayer .modal-close-icon { flex-shrink:0; min-width:34px; min-height:34px; }
#setup-overlay.ludo-overlay:not(.hidden),
#snooker-overlay-multiplayer.overlay:not([hidden]) { overflow-y:auto!important; overscroll-behavior:contain; align-items:safe center!important; justify-content:safe center!important; }
#setup-overlay.ludo-overlay .overlay-panel,
#snooker-overlay-multiplayer .snooker-multiplayer-dialog { margin:auto!important; max-height:calc(100dvh - 32px)!important; overflow-y:auto!important; box-sizing:border-box!important; }
@media (max-width:600px) {
  #tictactoe-overlay-multiplayer,
  #pool-overlay-multiplayer { padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)) !important; align-items: safe center !important; overflow-y:auto!important; }
  #tictactoe-overlay-multiplayer .multiplayer-modal-panel,
  #pool-overlay-multiplayer .multiplayer-modal-panel { flex-basis:100%!important; width:100%!important; max-width:420px!important; max-height:calc(100dvh - 16px)!important; padding:14px 12px!important; border-radius:14px!important; }
  #tictactoe-overlay-multiplayer .multiplayer-tab-btn,
  #pool-overlay-multiplayer .multiplayer-tab-btn { font-size:10px!important; padding:10px 3px!important; }
  #tictactoe-overlay-multiplayer #host-qr-canvas,
  #pool-overlay-multiplayer #host-qr-canvas { width: min(154px,45vw)!important; height:auto!important; aspect-ratio:1; }
  #tictactoe-overlay-multiplayer .multiplayer-modal-header,
  #pool-overlay-multiplayer .multiplayer-modal-header { margin-bottom:12px!important; }
  #tictactoe-overlay-multiplayer .qr-code-wrapper,
  #pool-overlay-multiplayer .qr-code-wrapper { padding:9px!important; }
  #setup-overlay.ludo-overlay .overlay-panel,
  #snooker-overlay-multiplayer .snooker-multiplayer-dialog { width:min(100%,420px)!important; max-width:100%!important; max-height:calc(100dvh - 24px)!important; }
}
@media (max-height:540px) and (orientation:landscape) {
  #tictactoe-overlay-multiplayer .multiplayer-modal-panel,
  #pool-overlay-multiplayer .multiplayer-modal-panel { max-height:calc(100dvh - 12px)!important; }
  #tictactoe-overlay-multiplayer,
  #pool-overlay-multiplayer { padding:6px!important; }
}