/* User references: galssy login page v2 (dual frosted panels), loginpagev8 (character showcase).
   Rebuilt for the existing account API and official Whiteout artwork. */
@font-face{font-family:'Barlow Condensed';src:url('/assets/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}.account-premium{--page:#07131d;--shell:#0c202c;--card:#102632;--soft:#132d3c;--soft-2:#203f51;--line:#b1d9ef20;--line-2:#a9d6ed30;--ink:#eef9ff;--ink-2:#cbdfeb;--muted:#8fa9bb;--faint:#557386;--accent:#ffad53;background:radial-gradient(ellipse at 20% 40%,#28597535,transparent 55%),#07131d;min-height:100svh}.account-premium:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(#061420ed,#061420f5),url('/assets/whiteout-winter.jpg') center/cover;z-index:-1}.account-premium .player-shell{width:min(1400px,92%);margin:26px auto}.account-premium .player-header{margin-bottom:28px;min-height:64px}.account-premium .player-header .pill{background:none;border:0;padding-left:0}.account-premium .v14-logo{background:#153344;border:1px solid #bce9ff33;border-radius:10px;width:44px;height:48px}.account-premium .v14-brand{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:24px;letter-spacing:1px;gap:13px}.account-premium .v14-brand small{font-family:Manrope,sans-serif;font-size:7px;letter-spacing:2.1px;margin-top:5px;color:#789bb1}.account-premium .player-header select{background:#122b3ba6;border-color:#add9ee2e;border-radius:7px;height:43px;color:#c8dfed}.account-premium .player-header .secondary-button{background:transparent;border-color:#add9ee2e;border-radius:7px;min-height:43px;color:#c8dfed}.account-premium .player-auth{display:grid;grid-template-columns:1.16fr 1fr;align-items:stretch;gap:0;max-width:1200px;margin:38px auto 0;border:1px solid #a9d6eb3b;border-top-color:#d3efff66;border-radius:16px;box-shadow:0 30px 100px #0005,0 0 60px #6dbdde06;overflow:hidden;isolation:isolate}.account-premium .player-story{position:relative;min-height:650px;overflow:hidden;padding:43px 40px;background:#173848;border-inline-end:1px solid #bce5fa24}.account-premium .player-story:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#071723f2,transparent 36%,#0c243233 62%,#102b3bb8);z-index:2}.account-premium .player-story .overline{position:relative;z-index:4;color:#ffc784;letter-spacing:2.6px;font-size:8px;margin-bottom:21px;display:flex;align-items:center;gap:11px}.account-premium .player-story .overline:before{content:'';width:22px;height:1px;background:#ffb35e}.account-premium .player-story h1{position:relative;z-index:4;font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,5vw,74px);font-weight:700;line-height:.98;text-transform:uppercase;letter-spacing:-.6px;max-width:470px;text-shadow:0 3px 20px #0a1b2766;overflow-wrap:normal}.account-premium .player-story>p:not(.overline){position:absolute;z-index:5;bottom:49px;inset-inline:40px;max-width:295px;font-size:11px;line-height:1.9;color:#b2cede;margin:0}.account-premium .player-art{position:absolute;inset:0;z-index:0;height:auto;margin:0;border-radius:0;background:linear-gradient(180deg,#0b233388,#193b4a44 45%,#0a1c2b44),url('/assets/whiteout-winter.jpg') 50% center/cover;transform:scale(1.04)}.auth-character-stage{position:absolute;inset:120px 0 0;z-index:2;pointer-events:none}.auth-character-stage img{position:absolute;display:block;width:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 20px #020d1740);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.auth-molly{height:91%;right:-10%;bottom:33px;z-index:2;transform:rotate(-3deg)}.auth-chief{height:88%;left:-7%;bottom:38px;z-index:1;transform:rotate(2deg);opacity:.93}.account-premium[data-auth-mode=register] .auth-molly{transform:translateY(-7px) rotate(0deg)}.account-premium[data-auth-mode=register] .auth-chief{transform:translateX(-9px) rotate(-1deg)}.auth-orbit{position:absolute;width:430px;height:430px;top:170px;left:50%;translate:-50% 0;z-index:1;border:1px solid #c5e7f41f;border-radius:50%;box-shadow:0 0 0 30px #c5e7f405,0 0 0 65px #c5e7f403;background:radial-gradient(#a3dbf326,transparent 67%)}.auth-scene-caption{position:absolute;bottom:20px;inset-inline:40px;z-index:5;display:flex;align-items:center;gap:12px;font-size:6px;letter-spacing:2px;color:#789fb4}.auth-scene-caption span:first-child{color:#c2e6f6}.auth-scene-caption i{margin-inline-start:auto;color:#ffb25c;font-style:normal;font-size:14px}.auth-snow{position:absolute;inset:-20%;z-index:3;opacity:.4;pointer-events:none;background-image:radial-gradient(1px 1px at 20px 40px,#def6ff 95%,transparent),radial-gradient(2px 2px at 130px 190px,#def6ff99 95%,transparent),radial-gradient(1px 1px at 180px 95px,#def6ff 95%,transparent);background-size:230px 280px;animation:auth-flurry 24s linear infinite;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent)}@keyframes auth-flurry{to{transform:translate(75px,140px)}}
.account-premium .auth-card{position:relative;margin:0;padding:35px 48px 32px;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 100% 0,#42748e1c,transparent 60%),linear-gradient(135deg,#102937f0,#0a1b29fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.account-premium .auth-card:before{content:'';position:absolute;top:0;inset-inline-end:0;width:170px;height:1px;background:linear-gradient(90deg,transparent,#b6e7fc66,transparent)}.auth-card-crest{display:flex;align-items:center;justify-content:center;gap:17px;margin-bottom:26px;opacity:.8}.auth-card-crest span{height:1px;width:55px;background:linear-gradient(90deg,transparent,#9cc5d76b)}.auth-card-crest span:last-child{rotate:180deg}.auth-card-crest img{filter:drop-shadow(0 0 12px #a0d9f022)}.account-premium .auth-tabs{border:1px solid #add7ec20;border-radius:7px;padding:4px;background:#06131da1;margin-bottom:29px;gap:4px}.account-premium .auth-tabs button{height:42px;border-radius:4px;font-size:11px;font-weight:700;position:relative;color:#7f9eb2;transition:color .2s,background .2s}.account-premium .auth-tabs button.active{background:linear-gradient(115deg,#759eb728,#5389a012);color:#e9f9ff;box-shadow:inset 0 0 0 1px #b4deed26}.account-premium .auth-tabs button.active:after{content:'';position:absolute;bottom:-5px;left:25%;right:25%;height:2px;background:#ffb461;box-shadow:0 0 10px #ffb46133}.account-premium .auth-tabs button:hover{color:white}.account-premium .auth-card h2{font-family:'Barlow Condensed',sans-serif;font-size:45px;text-transform:uppercase;font-weight:700;line-height:1;letter-spacing:.2px;margin-bottom:27px}.account-premium .auth-card label{position:relative;margin:19px 0;gap:9px;font-size:10px;font-weight:600;color:#a6c0d1}.account-premium .auth-card input{border:1px solid #b4def02e;border-top-color:#b4def044;background:linear-gradient(120deg,#b3dcf108,#07152166);height:52px;border-radius:6px;font-size:13px;color:#e6f7ff;padding:13px 42px;transition:border-color .2s,box-shadow .2s}.account-premium .auth-card input:focus{border-color:#a2d9f38f;box-shadow:0 0 0 3px #8fd4f30a;background:#9bdcfa08}.account-premium .auth-card input:focus-visible{outline:none}.account-premium .auth-card label:before{content:'';position:absolute;bottom:17px;inset-inline-start:15px;width:17px;height:17px;opacity:.65;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ebfd0' stroke-width='1.5'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V6a4 4 0 0 1 8 0v4m-4 4v3'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}.account-premium .auth-card label:has(input[name=username]):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ebfd0' stroke-width='1.5'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 22v-3a8 8 0 0 1 16 0v3'/%3E%3C/svg%3E")}.password-visibility{position:absolute;bottom:8px;inset-inline-end:8px;width:36px;height:36px;display:grid;place-items:center;color:#8daebf;border-radius:4px;background:transparent}.password-visibility:hover{color:#e2f8ff;background:#add7ed0d}.password-visibility svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.account-premium .auth-card .primary-button{margin-top:12px;min-height:52px;border:1px solid #ffd29a88;border-radius:6px;background:linear-gradient(110deg,#ffc071,#ffa438);font-size:11px;letter-spacing:.5px;color:#192935;box-shadow:0 5px 25px #ffad4012;transition:box-shadow .2s,filter .2s,translate .2s}.account-premium .auth-card .primary-button:hover{filter:brightness(1.08);translate:0 -1px;box-shadow:0 6px 28px #ffad4026}.account-premium .auth-card .field-note{font-size:9px;line-height:1.8;margin-top:21px;border-top:1px solid #b2d7ed16;padding-top:17px;color:#6e94a9}.account-premium .player-footer{max-width:1200px;margin:27px auto 0;padding:20px 0;border-top-color:#a9d5ed18;font-size:8px;letter-spacing:1px}.account-premium .player-message{max-width:1200px;margin:0 auto 18px}.account-premium:has(#player-dashboard:not([hidden])) .player-shell{margin-top:26px}html:lang(ar) .account-premium .player-story h1,html:lang(zh) .account-premium .player-story h1,html:lang(ko) .account-premium .player-story h1{font-family:Manrope,'Segoe UI',sans-serif;font-size:44px;line-height:1.25;letter-spacing:0}html:lang(ar) .account-premium .auth-card h2,html:lang(zh) .account-premium .auth-card h2,html:lang(ko) .account-premium .auth-card h2{font-family:Manrope,'Segoe UI',sans-serif;font-size:31px;line-height:1.2}.account-premium .auth-card label:has(input:focus){color:#c4e8fa}
@media(min-width:1500px){.account-premium .player-auth{margin-top:55px}.account-premium .player-story{min-height:690px}.account-premium .auth-card{padding:46px 56px}.account-premium .auth-card-crest{margin-bottom:34px}}
@media(max-width:950px){.account-premium .player-auth{grid-template-columns:1fr 1fr;margin-top:25px}.account-premium .player-story{padding:35px 25px;min-height:630px}.account-premium .player-story h1{font-size:54px}.account-premium .player-story>p:not(.overline){inset-inline:25px;max-width:250px;font-size:10px}.account-premium .auth-card{padding:30px 28px}.auth-character-stage{top:145px}.auth-molly{height:80%;right:-26%;bottom:61px}.auth-chief{height:76%;left:-23%;bottom:64px}.auth-scene-caption{inset-inline:25px}.auth-orbit{width:320px;height:320px}.account-premium .auth-card h2{font-size:41px}}
@media(max-width:700px){.account-premium .player-shell{width:92%;margin-top:16px}.account-premium .player-header{margin-bottom:15px;flex-wrap:nowrap;gap:10px}.account-premium .player-header .v14-brand{font-size:19px;gap:8px}.account-premium .v14-brand small{font-size:5px;letter-spacing:1px}.account-premium .v14-logo{width:33px;height:39px}.account-premium .v14-logo img{width:23px;height:29px}.account-premium .player-header>div{gap:7px}.account-premium .player-header select{width:99px;padding:9px;font-size:10px;height:38px}.account-premium .player-header .secondary-button{font-size:8px;padding:8px 10px;min-height:38px}.account-premium .player-auth{grid-template-columns:1fr;margin:19px auto 0;border-radius:10px}.account-premium .player-story{min-height:330px;padding:27px 25px;border:0;border-bottom:1px solid #b2d7ed26}.account-premium .player-story .overline{font-size:6px;letter-spacing:2px;margin-bottom:14px}.account-premium .player-story h1{font-size:43px;max-width:64%;line-height:1.02}.account-premium .player-story>p:not(.overline){bottom:38px;max-width:49%;font-size:8px;line-height:1.8}.auth-character-stage{inset:20px -10px 0 30%}.auth-chief{height:83%;left:-8%;bottom:0;opacity:.8}.auth-molly{height:93%;right:-12%;bottom:0}.auth-orbit{top:60px;left:75%;width:250px;height:250px}.auth-scene-caption{bottom:15px;font-size:5px;letter-spacing:1.5px}.account-premium .auth-card{padding:25px 25px 28px}.auth-card-crest{margin-bottom:21px}.auth-card-crest img{width:25px;height:30px}.account-premium .auth-tabs{margin-bottom:25px}.account-premium .auth-card h2{font-size:40px;margin-bottom:22px}.account-premium .auth-card label{margin:17px 0}.account-premium .auth-card .field-note{font-size:8px}.account-premium .player-footer{font-size:6px;margin-top:21px;padding:18px 0}html:lang(ar) .account-premium .player-story h1,html:lang(zh) .account-premium .player-story h1,html:lang(ko) .account-premium .player-story h1{font-size:29px;max-width:65%}}
@media(max-width:380px){.account-premium .player-header .v14-brand{font-size:16px}.account-premium .player-header .secondary-button{padding-inline:7px}.account-premium .player-header select{width:87px}.account-premium .player-story h1{font-size:39px}.account-premium .player-story{padding-inline:21px}.account-premium .auth-card{padding-inline:21px}}
@media(prefers-reduced-motion:reduce){.auth-snow{animation:none}.auth-character-stage img,.account-premium .auth-card *{transition:none!important}}
@media(min-width:951px){.auth-chief{height:80%;left:-3%}}
@media(max-width:700px){.auth-chief{display:none}.auth-character-stage{inset:42px -28px 0 45%}.auth-molly{height:98%;right:-7%;bottom:0}.account-premium .player-story h1{max-width:61%}}

.account-premium .auth-tabs{padding:6px;gap:8px;border:1px solid #a8dffb55;background:#06151dcc;box-shadow:0 8px 30px #020a1233}.account-premium .auth-tabs button{height:53px;font-size:14px;text-transform:uppercase;letter-spacing:.7px;color:#c3deec;background:#1c3c4d;border:1px solid #a9d8ee44}.account-premium .auth-tabs button.active{color:#10222d;background:linear-gradient(110deg,#ffd194,#ffa836);border-color:#ffd098;box-shadow:0 4px 22px #ffa93630}.account-premium .auth-tabs button.active:after{display:none}.account-premium .auth-tabs button:hover{color:#082330;background:#bcecff}.account-premium #auth-submit{font-size:14px;font-weight:850;letter-spacing:.7px;text-transform:uppercase;box-shadow:0 7px 28px #ffac3626}.account-premium .auth-game-title{position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;width:max-content;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(60px,6.5vw,98px);line-height:.84;letter-spacing:3px;color:#f1faff;text-shadow:0 4px 25px #07172388;margin:22px 0 18px}.auth-game-title strong{font:inherit;background:linear-gradient(#eaffff,#8ed4f0);background-clip:text;-webkit-text-fill-color:transparent}.account-premium .player-story h1{font-size:16px!important;line-height:1.4!important;letter-spacing:2px!important;max-width:95%!important;color:#d0eaf5}
.auth-feedback{position:fixed;z-index:1000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#04101bc9;backdrop-filter:blur(9px);pointer-events:none;color:var(--result);--result:#65efb1;animation:auth-result-in .25s ease-out}.auth-feedback[hidden]{display:none}.auth-feedback.is-error{--result:#ff777d}.auth-result-icon{position:relative;display:grid;place-items:center;width:98px;height:98px;border:2px solid var(--result);border-radius:50%;font:600 48px Manrope,sans-serif;background:#092a2c;box-shadow:0 0 65px color-mix(in srgb,var(--result) 30%,transparent);animation:auth-result-pop .65s cubic-bezier(.2,.8,.2,1)}.is-error .auth-result-icon{background:#321c28}.auth-feedback>strong{font:750 21px Manrope,sans-serif;color:#eefaff;text-align:center;padding:0 24px}.auth-result-burst{position:absolute;top:calc(50% - 26px);left:50%}.auth-result-burst i{position:absolute;width:5px;height:13px;border-radius:4px;background:var(--result);transform:rotate(var(--angle));animation:auth-result-ray .9s ease-out both}.auth-result-icon:after{content:'';position:absolute;inset:-2px;border:1px solid var(--result);border-radius:50%;animation:auth-result-ring .9s ease-out both}
@keyframes auth-result-in{from{opacity:0}to{opacity:1}}@keyframes auth-result-pop{0%{transform:scale(.4);opacity:0}65%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}@keyframes auth-result-ray{0%{transform:rotate(var(--angle)) translateY(-30px);opacity:0}20%{opacity:1}100%{transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance)));opacity:0}}@keyframes auth-result-ring{to{transform:scale(2.4);opacity:0}}
@media(max-width:600px){.account-premium .auth-game-title{font-size:53px;letter-spacing:1px;margin-top:12px}.account-premium .player-story h1{font-size:10px!important;max-width:55%!important;letter-spacing:1px!important}.account-premium .auth-tabs button{height:48px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.auth-feedback,.auth-result-icon,.auth-result-burst i,.auth-result-icon:after{animation:none}.auth-result-burst{display:none}}