:root{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#263f37;background:#f7f8f2;font-synthesis:none;font-weight:400;--green: #284f40;--muted: #899286;--border: #e3e7dd;--paper: #f9faf5;--residential: #60916e;--commercial: #568b9f;--industrial: #b19a57;--shadow: 0 8px 32px #193b2d0b}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ad924f;outline-offset:3px}button:hover{filter:brightness(.96)}h1,h2,h3,p{margin:0}button,small,kbd{font-size:12px}svg{flex-shrink:0}a{color:inherit;text-decoration:none}input[type=range]{accent-color:var(--green)}.hidden{display:none}.positive{color:#52836a!important}.negative{color:#b96f57!important}.live-dot{width:6px;height:6px;background:#78a378;border-radius:50%;display:inline-block;flex-shrink:0}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#8b9785}.app-shell{display:flex;flex-direction:column;height:100dvh;min-height:620px;overflow:hidden}.topbar{height:85px;min-height:85px;background:#fafbf7;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 27px;gap:27px;z-index:5}.brand{display:flex;gap:12px;align-items:center;min-width:250px}.brand img{width:40px;height:40px}.brand>div{font-family:Georgia,Times New Roman,serif;letter-spacing:1.8px;font-size:19px;font-weight:600;line-height:1.3}.brand small{display:block;font-family:inherit;font-size:10px;letter-spacing:1.4px;color:#8a9487;margin-top:4px;font-weight:400}.brand small span{margin:0 6px;color:#b5bba9}.city-title{position:relative;border-left:1px solid var(--border);padding-left:27px;display:grid;grid-template-columns:1fr auto;gap:4px 13px;align-items:center}.city-title .eyebrow{grid-column:1/-1;font-size:8px;letter-spacing:1.6px}.city-title>strong{font-size:19px;letter-spacing:1px;font-weight:600;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-badge{border:1px solid #dbe3d3;border-radius:4px;font-size:9px;color:#75846b;padding:3px 6px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.save-indicator{font-size:10px;color:#909b8d;display:flex;align-items:center;gap:6px;margin-right:10px}.save-indicator .live-dot{width:4px;height:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;padding:10px 15px;border-radius:5px;font-weight:500;border:1px solid transparent;white-space:nowrap}.button.light{background:#f6f8f1;border-color:#dfe5d8}.button.dark{background:#294d3f;color:#f6f4e7;border-color:#294d3f}.button.full{width:100%;margin-top:20px;padding:14px}.icon-button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:5px}.status-strip{height:84px;min-height:84px;display:flex;background:#f4f6ee;border-bottom:1px solid #dce3d5;align-items:center;z-index:3;padding:0 29px;gap:0}.status-item{display:flex;align-items:center;gap:13px;padding:0 30px 0 0;margin-right:29px;border-right:1px solid #dfe6d7;flex:1;min-width:0}.status-item:nth-child(3){flex:.9}.metric-icon{color:#7e9276;width:33px;height:36px;display:grid;place-items:center}.status-item>div>small{display:block;font-size:10px;color:#81907e;letter-spacing:.5px;margin-bottom:5px}.status-item>div>strong{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;letter-spacing:.3px;line-height:1}.unit{font-family:inherit;font-size:10px;color:#879480;margin-left:8px}.metric-note{font-size:12px;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-note small{display:block;font-size:9px;color:#929d8c;margin-top:4px;font-weight:400}.time-control{display:flex;align-items:center;gap:23px;margin-left:auto}.date small{font-size:9px;color:#8b9784;display:block;margin-bottom:7px}.date strong{font-size:15px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.date strong span{font-size:9px;color:#92a08a;margin:0 5px}.speed-control{display:flex;background:#e6ebde;padding:3px;border-radius:5px;gap:1px}.speed-control button{font-size:11px;width:30px;height:29px;border-radius:3px;display:grid;place-items:center;color:#7b8c73}.speed-control button.active{color:#f8f7e8;background:#355b46;box-shadow:0 2px 4px #2847331a}.workspace{display:flex;flex:1;min-height:0}.build-panel{width:235px;min-width:235px;border-right:1px solid var(--border);background:#fafbf6;display:flex;flex-direction:column;padding:26px 17px 15px;overflow-y:auto;scrollbar-width:thin}.panel-heading{padding:0 11px 23px}.panel-heading h2{font-size:22px;font-weight:450;line-height:1.6;letter-spacing:1px;margin-top:10px}.panel-heading p{font-size:10px;color:#9a9f91;margin-top:7px;letter-spacing:.5px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.6px;font-weight:600}.section-label>span{color:#9ba591;font-size:8px;font-weight:400;letter-spacing:.3px}.build-panel>.section-label{margin:0 11px 10px;color:#8f9986;font-size:9px}.tool-list{display:flex;flex-direction:column;gap:5px}.tool-button{display:flex;align-items:center;width:100%;padding:10px 11px;gap:13px;text-align:left;border:1px solid transparent;border-radius:6px;position:relative;min-height:56px}.tool-button .tool-icon{color:#889581;width:31px;display:grid;place-items:center}.tool-button>div{display:flex;flex-direction:column;gap:4px}.tool-button strong{font-size:12px;font-weight:500;letter-spacing:.5px}.tool-button small{font-size:9px;color:#a2aa99;letter-spacing:.3px}.tool-button kbd{font-family:inherit;margin-left:auto;color:#adb5a4;font-size:9px;border:1px solid #e4e8de;padding:2px 4px;border-radius:3px;min-width:17px;text-align:center}.tool-button.selected{background:#ecf0e4;border-color:#dce4ce}.tool-button.selected:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:#708662;border-radius:0 3px 3px 0}.tool-button.selected .tool-icon{color:#4e7059}.tool-button.selected small{color:#839277}.tool-button.selected kbd{border-color:#d2dcc6;color:#76866a}.tool-button.zone-residential .tool-icon{color:var(--residential)}.tool-button.zone-commercial .tool-icon{color:var(--commercial)}.tool-button.zone-industrial .tool-icon{color:var(--industrial)}.tool-button.zone-bulldoze .tool-icon{color:#ac8d72}.demand-card{margin:23px 8px 17px;border-top:1px solid var(--border);padding-top:19px}.demand-card p{font-size:9px;color:#a1a995;margin:8px 0 15px}.demand-row{display:flex;align-items:center;gap:11px;margin-top:10px;font-size:10px}.demand-row>span{color:#8a9782;font-size:9px}.demand-track{height:5px;border-radius:2px;background:#e9ede2;flex:1;overflow:hidden}.demand-track i{display:block;height:100%;background:#85a67a;border-radius:2px;transition:width .5s}.demand-row.zone-commercial i{background:#87a8b0}.demand-row.zone-industrial i{background:#c1ac73}.demand-row strong{font-weight:400;color:#85917c;min-width:18px;text-align:right;font-size:9px}.planner-note{display:flex;align-items:center;gap:9px;margin:auto 9px 18px;padding-top:12px;color:#8d9f7f}.planner-note p{font-size:9px;line-height:1.9;color:#819274}.planner-note p span{color:#a3ac98}.new-city{display:flex;align-items:center;padding:12px 11px;border:1px solid var(--border);border-radius:5px;font-size:10px;gap:9px;color:#6d8168}.new-city svg:last-child{margin-left:auto}.map-section{position:relative;flex:1;min-width:0;overflow:hidden;background:#d4e0d6}.map-frame{position:absolute;inset:0 0 47px;background:radial-gradient(ellipse at 40% 30%,#dce7da,#c1d1c4 85%);overflow:hidden}.map-canvas{position:absolute;inset:0;touch-action:none}.map-canvas canvas{display:block;width:100%;height:100%;outline:none}.map-frame:not(.tool-inspect) canvas{cursor:crosshair}.map-frame.tool-inspect canvas{cursor:grab}.map-frame.tool-inspect canvas:active{cursor:grabbing}.map-label{position:absolute;top:20px;left:22px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;letter-spacing:1px;color:#45614e;padding:7px 11px;border:1px solid #f2f6e340;background:#edf3e252;border-radius:4px;backdrop-filter:blur(8px);pointer-events:none}.map-label>span:last-child{font-size:8px;color:#72886b;letter-spacing:0;padding-left:7px;margin-left:4px;border-left:1px solid #71826840}.map-compass{position:absolute;right:22px;top:22px;color:#58765b;pointer-events:none;opacity:.8}.map-zoom{position:absolute;right:20px;bottom:21px;display:flex;align-items:center;padding:4px;background:#f5f7ebed;box-shadow:0 3px 16px #46604b16;border:1px solid #cad8c2;border-radius:5px;color:#6f8268}.map-zoom button{height:27px;width:29px;display:grid;place-items:center}.map-zoom>span{font-size:9px;min-width:34px;text-align:center}.map-zoom i{height:15px;background:#dce3d1;width:1px;margin:0 4px}.map-controls{position:absolute;right:22px;bottom:64px;font-size:8px;color:#577052;display:flex;gap:11px;pointer-events:none}.welcome-card{position:absolute;bottom:75px;left:23px;width:290px;padding:22px 23px 17px;background:#f9faf0ef;border:1px solid #fcffeb;border-radius:7px;box-shadow:0 8px 34px #34573c17;backdrop-filter:blur(14px)}.welcome-card h2{font-size:20px;font-weight:450;letter-spacing:.8px;margin:9px 0 8px}.welcome-card>p{font-size:10px;color:#97a08b}.dismiss{position:absolute;right:10px;top:10px;color:#9eaa93;display:grid;place-items:center;padding:3px}.guide-steps{margin-top:19px;display:grid;gap:13px}.guide-steps>div{display:flex;align-items:center;gap:10px;font-size:10px;color:#83927a}.guide-steps>div>span{width:19px;height:19px;border-radius:50%;border:1px solid #dce3d1;display:grid;place-items:center;font-size:8px;color:#9ca88f}.guide-steps>div.done{color:#4a7550}.guide-steps>div.done>span{background:#e1ead6;border-color:#d0dec4;color:#5c8255}.guide-foot{margin-top:17px;padding-top:12px;border-top:1px solid #e4e9da;font-size:8px;color:#a2ac96}.guide-foot span{margin:0 7px}.construction-bar{position:absolute;bottom:0;left:0;right:0;height:47px;display:flex;align-items:center;padding:0 19px;gap:12px;background:#f2f5e9;border-top:1px solid #d8e2ce;font-size:10px;color:#89967e}.active-tool{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#56704f;font-size:10px;border-right:1px solid #d9e0cf;padding-right:12px}.construction-hint{font-size:9px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.construction-bar strong{font-weight:500;color:#5d7455;font-size:13px;white-space:nowrap}.preview-count{font-size:9px;white-space:nowrap}.valid-badge{padding:3px 5px;background:#e3ebd5;border-radius:3px;font-size:8px;color:#6c8659;white-space:nowrap}.construction-bar.invalid .construction-hint,.construction-bar.invalid strong{color:#bb795c}.construction-bar.invalid .valid-badge{color:#a86e51;background:#eee0ce}.tile-inspector{position:absolute;left:23px;top:62px;padding:20px 23px;background:#f9faf1f5;box-shadow:var(--shadow);border-radius:6px;min-width:265px;max-width:85%;border:1px solid #fbffed}.tile-inspector h3{font-size:17px;font-weight:500;margin:9px 0}.tile-inspector p{font-size:11px;color:#7e8f73;line-height:1.7}.tile-inspector small{font-size:9px;display:block;margin-top:10px;color:#a5ad9a}.city-panel{width:267px;min-width:267px;display:flex;flex-direction:column;background:#fafbf6;border-left:1px solid var(--border);overflow-y:auto;scrollbar-width:thin}.panel-tabs{display:flex;min-height:55px;border-bottom:1px solid var(--border);padding:0 20px;gap:25px}.panel-tabs button{font-size:11px;color:#98a18e;position:relative}.panel-tabs button.active{color:#38573f;font-weight:600}.panel-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#698262}.city-health{padding:23px 23px 20px}.city-health h3{font-size:18px;letter-spacing:.5px;font-weight:450;margin:15px 0 9px}.city-health p{font-size:10px;line-height:1.9;color:#99a38f}.health-tag{display:inline-flex;gap:6px;align-items:center;font-size:8px;background:#eef3e7;color:#849975;padding:5px 7px;margin-top:13px;border-radius:3px}.health-tag .live-dot{width:4px;height:4px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;margin:0 23px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;gap:19px 12px}.stats-grid small{display:block;font-size:9px;color:#9aa38f;margin-bottom:6px}.stats-grid strong{font-family:Georgia,serif;font-size:23px;font-weight:400;color:#55704e;letter-spacing:.5px}.stats-grid strong span{font-size:9px;color:#a5ad97;margin-left:5px}.trend-section{padding:21px 23px 14px}.trend-value{font-family:Georgia,serif;font-size:24px;margin-top:13px;color:#496c4e}.trend-value small{font-family:inherit;font-size:8px;margin-left:8px;color:#9da78f}.trend{width:100%;display:block;margin-top:12px;overflow:visible}.environment-row{display:flex;align-items:center;gap:8px;margin:0 23px 21px;padding:11px 10px;border:1px solid #e1e7d7;border-radius:4px;color:#819675;background:#f6f8ef}.environment-row>div{display:flex;flex-direction:column;gap:4px}.environment-row span{font-size:9px}.environment-row small{font-size:7px;color:#a0ad92}.environment-row>strong{font-size:18px;margin-left:auto;font-weight:400;color:#6a855e}.environment-row>strong small{display:block;text-align:right;font-size:7px}.events-section{padding:19px 23px 14px;border-top:1px solid var(--border);flex:1}.events-section .edition{font-size:7px;letter-spacing:1px}.event-list{display:flex;flex-direction:column;gap:17px;margin-top:18px}.event-item{display:flex;gap:10px}.event-dot{width:4px;height:4px;background:#9aaa87;border-radius:50%;flex-shrink:0;margin-top:4px}.event-item.warn .event-dot{background:#c9a266}.event-item.good .event-dot{background:#6b9b75}.event-item small{font-size:8px;color:#a8b09c;letter-spacing:.5px}.event-item p{font-size:9px;line-height:1.9;margin-top:4px;color:#89957e}.version-label{font-size:8px;color:#a5af98;letter-spacing:1px;padding:14px 23px;border-top:1px solid var(--border);display:flex;justify-content:space-between}.version-label span{font-size:7px;letter-spacing:.2px}.budget-panel{padding:23px}.budget-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:11px 0;color:#909c83;border-bottom:1px solid #edf0e5}.budget-row:first-of-type{margin-top:12px}.budget-row strong{font-weight:400;font-size:11px;color:#9a917b}.budget-total{display:flex;justify-content:space-between;margin:16px 0;font-size:10px}.budget-total strong{font-size:16px;font-weight:500}.annual{font-size:8px;display:flex;flex-direction:column;gap:7px;color:#a3ad94;line-height:1.5}.annual strong{font-weight:400;font-size:11px;color:#829276}.tax-heading{margin:26px 0 18px;padding-top:20px;border-top:1px solid var(--border)}.tax-slider{display:block;margin-bottom:16px}.tax-slider>span{font-size:9px;display:flex;justify-content:space-between;color:#829578}.tax-slider strong{font-weight:400;color:#5e7d55}.tax-slider input{width:100%;height:4px;cursor:pointer;display:block;margin:12px 0 0;accent-color:#7e9c6f}.budget-tip{font-size:9px;line-height:1.9;color:#a1ac94;padding:3px 0 22px}.footer{height:30px;min-height:30px;display:flex;justify-content:space-between;align-items:center;background:#f5f7ee;border-top:1px solid #e0e5d6;padding:0 24px;font-size:8px;color:#a1ac93;letter-spacing:.3px;z-index:2}.footer>span{display:flex;align-items:center;gap:7px}.footer .live-dot{width:4px;height:4px}.footer i{height:8px;width:1px;background:#d6decb;margin:0 2px}.toast{position:fixed;z-index:50;top:98px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(90vw,680px);padding:14px 16px;background:#2c5144;color:#fffbea;border:1px solid #6d8e68;box-shadow:0 6px 28px #193d3428;border-radius:6px;font-size:12px;line-height:1.7}.toast.error{background:#745840;border-color:#9f8568}.toast button{color:inherit;padding:2px;display:flex;margin-left:12px}.modal-backdrop{position:fixed;inset:0;background:#1d3a3390;backdrop-filter:blur(7px);z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.modal{position:relative;width:510px;background:#fafbf5;border:1px solid #e7ecda;border-radius:12px;box-shadow:0 25px 100px #112c3633;padding:37px;max-height:calc(100dvh - 48px);overflow-y:auto}.modal-close{position:absolute;right:17px;top:17px;color:#94a086}.modal h2{font-weight:450;font-size:27px;letter-spacing:1px;margin:14px 0 12px}.modal-subtitle{font-size:11px;line-height:1.9;color:#929f84}.saves-modal{width:730px}.save-slots{display:flex;flex-direction:column;gap:10px;margin-top:25px}.save-slot{border:1px solid #e1e7d7;border-radius:6px;display:flex;align-items:center;gap:15px;padding:17px 15px}.save-slot.current{background:#f0f4e7;border-color:#c9d9b8}.slot-number{font-family:Georgia,serif;font-size:22px;color:#a5b296}.slot-details{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.slot-details strong{font-size:12px;font-weight:500}.slot-details small{font-size:9px;color:#a2ad95;line-height:1.5}.slot-details em{font-style:normal;font-size:8px;font-weight:400;padding:2px 5px;margin-left:9px;background:#e0e9d2;color:#7d966a;border-radius:3px}.slot-actions{display:flex;align-items:center;gap:7px}.slot-actions button{font-size:10px;white-space:nowrap;border:1px solid #dbe3ce;border-radius:4px;padding:7px 9px;color:#839574;background:#f9fbf2}.slot-actions button.slot-save{color:#f9faec;border-color:#6e8b61;background:#6e8b61}.modal-actions{display:flex;gap:10px;margin-top:20px}.small-note{font-size:10px;color:#a2ad94;line-height:1.9;margin-top:17px}.name-label{display:block;font-size:11px;color:#7c8e70;margin-top:28px}.name-label input{display:block;width:100%;padding:13px 14px;border-radius:5px;border:1px solid #d4dfc6;background:#f4f7ed;font-size:16px;color:#4c6c42;outline:none;margin-top:9px}.name-label input:focus{border-color:#8da57b}.help-list{margin:25px 0 0;padding-left:22px;color:#729064}.help-list li{padding-left:6px;margin-bottom:19px}.help-list strong{font-size:13px;font-weight:500}.help-list p{font-size:11px;line-height:1.9;margin-top:6px;color:#95a086}.help-shortcuts{display:flex;flex-wrap:wrap;gap:9px;font-size:9px;color:#94a184;padding-top:12px;border-top:1px solid var(--border)}.help-shortcuts span{padding:5px 7px;background:#f0f3e7;border-radius:3px}.loading{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eff4e9;gap:20px;color:#698362}.loading h1{font-family:Georgia,serif;font-size:26px;letter-spacing:4px;font-weight:400}.loading p{font-size:12px;color:#99a78b}.map-error{position:absolute;left:10%;right:10%;top:40%;background:#faf6e9;border:1px solid #cbb893;padding:20px;z-index:10;font-size:13px;line-height:1.8}@media(min-height:940px){.tool-button{padding-top:14px;padding-bottom:14px}.panel-heading{padding-bottom:32px}.city-health{padding-top:30px;padding-bottom:28px}.stats-grid{padding:26px 0;gap:25px}.trend-section{padding-top:27px;padding-bottom:22px}.welcome-card{bottom:90px}}@media(max-height:800px){.build-panel{padding-top:19px}.panel-heading{padding-bottom:15px}.panel-heading h2{font-size:19px}.panel-heading p{display:none}.tool-button{min-height:48px;padding-top:8px;padding-bottom:8px}.demand-card{margin-top:15px;padding-top:14px;margin-bottom:10px}.planner-note{margin-bottom:10px}.city-health{padding-top:17px;padding-bottom:15px}.city-health h3{margin-top:10px;font-size:16px}.stats-grid{padding:14px 0;gap:12px}.trend-section{padding-top:16px}.environment-row{margin-bottom:14px}.events-section{padding-top:15px}.event-list{gap:12px;margin-top:13px}.welcome-card{padding-top:18px;padding-bottom:14px}.version-label{display:none}}@media(max-width:1250px){.topbar{padding:0 18px;gap:16px}.brand{min-width:215px}.brand>div{font-size:17px}.city-title{padding-left:18px}.save-indicator{display:none}.status-strip{padding:0 16px}.status-item{margin-right:17px;padding-right:17px;gap:7px}.metric-note{font-size:11px}.status-item.employment .metric-note{display:none}.metric-icon{width:25px}.status-item>div>strong{font-size:24px}.time-control{gap:12px}.build-panel{width:209px;min-width:209px;padding-left:13px;padding-right:13px}.city-panel{width:239px;min-width:239px}.panel-tabs{gap:20px}.city-health,.trend-section,.budget-panel,.events-section{padding-left:19px;padding-right:19px}.stats-grid,.environment-row{margin-left:19px;margin-right:19px}.welcome-card{width:265px;left:18px}.map-controls{font-size:7px;gap:8px}}@media(max-width:1040px){.city-title .city-badge{display:none}.city-title{min-width:120px}.status-item.employment{display:none}.topbar{height:74px;min-height:74px}.status-strip{height:76px;min-height:76px}.city-panel{width:220px;min-width:220px}.city-health h3{font-size:15px}.build-panel{width:186px;min-width:186px;padding-left:9px;padding-right:9px}.panel-heading h2{font-size:18px}.tool-button{padding-left:9px;gap:9px}.tool-button strong{font-size:11px}.tool-button small,.panel-heading .eyebrow{font-size:8px}.map-controls{display:none}.welcome-card{bottom:73px;width:245px;padding:20px}.welcome-card h2{font-size:18px}.map-zoom{right:13px;bottom:16px}.construction-bar{padding:0 12px;gap:8px}.construction-hint{font-size:8px}}@media(max-width:800px){.app-shell{min-height:700px}.city-panel{display:none}.brand{min-width:0}.brand>div{font-size:14px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:0}.brand img{width:33px;height:33px}.topbar{padding:0 12px;gap:15px}.city-title{min-width:0;padding-left:14px}.city-title>strong{font-size:15px;max-width:90px}.city-title .eyebrow{font-size:6px;letter-spacing:1px}.header-actions{gap:4px}.header-actions .button{font-size:10px;padding:8px}.header-actions .button svg{display:none}.header-actions .icon-button{padding:4px}.status-item{margin-right:12px;padding-right:12px}.status-item .metric-note{display:none}.time-control{gap:8px}.date strong{font-size:12px}.date strong span{margin:0 3px;font-size:8px}.speed-control button{width:25px;font-size:10px}.status-item>div>strong{font-size:21px}.metric-icon{display:none}.status-strip{padding:0 12px}.status-item>div>small{font-size:9px}.footer{padding:0 12px;font-size:7px}.footer>span:last-child{display:none}}@media(max-width:520px){.build-panel{width:122px;min-width:122px;padding:17px 7px 10px}.panel-heading{padding:0 4px 20px}.panel-heading .eyebrow{font-size:6px;letter-spacing:1px}.panel-heading h2{font-size:14px;margin-top:9px}.build-panel>.section-label{margin:0 4px 8px;font-size:8px}.build-panel>.section-label>span{display:none}.tool-button{padding:9px 5px;gap:6px;min-height:51px}.tool-button .tool-icon{width:22px}.tool-button .tool-icon svg{width:20px}.tool-button kbd{display:none}.tool-button strong{font-size:10px}.tool-button small{font-size:7px;letter-spacing:0}.tool-list{gap:3px}.demand-card{margin:18px 4px 12px}.demand-card .section-label{font-size:8px}.demand-card p{font-size:7px;line-height:1.8;margin:9px 0}.demand-row{gap:6px}.demand-row>span{font-size:8px}.demand-row strong{font-size:8px;min-width:14px}.planner-note{margin:0 4px 14px;padding-top:0}.planner-note svg{display:none}.planner-note p{font-size:7px}.new-city{padding:9px 5px;font-size:8px;gap:4px}.new-city svg{width:13px}.new-city svg:last-child{display:none}.topbar{gap:10px;height:68px;min-height:68px}.brand{gap:7px}.brand>div{font-size:12px}.brand small{font-size:7px;margin-top:3px}.brand img{width:30px;height:30px}.city-title{display:none}.header-actions .button{font-size:9px;padding:8px 6px}.header-actions .icon-button svg{width:16px}.status-strip{height:74px;min-height:74px;flex-wrap:wrap;gap:0;padding:10px 12px}.status-item{flex:1;padding:0 8px 0 0;gap:0}.status-item:nth-child(2){margin-right:10px}.status-item>div>small{font-size:8px;margin-bottom:5px}.status-item>div>strong{font-size:17px}.unit{font-size:8px;margin-left:4px}.time-control{gap:5px;flex-direction:column;align-items:flex-end}.date small{display:none}.date strong{font-size:10px}.date strong span{font-size:7px;margin:0 2px}.speed-control{padding:2px}.speed-control button{height:22px;width:24px;font-size:9px}.welcome-card{width:calc(100% - 24px);left:12px;bottom:111px;padding:17px 15px 12px}.welcome-card .eyebrow{font-size:7px;letter-spacing:1px}.welcome-card h2{font-size:16px;margin-top:8px}.welcome-card>p{font-size:8px}.guide-steps{gap:10px;margin-top:14px}.guide-steps>div{font-size:8px;gap:7px}.guide-steps>div>span{width:17px;height:17px;font-size:7px}.guide-foot{font-size:7px;margin-top:13px;padding-top:9px}.guide-foot span{margin:0 3px}.map-label{left:12px;top:14px;padding:6px 8px;font-size:8px}.map-label>span:last-child{font-size:7px;padding-left:4px;margin-left:0}.map-compass{top:48px;right:9px}.map-compass svg{width:30px}.map-zoom{bottom:17px;right:12px}.construction-bar{height:58px;padding:8px 11px;flex-wrap:wrap;align-content:center;gap:6px}.map-frame{bottom:58px}.active-tool{font-size:9px;gap:4px;padding-right:7px}.active-tool svg{width:15px}.construction-hint{font-size:7px;white-space:normal;line-height:1.5}.preview-count{font-size:8px}.construction-bar strong{font-size:10px}.valid-badge{font-size:7px}.tile-inspector{left:12px;top:68px;min-width:0;width:calc(100% - 24px);max-width:none;padding:20px 15px}.tile-inspector h3{font-size:15px}.tile-inspector p{font-size:10px}.modal-backdrop{padding:12px}.modal{padding:29px 21px;max-height:calc(100dvh - 24px)}.modal h2{font-size:23px}.modal-subtitle{font-size:10px}.save-slot{gap:9px;padding:12px 9px;flex-wrap:wrap}.slot-number{font-size:19px}.slot-details strong{font-size:11px}.slot-details small{font-size:8px}.slot-actions{margin-left:auto}.modal-actions{gap:6px}.modal-actions .button{font-size:10px;padding:9px}.footer{font-size:6px}.toast{top:78px;padding:11px;font-size:11px;width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.mobile-stats-toggle,.mobile-stats-close{display:none}.workspace{position:relative}@media(max-width:800px){.mobile-stats-toggle{display:flex;position:absolute;right:12px;top:15px;z-index:6;align-items:center;gap:5px;background:#f5f8eae8;border:1px solid #d6e0cd;border-radius:4px;padding:7px 9px;font-size:9px;color:#6e8662}.city-panel.mobile-open{display:flex;position:absolute;right:0;top:0;bottom:0;width:267px;z-index:8;box-shadow:-10px 0 40px #294b3526}.mobile-stats-close{display:flex;margin-left:auto;order:3;padding:0}.map-compass{top:62px}}.map-traffic-actions{position:absolute;top:19px;left:190px;display:flex;gap:6px;z-index:2}.map-traffic-actions button{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:4px;background:#f4f6e8dd;border:1px solid #edf1de99;font-size:9px;color:#667f60;backdrop-filter:blur(8px)}.map-traffic-actions button.active{background:#355b46;color:#f6f4df;border-color:#355b46}.traffic-hud{position:absolute;left:20px;bottom:20px;display:flex;gap:7px;align-items:center;padding:8px 10px;background:#f6f8ebdf;border:1px solid #e4edd6;border-radius:4px;color:#6a805f;font-size:8px;pointer-events:none;max-width:calc(100% - 220px);line-height:1.5}.traffic-hud i{height:8px;width:1px;background:#cbd6bd}.traffic-panel{padding:22px}.traffic-panel h3{font-size:18px;font-weight:450;margin:15px 0 10px;line-height:1.5}.traffic-description{font-size:10px;line-height:1.9;color:#929e84}.connection-status{display:flex;align-items:center;gap:6px;font-size:9px;margin:15px 0;padding:8px;background:#f2edde;color:#aa9367;border-radius:4px}.connection-status .live-dot{background:#c5aa6c}.connection-status.connected{background:#edf3e4;color:#799064}.connection-status.connected .live-dot{background:#78a378}.traffic-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;border-block:1px solid var(--border);padding:17px 0}.traffic-stats small{display:block;font-size:9px;color:#94a086;margin-bottom:8px}.traffic-stats strong{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#54734e}.traffic-stats strong span{font-family:inherit;font-size:8px;color:#9aa78d;margin-left:5px}.migration-row{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--border)}.migration-row small{display:block;font-size:8px;color:#9aa68a;margin-bottom:7px}.migration-row strong{font-size:18px;font-weight:400;color:#6b8b5d}.traffic-layer-button{display:flex;align-items:center;gap:7px;border:1px solid #dce5cf;padding:10px;margin-top:20px;width:100%;font-size:10px;border-radius:4px;background:#f1f5e8;color:#6c825e}.traffic-layer-button.active{background:#345945;color:#f3f3df}.traffic-layer-button>span{font-size:8px;margin-left:auto}.traffic-legend{display:flex;gap:16px;justify-content:center;margin:12px 0 20px;font-size:8px;color:#8f9d7f}.traffic-legend span{display:flex;align-items:center;gap:4px}.traffic-legend i{height:5px;width:9px;border-radius:2px}.commute-detail{display:grid;grid-template-columns:1fr auto;font-size:9px;gap:12px;color:#8c9b7b;padding-bottom:20px;border-bottom:1px solid var(--border)}.commute-detail strong{font-weight:500;color:#68825c}.traffic-hotspots{margin-top:20px}.hotspot-row{display:flex;justify-content:space-between;padding:10px 0;font-size:9px;color:#8e9c7e;border-bottom:1px solid #ebefdf}.hotspot-row strong{font-weight:400;color:#6c8b5e}.traffic-footnote{font-size:9px;line-height:1.9;color:#a0aa90;margin-top:15px}.panel-tabs{gap:16px}.panel-tabs button{font-size:10px;white-space:nowrap}.tool-button.zone-avenue .tool-icon{color:#70898a}.tool-button.zone-avenue.selected:before{background:#70898a}.tool-list{gap:3px}.tool-button{min-height:50px}.demand-card{margin-top:17px}.welcome-card{bottom:85px}@media(max-height:800px){.tool-button{min-height:44px;padding-block:7px}.panel-heading{padding-bottom:13px}.demand-card{margin-top:13px}.traffic-hud{font-size:7px}.traffic-panel{padding:19px}}@media(max-width:1040px){.map-traffic-actions{left:20px;top:56px}.traffic-panel{padding:19px}.panel-tabs{gap:12px;padding-inline:14px}.panel-tabs button{font-size:9px}.traffic-hud{bottom:65px;max-width:calc(100% - 40px)}.map-controls{display:none}}@media(max-width:520px){.map-traffic-actions{left:12px;top:56px}.map-traffic-actions button{font-size:8px;padding:7px}.traffic-hud{left:12px;bottom:59px;font-size:7px;max-width:calc(100% - 24px);gap:4px;padding:6px}.tool-button{min-height:44px;padding-block:7px}.welcome-card{bottom:133px}.map-compass{display:none}.traffic-panel{padding:20px}.panel-tabs{gap:16px}}