/* Touch gestures belong to game surfaces, while the game panel can still scroll. */
#modal button,#modal a{touch-action:manipulation}#modal canvas,#modal .tiles2048,#modal [data-move],#modal [data-paddle],#modal [data-steer]{touch-action:none}#modal .sol-table{touch-action:pan-x pan-y}.mobile-game-options{border:0}.mobile-game-options>summary{display:none}.mobile-game-options .share-tools{margin-top:12px}
dialog.mobile-play-mode.game-expanded{box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom));width:100%!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden;inset:0;margin:0}
dialog.mobile-play-mode.game-expanded .modalhead{position:relative;top:auto;flex:0 0 auto;height:auto;min-height:44px;padding:0;margin:0;gap:6px;z-index:2}.mobile-play-mode .modalhead h2{font-size:18px;min-width:0;overflow-wrap:anywhere}.mobile-play-mode .modal-actions{flex-shrink:0;gap:5px}.mobile-play-mode .close,.mobile-play-mode .expand-game{min-height:44px;min-width:44px}.mobile-play-mode .expand-game{font-size:10px;padding:6px}
dialog.mobile-play-mode .mobile-game-options{flex:0 0 auto;min-height:32px;border:1px solid #4f4963;border-radius:8px;padding:0 9px;max-height:35dvh;overflow:auto}.mobile-play-mode .mobile-game-options>summary{display:list-item;cursor:pointer;font-size:12px;line-height:32px;color:#d7c9f4}.mobile-play-mode .mobile-game-options[open]>summary{margin-bottom:5px}.mobile-play-mode .mobile-game-options .game-audio{position:static;width:100%;max-width:none;height:auto;margin:4px 0;justify-content:space-between}.mobile-play-mode .mobile-game-options .instructions{display:block;font-size:12px;line-height:1.5;margin:8px 0}.mobile-play-mode .mobile-game-options .share-tools{position:static;margin:0;padding:5px 0;border:0;width:100%}.mobile-play-mode .facebook-share-help{position:static;clip-path:none;width:100%;height:auto}
dialog.mobile-play-mode.game-expanded #game{flex:1 1 0;min-height:0;max-height:none;width:100%;max-width:100%;margin:0;overflow:auto;overscroll-behavior:contain;padding:2px 0 8px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.mobile-play-mode #game .status{font-size:12px;line-height:1.4;margin:5px 0 9px}.mobile-play-mode #game button{min-height:44px}.mobile-play-mode .chess-toolbar,.mobile-play-mode .sol-toolbar{gap:5px;margin:6px 0;flex-wrap:wrap}.mobile-play-mode .chess-toolbar button,.mobile-play-mode .chess-toolbar select{font-size:12px;min-height:40px}.mobile-play-mode .chess-details{margin-top:8px}
dialog.mobile-play-mode.game-expanded .gamecanvas{display:block;min-width:0!important;width:min(100%,calc(100dvh - 270px));max-width:100%!important;height:auto;margin:0 auto}.mobile-play-mode .extra-controls,.mobile-play-mode .dpad{margin:8px auto}.mobile-play-mode .restart{margin:8px auto}.mobile-play-mode .extra-note{font-size:11px;margin:5px 0}.mobile-play-mode .chess-board{min-width:0!important;width:100%;max-width:440px!important;margin:auto}.mobile-play-mode .board,.mobile-play-mode .connect-board,.mobile-play-mode .mine-board,.mobile-play-mode .tiles2048{min-width:0;max-width:100%;box-sizing:border-box}.mobile-play-mode .daily-game-note{font-size:11px;flex:0 0 auto;margin:0;padding:6px;max-height:65px;overflow:auto}
@media(orientation:landscape) and (max-height:550px) and (min-width:550px){dialog.race-dialog.mobile-play-mode #game{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto 44px auto 44px;gap:4px 14px;overflow:auto}.race-dialog.mobile-play-mode.game-expanded .race-canvas{grid-column:1;grid-row:1/5;width:auto;height:calc(100dvh - 160px);min-width:0;max-width:100%;max-height:100%;margin:auto}.race-dialog.mobile-play-mode .race-dashboard{grid-row:1}.race-dialog.mobile-play-mode .race-controls{grid-row:2}.race-dialog.mobile-play-mode .status{grid-row:3}.race-dialog.mobile-play-mode .restart{grid-row:4;margin:0}.race-dialog.mobile-play-mode .game-audio{position:static}.race-dialog.mobile-play-mode .mobile-game-options .share-tools{position:static}}
.mobile-play-mode #game .chess-square,.mobile-play-mode #game .mine-board button{min-height:0;aspect-ratio:1}.mobile-play-mode .chess-board{aspect-ratio:1}.mobile-play-mode .chess-square{height:auto}