:root{--ink:#2b2620;--paper:#faf6ece6;--line:#2b26202e;--accent:#a31345;color:var(--ink);font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{background:#dce8ef;height:100%;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#title{pointer-events:none;text-shadow:0 0 12px #faf6ece6;position:fixed;top:20px;left:24px}#title p{letter-spacing:.32em;text-transform:uppercase;margin:0;font-size:13px}#title h1{margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(40px,7vw,84px);font-weight:400;line-height:1}#legend{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:12px 16px;font-size:13px;position:fixed;top:20px;right:24px}#legend ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}#legend li{align-items:center;gap:10px;display:flex}#legend i{border:1px solid var(--line);border-radius:2px;width:16px;height:12px}#timeline{background:var(--paper);border:1px solid var(--line);border-radius:6px;align-items:flex-start;gap:20px;padding:14px 20px 10px;display:flex;position:fixed;bottom:44px;left:24px;right:24px}#walk{font:inherit;color:var(--ink);border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:4px;flex:none;padding:8px 14px;font-size:13px}#walk:hover,#walk[aria-pressed=true]{color:#fff;background:var(--ink)}#slider{flex:1;min-width:0}#time{width:100%;accent-color:var(--accent);cursor:pointer;margin:6px 0 4px}#ticks{justify-content:space-between;margin:0;padding:0;font-size:12px;list-style:none;display:flex}#ticks li{white-space:nowrap;cursor:pointer;opacity:.6;justify-content:center;width:0;display:flex}#ticks li[aria-current=true]{opacity:1;color:var(--accent);font-weight:600}#walk-hint{background:var(--paper);border:1px solid var(--line);white-space:nowrap;border-radius:6px;margin:0;padding:8px 14px;font-size:13px;position:fixed;top:20px;left:50%;transform:translate(-50%)}kbd{min-width:20px;font:inherit;text-align:center;border:1px solid var(--ink);border-radius:3px;margin:0 1px;padding:1px 5px;font-size:12px;display:inline-block}#credit{margin:0;font-size:12px;position:fixed;bottom:14px;right:24px}#credit a{color:inherit}body.walking #legend,body.walking #title{display:none}
