*{box-sizing:border-box}body{margin:0;color:#172532;background:#f5f7fa;font:16px/1.5 system-ui,-apple-system,sans-serif}main{max-width:1500px;margin:auto}header{padding:20px 28px;background:white}.eyebrow,#story-step{font-size:12px;letter-spacing:.16em;color:#506a7d;margin:0 0 4px}h1{font-size:clamp(21px,3vw,30px);line-height:1.2;margin:0 0 5px;font-weight:550}h2{font-size:18px;line-height:1.25;margin:0 0 6px;font-weight:650}.intro{margin:0;color:#526472}.map-wrap{position:relative}#map{height:clamp(560px,72vh,760px);background:#dce4e7}button{font:inherit;border:1px solid #b8c6cf;border-radius:6px;background:rgba(255,255,255,.97);color:inherit;padding:8px 12px;box-shadow:0 1px 5px #0002;cursor:pointer}button:hover:not(:disabled){background:#e9f0f6}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible{outline:3px solid #228ab5;outline-offset:2px}#story,#controls,#legend,#scene-id{position:absolute;z-index:800;background:rgba(255,255,255,.96);box-shadow:0 2px 12px #0002}#story{left:14px;bottom:44px;padding:13px 16px;border-left:3px solid #2e7494;border-radius:4px;width:min(356px,calc(100% - 28px))}#story p{margin:0;font-size:14px}#story-step{margin-bottom:5px;font-weight:650}#controls{top:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:6px;border-radius:8px}#legend{right:14px;bottom:28px;padding:12px 16px;border-radius:6px;width:min(300px,calc(100% - 28px));font-size:14px}#gradient{height:13px;margin:9px 0 3px}#ticks{display:flex;justify-content:space-between}#legend-note,#status{display:none}#scene-id{right:14px;top:14px;padding:7px 10px;border-radius:4px;margin:0;font-size:12px;line-height:1.5;font-weight:600;width:min(250px,calc(100% - 28px))}footer{padding:12px 28px;font-size:13px;color:#526472}@media(max-width:760px){header{padding:16px}.intro{font-size:14px}#map{height:620px}#story{left:12px;bottom:42px;width:min(356px,calc(100% - 24px))}#controls{top:205px;width:max-content;max-width:calc(100% - 24px)}#controls button{font-size:13px;padding:7px 8px}#legend{right:12px;bottom:38px}#scene-id{right:12px;top:12px;width:min(230px,calc(100% - 24px));font-size:11px}}
*{box-sizing:border-box}html,body,main,.map-wrap{height:100%}body{margin:0;color:#172532;background:#f5f7fa;font:16px/1.5 system-ui,-apple-system,sans-serif}main{max-width:1500px;margin:auto}header{padding:20px 28px;background:white}.eyebrow,#story-step{font-size:12px;letter-spacing:.16em;color:#506a7d;margin:0 0 4px}h1{font-size:clamp(21px,3vw,30px);line-height:1.2;margin:0 0 5px;font-weight:550}h2{font-size:18px;line-height:1.25;margin:0 0 6px;font-weight:650}.intro{margin:0;color:#526472}.map-wrap{position:relative}#map{height:100%;background:#dce4e7}button{font:inherit;border:1px solid #b8c6cf;border-radius:6px;background:rgba(255,255,255,.97);color:inherit;padding:8px 12px;box-shadow:0 1px 5px #0002;cursor:pointer}button:hover:not(:disabled){background:#e9f0f6}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible{outline:3px solid #228ab5;outline-offset:2px}#story,#controls,#legend,#scene-id{position:absolute;z-index:800;background:rgba(255,255,255,.96);box-shadow:0 2px 12px #0002}#story{left:14px;bottom:44px;padding:13px 16px;border-left:3px solid #2e7494;border-radius:4px;width:min(356px,calc(100% - 28px))}#story p{margin:0;font-size:14px}#story-step{margin-bottom:5px;font-weight:650}#controls{top:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:6px;border-radius:8px}#legend{right:14px;bottom:28px;padding:12px 16px;border-radius:6px;width:min(300px,calc(100% - 28px));font-size:14px}#gradient{height:13px;margin:9px 0 3px}#ticks{display:flex;justify-content:space-between}#legend-note,#status{display:none}#scene-id{right:14px;top:14px;padding:7px 10px;border-radius:4px;margin:0;font-size:12px;line-height:1.5;font-weight:600;width:min(250px,calc(100% - 28px))}footer{padding:12px 28px;font-size:13px;color:#526472}@media(max-width:760px){header{padding:16px}.intro{font-size:14px}#story{left:12px;bottom:42px;width:min(356px,calc(100% - 24px))}#controls{top:205px;width:max-content;max-width:calc(100% - 24px)}#controls button{font-size:13px;padding:7px 8px}#legend{right:12px;bottom:38px}#scene-id{right:12px;top:12px;width:min(230px,calc(100% - 24px));font-size:11px}}