:root{--ink: #eef1f4;--muted: #97a2ae;--ground: #0b0d10;--accent: #e8a253;--rule: rgba(255, 255, 255, .14);--font: "Bahnschrift", "Archivo Narrow", "Helvetica Neue", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ground);color:var(--ink);font-family:var(--font);overflow:hidden;overscroll-behavior:none}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#hud{position:fixed;left:0;right:0;bottom:0;padding:20px clamp(16px,4vw,32px) calc(20px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;pointer-events:none;background:linear-gradient(to top,rgba(11,13,16,.78),transparent);opacity:0;transition:opacity .8s ease .3s}body.ready #hud{opacity:1}.hud-left{display:flex;flex-direction:column;gap:8px}.hud-title{display:flex;align-items:baseline;gap:12px}.hud-credit{margin:0;font-size:.68rem;letter-spacing:.06em;color:var(--muted);pointer-events:auto}.hud-credit a{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}.hud-credit a:hover{color:var(--ink);border-bottom-color:var(--accent)}.hud-credit a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#modes{display:flex;gap:1px;pointer-events:auto;background:var(--rule);border:1px solid var(--rule)}#modes button{appearance:none;background:#0b0d10b8;border:0;color:var(--muted);font:inherit;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:9px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .18s ease,background .18s ease}#modes button:hover:not(:disabled){color:var(--ink)}#modes button[aria-pressed=true]{color:var(--ground);background:var(--accent)}#modes button[aria-pressed=true] kbd{color:var(--ground);opacity:.65}#modes button:disabled{opacity:.35;cursor:not-allowed}#modes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#modes kbd{font:inherit;font-size:.62rem;opacity:.5;border:1px solid currentColor;border-radius:2px;padding:0 4px;line-height:1.5}#station{position:fixed;left:50%;top:clamp(24px,8vh,64px);transform:translate(-50%,-6px);font-size:clamp(1.1rem,3.4vw,1.6rem);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-shadow:0 2px 24px rgba(0,0,0,.85);opacity:0;pointer-events:none;transition:opacity .7s ease,transform .7s ease}#station.show{opacity:1;transform:translate(-50%)}#touch-walk{position:fixed;right:clamp(16px,5vw,36px);bottom:calc(96px + env(safe-area-inset-bottom));width:74px;height:74px;border-radius:50%;border:1px solid var(--rule);background:#0b0d1099;color:var(--ink);font-size:1.4rem;display:none;place-items:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}#touch-walk.show{display:grid}#touch-walk:active{background:var(--accent);color:var(--ground)}.hud-title h1{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}#badge{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--rule);border-radius:2px;color:var(--muted)}#badge[data-mode=gpu]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.hud-hint{margin:0;display:flex;gap:18px;flex-wrap:wrap;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#loader,#fallback{position:fixed;inset:0;display:grid;place-items:center;background:var(--ground);z-index:10;transition:opacity .6s ease;padding:24px}#loader.hidden,#fallback.hidden{opacity:0;pointer-events:none;visibility:hidden}.loader-inner{width:min(320px,82vw);text-align:center}.loader-title{font-size:1rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.loader-track{height:2px;background:var(--rule);overflow:hidden}#loader-bar{height:100%;width:0;background:var(--accent);transition:width .35s ease}#loader-text{margin-top:12px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#fallback p{color:var(--accent);font-size:.82rem;line-height:1.5;word-break:break-word}#fallback small{display:block;margin-top:14px;color:var(--muted);font-size:.72rem;line-height:1.6}#fallback code{font-family:ui-monospace,Consolas,monospace;color:var(--ink)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}