.app{--ink:#12233b;--ink-soft:#52627a;--line:#12233b24;--accent:#8b1e2d;--paper:#ffffffdb;--scrim:#e8eef0b3;--font-display:"Fraunces", Georgia, serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 60% 35%,#f1f5f6 0%,#d5e1e8 100%);font-size:15px;line-height:1.5;transition:background .9s;position:fixed;inset:0;overflow:hidden}.app[data-night=true]{--ink:#e9eff6;--ink-soft:#9fb0c6;--line:#e9eff629;--accent:#e0b64a;--paper:#101c2edb;--scrim:#0c1624b3;background:radial-gradient(120% 90% at 60% 35%,#15243b 0%,#070f1c 100%)}.app:before{content:"";z-index:1;background:linear-gradient(90deg, var(--scrim) 0%, var(--scrim) 60%, transparent 100%);pointer-events:none;width:420px;position:absolute;inset:0 auto 0 0}body{background:#d5e1e8;margin:0}*{box-sizing:border-box}button{font:inherit;color:inherit;cursor:pointer}.world{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.world:active{cursor:grabbing}.world.pointing{cursor:pointer}.panel{z-index:2;pointer-events:none;flex-direction:column;gap:12px;width:290px;display:flex;position:absolute;top:20px;bottom:20px;left:20px}.panel>*{pointer-events:auto}.panel h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:38px;font-weight:500;line-height:1.02}.panel h1 span{color:var(--accent)}.where{color:var(--ink-soft);margin:4px 0 0}.list{background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:12px;flex:0 auto;min-height:0;margin:0;padding:8px;list-style:none;overflow-y:auto}.list summary{color:var(--ink-soft);cursor:pointer;padding:4px 8px;font-size:12.5px;font-weight:500}.list ul{margin:4px 0 0;padding:0;list-style:none}.list button{text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:5px 8px;font-size:14px}.list button:hover,.list button[aria-current=true]{background:var(--line)}.list button[aria-current=true]{color:var(--accent);font-weight:500}.hint{color:var(--ink-soft);margin:0;font-size:13px}.tools{z-index:2;gap:8px;display:flex;position:absolute;top:20px;right:20px}.tools button{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;padding:7px 12px;font-size:13.5px}.tip{z-index:3;background:var(--ink);color:var(--paper);pointer-events:none;white-space:nowrap;border-radius:6px;padding:5px 9px;font-size:12.5px;font-weight:500;position:absolute;transform:translate(-50%,calc(-100% - 14px))}.loading{z-index:3;font-family:var(--font-display);color:var(--ink-soft);place-items:center;margin:0;font-size:22px;display:grid;position:absolute;inset:0}.fps{z-index:2;background:var(--paper);color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 8px;font:500 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:64px;right:20px}.fps[data-slow=true]{color:#b3261e}.credit{z-index:2;color:var(--ink-soft);margin:0;font-size:11.5px;position:absolute;bottom:14px;right:20px}.credit a{color:inherit}@media (width<=640px){.panel{width:auto;inset:16px 16px auto}.panel h1{font-size:28px}.app:before{background:linear-gradient(180deg, var(--scrim) 0%, var(--scrim) 50%, transparent 100%);width:auto;height:200px;inset:0 0 auto}.list{max-height:40vh}.tools{top:auto;bottom:40px;right:16px}.credit{left:16px;right:16px}.fps{top:auto;bottom:86px;right:16px}}.tools .drive{background:var(--accent);color:#fff;border-color:#0000;font-weight:500}.app[data-mode] .panel,.app[data-mode] .tools .drive,.app[data-mode] .tools .walk,.app[data-mode] .tools button:last-child,.app[data-mode]:before{display:none}.app[data-mode] .world{cursor:default}.app[data-mode=walk] .world{cursor:crosshair}.crosshair{background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}.prompt{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:10px;margin:0;padding:6px 14px;font-size:14px;top:calc(50% + 22px);left:50%;transform:translate(-50%)}.prompt[hidden],.stick[hidden]{display:none}.stick{background:#12233b2e;border:1.5px solid #ffffffb3;border-radius:50%;width:108px;height:108px;margin:-54px 0 0 -54px}.stick span{background:#ffffffd9;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}.exit{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;pointer-events:auto;border-radius:999px;padding:7px 14px;top:20px;left:20px}.hud{z-index:2;pointer-events:none;position:absolute;inset:0}.hud[hidden]{display:none}.hud>*{position:absolute}.objective{background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:baseline;gap:14px;padding:10px 18px;font-size:16px;display:flex;top:20px;left:50%;transform:translate(-50%)}.objective b{color:var(--accent);font-weight:600}.dist{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.stats{gap:10px;display:flex;top:20px;left:20px}.hud[data-mode=free] .stats,.hud[data-mode=menu] .stats{display:none}.stats>div{background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:12px;min-width:92px;padding:8px 14px;display:grid}.stats small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}.stats output{font:600 26px/1.1 var(--font-display);font-variant-numeric:tabular-nums}.time[data-low=true]{color:#c0271c}.speed{color:#fff;text-shadow:0 1px 6px #00000073;font-size:15px;bottom:40px;right:24px}.speed b{font:600 44px/1 var(--font-display);font-variant-numeric:tabular-nums}.toast{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:10px;margin:0;padding:8px 16px;font-weight:500;top:84px;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.keys{color:#fff;text-shadow:0 1px 4px #00000080;margin:0;font-size:12.5px;bottom:14px;left:20px}.card{background:var(--paper);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);pointer-events:auto;border-radius:16px;width:min(420px,100% - 32px);padding:24px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0a142340}.card[hidden]{display:none}.card h2{font:500 30px/1.1 var(--font-display);margin:0 0 8px}.card p{color:var(--ink-soft);margin:0 0 18px}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions button{border:1px solid var(--line);background:0 0;border-radius:999px;padding:9px 16px}.actions .primary{background:var(--accent);color:#fff;border-color:#0000;font-weight:500}@media (width<=640px){.objective{font-size:14px;top:16px}.stats{top:70px;left:16px}.keys{display:none}.exit{top:16px;left:16px}.walk .objective{top:64px}}