/* Keep every dialog inside the virtual portrait safe area. */
html.virtual-portrait #account-modal,
html.virtual-portrait .modal,
html.virtual-portrait [class*="-modal"]{
  box-sizing:border-box!important;
  padding:16px!important;
  overflow:visible!important;
}
html.virtual-portrait #account-modal .account-card,
html.virtual-portrait [role="dialog"],
html.virtual-portrait .modal-card,
html.virtual-portrait .pause-card,
html.virtual-portrait .result-card{
  box-sizing:border-box!important;
  width:min(420px,calc(var(--virtual-short) - 32px))!important;
  max-width:calc(var(--virtual-short) - 32px)!important;
  max-height:calc(var(--virtual-long) - 32px)!important;
  margin:auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
html.virtual-portrait #account-modal .account-close,
html.virtual-portrait [role="dialog"] [aria-label="关闭"]{
  top:10px!important;
  right:10px!important;
  z-index:2!important;
}