:root{--ink:#f4efe6;--ink-soft:#f4efe6c7;--ink-dim:#f4efe699;--panel:#0c101eb8;--panel-edge:#ffffff24;--accent:#f3c98b;--accent-ink:#1b1409;--focus:#9fd3ff;--danger:#f0a0a0;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--touch-opacity:.55;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);background:#05060d;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.layer{position:absolute;inset:0}[hidden]{display:none!important}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--panel-edge);background:#ffffff14;border-radius:999px;min-height:44px;padding:.62em 1.25em;transition:background .2s,border-color .2s}button:hover{background:#ffffff29}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}button.primary:hover{background:#f8d7a4}button.primary:disabled{opacity:.55;cursor:progress}button.danger{color:var(--danger);border-color:#f0a0a080}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.subtle{color:var(--ink-dim)}.small{font-size:.88rem}.title{padding:max(24px, var(--safe-top)) max(16px, var(--safe-right)) max(24px, var(--safe-bottom)) max(16px, var(--safe-left));background:linear-gradient(#03040c1a 0%,#03040c00 45%,#03040cbf 100%);justify-content:flex-start;align-items:flex-end;display:flex}.title-inner{text-shadow:0 1px 12px #0009;max-width:560px;margin:0 0 4vh 5vw}.title h1{font-family:var(--serif);letter-spacing:.02em;margin:0 0 .2em;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:400}.tagline{font-family:var(--serif);color:var(--ink-soft);margin:0 0 1.4em;font-size:clamp(1.05rem,2.4vw,1.35rem)}.mode{border:0;gap:.45em;margin:0 0 1.2em;padding:0;display:grid}.mode legend{color:var(--ink-dim);margin-bottom:.4em;padding:0;font-size:.95rem}.mode label{cursor:pointer;align-items:center;gap:.6em;min-height:32px;font-size:1rem;display:flex}.mode input{width:18px;height:18px;accent-color:var(--accent)}.title-actions{flex-wrap:wrap;gap:.8em;margin-bottom:1em;display:flex}.title-actions button{padding:.7em 2em;font-size:1.1rem}.title-links{flex-wrap:wrap;gap:.5em;margin-bottom:1.2em;display:flex}.title-links button{background:#0a0e1c73}.load-status{color:var(--ink-dim);min-height:1.4em;margin:0 0 .4em;font-size:.92rem}.comfort-note{color:var(--ink-dim);margin:0;font-size:.85rem}.menu{-webkit-backdrop-filter:blur(6px);background:#04060e73;place-items:center;padding:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:18px;width:min(420px,100%);max-height:100%;padding:28px 28px 24px;overflow:auto}.panel h2{font-family:var(--serif);margin:0 0 .3em;font-size:1.8rem;font-weight:400}.menu-list{gap:.55em;margin-top:1em;display:grid}.menu-list button{width:100%}.loading{font-family:var(--serif);background:#04060e80;place-items:center;font-size:1.2rem;display:grid}.chapter-title{left:0;right:0;top:calc(12vh + var(--safe-top));text-align:center;font-family:var(--serif);letter-spacing:.08em;color:var(--ink);opacity:0;text-shadow:0 1px 16px #0000008c;pointer-events:none;margin:0;font-size:clamp(1.3rem,3vw,2rem);transition:opacity 1.6s;position:absolute}.chapter-title.show{opacity:.92}.chapter-title small{letter-spacing:.3em;color:var(--ink-dim);text-transform:uppercase;font-size:.55em;font-family:var(--sans);margin-bottom:.4em;display:block}.hint{left:50%;bottom:calc(14vh + var(--safe-bottom));color:var(--ink-soft);text-align:center;opacity:0;pointer-events:none;background:#080a168c;border-radius:999px;max-width:calc(100% - 32px);margin:0;padding:.55em 1.1em;font-size:.98rem;transition:opacity 1s;position:absolute;transform:translate(-50%)}.hint.show{opacity:1}.memory-note{left:50%;top:calc(24vh + var(--safe-top));font-family:var(--serif);color:var(--ink-soft);text-align:center;opacity:0;pointer-events:none;text-shadow:0 1px 12px #0009;max-width:min(520px,100% - 32px);margin:0;font-size:1.05rem;font-style:italic;transition:opacity 2s;position:absolute;transform:translate(-50%)}.memory-note.show{opacity:1}.guide-cue{pointer-events:none;opacity:0;background:radial-gradient(circle,#ffe2aa80 0%,#ffe2aa1f 45%,#ffe2aa00 70%);border-radius:50%;width:70px;height:70px;margin:-35px 0 0 -35px;transition:opacity 1.2s;position:absolute}.guide-cue.show{opacity:.8}.icon-button{letter-spacing:-.1em;background:#080a1673;place-items:center;width:48px;height:48px;padding:0;font-size:.85rem;display:grid;position:absolute}.pause-button{top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right))}.text-button{background:#080a1680}.sound-button{top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));font-size:.9rem;position:absolute}.touch{pointer-events:none;position:absolute;inset:0}.touch-zone{pointer-events:auto;touch-action:none;position:absolute;top:30%;bottom:0}.touch-steer{width:45%;left:0}.touch-look{width:55%;right:0}.stick-base{left:calc(28px + var(--safe-left));bottom:calc(28px + var(--safe-bottom));border:2px solid rgba(255, 255, 255, calc(var(--touch-opacity) * .8));background:rgba(8, 10, 22, calc(var(--touch-opacity) * .45));border-radius:50%;width:132px;height:132px;position:absolute}.stick-knob{background:rgba(255, 255, 255, calc(var(--touch-opacity) * .75));border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #00000040}.touch-button{pointer-events:auto;right:calc(24px + var(--safe-right));bottom:calc(40px + var(--safe-bottom));background:rgba(8, 10, 22, calc(var(--touch-opacity) * .8));border:2px solid rgba(255, 255, 255, calc(var(--touch-opacity) * .8));min-width:88px;min-height:56px;font-weight:600;position:absolute}.touch-button[aria-pressed=true]{color:var(--accent-ink);background:#f3c98bd9}.arrival{left:50%;bottom:calc(6vh + var(--safe-bottom));text-align:center;animation:3s fadein;position:absolute;transform:translate(-50%)}.arrival-menu{background:var(--panel);border:1px solid var(--panel-edge);border-radius:18px;gap:.45em;min-width:240px;margin-top:.6em;padding:14px;display:grid}@keyframes fadein{0%{opacity:0}to{opacity:1}}.photo{pointer-events:none}.photo-bar{left:50%;bottom:calc(16px + var(--safe-bottom));pointer-events:auto;background:var(--panel);border:1px solid var(--panel-edge);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6em;max-width:calc(100% - 24px);padding:10px 14px;display:flex;position:absolute;transform:translate(-50%)}.photo-bar label{align-items:center;gap:.5em;font-size:.9rem;display:flex}.photo-status{text-align:center;color:var(--ink-dim);flex-basis:100%;min-height:1.2em;margin:0;font-size:.85rem}.photo.bare .photo-bar{opacity:0}.photo.bare .photo-bar:focus-within{opacity:1}dialog{border:1px solid var(--panel-edge);color:var(--ink);background:#0e1222f0;border-radius:18px;width:min(560px,100% - 24px);max-height:calc(100% - 24px);padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03040a8c}.dialog-body{gap:12px;padding:22px 24px 18px;display:grid}.dialog-body h2{font-family:var(--serif);margin:0;font-size:1.7rem;font-weight:400}.dialog-body h3{color:var(--ink-soft);margin:.4em 0;font-size:1rem}fieldset{border:1px solid var(--panel-edge);border-radius:12px;gap:10px;margin:0;padding:12px 14px 14px;display:grid}legend{color:var(--accent);padding:0 6px;font-size:.95rem}fieldset label{gap:4px;font-size:.95rem;display:grid}fieldset label.check{align-items:center;gap:10px;min-height:32px;display:flex}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);min-height:28px}select{border:1px solid var(--panel-edge);background:#ffffff14;border-radius:10px;min-height:40px;padding:.45em .6em}select option{background:#151a2e}output{color:var(--ink-dim);font-size:.85rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6em;display:flex}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;display:grid}dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:.93rem;display:grid}dt{color:var(--accent);white-space:nowrap}dd{color:var(--ink-soft);margin:0}.journal-list,.chapter-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.journal-list li{border-left:2px solid var(--panel-edge);padding:2px 0 2px 12px}.journal-list li.found{border-left-color:var(--accent)}.journal-list .jt{font-family:var(--serif);font-size:1.05rem}.journal-list .jm{color:var(--ink-soft);margin:.2em 0 0;font-size:.92rem}.chapter-list button{text-align:left;border-radius:12px;justify-content:space-between;gap:1em;width:100%;display:flex}.chapter-list button:disabled{opacity:.4;cursor:not-allowed}.diagnostics{left:calc(8px + var(--safe-left));bottom:calc(8px + var(--safe-bottom));color:#cde;pointer-events:none;white-space:pre;background:#0000008c;border-radius:8px;max-width:calc(100% - 16px);margin:0;padding:8px 10px;font:11px/1.35 ui-monospace,Menlo,monospace;position:absolute;overflow:hidden}.noscript{padding:2em}@media (max-width:640px){.title-inner{margin:0 0 2vh}.panel{padding:22px 18px 18px}.hint{bottom:calc(200px + var(--safe-bottom));font-size:.9rem}}@media (prefers-reduced-motion:reduce){.chapter-title,.hint,.memory-note,.guide-cue{transition-duration:10ms}.arrival{animation:none}}