:root{--color-wall: #f3f0ea;--color-wall-shade: #e9e4db;--color-ink: #2c2926;--color-ink-soft: #5e584f;--color-ink-faint: #8a8379;--font-sans: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--text-xs: .78rem;--text-sm: .82rem;--text-md: .9rem;--text-lg: 1.05rem;--text-xl: 1.2rem;--leading: 1.45;--tracking: .03em;--tracking-wide: .04em;--space-2xs: .2rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 1.5rem;--measure: 26rem;--measure-narrow: 22rem;--tap-target: 44px;--radius-pill: 999px;--stick-size: 132px;--knob-size: 48px;--duration-fast: .25s;--duration: .35s;--ease: ease;color:var(--color-ink);background:var(--color-wall);font-family:var(--font-sans)}html,body{margin:0;width:100%;height:100%;overflow:hidden;position:fixed;inset:0;touch-action:none;overscroll-behavior:none;background:var(--color-wall)}#app{width:100%;height:100dvh;touch-action:none;user-select:none}#view{display:block;width:100%;height:100%;touch-action:none}#gate{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-wall);text-align:center}#gate[hidden]{display:none}#gate p{margin:0;max-width:var(--measure);font-size:var(--text-lg);line-height:var(--leading)}#epigraph{margin:0 0 var(--space-md)}#epigraph blockquote{margin:0}#epigraph p{max-width:var(--measure-narrow);font:italic var(--text-xl) / var(--leading) var(--font-serif)}#epigraph figcaption{margin-top:var(--space-xs);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--color-ink-soft)}#gate #touch-hint{display:none;font-size:var(--text-md);color:var(--color-ink-soft)}@media(pointer:coarse){#gate #touch-hint{display:block}}#walk{min-width:var(--tap-target);min-height:var(--tap-target);padding:var(--space-sm) var(--space-xl);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:transparent;color:inherit;font:inherit;letter-spacing:var(--tracking-wide);cursor:pointer}#walk:hover:not(:disabled){background:color-mix(in srgb,var(--color-ink) 6%,transparent)}#walk:disabled{border-color:color-mix(in srgb,var(--color-ink) 25%,transparent);color:var(--color-ink-faint);cursor:default}#loading{width:9rem;height:2px;overflow:hidden;background:color-mix(in srgb,var(--color-ink) 12%,transparent);transition:opacity var(--duration) var(--ease)}#loading span{display:block;width:100%;height:100%;background:var(--color-ink);transform:scaleX(0);transform-origin:left;transition:transform var(--duration) var(--ease)}#loading.done{opacity:0}#plaque{position:fixed;z-index:2;right:max(var(--space-md),env(safe-area-inset-right));bottom:max(var(--space-md),env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--duration) var(--ease),visibility 0s linear var(--duration)}#plaque.show{opacity:1;visibility:visible;transition:opacity var(--duration) var(--ease)}#plaque-text{width:min(var(--measure-narrow),calc(100vw - 2 * var(--space-md)));box-sizing:border-box;padding:var(--space-sm) var(--space-md) var(--space-md);background:color-mix(in srgb,var(--color-wall) 94%,transparent);pointer-events:none;transform-origin:bottom right;transform:scale(.2);opacity:0;transition:transform var(--duration) var(--ease),opacity var(--duration-fast) var(--ease)}#plaque.open #plaque-text{transform:none;opacity:1}#plaque:not(.open) #plaque-text{position:absolute;right:0;bottom:calc(100% + var(--space-xs))}#plaque p{margin:var(--space-2xs) 0}#plaque-toggle{width:var(--tap-target);height:var(--tap-target);padding:0;border:1px solid color-mix(in srgb,var(--color-ink) 35%,transparent);border-radius:50%;background:color-mix(in srgb,var(--color-wall) 90%,transparent);color:var(--color-ink-soft);font:italic var(--text-lg) / 1 var(--font-serif);cursor:pointer;pointer-events:auto}#plaque.open #plaque-toggle{color:var(--color-ink);border-color:color-mix(in srgb,var(--color-ink) 60%,transparent)}#plaque-toggle:hover{background:color-mix(in srgb,var(--color-wall-shade) 95%,transparent)}#plaque-toggle:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}#plaque .artist{font-size:var(--text-sm);letter-spacing:var(--tracking)}#plaque .title{font-size:var(--text-lg)}#plaque .meta,#plaque .license{font-size:var(--text-xs);color:var(--color-ink-soft)}#stick{position:fixed;z-index:1;width:var(--stick-size);height:var(--stick-size);margin:calc(var(--stick-size) / -2) 0 0 calc(var(--stick-size) / -2);border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:50%;box-sizing:border-box;background:color-mix(in srgb,var(--color-wall) 18%,transparent);pointer-events:none}#stick[hidden]{display:none}#knob{position:absolute;left:50%;top:50%;width:var(--knob-size);height:var(--knob-size);margin:calc(var(--knob-size) / -2) 0 0 calc(var(--knob-size) / -2);border-radius:50%;background:color-mix(in srgb,var(--color-ink) 30%,transparent)}@media(pointer:fine){#stick{display:none!important}}@media(prefers-reduced-motion:reduce){#plaque,#plaque.show,#plaque-text,#loading,#loading span{transition:none}}