:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#29453e;background:#e8eee3;font-synthesis:none;font-weight:400;--ink:#29453e;--muted:#78887d;--sage:#456e58;--coral:#d9785b;--cream:#fffdf5;--line:#dce3d7;--shadow:0 8px 32px #344e3920}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button,input,select{outline-offset:3px}button{border:0;background:none}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}#app,#city{position:absolute;inset:0}#city{width:100%;height:100%;touch-action:none}svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.panel{background:#fffdf5f2;border:1px solid #ffffffb8;box-shadow:var(--shadow);backdrop-filter:blur(15px);border-radius:18px}.topbar{position:absolute;top:22px;left:26px;right:26px;display:flex;gap:14px;align-items:stretch;pointer-events:none}.topbar>*{pointer-events:auto}.brand{padding:15px 22px;display:flex;align-items:center;gap:12px;min-width:208px}.brand-mark{width:40px;height:40px;background:#476b53;border-radius:12px;display:grid;place-items:center;color:#f7f3d9}.brand-mark svg{width:27px;height:27px}.brand h1{font-size:20px;letter-spacing:3px;margin:0 0 3px;font-weight:700}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:700}.statsbar{display:flex;flex:1;justify-content:space-evenly;max-width:780px;padding:13px 6px;gap:8px}.stat{padding:0 16px;border-right:1px solid var(--line);min-width:106px}.stat:last-child{border:0}.stat-label{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center;margin-bottom:6px}.stat-label svg{width:14px;height:14px}.stat-value{font-size:21px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}.stat-sub{font-size:10px;color:var(--muted);margin-top:4px}.positive{color:#528064}.negative{color:#c76c52}.presence{margin-left:auto;padding:12px 14px;min-width:126px;max-width:210px}.connection{font-size:11px;display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#72956e}.dot.offline{background:#cf8666}.avatars{display:flex;margin-top:9px;gap:4px;overflow:hidden}.avatar{height:26px;width:26px;display:grid;place-items:center;border-radius:9px;color:#fff;font-size:11px;font-weight:700;border:2px solid #fffdf5}.presence-list{font-size:10px;margin-top:7px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-rail{position:absolute;left:26px;top:135px;width:192px;display:flex;gap:12px;flex-direction:column}.map-heading{padding:4px 3px 10px;display:flex;align-items:center;gap:10px;color:#58745a}.map-heading .number{font-family:Georgia,serif;font-size:32px;font-style:italic;opacity:.65}.map-heading strong{font-size:13px;letter-spacing:2px}.map-heading small{font-size:10px;display:block;margin-top:5px;color:#819277}.layers{padding:15px}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px}.layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.layer-btn{font-size:11px;padding:8px 5px;border-radius:8px;color:#798575;text-align:left;display:flex;align-items:center;gap:5px}.layer-btn svg{height:15px;width:15px}.layer-btn.active{color:#355e47;background:#e2ebdd;font-weight:650}.legend{padding-top:12px;margin-top:11px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.legend-scale{height:5px;border-radius:4px;margin:6px 0;background:linear-gradient(90deg,#87b383,#e5cd85,#c87767)}.legend-labels{display:flex;justify-content:space-between}.demand{padding:15px}.demand-row{display:grid;grid-template-columns:34px 1fr 24px;gap:8px;align-items:center;font-size:10px;margin-top:12px}.demand-track{height:5px;border-radius:3px;background:#e9ede2;overflow:hidden}.demand-track i{display:block;height:100%;border-radius:3px;transition:width 1s}.view-controls{display:flex;gap:6px;align-items:center;margin-top:3px;flex-wrap:wrap}.view-controls button{background:#fffdf5dd;border:1px solid #fff;border-radius:10px;height:34px;min-width:34px;font-size:13px;box-shadow:0 3px 12px #44613d0a}.view-controls button svg{width:16px;height:16px;vertical-align:middle}.view-controls .wide{flex:1;font-size:10px}.right-rail{position:absolute;right:26px;top:135px;width:277px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 310px);overflow:auto;scrollbar-width:thin}.guide{padding:19px;background:#f9f5e8f2}.guide-tag{font-size:9px;letter-spacing:2px;color:#bc8c5d;font-weight:700}.guide h2{font-size:17px;line-height:1.65;margin:9px 0 8px;letter-spacing:.4px}.guide p{font-size:11px;color:#869080;line-height:1.9;margin:0}.guide-step{display:flex;gap:10px;margin-top:13px;align-items:flex-start}.step-num{font-size:10px;border:1px solid #c5d2bc;border-radius:50%;width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;color:#809370}.step-num.done{background:#6a8b62;color:#fff;border-color:#6a8b62}.guide-step div{font-size:11px;line-height:1.65}.guide-step small{display:block;font-size:10px;color:#91977f}.close{font-size:18px;color:#84907e;line-height:1;padding:0 2px}.detail{padding:18px}.detail h2{margin:0;font-size:17px}.detail .subtitle{font-size:10px;color:var(--muted);margin:6px 0 13px}.detail p{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 12px;margin-top:15px}.detail-metric{border-bottom:1px solid var(--line);padding-bottom:8px}.detail-metric label{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.detail-metric b{font-size:13px;font-weight:600}.badge{display:inline-block;padding:4px 7px;margin:2px 3px 2px 0;background:#e8eddf;border-radius:5px;font-size:9px;color:#6a845e}.badge.bad{background:#f6e6da;color:#b47d5d}.primary{background:#496e55;color:#fffdf2;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:600}.secondary{background:#e9eddf;color:#537151;border-radius:9px;padding:9px 12px;font-size:11px}.danger{color:#bd6951;background:#f5e8df}.full{width:100%;margin-top:13px}.dock-wrap{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;gap:9px;max-width:calc(100% - 48px)}.tool-options{display:flex;gap:6px;align-items:center;padding:7px;border-radius:13px;min-height:44px;max-width:100%;overflow-x:auto;white-space:nowrap}.option{font-size:11px;display:flex;gap:7px;align-items:center;padding:8px 12px;border-radius:8px;white-space:nowrap}.option.active{background:#e6eddf;font-weight:650}.option .swatch{height:8px;width:8px;border-radius:3px}.option small{color:#879079;font-size:9px}.dock{display:flex;gap:5px;padding:8px;border-radius:19px;align-items:center;max-width:100%;overflow:auto}.tool{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 19px 8px;border-radius:12px;min-width:72px;font-size:10px;transition:background .15s}.tool svg{height:24px;width:24px}.tool.active{background:#45694f;color:#fffbe9}.tool kbd{position:absolute;right:5px;top:4px;font-size:8px;opacity:.4;font-family:inherit}.dock-divider{height:33px;width:1px;background:var(--line);margin:0 5px}.tool-cost{position:absolute;bottom:163px;left:50%;transform:translate(-50%);background:#fffef3e8;padding:8px 13px;border-radius:9px;box-shadow:0 4px 16px #344e3915;font-size:11px;pointer-events:none;max-width:500px;white-space:nowrap}.tool-cost.invalid{color:#b4654d}.bottom-left{position:absolute;bottom:27px;left:28px;display:flex;flex-direction:column;gap:6px;font-size:9px;color:#768d71;pointer-events:none}.bottom-left strong{font-size:11px;letter-spacing:1px}.bottom-right{position:absolute;right:28px;bottom:27px;display:flex;gap:8px}.round-btn{height:36px;width:36px;display:grid;place-items:center;border-radius:12px}.toast-container{position:absolute;top:130px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:30}.toast{font-size:12px;background:#fffdf4;box-shadow:var(--shadow);border:1px solid white;border-radius:12px;padding:12px 18px;animation:toast-in .2s ease}.toast.error{color:#b65f46}.toast.success{color:#4d785b}@keyframes toast-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:absolute;inset:0;background:#203b324a;backdrop-filter:blur(9px);display:grid;place-items:center;z-index:50}.modal{width:500px;padding:32px;max-height:85vh;overflow:auto;border-radius:24px;background:#fffdf5;box-shadow:0 24px 100px #203b3250}.modal h2{font-size:25px;font-weight:650;margin:10px 0 13px;letter-spacing:2px}.modal p{color:#82907e;font-size:12px;line-height:1.9;margin:0 0 20px}.modal .large-logo{width:55px;height:55px;background:#456c51;color:#fff6d9;display:grid;place-items:center;border-radius:16px;margin-bottom:26px}.modal .large-logo svg{height:34px;width:34px}.modal input[type=text]{width:100%;padding:12px 13px;border:1px solid #d8e1d1;border-radius:10px;background:#f6f7ed;color:#34533e;font-size:13px}.modal label{font-size:11px;display:block;margin:16px 0 8px}.modal-footer{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.welcome-art{height:75px;display:flex;gap:12px;align-items:flex-end;margin:24px 0 28px;border-bottom:1px solid #dce5d3}.welcome-art i{display:block;width:38px;background:#b6c7a3;border-radius:3px 3px 0 0;box-shadow:8px 0 #849d7d;height:40px}.welcome-art i:nth-child(2n){height:62px;background:#e3b38e;box-shadow:8px 0 #b5856c}.welcome-art i:nth-child(3n){height:51px;background:#e3ddbd;box-shadow:8px 0 #bdb694}.welcome-art i:nth-child(5n){height:28px;background:#9db9a4;box-shadow:8px 0 #789281}.tax-row{display:flex;align-items:center;gap:14px;margin:18px 0;font-size:12px}.tax-row label{width:55px;margin:0}.tax-row input{flex:1;accent-color:#587854}.tax-row output{width:32px;text-align:right}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f0f3e7;padding:16px;border-radius:12px;font-size:11px}.finance-grid span{color:#829076}.finance-grid b{display:block;color:#406346;margin-top:5px;font-size:17px}.line-item{padding:12px 0;border-bottom:1px solid var(--line)}.line-heading{font-size:12px;display:flex;align-items:center;gap:7px}.line-info{font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px}.line-actions{display:flex;gap:6px;margin-top:8px}.line-actions button{font-size:10px;padding:5px 9px;background:#edf0e5;border-radius:5px}.line-actions .delete{color:#bd7259}.stop-list{font-size:11px;line-height:2;color:#6d8566}.stop-chip{display:flex;align-items:center;justify-content:space-between;border-radius:7px;background:#edf2e5;padding:4px 8px;margin:4px 0}.log-item{font-size:11px;line-height:1.8;padding:10px 0;border-bottom:1px solid var(--line)}.log-item small{display:block;color:#93a08b;font-size:9px}.help-key{font-family:inherit;display:inline-block;min-width:28px;padding:3px 6px;border-radius:5px;background:#e7eddf;text-align:center;margin-right:6px;font-size:10px}.help-row{font-size:12px;padding:7px 0;color:#75866c}.empty{font-size:11px;line-height:1.9;color:#8a967f;padding:12px 0}.hidden{display:none!important}@media(max-width:1250px){.topbar{gap:9px;left:18px;right:18px;top:16px}.brand{min-width:168px;padding:12px}.brand h1{font-size:17px}.statsbar{gap:0}.stat{padding:0 10px;min-width:84px}.stat-value{font-size:18px}.stat-label{font-size:10px}.stat-sub{font-size:9px}.presence{min-width:110px;max-width:135px}.left-rail{left:18px;width:168px;top:126px}.right-rail{right:18px;width:244px;top:126px}.tool{padding:10px 15px;min-width:60px}.dock-wrap{bottom:18px}.bottom-left{bottom:18px;left:20px;max-width:170px}.bottom-right{bottom:18px;right:18px}}@media(max-width:900px){.brand{min-width:auto}.brand .eyebrow,.stat-sub,.presence-list,.map-heading,.demand,.bottom-left{display:none}.brand h1{font-size:15px}.brand-mark{width:30px;height:30px}.stat{min-width:60px;padding:0 7px}.stat-value{font-size:15px}.stat-label{font-size:9px}.stat-label svg{display:none}.presence{min-width:95px;padding:10px}.topbar{left:10px;right:10px;top:10px}.left-rail{left:10px;top:102px;width:144px}.right-rail{right:10px;top:102px;width:223px;max-height:calc(100vh - 275px)}.layers{padding:10px}.tool{min-width:52px;padding:9px 11px}.dock{gap:0}.dock-wrap{max-width:98%}.option{padding:6px 8px}.bottom-right{bottom:158px;right:12px}.guide{padding:14px}.tool-cost{bottom:151px}.modal{width:min(92vw,500px);padding:24px}}@media(max-height:800px){.map-heading{display:none}.left-rail{top:124px;gap:9px}.layers{padding:12px}.layer-btn{padding:6px 4px}.legend{padding-top:8px;margin-top:8px}.demand{padding:12px}.demand-row{margin-top:9px}.right-rail{top:124px}.guide-step{margin-top:10px}.guide{padding:16px}.guide h2{font-size:16px}}.tool-options{scrollbar-width:thin;scrollbar-color:#b9c9ac transparent}.view-controls button:focus-visible,.tool:focus-visible,.layer-btn:focus-visible,.option:focus-visible{outline:2px solid #ad795d;outline-offset:2px}.tool-cost{max-width:calc(100vw - 50px);overflow:hidden;text-overflow:ellipsis}#city:focus{outline:none}:root{--ink:#263f43;--muted:#768785;--sage:#315c59;--line:#dce4dc;--shadow:0 8px 28px #203d3824;color:var(--ink)}.panel{background:#fffdf3f0;border:1px solid #ffffffc9;border-radius:12px;box-shadow:var(--shadow)}.brand-mark,.tool.active{background:#315b58}.brand h1{letter-spacing:2px}.brand-mark{border-radius:9px;box-shadow:inset -5px -5px #22474655}.topbar{top:20px}.brand{border-bottom:3px solid #dfb56e}.map-heading .number{font-family:inherit;font-style:normal;font-size:25px;font-weight:800;letter-spacing:-3px}.map-heading{color:#35584e;text-shadow:0 1px 6px #ffffffc0}.map-heading strong{letter-spacing:1px}.layer-btn.active{color:#255854;background:#e1ece4}.view-controls button{background:#fffdf3ed;border-radius:8px}.view-controls button.active{background:#f3dcc1;color:#805e3d}.dock{border-radius:15px;padding:7px}.tool{border-radius:9px}.tool.active{box-shadow:inset 0 -3px #1b444a}.primary{background:#315b58}.map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.map-labels span{position:absolute;left:0;top:0;min-width:24px;text-align:center;padding:5px 8px;font-size:11px;font-weight:700;color:#fffceb;border:1px solid #fff7dba0;border-radius:6px;box-shadow:0 3px 8px #213a4144;white-space:nowrap}.topbar,.left-rail,.right-rail,.dock-wrap,.bottom-left,.bottom-right,.minimap-panel,.tool-cost{z-index:2}.minimap-panel{position:absolute;right:27px;bottom:82px;width:178px;padding:10px;background:#fcf9e9f2}.minimap-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:8px;letter-spacing:.5px}.minimap-title span{font-size:9px;color:var(--muted);letter-spacing:0}#minimap{display:block;width:156px;height:156px;border-radius:5px;image-rendering:pixelated;touch-action:none;cursor:crosshair;background:#5294a0;outline:1px solid #304e3c1a}.minimap-footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:9px;color:var(--muted)}.minimap-footer button{color:#315d57;font-size:10px;font-weight:700;padding:2px}.right-rail{max-height:calc(100vh - 460px)}.bottom-left{color:#2b5650;background:#fffce6b5;padding:10px 12px;border:1px solid #ffffff73;border-radius:8px;backdrop-filter:blur(10px)}@media(max-height:850px){.left-rail .demand{display:none}.left-rail{gap:8px}.minimap-panel{bottom:75px}.right-rail{max-height:calc(100vh - 420px)}#minimap{width:136px;height:136px}.minimap-panel{width:158px}.map-heading{display:none}}@media(max-width:1050px){.minimap-panel{right:18px;width:146px;padding:8px}#minimap{width:128px;height:128px}.minimap-footer span,.minimap-title span{font-size:8px}.right-rail{max-height:calc(100vh - 390px)}.bottom-left{display:none}}@media(max-width:700px){.minimap-panel{right:10px;bottom:190px;width:112px;padding:6px}#minimap{width:98px;height:98px}.minimap-title{font-size:9px;margin-bottom:5px}.minimap-title span,.minimap-footer span{display:none}.minimap-footer{margin-top:4px}.right-rail{max-height:calc(100vh - 445px)}.left-rail{width:125px}.view-controls button{min-width:29px;height:29px}.view-controls .wide{font-size:9px}.layers .legend{display:none}}.webgl-error{position:fixed;inset:0;z-index:100;background:#e7ecdf;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.webgl-error h1{font-size:24px;color:#315b58}.webgl-error p{max-width:520px;line-height:1.9;font-size:14px;color:#677c70;margin:10px 0 25px}.modal input[type=password]{width:100%;padding:12px 13px;border:1px solid #d8e1d1;border-radius:10px;background:#f6f7ed;color:#34533e;font-size:13px}.modal .invite-error{margin:12px 0 0;padding:10px 12px;background:#fae7dc;border-radius:8px;color:#984c37;font-size:12px}.modal .invite-note{font-size:10px;margin:9px 0 0;color:#7c8c77}