:root{--font-display: "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, Menlo, monospace;--ink: #1d1a2a;--paper: #f6f1e8;--paper-80: rgba(246, 241, 232, .86);--ink-70: rgba(29, 26, 42, .7);--accent: #c96b9e;--accent-2: #e3b64f;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:#0e0d18;overflow:hidden}canvas{display:block}.hud-top,.hud-bottom,.hud-map{position:fixed;z-index:5;font-family:var(--font-body);pointer-events:none}.hud-top{top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.hud-title{font-family:var(--font-display);font-size:26px;color:#fff6e8;text-shadow:0 1px 8px rgba(0,0,0,.5)}.hud-title span{font-family:var(--font-body);font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-left:10px}.hud-env{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#fff6e8;background:#14101e8c;padding:8px 12px;border-radius:10px;backdrop-filter:blur(6px)}.hud-env .src{opacity:.55;font-family:var(--font-mono);font-size:11px}.hud-bottom{left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.prompt{color:#fff6e8;background:#14101e99;padding:10px 14px;border-radius:10px;font-size:15px}.prompt.dim{opacity:.8;font-size:13px}kbd{font-family:var(--font-mono);background:#fff6e8;color:#1d1a2a;padding:1px 6px;border-radius:4px}.time-slider{pointer-events:auto;display:flex;align-items:center;gap:10px;color:#fff6e8;font-size:12px;background:#14101e99;padding:8px 12px;border-radius:10px}.time-slider input{width:160px}.hud-map{right:16px;top:72px;width:200px;height:200px;background:#14101e8c;border-radius:12px;backdrop-filter:blur(6px);pointer-events:auto;overflow:hidden}.map-path{position:absolute;height:2px;background:#fff6e859;transform-origin:0 50%}.map-ride{position:absolute;width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);transform:translate(-50%,-50%);cursor:pointer;padding:0}.map-ride.near{box-shadow:0 0 0 3px #ffd27acc}.map-walker{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #ffffffb3;transform:translate(-50%,-50%)}.ride-overlay{position:fixed;inset:0;z-index:10;background:#0e0d18b8;display:grid;place-items:center;padding:24px}.ride-card{background:var(--paper);color:var(--ink);max-width:520px;width:100%;padding:28px 32px;border-radius:16px;box-shadow:0 20px 60px #00000073}.ride-card h2{font-family:var(--font-display);font-size:34px;margin:4px 0 12px;font-weight:500}.ride-card .eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0}.ride-card .hint{font-size:12px;color:var(--ink-70)}.ride-card code{font-family:var(--font-mono);font-size:12px}.ride-card button{margin-top:16px;border:0;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer}.loading{position:fixed;inset:0;display:grid;place-items:center;color:#fff6e8;font-family:var(--font-display);font-size:28px;background:#0e0d18;z-index:20}.hud-ticker{position:fixed;z-index:5;left:50%;bottom:64px;transform:translate(-50%);color:#ffd27a;background:#14101e99;padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:.02em;pointer-events:none;white-space:nowrap}.hud-side{position:fixed;z-index:5;right:16px;top:288px;display:flex;flex-direction:column;gap:8px;width:200px}.hud-side button{pointer-events:auto;border:0;background:#14101e9e;color:#fff6e8;padding:10px 14px;border-radius:10px;font-size:14px;text-align:left;cursor:pointer;backdrop-filter:blur(6px);font-family:var(--font-body)}.hud-side button:hover{background:#282238d9}.hud-side button:focus-visible{outline:2px solid #ffd27a}