.art-login body[data-page="login"] main{display:block;position:relative;min-height:100svh;padding:0!important;margin:0;width:100%;overflow:visible}
.art-login body[data-page="login"] .intro{display:none}
.art-login body[data-page="login"] .auth{position:relative;container-type:inline-size;width:min(58vw,calc((100svh - 12px)*.800285));aspect-ratio:1122/1402;height:auto;min-height:0;margin:4px 1vw 8px auto;padding:0!important;background:none;border:0;box-shadow:none;clip-path:none;overflow:visible;transform:none}
.art-login .auth::before,.art-login .auth::after,.art-login .gate-crown{display:none!important}
.art-login .login-panel-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:0}
.art-login .auth-heading,.art-login .divider{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}
.art-login #arenaLogin,.art-login .mode-switch,.art-login .form-options,.art-login .field,.art-login .password-wrap{display:contents!important}
.art-login .field[hidden]{display:none!important}
.art-login .field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.art-login .auth button,.art-login .auth .language,.art-login .remember{position:absolute!important;z-index:3;margin:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;max-width:none!important;color:transparent!important;text-shadow:none!important;font-size:0!important;cursor:pointer}
.art-login .auth button::before,.art-login .auth button::after{display:none!important}
.art-login .auth button>span,.art-login .remember>span{opacity:0}
.art-login .auth button:hover{background:#67cbff0d!important;filter:drop-shadow(0 0 4px #70d5ff88)}
.art-login .auth button:focus-visible,.art-login .auth select:focus-visible,.art-login .remember:has(:focus-visible){outline:2px solid #7ceaff;outline-offset:-2px;background:#67cbff14!important}
.art-login .auth button:disabled{cursor:wait;background:#00132455!important}
.art-login .auth input:not([type="checkbox"]){position:absolute;z-index:4;box-sizing:border-box;min-width:0;max-width:none;min-height:0;margin:0;padding:0 .45cqw;border:0;border-radius:0;box-shadow:none;outline:none;background:transparent;color:#dbeaff;font:400 clamp(12px,1.95cqw,24px)/1.2 system-ui;letter-spacing:0}
.art-login .auth input:not([type="checkbox"]):focus{outline:1px solid #7deaff;outline-offset:3px}
.art-login .auth input.invalid{outline:2px solid #ff746b}
.art-login .auth #email{background:url('/assets/login-email-clear-v1.png') center/100% 100% no-repeat}
.art-login .auth input::placeholder{color:#a7bfda;opacity:1}
.art-login .auth input:-webkit-autofill{-webkit-text-fill-color:#e3f3ff;box-shadow:0 0 0 100px #071827 inset}
.art-login .auth #password::placeholder{color:transparent}
.art-login .auth .language{display:block;}
.art-login .auth .language>span{display:none}
.art-login .auth #language{width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent;appearance:none;cursor:pointer;font:600 3cqw Georgia}
.art-login .auth #language option{color:#fff;background:#071827}
.art-login .topbar>.language{display:none}
.art-login .remember{display:block}
.art-login .remember input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.art-login .remember-off{display:none;position:absolute;z-index:2;background:#05182d;border:1px solid #91ddff;pointer-events:none}
.art-login .unremembered .remember-off{display:block}
.art-login .auth #password-toggle{font:400 2cqw Georgia!important}
.art-login .showing-password #password-toggle{color:#a4e8ff!important;background:#071726!important}
.art-login .auth .voltus-sound{font:400 1.65cqw Georgia!important;color:#a4e8ff!important;background:#041522!important;text-align:left;padding-left:.5cqw!important}
.art-login .auth .voltus-sound:hover{background:#082238!important}
.art-login .auth #loginStatus{position:absolute;z-index:6;left:22%;top:84%;width:56%;margin:0;padding:0;color:#fff0c5;font:500 clamp(11px,1.6cqw,20px)/1.2 system-ui;white-space:normal;text-align:center}
.art-login .auth #loginStatus:not(:empty){background:#05131ff5;border:1px solid #b99d59;padding:.6cqw}
.art-login .register-surface{display:none;position:absolute;z-index:1;left:21.8%;top:50%;width:56.5%;height:23.2%;background:linear-gradient(120deg,#061728,#020c16);border:1px solid #8a704755}
.art-login .register-mode .register-surface{display:block}
.art-login .register-mode .field>label{z-index:4;width:auto;height:auto;clip-path:none;overflow:visible;font:600 1.65cqw Georgia;color:#fff0d0}
.art-login .register-mode .auth input,.art-login .register-mode input:not([type="checkbox"]){background:#071b2b!important;border:1px solid #7cafd177!important;border-radius:4px;padding:.4cqw}
.art-login .register-mode .remember,.art-login .register-mode .remember-off,.art-login .register-mode .login-only{display:none!important}
.art-login .register-mode .art-submit span:first-child,.art-login .english .art-submit span:first-child{opacity:1;position:absolute;inset:20% 15%;display:grid;place-items:center;background:#061829;color:#ffe5ab;font:600 2.8cqw Georgia;white-space:nowrap}
.art-login .register-mode [data-mode="register"]{background:#2b7ad533!important;box-shadow:inset 0 -2px #73deff!important}
.art-login .auth #inviteArrival:not([hidden]){position:absolute;z-index:8;left:22%;top:14%;width:56%;background:#071726f5;padding:1cqw;border:1px solid #b59958;font-size:1.7cqw}
.art-login .auth #inviteGuest{position:static!important;color:#fff!important;font:600 1.8cqw system-ui!important;padding:.5cqw!important}
.art-login .english #language{color:#fff;background:#071625; padding-left:3cqw}
.art-login .english #guest,.art-login .english .mode,.art-login .english #google-auth,.art-login .english .link-button{color:#fff1d0!important;font:600 2.1cqw Georgia!important;background:#061627!important}
.art-login .english #google-auth{color:#16202b!important;background:#e4ebed!important}
.art-login .english #google-auth>span{opacity:1}
.art-login .english .google-mark{display:none}
.art-login .english #password-toggle{color:#a4e8ff!important;background:#061627!important}
@media(orientation:portrait) and (max-width:900px){.art-login body[data-page="login"] main{padding-top:70px!important;overflow-x:clip}.art-login body[data-page="login"] .auth{width:112vw;margin:0 0 40px -6vw;max-width:none}.art-login .topbar{z-index:8}.art-login .auth input:not([type="checkbox"]){font-size:14px}}
@media(orientation:landscape) and (max-height:500px){.art-login body[data-page="login"] .auth{width:510px;margin-right:0}.art-login body[data-page="login"] main{min-height:650px}.art-login .topbar .brand{display:none}}
.art-login .auth #guest{left:21.83601%;top:28.24536%;width:56.86275%;height:7.27532%}
.art-login .auth [data-mode="login"]{left:21.74688%;top:36.80456%;width:24.95544%;height:4.77889%}
.art-login .auth [data-mode="register"]{left:53.65419%;top:36.80456%;width:24.77718%;height:4.77889%}
.art-login .auth #google-auth{left:22.28164%;top:43.15264%;width:55.61497%;height:5.99144%}
.art-login .auth #email{left:29.67914%;top:56.06277%;width:46.16756%;height:3.13837%}
.art-login .auth #password{left:29.85740%;top:64.05136%;width:32.79857%;height:2.71041%}
.art-login .auth #password-toggle{left:68.53832%;top:64.12268%;width:7.84314%;height:2.63909%}
.art-login .auth .remember{left:22.54902%;top:69.04422%;width:20.14260%;height:3.13837%}
.art-login .auth .remember-off{left:23.17291%;top:69.61484%;width:2.13904%;height:1.64051%}
.art-login .auth .link-button{left:62.03209%;top:69.11555%;width:15.86453%;height:2.71041%}
.art-login .auth .art-submit{left:20.32086%;top:74.03709%;width:59.35829%;height:9.77175%}
.art-login .auth .language{left:68.98396%;top:5.92011%;width:15.86453%;height:4.06562%}
.art-login .auth .voltus-sound{left:60.33868%;top:85.94864%;width:17.64706%;height:3.06705%}
.art-login .auth #guest{clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}
.art-login .auth .art-submit{clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}
.art-login #google-auth{clip-path:polygon(3% 0,97% 0,100% 17%,100% 83%,97% 100%,3% 100%,0 83%,0 17%)}
.art-login .register-mode .art-field-playerName>label{left:23%;top:50.21398%}
.art-login .register-mode #playerName{left:23%;top:51.99715%;width:54%;height:3%}
.art-login .register-mode .art-field-email>label{left:23%;top:55.34950%}
.art-login .register-mode #email{left:23%;top:57.13267%;width:54%;height:3%}
.art-login .register-mode .art-field-password>label{left:23%;top:60.48502%}
.art-login .register-mode #password{left:23%;top:62.26819%;width:54%;height:3%}
.art-login .register-mode .art-field-confirm-password>label{left:23%;top:65.62054%}
.art-login .register-mode #confirm-password{left:23%;top:67.40371%;width:54%;height:3%}
.art-login .register-mode #password{width:42%}.art-login .register-mode #password-toggle{top:62.4%;left:66%;width:10%;height:2.7%;color:#a4e8ff!important;background:#071b2b!important}
.art-login body[data-page="login"]>.topbar{position:absolute;top:0;left:0;width:100%;z-index:9;pointer-events:none}
.art-login body[data-page="login"]>.topbar a{pointer-events:auto}
.art-login body[data-page="login"]>footer{position:fixed;bottom:0;left:0;right:0;z-index:2;pointer-events:none;background:linear-gradient(transparent,#04101bad);border:0;height:35px;padding:0 4vw;font-size:10px}
.art-login .auth .language::before,.art-login .auth .language::after{display:none!important}
.art-login .auth #password-toggle{left:64.17%;width:13%;text-align:right;padding-right:1cqw!important}
.art-login .showing-password #password-toggle{background:linear-gradient(90deg,transparent 27%,#071726 27%)!important}
.art-login .english .auth-heading{left:26%;top:20%;width:48%!important;height:5.5%!important;clip-path:none;z-index:2;background:#061524;overflow:visible}
.art-login .english .auth-heading .portal-label{display:none}
.art-login .english .auth-heading h2{margin:0;font:600 4.6cqw Georgia;text-align:center;color:#ffe5b0}
.art-login .english:not(.register-mode) .art-field-email>label,.art-login .english:not(.register-mode) .art-field-password>label{left:22.5%;width:12%;height:2.5%;z-index:2;clip-path:none;overflow:visible;background:#061524;color:#fff0d0;font:600 2cqw Georgia}
.art-login .english:not(.register-mode) .art-field-email>label{top:52.9%}.art-login .english:not(.register-mode) .art-field-password>label{top:61%}
.art-login .english .remember>span{opacity:1;position:absolute;left:23%;top:0;white-space:nowrap;background:#061524;color:#fff0d0;font:400 1.9cqw Georgia;height:100%;display:flex;align-items:center}
@media(orientation:portrait) and (max-width:900px){.art-login .auth input:not([type="checkbox"]){font-size:16px}.art-login body[data-page="login"]>.topbar{height:65px}}
.art-login .art-focus-email,.art-login .art-focus-password{position:absolute;z-index:2;left:22.46%;width:55.08%;height:4.49%;cursor:text}
.art-login .art-focus-email{top:55.21%}.art-login .art-focus-password{top:63.2%;width:41.5%}
.art-login .register-mode .art-focus-email,.art-login .register-mode .art-focus-password{display:none}
.art-login body .nexus-music-control{left:20px!important;right:auto!important;top:auto!important;bottom:50px!important}
