@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#263e34;--muted:#889187;--green:#2c5944;--line:#e6e9e0;--cream:#fafbf6;--orange:#d68551}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #d08852;outline-offset:3px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.app-header{height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#fcfcf8}.brand{display:flex;align-items:center;color:var(--ink);text-decoration:none;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.6px;gap:10px}.brand-mark{width:33px;height:35px;display:grid;place-items:center;background:var(--green);color:#f3f4d5;border-radius:10px}.brand-mark svg{width:24px;height:24px;stroke-width:2}.brand-dot{color:#d18a55}.brand-divider{height:22px;width:1px;background:#d9ded4;margin:0 7px 0 15px}.brand-caption{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2px;font-weight:600}.header-center{color:#889285;font-size:12px;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:100%;background:#7c9a6f}.header-actions{display:flex;align-items:center;gap:25px}.text-button{font-size:12px;display:flex;align-items:center;gap:12px}.keycap{font-size:11px;color:#8d968a;border:1px solid var(--line);padding:2px 6px;border-radius:4px}.save-button{display:flex;align-items:center;gap:9px;background:#2b4b3b;color:#f6f7ec;padding:11px 17px;border-radius:7px;font-size:12px}.save-button svg{width:16px;height:16px}.workspace{display:flex;height:calc(100dvh - 122px)}.sidebar{width:260px;flex-shrink:0;background:#fcfcf8;border-right:1px solid var(--line);padding:31px 20px 0;display:flex;flex-direction:column;z-index:4}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#8a9684}.project-heading{padding:0 4px 30px}.project-heading h1{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.8px;margin:10px 0 7px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.tiny-leaf{font-size:22px;color:#b5bf94}.project-heading p{font-size:11px;color:#8a9286;margin:0}.project-heading p span{margin:0 7px}.sidebar-section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#959c91;padding:0 4px 12px}.sidebar-section-label span{font-size:8px;letter-spacing:.8px;color:#aeb5a8}.tools{display:flex;flex-direction:column;gap:6px}.tool{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 10px;border:1px solid transparent;border-radius:7px;position:relative}.tool.active{background:#edf1e6;border-color:#dce3d0}.tool.active:before{content:'';position:absolute;left:-1px;top:16px;bottom:16px;width:3px;border-radius:3px;background:#47684b}.tool-icon{width:33px;height:33px;border-radius:6px;background:#f0f2eb;color:#788570;display:grid;place-items:center}.tool.active .tool-icon{background:#dae4cc;color:#476346}.tool[data-tool=home] .tool-icon{color:#c08866;background:#f8eee5}.tool[data-tool=shop] .tool-icon{color:#678d94;background:#eaf1ef}.tool[data-tool=park] .tool-icon{color:#6f8f59;background:#eef2e4}.tool-copy{display:flex;flex:1;flex-direction:column;gap:5px}.tool-copy strong{font-size:12px;font-weight:600}.tool-copy small{font-size:9px;color:#929a8c;white-space:nowrap}.tool kbd{font-family:inherit;font-size:9px;border:1px solid #e2e6dc;border-radius:3px;padding:2px 4px;color:#9ba391}.tool.active kbd{border-color:#c8d3bb;color:#6c815c}.tool-divider{height:1px;background:var(--line);margin:8px 5px}.tool.utility{padding-top:5px;padding-bottom:5px}.tool.utility .tool-icon{background:none}.tool-detail{padding:18px 5px;margin-top:13px;border-top:1px solid var(--line)}.detail-top{display:flex;justify-content:space-between;font-size:10px;font-weight:600}.price{color:#849276;font-size:9px}.tool-detail p{font-size:11px;line-height:1.8;color:#92998c;margin:11px 0}.detail-tip{display:flex;gap:8px;font-size:9px;line-height:1.7;color:#81916d}.detail-tip>span:first-child{font-size:15px}.milestone{margin:12px 4px 18px;background:#f1f2e8;padding:16px;border-radius:8px}.milestone-label{font-size:7px;letter-spacing:1px;font-weight:700;color:#94967c;display:flex;align-items:center;gap:6px}.small-sun{color:#b9a068;font-size:17px}.milestone h2{font-family:Manrope,sans-serif;font-size:13px;font-weight:750;letter-spacing:-.3px;margin:9px 0}.milestone p{font-size:10px;color:#919381;margin:0 0 15px}.progress-track{height:4px;border-radius:3px;background:#dfe3d3;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:#8b9c6c;transition:width .5s}.milestone-footer{display:flex;justify-content:space-between;font-size:8px;color:#969b86;margin-top:7px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:15px 4px;display:flex;align-items:center;gap:7px;font-size:9px;color:#959d90}.sidebar-bottom .live-dot{width:4px;height:4px}.sidebar-bottom button{margin-left:auto;font-size:19px;color:#8a9680}.map-area{position:relative;flex:1;min-width:0;overflow:hidden;background:#eff2e8}.map-area:after{pointer-events:none;content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px 25px #eff2e837}#city{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;outline:none}.map-heading{position:absolute;top:33px;left:34px;pointer-events:none}.map-heading .eyebrow{font-size:8px;color:#92a085;letter-spacing:2px}.map-heading h2{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1.4px;font-weight:750;margin:9px 0 7px}.map-heading p{font-size:11px;color:#909b87;margin:0}.map-top-right{position:absolute;right:29px;top:35px;display:flex;align-items:center;gap:8px;font-size:10px;color:#7e8b74;pointer-events:none}.weather-sun{font-size:20px;color:#bdab6f}.weather-text{margin-left:4px;font-size:9px;color:#9ca58e}.weather-separator{width:1px;background:#d6ddcc;height:14px;margin:0 5px}#date-label{font-size:8px;letter-spacing:1px}.metrics{position:absolute;top:81px;right:27px;display:flex;background:#fffffaeb;border:1px solid #e4e8da;border-radius:10px;box-shadow:0 7px 20px #4e624b08;padding:18px 0}.metric{padding:0 22px;display:flex;gap:12px;align-items:center;border-right:1px solid #e9ecdf;min-width:135px}.metric:last-child{border:0}.metric-icon{width:31px;height:31px;border-radius:100%;display:grid;place-items:center;background:#f0f2df;color:#909660;font-size:17px}.metric-icon.people{background:#f8eee4;color:#bf9577}.metric-icon.flow{background:#eaf1e6;color:#83a274}.metric-icon svg{width:17px;height:17px}.metric>div{display:flex;flex-direction:column;gap:5px}.metric-label{font-size:7px;letter-spacing:1.2px;color:#9ba18f;font-weight:600}.metric strong{font-family:Manrope,sans-serif;font-size:22px;line-height:1.2;font-weight:750;letter-spacing:-.8px}.metric strong>span{font-size:13px;font-weight:500}.metric small{font-size:8px;color:#90a275}.river-label{position:absolute;right:9%;top:66%;font-size:8px;color:#5f929294;transform:rotate(-28deg);pointer-events:none}.map-notice{position:absolute;bottom:90px;left:28px;display:flex;align-items:center;gap:11px;background:#fffffaf2;border:1px solid #e3e7d8;border-radius:8px;padding:15px 17px;box-shadow:0 4px 22px #40523608;max-width:calc(100% - 56px)}.notice-icon{height:30px;width:30px;background:#edf1e3;border-radius:50%;display:grid;place-items:center;color:#829467}.notice-icon svg{width:16px;height:16px}.map-notice strong{font-size:10px;font-weight:550}.map-notice p{font-size:9px;color:#939b88;margin:5px 0 0}.map-notice button{font-size:16px;color:#adb49f;margin-left:14px;align-self:flex-start}.map-bottom-left{position:absolute;bottom:25px;left:30px;display:flex;align-items:center;gap:20px;pointer-events:none}.compass{display:flex;align-items:center;gap:5px;font-size:8px;color:#929f85}.compass svg{width:26px;height:26px;transform:rotate(-25deg);stroke-width:1}.map-caption{font-size:8px;letter-spacing:1.2px;color:#a0a991}.map-caption span{margin:0 8px}.view-controls{display:flex;align-items:center;gap:4px;position:absolute;bottom:22px;right:25px;background:#fffff8ed;border:1px solid #e0e5d7;box-shadow:0 5px 15px #46583e06;border-radius:8px;padding:6px}.view-controls button{font-size:11px;display:flex;align-items:center;justify-content:center;height:28px;min-width:28px;border-radius:4px}.view-controls button:hover,.view-controls button[aria-pressed=true]{background:#e8efdc}.view-controls svg{width:15px;height:15px}.view-controls>span{height:15px;width:1px;background:#e3e8da;margin:0 3px}#traffic-button{gap:7px;font-size:10px;padding:0 8px}#zoom-label{font-size:9px;width:39px}#zoom-in,#zoom-out{font-size:18px}.tile-tooltip{position:absolute;pointer-events:none;padding:8px 12px;background:#263e34ed;color:#f3f4e8;border-radius:6px;font-size:10px;white-space:nowrap;opacity:0;z-index:5;box-shadow:0 4px 12px #1d362520}.toast{position:absolute;top:190px;left:50%;transform:translate(-50%,-10px);background:#2e4b3e;color:#f2f5e9;box-shadow:0 8px 20px #263e3422;font-size:11px;border-radius:7px;padding:12px 20px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:8}.toast.show{opacity:1;transform:translate(-50%,0)}.app-footer{height:44px;border-top:1px solid var(--line);background:#fcfcf8;display:flex;align-items:center;padding:0 25px;gap:25px;position:relative;z-index:6;font-size:8px;color:#8c9883}.app-footer>div:first-child{display:flex;align-items:center;gap:7px}.app-footer .live-dot{width:5px;height:5px}.footer-separator{width:1px;height:12px;background:var(--line);margin:0 7px}#simulation-label{font-size:8px;letter-spacing:.8px}.playback{display:flex;gap:3px;align-items:center;border-left:1px solid var(--line);padding-left:16px}.playback button{height:24px;min-width:26px;font-size:10px;border-radius:4px}.playback .active{background:#e9efdf;color:#597447}.playback #pause-button{font-size:12px;margin-right:8px}.footer-hint{display:flex;align-items:center;gap:7px;margin:auto;font-size:8px}.footer-hint span{font-size:6px;letter-spacing:.5px;background:#f0f2e9;padding:3px 4px;border-radius:3px;color:#929d86;margin-left:8px}.footer-credit{font-size:9px;color:#a2aa98}.empty-mobile{display:none}dialog{border:1px solid #e5e9dd;border-radius:16px;background:#fcfdf6;color:var(--ink);padding:38px;max-width:490px;width:calc(100% - 35px);box-shadow:0 30px 100px #162e3730}dialog::backdrop{background:#2c423862;backdrop-filter:blur(5px)}dialog h2{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1px;margin:15px 0}dialog>p{font-size:12px;line-height:1.9;color:#87957f}.dialog-close{position:absolute;right:15px;top:12px;font-size:24px;color:#8a9880}.help-steps{margin:25px 0}.help-steps>div{display:flex;gap:16px;margin:18px 0}.help-steps>div>span{font-size:10px;color:#94a77b;background:#eef2e4;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0}.help-steps h3{font-size:13px;margin:1px 0 6px}.help-steps p{font-size:11px;line-height:1.8;color:#89967f;margin:0}.help-shortcuts{font-size:10px;line-height:2;color:#8f9b85;padding:14px;background:#f2f4eb;border-radius:7px;margin-bottom:22px}.primary-button{background:#2d503e;color:#f1f5e6;border-radius:7px;padding:13px 18px;font-size:12px;display:flex;justify-content:space-between;gap:20px;width:100%}.dialog-actions{display:flex;gap:20px;margin-top:24px;align-items:center}.dialog-actions .text-button{white-space:nowrap}.dialog-actions .primary-button{width:auto;margin-left:auto}
body{height:100dvh}.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8dfce transparent}.sidebar>*{flex-shrink:0}
@media(min-width:681px){.sidebar{padding-top:24px}.project-heading{padding-bottom:20px}.tools{gap:3px}.tool{padding-top:7px;padding-bottom:7px}.tool.utility{padding-top:1px;padding-bottom:1px}.tool-divider{margin:5px}.tool-detail{padding:14px 5px 8px;margin-top:12px}.tool-detail p{font-size:10px;line-height:1.65;margin:8px 0}.milestone{padding:12px;margin-top:8px;margin-bottom:12px}.milestone p{margin-bottom:10px}.sidebar-bottom{padding-top:12px;padding-bottom:12px}}
@media(max-height:680px){.milestone{display:none}.app-header{height:65px}.workspace{height:calc(100dvh - 105px)}.app-footer{height:40px}.sidebar{padding-top:20px}.project-heading{padding-bottom:16px}}@media(max-width:1200px){.header-center{display:none}.metrics{top:80px;right:23px}.metric{padding:0 14px;min-width:112px;gap:8px}.metric strong{font-size:20px}.metric-icon{width:26px;height:26px}.map-heading h2{font-size:29px}.map-heading p{max-width:200px;line-height:1.8}.sidebar{width:240px;padding-left:15px;padding-right:15px}.footer-credit{display:none}.river-label{display:none}}@media(max-width:950px){.metrics{top:154px;left:24px;right:auto;padding:12px 0}.map-heading{top:23px;left:26px}.map-top-right{top:27px;right:20px}.weather-text{display:none}.map-notice{bottom:83px;left:23px}.footer-hint{margin-left:auto;margin-right:0}.sidebar{width:220px;padding-left:12px;padding-right:12px}.tool{gap:8px;padding-left:7px;padding-right:7px}.tool-copy small{font-size:8px}.app-header{padding:0 22px}.map-bottom-left{bottom:68px;left:26px}.map-caption{display:none}}@media(max-width:680px){.app-header{height:64px;padding:0 15px}.brand{font-size:24px}.brand-mark{width:29px;height:30px}.brand-divider,.brand-caption{display:none}.header-actions{gap:10px}.text-button{font-size:10px}.keycap{display:none}.save-button{padding:9px 12px;font-size:10px}.workspace{height:calc(100dvh - 153px);display:block}.sidebar{position:absolute;bottom:38px;left:0;right:0;width:100%;height:51px;padding:0 10px;border-top:1px solid var(--line);border-right:0;flex-direction:row;justify-content:center;background:#fcfcf8;overflow:hidden}.project-heading,.sidebar-section-label,.tool-detail,.milestone,.sidebar-bottom,.tool-divider,.tool-copy,.tool kbd{display:none}.tools{flex-direction:row;width:100%;justify-content:space-around;gap:4px;align-items:center}.tool,.tool.utility{width:45px;padding:5px;justify-content:center;height:41px}.tool.active:before{display:none}.tool-icon{width:29px;height:29px}.map-area{height:100%}.map-heading{top:23px;left:20px}.map-heading h2{font-size:27px}.map-heading p{font-size:10px;max-width:240px}.map-heading .eyebrow{font-size:7px}.map-top-right{right:17px;top:23px;font-size:9px}.weather-separator,#date-label{display:none}.metrics{left:18px;right:18px;top:126px;justify-content:space-around;padding:11px 0}.metric{padding:0 10px;min-width:0;flex:1;justify-content:center}.metric-icon{display:none}.metric-label{font-size:6px;letter-spacing:.7px}.metric strong{font-size:20px}.metric small{font-size:7px}.map-notice{display:none}.view-controls{bottom:18px;right:16px;gap:1px;padding:4px}.map-bottom-left{bottom:25px;left:18px}.app-footer{position:absolute;bottom:0;left:0;right:0;height:38px;padding:0 12px;gap:10px}.footer-hint{display:none}.playback{margin-left:auto;padding-left:7px}.app-footer>div:first-child{gap:5px}#simulation-label{font-size:7px}.toast{top:211px;max-width:calc(100% - 40px);width:max-content;font-size:10px}.empty-mobile{display:none}dialog{padding:30px 25px}}
:root{--scene-background:#eff2e8}
.install-button{display:flex;align-items:center;gap:7px;border:1px solid #dce4d3;border-radius:7px;padding:9px 11px;font-size:10px;background:#f1f5e9;position:relative;color:#6a8257}.install-button svg{width:15px;height:15px}.install-button.update-ready:after{content:'';position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#d19b59;border:2px solid #fcfcf8}.install-dialog{width:calc(100% - 30px);max-width:540px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:30px}.install-brand{display:flex;align-items:center;gap:16px;padding-right:10px}.install-brand img{border-radius:16px;flex-shrink:0}.install-brand .eyebrow{font-size:7px;letter-spacing:1.4px}.install-brand h2{font-family:Manrope,sans-serif;font-size:23px;line-height:1.3;letter-spacing:-.8px;margin:8px 0 0}.install-dialog>p{font-size:11px;line-height:1.9;color:#85947c}.app-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.app-benefits span{font-size:9px;background:#eff3e5;padding:7px 9px;color:#81956b;border-radius:5px}.offline-state{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #e1e8d5;border-radius:7px;background:#f3f6ec;margin:17px 0}.offline-state>span{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#c3ad77}.offline-state>span.ready{background:#809c63}.offline-state strong{font-size:11px;font-weight:600;color:#688352}.offline-state small{display:block;font-size:9px;line-height:1.8;color:#96a286;margin-top:5px}.install-dialog .primary-button{width:100%;justify-content:center;margin-top:15px}.install-dialog [hidden]{display:none!important}.install-dialog h3{font-family:Manrope,sans-serif;font-size:12px;margin:22px 0 8px}.install-dialog #install-instructions>p{font-size:10px;line-height:1.8;color:#94a085}.install-steps{list-style:none;counter-reset:steps;padding:0;margin:15px 0}.install-steps li{position:relative;counter-increment:steps;padding:0 0 16px 31px}.install-steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:2px;color:#b3bb9b;font-size:9px}.install-steps strong{display:block;font-size:10px;color:#738b5e;font-weight:600}.install-steps span{display:block;font-size:10px;line-height:1.8;margin-top:5px;color:#97a18c}.install-dialog .install-save-note{font-size:9px;line-height:1.9;border-top:1px solid #e3e9da;padding-top:13px;color:#a0aa94}.install-dialog #install-feedback{color:#9b845b;font-size:10px;line-height:1.8}.app-update-button{padding:11px;border-radius:6px;background:#e6edd9;color:#6e8657;font-size:11px;width:100%;margin-top:12px}@media(max-width:950px){.header-actions{gap:10px}}@media(max-width:680px){.header-actions{gap:6px}.install-button{padding:8px}.install-button>span{display:none}.install-dialog{padding:26px 21px}.install-brand{gap:12px}.install-brand img{width:49px;height:49px;border-radius:12px}.install-brand h2{font-size:20px}.install-brand .eyebrow{font-size:6px;letter-spacing:.9px}.app-benefits{gap:5px}.app-benefits span{font-size:8px;padding:7px}.install-dialog>p{font-size:10px}}
.sidebar{scrollbar-width:thin;scrollbar-color:#d8e0ca transparent}#drill-feedback{color:#a27550;font-size:10px;line-height:1.8}
.sidebar{overflow-y:auto}.facilities-tool .tool-icon{color:#ae805b;background:#f4e9d7;font-size:24px}.safety-button{position:absolute;top:177px;right:27px;display:flex;align-items:center;gap:9px;background:#fffff4e8;border:1px solid #dce5d2;border-radius:7px;padding:10px 13px;font-size:9px;box-shadow:0 4px 15px #3b573c06}.safety-button strong{font-size:10px;font-weight:600}.safety-button>span:last-child{font-size:8px;color:#849474}.safety-dot{width:6px;height:6px;border-radius:50%;background:#88a173}.safety-button.emergency{background:#fbefdc;border-color:#e7c39d}.safety-button.emergency .safety-dot{background:#bf7553}.selected-facility{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);background:#2f4c3eea;color:#fff4d9;padding:10px 14px;border-radius:6px;white-space:nowrap;font-size:10px;pointer-events:none}.selected-facility[hidden]{display:none}.facilities-dialog,.safety-dialog{width:calc(100% - 36px);max-width:940px;max-height:calc(100dvh - 40px);padding:32px;overflow-y:auto}.facilities-dialog h2,.safety-dialog h2{font-size:29px;letter-spacing:-1px;margin-bottom:10px}.facilities-dialog>p,.safety-dialog>p{max-width:720px;font-size:11px;line-height:1.8;color:#84917d}.catalogue-summary{display:flex;justify-content:space-between;gap:15px;margin:22px 0 15px;border-top:1px solid #e3e8d9;padding-top:16px;font-size:10px;color:#859775}.catalogue-summary>span:first-child{color:#486a46;font-weight:600}.facility-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.facility-card{padding:0;background:#fffef8;border:1px solid #e0e6d6;border-radius:9px;overflow:hidden;text-align:left;transition:transform .15s,border-color .15s}.facility-card:enabled:hover{transform:translateY(-2px);border-color:#92a479}.facility-card:disabled{cursor:not-allowed;opacity:.6}.facility-art{display:block;height:105px;position:relative;background:linear-gradient(135deg,#eff3e5,#e8eedf)}.facility-art>svg{width:100%;height:100%;stroke:none;stroke-width:0}.facility-art>span{position:absolute;top:9px;left:10px;font-size:7px;color:#8c9a7b}.facility-card-body{display:flex;flex-direction:column;padding:13px;gap:10px}.facility-card-body>strong{display:flex;justify-content:space-between;font-family:Manrope,sans-serif;font-size:12px;gap:6px}.facility-card-body b{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;color:#769264}.facility-card-body small{color:#8b9682;font-size:9px;line-height:1.8;min-height:49px}.facility-card-body em{font-style:normal;font-size:8px;line-height:1.7;color:#788e66;border-top:1px solid #e8ecdf;padding-top:8px;min-height:36px}.facility-card-action{font-size:9px;font-weight:600;color:#678650}.catalogue-note{padding:13px 15px;background:#f0f3e7;color:#8c987c;font-size:9px;line-height:1.9;border-radius:6px;margin-top:18px}.service-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#eef3e3;border:1px solid #dfe7d2;border-radius:8px;padding:17px;margin:21px 0}.service-summary>div{display:flex;flex-direction:column;gap:7px}.service-summary strong{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.7px;color:#607d50}.service-summary span{font-size:8px;color:#8d9c7e;line-height:1.6}.safety-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.safety-dialog h3{font-family:Manrope,sans-serif;font-size:12px;font-weight:700;margin:7px 0 17px}.coverage-row{margin-bottom:14px}.coverage-row>div{display:flex;justify-content:space-between;font-size:10px;color:#7d8e70}.coverage-row strong{font-weight:550;font-size:9px;color:#718b5b}.coverage-track{display:block;background:#e6eadc;border-radius:3px;height:4px;margin:8px 0 4px;overflow:hidden}.coverage-track i{display:block;height:100%;background:#8fa775;border-radius:3px}.coverage-row small{font-size:7px;color:#a2ab97}.risk-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e7ebdf;font-size:10px;color:#829077}.risk-row strong{font-size:9px;font-weight:500;color:#7d9364}.risk-row .risk-high{color:#b3845b}.risk-note{font-size:8px;color:#9aa68d;line-height:1.9;margin-top:13px}.safety-section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:21px}.safety-section-heading h3{margin:0 0 11px}.safety-section-heading>span{font-size:8px;color:#9ba68f}.incident-card{display:flex;align-items:center;gap:12px;background:#f7efdf;border:1px solid #e8d4b5;border-radius:7px;padding:13px;margin-bottom:9px}.incident-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ead5b2;color:#ab7a49;font-size:20px;flex-shrink:0}.incident-card>div{flex:1}.incident-card strong{font-size:11px}.incident-card small{display:block;font-size:8px;color:#a2957b;margin-top:5px}.incident-card p{font-size:9px;color:#968263;margin:7px 0 0;line-height:1.6}.incident-card>button{font-size:9px;color:#9c784b}.incident-empty{padding:18px;background:#f1f5e8;border-radius:6px;color:#839871;font-size:10px;line-height:1.8}.incident-log>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e8ecdf;padding:10px 0;font-size:9px;color:#879779}.incident-log small{font-size:8px;color:#9ea98f}.incident-log>p{font-size:10px;color:#a2ac99}.drill-details{margin-top:20px;border-top:1px solid #e2e8d8;padding-top:15px;color:#91a080}.drill-details summary{cursor:pointer;font-size:10px}.drill-details>p{font-size:9px;line-height:1.8;color:#9aa58d}.drill-buttons{display:flex;flex-wrap:wrap;gap:8px}.drill-buttons>button{background:#f1f3e9;border:1px solid #e2e7d8;border-radius:5px;font-size:9px;padding:9px 11px;color:#7f916c}
@media(max-width:950px){.safety-button{top:242px;right:24px}.safety-button>span:last-child{display:none}.facility-card-body>strong{font-size:11px}.safety-columns{gap:22px}}
@media(max-width:680px){.sidebar{overflow:hidden;padding:0 6px}.tools{gap:1px}.tool,.tool.utility{width:40px;padding:4px}.safety-button{top:253px;left:18px;right:auto;padding:8px 11px;gap:7px}.safety-button strong{font-size:9px}.facilities-dialog,.safety-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:27px 18px 22px}.facilities-dialog>.eyebrow,.safety-dialog>.eyebrow{font-size:7px;letter-spacing:1px}.facilities-dialog h2,.safety-dialog h2{font-size:25px}.facilities-dialog>p,.safety-dialog>p{font-size:10px}.facility-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.facility-art{height:88px}.facility-card-body{padding:10px;gap:8px}.facility-card-body>strong{font-size:10px;flex-direction:column;gap:5px}.facility-card-body small{font-size:8px;min-height:78px}.facility-card-body em{font-size:7px;min-height:45px}.catalogue-summary{font-size:8px}.catalogue-note{font-size:8px;padding:11px}.service-summary{grid-template-columns:1fr 1fr;padding:14px;gap:17px}.service-summary strong{font-size:23px}.service-summary span{font-size:8px}.safety-columns{grid-template-columns:1fr;gap:10px}.coverage-row{margin-bottom:12px}.risk-row{font-size:9px}.safety-section-heading{gap:10px}.safety-section-heading h3{font-size:11px}.incident-card{gap:8px;padding:10px}.incident-symbol{width:25px;height:25px;font-size:16px}.incident-card strong{font-size:10px}.incident-card small{font-size:7px}.incident-card p{font-size:8px}.incident-log>div{flex-direction:column;gap:5px}.selected-facility{font-size:8px;bottom:62px;padding:8px 10px;max-width:calc(100% - 24px);white-space:normal;text-align:center}.toast{top:298px}.facility-card-action{font-size:8px}}
.map-area{background:var(--scene-background)}.map-area:after{box-shadow:none}.chapter-button{display:flex;align-items:center;gap:11px;text-align:left;padding:8px 13px;border:1px solid #e3e7dc;border-radius:9px;min-width:230px;background:#f7f9f1}.chapter-number{background:#e5ecd9;color:#698257;font-family:Manrope,sans-serif;font-weight:800;font-size:18px;border-radius:7px;width:34px;height:34px;display:grid;place-items:center}.chapter-button>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.chapter-button strong{font-size:11px;font-weight:650}.chapter-button small{font-size:7px;letter-spacing:1.1px;color:#94a187}.chapter-chevron{margin-left:auto;color:#8a9a7f;font-size:18px}.project-heading h1{font-size:18px}.project-heading p{font-size:10px}.map-heading h2{font-size:29px}.map-heading p{max-width:300px;font-size:10px;line-height:1.7}.river-label{letter-spacing:2px}.goal-checklist{display:flex;flex-direction:column;gap:5px;border-top:1px solid #e0e4d4;margin-top:11px;padding-top:9px;font-size:9px;color:#a4a58f}.goal-checklist .met{color:#798c63}.next-level-button{background:#dee7cf;width:100%;padding:8px 10px;border-radius:5px;font-size:10px;text-align:left;margin-top:10px;color:#5e764c}.next-level-button[hidden]{display:none}.milestone h2{font-size:12px}.milestone-label{font-size:8px}.mobile-goal{display:none}.levels-dialog{max-width:960px;padding:34px;width:calc(100% - 36px);max-height:calc(100dvh - 40px);overflow-y:auto}.levels-dialog>p{max-width:690px;font-size:11px}.levels-dialog h2{font-size:30px}.current-goals{background:#eff3e6;border:1px solid #e3e9d7;border-radius:8px;padding:12px 15px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin:21px 0;font-size:10px}.current-goals>span{color:#6e855b;font-weight:600;white-space:nowrap}.current-goals>strong{font-weight:450;font-size:9px;color:#849575;text-align:right;line-height:1.7}.level-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.level-card{padding:0;border:1px solid #e2e8d8;border-radius:9px;background:#fffffa;overflow:hidden;text-align:left;transition:border-color .15s,transform .15s}.level-card:hover:enabled{transform:translateY(-3px);border-color:#92a77b}.level-card.selected{border:1px solid #74925b;box-shadow:0 0 0 2px #e4ecd8}.level-card.locked{cursor:not-allowed;color:#8c9784}.level-card-image{height:91px;position:relative;display:block;background:var(--card-bg)}.level-card-image svg{width:100%;height:100%;stroke:none;stroke-width:0;display:block}.level-card-number{position:absolute;left:10px;top:9px;font-size:8px;letter-spacing:1px;color:#69805a;background:#ffffffa6;border-radius:4px;padding:3px 5px}.level-card-status{position:absolute;right:10px;top:9px;font-size:11px;color:#779064}.level-card.finished .level-card-status{background:#62814d;color:white;border-radius:100%;height:15px;width:15px;text-align:center}.level-card>strong{display:block;font-family:Manrope,sans-serif;font-size:11px;padding:12px 10px 5px;letter-spacing:-.2px}.level-card>small{display:block;font-size:8px;color:#9aa48d;padding:0 10px 10px}.level-card-meta{display:flex;justify-content:space-between;gap:4px;font-size:8px;padding:0 10px 11px;color:#8c9e7a}.level-card-action{display:block;background:#f2f5eb;padding:8px 10px;color:#7e9369;font-size:8px}.level-card.locked .level-card-action{color:#a3aa98;background:#f5f6f0}.legacy-button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:1px solid #e4e8db;padding:14px;border-radius:7px;font-size:11px;color:#8b997c;margin-top:17px}.legacy-button[hidden]{display:none}.legacy-button span{font-size:9px;color:#a3ac96}.journey-footer{display:flex;justify-content:space-between;font-size:9px;color:#9aa58c;margin-top:22px}.journey-footer>span:first-child{color:#7d9068}.complete-dialog{text-align:center;max-width:450px;padding:36px}.completion-seal{display:grid;place-items:center;width:70px;height:70px;background:#e8efd9;color:#859c58;font-size:47px;border-radius:50%;margin:0 auto 22px}.complete-dialog>.eyebrow{display:block}.complete-dialog h2{font-size:26px;line-height:1.3}.complete-stats{font-size:11px;padding:18px 10px;background:#f0f4e6;color:#8a9b72;border-radius:7px;line-height:1.8;margin:22px 0}.keep-building{font-size:11px;color:#8c9c7d;margin-top:18px}.complete-dialog .primary-button{justify-content:center}.scene-chip{font-size:9px}
@media(min-width:681px){.project-heading{padding-bottom:15px}.tool-detail{padding-top:11px;padding-bottom:3px}.tool-detail .detail-tip{display:none}.milestone{margin-top:5px}.tool{padding-top:6px;padding-bottom:6px}.sidebar-bottom{font-size:8px}}
@media(max-width:1100px){.chapter-button{min-width:210px}.map-heading h2{font-size:25px}.map-heading p{max-width:220px}.level-cards{gap:9px}.level-card>strong{font-size:10px}.levels-dialog{padding:25px}.level-card-meta{font-size:7px}}
@media(max-width:950px){.current-goals{flex-direction:column;align-items:flex-start}.current-goals>strong{text-align:left}.level-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.header-actions{gap:15px}.chapter-button{min-width:190px}.brand-caption{display:none}.brand-divider{margin-right:0}}
@media(max-width:680px){.chapter-button{min-width:0;padding:6px 8px;gap:6px;background:#f2f5e9;border:0}.chapter-number{width:23px;height:25px;font-size:12px}.chapter-button strong{font-size:9px;max-width:103px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-button small{font-size:6px;letter-spacing:.4px}.chapter-chevron{font-size:13px}.header-actions .text-button{display:none}.save-button span{display:none}.save-button{padding:9px}.save-button svg{width:16px;height:16px}.brand{font-size:21px;gap:7px}.brand-mark{width:27px;height:29px}.header-actions{gap:0}.app-header{padding:0 12px;gap:9px}.map-heading h2{font-size:24px;letter-spacing:-1px}.map-heading p{font-size:9px;max-width:230px}.map-top-right{right:17px;top:23px}#scene-weather{display:none}.metrics{top:122px}.mobile-goal{position:absolute;top:211px;left:18px;right:18px;height:32px;padding:0 11px;display:flex;align-items:center;gap:11px;background:#fffff7ab;border:1px solid #dce5cf;border-radius:6px;text-align:left;font-size:8px;color:#83946e}.mobile-goal>span:first-child{font-size:6px;letter-spacing:1px}.mobile-goal>strong{font-size:9px;font-weight:600;color:#6e8558}.mobile-goal>span:last-child{margin-left:auto;font-size:7px}.levels-dialog{padding:27px 18px 22px;max-height:calc(100dvh - 24px);width:calc(100% - 20px);border-radius:12px}.levels-dialog>.eyebrow{font-size:7px;letter-spacing:1px}.levels-dialog h2{font-size:25px}.levels-dialog>p{font-size:10px}.current-goals{padding:11px;gap:6px;margin:16px 0}.current-goals>span{font-size:9px}.current-goals>strong{font-size:8px}.level-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.level-card-image{height:85px}.level-card>strong{font-size:11px}.level-card>small{font-size:8px}.level-card-meta{font-size:8px}.legacy-button{font-size:9px;line-height:1.7;gap:12px}.legacy-button span{font-size:7px;flex-shrink:0}.journey-footer{font-size:8px;gap:15px;line-height:1.7}.journey-footer>span:last-child{text-align:right}.complete-dialog{padding:30px 24px}.complete-dialog h2{font-size:24px}.completion-seal{width:60px;height:60px;font-size:40px}.toast{top:252px}}