@font-face{font-family:Oswald;src:url('/fonts/Oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}@font-face{font-family:Barlow;src:url('/fonts/BarlowCondensed.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#17323f;--muted:#718b96;--paper:rgba(248,249,243,.94);--line:#17323f26;--gold:#efc875;--rail:104px;font-family:Barlow,'Arial Narrow',Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#dfe6df}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d5993e;outline-offset:4px}button:disabled{opacity:.5}a{color:inherit}#app,#scene{position:absolute;inset:0}#scene canvas{display:block;touch-action:none;width:100%;height:100%}[hidden]{display:none!important}.map-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#e7ebe38a 0%,#e7ebe358 25%,transparent 39%,transparent 76%,#e7ebe32b),linear-gradient(0deg,#e8ede384,transparent 22%,transparent 87%,#e8ede335)}
.sidebar{position:absolute;z-index:5;left:0;top:0;bottom:0;width:var(--rail);background:linear-gradient(120deg,#183540,#122b38);color:#eff4ed;display:flex;flex-direction:column;box-shadow:1px 0 0 #d7e5dc55}.brand{padding:25px 10px 16px;display:flex;flex-direction:column;align-items:center}.brand svg{width:55px;height:57px;filter:drop-shadow(2px 2px 4px #061c2477)}.brand strong{font:500 23px Oswald,sans-serif;letter-spacing:1.5px;margin-top:4px}.brand small{font-size:9px;letter-spacing:2px;margin-top:2px}.rail-rule{height:1px;background:#c3d1cc;width:20px;margin:7px 0 26px 23px}.nav-item{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:17px 12px 17px 23px;text-align:left;color:#d7e2e1;font-size:14px;min-height:79px}.nav-item svg{width:24px;height:24px}.nav-item:hover{background:#ffffff0c}.nav-item.active{color:var(--gold);background:#4e727429}.nav-item.active:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--gold)}.rail-motto{font-size:11px;letter-spacing:1.3px;line-height:1.5;margin:auto 15px 16px 23px;padding-top:18px}.rail-motto:before{content:'';display:block;width:18px;height:1px;background:#b8c9c6;margin-bottom:17px}.rail-help{margin:0 0 15px 20px;align-self:flex-start;font-size:15px}.rail-help span{font-size:11px;letter-spacing:1px;margin-left:6px}.masthead{position:absolute;left:calc(var(--rail) + 25px);top:28px;pointer-events:none}.coordinates{font-size:11px;letter-spacing:1.7px;line-height:1.8}.coordinates span{display:block;font-size:10px;border-top:1px solid #536c7555;width:max-content;letter-spacing:1.9px;margin-top:2px}.masthead h1{font:650 clamp(65px,6.4vw,108px)/1.04 Oswald,sans-serif;letter-spacing:-2px;margin:25px 0 4px}.masthead h2{font:400 clamp(23px,2.3vw,38px)/1.24 Oswald,sans-serif;color:#7b96a0;letter-spacing:1px;margin:0}.masthead p{font-size:16px;line-height:1.4;margin:20px 0}.intro-rule{display:block;width:36px;height:1px;background:#496774}.regional-mark{position:absolute;right:21%;top:30px;display:flex;align-items:center;gap:14px;pointer-events:none}.regional-mark svg{width:145px;fill:#73929e99;stroke:#8ba2aa;stroke-width:1}.regional-mark b{font:500 14px Oswald;letter-spacing:2px}.regional-mark small{display:block;font-size:11px;letter-spacing:1.5px;line-height:1.5;margin-top:3px}.top-tools{position:absolute;top:27px;right:26px;display:flex;align-items:center;gap:13px}.top-tools button{width:36px;height:36px;background:var(--ink);color:#e8f0e9;padding:9px;border-radius:2px}.top-tools svg{width:100%;height:100%}.top-tools>span{font-size:11px;letter-spacing:1.5px;line-height:1.6}.top-motto{position:absolute;right:59px;top:96px;font-size:13px;letter-spacing:3.7px;line-height:1.8;pointer-events:none}.top-motto span{display:block;width:38px;height:1px;background:#5c7781;margin-top:11px}.panel{background:var(--paper);border:1px solid #ffffff8c;box-shadow:0 6px 26px #17323f08;backdrop-filter:blur(14px);border-radius:2px}.places{position:absolute;right:22px;top:190px;width:252px;padding:15px 17px 0;z-index:2}.section-title{font:400 14px Oswald,sans-serif;letter-spacing:1.7px}.places>.section-title{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:13px}.section-title svg{width:29px;height:29px;flex-shrink:0}.section-title button{margin-left:auto;font:21px Barlow;opacity:.6;padding:0}.place{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:11px 0;border-bottom:1px solid var(--line)}.place img{width:75px;height:70px;object-fit:cover;background:linear-gradient(135deg,#7295a0,#e1e7d7);flex-shrink:0}.place strong{display:block;font:500 15px Oswald,sans-serif;line-height:1.3}.place small{display:block;font-size:12px;line-height:1.3;margin-top:5px;color:#516a74}.place-arrow{font-size:23px;margin-left:auto;color:#6c8690}.place:hover,.place.active{background:#e1e9df77}.place.active strong{color:#9c762b}.all-places{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 0;font-size:12px;letter-spacing:1.8px}.all-places span{font-size:25px;line-height:16px}.drawer{position:absolute;right:22px;top:190px;z-index:4;width:300px;padding:28px}.close-drawer{position:absolute;right:12px;top:8px;font-size:23px}.drawer h3{font:400 30px Oswald;line-height:1.2;margin:20px 0}.drawer p{font-size:16px;line-height:1.45;color:#526c75}.drawer a{font-size:14px;display:block;margin-top:12px}.drawer dl{margin:22px 0}.drawer dl>div{border-bottom:1px solid var(--line);padding:10px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.drawer dt{font-size:15px}.drawer dd{font:400 20px Oswald;margin:0;white-space:nowrap}.drawer-action{display:flex;justify-content:space-between;width:100%;padding:14px 0;border-top:1px solid var(--line);font-size:17px}.scene-switches{display:grid;gap:18px;margin:22px 0}.scene-switches button{display:flex;align-items:center;gap:10px;font-size:16px;text-align:left}.switch{position:relative;width:26px;height:14px;background:#a8b6b6;border-radius:10px;flex-shrink:0}.switch:after{content:'';position:absolute;left:2px;top:2px;width:10px;height:10px;background:white;border-radius:50%;transition:transform .2s}.switch.on{background:#497f70}.switch.on:after{transform:translateX(12px)}.compare-actions{display:flex;gap:10px;margin:24px 0}.compare-actions button{width:50%;padding:16px 8px;border:1px solid var(--line);font:400 23px Oswald}.compare-actions span{display:block;font-size:35px;color:#ac894b;margin-bottom:8px}.compare-actions small{font:14px Barlow;display:block;margin-top:9px}.compare-actions button:last-child{background:#183340;color:#f0ecd8}.map-tools{position:absolute;right:22px;bottom:223px;display:flex;flex-direction:column;width:37px;padding:3px;z-index:2}.map-tools button{height:32px;font-size:24px}.map-tools button+button{border-top:1px solid var(--line)}
.time-panel{position:absolute;left:calc(50% + var(--rail)/2);transform:translateX(-50%);bottom:40px;width:600px;height:105px;display:flex;align-items:center;padding:17px 18px;gap:20px;z-index:3;border:1px solid #697e7c66}.time-panel:before,.time-panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--ink),var(--ink)) left top/18px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) left top/2px 18px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom/18px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom/2px 18px no-repeat}.time-panel:after{transform:scaleX(-1)}.time-title{font:400 17px/1.6 Oswald;letter-spacing:1.8px;border-right:1px solid var(--line);padding-right:18px;flex-shrink:0}.timeline{position:relative;flex:1;min-width:0;padding-top:13px}.time-value{position:absolute;top:-34px;left:var(--hour-position,73%);transform:translateX(-50%);text-align:center;white-space:nowrap;display:flex;align-items:center;flex-direction:column;pointer-events:none;padding:0 7px;background:var(--paper);border-radius:3px}.time-value output{font:500 19px Oswald;letter-spacing:1px;line-height:1.2}.time-value #time-mood{font-size:12px;margin-top:1px}.time-value #sun-symbol{position:absolute;top:-27px;font:27px Barlow;color:#d4a143}.play-btn{flex-shrink:0;width:38px;height:40px;border:1px solid #536e77;margin-left:4px;font-size:19px;padding-left:8px}.timeline input{width:100%;appearance:none;background:linear-gradient(90deg,#183c62 0%,#5c95ba 26%,#e5d8a9 50%,#ecb06f 75%,#b8676a 100%);height:6px;border-radius:5px;cursor:pointer;margin:0;display:block}.timeline input::-webkit-slider-thumb{appearance:none;width:13px;height:15px;border:2px solid #b38446;border-radius:50%;background:#f5dfaf}.timeline input::-moz-range-thumb{width:10px;height:12px;border:2px solid #b38446;border-radius:50%;background:#f5dfaf}.time-ticks{position:relative;height:35px;margin-top:8px;display:flex;justify-content:space-between}.time-ticks button{position:absolute;top:0;font-size:12px;line-height:1.2;padding:1px 0;transform:translateX(-50%)}.time-ticks button:before{content:'';position:absolute;top:-8px;left:50%;width:1px;height:5px;background:#57737c}.time-ticks small{display:block;font-size:12px;margin-top:3px}.time-ticks [data-hour="0"]{left:0;transform:none}.time-ticks [data-hour="6.5"]{left:27.083%}.time-ticks [data-hour="12"]{left:50%}.time-ticks [data-hour="18"]{left:75%}.time-ticks [data-hour="24"]{right:0;transform:none}.city-facts{position:absolute;left:calc(var(--rail) + 22px);bottom:48px;display:flex;gap:19px;pointer-events:none}.city-facts>div{border-left:1px solid #456571;padding-left:10px}.city-facts b{display:block;font:400 30px/1.2 Oswald}.city-facts span{display:block;font-size:10px;line-height:1.4;letter-spacing:.7px;margin-top:5px}.locator{position:absolute;right:22px;bottom:43px;width:225px;height:140px;font-size:11px}.locator #minimap-home{position:absolute;left:0;top:0;width:117px;height:100px;padding:0}.locator canvas{width:117px;height:100px;opacity:.8}.locator-caption{position:absolute;right:0;top:15px;font-size:11px;letter-spacing:1px;line-height:1.7;pointer-events:none}#north{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;align-items:center}#north small{font-size:12px}#compass-arrow{display:block;font-size:30px;line-height:25px;rotate:-90deg}.scale{position:absolute;bottom:2px;left:20px;display:flex;flex-direction:column-reverse;align-items:center;gap:5px}.scale i{display:block;width:70px;height:5px;border:1px solid #5a7580;border-top:0}.scale b{font:12px Barlow}.navigation-hint{position:absolute;left:calc(50% + var(--rail)/2);transform:translateX(-50%);bottom:17px;font-size:9px;letter-spacing:1.6px;color:#56717a;pointer-events:none}footer{position:absolute;left:calc(var(--rail) + 22px);right:22px;bottom:6px;display:flex;justify-content:space-between;font-size:10px;color:#56717a;pointer-events:none}footer a{pointer-events:auto;text-decoration:none}#stats{max-width:340px}
#labels-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;left:0;top:0;transform:translate(-50%,-100%);pointer-events:auto;background:#173b48ed;color:#f0f4eb;border:1px solid #edf5e842;padding:10px 15px 10px 43px;text-align:left;white-space:nowrap;box-shadow:0 3px 10px #19313b1a;transition:opacity .2s;font:400 16px Oswald;letter-spacing:.8px}.map-label>svg{position:absolute;left:10px;top:12px;width:25px;height:25px}.map-label small{display:block;font:11px/1.4 Barlow;letter-spacing:1.8px;margin-top:3px}.map-label:after{content:'';position:absolute;left:50%;bottom:-28px;width:2px;height:28px;background:#f4f7ec}.map-label:before{content:'';position:absolute;left:calc(50% - 5px);bottom:-35px;width:8px;height:8px;border:3px solid #f4f7ec;background:#285263;border-radius:50%;box-sizing:content-box}.map-label.old{font-size:15px}.map-label.defense{font-size:21px;letter-spacing:1.7px}.map-label.river{padding:0;background:none;border:0;box-shadow:none;font:italic 22px Barlow;letter-spacing:3px;color:#f5ffff;pointer-events:none}.map-label.river:before,.map-label.river:after{display:none}#building-info{position:absolute;top:190px;left:calc(var(--rail) + 28px);width:250px;padding:24px;z-index:4}#building-info>button{position:absolute;right:10px;top:7px;font-size:23px}#building-info h3{font:400 25px Oswald;margin:16px 0}#building-info p{font-size:16px;line-height:1.4}#building-info a{font-size:14px}dialog{border:1px solid #fff;background:#f4f6ef;color:#17323f;padding:35px;width:min(460px,90vw);box-shadow:0 24px 90px #193d4340}dialog::backdrop{background:#153b4766;backdrop-filter:blur(4px)}dialog .icon-btn{position:absolute;right:12px;top:10px;font-size:24px}dialog h2{font:400 29px Oswald}dialog p{font-size:18px;line-height:1.5}dialog .source-note{border-top:1px solid var(--line);padding-top:16px;font-size:14px}#loading{position:absolute;inset:0;background:#e5ebe3;z-index:20;display:grid;place-items:center;transition:opacity .6s}.loading-inner{text-align:center}.loading-inner svg{width:58px;height:58px}.loading-inner h2{font:400 35px Oswald}.loading-inner p{font-size:18px;color:#557179}.loading-bar{width:230px;height:2px;background:#b5c7bd;margin:28px auto;overflow:hidden}.loading-bar i{display:block;width:45%;height:100%;background:#355c62;animation:loading 1.5s infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(325%)}}
body.night{--ink:#e2e9df;--muted:#b0c1bf;--paper:rgba(23,47,59,.94);--line:#c2d7d12b;color:#e2e9df}body.night .map-wash{background:linear-gradient(90deg,#15313e66,transparent 42%,transparent 75%,#15313e33)}body.night .masthead h2{color:#b3c7c5}body.night .place small,body.night .drawer p,body.night footer,body.night .navigation-hint{color:#b1c5c4}body.night .place:hover,body.night .place.active{background:#41605f66}body.night .place.active strong{color:#f3d294}body.night .top-tools button{background:#e2e9df;color:#17323f}body.night .map-label{background:#173b48f2}body.night .map-label.river{background:none}body.night .panel{border-color:#b8cbc12c}
@media(min-width:1500px){:root{--rail:126px}.brand{padding-top:30px}.brand svg{width:66px;height:66px}.nav-item{padding-left:28px;min-height:87px}.masthead{left:calc(var(--rail) + 30px);top:30px}.masthead p{font-size:18px}.places{width:286px;right:26px;top:21%;padding:18px 20px 0}.place img{width:88px;height:84px}.place{padding:12px 0;gap:15px}.place strong{font-size:18px}.place small{font-size:14px}.places>.section-title{font-size:15px}.time-panel{width:740px;bottom:47px;height:110px}.time-title{font-size:20px}.city-facts{gap:25px;bottom:59px}.city-facts b{font-size:35px}.city-facts span{font-size:12px}.locator{width:260px;bottom:48px}.regional-mark{right:22%}.regional-mark svg{width:190px}.top-motto{right:58px;top:105px}.rail-motto{margin-bottom:20px}}
@media(max-width:1250px){:root{--rail:88px}.brand strong{font-size:20px}.brand svg{width:47px}.nav-item{padding-left:18px;font-size:13px}.masthead{left:110px;top:22px}.masthead h1{font-size:74px;margin-top:18px}.masthead h2{font-size:26px}.masthead p{font-size:15px;max-width:225px}.regional-mark{display:none}.places{width:226px;right:18px;padding:13px 14px 0}.place{gap:9px}.place img{width:65px;height:65px}.place strong{font-size:14px}.place small{font-size:12px}.places>.section-title{font-size:12px;letter-spacing:1px}.time-panel{width:550px}.city-facts{gap:14px}.city-facts>div:last-child{display:none}.locator{width:187px}.locator-caption{font-size:9px}.locator #minimap-home,.locator canvas{width:95px;height:90px}.top-motto{right:30px;font-size:12px;letter-spacing:3px}.rail-motto{font-size:10px;margin-left:18px}.drawer{right:18px}.map-tools{right:18px}}
@media(max-height:790px) and (min-width:701px){.rail-rule{margin-bottom:10px}.brand{padding-top:18px;padding-bottom:6px}.nav-item{min-height:65px;padding-top:12px;padding-bottom:12px;gap:5px}.places,.drawer{top:161px}.place{padding:8px 0}.place img{height:58px}.places>.section-title{padding-bottom:7px}.all-places{padding:10px 0}.top-motto{top:82px}.masthead h1{font-size:72px;margin-top:16px}.masthead h2{font-size:26px}.masthead p{font-size:14px}.time-panel{bottom:35px;height:92px}.locator{bottom:31px;height:115px}.city-facts{bottom:41px}.rail-motto{padding-top:10px;margin-bottom:9px}.map-tools{bottom:175px}.drawer{max-height:calc(100vh - 310px);overflow:auto}}
@media(max-width:1000px) and (min-width:701px){.masthead h1{font-size:65px}.masthead h2{font-size:22px}.masthead p{font-size:14px;max-width:190px}.places{width:205px}.place img{width:53px;height:58px}.place strong{font-size:13px}.place small{font-size:11px}.places>.section-title svg{width:22px}.time-panel{width:500px;left:calc(50% + 30px)}.city-facts,.locator-caption{display:none}.locator{width:100px}.locator #minimap-home{display:none}.time-title{font-size:15px;padding-right:12px}.time-panel{gap:14px}.masthead p{margin-top:13px}.top-motto{font-size:10px}.drawer{width:270px}}
@media(max-width:700px){:root{--rail:0px}.sidebar{top:auto;bottom:0;right:0;width:auto;height:61px;flex-direction:row;justify-content:space-around}.brand,.rail-rule,.rail-motto,.rail-help{display:none}.nav-item{align-items:center;justify-content:center;gap:4px;min-height:0;padding:7px 5px;width:20%;font-size:11px}.nav-item svg{width:20px;height:20px}.nav-item.active:before{top:0;right:0;bottom:auto;width:auto;height:3px}.masthead{left:19px;top:20px}.coordinates{font-size:9px}.coordinates span{font-size:8px}.masthead h1{font-size:55px;letter-spacing:-1.5px;margin-top:13px}.masthead h2{font-size:19px;line-height:1.25}.masthead p,.intro-rule,.top-motto,.regional-mark,.city-facts,.navigation-hint,.locator{display:none}.top-tools{top:22px;right:17px;gap:8px}.top-tools>span{font-size:9px}.top-tools button{width:32px;height:32px}.places{top:auto;bottom:211px;left:12px;right:12px;width:auto;padding:11px 13px 0;max-height:calc(100dvh - 270px);overflow:auto}.places>.section-title{font-size:13px;padding-bottom:5px}.places>.section-title svg{width:24px}.place{padding:7px 0;gap:13px}.place img{width:63px;height:49px}.place strong{font-size:15px}.place small{font-size:13px;margin-top:2px}.all-places{padding:10px 0}.places.mobile-hidden{display:none}.time-panel{bottom:84px;left:12px;right:12px;transform:none;width:auto;height:99px;padding:13px 12px;gap:12px}.time-title{font-size:12px;line-height:1.65;letter-spacing:1px;padding-right:10px}.timeline{padding-top:14px}.time-value{top:-26px}.time-value output{font-size:17px}.time-value #time-mood{font-size:10px}.time-value #sun-symbol{font-size:21px;top:-20px}.play-btn{width:29px;height:34px;margin-left:0;font-size:15px;padding-left:7px}.time-ticks button,.time-ticks small{font-size:9px}.time-ticks button:first-child{display:none}.time-ticks [data-hour="6.5"]{left:27.083%}.map-tools{right:13px;bottom:240px;width:33px}.drawer{left:12px;right:12px;top:auto;bottom:211px;width:auto;max-height:calc(100dvh - 265px);overflow:auto;padding:24px}.drawer h3{margin:15px 0;font-size:27px}.drawer p{font-size:15px}.drawer dl{margin:12px 0}.drawer dl>div{padding:7px 0}.drawer dd{font-size:18px}footer{left:14px;right:14px;bottom:67px;font-size:8px}#stats{max-width:220px}.map-label{font-size:12px;padding:8px 10px 8px 32px;letter-spacing:.4px}.map-label>svg{left:7px;top:9px;width:19px;height:19px}.map-label small{font-size:9px;letter-spacing:.8px}.map-label.defense{font-size:15px}.map-label.old{font-size:12px}.map-label:after{height:18px;bottom:-18px}.map-label:before{bottom:-26px}.map-label.river{font-size:17px}#building-info{top:215px;left:15px;width:240px;padding:20px}.map-wash{background:linear-gradient(180deg,#e7ebe388,transparent 40%,transparent 70%,#e7ebe344)}body.night .map-wash{background:linear-gradient(180deg,#15313e66,transparent 45%)}dialog{padding:27px}.loading-inner h2{font-size:30px}.loading-inner p{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading-bar i{animation:none;width:100%}}
.map-tools{bottom:185px;right:286px}
body.focused .masthead h1{font-size:46px;margin-top:13px;letter-spacing:-1px}
body.focused .masthead h2{font-size:17px}
body.focused .masthead p,body.focused .intro-rule{display:none}
@media(max-height:790px) and (min-width:701px){.map-tools{bottom:145px}}
@media(min-width:1500px){.map-tools{right:326px}}
@media(max-width:1250px){.map-tools{right:256px}}
@media(max-width:1000px){.map-tools{right:235px}}
@media(max-width:700px){.map-tools{right:13px;bottom:240px}body:has(.places:not([hidden]):not(.mobile-hidden)) .map-tools,body:has(.drawer:not([hidden])) .map-tools{display:none}.rail-help{display:block;position:fixed;top:68px;right:17px;margin:0;width:31px;height:30px;border:1px solid #66808899;color:#284650;background:#eef3e8cc}.rail-help span{display:none}body.focused .masthead h1{font-size:38px}body.focused .masthead h2{font-size:14px}}