:root{--paper:#f4efe5;--ink:#17392f;--muted:#65736a;--gold:#ba9553;--line:#d9d7c8;--night:#10231c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 system-ui,-apple-system,sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,#canvas:focus-visible{outline:3px solid #caa357;outline-offset:3px}button{border:1px solid var(--line);background:transparent;border-radius:5px;padding:9px 14px}a{color:inherit;text-underline-offset:4px}button:hover:not(:disabled){background:#e5dfcf}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(29px,2.6vw,44px);margin:18px 0}h2{font-size:38px}p{margin:0 0 18px}[hidden]{display:none!important}.tour-app{max-width:1920px;margin:auto}.tour-header{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:1px solid var(--line);gap:15px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand strong{font:46px Georgia,serif;letter-spacing:-4px}.brand span{font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.6}.brand small{font-size:8px;letter-spacing:1px}.top-actions{display:flex;gap:8px;font-size:12px}.tour-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:730px}.visual-column{min-width:0;padding:22px 20px 0 26px}.stage{height:clamp(440px,56vw,650px);position:relative;border-radius:7px;overflow:hidden;background:var(--night);isolation:isolate}#canvas{position:absolute;inset:0;touch-action:none;outline-offset:-5px}#canvas canvas{display:block;width:100%;height:100%}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -85px 80px -80px #000,inset 0 85px 80px -80px #000;z-index:1}.view-label{position:absolute;top:20px;left:18px;color:#fff;font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;z-index:3;text-shadow:0 1px 6px #000}.status-dot{width:6px;height:6px;background:#d5b575;border-radius:50%}.mode-switch{position:absolute;top:14px;right:15px;display:flex;gap:2px;background:#10231cdc;border:1px solid #ffffff40;border-radius:6px;padding:3px;z-index:3}.mode-switch button{font-size:11px;padding:7px 10px;color:#fff;border:0}.mode-switch button[aria-pressed=true]{background:#ece3ca;color:#17392f}.mode-switch button:hover{background:#ffffff20}.view-bottom{position:absolute;bottom:17px;left:18px;right:18px;display:flex;gap:12px;align-items:center;justify-content:space-between;color:white;font-size:10px;z-index:3;text-shadow:0 1px 5px #000}.concept-pill{white-space:nowrap;border:1px solid #ffffff70;border-radius:30px;padding:3px 9px;background:#0004}.view-tools{position:absolute;right:15px;bottom:60px;display:flex;gap:5px;z-index:3;flex-wrap:wrap;justify-content:flex-end;max-width:85%}.view-tools button{font-size:11px;background:#10231cdd;border:1px solid #ffffff50;color:#fff;padding:8px 11px}.view-tools button:hover{background:#325044}.journey-controls{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:10px}.journey-controls button{font-size:12px;border-color:#b5bdaf}.journey-controls>div{display:flex;flex-direction:column;align-items:center;line-height:1.6}#stop-progress{font-size:12px;font-weight:700;letter-spacing:2px}#stop-place{font-size:10px;color:var(--muted);text-align:center}.stop-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stop-list button{text-align:left;display:flex;gap:9px;align-items:center;font-size:10px;line-height:1.3;padding:9px}.stop-list button span{font-size:10px;opacity:.7}.stop-list button.active{background:var(--ink);border-color:var(--ink);color:white}.view-disclosure{font-size:11px;color:var(--muted);margin:15px 0}.view-disclosure button{border:0;border-bottom:1px solid var(--muted);padding:0;border-radius:0;font-size:inherit}.story-panel{border-left:1px solid var(--line);padding:30px 26px;overflow:auto;max-height:1000px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:750;color:#947132}.story-topline{display:flex;align-items:center;justify-content:space-between;gap:7px}.story-topline button{font-size:10px;padding:5px 8px;white-space:nowrap}.story-evidence{font-size:10px;color:var(--muted);border-left:2px solid #baa36f;padding-left:10px}.story-body{font-size:14px;line-height:1.8}.reflect{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:22px 0}.reflect summary{cursor:pointer;font:20px/1.3 Georgia,serif}.reflect p{font-size:13px;line-height:1.8;margin:15px 0 0}.story-sources .eyebrow{margin-bottom:10px}.story-sources a{display:block;font-size:11px;line-height:1.5;margin:0 0 12px;color:#526b5d}.tour-footer{padding:22px 26px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;background:#142820ea;color:#f7f0de}.loading p{font-size:12px;letter-spacing:1px;margin-top:15px}.loader{width:28px;height:28px;border:2px solid #ffffff30;border-top-color:#d7b677;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-error{position:absolute;inset:0;z-index:6;background:#142820;color:var(--paper);padding:10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.scene-error a{margin-top:20px}.scene-error button{color:var(--paper)}.world-hotspots{position:absolute;inset:0;pointer-events:none;z-index:2}.hotspot{position:absolute;transform:translate(-50%,-50%);background:#f5e7cde8;color:#17392f;border:2px solid white;border-radius:50%;width:39px;height:39px;font-size:12px;font-weight:700;box-shadow:0 2px 20px #0007;padding:0;pointer-events:auto}.hotspot:hover{background:white}.hotspot small{position:absolute;left:50%;top:43px;transform:translateX(-50%);font-size:9px;background:#142820ed;color:white;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0}.hotspot:hover small,.hotspot:focus small{opacity:1}.walk-pad{position:absolute;bottom:80px;left:18px;display:flex;align-items:center;flex-direction:column;gap:4px;z-index:3}.walk-pad div{display:flex;gap:4px}.walk-pad button{background:#10231ccc;color:#fff;border-color:#ffffff66;width:40px;height:38px;padding:0}.interaction-box{background:#e9e4d7;padding:14px;border-radius:5px;margin:18px 0;font-size:12px}.interaction-box>p{margin:0 0 11px}.interaction-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.interaction-tabs button{font-size:11px;padding:5px 9px;border-color:#aab2a4}.interaction-tabs button.selected{background:var(--ink);color:#fff}.interaction-answer{min-height:55px;font-size:12px;margin:10px 0 0!important}.route-diagram{display:flex;flex-direction:column;gap:0;margin:8px 0 12px;padding:0 10px}.route-diagram button{border:0;border-left:2px solid #ba9553;border-radius:0;padding:7px 10px;text-align:left;font-size:12px;position:relative}.route-diagram button:before{content:"";position:absolute;left:-5px;top:16px;background:#ba9553;width:8px;height:8px;border-radius:50%}.route-diagram button.selected{background:#17392f;color:#fff}.small{font-size:11px;color:var(--muted)}.reading-note{font-size:11px;color:var(--muted);margin-top:14px}dialog{background:var(--paper);color:var(--ink);max-width:830px;width:calc(100% - 32px);max-height:88vh;border:0;border-radius:9px;padding:38px;box-shadow:0 25px 120px #0008}dialog::backdrop{background:#051d17c9}.dialog-close{float:right;font-size:12px}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.evidence-grid article{border-top:2px solid var(--gold);padding-top:12px}.evidence-grid p{font-size:12px;margin-top:8px}#all-sources{padding-left:20px}#all-sources li{padding:10px 0;font-size:13px}#all-sources li small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.return-link{font-size:13px}.noscript{margin:30px}.tour-app:fullscreen{overflow:auto;background:var(--paper)}@media(min-width:1700px){.tour-layout{grid-template-columns:minmax(0,1fr) 410px}.story-panel{padding:35px}}@media(max-width:1050px){.tour-layout{grid-template-columns:minmax(0,1fr) 300px}.story-panel{padding:23px 20px}.view-label{top:68px}.visual-column{padding:16px 14px 0}.tour-header{padding:15px 20px}.stop-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.tour-layout{display:block}.tour-header{padding:11px 14px}.brand strong{font-size:36px}.brand span{font-size:9px}.brand small{display:none}.top-actions{gap:4px}.top-actions button{font-size:10px;padding:7px 9px}.visual-column{padding:10px 10px 0}.stage{height:56vh;min-height:355px;max-height:520px}.story-panel{border-left:0;border-top:1px solid var(--line);max-height:none;padding:26px 23px}.stop-list{grid-template-columns:repeat(4,1fr);gap:5px}.stop-list button{font-size:9px;padding:8px 5px;display:block;text-align:center;min-height:54px}.stop-list button span{display:block;margin-bottom:3px;font-size:9px}.view-disclosure{font-size:10px;line-height:1.65}.view-bottom{font-size:9px;bottom:12px;left:12px;right:12px}.view-tools{bottom:58px}.concept-pill{display:none}.tour-footer{padding:20px;flex-direction:column;font-size:10px}.mode-switch{top:12px;right:12px}.mode-switch button{font-size:10px;padding:7px 10px}.view-label{left:13px;top:16px;max-width:80px;line-height:1.5;font-size:8px}.view-label .status-dot{display:none}.story-body{font-size:15px}.evidence-grid{grid-template-columns:1fr;gap:5px}dialog{padding:25px}.walk-pad{bottom:100px}h1{font-size:36px}}@media(prefers-reduced-motion:reduce){.loader{animation:none}*{scroll-behavior:auto!important}}

/* Viewing modes remain reachable if one image fails. */
.mode-switch{z-index:7}

.mode-switch button[aria-pressed=true]:hover{background:#ece3ca;color:#17392f}
.scene-error h2{font-size:clamp(27px,3vw,38px)}.scene-error a{margin-top:10px}

/* Comfortable, explicit navigation with larger touch targets. */
.explore-tools{display:flex;gap:8px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.explore-tools>div{display:flex;gap:8px;align-items:center;margin-right:auto}.explore-tools label{font-size:11px;color:var(--muted)}.explore-tools select{font:12px system-ui;padding:10px 27px 10px 10px;border:1px solid #b5bdaf;border-radius:5px;background:var(--paper);color:var(--ink);max-width:205px}.explore-tools button{font-size:11px;padding:10px}.explore-tools button[aria-pressed=true]{background:var(--ink);color:white}.look-pad{position:absolute;left:18px;bottom:65px;z-index:3}.look-pad>span,.walk-pad>span{display:block;color:#fff;font-size:8px;letter-spacing:1.3px;margin:0 0 5px;text-shadow:0 1px 3px #000}.look-pad>div{display:flex;gap:4px}.look-pad button,.walk-pad button{background:#10231ce8;color:#fff;border-color:#ffffff70;min-width:42px;min-height:42px;padding:6px}.look-pad button:hover,.walk-pad button:hover{background:#456047}.walk-pad{bottom:142px;align-items:center}.walk-message{position:absolute;left:50%;top:80px;transform:translateX(-50%);z-index:5;background:#10231cef;border:1px solid #e2c698;color:white;max-width:80%;padding:12px 17px;border-radius:7px;font-size:12px;pointer-events:none}.help-close{float:right}.view-focused .tour-layout{grid-template-columns:1fr}.view-focused .story-panel{border:0;border-top:1px solid var(--line);max-height:none;max-width:900px;margin:auto}.view-focused .stage{height:75vh;max-height:1000px}.view-focused .visual-column{padding:12px 18px 0}.stop-list{grid-template-columns:repeat(5,1fr)}@media(max-width:1050px){.stop-list{grid-template-columns:repeat(5,1fr)}.look-pad{bottom:108px}.walk-pad{bottom:180px}.view-tools{bottom:56px}}@media(max-width:760px){.explore-tools{gap:6px}.explore-tools>div{width:100%;justify-content:space-between}.explore-tools select{flex:1;max-width:230px}.explore-tools button{flex:1;font-size:10px;padding:8px 5px}.look-pad{bottom:103px;left:12px}.look-pad button,.walk-pad button{min-width:44px;min-height:44px}.walk-pad{bottom:176px;left:12px}.view-tools{max-width:95%;bottom:51px}.stage{min-height:440px}.view-focused .stage{height:78vh}.stop-list{grid-template-columns:repeat(5,1fr)}.stop-list button{min-height:62px}.mode-switch button{min-height:40px}.view-label{top:70px;max-width:160px}.view-bottom{line-height:1.4}.walk-message{top:118px;width:85%}.view-tools button{min-height:40px}}
.map-comparison figure{margin:18px 0}.map-comparison img{width:100%;max-height:280px;object-fit:contain;background:#ded4bf;border:1px solid var(--line);border-radius:4px}.map-comparison figcaption{font-size:10px;line-height:1.6;color:var(--muted);margin:7px 0}.map-comparison figure>a{font-size:11px}