:root{--ink:#1d2a33;--paper:#f6efe2;--accent:#b8582f;--accent-2:#e2a64a;--glass:#182026b8;--glass-2:#182026db;--line:#ffffff24;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{color:#fff;background:#9fc3dd;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#loading{z-index:50;background:radial-gradient(at 50% 35%,#33505f,#172229 70%);place-items:center;display:grid;position:fixed;inset:0}.load-box{text-align:center;width:min(420px,86vw)}.load-box h1{letter-spacing:1px;color:var(--paper);margin:0;font-size:44px}.load-box h1 span{color:var(--accent-2)}.load-box .sub{opacity:.75;margin:6px 0 26px}.bar{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}#load-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:100%;transition:width .2s}#load-msg{opacity:.7;min-height:1.2em;margin-top:12px;font-size:13px}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#minimap-wrap{pointer-events:auto;background:#d9d2c0;border:3px solid #ffffffd9;border-radius:50%;width:220px;height:220px;transition:width .25s,height .25s,border-radius .25s;position:absolute;top:16px;right:16px;overflow:hidden;box-shadow:0 4px 20px #00000059}#minimap-wrap.big{border-radius:18px;width:min(560px,80vw);height:min(560px,80vw)}#minimap{width:100%;height:100%;display:block}#compass-n{background:var(--accent);color:#fff;text-align:center;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;font:700 12px/22px sans-serif;position:absolute;top:50%;left:50%;box-shadow:0 1px 3px #0006}#place-name{text-align:center;text-shadow:0 1px 3px #000c;width:220px;font-size:13px;font-weight:600;position:absolute;top:246px;right:16px}#clock{background:var(--glass);font-variant-numeric:tabular-nums;border-radius:16px;padding:6px 12px;font-size:14px;position:absolute;top:16px;left:16px}#btn-menu{pointer-events:auto;position:absolute;top:56px;left:16px}.round{border:1px solid var(--line);background:var(--glass);color:#fff;cursor:pointer;border-radius:50%;width:42px;height:42px;font-size:20px}#hint{background:var(--glass);opacity:.9;border-radius:14px;padding:6px 14px;font-size:13px;transition:opacity 1s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#prompt{background:var(--glass-2);border-radius:10px;padding:8px 16px;font-size:15px;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}#prompt kbd,.keys kbd{color:var(--ink);background:#fff;border-radius:4px;padding:1px 7px;font:600 12px/18px system-ui;display:inline-block;box-shadow:0 2px #00000059}#sign{width:min(560px,100vw - 32px);color:var(--ink);background:linear-gradient(#f8f1e1,#eadcc0);border:2px solid #8a5a2c;border-radius:6px;padding:14px 18px 12px;animation:.45s ease-out signIn;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}#sign .sign-title{color:#6d3514;font:700 20px/1.2 Georgia,Times New Roman,serif}#sign .sign-text{margin-top:6px;font-size:14.5px;line-height:1.45}#sign .sign-src{opacity:.6;margin-top:6px;font-size:11px}@keyframes signIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}#touch{pointer-events:none;z-index:11;position:fixed;inset:0}#joy{pointer-events:auto;background:#ffffff24;border:2px solid #ffffff59;border-radius:50%;width:128px;height:128px;position:absolute;bottom:28px;left:24px}#joy-knob{background:#ffffff8c;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.tbtn{pointer-events:auto;color:#fff;background:#1820268c;border:2px solid #fff6;border-radius:50%;width:68px;height:68px;font-size:14px;font-weight:600;position:absolute}#t-run{bottom:34px;right:110px}#t-e{font-size:22px;bottom:90px;right:26px}#menu{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a10148c;place-items:center;display:grid;position:fixed;inset:0}.menu-box{background:var(--glass-2);border:1px solid var(--line);border-radius:14px;width:min(820px,100vw - 32px);max-height:calc(100vh - 32px);padding:18px 22px;overflow:auto}.menu-box h2{color:var(--accent-2);margin:0 0 8px}.menu-box h3{text-transform:uppercase;letter-spacing:.08em;opacity:.75;margin:14px 0 6px;font-size:14px}.menu-cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:640px){.menu-cols{grid-template-columns:1fr}}.keys{border-collapse:collapse;font-size:14px}.keys td{padding:3px 10px 3px 0}#teleports{flex-direction:column;gap:4px;max-height:360px;display:flex;overflow:auto}#teleports button,.menu-foot button{text-align:left;border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:8px;padding:7px 10px;font-size:14px}#teleports button:hover,.menu-foot button:hover{background:#ffffff24}.menu-foot{gap:10px;margin-top:16px;display:flex}.menu-foot .primary{background:var(--accent);border-color:var(--accent)}.chk{cursor:pointer;margin:4px 0;font-size:14px;display:block}input[type=range]{width:100%}#credits{opacity:.9;margin-top:12px;font-size:12.5px;line-height:1.5}#credits a{color:var(--accent-2)}.privacy{opacity:.7;margin:12px 0 0;font-size:12px;line-height:1.45}.privacy a{color:var(--accent-2)}@media (max-width:640px){#minimap-wrap{width:132px;height:132px;top:10px;right:10px}#place-name{width:132px;font-size:11px;top:148px;right:10px}#sign{top:auto;bottom:170px}#hint{display:none}}