/* VYRO V8.2.5 — MOBILE LOGIN VISUAL VIEWPORT FIX */
@media(max-width:900px){
  html{
    width:100%!important;
    max-width:100vw!important;
    overflow:hidden!important;
    background:#03101f!important;
  }
  body.vyroLoginOpen825{
    position:fixed!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:var(--vyro-vv-h,100dvh)!important;
    max-width:100vw!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    background:#03101f!important;
  }
  body.vyroLoginOpen825 > *:not(#loginOverlay):not(script):not(style){
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.vyroLoginOpen825 #loginOverlay{
    visibility:visible!important;
    pointer-events:auto!important;
  }
  #loginOverlay.vyroLoginOverlay:not(.hide){
    position:fixed!important;
    left:var(--vyro-vv-left,0px)!important;
    top:var(--vyro-vv-top,0px)!important;
    width:var(--vyro-vv-w,100vw)!important;
    height:var(--vyro-vv-h,100dvh)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:#03101f!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:2147483647!important;
    transform:none!important;
  }
  #loginOverlay.hide{display:none!important}
  #loginOverlay .vyroLoginBox,
  #loginOverlay .loginBox{
    position:relative!important;
    width:min(430px,calc(100vw - 20px))!important;
    max-width:430px!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:6px auto 20px!important;
    padding:14px!important;
    overflow:visible!important;
    transform:none!important;
    border-radius:16px!important;
  }
  #loginOverlay .vyroLoginLogo{
    width:min(220px,70vw)!important;
    max-width:100%!important;
    height:68px!important;
    margin:0 auto 8px!important;
    object-fit:contain!important;
  }
  #loginOverlay h2{
    margin:2px 0 5px!important;
    font-size:20px!important;
    line-height:1.1!important;
  }
  #loginOverlay .vyroLoginTag{
    margin:0 0 10px!important;
    font-size:8px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }
  #loginOverlay p{
    margin:0 0 8px!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
  #licenseKey{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    margin:0 0 9px!important;
    padding:0 13px!important;
    border-radius:12px!important;
    font-size:16px!important;
    line-height:50px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    user-select:text!important;
    -webkit-user-select:text!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    caret-color:#42dcff!important;
    touch-action:manipulation!important;
  }
  #loginOverlay button{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    font-size:16px!important;
    touch-action:manipulation!important;
  }
  #loginOverlay button:disabled{opacity:.65!important}
  #loginErr{
    min-height:18px!important;
    margin-top:7px!important;
    font-size:12px!important;
  }
  body.vyroKeyboardOpen825 #loginOverlay .vyroLoginLogo{
    height:48px!important;
    margin-bottom:4px!important;
  }
  body.vyroKeyboardOpen825 #loginOverlay h2{
    font-size:18px!important;
    margin-bottom:3px!important;
  }
  body.vyroKeyboardOpen825 #loginOverlay .vyroLoginTag{
    font-size:7px!important;
    margin-bottom:6px!important;
  }
  body.vyroKeyboardOpen825 #loginOverlay p{
    font-size:12px!important;
    margin-bottom:6px!important;
  }
  body.vyroKeyboardOpen825 #loginOverlay .vyroLoginBox,
  body.vyroKeyboardOpen825 #loginOverlay .loginBox{
    margin-top:2px!important;
    padding:11px!important;
  }
}