.login-screen{z-index:20;color:#f4ebd7;touch-action:pan-y;background:#171917;place-items:center;font-family:Mali,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}.login-card{box-sizing:border-box;background:linear-gradient(#17221d33 0%,#17221d77 30%,#17221df5 58%),url(/assets/town/street.webp) top/auto 72vh no-repeat;flex-direction:column;justify-content:space-between;width:min(100%,540px);min-height:100%;padding:clamp(24px,7vh,72px) 28px 24px;display:flex}.login-eyebrow{letter-spacing:2px;text-shadow:0 2px 5px #000;font-size:12px}.login-card h1{color:#fff4dc;text-shadow:0 3px 12px #17221d;margin:16px 0;font-size:clamp(30px,5vh,45px);line-height:1.5}.login-intro{text-shadow:0 2px 6px #000;font-size:14px}.login-actions{text-align:center;background:#1d231fe8;border:1px solid #b89a5a77;border-radius:22px;margin-top:40px;padding:24px;box-shadow:0 14px 40px #0005}.login-actions h2{margin:0 0 22px;font-size:21px}.login-actions button{cursor:pointer;border-radius:12px;width:100%;min-height:50px;font:700 15px Mali,sans-serif}.login-google{color:#252525;background:#fff;border:1px solid #ddd;justify-content:center;align-items:center;gap:16px;display:flex}.login-google span{color:#4285f4;font:700 22px Arial}.login-guest{color:#241e14;background:#ceac66;border:1px solid #edd599}.login-actions button:disabled{opacity:.5;cursor:default}.login-actions button:focus-visible{outline-offset:4px;outline:3px solid #f4d889}.login-divider{color:#c0b9a8;margin:14px;font-size:12px}.login-note,.login-config,.login-transfer{color:#c6c5b6;font-size:11px;line-height:1.8}.login-transfer{text-align:left;margin-top:12px;display:block}.login-transfer[hidden]{display:none}.login-transfer input{accent-color:#ceac66}.login-status{color:#ffd59b;margin:8px 0 0;font-size:12px}.login-back{color:#e5d4af;background:0 0;border:1px solid #a08a58;margin-top:15px}.login-note{margin-bottom:0}@media (height<=650px){.login-card{padding-top:16px}.login-card h1{margin:4px 0;font-size:26px}.login-actions{margin-top:12px;padding:16px}.login-eyebrow{margin:0}.login-intro{margin:4px 0}}.name-form label{text-align:left;margin:12px 0;font-size:14px;display:block}.name-form input{box-sizing:border-box;color:#fff4dc;touch-action:manipulation;background:#111c17;border:1px solid #b99a60;border-radius:10px;width:100%;padding:14px;font:18px Mali,sans-serif}.name-form input:focus{outline-offset:2px;outline:2px solid #e2c684}.name-form input[aria-invalid=true]{border-color:#f1a68f}.name-form button{margin-top:20px}.name-form .login-status{min-height:20px}