.experience-dialog{width:100vw;max-width:none;background:#080c12}.experience-dialog .dialog-head{background:#080c12ef}.experience-dialog .dialog-body{padding:0}.experience-dialog .experience-section{padding:0}.experience-introline{margin:0;padding:14px 4%;max-width:none;background:#0c1119;color:#b9c5d0}.archive-chapter{color:#f1f3f5;background:#080c12}.archive-scene{position:relative;isolation:isolate;height:min(61vw,62vh);min-height:380px;overflow:hidden;background:#0a1119}.archive-room,.archive-light,.archive-gate-top,.archive-gate-lower,.archive-dust,.archive-vignette,.archive-collapse{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.archive-room{background:url('assets/branch-left.png') center 57%/cover no-repeat;transform:scale(1.035);transition:transform 1.4s ease,filter .8s ease}.archive-light{background:linear-gradient(110deg,transparent 52%,#bddeff16 65%,transparent 78%);mix-blend-mode:screen;transform:translateX(-4%);transition:transform 1.3s ease,opacity .8s}.archive-gate-top,.archive-gate-lower{object-fit:fill;opacity:.84;filter:brightness(.58);transition:transform 1.1s cubic-bezier(.25,.7,.2,1),filter .5s;transform:scale(.61) translateY(-41%);transform-origin:50% 0}.archive-gate-top{clip-path:inset(0 0 36%)}.archive-gate-lower{clip-path:inset(60% 0 0)}.archive-dust{opacity:0;background:radial-gradient(ellipse at 50% 90%,#c5d2d771,transparent 58%);transition:opacity .5s}.archive-vignette{background:linear-gradient(180deg,#03060ab5,transparent 34%,transparent 60%,#03060acc),linear-gradient(90deg,#03060a7a,transparent 30%,transparent 70%,#03060a7a)}.archive-heading{position:absolute;top:8%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;color:#f3f3ef;text-shadow:0 2px 12px #000}.archive-heading span{font:10px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#cad2d7}.archive-heading h2{font:400 clamp(32px,4vw,64px)/1.1 Georgia,serif;letter-spacing:.13em;margin:7px 0 10px;text-transform:uppercase}.archive-hotspots[hidden],.archive-memory[hidden]{display:none}.hotspot{position:absolute;z-index:3;border:0;background:none;color:#fff;display:grid;justify-items:center;gap:8px;min-width:70px;min-height:55px;cursor:pointer;font:10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 5px #000}.hotspot i{display:block;width:22px;height:22px;border-radius:50%;border:1px solid #f3d2a0;background:radial-gradient(circle,#fff 0 3px,#dcb379a0 4px,transparent 6px);box-shadow:0 0 16px #f9d3a58c;transition:transform .2s}.hotspot:hover i,.hotspot:focus-visible i{transform:scale(1.3)}.hotspot.seen i{background:#dcb379;box-shadow:none}.hotspot.crack{left:16%;top:38%}.hotspot.chains{left:48%;top:37%}.hotspot.record{right:16%;top:40%}.archive-memory{position:absolute;left:4%;bottom:5%;color:#f4d6aa;font:11px/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #000}.archive-memory:first-letter{font-size:24px}.archive-collapse{background:#03060b;opacity:0;transition:opacity .8s}.archive-scene[data-outcome="help"] .archive-gate-lower,.archive-scene[data-outcome="warn"] .archive-gate-lower{transform:scale(.61) translateY(-62%);filter:brightness(.85)}.archive-scene[data-outcome="help"] .archive-light,.archive-scene[data-outcome="warn"] .archive-light{transform:translateX(5%)}.archive-scene[data-outcome="take"] .archive-gate-lower{transform:scale(.61) translateY(-15%)}.archive-scene[data-outcome="take"] .archive-dust{opacity:.65}.archive-scene[data-outcome="force"] .archive-gate-lower{transform:scale(.61) translateY(7%)}.archive-scene[data-outcome="force"] .archive-dust{opacity:1}.archive-scene[data-outcome="force"] .archive-room{filter:brightness(.5);transform:scale(1.065)}.archive-scene[data-outcome="force"] .archive-collapse{opacity:.5;transition-delay:.6s}.archive-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px 5%;padding:25px 5% 45px}.archive-dialogue{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:22px;min-width:0}.archive-portrait{width:125px;aspect-ratio:3/4;background:url('assets/warden-sprites.webp') 0% center/400% 100% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 8px 12px #000)}.archive-portrait[data-face="surprised"]{background-position:33.333% center}.archive-portrait[data-face="guarded"]{background-position:66.666% center}.archive-portrait[data-face="warm"]{background-position:100% center}.archive-speaker{font:10px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#d6b580}.archive-speaker b{font-weight:400;color:#8794a0}.archive-line{font:22px/1.4 Georgia,serif!important;color:#f4f2eb!important;margin:9px 0!important}.archive-description{font:14px/1.6 Arial,sans-serif!important;color:#b7c0c9!important;margin:0!important}.archive-actions{display:grid;gap:7px}.archive-action{display:grid;text-align:left;gap:3px;border:1px solid #64717b;background:#0a1017;color:#f2f3f4;padding:11px 15px;min-height:56px;cursor:pointer}.archive-action:hover,.archive-action:focus-visible{border-color:#e6c28f;background:#18212a}.archive-action span{font:15px/1.35 Arial,sans-serif}.archive-action small{font:11px/1.35 Arial,sans-serif;color:#aeb9c3}.archive-action.is-unlocked{border-color:#d8b57b}.archive-action.is-unlocked small{color:#e6c990}.archive-notebook{grid-column:1/-1;border-top:1px solid #303b46;padding-top:13px;color:#b6c0c9}.archive-notebook summary{cursor:pointer;min-height:44px;font:13px/1.5 Arial,sans-serif;color:#eae8e4}.archive-count{color:#d7b780;margin-left:12px}.archive-note,.archive-history{font:13px/1.6 Arial,sans-serif}.archive-context{grid-column:1/-1;margin:0!important;color:#8b99a5!important;font:11px/1.6 Arial,sans-serif!important}.archive-legacy{padding:0 5% 50px;border-top:1px solid #303b46}.archive-legacy summary{padding:24px 0;cursor:pointer;color:#bfc8d0;font:13px Arial,sans-serif}.experience-header-actions{display:flex;align-items:center;gap:20px}.experience-header-actions button{letter-spacing:.06em}.archive-scene[data-outcome="force"]{animation:archive-impact .55s ease 1}.archive-scene[data-outcome="take"]{animation:archive-impact .35s ease 1}@keyframes archive-impact{20%{transform:translateX(-3px)}40%{transform:translateX(4px)}60%{transform:translateX(-2px)}100%{transform:none}}
@media(max-width:700px){.experience-dialog .dialog-head{padding:0 18px;min-height:56px}.experience-header-actions{gap:10px}.experience-header-actions button{font-size:11px}.experience-introline{font-size:11px;padding:10px 18px}.archive-scene{height:58vh;min-height:340px;max-height:520px}.archive-room{background-position:center}.archive-heading{top:6%}.archive-heading span{font-size:9px}.archive-heading h2{font-size:30px}.archive-gate-top,.archive-gate-lower{transform:scale(.85) translateY(-30%)}.archive-scene[data-outcome="help"] .archive-gate-lower,.archive-scene[data-outcome="warn"] .archive-gate-lower{transform:scale(.85) translateY(-48%)}.archive-scene[data-outcome="take"] .archive-gate-lower{transform:scale(.85) translateY(-3%)}.archive-scene[data-outcome="force"] .archive-gate-lower{transform:scale(.85) translateY(12%)}.hotspot.crack{left:2%}.hotspot.record{right:2%}.hotspot.chains{left:calc(50% - 35px)}.archive-control{display:block;padding:18px 18px 36px}.archive-dialogue{grid-template-columns:78px 1fr;gap:13px;margin-bottom:18px}.archive-portrait{width:78px}.archive-line{font-size:18px!important}.archive-description{font-size:13px!important}.archive-actions{margin-bottom:20px}.archive-action{min-height:58px}.archive-context{margin-top:14px!important}.archive-legacy{padding:0 18px 40px}}
@media(prefers-reduced-motion:reduce){.archive-chapter *{animation:none!important;transition:none!important}}.reduced-motion .archive-chapter *{animation:none!important;transition:none!important}
/* Keep the choice panel visible on a laptop while the gate remains a
   separately moving foreground layer in the same central perspective. */
@media(min-width:701px){.archive-scene{height:min(48vw,48vh);min-height:300px;max-height:700px}.archive-gate-top,.archive-gate-lower{inset:auto;left:50%;top:-7%;width:min(48%,700px);height:auto;transform:translateX(-50%)}.archive-scene[data-outcome="help"] .archive-gate-lower,.archive-scene[data-outcome="warn"] .archive-gate-lower{transform:translate(-50%,-20%)}.archive-scene[data-outcome="take"] .archive-gate-lower{transform:translate(-50%,20%)}.archive-scene[data-outcome="force"] .archive-gate-lower{transform:translate(-50%,35%)}.hotspot.chains{left:62%;top:33%}.hotspot.record{right:auto;left:calc(50% - 35px);top:58%}}
.archive-action:disabled{opacity:.48;cursor:not-allowed;border-color:#3d4750;background:#090e13}.archive-action:disabled:hover{border-color:#3d4750;background:#090e13}
/* All locations share one stage and one continuous chapter state. */
.story-plate{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.025);transition:opacity .85s ease,transform 1.2s ease;pointer-events:none}.corridor-plate{background-image:url('assets/branch-right.png')}.threshold-plate{background-image:url('assets/chamber-open.webp')}.engine-plate{background-image:url('assets/engine-scene.png')}.archive-scene[data-place="corridor"] .corridor-plate,.archive-scene[data-place="threshold"] .threshold-plate,.archive-scene[data-place="engine"] .engine-plate{opacity:1;transform:scale(1)}.archive-scene:not([data-place="archive"]) .archive-gate-top,.archive-scene:not([data-place="archive"]) .archive-gate-lower{opacity:0}.archive-portrait.is-keeper{background-image:url('assets/keeper-sprites.webp')}.archive-dialogue:has(.archive-portrait[hidden]){grid-template-columns:1fr}.archive-footer{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.archive-footer .archive-context{flex:1;min-width:240px}.archive-new,.archive-confirm button{min-height:44px;border:1px solid #596875;background:#0b1118;color:#d6e1e9;padding:0 14px;cursor:pointer;font:12px Arial,sans-serif}.archive-new:hover,.archive-confirm button:hover{border-color:#d6b580}.archive-confirm{color:#d6b580;font:12px/1.5 Arial,sans-serif}.archive-confirm[hidden]{display:none}.archive-confirm button{margin-left:8px}.archive-scene[data-ending="unbind"] .archive-light{opacity:.2}.archive-scene[data-ending="anchor"] .archive-light{transform:translateX(8%);opacity:1}.archive-scene[data-ending="false-exit"] .archive-collapse{opacity:.36}.archive-scene[data-ending="side"] .archive-light{transform:translateX(-10%)}
@media(max-width:700px){.archive-footer{display:flex}.archive-confirm button{margin:8px 8px 0 0}.archive-chapter .archive-context{margin-top:0!important}}
@media(prefers-reduced-motion:reduce){.story-plate{transition:none!important}}.reduced-motion .story-plate{transition:none!important}
/* The guide's bargain leaves a visible trace while the room's light changes. */
.archive-scene[data-outcome="follow"] .archive-light{transform:translateX(11%);opacity:.6;background:linear-gradient(110deg,transparent 47%,#e1bd9130 62%,transparent 76%)}
.archive-scene[data-outcome="follow"] .archive-memory{animation:trace-arrives .8s ease-out}
@keyframes trace-arrives{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.engine-plate::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 43%,#c9e5ff20 49%,#f9e7bd40 50%,#c9e5ff20 51%,transparent 57%);mix-blend-mode:screen;opacity:.45;transition:opacity 1.2s ease}
.archive-scene[data-ending="unbind"] .engine-plate::after{opacity:0}
.archive-scene[data-ending="anchor"] .engine-plate::after{opacity:1}
@media(prefers-reduced-motion:reduce){.engine-plate::after{transition:none}}.reduced-motion .engine-plate::after{transition:none}
.route-choice:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.archive-scene[data-place="select"] .archive-gate-top,.archive-scene[data-place="select"] .archive-gate-lower{opacity:0}
@media(max-width:700px){.archive-scene[data-place="select"] .archive-heading h2{font-size:clamp(19px,5.2vw,27px);letter-spacing:.06em}}
