@font-face{font-family:Rescue;src:url('/fonts/pixelify-sans.ttf') format('truetype');font-weight:400 700;font-display:swap}
:is(#game, #reconstruction) .auth-overlay,:is(#game, #reconstruction) .auth-overlay *{font-family:Rescue,sans-serif}
:is(#game, #reconstruction) .auth-overlay input{user-select:text;-webkit-user-select:text}
:is(#game, #reconstruction).auth-active{overflow:clip}
.auth-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:4%;font:clamp(18px,2.5vw,27px)/1.15 Rescue,sans-serif;color:#fffdf2;text-shadow:1px 2px #142c42;overflow:auto;scrollbar-color:#777dff #244b67}
.rescue-window{background:#244b67;border:6px solid #777dff;outline:3px solid #9ba2ff;box-shadow:inset 0 0 0 3px #4934bd;padding:18px 22px;border-radius:7px}
.auth-window{width:65%;max-width:560px}
.auth-window h2{font:500 1.25em/1.1 Rescue,sans-serif;color:#fff4aa;margin:0 0 8px}
.auth-intro{font-size:.75em;margin:0 0 12px;color:#edf0ff}
.auth-form{display:grid;grid-template-columns:1fr;gap:5px}
.auth-form label{font-size:.8em;margin-top:3px}
.auth-form input{width:100%;min-width:0;border:2px solid #a5b9d6;background:#17364e;color:#fffdf2;font:inherit;padding:5px 10px;min-height:38px;border-radius:0;caret-color:#fff4aa}
.auth-form input:focus-visible{outline:3px solid #fff4aa;outline-offset:2px}
.rescue-button{position:relative;width:100%;padding:8px 8px 8px 25px;min-height:42px;text-align:left;border:0;background:transparent;color:#fff4aa;font:inherit;text-shadow:inherit;cursor:pointer;margin-top:8px;border-radius:0}
.rescue-button::before{content:'';position:absolute;left:5px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
.rescue-button:hover,.rescue-button:focus-visible{background:#315e7d;outline:2px solid #fff4aa;outline-offset:0}
.rescue-button:disabled{color:#c0cfe2;cursor:wait}.secondary{color:#fffdf2}
.auth-local{display:block;border:0;background:transparent;color:#dce4ff;font:400 .75em Rescue,sans-serif;padding:8px 0;min-height:36px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.auth-local:focus-visible{outline:2px solid #fff4aa;outline-offset:3px}
.auth-dialogue{position:absolute;left:4%;right:4%;top:70%;bottom:5%;padding:14px 22px;display:flex;flex-direction:column;justify-content:center}
.auth-dialogue p{margin:0}.auth-dialogue .auth-save-note{font-size:.65em;color:#dce4ff;margin-top:8px}
.auth-active .menu-click-layer{visibility:hidden}.auth-active .ejs_menu_bar{pointer-events:none}
.auth-overlay ::selection{background:#fff4aa;color:#17364e;text-shadow:none}
#account-button{font:inherit;color:#e7e9ed;background:transparent;border:1px solid #697b90;padding:7px 12px;cursor:pointer;max-width:180px;overflow:hidden;text-overflow:ellipsis}
#account-button:focus-visible{outline:2px solid #fff4aa;outline-offset:3px}
[hidden]{display:none!important}
@media(min-width:601px) and (max-width:900px){:is(#game, #reconstruction).auth-active{min-height:520px}.auth-window{width:75%}.auth-dialogue{position:static;min-height:110px;width:100%}}
@media(max-width:600px){:is(#game, #reconstruction).auth-active{min-height:500px}.auth-overlay{padding:12px;gap:14px;font-size:20px}.auth-window{width:100%;padding:12px 16px}.rescue-window{border-width:4px;outline-width:2px}.auth-dialogue{position:static;padding:12px 16px;min-height:100px}.auth-form input{min-height:38px}.auth-intro{margin-bottom:8px}.auth-local{min-height:38px}#account-button{margin-bottom:8px}}