:root{color-scheme:dark;font:14px system-ui,sans-serif;background:#07151d;color:#e9f3f1}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:clamp(12px,2vw,28px)}main{max-width:1380px;margin:auto}h1{font-size:clamp(1.5rem,3vw,2.4rem);margin:.3em 0}.eyebrow{color:#83d8df;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}.note{max-width:90ch;line-height:1.5;color:#b8cbd0}.controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:18px 0}.controls label{display:grid;gap:5px;color:#c3dadd}.controls select,.controls button,.sites button{min-height:44px;padding:8px 12px;background:#102d36;border:1px solid #527c82;color:#e9f3f1}.controls button{min-width:44px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px}.scene{min-width:0}.canvas-wrap{position:relative;overflow:hidden;border:1px solid #527c82;background:#102b32}canvas{display:block;width:100%;aspect-ratio:5/3;touch-action:none;cursor:grab}canvas.is-panning{cursor:grabbing}.sites{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-top:12px}.sites button{padding:4px;min-width:0;font-weight:700}.sites button[aria-pressed=true],.sites button:focus-visible,.controls button:focus-visible{outline:2px solid #fff1aa;outline-offset:2px;background:#285a61}.detail{border:1px solid #527c82;background:#0c2630;padding:18px;align-self:start}.detail h2{margin:0 0 8px}.detail p{color:#c5d8dc;line-height:1.45}.status{min-height:1.4em;color:#f7d18b}.fallback{padding:15px}.fallback a{color:#9de5ea}.legend{font-size:.8rem;color:#b2cbd0}@media(max-width:850px){.layout{grid-template-columns:1fr}.sites{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:390px){.sites{grid-template-columns:repeat(5,minmax(0,1fr))}}
.labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.labels span{position:absolute;transform:translate(-50%,-50%);font:700 14px system-ui,sans-serif;color:#fff;text-shadow:0 1px 4px #07151d,0 0 4px #07151d}.labels span.is-selected{color:#fff0a8}
.sprites{position:absolute;inset:0;z-index:2;pointer-events:none}.sprites img{position:absolute;height:auto;transform:translate(-50%,-100%);filter:drop-shadow(0 6px 5px #000a);pointer-events:auto;cursor:pointer}.sprites img.is-selected{filter:drop-shadow(0 0 9px #ffe4a0) drop-shadow(0 6px 5px #000a)}
#scenic-source{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.canvas-wrap canvas{position:relative;z-index:1}.canvas-wrap .labels{z-index:2}.canvas-wrap .fallback{position:relative;z-index:3}
.note a{color:#9de5ea;text-underline-offset:3px}
@media(max-width:600px){.labels span:not(.is-selected){display:none}}
.whole-village{margin-top:24px;padding:16px;border:1px solid #527c82;background:#0c2630}.whole-village h2{margin:0 0 8px}.whole-village__maps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.whole-village figure{margin:0;min-width:0}.whole-village figcaption{padding:8px 0;color:#d9e9e7;font-weight:700}.whole-village svg{display:block;width:100%;height:auto;background:#123039;border:1px solid #527c82}.whole-village .growth-water{fill:#225a6a}.whole-village .growth-road{fill:none;stroke:#9eaaa1;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.whole-village .growth-pad{fill:#41645c;stroke:#89b6ad;stroke-width:4}.whole-village .growth-pad[data-stage="empty"]{fill:#243b3d;stroke:#748e89;stroke-dasharray:8 7}.whole-village .growth-wall{fill:#b69868}.whole-village .growth-side{fill:#203f45}.whole-village .growth-roof{fill:#7fa9a2;stroke:#cae4db;stroke-width:3}.whole-village .growth-roof[data-stage="foundation"]{fill:#638478}.whole-village .growth-roof[data-stage="established"]{fill:#76a4a3}.whole-village .growth-roof[data-stage="advanced"]{fill:#8bc0ba}.whole-village .growth-roof[data-stage="landmark"]{fill:#e8c77b;stroke:#fff0ad}@media(max-width:700px){.whole-village__maps{grid-template-columns:1fr}}
.whole-village .growth-frame{fill:none;stroke:#d6c992;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.whole-village .growth-upper-roof{fill:#9bc9c0;stroke:#d8ebe2;stroke-width:3}.whole-village .growth-upper-roof[data-stage="advanced"]{fill:#a9d3ca}.whole-village .growth-upper-roof[data-stage="landmark"]{fill:#f0d791;stroke:#fff0ad}
.whole-village .growth-pad[data-stage="unverified"],.whole-village svg[data-underlay-control="northern-v1"] .growth-pad[data-stage="unverified"]{fill:#493b36;stroke:#f0ad83;stroke-dasharray:3 6}
.whole-village .growth-access,.whole-village .growth-service-link{fill:none;stroke:#a2b0a5;stroke-linecap:round;stroke-linejoin:round}.whole-village .growth-access[data-stage="foundation"],.whole-village .growth-service-link[data-stage="foundation"]{stroke:#91a398}.whole-village .growth-access[data-stage="landmark"],.whole-village .growth-service-link[data-stage="landmark"]{stroke:#d5cba8}.whole-village .growth-access[data-proposal="review"],.whole-village .growth-service-link[data-proposal="review"]{stroke:#72f2dc}
.whole-village .growth-level-track{fill:#09262f;stroke:#48d9d4;stroke-width:2}.whole-village .growth-level-fill{fill:#79eee6}.whole-village .growth-level-divider{fill:none;stroke:#09262f;stroke-width:1}.whole-village .growth-level-cue[data-stage="landmark"] .growth-level-track{fill:#473d2b;stroke:#f3d99a}.whole-village .growth-level-cue[data-stage="landmark"] .growth-level-fill{fill:#f3d99a}.whole-village .growth-level-cue[data-stage="landmark"] .growth-level-divider{stroke:#473d2b}
.whole-village__composite{margin:0 0 16px}.whole-village__composite-scroll{max-width:100%;overflow-x:auto}.whole-village__composite svg{min-width:720px}.whole-village__composite-scroll.is-zoomed svg{width:200%;min-width:1440px}.whole-village .growth-north-inlet{fill:#225a6a}.whole-village .growth-composite-link-edge{fill:none;stroke:#4a5f5c;stroke-width:31;stroke-linejoin:round}.whole-village .growth-composite-link{fill:none;stroke:#9eaaa1;stroke-width:20;stroke-linejoin:round}.whole-village .growth-bridge-abutment{fill:#738c83;stroke:#d2d7bb;stroke-width:3}.whole-village .growth-causeway{fill:#b8bdab;stroke:#f0db9b;stroke-width:3}.whole-village .growth-bridge-rail{fill:none;stroke:#efdaa2;stroke-width:4}.whole-village .growth-provisional-gate{fill:#d8b67c;stroke:#fff0ad;stroke-width:3}.whole-village__composite .note{margin:8px 0 0}@media(max-width:700px){.whole-village__composite svg{min-width:900px}.whole-village__composite-scroll.is-zoomed svg{min-width:1800px}}
.whole-village .growth-eastern-river{fill:#326976;stroke:#80aaa3;stroke-width:6}.whole-village .growth-eastern-bank{fill:none;stroke:#a39770;stroke-width:14}.whole-village svg[data-underlay-control="eastern-v1"] .growth-composite-link-edge{stroke:#746854}.whole-village svg[data-underlay-control="eastern-v1"] .growth-composite-link{stroke:#c4a875}.whole-village svg[data-underlay-control="eastern-v1"] .growth-bridge-abutment{fill:#9d8b69;stroke:#e4c889}.whole-village svg[data-underlay-control="eastern-v1"] .growth-causeway{fill:#c1ae85;stroke:#e9d29c}
.whole-village .growth-northern-reservoir{fill:#39616a;stroke:#b6d5d9;stroke-width:6}.whole-village .growth-northern-outlet{fill:none;stroke:#729da3;stroke-width:8;stroke-dasharray:20 12}.whole-village .growth-northern-dam{fill:#9caeb0;stroke:#e1edef;stroke-width:4}.whole-village .growth-northern-rail{fill:none;stroke:#d8c17f;stroke-width:8}.whole-village .growth-northern-service{fill:none;stroke:#9daeb1;stroke-width:12}.whole-village .growth-northern-transfer{fill:#899698;stroke:#e4c686;stroke-width:3}.whole-village .growth-northern-rail-gate{fill:#aa8567;stroke:#eac98a;stroke-width:3}.whole-village svg[data-underlay-control="northern-v1"] .growth-composite-link-edge{stroke:#4d6268}.whole-village svg[data-underlay-control="northern-v1"] .growth-composite-link{stroke:#c0c7c0}
.whole-village svg[data-underlay-control="northern-v1"] .growth-pad{fill:#526c71;stroke:#b4cfd2}.whole-village svg[data-underlay-control="northern-v1"] .growth-pad[data-stage="empty"]{fill:#2a4047;stroke:#7e9fa3}.whole-village svg[data-underlay-control="northern-v1"] .growth-frame{stroke:#c8dadd}.whole-village svg[data-underlay-control="northern-v1"] .growth-side{fill:#294a55}.whole-village svg[data-underlay-control="northern-v1"] .growth-roof{fill:#a5c6ca;stroke:#dfedef}.whole-village svg[data-underlay-control="northern-v1"] .growth-roof[data-stage="landmark"]{fill:#d7b36a;stroke:#f4dda3}.whole-village svg[data-underlay-control="northern-v1"] .growth-upper-roof[data-stage="landmark"]{fill:#e5c37b;stroke:#f4dda3}
.whole-village .mobile-scroll-hint{display:none;color:#dfc986;font-size:.85em}@media(max-width:700px){.whole-village .mobile-scroll-hint{display:inline}}
.whole-village__composite-actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.whole-village__composite-actions button{min-height:44px;padding:8px 12px;background:#102d36;border:1px solid #527c82;color:#e9f3f1}.whole-village__composite-actions button:focus-visible{outline:2px solid #fff1aa;outline-offset:2px;background:#285a61}.whole-village__composite-actions button[aria-pressed="true"]{border-color:#fff1aa;background:#285a61}
.whole-village__composite-actions label{display:grid;gap:3px;color:#c3dadd}.whole-village__composite-actions select{min-height:44px;padding:8px;background:#102d36;border:1px solid #527c82;color:#e9f3f1}.whole-village__composite-actions select:focus-visible{outline:2px solid #fff1aa;outline-offset:2px}.whole-village__composite-actions select:disabled{opacity:.55}.whole-village .growth-composite-taper-edge{fill:#4a5f5c}.whole-village .growth-composite-taper-surface{fill:#9eaaa1}
.whole-village:focus,.whole-village__composite-scroll:focus{outline:3px solid #fff1aa;outline-offset:3px}
.whole-village #growth-comparison{margin:0 0 16px;border:1px solid #527c82;padding:10px}.whole-village #growth-comparison summary{cursor:pointer;font-weight:700}.whole-village #growth-comparison .note{margin:8px 0}.growth-comparison__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.growth-comparison__panel{min-width:0}.growth-comparison__scroll{overflow-x:auto;max-width:100%}.growth-comparison__scroll svg{min-width:0}.growth-comparison__scroll:focus{outline:3px solid #fff1aa;outline-offset:2px}@media(max-width:700px){.growth-comparison__grid{grid-template-columns:1fr}.growth-comparison__scroll svg{min-width:900px}}
.growth-comparison__panel[data-projection="mixed"]{grid-column:1/-1}
.growth-comparison__paired{display:flex;width:1200px}.growth-comparison__region{flex:0 0 50%;width:50%;min-width:0}.growth-comparison__region svg{width:100%;min-width:0}
.growth-comparison__scroll.is-zoomed>svg{width:200%;min-width:1440px}.growth-comparison__scroll.is-zoomed .growth-comparison__paired{width:2400px}
@media(max-width:700px){.growth-comparison__paired{width:1800px}.growth-comparison__region{flex-basis:900px;width:900px}.growth-comparison__region svg{min-width:900px}}
@media(max-width:700px){.growth-comparison__scroll.is-zoomed>svg{min-width:1800px}.growth-comparison__scroll.is-zoomed .growth-comparison__paired{width:3600px}.growth-comparison__scroll.is-zoomed .growth-comparison__region{flex-basis:1800px;width:1800px}}
.growth-comparison__actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.growth-comparison__actions button{min-height:44px;padding:8px 12px;background:#102d36;border:1px solid #527c82;color:#e9f3f1}.growth-comparison__actions button:focus-visible{outline:2px solid #fff1aa;outline-offset:2px;background:#285a61}