@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700&display=swap";:root{color:#f4f0df;font-synthesis:none;text-rendering:optimizelegibility;background:#17251d;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#game-shell,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 20%,#55785759,#0000 40%),#17251d}canvas{display:block}.hud{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#131f18c7;border:1px solid #f6eecf29;position:fixed;box-shadow:0 18px 55px #00000038}.hud-top-left{border-radius:4px 18px 18px;padding:16px 18px;top:22px;left:22px}.hud-top-right{text-align:right;border-radius:14px 4px 14px 14px;min-width:190px;padding:13px 16px;font-family:DM Mono,monospace;font-size:12px;line-height:1.8;top:22px;right:22px}.sign-out{color:#dfc97b;cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font:500 10px DM Mono,monospace}.sign-out:hover{color:#f7e6a6}.eyebrow{color:#dfc97b;letter-spacing:.14em;font-family:DM Mono,monospace;font-size:10px}h1{letter-spacing:-.04em;margin:6px 0 7px;font-size:clamp(18px,2vw,26px);line-height:1}.status{color:#b7c7b7;font-family:DM Mono,monospace;font-size:11px}.status:before{content:"";background:#e5ba68;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.status.online:before{background:#75d69a;box-shadow:0 0 10px #75d69acc}.status.offline:before{background:#e17568}.controls{color:#bdc7bb;border-radius:12px;gap:18px;padding:11px 14px;font-size:11px;display:flex;bottom:22px;left:22px}.quest{border-radius:4px 16px 16px;width:min(310px,100vw - 44px);padding:14px 16px 15px;top:145px;left:22px}.quest-kicker{color:#dfc97b;letter-spacing:.14em;font:500 9px DM Mono,monospace}.quest-title{color:#f4f0df;margin-top:5px;font-size:13px;font-weight:700}.quest-detail{color:#aebbad;margin-top:4px;font:400 10px DM Mono,monospace}.quest-track{background:#ffffff1a;border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.quest-progress{border-radius:inherit;background:#e6cd73;width:0;height:100%;transition:width .22s}.touch-controls{display:none}kbd{color:#f4f0df;background:#ffffff14;border:1px solid #ffffff26;border-bottom-width:2px;border-radius:4px;padding:2px 5px;font-family:DM Mono,monospace;font-size:10px}.interact{z-index:3;color:#213124;cursor:pointer;background:#e6cd73;border:1px solid #e6cd73;border-radius:12px;min-width:210px;padding:12px 16px;font:700 12px Manrope,sans-serif;transition:all .14s;position:fixed;bottom:22px;right:22px}.interact:disabled{color:#7f8b7e;cursor:default;background:#15221ac2;border-color:#ffffff1f}.interact:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 24px #e6cd7338}.account-gate{z-index:10;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:linear-gradient(#111d168a,#111d16d1),radial-gradient(circle at 50% 30%,#6f925f47,#0000 42%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.account-card{background:#131f18f0;border:1px solid #f6eecf30;border-radius:8px 28px 28px;width:min(430px,100%);padding:31px;box-shadow:0 34px 90px #00000061}.account-mark{color:#dfc97b;letter-spacing:.16em;font:500 10px DM Mono,monospace}.account-card h2{color:#f4f0df;letter-spacing:-.05em;margin:10px 0 8px;font-size:29px}.account-card>p{color:#aebbad;margin:0 0 23px;font-size:13px;line-height:1.55}.account-tabs{background:#ffffff09;border:1px solid #f6eecf1f;border-radius:11px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.account-tabs button{color:#91a18f;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 12px;font:600 12px Manrope,sans-serif}.account-tabs button.selected{color:#f4e5af;background:#dfc97b24}#account-form{gap:14px;margin-top:20px;display:grid}#account-form label{color:#c5cec2;gap:7px;font:500 11px DM Mono,monospace;display:grid}#account-form input{color:#f4f0df;background:#ffffff0e;border:1px solid #f6eecf29;border-radius:9px;outline:none;width:100%;padding:12px 13px;font:500 14px Manrope,sans-serif;transition:all .14s}#account-form input:focus{border-color:#e6cd73bf;box-shadow:0 0 0 3px #e6cd7317}.account-submit{color:#213124;cursor:pointer;background:#e6cd73;border:1px solid #e6cd73;border-radius:10px;margin-top:3px;padding:12px 15px;font:700 13px Manrope,sans-serif}.account-submit:disabled{cursor:wait;opacity:.65}.account-message{color:#b7c7b7;min-height:17px;font:400 11px/1.5 DM Mono,monospace}.account-message[data-kind=error]{color:#ef9e90}@media (width<=680px){.hud-top-left{padding:13px 15px;top:12px;left:12px;right:12px}.hud-top-right{text-align:left;border-radius:12px;justify-content:space-between;min-width:0;padding:9px 13px;display:flex;top:112px;left:12px;right:12px}.hud-top-left h1{font-size:18px}.controls{display:none}.quest{width:min(270px,100vw - 24px);padding:11px 13px 12px;top:164px;left:12px}.touch-controls{z-index:4;touch-action:none;grid-template-rows:repeat(2,46px);grid-template-columns:repeat(3,46px);gap:4px;display:grid;position:fixed;bottom:67px;left:12px}.touch-controls button{color:#f4f0df;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#131f18d6;border:1px solid #f6eecf3d;border-radius:12px;font-size:15px;box-shadow:0 8px 22px #0003}.touch-controls button:active{background:#e6cd734d}.touch-controls button[data-direction=up]{grid-area:1/2}.touch-controls button[data-direction=left]{grid-area:2/1}.touch-controls button[data-direction=down]{grid-area:2/2}.touch-controls button[data-direction=right]{grid-area:2/3}.interact{min-width:0;bottom:12px;left:12px;right:12px}.account-gate{padding:12px}.account-card{border-radius:7px 22px 22px;padding:24px 20px}.account-card h2{font-size:25px}}