:root{--ink: #0b0c0d;--text: #e9e4d9;--dim: #a8a397;--accent: #e8d9b8;--serif: "Cormorant Garamond", Georgia, serif;--sans: Inter, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--text);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}#c{position:fixed;inset:0;width:100%;height:100%;display:block}#c:focus{outline:none}[hidden]{display:none!important}a{color:var(--accent)}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:radial-gradient(ellipse at 50% 40%,#1416188c,#08090aeb);z-index:5}.kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}h1{font:400 clamp(54px,7vw,96px)/1 var(--serif);margin:12px 0 16px;color:#f3eee4}h2{font:400 48px/1 var(--serif);margin:0 0 24px}.lede{font:italic 400 22px/1.45 var(--serif);color:#cfc9bd;max-width:560px;margin:0 0 28px}button{font:500 15px var(--sans);color:#111;background:var(--accent);border:0;border-radius:999px;padding:13px 28px;cursor:pointer;transition:background .2s,opacity .3s}button:hover:not(:disabled),button:focus-visible{background:#fff}button:disabled{opacity:.35;cursor:progress}#load{width:260px;height:2px;background:#ffffff1f;margin:6px 0 10px}#bar{height:100%;width:0;background:var(--accent);transition:width .2s}#loadtxt{font-size:12px;color:var(--dim);margin:0 0 22px;letter-spacing:.04em}.keys{list-style:none;display:flex;gap:22px;padding:0;margin:36px 0 0;color:var(--dim);font-size:13px}kbd{display:inline-block;min-width:22px;padding:2px 6px;margin-right:3px;border:1px solid rgba(255,255,255,.25);border-radius:4px;font:500 11px var(--sans);color:var(--text)}.skip{position:absolute;bottom:28px;font-size:13px;color:var(--dim)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#hud{position:fixed;inset:0;pointer-events:none;z-index:3}#dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#ffffffb3;box-shadow:0 0 4px #0009}#prompt{position:absolute;left:50%;bottom:16vh;transform:translate(-50%);padding:10px 18px;border-radius:999px;background:#0a0b0c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:400 20px var(--serif);letter-spacing:.01em;white-space:nowrap;animation:rise .35s ease-out}#prompt kbd{font-size:12px;vertical-align:3px;margin-right:8px}#area{position:absolute;left:0;right:0;top:34vh;display:flex;justify-content:center;pointer-events:none}#area p{margin:0;padding:0 0 14px;position:relative;opacity:0;white-space:nowrap;font:500 clamp(40px,4.4vw,64px)/1 var(--serif);color:#ece2c8;letter-spacing:.05em;text-shadow:0 0 22px rgba(0,0,0,.65),0 2px 4px rgba(0,0,0,.5)}#area p:after{content:"";position:absolute;left:-18%;right:-18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(236,226,200,.85) 22%,rgba(236,226,200,.85) 78%,transparent)}#area p.show{animation:area 6.5s cubic-bezier(.3,.1,.3,1) forwards}@keyframes area{0%{opacity:0;transform:translate(-46px);letter-spacing:.03em}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(46px);letter-spacing:.085em}}#fps{position:absolute;right:12px;top:10px;font:12px ui-monospace,monospace;color:#9f9;text-shadow:0 1px 2px #000}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}#panel{position:fixed;inset:0;z-index:6;background:var(--ink);animation:fadein .45s ease-out}#panel iframe{width:100%;height:100%;border:0;display:block}@keyframes fadein{0%{opacity:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}#start{position:fixed;inset:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:5vh 40px 4vh}#start>*{pointer-events:auto}.door-top .lede{font-size:19px;margin:8px 0 0;color:#b9b3a7}.door-top,.door-bottom{transition:opacity .6s}.door-bottom{display:flex;flex-direction:column;align-items:center}.choices{display:flex;gap:14px;margin-bottom:14px}button.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px #ffffff4d}button.ghost:hover,button.ghost:focus-visible{background:#ffffff14}#start #loadtxt{margin:0 0 6px}#start #load{margin:0;width:180px}#start .keys{margin:18px 0 0}#start .skip{position:static;margin-top:14px}#fade{position:fixed;inset:0;z-index:7;background:#bfc3c2;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center}#fadetxt{font:italic 400 20px var(--serif);color:#3a3a36}#gone{background:#000;animation:fadein 1.2s ease-out;z-index:8}#story{position:fixed;inset:0;z-index:4;overflow-y:auto;scroll-snap-type:y proximity;outline:none;scrollbar-width:none}#story::-webkit-scrollbar{display:none}#track{position:relative;width:1px}#track>i{position:absolute;left:0;width:1px;height:1px;scroll-snap-align:start}#lines{position:fixed;inset:0;z-index:4;pointer-events:none}#lines .line{position:absolute;top:50%;max-width:min(420px,30vw);margin:0;transform:translateY(-50%);opacity:0;will-change:opacity,transform;font:italic 400 clamp(22px,1.9vw,30px)/1.42 var(--serif);color:#e2dccf;text-shadow:0 2px 18px #000}#lines .line.left{left:9vw}#lines .line.right{right:9vw;text-align:right}#lines .intro{left:0;right:0;max-width:none;text-align:center;font-style:normal}#lines .intro .lede{margin:12px auto 0;font-size:22px}#lines .cue{margin-top:36px;font:400 12px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}#lines .skip-story{position:absolute;left:auto;right:32px;bottom:26px;pointer-events:auto;transition:opacity .6s}#plates{position:fixed;inset:0;z-index:1;pointer-events:none}#plates img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease-out}#plates img.on{opacity:1;transition:opacity 1.1s ease-in-out}#lines .line:not(.intro):before{content:"";position:absolute;inset:-60px -90px;z-index:-1;background:radial-gradient(closest-side,#000c,#00000073 55%,#0000)}#pause #openmap{margin-top:14px}#pause .hint{margin:22px 0 0;font-size:13px;color:var(--dim)}#pause .hint+.hint{margin-top:10px}.door-bottom{position:relative}.door-bottom:before{content:"";position:absolute;inset:-30px -140px -20px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#000000d1,#0000008c 60%,#0000)}#title{position:fixed;inset:0;z-index:9;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:opacity 1.6s ease-out}#title.gone{opacity:0;pointer-events:none}#title h1{animation:fadein 2.4s ease-out}#title .press{margin:26px 0 0;font:400 13px var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--dim);animation:breathe 2.8s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.35}50%{opacity:1}}#map{position:fixed;inset:0;z-index:6;background:radial-gradient(ellipse at center,#1d1812,#070605 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:fadein .35s ease-out}#map .sheet{position:relative;height:min(84vh,calc((100vw - 80px) / .6316));aspect-ratio:2304 / 3648;cursor:crosshair;box-shadow:0 20px 60px #000000b3}#map .sheet img{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none}#map .grace{all:unset;position:absolute;transform:translate(-11px,-11px);cursor:pointer;display:flex;align-items:center;gap:6px}#map .grace.west{flex-direction:row-reverse;transform:translate(calc(-100% + 11px),-11px)}#map .grace i{flex:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#fffbe8 0 16%,#f6cf6e 30%,#d696288c 52%,#d6962800 72%);filter:drop-shadow(0 0 2px #3a2610);transition:transform .2s}#map .grace span{display:flex;flex-direction:column;padding:2px 7px 3px;border-radius:4px;background:#f1e6cbc7;font:500 14px/1.1 var(--serif);color:#3a2a1a;white-space:nowrap}#map .grace span b{font-weight:600;font-size:17px}#map .grace:hover span,#map .grace:focus-visible span{color:#000}#map .grace:hover i{transform:scale(1.35)}#map .me{position:absolute;width:0;height:0;transform:translate(-50%,-50%) rotate(var(--yaw, 0rad))}#map .me:before{content:"";position:absolute;left:-8px;top:-12px;border:8px solid transparent;border-bottom:22px solid #a3271b;border-top:0;filter:drop-shadow(0 0 3px #fff)}#map .pin{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);border:2px solid #a3271b;border-radius:50%;box-shadow:0 0 0 3px #fff0d2b3;pointer-events:none}#map .bar{display:flex;align-items:center;gap:14px}#map .hint{margin:0;font:400 13px var(--sans);color:var(--dim)}#travel{position:fixed;inset:0;z-index:8;background:#000;opacity:0;transition:opacity .7s ease;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 6vw 9vh;pointer-events:none}#travel.on{opacity:1;pointer-events:auto}#travel p{margin:0;font:italic 400 24px var(--serif);color:#b9b2a2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}