/* Mobile modal correction. The general phone layout uses bottom sheets, but selected
   focused dialogs should stay centered. */
@media(max-width:780px){
  #result-dialog.dialog[open],
  #leave-run-dialog.dialog[open],
  #auth-dialog.dialog[open],
  #trainer-title-dialog.dialog[open]{
    position:fixed!important;
    inset:auto!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    width:min(calc(100vw - 28px),520px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    overflow:auto!important;
    overscroll-behavior:contain;
  }

  #leave-run-dialog.dialog[open],
  #auth-dialog.dialog[open]{
    width:min(calc(100vw - 28px),430px)!important;
    max-width:430px!important;
  }

  #trainer-title-dialog.dialog[open]{
    width:min(calc(100vw - 28px),680px)!important;
    max-width:680px!important;
  }
}