html:has(#authOverlay:not(.hidden)),
body:has(#authOverlay:not(.hidden)){
  overflow:hidden!important;
}

@media (max-width:1366px), (hover:none) and (pointer:coarse){
  .auth-overlay{
    box-sizing:border-box!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    align-items:center!important;
    justify-content:center!important;
    padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important;
    background-image:linear-gradient(rgba(5,25,42,.24),rgba(5,25,42,.38)),url("assets/freezenxt-login.webp?v=login-tablet")!important;
    background-position:center,right center!important;
    background-size:cover,auto 130%!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
  }

  .auth-card{
    box-sizing:border-box!important;
    flex:0 1 430px;
    width:min(430px,100%)!important;
    padding:clamp(24px,4vw,34px)!important;
    background:rgba(255,255,255,.97)!important;
  }
}

@media (max-width:1366px) and (orientation:landscape), (hover:none) and (pointer:coarse) and (orientation:landscape){
  .auth-overlay{
    background-size:cover,auto max(160%,calc(100vw * 1.18))!important;
  }
}

@media (max-width:600px){
  .auth-overlay{padding:16px!important}
  .auth-card{padding:24px 20px!important;border-radius:14px!important;gap:14px!important}
  .auth-card input,.auth-card #authSubmit{min-height:46px}
}

@media (max-height:600px) and (orientation:landscape){
  .auth-overlay{align-items:flex-start!important;padding-block:12px!important}
  .auth-card{margin-block:auto!important;padding-block:18px!important;gap:10px!important}
}