:root{color-scheme:dark;--ink:#f2dcc1;--muted:#b8bbba;--gold:#ffd28f;--night:#0c1724}
*{box-sizing:border-box}html,body{margin:0;min-width:0;width:100%;min-height:100%;background:var(--night)}body{font-family:Georgia,'Times New Roman',serif;color:var(--ink);overflow-x:hidden}button{font:inherit}button:focus-visible,.hotspot:focus-visible{outline:2px solid #fff4c8;outline-offset:3px}.experience{position:relative;isolation:isolate;width:100%;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:linear-gradient(#101a31,#253a4b 60%,#081522)}.street{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,14,26,.30),transparent 33%,transparent 68%,rgba(6,14,26,.29)),linear-gradient(0deg,rgba(6,14,26,.92),transparent 36%,transparent 81%,rgba(6,14,26,.62));z-index:1}.masthead{position:absolute;z-index:3;left:clamp(25px,4.5vw,72px);right:clamp(25px,4.5vw,72px);top:clamp(22px,4vh,45px);display:flex;align-items:baseline;gap:18px;pointer-events:none;text-shadow:0 2px 18px #061221}.eyebrow,.mast-right,.footnote,.story-meta,.story-prompt,.button-hint{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.eyebrow{font-size:10px;color:#ebc08f;white-space:nowrap}.eyebrow span{opacity:.5;margin:0 7px}.masthead h1{font-size:clamp(16px,1.5vw,23px);font-weight:400;letter-spacing:.025em;margin:0;text-transform:lowercase}.mast-right{font-size:10px;margin-left:auto;color:#c0c7c5;white-space:nowrap}.footnote{position:absolute;z-index:3;bottom:30px;left:clamp(25px,4.5vw,72px);right:clamp(25px,4.5vw,72px);display:flex;justify-content:space-between;font-size:10px;color:#c0b7a6;pointer-events:none}.story{position:absolute;z-index:4;bottom:clamp(65px,10vh,112px);left:clamp(25px,4.5vw,72px);width:min(475px,calc(100% - 50px));padding:20px 0 3px 22px;border-left:1px solid rgba(255,203,141,.65);text-shadow:0 1px 12px #071522,0 2px 6px #071522;background:linear-gradient(90deg,rgba(7,18,30,.56),transparent);backdrop-filter:blur(2px)}.story-meta{display:flex;align-items:center;gap:24px;color:#eab985;font-size:10px;font-weight:600}.story-meta #progress{letter-spacing:.25em;color:#d5bb96}.story-line{font-size:clamp(23px,2.3vw,34px);line-height:1.16;margin:12px 0 12px;max-width:450px;text-wrap:balance}.story-prompt{color:#d9d4c9;font-size:11px;line-height:1.55;letter-spacing:.04em;max-width:440px;margin:0}.actions,.end-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:17px}.actions[hidden],.end-actions[hidden],.landmark[hidden],.absence[hidden],#end-glow[hidden],#memory-map[hidden],.hotspot[hidden]{display:none!important}.turn,.manual,.replay{cursor:pointer;min-height:48px;border:1px solid #e4be8a;color:#172333;background:#f4d5a8;border-radius:2px;padding:10px 15px;transition:transform .2s ease,background .2s ease}.turn:hover,.replay:hover{transform:translateY(-2px);background:#ffe6bd}.button-hint{font-size:9px;opacity:.6;margin-left:12px;text-transform:uppercase}.manual{background:rgba(12,28,42,.84);border-color:rgba(230,201,158,.58);color:#f8d9ab;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.015em}.manual:hover{background:#334252}.replay{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.035em}.hotspot{cursor:pointer;color:#ffe1a7}.hotspot .focus-ring{stroke:#ffe1a9;stroke-width:2;stroke-opacity:.76;fill:rgba(14,29,42,.14);stroke-dasharray:3 7;transform-origin:center;animation:breathe 3.5s ease-in-out infinite}.hotspot .hotspot-dot{fill:#ffe1a9;filter:drop-shadow(0 0 6px #ffc87c)}.hotspot:hover .focus-ring,.hotspot:focus-visible .focus-ring{stroke-width:4;stroke-dasharray:none;fill:rgba(255,202,125,.2)}.hotspot.active .focus-ring{stroke:#fff2c7;stroke-dasharray:none}.hotspot[aria-disabled="true"]{pointer-events:none}.hotspot[aria-disabled="true"] .focus-ring,.hotspot[aria-disabled="true"] .hotspot-dot{opacity:.28}.experience.ending .vignette{background:radial-gradient(ellipse at 52% 46%,transparent 5%,rgba(6,14,26,.45) 55%,rgba(6,14,26,.86) 100%),linear-gradient(0deg,rgba(7,16,26,.9),transparent 47%)}.experience.ending .story-line{font-size:clamp(24px,2.5vw,38px)}@keyframes breathe{50%{opacity:.48}}
@media(max-width:700px){.experience{min-height:0}.street{inset:0 0 auto;width:100%;height:calc(100% - 170px)}.vignette{background:linear-gradient(0deg,#091726 0%,rgba(9,23,38,.98) 16%,rgba(9,23,38,0) 46%,rgba(9,23,38,.28) 100%)}.masthead{top:19px;left:20px;right:20px;display:block}.eyebrow{display:block;font-size:9px}.masthead h1{margin-top:5px;font-size:17px}.mast-right{display:none}.story{bottom:18px;left:20px;width:calc(100% - 40px);padding:8px 0 2px 16px;backdrop-filter:none;background:none}.story-line{font-size:clamp(20px,5.4vw,26px);margin:8px 0 8px;line-height:1.17}.story-meta{font-size:9px}.story-prompt{font-size:10px;line-height:1.36;max-width:350px}.actions,.end-actions{margin-top:10px;gap:6px 10px}.turn,.manual,.replay{min-height:44px;padding:8px 11px;font-size:11px}.button-hint{margin-left:4px;font-size:8px}.manual{font-size:10px}.footnote{display:none}}
@media(max-width:370px){.story{left:14px;width:calc(100% - 28px);bottom:12px}.actions{gap:4px}.turn,.manual{padding:7px 8px}}
@media(max-height:650px) and (min-width:701px){.story{bottom:40px}.footnote{bottom:17px}.masthead{top:16px}}
.memory-route{stroke-dasharray:980;stroke-dashoffset:980;animation:trace-map 2.2s ease-out forwards}.memory-route.second{stroke-dasharray:3 10;stroke-dashoffset:0;animation:none}@keyframes trace-map{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}