@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Geist Variable,sans-serif;color:#173b3c;background:#a8c4c4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bc702b;outline-offset:4px}button{border:0}#world{position:fixed;inset:0;width:100%;height:100%;display:block}header{position:absolute;left:32px;right:32px;top:26px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;gap:14px;align-items:center}.brand-mark{font-family:Geist Variable,sans-serif;font-size:32px;border:1px solid #173b3c66;width:48px;height:48px;display:grid;place-items:center;border-radius:50%}.brand-name{font-family:Geist Variable,sans-serif;font-size:29px;line-height:1}.brand-sub{font-size:11px;margin-top:7px;letter-spacing:.08em}nav{display:flex;gap:8px;pointer-events:auto}nav button,.glass{background:#f9f8f0e8;box-shadow:0 4px 30px #24414310;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}nav button{padding:12px 17px;border-radius:30px;font-size:12px}nav button:hover{background:#fff}.year{font-family:Geist Variable,sans-serif;font-size:24px;padding:5px 14px}.intro{position:absolute;left:34px;top:122px;max-width:330px;pointer-events:none}.intro .kicker{font-size:11px;letter-spacing:.12em}.intro h1{font-family:Geist Variable,sans-serif;font-size:64px;font-weight:400;line-height:.96;margin:13px 0 17px}.intro p{font-size:13px;line-height:1.7;max-width:265px}.intro .tag{display:inline-flex;gap:7px;align-items:center;font-size:10px;margin-top:4px}.tag i{height:6px;width:6px;border-radius:50%;background:#52887c}.places{position:absolute;right:28px;top:114px;width:232px;padding:18px;border-radius:12px}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:12px}.panel-title span{font-size:10px;color:#74817a}.place{width:100%;display:flex;text-align:left;gap:10px;align-items:center;padding:12px 8px;background:transparent;border-top:1px solid #173b3c14;font-size:12px;border-radius:3px}.place:hover,.place.active{background:#dce8df}.place .num{font-size:10px;color:#738c82}.place b{font-weight:500;display:block}.place small{font-size:10px;display:block;margin-top:3px;color:#6e8078}.place .arrow{margin-left:auto}.environment{border-top:1px solid #173b3c20;margin-top:10px;padding-top:16px;font-size:11px}.environment label{display:flex;justify-content:space-between;margin-bottom:10px}.environment input{width:100%;accent-color:#315c54;height:4px}.bottom{position:absolute;left:32px;bottom:28px;right:32px;display:flex;align-items:flex-end;justify-content:flex-end;gap:20px}.location{max-width:330px}.location h2{font-family:Geist Variable,sans-serif;font-size:29px;font-weight:400;margin:0 0 8px}.location p{font-size:11px;line-height:1.65;margin:0;max-width:290px}.controls{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font-size:10px;text-align:center;color:#294d47;background:#f8f7eecc;border-radius:20px;padding:9px 15px;white-space:nowrap}kbd{font:inherit;font-weight:600}.mapbox{width:208px;padding:10px;border-radius:10px}.mapbox canvas{width:188px;height:105px;display:block}.mapcaption{display:flex;justify-content:space-between;font-size:9px;margin-top:6px}.status{position:absolute;top:88px;left:50%;transform:translate(-50%);background:#f8f7edee;padding:9px 18px;border-radius:25px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}.status.visible{opacity:1}.crosshair{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 2px #000;display:none}.locked .crosshair{display:block}.locked .intro,.locked .places,.locked header{opacity:0;pointer-events:none}.locked .intro *,.locked .places *,.locked header *{pointer-events:none}dialog{border:0;border-radius:14px;max-width:850px;width:calc(100% - 40px);padding:32px;background:#faf9f1;color:#173b3c;max-height:85vh;box-shadow:0 20px 100px #112c3c50}dialog::backdrop{background:#173b3c70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font:40px Geist Variable,sans-serif;margin:0 0 15px}dialog p{font-size:14px;line-height:1.7;max-width:690px}dialog .close{position:absolute;top:16px;right:18px;background:transparent;font-size:24px}dialog img{width:100%;border-radius:4px;margin:12px 0}dialog a{color:#246c61}dialog li{font-size:13px;line-height:1.7;margin:12px 0}.mobile-controls{display:none}@media(max-width:800px){header{left:18px;right:18px;top:18px}.brand-name{font-size:24px}.brand-mark,.year{display:none}nav button{padding:10px;font-size:11px}.intro{left:20px;top:102px}.intro h1{font-size:45px}.intro p,.intro .tag{display:none}.places{top:auto;bottom:155px;right:16px;width:180px;padding:12px}.place{padding:8px 4px;font-size:10px}.place small{display:none}.environment{padding-top:10px}.mapbox,.location p{display:none}.bottom{left:20px;bottom:108px}.location h2{font-size:22px}.controls{bottom:16px;font-size:9px;max-width:95vw;white-space:normal}.intro .kicker{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}figure{margin:20px 0}figcaption{font-size:11px;line-height:1.5;color:#60756b}.reference-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reference-photos img{height:220px;object-fit:contain;background:#eae8dc}.reference-photos figure{margin:0 0 20px}dialog h3{font-weight:500}body.locked .location{background:#f9f8f0d9;padding:15px;border-radius:8px}@media(max-width:600px){.reference-photos{grid-template-columns:1fr}.reference-photos img{height:auto}}:root{--split: 50%}.intro{top:170px;max-width:260px}.intro h1{font-size:48px}.intro p{max-width:225px}.places{top:170px;width:222px}.places-hidden .places{display:none}.era-label{position:absolute;top:99px;display:flex;align-items:baseline;gap:10px;pointer-events:none;padding:8px 12px;background:#f6f7efde;border-radius:8px}.era-label strong{font:25px Geist Variable,sans-serif;font-weight:400}.era-label span{font-size:11px}.era-old{left:32px}.era-modern{right:32px}#splitter{position:absolute;left:50%;top:148px;bottom:145px;width:28px;transform:translate(-50%);cursor:ew-resize;touch-action:none;z-index:5;outline:none}#splitter:before{content:"";position:absolute;left:13px;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 5px #183b3d50}#splitter span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#f9faf3;color:#244b47;box-shadow:0 2px 12px #173b3c40;font-size:22px;-webkit-user-select:none;user-select:none;border:1px solid #fff}#splitter:focus-visible span{outline:3px solid #c88636;outline-offset:4px}.comparison-note{position:absolute;top:142px;left:50%;transform:translate(-50%);font-size:10px;padding:5px 10px;border-radius:20px;background:#f6f7efdd;white-space:nowrap;z-index:6;pointer-events:none}.map-attribution{position:absolute;bottom:5px;right:12px;font-size:9px;background:#f6f7efd9;padding:3px 8px;border-radius:4px;color:#34514b}.map-attribution a{color:inherit}.map-attribution button{font:inherit;color:inherit;background:none;padding:0;text-decoration:underline}.bottom{bottom:36px}.controls{bottom:32px}body[data-era=historical] #splitter,body[data-era=modern] #splitter,body[data-era=historical] .comparison-note,body[data-era=modern] .comparison-note,body[data-era=historical] .era-modern,body[data-era=modern] .era-old{display:none}.locked .era-label,.locked .comparison-note{opacity:0;pointer-events:none}.locked #splitter{top:15px}.locked #splitter span{opacity:.8}@media(max-width:800px){.intro{top:150px;left:18px}.intro h1{font-size:34px}.intro .kicker{display:none}.era-label{top:74px;padding:5px 8px}.era-label span{display:none}.era-old{left:18px}.era-modern{right:18px}.era-label strong{font-size:21px}.comparison-note{top:124px;font-size:9px}.places{top:auto;bottom:175px;right:14px;width:168px}.places .place{padding:7px 3px}.places .panel-title{font-size:10px}.places .panel-title span{font-size:8px}.brand-sub{font-size:9px}nav{gap:3px}nav button{padding:9px 7px;font-size:10px}header{left:14px;right:14px}.brand-name{font-size:21px}#splitter{top:146px;bottom:153px}.bottom{bottom:123px}.controls{bottom:31px}.map-attribution{font-size:8px;right:5px;left:5px;text-align:center;bottom:3px}.location h2{font-size:20px}.location p{display:none}}.mapcaption{justify-content:flex-end}.location h2{font-size:24px;margin:0}body[data-era=historical] .era-label,body[data-era=modern] .era-label{display:none}@media(max-width:800px){.bottom{bottom:32px}.places{bottom:82px}.location h2{font-size:20px}}.navigation-hint{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:20px;padding:12px 18px;border-radius:24px;background:#f8f7eee6;color:#294d47;font-size:12px;pointer-events:auto;z-index:6}.navigation-hint span{white-space:nowrap}@media(min-width:801px)and (max-width:950px){.bottom{bottom:92px}}@media(max-width:800px){.navigation-hint{bottom:28px;width:max-content;max-width:calc(100% - 36px);flex-wrap:wrap;gap:6px 16px;padding:10px 14px;font-size:11px}}.touch-hint{display:none}.help-actions{display:flex;gap:10px;margin-top:22px}.help-actions button{padding:10px 16px;border-radius:20px;background:#173b3c;color:#faf6e7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.touch-help{display:none}#flight-joystick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:calc(82px + env(safe-area-inset-bottom));width:96px;height:96px;padding:0;border-radius:50%;border:1px solid #ffffff;background:#f2f1e5;box-shadow:0 3px 16px #173b3c22;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.joystick-knob{position:absolute;width:44px;height:44px;left:calc(50% - 22px);top:calc(50% - 22px);border-radius:50%;background:#f8f7ef;border:1px solid #ffffff;box-shadow:0 2px 8px #173b3c40;pointer-events:none;will-change:transform}#flight-joystick.active{background:#f2f1e5}#flight-joystick.active .joystick-knob{background:#315b53}.altitude-controls{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.altitude-controls button{width:58px;height:54px;padding:4px;border-radius:14px;background:#f8f7eee6;box-shadow:0 2px 8px #173b3c22;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.altitude-controls button span{font-size:10px;margin-top:4px}.altitude-controls button.active{background:#315b53;color:#fff}@media(max-width:800px),(pointer:coarse),(max-width:950px)and (max-height:500px){.mobile-controls{display:block}.navigation-hint span:not(.touch-hint){display:none}.navigation-hint .touch-hint{display:block}.navigation-hint{bottom:calc(28px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);width:max-content;padding:6px 12px;font-size:10px;line-height:16px;min-height:0;gap:0}.navigation-hint:after{content:"";position:absolute;inset:-8px 0;border-radius:24px}.desktop-help{display:none}.touch-help{display:block}.bottom{display:none}.places{top:100px;bottom:auto;max-height:calc(100dvh - 305px);overflow-y:auto}#splitter{top:112px;bottom:calc(210px + env(safe-area-inset-bottom));width:44px}#splitter:before{left:21px}header{top:max(18px,env(safe-area-inset-top))}nav button{min-height:44px;min-width:44px}.map-attribution{bottom:max(3px,env(safe-area-inset-bottom))}}@media(max-height:500px)and (max-width:950px),(max-height:500px)and (pointer:coarse){#flight-joystick{width:88px;height:88px;bottom:calc(78px + env(safe-area-inset-bottom))}.altitude-controls{bottom:calc(64px + env(safe-area-inset-bottom))}#splitter{top:105px;bottom:60px}.places{top:80px;max-height:calc(100dvh - 160px);right:100px}}