:root{--ink:#152b39;--cream:#fff4d6;--orange:#ffb45c;--green:#248b65}*{box-sizing:border-box}body{margin:0;background:#173344;color:var(--cream);font:800 16px/1.5 Nunito,"Nunito Local",system-ui,sans-serif}.journey-header{max-width:1200px;margin:auto;padding:22px 20px 10px}.home-link{color:#fff4d6;text-decoration:none;display:inline-block;min-height:44px;padding:8px 0}.journey-count{float:right;background:#ffb45c;color:var(--ink);border:3px solid var(--ink);padding:7px 12px;box-shadow:4px 4px var(--ink);font-size:14px}h1{font:clamp(42px,8vw,76px)/1 Bangers,"Bangers Local",sans-serif;letter-spacing:.03em;margin:14px 0;color:#ffcf76;text-shadow:4px 4px #0a101d}.journey-header p{margin:10px 0 18px}.map-layout{max-width:1200px;margin:auto;padding:0 16px;position:relative}.journey-map{position:relative;isolation:isolate;width:100%;max-width:820px;height:clamp(2450px,280vw,2800px);background:#f8e7b5;border:5px solid #0a101d;box-shadow:8px 8px #0a101d;overflow:hidden;border-radius:8px}.land-map,.journey-route,.story-stops{position:absolute;inset:0;width:100%;height:100%}.journey-route{z-index:2;pointer-events:none}.route-section{fill:none;stroke:#fff4d6;stroke-width:5;stroke-dasharray:2 12;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(1px 1px #173344)}.route-section.done{stroke:#248b65}.story-stops{z-index:3;pointer-events:none}.story-stop{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:5px;width:100px;padding:0;border:0;color:#152b39;background:none;cursor:pointer;font:900 13px/1.15 Nunito,system-ui,sans-serif;pointer-events:auto;touch-action:manipulation}.stop-circle{position:relative;width:62px;height:62px;display:grid;place-items:center;background:#fff4d6;border:4px solid #152b39;border-radius:50%;box-shadow:4px 4px #152b39;transition:background .15s,scale .15s}.stop-circle>svg{width:40px;height:40px}.stop-name{max-width:100px;background:#fff4d6e8;padding:3px 5px;border-radius:3px}.story-stop.complete .stop-circle{background:#a4dfbd}.story-stop.current .stop-circle{outline:4px solid #ffb45c;outline-offset:5px}.story-stop[aria-expanded=true] .stop-circle{background:#ffb45c;scale:1.08}.story-stop:focus-visible{outline:3px solid #152b39;outline-offset:4px;border-radius:8px}.completion-check{position:absolute;right:-7px;bottom:-4px;width:24px;height:24px;display:grid;place-items:center;background:#248b65;border:2px solid #fff4d6;border-radius:50%;color:#fff}.completion-check svg{width:15px;height:15px}.map-place{position:absolute;z-index:1;color:#537060;font-size:13px;font-style:italic;pointer-events:none}.sea-label{left:5%;top:25%;color:#174c68;writing-mode:vertical-rl;font-size:19px;letter-spacing:.05em}.galilee-label{left:69%;top:13%}.jerusalem-label{left:40%;top:53%}.deadsea-label{left:68%;top:59%;writing-mode:vertical-rl}.desert-label{left:12%;top:84%;color:#90764e}.story-info{position:fixed;z-index:20;right:max(20px,calc((100vw - 1200px)/2));top:160px;width:300px;max-height:calc(100dvh - 180px);overflow-y:auto;background:#fff4d6;color:#152b39;border:4px solid #0a101d;box-shadow:7px 7px #0a101d;padding:20px}.story-info[hidden]{display:none}.story-info h2{font:38px/1 Bangers,sans-serif;margin:8px 0}.story-info p{margin:10px 0}.close-info{position:absolute;right:8px;top:8px;width:44px;height:44px;border:3px solid #152b39;background:#ffb45c;font-size:28px;cursor:pointer}.selected-icon svg{width:60px;height:60px}.story-status{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#216e53}.story-reference{font-size:14px;color:#76471d}.read-story{display:block;background:#ffb45c;color:#152b39;border:3px solid #152b39;padding:10px 14px;box-shadow:4px 4px #152b39;text-decoration:none;text-align:center;min-height:44px}.journey-footer{max-width:1200px;margin:18px auto;padding:10px 20px 30px;font-size:12px;opacity:.8}@media(min-width:1000px){.map-layout{padding-right:340px}}@media(max-width:760px){.story-stop{width:78px;font-size:12px}.stop-name{max-width:78px}.stop-circle{width:56px;height:56px}.stop-circle>svg{width:36px;height:36px}.story-info{top:auto;bottom:0;right:0;left:0;width:100%;max-height:46dvh;padding:16px 20px;border-radius:16px 16px 0 0;box-shadow:0 -5px #0a101d}.story-info p{margin:6px 0}.selected-icon{float:left;margin-right:14px}.selected-icon svg{width:46px;height:46px}.story-info h2{font-size:32px}.story-info .read-story{clear:both}.journey-count{font-size:11px;padding:7px}.journey-header{padding:14px 16px}.map-layout{padding:0 8px}.journey-map{border-width:4px}.map-place{font-size:11px}.sea-label{font-size:15px}}

/* Terrain stays behind the accessible route and story controls. */
.journey-terrain{position:absolute;left:0;width:100%;z-index:0;pointer-events:none}.journey-map[data-terrain="ready"] .land-map{visibility:hidden}.journey-map[data-terrain="fallback"] .journey-terrain{display:none}.map-place{color:#244e3a;text-shadow:0 1px #fff4d6}.sea-label{color:#174c68}

/* Shared chapter map panel, over the landing page city landscape. */
html,body{overflow:hidden}body{background:transparent;color:#343d35}
body>.journey-cover{display:flex;flex-direction:column;width:min(470px,42vw);height:calc(100svh - 92px);max-height:none;margin:32px 0 60px 4vw;padding:20px 16px 12px;transform:rotate(-2deg);overflow:hidden}
body>.journey-cover:hover{transform:rotate(-2deg)}
.journey-cover .journey-header{width:100%;padding:0 3px 12px;flex-shrink:0}.journey-cover h1{font-size:clamp(30px,3.4vw,48px);margin:10px 0;color:#d47e27;text-shadow:none}.journey-cover .home-link{color:#343d35;font-size:13px;min-height:44px}.journey-cover .journey-count{font-size:11px;padding:5px 7px;box-shadow:2px 2px #152b39}.journey-header p{font-size:13px;margin:6px 0}
.journey-cover .map-layout{position:relative;max-width:none;width:100%;padding:0 8px 12px 0;margin:0;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-color:#c99b7d transparent;border-radius:5px}
.journey-cover .journey-map{width:100%;max-width:none;border-width:3px;box-shadow:4px 4px #152b39;height:2700px;border-radius:4px}
.map-scroll-hint{flex-shrink:0;font-size:11px;text-align:center;margin:10px 0 0;color:#74624e}
.city-controls{z-index:4}.story-info{transform:none;z-index:20}
@media(max-width:800px){body>.journey-cover{position:relative;left:auto;top:auto;bottom:auto;width:calc(100% - 28px);max-width:470px;height:calc(100svh - 86px);max-height:none;margin:14px auto 72px;padding:14px 12px 10px;transform:rotate(-1deg)}body>.journey-cover:hover{transform:rotate(-1deg)}.journey-cover h1{font-size:34px}.city-controls{bottom:12px;right:16px}.journey-header p{font-size:12px}.journey-cover .journey-count{font-size:10px}.journey-cover .home-link{font-size:12px}.journey-cover .map-layout{padding-right:5px}.journey-cover .journey-map{height:2700px}}
@media(prefers-reduced-motion:reduce){body>.journey-cover,body>.journey-cover:hover{transform:none}}