body.login-mode{padding:0;background:#314739;overflow:auto}
.login-mode #game-console{display:block;width:100%;max-width:none;height:auto;min-height:100svh;margin:0;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
.login-mode .console-top,.login-mode .console-bottom,.login-mode .console-dialog{display:none}
.login-mode #app{min-height:100svh;background:none;overflow:visible;position:relative}
.login-scene{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:flex-start;min-height:100svh;padding:clamp(40px,12svh,140px) 24px 56px;background:#46614a}
.login-scene:before{content:"";position:fixed;z-index:-2;inset:0;background-image:url('assets/login-v1/vila-login-desktop.webp');background-size:cover;background-position:center center;image-rendering:pixelated}
.login-scene:after{content:"";position:fixed;z-index:-1;inset:0;background:#162c231a;pointer-events:none}
.start-box{position:relative;width:100%;max-width:490px;padding:36px 36px 27px;background:#faf6e9;color:#30273d;border:3px solid #49365b;border-radius:4px;box-shadow:0 0 0 2px #e4d3ba,0 0 0 5px #33253f,0 7px 0 5px #231c35,0 20px 55px #1729224d;text-align:center;font-family:var(--game-font)}
.start-box:before,.start-box:after{content:"";position:absolute;top:9px;width:7px;height:7px;background:#72cbbb;box-shadow:0 1px 0 #35504d}.start-box:before{left:10px}.start-box:after{right:10px}
.start-box h1{font:700 clamp(22px,2.2vw,27px)/1.35 Cartograph,var(--game-font);letter-spacing:-1px;margin:0 0 13px;text-wrap:balance}
.login-intro{font-size:14px;line-height:1.65;margin:0 auto 25px;max-width:360px;text-wrap:pretty;color:#67566e}
.email-field{position:relative}.start-box input{display:block;width:100%;height:53px;border:2px solid #96819e;border-radius:2px;background:#fffdf7;color:#30273d;font:16px var(--game-font);padding:12px 14px;outline-offset:4px}.email-field input{padding-left:44px}
.email-icon{position:absolute;left:15px;top:19px;width:18px;height:14px;border:2px solid #80708d;pointer-events:none}.email-icon:after{content:"";position:absolute;left:2px;top:-4px;width:8px;height:8px;border-right:2px solid #80708d;border-bottom:2px solid #80708d;transform:rotate(45deg)}
.start-button{display:block;width:100%;min-height:51px;margin:14px 0 0;padding:13px;border:2px solid #443047;border-radius:2px;box-shadow:0 3px 0 #443047,inset 0 2px #fff2a1;background:#f5d86b;color:#332539;font:700 16px var(--game-font);letter-spacing:1.8px;cursor:pointer}.start-button:hover:not(:disabled){background:#ffe386}.start-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #443047}.start-button:disabled{opacity:.65;cursor:wait}
.start-box a{color:#594071;text-underline-offset:3px;text-decoration-thickness:1px}.start-box a:hover{color:#277c70}.start-box :is(button,input,a):focus-visible{outline:3px solid #268575;outline-offset:4px}
.login-signup{font-size:12px;line-height:1.8;margin:25px 0 16px;text-wrap:balance}.login-signup span,.login-signup a{white-space:nowrap}.login-signup a{font-weight:700}.login-support{font-size:11px;line-height:1.8;color:#78647e;margin:0 auto;max-width:350px;text-wrap:pretty}.login-support a{white-space:nowrap}
.login-feedback{font-size:12px;line-height:1.6;color:#65516d;margin:15px 0 0;text-wrap:pretty}.login-feedback:empty{display:none}
#code-form[hidden]{display:none}#code-form{margin-top:23px;padding-top:20px;border-top:1px solid #d9cbdc}#code-form label{display:block;font-size:12px;margin-bottom:9px}#code-form input{text-align:center;letter-spacing:4px}
@media(max-width:600px){.login-scene{padding:clamp(40px,13svh,110px) 24px 45px}.login-scene:before{background-image:url('assets/login-v1/vila-login-mobile.webp');background-position:center bottom}.start-box{padding:29px 22px 23px}.start-box h1{font-size:23px;letter-spacing:-.9px}.login-intro{font-size:13px;line-height:1.7;margin-bottom:22px}.login-signup{font-size:12px;line-height:1.75;margin-top:23px}.login-support{font-size:11px;line-height:1.8}.start-button{font-size:15px}}
@media(max-height:560px){.login-scene{padding-top:24px}}
#login-form[hidden]{display:none!important}#code-form{margin-top:0;padding-top:0;border-top:0}#change-email{display:block;margin:16px auto 0;padding:6px;border:0;background:none;color:inherit;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}