/* Software keyboards resize the visual viewport on Safari and Android. */
html[data-game-keyboard-open] dialog[open]{top:calc(var(--game-visible-top,0px) + 8px)!important;bottom:auto!important;left:0;right:0;margin-top:0!important;margin-bottom:0!important;max-height:calc(var(--game-visible-height,100dvh) - 16px)!important}
html[data-game-keyboard-open] :is(.identity-dialog,.room-dialog){overflow-y:auto;overscroll-behavior:contain}
@media(pointer:coarse){
  :is(input,textarea,select):not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]){font-size:16px}
  body .remembered-player .remembered-change{min-height:48px;padding:10px 12px}
}
@media(pointer:coarse) and (min-width:600px){
  html body.gameroom-page.room-app{--room-tool-size:48px;--room-bar-height:64px}
  body.room-app .studio-toolbar .room-tool{min-width:48px;width:48px;min-height:48px;height:48px}
  .room-app .room-topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .room-app .room-main{padding-bottom:max(6px,env(safe-area-inset-bottom))}
}
@media(pointer:coarse){
  .room-app .room-shop-drawer :is(.shop-groups,.shop-tabs,.shop-mode) button{min-height:48px}
  .room-app .room-shop-drawer .shop-groups button{padding-block:10px}
  .room-app #buyDialog .color-option{min-height:48px}
  .character-dialog :is(.character-tabs,.character-free-options) button{min-height:48px}
  .character-dialog .character-visible{min-height:48px}
}

@media(pointer:coarse){
  :is(#answerArea button,#nextButton,#hintButton,#stopButton){min-height:48px}
}