:root{color-scheme:dark;--ink:#0d1b2a;--deep:#1b263b;--paper:#e2dcc8;--coral:#b66449;--soft:#e6a08b;--muted:#a7b3bd;--line:rgba(226,220,200,.22)}
*{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{text-decoration:underline}button,select,input{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button,select,input{border:1px solid var(--line);background:transparent;min-height:44px;padding:10px 14px}button:hover:not(:disabled){background:var(--deep)}:focus-visible{outline:2px solid var(--soft);outline-offset:3px}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-100px;padding:14px;background:var(--paper);color:var(--ink);z-index:20}.skip:focus{top:10px}.topbar{min-height:58px;padding:8px 3vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px;font-size:12px}.topbar a{min-height:44px;display:flex;align-items:center}.brand{font-weight:650;letter-spacing:.09em}.brand span{margin-left:20px;font-weight:400;color:var(--muted);font-size:10px}main{max-width:1800px;margin:auto;padding:24px 3vw 0}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;color:var(--muted)}h1{font-size:clamp(34px,4vw,62px);font-weight:350;line-height:1.08;letter-spacing:-.045em;margin:0;text-wrap:balance}.city-choice{width:280px;flex-shrink:0}.city-choice label,.creator-controls label{display:block;font-size:12px}select{display:block;background:var(--deep);width:100%;font-size:16px;margin-top:7px}.city-choice p{font-size:12px;color:var(--muted);margin:8px 0 0}.experience{border:1px solid var(--line);scroll-margin-top:12px}.viewport{position:relative;height:clamp(360px,calc(100svh - 300px),780px);min-width:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.map-label{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.orientation{position:absolute;bottom:15px;left:22px;font-size:11px;color:var(--muted);pointer-events:none}#loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:var(--ink);margin:0;font-size:15px}.viewer-controls{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.chapters{display:flex;flex:1}.chapters button{border:0;border-right:1px solid var(--line);min-height:56px;padding:12px 18px;font-size:13px}.chapters button span{font-size:10px;color:var(--muted);margin-right:8px}.chapters button[aria-pressed=true]{box-shadow:inset 0 -3px var(--coral);background:var(--deep)}.chapters button[aria-pressed=true] span{color:var(--soft)}.playback{display:flex;align-items:center;gap:8px;padding:6px}.playback button{font-size:12px;white-space:nowrap}button.primary{background:var(--coral);color:#fff;border-color:var(--coral)}button.primary:hover:not(:disabled){background:#96503a}.primary span{font-size:11px;margin-left:12px}#pause,#reset{border-color:transparent}.progress{height:2px;background:var(--line)}#progress-fill{height:100%;background:var(--coral);transform-origin:left;transform:scaleX(0)}.reading{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:32px;padding:28px 0 14px;align-items:start}.reading h2{font-size:clamp(23px,2.2vw,32px);font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0}.reading>p{margin:0;font-size:16px;line-height:1.65;max-width:65ch}.reading-tools{text-align:right}.reading-tools button{font-size:12px}.hint{font-size:12px;line-height:1.6;color:var(--muted)}.status{font-size:13px;color:var(--soft);min-height:18px;margin:0 0 12px}#share-url{width:100%;margin-bottom:16px}.drawers{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:20px 2px;cursor:pointer;font-size:15px;list-style:none;display:flex;gap:20px;align-items:center}summary::before{content:'+';color:var(--soft);font-size:20px;width:18px}details[open]>summary::before{content:'−'}summary::-webkit-details-marker{display:none}summary span{margin-left:auto;font-size:12px;color:var(--muted)}.details-content{padding:0 36px 24px;line-height:1.65;font-size:14px}.details-content>p:first-child{margin-top:0}.evidence{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;color:var(--muted)}dl{margin:0;display:flex;gap:30px}dt{font-size:12px}dd{font-size:32px;margin:6px 0;color:var(--paper);font-variant-numeric:tabular-nums}.evidence p{margin:0 0 10px}.evidence a{display:inline-block;min-height:44px;padding-top:10px;color:var(--paper)}.extra-links{display:grid;grid-template-columns:1fr 1fr;gap:30px}.extra-links>a{font-size:19px}.extra-links small{display:block;font-size:13px;color:var(--muted);margin-top:5px}.creator-controls{display:flex;gap:18px;align-items:end}.creator-controls label{width:260px}.creator-controls button{min-height:47px}.asset-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;font-size:12px}.asset-links span{color:var(--muted)}footer{padding:32px 0;display:flex;gap:24px;justify-content:space-between;color:var(--muted);font-size:11px}#error{padding:16px;border:1px solid var(--coral);line-height:1.6}.capture-brand{display:none}
.studio{overflow:hidden}.studio .topbar,.studio .intro,.studio .reading,.studio .drawers,.studio footer,.studio #status,.studio #share-url,.studio .viewer-controls,.studio .progress{display:none}.studio main{padding:0;max-width:none}.studio .experience{border:0;position:fixed;inset:0 0 128px;display:grid;place-items:center;background:#080f18}.studio .viewport{height:min(calc(100svh - 150px),calc(100vw * 16 / 9));width:auto;aspect-ratio:9/16;border:1px solid var(--line)}.studio[data-format=horizontal] .viewport{width:min(94vw,calc((100svh - 150px)*16/9));height:auto;aspect-ratio:16/9}.studio .map-label{display:none}.studio .orientation{font-size:10px;left:6%;bottom:4%}.studio .orientation span{display:none}.studio .capture-brand{display:flex;position:absolute;top:6%;left:6%;right:6%;gap:8px;flex-direction:column;pointer-events:none}.capture-brand>span{font-size:9px;letter-spacing:.09em}.capture-brand strong{font-size:clamp(24px,3vw,46px);font-weight:400;line-height:1.1;letter-spacing:-.035em}.studio-bar{position:fixed;bottom:0;left:0;right:0;min-height:128px;display:flex;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 18px;background:var(--ink);border-top:1px solid var(--line);font-size:12px}.studio-bar>span{color:var(--muted);margin-right:12px}.studio-bar p{flex-basis:100%;margin:0;text-align:center;color:var(--soft);min-height:18px}.studio #error{position:fixed;top:0;background:var(--ink);z-index:10}
@media(max-width:1120px){.viewer-controls{flex-wrap:wrap;gap:0}.chapters button{flex:1}.playback{margin-left:auto}.reading{grid-template-columns:1fr 1.7fr}.reading-tools{grid-column:1/-1;text-align:left;display:flex;gap:20px;align-items:center}.viewport{height:clamp(340px,calc(100svh - 350px),680px)}}
@media(max-width:600px){.topbar{padding:6px 18px}.brand span{display:none}.topbar>a:last-child{font-size:11px}main{padding:20px 16px 0}.intro{gap:16px;display:block;margin-bottom:16px}.intro .eyebrow{font-size:10px}.city-choice{width:100%;margin-top:16px}.city-choice label{font-size:11px}.city-choice p{display:none}.city-choice select{margin-top:5px;min-height:44px}.viewport{height:clamp(265px,calc(100svh - 365px),480px)}.map-label{left:14px;right:14px;top:14px;font-size:10px}.orientation{left:14px;font-size:10px}.orientation span{display:none}.chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;flex-basis:100%}.chapters button{padding:9px 3px;font-size:11px;min-height:52px;line-height:1.3}.chapters button span{display:block;margin:0 0 4px}.playback{width:100%;justify-content:space-between;border-top:1px solid var(--line);gap:2px;padding:5px}.playback button{font-size:11px;padding:10px 8px}.primary span{display:none}.reading{display:block;padding:24px 0 10px}.reading>p{margin-top:14px;font-size:15px}.reading-tools{display:block;margin-top:14px}.hint{margin:8px 0 0;font-size:11px}.status:empty{display:none}summary{font-size:14px;gap:8px}summary span{font-size:10px;max-width:110px;text-align:right}.details-content{padding:0 0 22px}.evidence,.extra-links{display:block}dl{justify-content:space-between;gap:12px;margin-bottom:22px}dt{font-size:10px}dd{font-size:28px}.extra-links>a{display:block;margin:0 0 20px}.creator-controls{display:block}.creator-controls label{width:100%;margin-bottom:14px}.asset-links{gap:14px}footer{flex-wrap:wrap;line-height:1.5}footer span:nth-child(2){display:none}.studio .experience{bottom:176px}.studio .viewport{height:min(calc(100svh - 188px),calc(96vw*16/9))}.studio[data-format=horizontal] .viewport{width:min(96vw,calc((100svh - 188px)*16/9))}.studio-bar{min-height:176px;gap:8px;padding:10px}.studio-bar>span{flex-basis:100%;text-align:center}.studio-bar button{padding:8px 10px;font-size:11px}.capture-brand strong{font-size:25px}.capture-brand>span{font-size:8px}.studio .orientation{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.tour-state{position:absolute;left:22px;bottom:44px;padding:9px 12px;background:var(--deep);border-left:3px solid var(--coral);color:var(--paper);font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}.studio .tour-state{display:none}@media(max-width:600px){.tour-state{left:14px;bottom:36px;font-size:11px}}