/* The museum stays the canvas; the interface leaves a clear view through it. */
:root{--ink:#eef4ef;--muted:#bdcfcb;--gold:#e6d5b5;--teal:#b6e9d9;--line:#d4e9df38}
.topbar{padding:18px 3%;background:linear-gradient(#112329bd,transparent)}
.top-actions{gap:3px}.top-actions button{font-size:11px;min-height:44px;padding:9px 10px}.draft{display:none}
.chapter{top:16%;left:4%;max-width:340px}.chapter h1{font-size:clamp(40px,4.5vw,67px);line-height:1.02;letter-spacing:-2px;max-width:370px}.chapter p{max-width:255px;text-shadow:0 2px 9px #081318;font-size:13px}
.whisper{bottom:225px;left:4%;max-width:280px}.whisper p{text-shadow:0 2px 8px #081318}
.room-index{right:3%;top:18%}.artifact-tag{left:50%;top:53%}
.bottom-dock{left:4%;right:4%;bottom:74px;padding-top:16px}.dock-copy{max-width:430px}.dock-actions .primary{font-size:12px;min-width:210px}.dock-copy p{font-size:13px;text-shadow:0 2px 9px #081318}
.progress-line{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.progress{gap:10px}.progress button.trace{padding:0;min-height:30px;width:30px;transform:none;border-radius:50%;background:#162c33;flex:none}.progress button.trace span{transform:none}.progress button.trace.found{background:#39564b}.progress button.trace:hover{border-color:#d7e9d8}#journey-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.show-controls{position:absolute;right:4%;top:19%;width:min(300px,25vw);padding:17px 18px;background:linear-gradient(150deg,#16323bcc,#14292da6);border:1px solid #bddacd44;border-radius:6px;backdrop-filter:blur(10px)}
.show-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.show-meta .eyebrow{font-size:8px;letter-spacing:1.1px}.show-meta #show-stage{font-size:10px;white-space:nowrap;color:#d9dfcb}.show-controls h2{font:23px/1.18 var(--serif);margin:13px 0 9px}.show-controls p{font-size:12px;line-height:1.7;color:#dae7dc;margin:0 0 14px}.show-track{height:2px;background:#b8d2c326;overflow:hidden}.show-track i{display:block;height:100%;background:#cbe6b4;transition:width 1s}.show-buttons{display:flex;gap:3px;flex-wrap:wrap;margin-top:12px}.show-buttons button{padding:8px 7px;font-size:10px;min-height:35px;background:#10252c80;flex:1;white-space:nowrap}.show-buttons #narrate{flex-basis:100%}
.walk-pad{position:absolute;left:50%;transform:translateX(-50%);bottom:17px;display:flex;align-items:center;gap:4px}.walk-pad>div{display:flex;gap:4px}.walk-pad button{width:38px;min-height:38px;padding:3px;font-size:18px;background:#15313aba;color:#d4e6dd;touch-action:none}.camera-tools{right:4%}.camera-tools button{width:36px;min-height:38px}.camera-hint{left:4%;bottom:30px;max-width:340px}.camera-hint span{padding:0 4px}
.narrative{white-space:pre-line;line-height:1.85;font-size:15px;color:#d3e0d9}.dialog-body h2{font-size:36px}.choice{line-height:1.6;font-size:14px;min-height:54px}.field select{font-size:14px;line-height:1.5}.source-foot{font-size:11px;line-height:1.65;margin-top:22px;overflow-wrap:anywhere}.source-foot a,.design-note a{color:#c9e5d5;text-decoration-color:#c9e5d570;text-underline-offset:4px}.threshold-list .choice small{color:#bdd0c8}.dialog-body .secondary{margin-top:16px}.sequence-output{font-size:19px}.sequence-output:empty{display:none}.map-room h3{font-size:21px}.map-room p{font-size:11px}.note-entry{white-space:pre-line}.design-note a{display:block;margin-top:12px}
.cinema .show-controls,.cinema .walk-pad{display:none}
@media(max-width:1000px){.brand{font-size:12px}.topbar{align-items:flex-start}.top-actions{max-width:460px;flex-wrap:wrap;justify-content:flex-end}.chapter{top:20%;max-width:280px}.chapter h1{font-size:48px}.show-controls{top:24%;width:245px;right:3%;padding:14px}.show-controls h2{font-size:21px}.show-controls p{font-size:11px}.whisper{display:none}.camera-hint{font-size:9px;max-width:230px}.walk-pad{left:47%}.bottom-dock{gap:16px}.dock-copy{max-width:360px}.dock-actions{max-width:220px}.dock-actions .primary{min-width:0}.room-index{display:none}}
@media(max-width:650px){#museum{min-height:730px;height:100svh}.topbar{padding:12px 5%;gap:8px}.brand{font-size:11px;letter-spacing:1.5px;gap:7px;padding-top:4px}.mark{font-size:26px}.top-actions{max-width:193px;gap:3px}.top-actions button,.top-actions #motion,.top-actions #cinema{font-size:10px;min-height:36px;padding:6px 7px}.top-actions #map-open{font-size:10px;padding:6px 8px}.top-actions #cinema{display:none}.top-actions #fullscreen{font-size:17px}.chapter{top:150px;left:5%;max-width:220px}.chapter h1{font-size:37px;max-width:240px;letter-spacing:-1.2px;margin:11px 0}.chapter .eyebrow{font-size:7px;letter-spacing:1.2px;max-width:220px}.chapter p{font-size:11px;max-width:170px;margin-top:10px}.artifact-tag{left:auto;right:5%;top:49%;font-size:10px;max-width:58%;padding:10px}.artifact-tag span{overflow-wrap:anywhere}.show-controls{left:5%;right:5%;top:auto;bottom:270px;width:auto;padding:10px 12px;background:#15313bc9}.show-controls h2{font-size:19px;display:inline;margin:0 10px 0 0}.show-meta{margin-bottom:7px}.show-controls p{display:inline;font-size:11px;line-height:1.5}.show-track{margin-top:8px}.show-buttons{margin-top:8px}.show-buttons button{font-size:10px;padding:7px 5px;min-height:36px}.show-buttons #narrate{flex-basis:auto}.bottom-dock{bottom:83px;left:5%;right:5%;padding-top:12px}.dock-copy p{font-size:12px;line-height:1.5;margin:5px 0 11px;max-width:350px}.dock-copy{max-width:none}.dock-copy .eyebrow{font-size:7px}.progress-line{gap:11px}.progress{gap:7px}.progress button.trace{width:27px;min-height:27px;font-size:12px}.dock-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px;max-width:none}.dock-actions .primary{flex:1;min-width:150px;font-size:11px;min-height:43px;padding:10px 12px}.dock-actions .quiet{font-size:10px;margin:0}.dock-actions .secondary{font-size:10px;min-height:43px}.walk-pad{bottom:18px;left:5%;transform:none;gap:3px}.walk-pad>div{gap:3px}.walk-pad button{width:34px;min-height:38px}.camera-tools{right:5%;bottom:18px;gap:3px}.camera-tools button{width:30px;min-height:38px}.camera-hint{display:none}.narrative{font-size:14px}.dialog-body h2{font-size:30px}.choice{font-size:13px;padding:13px}.map-room h3{font-size:20px}dialog{max-height:89svh}.dialog-top{padding:12px 19px}.dialog-body{padding:15px 20px 24px}.field select{font-size:13px}.vignette{background:linear-gradient(0deg,#0b2026ed 0%,#0b2026af 25%,transparent 60%),linear-gradient(90deg,#0b202677,transparent 80%)}#toast{top:130px;font-size:12px}.cinema .chapter{display:none}}
@media(max-width:380px){.brand-sub{max-width:84px;line-height:1.7}.top-actions{max-width:170px}.progress button.trace{width:24px;min-height:24px}.progress{gap:5px}.show-controls{bottom:290px}.camera-tools button{width:27px}.walk-pad button{width:31px}#journey-count{font-size:9px}}
@media(max-height:700px) and (min-width:651px){.chapter{top:19%}.chapter h1{font-size:47px}.show-controls{top:20%;width:270px}.whisper{display:none}.bottom-dock{bottom:68px}.show-controls p{font-size:11px}}
@media(max-width:650px){#museum{min-height:600px}.show-controls{bottom:263px}.artifact-tag{display:none}}
@media(max-width:650px) and (max-height:740px){.chapter{top:139px}.chapter h1{font-size:32px}.chapter p{font-size:10px}.show-controls{bottom:248px;padding:9px 11px}.show-controls p{display:none}.show-controls h2{font-size:17px}.show-buttons{margin-top:7px}.show-meta{margin-bottom:4px}.show-track{margin-top:7px}.dock-copy p{font-size:11px}.dock-actions .quiet{max-width:80px;white-space:normal;line-height:1.6}.dock-actions .primary{min-width:170px}.bottom-dock{bottom:77px;padding-top:10px}.dock-actions{margin-top:9px}.walk-pad,.camera-tools{bottom:15px}.walk-pad button,.camera-tools button{min-height:38px}}
@media(max-width:650px){.top-actions #walk-mode{display:none}.top-actions #cinema{display:block}.top-actions #quality{min-width:50px}.chapter{top:151px}.top-actions{max-width:197px}}