.login-greeting,.login-pixel-title,.login-stage{display:none}@media (min-width:1024px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:3;display:grid;place-items:center;min-height:100dvh;background:#11101a;isolation:isolate;padding:0}.login-page:not(.login-fallback) .login-form-panel,.login-page:not(.login-fallback) .login-stage{grid-area:1/1;position:relative;width:calc(320px * var(--scene-scale));height:calc(180px * var(--scene-scale))}.login-page:not(.login-fallback) .login-stage{display:block;box-shadow:0 -2px #342f40,0 1px #494354}.login-page:not(.login-fallback):not([data-scene-ready=true]) .login-stage:before{content:"";position:absolute;left:calc(134px * var(--scene-scale));top:calc(44px * var(--scene-scale));width:calc(100px * var(--scene-scale));height:calc(100px * var(--scene-scale));border-radius:50%;background:#2a344d;box-shadow:inset 0 0 0 calc(2px * var(--scene-scale)) #1a2132}.login-scene-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.login-page:not(.login-fallback) .login-classic{display:contents}.login-page:not(.login-fallback) .login-classic-panel{display:none}.login-page:not(.login-fallback) .login-form-panel{display:block;padding:0;background:transparent;pointer-events:none}.login-page:not(.login-fallback) .login-form-wrapper{position:absolute;left:calc(154px * var(--scene-scale));top:calc(94px * var(--scene-scale));transform:translateY(-50%);width:calc(60px * var(--scene-scale));max-width:none;padding:0;font-size:max(12px,calc(4.1px * var(--scene-scale)));background:#2a344d;color:#eef2f8;pointer-events:auto;opacity:1;color-scheme:dark}.login-page:not(.login-fallback) .login-form{display:flex;flex-direction:column;gap:calc(.8px * var(--scene-scale))}.login-page:not(.login-fallback) .login-help,.login-page:not(.login-fallback) .login-instructions,.login-page:not(.login-fallback) .login-normal-title{display:none}.login-page:not(.login-fallback) .login-pixel-title{display:inline}.login-page:not(.login-fallback) .login-heading{margin:0;text-align:center}.login-page:not(.login-fallback) .login-heading h2{margin:0;color:#5bbd2f;font-family:var(--font-night,ui-monospace,monospace);font-size:max(9px,.6em);line-height:1.6;font-weight:400;letter-spacing:.015em}.login-page:not(.login-fallback) .login-heading .login-greeting{display:block;margin:.15em 0 0;font-size:max(11px,.76em);color:#ffddb3;line-height:1.25}.login-page:not(.login-fallback) .login-form-error .login-greeting{display:none}.login-page:not(.login-fallback) form{display:flex;flex-direction:column;gap:calc(.8px * var(--scene-scale))}.login-page:not(.login-fallback) form .space-y-1\.5>*,.login-page:not(.login-fallback) form>*{margin-block:0}.login-page:not(.login-fallback) form label{font-size:max(11px,.67em);color:#d5dbe8;line-height:1.2}.login-page:not(.login-fallback) form .space-y-1\.5>label{margin-bottom:.2em}.login-page:not(.login-fallback) .input-base{font:inherit;font-size:max(12px,.84em);line-height:1.25;width:100%;min-width:0;padding:.25em .5em;border:2px solid #5d6a8c;border-radius:0;background:#1c2438;color:#eef2f8;box-shadow:inset 0 2px #121828,0 1px #75819a;transition:none}.login-page:not(.login-fallback) .input-base::placeholder{color:#aab4c8}.login-page:not(.login-fallback) #login-password{padding-right:2.5em}.login-page:not(.login-fallback) button[aria-label]{color:#d5dbe8;border-radius:0;background:transparent;padding:.2em;right:.25em}.login-page:not(.login-fallback) button[aria-label] svg{width:1em;height:1em}.login-page:not(.login-fallback) label[for=login-remember]{min-height:1.9em;gap:.5em;font-size:max(10.5px,.67em);line-height:1.2}.login-page:not(.login-fallback) #login-remember{width:1.1em;height:1.1em;margin:0;accent-color:#5bbd2f}.login-page:not(.login-fallback) .btn-primary{order:1;min-height:0;padding:.5em;color:#15203a;background:#5bbd2f;border-radius:0;box-shadow:inset 0 2px #8fd865,0 3px #3b8a1a;font-size:max(11px,.73em);line-height:1.3;font-weight:700;letter-spacing:.06em;transition:none}.login-page:not(.login-fallback) .btn-primary>svg{display:none}.login-page:not(.login-fallback) .btn-primary:not(:disabled):hover{background:#70cf42}.login-page:not(.login-fallback) .btn-primary:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #3b8a1a}.login-page:not(.login-fallback) [role=alert]{order:2;padding:0;background:transparent;border:0;border-radius:0;gap:0}.login-page:not(.login-fallback) [role=alert] svg{display:none}.login-page:not(.login-fallback) [role=alert] p{font-size:max(10.5px,.7em);line-height:1.25;color:#ff8a73}.login-page:not(.login-fallback) button:focus-visible,.login-page:not(.login-fallback) input:focus-visible{outline:2px solid #f2c230;outline-offset:2px;box-shadow:none}.login-page:not(.login-fallback) .login-npc-name{position:absolute;left:calc(243px * var(--scene-scale));top:calc(153px * var(--scene-scale));width:calc(65px * var(--scene-scale));text-align:center;font:500 max(9px,calc(2.3px * var(--scene-scale)))/1.5 monospace;letter-spacing:.13em;color:#e5c596}.login-page:not(.login-fallback) .login-edition{position:absolute;left:calc(6px * var(--scene-scale));top:calc(174px * var(--scene-scale));font:500 max(8px,calc(1.9px * var(--scene-scale)))/1.5 monospace;letter-spacing:.12em;color:#b7a6ad}}@media (min-width:1280px) and (min-height:720px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:4}}@media (min-width:1600px) and (min-height:900px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:5}}@media (min-width:1920px) and (min-height:1080px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:6}}@media (min-width:2240px) and (min-height:1260px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:7}}@media (min-width:2560px) and (min-height:1440px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:8}}@media (min-width:2880px) and (min-height:1620px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:9}}@media (min-width:3200px) and (min-height:1800px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:10}}@media (min-width:3520px) and (min-height:1980px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:11}}@media (min-width:3840px) and (min-height:2160px) and (pointer:fine){.login-page:not(.login-fallback){--scene-scale:12}}