:root{color:#f3efe4;font-synthesis:none;--panel:#0a1813e6;--line:#e6e1cf29;--muted:#aeb9ad;background:#08130f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{background:#08130f;width:100%;height:100%;position:relative}.scene{position:absolute;inset:0}.scene canvas{outline:none;width:100%;height:100%;display:block}.topbar{z-index:10;pointer-events:none;background:linear-gradient(#050e0bd1,#0000);justify-content:space-between;align-items:center;height:84px;padding:17px 22px;display:flex;position:absolute;top:0;left:0;right:0}.topbar h1{letter-spacing:-.02em;margin:4px 0 0;font-family:Georgia,serif;font-size:clamp(22px,3vw,34px);font-weight:500;line-height:1}.eyebrow,.kicker{color:#e1bc77;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.header-actions{pointer-events:auto;gap:8px;display:flex}.header-actions button,.inspector button{border:1px solid var(--line);cursor:pointer;background:#0a1813d1;border-radius:8px;padding:9px 13px}.view-switch,.tone-switch{border:1px solid var(--line);background:#0a1813d1;border-radius:9px;gap:2px;padding:3px;display:flex}.view-switch button,.tone-switch button{text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;min-width:45px;padding:6px 10px;font-size:11px;font-weight:750}.view-switch button.active,.tone-switch button.active{color:#152018;background:#e5c584;box-shadow:0 1px 5px #0000003d}.view-switch button:focus-visible,.tone-switch button:focus-visible,.north-control:focus-visible,.north-reset:focus-visible{outline-offset:2px;outline:2px solid #fff}.panel-button{display:none}.layer-panel{z-index:20;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;width:272px;padding:17px;transition:transform .25s;position:absolute;top:91px;bottom:43px;left:18px;overflow:auto;box-shadow:0 20px 50px #0000004d}.layer-panel.closed{transform:translate(calc(-100% - 30px))}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:10px;display:flex}.panel-heading h2,.inspector h2{margin:3px 0 0;font-family:Georgia,serif;font-size:23px;font-weight:500}.panel-heading button{cursor:pointer;background:0 0;border:0;font-size:26px;display:none}.layer-panel section{border-bottom:1px solid var(--line);padding:13px 0}.layer-panel h3,.section-toggle{color:#d8dfd5;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:750}.tone-section small{color:#aeb9ad;text-transform:capitalize;margin-top:7px;font-size:10px;display:block}.tone-switch{background:#ffffff0a}.tone-switch button{color:#cfd8cf;flex:1;min-width:0;padding-inline:5px;font-size:9px}.section-toggle{cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;padding:0;display:flex}.layer-toggle{color:#d6ded5;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:34px;font-size:12px;display:flex}.layer-toggle input{opacity:0;position:absolute}.layer-toggle i{background:#39463e;border-radius:20px;flex:none;width:29px;height:17px;transition:all .2s;position:relative}.layer-toggle i:after{content:"";background:#aeb9ad;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:3px;left:3px}.layer-toggle input:checked+i{background:#b88c4f}.layer-toggle input:checked+i:after{background:#fff;transform:translate(12px)}.layer-toggle input:focus-visible+i{outline-offset:2px;outline:2px solid #fff}.panel-note{color:#d6c6c6;background:#d77a8e1c;border:1px solid #d77a8e47;border-radius:9px;gap:4px;margin-top:14px;padding:10px;font-size:11px;display:grid}.legend{z-index:15;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:11px;width:360px;padding:12px 14px;position:absolute;bottom:39px;left:310px}.legend-title{text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.legend-title small{color:var(--muted);font-size:9px}.terrain-ramp{background:linear-gradient(90deg,#d77a8e,#7c873e 25%,#174f37 62%,#8b8d8c);border-radius:6px;height:10px;margin-top:8px}.ramp-labels{color:#c5cec5;justify-content:space-between;margin-top:3px;font-size:9px;display:flex}.legend-grid{color:#c7d0c7;grid-template-columns:repeat(3,1fr);gap:7px 10px;margin-top:10px;font-size:9px;display:grid}.legend-grid span{align-items:center;gap:6px;display:flex}.swatch{background:#fff;width:18px;height:3px;display:inline-block}.natural{background:#2e8fd5}.engineered{background:#f49a45}.roads{background:linear-gradient(90deg,#74142f 0 35%,#99243d 35% 65%,#be4b56 65% 100%)}.contour{background:#5d4031;height:1px}.index{background:#24150d;height:3px}.terrain-block{background:repeating-linear-gradient(#65574b 0 2px,#8a796a 2px 3px);border-bottom:2px solid #3f3934;height:8px}.block-key{grid-column:span 2}.inspector{z-index:15;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;width:280px;max-height:calc(100% - 145px);padding:16px;position:absolute;top:93px;right:18px;overflow:auto}.inspector p{color:#b8c2b8;font-size:12px;line-height:1.55}.inspector dl{gap:7px;margin:12px 0;display:grid}.inspector dl div{grid-template-columns:76px 1fr;gap:7px;font-size:11px;display:grid}.inspector dt{color:#88988c}.inspector dd{color:#e1e6df;overflow-wrap:anywhere;text-transform:capitalize;margin:0}.statusbar{z-index:25;color:#aeb9ad;background:#050d0aeb;align-items:center;gap:8px;height:28px;padding:0 18px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.statusbar>span:first-child{background:#5ad58a;border-radius:50%;width:6px;height:6px}.statusbar>span.error{background:#ed6d6d}.statusbar a{color:#e1bc77;margin-left:auto}.statusbar .provisional{color:#d7a8af}.label-layer{pointer-events:none;position:absolute;inset:0}.map-label{pointer-events:auto;color:#fff;cursor:pointer;white-space:nowrap;background:#08130fbf;border:1px solid #ffffff40;border-radius:12px;padding:4px 7px;font-size:10px}.road-label{pointer-events:none;color:#ffe9ed;white-space:nowrap;text-shadow:0 1px 2px #24030c,0 0 4px #24030c;font-size:9px;font-weight:750;line-height:1;display:none}.road-label-text{transform-origin:50%;background:#46081ac7;border:1px solid #ffbec94d;border-radius:8px;padding:3px 5px;display:block}.road-label-roadsPrimary{color:#fff4f6;letter-spacing:.02em;font-size:10px}.road-label-roadsSecondary{color:#ffe1e7;font-size:9px}.road-label-roadsLocal{color:#ffcbd3;font-size:8px;font-weight:650}.hydro-label,.water-label,.admin-label{pointer-events:none;white-space:nowrap;border-radius:9px;padding:3px 6px;font-size:9px;font-weight:750;display:none}.hydro-label,.water-label{color:#d7f4ff;text-shadow:0 1px 2px #04131a;background:#082433bd;border:1px solid #51bce066}.admin-label{color:#fff3d7;letter-spacing:.04em;background:#1c1b17b8;border:1px solid #fff1c759}.municipality-label{padding:5px 8px;font-family:Georgia,serif;font-size:12px}.ward-label{text-transform:uppercase;font-size:9px}.mode-2d .map-label{color:#20231f;background:#f6f4ece0;border-color:#2528234d;font-weight:650}.mode-2d .road-label{color:#6c102a;text-shadow:0 1px #fffffff2,0 0 3px #fffffff2}.mode-2d .road-label-text{background:#fff6f7e0;border-color:#74142f40}.mode-2d .road-label-roadsPrimary{color:#641027}.mode-2d .road-label-roadsSecondary{color:#8d2038}.mode-2d .road-label-roadsLocal{color:#a63d49}.mode-2d .hydro-label,.mode-2d .water-label{color:#155b80;text-shadow:none;background:#eef7f9e0;border-color:#155b804d}.mode-2d .admin-label{color:#2c2e2a;background:#f6f4ece6;border-color:#2c2e2a47}.mode-2d .terrain-ramp{filter:saturate(.42)brightness(1.16)}.coordinate-note{color:#8f9c91;text-transform:none;margin-top:3px;font-size:9px;display:block}.map-furniture{z-index:16;color:#252823;align-items:end;gap:8px;display:flex;position:absolute;bottom:42px;right:18px}.north-control,.north-reset{color:#252823;cursor:pointer;background:#f6f4ece6;border:1px solid #282b2640;border-radius:9px;box-shadow:0 5px 18px #20241f26}.north-control{place-items:center;gap:2px;width:76px;min-height:86px;padding:7px;display:grid}.north-control small{font-size:9px;font-weight:700}.north-arrow{transform-origin:50% 66%;place-items:center;transition:transform .12s linear;display:grid}.north-arrow b{font-family:Georgia,serif;font-size:16px}.north-arrow i{border-bottom:25px solid #252823;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;margin-top:2px}.north-reset{padding:7px 9px;font-size:10px;font-weight:700}.scale-bar{background:#f6f4ece6;border:1px solid #282b2640;border-radius:9px;min-width:112px;padding:8px 10px;box-shadow:0 5px 18px #20241f26}.scale-bar span{border:2px solid #252823;border-top-width:0;max-width:150px;height:7px;display:block}.scale-bar b{margin-top:3px;font-size:11px;display:block}.scale-bar small{color:#656b63;text-transform:uppercase;letter-spacing:.07em;font-size:8px}.loading,.fallback{text-align:center;color:#e9eee7;background:#08130f;place-content:center;width:100%;height:100%;padding:30px;display:grid}.loading-mark{border:3px solid #31463b;border-top-color:#d77a8e;border-radius:50%;width:38px;height:38px;margin:auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fallback{max-width:720px;margin:auto;line-height:1.6}@media (max-width:900px){.panel-button,.panel-heading button{display:block}.layer-panel{width:min(300px,100% - 20px);top:76px;bottom:38px;left:10px}.legend{width:min(410px,100% - 20px);bottom:36px;left:10px}.inspector{width:min(280px,100% - 20px);max-height:220px;top:auto;bottom:155px;right:10px}.topbar{height:72px;padding:12px}.statusbar .provisional{display:none}.map-furniture{bottom:148px;right:10px}}@media (max-width:560px){.legend{padding:9px 10px}.legend-grid{grid-template-columns:repeat(2,1fr)}.inspector{bottom:166px}.reset-button,.title-block .eyebrow{display:none}.view-switch button{min-width:38px;padding-inline:8px}.map-furniture{bottom:161px;right:10px}.north-control{width:62px;min-height:76px}.scale-bar{min-width:92px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}