@font-face{font-family:Estedad;src:url('/Content/Panel/assets/fonts/estedad.woff2') format('woff2');font-display:swap}
:root{--art:url('/Content/Game/assets/img/game-login-reference.v9.1.webp');--navy:#0a0b32;--violet:#6926fa;--border:#dfe0f5;--muted:#7d819f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #31a9ff;outline-offset:2px}
.vgl-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 87% 15%,#202075 0%,#0c0c31 55%,#090922 100%);color:var(--navy);font:14px/1.75 Estedad,Tahoma,sans-serif;direction:rtl}
.vgl-board{direction:rtl;position:relative;isolation:isolate;width:min(1320px,calc(100vw - 56px));height:790px;max-height:calc(100vh - 48px);min-height:690px;border:1px solid #5454d7;border-radius:14px;overflow:hidden;background:#120b40;box-shadow:0 16px 55px #07051b8c}
.vgl-scene{position:absolute;inset:0;background-image:var(--art);background-repeat:no-repeat;background-size:1774px 887px;background-position:-40px -28px;z-index:-1}
.vgl-mobile-scene{display:none}
.vgl-card{position:absolute;top:calc((100% - 660px)/2 + 36px);right:27px;width:500px;max-height:calc(100% - 36px);min-height:660px;overflow-y:auto;display:flex;flex-direction:column;padding:28px 36px 27px;border-radius:17px;background:#fff;color:var(--navy);box-shadow:0 17px 30px #04062c24;scrollbar-width:thin}
.vgl-mark{position:absolute;top:20px;right:24px;display:grid;place-items:center;width:31px;height:32px;color:#fff;font-size:15px;background:linear-gradient(135deg,#b944fc,#6431ef);clip-path:polygon(0 0,100% 50%,0 100%);padding-right:7px}
.vgl-intro{text-align:center;padding-top:2px}.vgl-eyebrow{display:inline-block;border-radius:50px;background:#f0e0ff;color:#762af3;font-size:12px;font-weight:800;padding:2px 14px}.vgl-intro h1{font-size:34px;font-weight:900;line-height:1.5;margin:16px 0 0;letter-spacing:-.7px}.vgl-intro p{font-size:15px;font-weight:650;margin:0}
.vgl-tabs{display:grid;grid-template-columns:1fr 1fr;margin:29px 0 17px;background:#f7f7fe;border:1px solid #e0e0f4;border-radius:11px;overflow:hidden;min-height:49px}.vgl-tabs button{border:0;background:transparent;color:#464b70;font-size:13px;font-weight:700}.vgl-tabs button[aria-selected=true]{background:linear-gradient(115deg,#5626f4,#8132f9);color:#fff;border-radius:9px;box-shadow:0 3px 9px #6426fc35}
.vgl-form{display:flex;flex-direction:column}.vgl-form>label{display:block;font-weight:800;margin:1px 0 5px;font-size:13px}.vgl-input{position:relative;display:flex;align-items:center;margin-bottom:15px}.vgl-input>i,.vgl-eye{position:absolute;z-index:1;right:15px;top:50%;transform:translateY(-50%);color:#151244;font-size:16px}.vgl-input input{width:100%;min-height:51px;border:1px solid var(--border);border-radius:12px;color:var(--navy);background:#fdfdff;padding:11px 43px 11px 14px;text-align:right;direction:rtl}.vgl-input input::placeholder{color:#979bb2;font-size:12px}.vgl-eye{border:0;padding:0;background:none}.vgl-input:has(.vgl-eye) input{padding-right:15px;padding-left:44px}.vgl-input .vgl-eye{right:auto;left:15px}.vgl-input:has(.vgl-eye)>i{display:none}.vgl-input input[dir=ltr]{text-align:right;direction:ltr}
.vgl-security{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#626481;font-size:11px}.vgl-security label{flex:1;font-weight:650}.vgl-security strong{color:#5d29ec;margin-right:5px;white-space:nowrap}.vgl-security button{border:0;background:#f1edff;color:#6f36f4;width:28px;height:28px;border-radius:7px}.vgl-security input{width:58px;height:31px;border:1px solid var(--border);border-radius:8px;text-align:center;color:var(--navy)}
.vgl-form-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;font-size:12px}.vgl-remember{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.vgl-remember input{width:16px;height:16px;accent-color:#6427f7}.vgl-form-row a,.vgl-footer a,.vgl-resend{color:#5f25eb;font-weight:760}
.vgl-submit{width:100%;min-height:53px;border:0;border-radius:13px;background:linear-gradient(110deg,#6324ed,#7d29fb);color:#fff;box-shadow:0 9px 18px #5e26f72e;position:relative;font-size:15px;font-weight:850}.vgl-submit i{position:absolute;left:23px;top:50%;transform:translateY(-50%)}.vgl-submit:hover{filter:brightness(1.08)}.vgl-otp-hint{margin:2px 0 21px;color:#656b8b;font-size:12px}.vgl-expiry{font-size:12px;color:#706d90;margin:-4px 0 14px}.vgl-resend{border:0;background:none;margin:11px auto 0;font-size:12px}.vgl-resend:disabled{opacity:.55;cursor:default}
.vgl-footer{border-top:1px solid #dce0ef;margin-top:auto;padding-top:23px;display:flex;justify-content:space-around;align-items:center;font-size:12px;gap:10px}.vgl-footer>span{border-right:1px solid #d9dced;padding-right:28px}.vgl-message{margin:14px 0 -10px;padding:9px 12px;border-radius:9px;background:#edf9f1;color:#176543;font-size:12px}.vgl-message.vgl-error{background:#fff0f3;color:#9e2651}.vgl-message[hidden],.vgl-form[hidden],[data-vgl-panel][hidden]{display:none!important}
@media(max-width:1060px) and (min-width:701px){.vgl-board{width:calc(100vw - 28px)}.vgl-card{width:min(47%,500px);right:20px;padding-inline:24px}.vgl-scene{background-position:-80px -28px}.vgl-intro h1{font-size:29px}}
@media(max-width:700px){.vgl-body{display:block;background:#0a0a2a}.vgl-board{border:0;border-radius:0;width:100%;height:auto;max-height:none;min-height:100vh;overflow:visible;background:#fff;box-shadow:none}.vgl-scene{display:none}.vgl-mobile-scene{display:block;height:68.5vw;max-height:280px;background-image:var(--art);background-repeat:no-repeat;background-size:547.5vw auto;background-position:-434.5vw -26.85vw;background-color:#191154}.vgl-card{position:relative;top:auto;right:auto;max-height:none;min-height:calc(100vh - min(68.5vw,280px));overflow:visible;width:100%;padding:25px 21px 29px;border-radius:19px 19px 0 0;box-shadow:none}.vgl-mark{top:17px;right:18px;width:24px;height:25px;font-size:11px}.vgl-eyebrow{font-size:10px}.vgl-intro h1{font-size:26px;margin:13px 0 0}.vgl-intro p{font-size:12px}.vgl-tabs{margin:24px 0 19px;min-height:43px}.vgl-tabs button{font-size:11px}.vgl-form>label{font-size:12px}.vgl-input input{min-height:48px}.vgl-otp-hint{font-size:11px;margin:0 0 21px}.vgl-submit{min-height:49px;font-size:13px}.vgl-footer{margin-top:25px;padding:20px 0 0;flex-direction:column;gap:5px;font-size:11px}.vgl-footer>span{border:0;padding:0}.vgl-form-row{font-size:11px}}
@media(max-width:360px){.vgl-card{padding-inline:15px}.vgl-intro h1{font-size:23px}.vgl-tabs button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The wallpaper and page extend with the form when the viewport is short. */
:root{--art:url('/Content/Game/assets/img/game-login-wallpaper.v9.1.2.webp')}
@media(min-width:701px){
  .vgl-body{display:block;background:#100b30 var(--art) center center/cover fixed no-repeat}
  .vgl-board{display:flex;align-items:center;justify-content:flex-start;min-height:100vh;height:auto;max-height:none;width:100%;padding:clamp(20px,4vh,46px) clamp(20px,7vw,160px);border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
  .vgl-scene{display:none}
  .vgl-card{position:relative;top:auto;right:auto;transform:none;flex:0 1 500px;width:min(500px,100%);min-height:660px;max-height:none;overflow:visible}
}
.vgl-mark{width:59px;height:59px;top:4px;right:8px;display:block;object-fit:contain;background:none;clip-path:circle(42% at 50% 50%);border-radius:50%;padding:0}
.vgl-security{display:grid;grid-template-columns:minmax(0,1fr) 46px 90px;align-items:center;gap:11px;margin:0 0 18px;padding:10px 13px;border:1px solid #e0dcfb;border-radius:12px;background:#f8f6ff;font-size:13px;color:#333454}
.vgl-security label{line-height:1.55;font-weight:750}
.vgl-security strong{display:block;margin:0;color:#6030ec;font-weight:900;font-size:17px;line-height:1.5;white-space:normal}
.vgl-security button{width:46px;height:46px;font-size:16px;border-radius:10px;background:#eee9ff}
.vgl-security input{width:90px;height:46px;font-size:17px;font-weight:800;outline:none;background:#fff;border-color:#ccc6f5}
.vgl-security input:focus{border-color:#7142fa;box-shadow:0 0 0 3px #7142fa20}
.vgl-register-link{border:0;padding:0;background:none;color:#5f25eb;font-weight:760}
.vgl-modal[hidden],.vgl-register-step[hidden],.vgl-modal-feedback[hidden]{display:none!important}
.vgl-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;direction:rtl;font:14px/1.75 Estedad,Tahoma,sans-serif;color:var(--navy)}
.vgl-modal-shade{position:absolute;inset:0;background:#080921b9;backdrop-filter:blur(7px)}
.vgl-modal-card{position:relative;width:min(100%,490px);max-height:min(700px,calc(100vh - 36px));overflow:auto;border:1px solid #e8e4ff;border-radius:19px;background:#fff;box-shadow:0 24px 75px #0705219c;padding:27px 30px 30px;scrollbar-width:thin}
.vgl-modal-close{position:absolute;left:19px;top:17px;width:29px;height:29px;border:0;border-radius:9px;background:#f0edff;color:#6134e9}
.vgl-modal-heading{display:flex;align-items:center;gap:12px;padding-left:34px}.vgl-modal-heading img{flex:none;width:54px;height:54px;object-fit:contain;clip-path:circle(42% at 50% 50%);border-radius:50%}.vgl-modal-heading h2{font-size:20px;line-height:1.5;margin:0}.vgl-modal-heading p{font-size:12px;color:#747998;margin:2px 0 0}
.vgl-register-progress{display:flex;gap:6px;margin:24px 0 22px}.vgl-register-progress span{flex:1;text-align:center;background:#f4f2fc;color:#777b9b;padding:8px 3px;border-radius:9px;font-size:11px;font-weight:700}.vgl-register-progress .vgl-active{background:#eee5ff;color:#6627e9}.vgl-register-progress .vgl-done{background:#edf9f1;color:#13834a}
.vgl-register-step{display:flex;flex-direction:column}.vgl-register-step>label,.vgl-register-names label{display:block;font-weight:800;margin-bottom:6px;font-size:13px}.vgl-register-step .vgl-input{margin-bottom:20px}.vgl-register-step .vgl-submit{margin-top:4px}
.vgl-register-status{margin:0 0 15px;color:#5b6184;font-size:12px}.vgl-register-status #vgl-register-timer{float:left;color:#6324ed;font-weight:800}
.vgl-register-names{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vgl-register-names .vgl-input input{min-width:0}
.vgl-modal-feedback{border-radius:9px;background:#edf9f1;color:#176543;font-size:12px;padding:9px 12px;margin:-7px 0 17px}.vgl-modal-feedback.vgl-error{background:#fff0f3;color:#9e2651}
.vgl-modal-open{overflow:hidden}
@media(max-width:1060px) and (min-width:701px){.vgl-card{flex-basis:470px;width:min(470px,100%)}}
@media(min-width:701px) and (max-height:760px){
  .vgl-board{padding-block:18px}
  .vgl-card{min-height:0;padding-block:21px 22px}
  .vgl-intro h1{margin-top:10px;font-size:30px}
  .vgl-tabs{margin-block:19px 13px;min-height:44px}
  .vgl-input{margin-bottom:11px}
  .vgl-security{margin-bottom:12px;padding-block:7px}
  .vgl-form-row{margin-bottom:12px}
  .vgl-footer{margin-top:18px;padding-top:17px}
}
@media(max-width:700px){
  .vgl-body{background-image:var(--art);background-size:cover;background-position:center}
  .vgl-mobile-scene{background-image:var(--art);background-size:cover;background-position:38% 48%}
  .vgl-mark{top:9px;right:10px;width:43px;height:43px}
  .vgl-board{min-height:100vh}
  .vgl-card{min-height:calc(100vh - min(68.5vw,280px))}
  .vgl-security{grid-template-columns:minmax(0,1fr) 42px 76px;gap:7px;padding:9px;font-size:12px}
  .vgl-security strong{font-size:15px}.vgl-security button{width:42px;height:43px}.vgl-security input{width:76px;height:43px}
  .vgl-modal-card{padding:24px 19px}.vgl-modal-heading h2{font-size:17px}.vgl-register-progress span{font-size:9px}
}
@media(max-width:360px){.vgl-register-names{grid-template-columns:1fr}}