:root{--ink:#f7f2e4;--ink-dim:#f7f2e4ad;--panel:#14181e9e;--line:#f7f2e438;--accent:#ffb21f;--accent-ink:#1b1406;--sky:#a9cbe3;--display:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--body:"Barlow", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--sky);height:100%;color:var(--ink);font-family:var(--body);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}#c{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{pointer-events:none;z-index:2;position:fixed}#loc{top:calc(env(safe-area-inset-top,0px) + 14px);max-width:60vw;left:16px}#loc .eyebrow{font:600 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 2px #00000080}#loc .name{font:italic 800 clamp(24px, 6vw, 38px)/1 var(--display);text-transform:uppercase;text-shadow:0 2px #00000059,0 0 14px #00000059;text-wrap:balance;margin-top:4px}#loc .name:after{content:"";background:var(--accent);width:42px;height:4px;margin-top:6px;display:block}#mini{top:calc(env(safe-area-inset-top,0px) + 12px);width:150px;height:150px;box-shadow:0 0 0 1px var(--line), 0 4px 14px #00000059;border:3px solid #14181ed9;border-radius:50%;right:14px}@media (max-width:600px){#mini{width:112px;height:112px}}#debug{top:calc(env(safe-area-inset-top,0px) + 176px);background:var(--panel);border:1px solid var(--line);white-space:pre;color:var(--ink);border-radius:6px;padding:8px 10px;font:400 12px/1.45 ui-monospace,Consolas,monospace;right:14px}#speed{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);text-align:center;transform:translate(-50%)}#speed b{font:italic 800 46px/.9 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 2px #0006;display:block}#speed span{font:600 11px/1 var(--body);letter-spacing:.16em;color:var(--ink-dim)}#speed .dmg{background:var(--line);border-radius:2px;width:90px;height:4px;margin:6px auto 0;display:block;overflow:hidden}#speed .dmg i{background:var(--accent);height:100%;display:block}#hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);background:var(--panel);border:1px solid var(--line);font:600 13px/1 var(--body);white-space:nowrap;border-radius:6px;padding:7px 12px;transform:translate(-50%)}#hint kbd{font:800 13px/1 var(--display);background:var(--accent);color:var(--accent-ink);border-radius:3px;margin-right:6px;padding:2px 6px}#toast{text-align:center;opacity:0;font:italic 800 clamp(26px, 5vw, 44px)/1 var(--display);text-transform:uppercase;color:var(--accent);text-shadow:0 2px #0009,0 0 18px #00000080;white-space:nowrap;transition:opacity .5s;top:34%;left:50%;transform:translate(-50%)}#toast.on{opacity:1}#toast small{font:600 13px/1.6 var(--body);letter-spacing:.16em;color:var(--ink);display:block}#keys{left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);font:400 12px/1.5 var(--body);color:var(--ink-dim);text-shadow:0 1px 2px #0009}#keys b{color:var(--ink);font-weight:600}#attrib{right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);font:400 10px/1.4 var(--body);color:var(--ink-dim);text-align:right;text-shadow:0 1px 2px #000000b3}#intro{z-index:5;background:linear-gradient(#14181e40,#14181eb3);place-items:center;display:grid;position:fixed;inset:0}#intro[hidden]{display:none}#intro .card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;width:min(440px,100vw - 32px);padding:22px 22px 18px}#intro .coords{font:600 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}#intro h1{font:italic 800 56px/1 var(--display);text-transform:uppercase;margin:8px 0 6px}#intro p{margin:0 0 12px;font-size:15px;line-height:1.45}#intro .bar{background:var(--line);border-radius:2px;height:4px;margin-bottom:14px;overflow:hidden}#intro .bar i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}#intro ul{gap:4px;margin:0 0 16px;padding:0;font-size:14px;list-style:none;display:grid}#intro li b{min-width:120px;font:800 15px/1 var(--display);color:var(--accent);letter-spacing:.04em;display:inline-block}#play{width:100%;font:italic 800 24px/1 var(--display);text-transform:uppercase;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:6px;padding:12px}#play:disabled{opacity:.45;cursor:progress}#play:focus-visible{outline:3px solid var(--ink);outline-offset:3px}#intro .src{font:400 12px/1.4 var(--body);color:var(--ink-dim);margin-top:14px}