:root{--ink:#0d1b2a;--deep:#1b263b;--paper:#e2dcc8;--coral:#b66449;--soft:#e6a08b;--muted:#a7b3bd;--line:#e2dcc838;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--soft)}button,select{font:inherit;color:inherit;background:var(--ink);border:1px solid var(--line);padding:10px 14px;min-height:44px;cursor:pointer}button:disabled,select:disabled{opacity:.4;cursor:wait}button:hover{background:var(--deep)}:focus-visible{outline:2px solid var(--soft);outline-offset:3px}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:8px 3vw;border-bottom:1px solid var(--line);font-size:12px}header a{padding:12px 0}.brand{font-weight:650;letter-spacing:.08em}.brand span{font-size:10px;font-weight:400;color:var(--muted);margin-left:20px}main{max-width:1800px;padding:28px 3vw 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}h1{font-size:clamp(38px,5vw,68px);line-height:1.05;font-weight:350;letter-spacing:-.045em;margin:0}.intro nav{display:flex;border-bottom:1px solid var(--line)}nav a{font-size:13px;padding:14px 17px;min-height:44px}nav a[aria-current=page]{box-shadow:inset 0 -2px var(--coral);color:var(--soft)}.frame{border:1px solid var(--line)}.stage{height:clamp(380px,calc(100svh - 275px),850px);position:relative;background:var(--ink)}#scene{width:100%;height:100%;display:block;touch-action:none}#scene.walking{cursor:grab}.meta{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;color:var(--muted)}.meta span:first-child{padding:9px 12px;border-left:2px solid var(--coral);background:var(--ink);color:var(--paper)}.minimap{position:absolute;right:20px;top:70px;width:164px;padding:9px;background:var(--ink);border:1px solid var(--line);pointer-events:none}.minimap>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:var(--muted)}#map{width:100%;height:auto;display:block;margin:7px 0}.minimap>span{font-size:9px;color:var(--muted)}.source{position:absolute;left:20px;bottom:12px;font-size:10px;color:var(--muted);background:var(--ink);padding:3px 0;pointer-events:none}.toolbar{display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:10px}.toolbar>div{display:flex}.toolbar button{border:0;min-height:52px;font-size:12px}.toolbar button[aria-pressed=true]{background:var(--deep);box-shadow:inset 0 -2px var(--coral)}#desktop-help{position:absolute;left:20px;right:20px;bottom:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;pointer-events:none}#desktop-help span{background:var(--ink);font-size:11px;padding:10px}#desktop-help button{pointer-events:auto;font-size:11px}#pad{position:absolute;right:14px;bottom:42px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:44px 44px;gap:5px}#pad button{touch-action:none;padding:5px;font-size:21px}#pad button:first-child{grid-column:2}#pad button:nth-child(2){grid-column:1}#pad button.held{background:var(--coral)}.reading{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:36px;padding:28px 0}h2{font-size:28px;line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:0}.reading p:not(.eyebrow){font-size:13px;line-height:1.7;margin:0 0 10px}.reading #status{font-size:12px;color:var(--soft);min-height:21px}.reading label{display:block;font-size:10px;color:var(--muted);margin:14px 0 6px}.reading select{width:100%;font-size:12px}.legend{display:flex;flex-direction:column;gap:13px;padding:6px 0;font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:21px;height:3px;margin:0 10px 3px 0;background:var(--coral)}.legend .foot{background:var(--soft)}.legend .steps{background:repeating-linear-gradient(90deg,var(--paper) 0 3px,transparent 3px 6px)}.legend .water{height:8px;background:#415a77}details{border-block:1px solid var(--line)}summary{padding:20px 0;cursor:pointer;font-size:14px}summary span{float:right;color:var(--muted);font-size:11px}.evidence{max-width:850px;padding:0 0 20px;font-size:13px;line-height:1.7;color:var(--muted)}.evidence a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:10px;color:var(--muted)}#loading,#error{position:absolute;inset:0;margin:0;display:grid;place-items:center;padding:30px;background:var(--ink);z-index:3;font-size:14px}#error{color:var(--soft)}
@media(max-width:800px){.brand span{display:none}.intro{align-items:start;flex-direction:column;gap:18px}.intro nav{width:100%}.intro nav a{flex:1;text-align:center}.reading{grid-template-columns:1fr 1fr;gap:22px}.legend{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:16px}.stage{height:clamp(360px,calc(100svh - 350px),600px)}.minimap{width:120px;right:12px;top:60px}.minimap>span{font-size:8px}.toolbar{flex-wrap:wrap;gap:0}.toolbar>div{width:50%;justify-content:space-between}.toolbar button{flex:1;padding:10px 8px}.source{left:12px;font-size:8px}.meta{left:12px;right:12px;font-size:10px}}
@media(max-width:520px){header{padding:8px 16px;font-size:10px}main{padding:22px 16px 0}.intro nav a{padding:12px 7px;font-size:12px}.toolbar>div{width:100%}.toolbar>div+div{border-top:1px solid var(--line)}.toolbar button{min-height:44px}.reading{display:block}.reading>div+div{margin-top:20px}.reading h2{font-size:27px}.minimap{width:104px}.minimap>div{font-size:8px}.minimap>span{display:none}summary span{display:none}footer span:last-child{text-align:right;max-width:180px}.source{max-width:calc(100% - 24px)}.meta span:first-child{font-size:9px;padding:8px}.stage{height:430px}}

.city-picker{width:min(340px,100%);display:grid;gap:6px}.city-picker label,.city-picker>span{font-size:10px;color:var(--muted)}.city-picker select{width:100%;min-width:0;font-size:13px}.city-picker>span{text-align:right}.related{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:12px 0}.related a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--soft)}.related button{font-size:12px}.reading #coverage{color:var(--muted);font-size:12px;border-left:2px solid var(--coral);padding-left:12px}.frame:fullscreen{background:var(--ink);display:flex;flex-direction:column}.frame:fullscreen .stage{flex:1;min-height:0;height:auto}.frame:fullscreen .toolbar{flex-shrink:0}@media(max-width:800px){.city-picker{width:100%}.city-picker>span{text-align:left}}