.auth-header-nav{display:none}
body[data-destination="auth"]{background:#090a0d;color:#eef1f7}
body[data-destination="auth"] .destination-nav,body[data-destination="auth"] .destination-create,body[data-destination="auth"] .destination-return{display:none}
body[data-destination="auth"] .auth-header-nav{display:flex;align-self:stretch;align-items:stretch;gap:30px}
.auth-header-nav button{position:relative;background:none;border:0;color:#8a929f;font-size:10px;font-weight:700;letter-spacing:1px;padding:0;min-height:58px}
.auth-header-nav button.active{color:#f4f7fc}.auth-header-nav button.active:after{content:'';position:absolute;left:0;right:0;bottom:19px;height:2px;background:#32b4ff;box-shadow:0 0 14px #32b4ff20}
body[data-destination="auth"] main.page{width:100%;margin:0;max-width:none}
body[data-destination="auth"] .page-title{position:relative;top:auto;left:auto;width:calc(100% - 64px);max-width:1240px;margin:42px auto 24px;height:auto;line-height:1.3;font-family:Inter,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1px;text-shadow:none;color:#f5f7fc}
body[data-destination="auth"] .page-title #step{color:#566174;font-size:18px}.page-title .slash{color:#32b4ff}
body[data-destination="auth"] .registration{min-height:calc(100svh - 180px);height:auto;max-height:none;overflow:hidden;background:radial-gradient(ellipse 50% 480px at 85% 40%,#0b283e1a,transparent),#090a0d;padding-bottom:35px}
body[data-destination="auth"] .registration>.grain{opacity:.02}
body[data-destination="auth"] .left-column{position:relative;top:auto;left:auto;width:calc(100% - 64px);max-width:1240px;margin:0 auto;transform:none!important;padding:0 0 15px}
body[data-destination="auth"] .left-column>.brand,body[data-destination="auth"] .moon,body[data-destination="auth"] .aqua-ring,body[data-destination="auth"] .pink-orbit,body[data-destination="auth"] .tiny-orbits{display:none}
body[data-destination="auth"] .form-area{width:430px;max-width:100%;margin:0;padding:28px 30px;background:linear-gradient(125deg,#11151b,#0f1217);border:1px solid #2a303a;border-radius:5px;box-shadow:0 12px 40px #00000015}
body[data-destination="auth"] .email-step .form-area{width:460px}
body[data-destination="auth"] #form-title{font-size:24px;font-weight:600;letter-spacing:-.6px;line-height:1.3;color:#f1f5fb;margin:0 0 10px}
body[data-destination="auth"] .form-area>.intro{max-width:none;font-size:11px;line-height:1.8;color:#858f9f;margin:0 0 23px}
body[data-destination="auth"] .registration-steps{margin-bottom:24px;gap:18px;font-size:9px;color:#606e80}
body[data-destination="auth"] .registration-steps li span{width:23px;height:23px;font-size:8px;border-color:#303c4c;background:#131c26}
body[data-destination="auth"] .registration-steps li.current span{border-color:#37a4e6;background:#0f2d42;color:#91d7ff;box-shadow:none}
body[data-destination="auth"] .field{height:52px;padding:8px 11px;margin-bottom:11px;border-radius:4px;background:#1a1e25;border-color:#323a46;box-shadow:none}
body[data-destination="auth"] .field:focus-within{border-color:#32acf7;background:#1a222c;box-shadow:0 0 0 2px #129de90c}
body[data-destination="auth"] .field label{font-size:9px;line-height:13px;color:#828f9f}
body[data-destination="auth"] .field input{height:24px;font-size:13px;line-height:24px;font-weight:500;color:#f0f3f8}
body[data-destination="auth"] .field-icon,body[data-destination="auth"] .password-toggle{top:14px;right:10px;width:24px;height:24px;border-radius:4px;background:#222e3c;border-color:#354b60;color:#83a9c7}
body[data-destination="auth"] .password-toggle{opacity:1}
body[data-destination="auth"] .agreement{margin:15px 0 16px;gap:9px;min-height:20px}
body[data-destination="auth"] .agreement label{font-size:10px;line-height:1.7;max-width:none;color:#aab8c9}
body[data-destination="auth"] .agreement>input{width:16px;height:16px;margin-top:1px;flex:none}
body[data-destination="auth"] .remember-login{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:16px 0 18px}
body[data-destination="auth"] .remember-login label{display:flex;align-items:center;gap:9px;color:#b7cadb;font-size:11px;cursor:pointer;min-height:24px}
body[data-destination="auth"] .remember-login input{width:16px;height:16px;margin:0;accent-color:#27b8f2;cursor:pointer;flex:none}
body[data-destination="auth"] .remember-login input:focus-visible{outline:2px solid #5bc5ff;outline-offset:3px}
body[data-destination="auth"] .remember-login small{font-size:9px;line-height:1.6;color:#7693ab}
body[data-destination="auth"] .submit{height:43px;font-size:10px;font-weight:700;letter-spacing:.7px;border:1px solid #37b5f7;border-radius:4px;background:linear-gradient(110deg,#087bc1,#079fe9);box-shadow:0 0 18px #078fee17;color:#fff;text-shadow:none}
body[data-destination="auth"] .submit:hover{background:#12a8ee}
body[data-destination="auth"] .back{height:32px;margin-top:8px;background:transparent;border:0;font-size:10px;color:#7f95ab;font-weight:400}
body[data-destination="auth"] .back:hover{color:#c0e5ff;background:#141f2c}
body[data-destination="auth"] .notification{position:relative;left:auto;top:auto!important;bottom:auto;width:100%;min-height:40px;margin:13px 0 0;padding:12px 29px 12px 32px;font-size:10px;line-height:1.6;background:#102235;border-color:#2f5879;box-shadow:inset 2px 0 0 #42b7ff}
body[data-destination="auth"] .notice-icon{top:50%;left:10px}
body[data-destination="auth"] .dismiss{opacity:.7;top:5px;right:6px;font-size:16px}
body[data-destination="auth"] .left-column>footer{width:430px;max-width:100%;margin-top:20px;padding:0;opacity:.65}
body[data-destination="auth"] .copyright{font-size:9px;color:#637488;letter-spacing:.5px}
body[data-destination="auth"] .footer-description{display:none}
body[data-destination="auth"] .artwork{opacity:.9}
body[data-destination="auth"] .artwork:before{content:'';position:absolute;right:-110px;top:180px;width:780px;height:500px;border:3px solid #1d9ee935;border-radius:50%;transform:rotate(-20deg)}
body[data-destination="auth"] .character{width:470px;height:auto;min-height:0;top:20px;right:max(20px,calc((100vw - 1240px) / 2));mask-image:linear-gradient(#000 55%,transparent 94%);filter:none}
body[data-destination="auth"] .registration:after{display:none}
body[data-destination="auth"] .verification-emblem{width:57px;height:57px;margin-bottom:18px;background:#111f2c;border-color:#314d64;border-radius:12px;box-shadow:none}
body[data-destination="auth"] .verification-address{padding:14px 15px;margin-bottom:23px;background:#151d26;border-color:#2c3b4d}
body[data-destination="auth"] .verification-address>span{font-size:8px}
body[data-destination="auth"] .verification-address strong{font-size:13px;margin-top:6px}
body[data-destination="auth"] #edit-email{font-size:10px}
body[data-destination="auth"] .otp-fieldset legend{font-size:11px;margin-bottom:10px}
body[data-destination="auth"] .otp-inputs{gap:9px}
body[data-destination="auth"] .otp-inputs input{height:49px;font-size:23px;background:#1a1e25;border-color:#334253}
body[data-destination="auth"] .otp-inputs input:focus{border-color:#43b9ff;background:#172b3c}
body[data-destination="auth"] .verification-resend,body[data-destination="auth"] #resend-code{font-size:10px}
body[data-destination="auth"] .resend-timer{font-size:8px;padding:2px 5px;background:#152538;border-color:#2d435a}
body[data-destination="auth"] .verification-demo{border-top-color:#293341;margin-top:20px;padding-top:15px}
body[data-destination="auth"] .verification-demo>span{font-size:7px;background:#17212c;border-color:#314052}
body[data-destination="auth"] .verification-demo p{font-size:9px;line-height:1.7;color:#6f839a}
body[data-destination="auth"] .verification-feedback{font-size:10px;padding:10px}
body[data-destination="auth"] #verification-back{height:30px;font-size:10px}
body[data-destination="auth"] #rules-dialog{background:#11151b;border-color:#303d4c;color:#d4e1ef}
@media(max-width:1100px){body[data-destination="auth"] .character{right:-40px;width:410px;opacity:.65}.auth-header-nav{gap:24px}}
@media(max-width:800px){body[data-destination="auth"] .auth-header-nav{gap:25px;margin-left:auto;min-height:45px}.auth-header-nav button{font-size:9px;min-height:45px}.auth-header-nav button.active:after{bottom:0}body[data-destination="auth"] .destination-header-inner{padding:10px 0;flex-wrap:wrap;min-height:68px}body[data-destination="auth"] .destination-actions{margin-left:auto}body[data-destination="auth"] .page-title{width:calc(100% - 32px);max-width:460px;font-size:26px;margin:30px auto 20px}body[data-destination="auth"] .left-column{width:calc(100% - 32px);max-width:460px}body[data-destination="auth"] .form-area{margin:0 auto;width:100%;padding:25px}body[data-destination="auth"] .email-step .form-area{width:100%}body[data-destination="auth"] .registration{min-height:calc(100svh - 160px);padding-bottom:25px}body[data-destination="auth"] .artwork{opacity:.11}body[data-destination="auth"] .character{width:390px;right:-175px;top:95px}body[data-destination="auth"] .artwork:before{right:-500px}body[data-destination="auth"] .left-column>footer{margin-left:auto;margin-right:auto}}
@media(max-width:420px){body[data-destination="auth"] .form-area{padding:22px 20px}body[data-destination="auth"] .destination-actions .server-player-count{display:none}body[data-destination="auth"] #form-title{font-size:23px}body[data-destination="auth"] .otp-inputs{gap:7px}body[data-destination="auth"] .otp-inputs input{font-size:21px;height:44px}body[data-destination="auth"] .registration-steps{gap:12px;font-size:8px}}

.discord-id-help{font-size:10px;line-height:1.6;color:#89a4ba;margin:8px 0 16px}
.discord-id-help[hidden]{display:none}