html,body{background:#10292b;width:100%;height:100%;margin:0;font-family:Tahoma,Segoe UI,sans-serif;overflow:hidden}#game-shell{width:100%;height:100%;position:relative;overflow:hidden}#game-shell[hidden],.auth-screen[hidden],.auth-screen [hidden]{display:none!important}.auth-screen,.auth-screen *{box-sizing:border-box}.auth-screen{--gold:#e4c891;--ivory:#f7f0dc;--muted:#aabfba;z-index:10000;overscroll-behavior:contain;color:var(--ivory);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;isolation:isolate;background:#10292b;font-family:Tahoma,Segoe UI,sans-serif;position:fixed;inset:0;overflow:auto}.auth-screen:before{content:"";z-index:-2;background:url(/assets/ui/realm-of-fantasia.png) 50%/cover no-repeat;position:fixed;inset:0}.auth-screen:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#071b2b80 0%,#071b2b24 48%,#071b2b33 100%),linear-gradient(#071b2b38 0%,#0000 35%,#092426a6 100%);position:fixed;inset:0}.auth-header{justify-content:space-between;align-items:center;gap:20px;max-width:1360px;margin:auto;padding:30px 5%;display:flex}.auth-brand{color:var(--ivory);letter-spacing:3px;align-items:center;gap:11px;font:600 25px Georgia,serif;text-decoration:none;display:flex}.auth-brand svg{fill:none;width:39px;height:39px;stroke:var(--gold);stroke-width:1.1px}.auth-brand small{color:#c0c8b8;letter-spacing:2.6px;margin:5px 0 0;font:8px Tahoma,sans-serif;display:block}.auth-build{color:#c0cec4;white-space:nowrap;background:#10292b66;border:1px solid #c3dbca26;border-radius:30px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:flex}.auth-build i{background:#92bea5;border-radius:50%;width:6px;height:6px}.auth-layout{grid-template-columns:1fr 410px;align-items:center;gap:70px;max-width:1180px;min-height:calc(100dvh - 176px);margin:auto;padding:20px 35px 30px;display:grid}.auth-story{text-shadow:0 3px 25px #051b29;flex-direction:column;justify-content:center;align-self:stretch;min-height:540px;padding-bottom:160px;display:flex;position:relative}.auth-kicker{letter-spacing:3.6px;color:var(--gold);font:10px Tahoma,sans-serif}.auth-story h1{letter-spacing:-1px;margin:20px 0 17px;font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.55}.auth-story h1 em{color:var(--gold);white-space:normal;font-style:normal}.auth-story p{color:#d4ded5;margin:0;font-size:14px;line-height:1.9}.auth-world-caption{color:#f4e3bd;background:linear-gradient(90deg,#112c2d88,#0000);border-left:1px solid #e4c8917a;align-items:center;gap:13px;padding:13px 16px;font-size:13px;display:flex;position:absolute;bottom:4%;left:0}.auth-world-caption>span{color:var(--gold);font-size:29px}.auth-world-caption small{color:#b6c9bf;margin:6px 0 0;font-size:10px;display:block}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#183537f5,#0d2629fa);border:1px solid #d0c59e40;border-radius:22px;width:100%;padding:28px 32px 25px;box-shadow:0 28px 80px #00151966,inset 0 1px #f3e8c014}.auth-tabs{background:#09202288;border:1px solid #a9c4ba22;border-radius:10px;gap:4px;padding:4px;display:flex}.auth-tabs a{text-align:center;color:#afc4bd;border-radius:7px;flex:1;padding:11px 5px;font-size:12px;text-decoration:none;transition:background .15s,color .15s}.auth-tabs a[aria-current]{color:#f5e2ba;background:#2b4645;box-shadow:0 2px 6px #0002}.auth-tabs a:hover{color:#fff4dc;background:#2b464566}.auth-card-heading{margin:27px 0 18px}.auth-card-heading .auth-kicker{letter-spacing:2.5px;color:#b5b58e;font-size:9px}.auth-card-heading h2{letter-spacing:-.4px;margin:9px 0 6px;font-size:26px;font-weight:500;line-height:1.45}.auth-card-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.auth-demo-note{background:#d8bd8210;border:1px solid #dac18d22;border-radius:8px;align-items:center;gap:10px;margin:0 0 20px;padding:10px 12px;display:flex}.auth-demo-note>span{color:var(--gold);font-size:24px}.auth-demo-note p{color:#c8c8af;margin:0;font-size:10px;line-height:1.7}.auth-demo-note strong{color:#ecd6ac;margin-bottom:1px;font-size:11px;font-weight:500;display:block}.auth-field{margin:0 0 15px}.auth-field label{color:#e2e8db;margin-bottom:8px;font-size:12px;display:block}.auth-field input{color:#f8f0dc;background:#0c2427;border:1px solid #a0c0b638;border-radius:8px;width:100%;height:45px;padding:0 13px;font:14px Tahoma,sans-serif;transition:border-color .15s,box-shadow .15s;display:block}.auth-field input::placeholder{color:#78958e;font-size:12px}.auth-field input:focus{border-color:#d9bf84;outline:none;box-shadow:0 0 0 3px #d9bf8415}.auth-field input[aria-invalid=true]{border-color:#ed9c83}.auth-field small{color:#95aea6;margin:6px 0 0;font-size:10px;line-height:1.7;display:block}.auth-field-error{color:#ffb5a2;margin-top:5px;font-size:11px;line-height:1.7;display:block}.auth-field-error:empty{display:none}.auth-password{position:relative}.auth-password input{padding-right:46px}.auth-password button{color:#9bb8ae;cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;width:43px;display:grid;position:absolute;inset:1px 1px 1px auto}.auth-password button:hover,.auth-password button[aria-pressed=true]{color:#e9c98c;background:#d9bf8410}.auth-password svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:19px;height:19px}.auth-screen button{cursor:pointer;font-family:inherit}.auth-primary,.auth-guest{border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:46px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.auth-primary{color:#25332b;background:linear-gradient(120deg,#edce92,#ceb17a);border:1px solid #f2d7a1;margin-top:20px;box-shadow:0 4px 15px #c69c3510}.auth-primary:hover{background:linear-gradient(120deg,#f5ddad,#e2c691);transform:translateY(-1px)}.auth-primary span,.auth-guest span{font-size:20px;font-weight:400;line-height:1}.auth-guest{color:#e4efdb;background:#203f3e;border:1px solid #a4c3ae59;font-weight:400}.auth-guest:hover{background:#2c5049;border-color:#b9d3bb}.auth-guest-note{color:#9cb4a9;text-align:center;margin:11px 0 0;font-size:10px;line-height:1.8}.auth-divider{color:#99b1a8;align-items:center;gap:12px;margin:21px 0 15px;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#adc6b524;flex:1;height:1px}.auth-feedback:empty{display:none}.auth-feedback{color:#d0e7d7;background:#497d6930;border:1px solid #8bb9a14d;border-radius:8px;margin-top:16px;padding:12px;font-size:11px;line-height:1.8}.auth-feedback[data-kind=error],.auth-noscript{color:#ffbaa2;background:#b15b421a;border-color:#ed9c834d}.auth-noscript{border-radius:8px;margin:12px 0 0;padding:12px;font-size:12px;line-height:1.8}.auth-footer{color:#91ada3;letter-spacing:1.3px;justify-content:space-between;gap:20px;max-width:1360px;margin:auto;padding:18px 5% 23px;font-size:9px;display:flex}.auth-footer span:last-child{letter-spacing:0}.auth-screen a:focus-visible,.auth-screen button:focus-visible{outline-offset:4px;outline:2px solid #f3d69c}.auth-screen button:disabled{cursor:wait;opacity:.6;transform:none}.auth-screen[aria-busy=true] .auth-guest{background:#294943}.return-login{color:#e1d7b4;cursor:pointer;background:#183637;border:1px solid #d1bf8b55;border-radius:8px;padding:9px 12px;font:11px Tahoma,sans-serif}.customizer .return-login{width:100%;margin:9px 0 0}.return-login:hover{background:#2b4c44}@media (width>=1100px) and (height>=880px){.auth-layout{gap:110px}.auth-story{padding-bottom:200px}.auth-card{padding:32px 36px}}@media (width>=761px) and (height<=800px){.auth-header{padding-block:18px}.auth-layout{min-height:calc(100dvh - 116px);padding-block:4px 12px}.auth-story{min-height:500px}.auth-card{padding-top:20px;padding-bottom:18px}.auth-card-heading{margin:16px 0 13px}.auth-card-heading h2{margin-top:6px;font-size:24px}.auth-card-heading .auth-kicker{display:none}.auth-demo-note{margin-bottom:16px;padding:8px 10px}.auth-demo-note strong{margin-right:6px;display:inline}.auth-demo-note>span{font-size:20px}.auth-field{margin-bottom:12px}.auth-field label{margin-bottom:6px}.auth-field input{height:42px}.auth-primary{margin-top:16px}.auth-divider{margin:16px 0 10px}.auth-footer{padding-block:10px 16px}}@media (width<=1000px){.auth-layout{grid-template-columns:1fr 385px;gap:35px;padding-inline:30px}.auth-story h1{font-size:33px}.auth-story{padding-bottom:100px}.auth-card{padding:24px 26px}}@media (width<=760px){.auth-header{padding:21px 22px}.auth-brand{letter-spacing:2.5px;font-size:21px}.auth-brand svg{width:32px;height:32px}.auth-brand small{letter-spacing:1.6px;font-size:7px}.auth-build{padding:7px 10px;font-size:10px}.auth-screen:before{background-position:top}.auth-layout{flex-direction:column;gap:24px;max-width:480px;min-height:0;padding:12px 20px 10px;display:flex}.auth-story{text-align:center;align-self:stretch;min-height:0;padding:0 5px}.auth-story .auth-kicker{letter-spacing:3px;font-size:8px}.auth-story h1{margin:10px 0 0;font-size:27px;line-height:1.5}.auth-story p,.auth-world-caption{display:none}.auth-card{border-radius:18px;padding:23px}.auth-card-heading{margin-top:23px}.auth-card-heading h2{font-size:23px}.auth-field input{height:46px;font-size:16px}.auth-password button{width:44px}.auth-footer{justify-content:center;padding:18px 22px 24px;font-size:8px}.auth-footer span:last-child,.auth-screen[data-view=register] .auth-story{display:none}.auth-screen[data-view=register] .auth-layout{padding-top:6px}}@media (width<=360px){.auth-header{padding-inline:15px}.auth-brand{font-size:19px}.auth-brand small{font-size:6px}.auth-build{font-size:9px}.auth-layout{padding-inline:12px}.auth-card{padding:20px}.auth-story h1{font-size:24px}}@media (width<=760px) and (height<=800px){.auth-story{display:none}.auth-header{padding-block:16px}.auth-layout{padding-top:4px}.auth-card{padding:20px}.auth-card-heading{margin:16px 0 12px}.auth-card-heading .auth-kicker{display:none}.auth-demo-note{margin-bottom:15px;padding:8px 10px}.auth-field{margin-bottom:12px}.auth-divider{margin:15px 0 10px}.auth-primary{margin-top:15px}}@media (prefers-reduced-motion:reduce){.auth-screen *{transition:none!important}}