dialog{margin:auto;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;color:var(--text);background:var(--panel);border:var(--edge);border-radius:var(--radius);box-shadow:var(--shadow),0 24px 90px #041b2880;pointer-events:auto}dialog[open]{animation:panel-in .18s ease-out}dialog::backdrop{background:#0b2229a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;border-bottom:var(--edge);color:var(--text-bright);font-size:20px}.modal-title{font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.8px}.modal-body{padding:22px 24px;max-height:calc(100dvh - 200px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--chrome-hi) transparent;font-size:13px;line-height:1.6}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:var(--edge)}.crash-detail{margin:10px 0 0;color:var(--text-dim);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;overflow-wrap:anywhere}.crash-detail:empty{display:none}#diagnostics-text{width:100%;height:min(300px,40dvh);margin-top:10px;padding:10px;color:var(--text);background:var(--panel-head);border:var(--edge);border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;resize:vertical}.budget-tabs{display:flex;gap:3px;padding:10px 20px;border-bottom:var(--edge);overflow-x:auto}.budget-tab{flex-shrink:0;font-size:11px;padding:8px 12px}.budget-tab[aria-selected=true]{color:var(--beige);background:#e5c99116;border-color:#e5c99130}.budget-dialog .modal-body{height:min(570px,calc(100dvh - 270px))}.budget-summary .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.budget-summary .stat-item{flex-direction:column;gap:10px;padding:14px}.budget-summary .stat-item-val{font-size:24px}.loan-heading{font-size:13px;color:var(--text-bright);margin-top:24px}.button-row{flex-wrap:wrap}.modal-section,.help-section{margin-bottom:24px}.modal-section:last-child,.help-section:last-child{margin-bottom:0}.modal-section-title,.help-section-title{font-size:11px;font-weight:650;letter-spacing:1.2px;text-transform:uppercase;color:var(--beige);margin-bottom:12px}.slider-row{display:flex;align-items:center;gap:12px;margin:12px 0}.slider-label{width:120px;flex-shrink:0;font-size:12px;color:var(--text-dim)}.slider-label.r{color:var(--res)}.slider-label.c{color:var(--com)}.slider-label.i{color:var(--ind)}.chrome-slider{flex:1;min-width:0;accent-color:var(--beige);cursor:pointer;height:24px}.slider-val{min-width:36px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-bright)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;border-radius:8px;background:#d2e3c908;font-size:12px}.stat-item-label{color:var(--text-dim)}.stat-item-val{color:var(--text-bright);font-variant-numeric:tabular-nums}.stat-item-val.pos{color:var(--text-pos)}.stat-item-val.neg{color:var(--text-neg)}.stat-item-val.warn{color:var(--warn)}.ordinance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:var(--edge);font-size:12px}.ordinance-label{color:var(--text-dim)}.toggle-btn{min-width:52px;min-height:30px;padding:4px 10px;font-size:10px}.advisor-card{display:flex;align-items:flex-start;gap:14px;padding:16px;margin-bottom:10px;background:#d2e3c908;border:var(--edge);border-radius:12px}.advisor-portrait{flex-shrink:0;width:62px;height:62px;overflow:hidden;border:2px solid #efd29c99;border-radius:50%;box-shadow:0 3px #0c202d55}.advisor-portrait svg{display:block;width:100%;height:100%}.advisor-name{font-size:12px;color:var(--beige);margin-bottom:5px}.advisor-msg{font-size:12px;color:var(--text);line-height:1.6}.advisor-mood{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle}.advisor-mood.good{background:var(--ok)}.advisor-mood.warning{background:var(--warn)}.advisor-mood.bad{background:var(--crit)}.graph-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.graph-card{padding:12px;border:var(--edge);border-radius:10px;background:#d2e3c908}.graph-title{font-size:11px;color:var(--text-dim);margin-bottom:8px}.graph-empty{color:var(--text-dim);font-size:.85rem}.dialog-note{font-size:.85rem;color:var(--text-dim);line-height:1.55}.dialog-note.spaced{margin:0 0 8px}.dialog-note.neighbor-hint{line-height:1.5;margin:0 0 6px}.dialog-lead{font-size:.9rem;color:var(--text);line-height:1.6}.field-note{font-size:.8rem;color:var(--text-dim);margin-top:4px}.history-graph{display:block;width:100%;height:100px}.help-grid{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px}.help-key{padding:3px 8px;border:var(--edge);border-radius:6px;background:#d2e3c90a;text-align:center;font-size:11px}.help-desc,.help-para{font-size:12px;color:var(--text-dim);line-height:1.7}.help-para{margin-bottom:12px}.save-slot{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:var(--edge)}.save-slot-info{flex:1;min-width:0;font-size:13px}.save-slot-info small{display:block;font-size:11px;color:var(--text-dim)}.neighbor-row{padding:12px 0;border-bottom:var(--edge)}.neighbor-name{font-size:13px;margin-bottom:8px}.neighbor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.neighbor-active,.neighbor-open{font-size:11px;padding:4px 8px;border:var(--edge);border-radius:6px;color:var(--text-dim)}.neighbor-active{color:var(--text-pos)}.chrome-select,.chrome-input{flex:1;min-width:0;padding:9px 12px;color:var(--text-bright);background:#13272b;border:1px solid #c1d2be35;border-radius:8px;font-size:13px}.chrome-select option{background:#1b3033;color:var(--text)}@media(max-width:520px){.modal-header{padding:16px 18px}.modal-title{font-size:24px}.modal-body{padding:16px 18px}.modal-footer{padding:12px 18px}.stat-grid{grid-template-columns:1fr}.budget-summary .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-tabs{padding:8px 12px}.slider-label{width:98px;font-size:11px}.save-slot{flex-wrap:wrap}.save-slot-info{flex-basis:100%}.graph-grid{grid-template-columns:1fr}}@font-face{font-family:Nunito Sans;src:url(./nunito-sans-latin-BWQ3gi2K.woff2) format("woff2");font-style:normal;font-weight:200 1000;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--chrome: #dce1f6;--chrome-dk: #aab5dc;--chrome-lt: #f4f5ff;--chrome-hi: #8c9ac2;--chrome-sh: #626f9b;--teal: #6779b4;--teal-br: #e2e8ff;--teal-dk: #455788;--res: #467b40;--com: #286c95;--ind: #956826;--text: #344364;--text-dim: #465675;--text-bright: #263453;--text-neg: #ac3e53;--text-pos: #30744e;--ok: #36794e;--warn: #95641d;--crit: #ac3e53;--beige: #56699e;--beige-dk: #46598e;--radius: 22px;--radius-sm: 10px;--panel: linear-gradient(135deg, #f4f5ff, #e0e5f6 75%, #ccd5ee);--panel-head: #e5e9f8;--well: #bfc9e3;--category: #677db2;--edge: 1px solid #8999c466;--shadow: 0 8px 24px #26355a30, inset 0 1px #fff}html,body{width:100%;height:100%;overflow:hidden;background:#8da99d;font:14px/1.5 Nunito Sans,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,summary{font:inherit}button,summary{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--beige);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}#viewport,#app{position:absolute;inset:0}#viewport{z-index:0}#city-canvas{display:block;width:100%;height:100%;touch-action:none}#app{z-index:10;pointer-events:none;overflow:clip}.btn,.nav-btn,.speed-btn,.density-btn,.toggle-btn,.overlay-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 13px;border:1px solid transparent;border-radius:8px;background:#b3d6bc0c;color:var(--text);font-size:12px;font-weight:550;text-decoration:none;white-space:nowrap}.btn:hover,.nav-btn:hover,.speed-btn:hover,.density-btn:hover,.toggle-btn:hover,.overlay-btn:hover{background:#cce4cd1c;border-color:#cce4cd25;color:var(--text-bright)}.btn:active,.nav-btn:active{transform:translateY(1px)}.btn-teal{background:linear-gradient(#ffdc91,#f3b863);color:#293342;font-weight:800;box-shadow:inset 0 1px #fff7d9,0 3px #94622c}.btn-teal:hover{background:#f3dbab;color:#15272b}.btn-danger{color:var(--text-neg)}.btn-icon{min-width:36px}.btn-sm{min-height:30px;padding:5px 9px}.panel-close{position:absolute;right:12px;top:12px;width:30px;height:30px;border:0;border-radius:50%;background:#b3d6bc0c;color:var(--text-dim);font-size:22px;line-height:1}.panel-close:hover{color:var(--text-bright);background:#b3d6bc22}#status-panel{min-width:0}.status-row{display:flex;align-items:center;gap:12px}#logo-mark{width:38px;height:42px;flex-shrink:0;padding:7px;border:1px solid #ffffff65;border-radius:10px 10px 17px 17px;background:#427c69;color:#ffdf93;box-shadow:0 3px #2c5749}#logo-mark svg{width:100%;height:100%}#city-name:hover,#city-name:focus{border-bottom-color:#d8c39360}.funds-wrap,.status-stat{display:flex;flex-direction:column;gap:4px}.status-stat-label,.demand-label{color:var(--text-dim);font-size:10px;letter-spacing:.6px}.status-money,.status-stat-val{color:var(--text-bright);font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.status-money{color:var(--text-pos)}.status-money.neg{color:var(--text-neg)}.status-stat-val.happy{color:var(--beige);font-size:13px;line-height:1.3}.rci-row{display:flex;align-items:center;gap:4px;flex:1}.rci-lbl.r{color:var(--res)}.rci-lbl.c{color:var(--com)}.rci-lbl.i{color:var(--ind)}.rci-center{position:absolute;left:50%;top:0;height:100%;width:1px;background:#abc7bd50}.rci-fill{position:absolute;height:100%;max-width:50%;background:currentColor;border-radius:3px;transition:width .35s}.rci-fill.pos{left:50%}.rci-fill.neg{right:50%}#top-menu-btns{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.top-sep{width:1px;height:20px;background:#cce4cd25}.city-menu{position:relative}.city-menu summary{list-style:none;cursor:pointer;color:var(--beige)}.city-menu summary::-webkit-details-marker{display:none}.city-menu summary:after{content:"⌄";margin-left:7px}.city-menu[open] summary{background:#cce4cd1c}.city-menu-body{position:absolute;right:0;top:calc(100% + 12px);width:210px;max-height:calc(100dvh - 125px);overflow:auto;display:grid;gap:3px;padding:10px;background:var(--panel);border:var(--edge);border-radius:14px;box-shadow:var(--shadow);animation:panel-in .16s ease-out}.city-menu-body .btn{justify-content:flex-start;min-height:40px}.clock-state:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:2px}.running .clock-state{color:var(--text-pos)}.speed-label-row{display:flex;gap:2px}.speed-btn.active,.density-btn.active,.toggle-btn.on,.overlay-btn.active,.map-toggle.active{color:var(--beige);background:#ffce7b20;border-color:#ffce7b80}.group-header,#dock-top-tools .tool-btn{position:relative;width:100%;height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 5px;border:1px solid transparent;border-radius:10px;background:none;color:#b9cbc2}#dock-top-tools .tool-btn{width:48px}.group-header:hover,#dock-top-tools .tool-btn:hover{background:#c3d9c710;color:var(--text-bright)}.group-header.active,.group-header.open,#dock-top-tools .tool-btn.active{color:var(--category);background:#d8bc7714;border-color:var(--category)}.group-header.active:after{content:"";position:absolute;width:16px;height:2px;border-radius:2px;background:var(--beige);bottom:2px}.group-icon,#dock-top-tools svg{display:block;width:32px;height:32px}[data-group=transport] .group-icon{background:linear-gradient(145deg,#c4d8ec,#829bb1);color:#283f54}[data-group=power] .group-icon{background:linear-gradient(145deg,#ffe598,#eeb252);color:#6e491f}[data-group=water] .group-icon{background:linear-gradient(145deg,#a1e6f3,#559bce);color:#254b77}[data-group=civic] .group-icon{background:linear-gradient(145deg,#b9b9f7,#887ab6);color:#3c355f}[data-group=sanitation] .group-icon{background:linear-gradient(145deg,#ddd2a5,#9d9267);color:#4b4932}[data-group=landmark] .group-icon{background:linear-gradient(145deg,#f5c9df,#bd83a9);color:#5d3550}[data-group=emergency] .group-icon{background:linear-gradient(145deg,#ffb4a2,#d9786a);color:#652f32}[data-group=landscape] .group-icon{background:linear-gradient(145deg,#9ce1c5,#58a18b);color:#244f40}[data-group=special] .group-icon{background:linear-gradient(145deg,#ffe4af,#caa865);color:#674d27}.group-label,#dock-top-tools .tool-label{font-size:10px;line-height:1.2;white-space:nowrap;font-weight:500}.bulldoze-btn.active{color:var(--text-neg);background:#ed927e18}#flyout{display:none}#flyout.open{display:flex;flex-direction:column;animation:panel-in .18s ease-out;overflow:hidden}[data-group=zone]{--category: var(--res)}[data-group=transport]{--category: #b5cddd}[data-group=power],[data-group=special]{--category: var(--ind)}[data-group=water]{--category: var(--com)}[data-group=civic]{--category: #c6baf5}[data-group=sanitation]{--category: #dace9d}[data-group=landscape]{--category: #9fddc3}[data-group=landmark]{--category: #edb9d4}[data-group=emergency]{--category: var(--crit)}.group-body{display:block}.tool-grid .tool-btn:hover{border-color:var(--category);background:#fff0c411;box-shadow:inset 0 0 0 1px var(--category)}.tool-grid .tool-btn:focus-visible{outline:2px solid var(--category);outline-offset:-3px}.tool-grid .tool-btn:active{transform:none}.tool-grid .tool-btn.active{border-color:var(--category);background:#d8bc7716}.tool-visual svg{width:38px;height:38px;color:#c1d2b3;opacity:.85}.tool-utility{position:relative;border-radius:8px;background:radial-gradient(ellipse at center,#c4d9b51c,transparent 75%)}.tool-utility:before{content:"";position:absolute;bottom:8px;width:48px;height:24px;background:#adc6a32b;transform:rotate(-30deg) skew(30deg);border:1px solid #adc6a338}.tool-utility svg{position:relative;width:42px;height:42px;margin-bottom:9px;color:var(--beige)}.tool-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #061a2350)}.active-tool{display:none;padding:16px 18px}#density-strip.visible{display:block}#density-strip.no-density{display:none}.density-label{font-size:10px;color:var(--text-dim);margin-bottom:6px}.density-btns{display:flex;gap:4px}.density-skyline{display:flex;align-items:flex-end;gap:2px;height:15px}.density-skyline i{width:4px;background:currentColor;border-radius:1px 1px 0 0}#inspector-panel{display:none;padding:18px;overflow:auto}.insp-portrait.visible{display:block}.nav-row{display:flex;gap:3px}.zoom-group{margin-left:2px;flex-shrink:0}#overlay-section.open{display:block;animation:panel-in .18s ease-out}#news-ticker-wrap{display:flex;align-items:center;min-width:0;flex:1;gap:12px;height:100%}.news-label{font-size:9px;color:var(--beige);letter-spacing:1.4px}.news-scroll{flex:1;overflow:hidden}#news-ticker:hover{color:var(--text-bright)}#news-ticker:focus-visible{outline-offset:-2px}.city-news{list-style:none;display:grid;gap:8px}.city-news li{padding:12px 14px;border-left:3px solid var(--beige);border-radius:0 9px 9px 0;background:#c8dfe20a}#build-preview{display:none;grid-column:1;grid-row:2}#build-preview.visible{display:block}.active-tool:has(#build-preview.visible) .active-tool-description{display:none}.preview-cost{font-weight:700;font-variant-numeric:tabular-nums}.preview-cost.valid{color:var(--text-pos)}.preview-cost.invalid{color:var(--text-neg)}.preview-msg{color:var(--text-dim)}#notif{display:none;position:absolute;inset:0;padding:0 16px;line-height:calc(var(--wire-height) - 1px);color:var(--beige);background:#20383d;border-radius:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;pointer-events:none}#notif.show{display:block}#update-bar[hidden]{display:none}#update-bar{position:fixed;z-index:31;left:18px;top:18px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 36px);padding:10px 12px 10px 18px;color:var(--text-bright);background:var(--panel);border:var(--edge);border-radius:999px;box-shadow:var(--shadow),0 12px 40px #041b2860;font-size:13px;pointer-events:auto}#app.welcome-open>:not(#title-screen):not([aria-label="The game stopped"]){visibility:hidden}#title-screen{display:none;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;margin:0;align-items:center;padding:8vw;background:radial-gradient(ellipse at 95% 10%,#ffe6a82b,transparent 60%),linear-gradient(90deg,#102b3af7,#193448e8 30%,#19344830 70%,#12333800);pointer-events:auto;z-index:40;animation:none}#title-screen::backdrop{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}#boot-failure{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:#eef2ff;background:#16232f;font:15px/1.6 system-ui,sans-serif}#boot-failure h1{margin:0;font-size:24px}#boot-failure p{margin:0;max-width:60ch;color:#b9c6dd;font-family:ui-monospace,Menlo,monospace;font-size:13px;overflow-wrap:anywhere}#boot-failure a{padding:10px 18px;color:#16232f;background:#d5dffd;border-radius:8px;font-weight:700;text-decoration:none}#boot-failure pre{max-width:min(80ch,100%);max-height:40dvh;overflow:auto;margin:0;padding:12px;text-align:left;color:#9fb2c8;background:#0e1c25;border-radius:8px;font-size:11px;line-height:1.5;-webkit-user-select:all;user-select:all}#title-screen.show{display:flex}.title-card{width:min(470px,100%);margin-block:auto;animation:welcome-in .7s ease-out}.title-logo{color:var(--text-bright);font-size:15px;letter-spacing:4px;font-weight:850;margin-bottom:40px}.title-logo span{color:var(--beige)}.title-headline{font:1000 clamp(45px,5.1vw,73px)/1.04 "Nunito Sans",sans-serif;letter-spacing:-3px;color:var(--text-bright);text-wrap:balance;text-shadow:0 5px 0 #071e2830}.title-headline span{color:#ffd083}.title-tagline{max-width:340px;margin:24px 0 32px;color:#c3d3c9;font-size:15px;line-height:1.8}.title-buttons{display:flex;flex-wrap:wrap;gap:8px;max-width:360px}.title-btn{min-height:44px;padding:12px 18px;font-size:13px;border-color:#cce4cd30}.title-btn:first-child{width:100%;justify-content:space-between;margin-bottom:4px}.title-foot{color:#b7caba;font-size:12px;margin-top:32px}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mood-track{display:block;width:66px;height:5px;border-radius:5px;background:var(--well);overflow:hidden}.mood-fill{display:block;height:100%;background:var(--ok);border-radius:inherit;transition:width .35s}.status-stat[data-tone=bad] .happy{color:var(--crit)}.status-stat[data-tone=bad] .mood-fill{background:var(--crit)}.status-stat[data-tone=watch] .mood-fill{background:var(--warn)}.city-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.city-signal-card{--signal: var(--ok);display:grid;grid-template-columns:36px 1fr;align-items:center;gap:6px 12px;border:var(--edge);border-radius:13px;padding:13px;background:linear-gradient(120deg,#c4dce214,#c4dce205)}.city-signal-card[data-tone=bad]{--signal: var(--crit)}.city-signal-card[data-tone=watch]{--signal: var(--warn)}.city-signal-card[data-tone=calm],.city-signal-card[data-tone=unknown]{--signal: #a8cadf}.signal-icon{width:36px;height:36px;padding:8px;border-radius:50%;background:#c8dfe214;color:var(--signal)}.signal-icon svg{width:20px;height:20px;display:block}.signal-copy{min-width:0}.signal-label{display:block;color:var(--text-dim);font-size:10px}.signal-word{display:block;color:var(--signal);font-size:15px;line-height:1.3}.signal-track{grid-column:2;height:6px;border-radius:4px;background:#0c1f2a;overflow:hidden}.signal-track>span{display:block;height:100%;border-radius:inherit;background:var(--signal)}.signal-total{grid-column:1 / -1;font-size:28px;color:var(--beige);line-height:1.2}.city-signal-card:has(.signal-total)>.signal-label{grid-column:1 / -1}.city-history{margin-top:24px;padding-top:16px;border-top:var(--edge)}.city-history summary{cursor:pointer;padding:8px 0}.place-services{display:flex;gap:5px;flex-wrap:wrap}.service-badge{display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;font-size:10px;font-weight:700}.service-badge svg{width:15px;height:15px}.service-badge.ready{background:#8edaa51a;color:#b4e5a4}.service-badge.missing{background:#ffad991a;color:#ffb3a2}.place-alert{padding:10px;border-radius:8px;background:#d65d492a;color:var(--crit);font-weight:750;font-size:12px}.inspection-notes{margin-top:14px;color:var(--text-dim)}.inspection-notes summary{padding:8px 0;font-size:11px}.inspection-notes .city-signal-card{margin:8px 0}:root{--rail-width: 136px;--corner-width: 280px;--navigator-height: 320px;--status-height: 42px;--news-height: 66px;--drawer-width: 320px}#command-bar,#build-console{position:absolute;pointer-events:auto}#command-bar{left:0;right:var(--corner-width);bottom:0;height:var(--status-height);display:flex;align-items:center;gap:16px;padding:0 18px;background:#eef0ff;border:0;z-index:30}#status-panel,#management-panel{display:contents}.city-identity{width:150px;min-width:70px;gap:6px}.city-identity-text{min-width:0;flex:1}.city-eyebrow,#logo-mark{display:none}#city-name{width:100%;min-width:0;padding:3px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--text-bright);font:800 12px/1.3 Nunito Sans,sans-serif;min-height:24px}#city-name:hover{border-color:var(--chrome-hi)}.status-funds{gap:16px}.funds-wrap,.status-stat{flex-direction:row;align-items:center;gap:6px}.status-stat-label{font-size:9px;letter-spacing:0}.status-money,.status-stat-val{font-size:12px}.status-money{color:var(--text-bright)}.status-small{display:flex;gap:14px}.status-stat-val.happy{font-size:10px}.mood-track{width:28px;height:4px}#speed-group{display:flex;align-items:center;margin-left:auto;gap:8px}.status-date{color:var(--text);font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap}.clock-state{color:var(--text-dim);font-size:9px;min-width:42px}.speed-btn{font-size:10px;letter-spacing:-1px;min-height:25px;min-width:25px;padding:3px;border-radius:50%}.speed-btn.active{background:#6176ac;border-color:#50618d;color:#fff;box-shadow:inset 0 1px #b9ccf4,0 1px 2px #52638955}#build-console{top:0;right:0;bottom:0;width:var(--rail-width);z-index:25;pointer-events:none}#console-deck{height:100%;display:flex;flex-direction:column;padding:10px 7px calc(var(--navigator-height) + 6px);gap:6px;background:linear-gradient(90deg,#f1f2ff,#dce0f6 45%,#adb6de);border-left:1px solid #8d9ac2;border-radius:35px 0 0;box-shadow:inset 5px 0 #ffffff8c,inset 9px 0 #9eadd633,-3px 0 10px #2939582b;pointer-events:auto}#toolbar{min-width:0;display:flex;flex-direction:column;gap:5px;min-height:0;flex:1}#dock-top-tools{display:flex;justify-content:center;flex-shrink:0;gap:9px;padding:0 0 3px;border:0}#dock-top-tools .tool-btn{width:29px;height:29px;padding:6px;border-radius:50%;background:linear-gradient(#fafbff,#c3cce6);border:1px solid #95a4c7;color:#4c5c88;box-shadow:inset 0 1px #fff,0 2px 2px #5d6e9440}#dock-top-tools svg{width:17px;height:17px}#dock-top-tools .tool-label{display:none}#dock-top-tools .tool-btn.active{background:#6176ac;color:#fff}#dock-rail{flex:1;min-height:0;display:flex;flex-direction:column}#dock-scroll{display:flex;flex-direction:column;gap:5px;overflow:auto;min-height:0;padding:3px 3px 6px;scrollbar-width:thin;scrollbar-color:#93a2cc #b7c2e740;overscroll-behavior:contain;scroll-padding-block:5px}.tool-group{flex:0 0 auto;min-width:0}.group-header{--key-top: #d8e9ae;--key-bottom: #b4ce90;position:relative;width:100%;height:47px;flex-direction:column;gap:0;justify-content:center;padding:2px 4px 4px;border:1px solid #7f94ac;border-radius:19px 16px 17px 15px;background:linear-gradient(165deg,#ffffffdd,var(--key-top) 32%,var(--key-bottom));color:#2b405e;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 2px #435b761a,0 2px 2px #4d628b55}.group-header:before{content:"";position:absolute;inset:2px 8px auto;height:11px;border-radius:50%;background:linear-gradient(#ffffff50,transparent);pointer-events:none}.group-header:hover{color:#213a59;background:linear-gradient(165deg,#fff,var(--key-top) 60%,var(--key-bottom));border-color:#647ca5;transform:translateY(-1px)}.group-header:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #42567d33}.group-header.active,.group-header.open{color:#213a59;border-color:#5e73a2;box-shadow:inset 0 0 0 2px #fff4bb,0 0 0 1px #7890b4,0 2px 3px #4d628b55}.group-header.active:after{content:"";position:absolute;left:5px;top:50%;margin-top:-3px;width:6px;height:6px;background:#546da1;border:1px solid #ffffffa6;border-radius:50%}.group-header.open:after{background:#3f7650}.group-header .group-icon{width:66px;height:30px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;display:block}.group-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 0 #ffffff66)}.group-label{position:relative;font-size:9px;font-weight:850;line-height:1.05;text-align:center;white-space:nowrap;letter-spacing:.1px}.group-arrow{display:none}[data-group=transport] .group-header{--key-top: #d9dbef;--key-bottom: #b7bdd9}[data-group=power] .group-header{--key-top: #fff0b1;--key-bottom: #e6d288}[data-group=water] .group-header{--key-top: #c6ebef;--key-bottom: #a0c9e4}[data-group=civic] .group-header{--key-top: #d4e6e0;--key-bottom: #b4caca}[data-group=sanitation] .group-header{--key-top: #e3e3bc;--key-bottom: #c4c39a}[data-group=landscape] .group-header{--key-top: #c4e4cf;--key-bottom: #a9c9b4}[data-group=landmark] .group-header{--key-top: #eedcf0;--key-bottom: #d1b8d8}[data-group=special] .group-header{--key-top: #f7e4bf;--key-bottom: #dcc291}[data-group=emergency] .group-header{--key-top: #f6d4c9;--key-bottom: #dda49b}.bulldoze-btn{--key-top: #f5dfb8;--key-bottom: #daba8c;flex:0 0 47px}#top-bar{border-top:1px solid #8a9bc14d;box-shadow:inset 0 1px #fff6;padding-top:6px;flex-shrink:0}#top-menu-btns{display:grid;grid-template-columns:1fr 1fr;gap:4px}#top-menu-btns>.btn,.city-menu summary{width:100%;min-height:28px;padding:4px 1px;border:1px solid #93a2c2;border-radius:12px;font-size:9px;font-weight:750;background:linear-gradient(#f7f8ff,#c7d2ea);box-shadow:inset 0 1px #fff,0 1px 2px #697c9e33}.city-menu summary:after{margin-left:4px;font-size:9px}.city-menu-body{position:fixed;top:auto;right:var(--rail-width);bottom:calc(var(--navigator-height) + 8px);max-height:calc(100dvh - var(--navigator-height) - 20px);border-radius:20px 8px 8px 20px}.city-menu-body .btn:hover{background:#c0cce9;color:#25395b}#navigator{position:absolute;bottom:0;right:0;width:var(--corner-width);height:var(--navigator-height);border:0;padding:0;pointer-events:none;color:#3a4c75}.navigator-frame{position:fixed;inset:0 0 0 auto;width:var(--corner-width);height:100%;z-index:-1;pointer-events:none}.navigator-frame>path:first-of-type{pointer-events:visiblePainted}#navigator>:not(.navigator-frame){pointer-events:auto}#navigator .nav-row{position:absolute;display:contents}.nav-btn{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;min-width:30px;border-radius:50%;padding:5px;background:linear-gradient(155deg,#fff,#e6e9f4 40%,#b4c0dc);border:1px solid #8e9fc1;color:#465c85;font-size:22px;box-shadow:inset 0 1px 1px #fff,0 2px 2px #53668e66}.nav-btn:hover{background:linear-gradient(#fff,#dee9ff);border-color:#607aa7;color:#233e6b}.nav-btn svg{width:17px;height:17px}.nav-zoom .nav-btn:nth-child(1){left:7%;bottom:31%}.nav-zoom .nav-btn:nth-child(2){right:5%;bottom:31%}.nav-rotation .nav-btn:first-child{left:22%;bottom:34px}.nav-rotation .nav-btn:last-child{right:20%;bottom:34px}.map-toggle{position:absolute;top:18px;right:10px;width:calc(var(--rail-width) - 20px);min-height:28px;padding:4px 8px;border:1px solid #93a4c8;border-radius:14px;background:linear-gradient(#f4f6ff,#c7d1eb);color:#3a4e78;box-shadow:inset 0 1px #fff;font-size:9px;font-weight:800}.map-toggle:before{content:"▱";margin-right:5px;font-size:12px}.map-toggle.active{color:#fff;background:#6176a9;border-color:#536992}#rci-section{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px;padding:7px 14px;border:1px solid #99a8cc;border-radius:18px 18px 12px 12px;background:linear-gradient(#f9faff,#d9e1f4);box-shadow:inset 0 2px #fff,0 2px 3px #52658c22}.demand-label{grid-column:1 / -1;font-size:11px;font-weight:850;line-height:1;letter-spacing:.3px}.rci-row{display:grid;grid-template-columns:1fr auto;gap:3px 6px;min-width:0;line-height:1.2}.rci-lbl{font-size:12px;font-weight:800}.rci-track{grid-column:1 / -1;grid-row:2;position:relative;background:#a9b7d14a;border-radius:5px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #43557744}.rci-center{background:#52648c;z-index:1;width:2px}.rci-val{display:block;font-size:11px;font-weight:750}#bottom-bar{position:fixed;left:0;right:var(--corner-width);bottom:var(--status-height);height:var(--news-height);--wire-height: var(--news-height);display:grid;grid-template-columns:minmax(390px,1.2fr) minmax(0,1fr);align-items:center;gap:18px;padding:8px 18px 0;background:#eef0ff;border-top:1px solid #8995c0;border-radius:24px 0 0;box-shadow:inset 0 3px #fff;pointer-events:auto}#bottom-bar:after{content:"";position:absolute;left:100%;top:-1px;width:16px;height:calc(100% + var(--status-height) + 1px);background:#eef0ff;border-top:1px solid #8995c0;box-shadow:inset 0 3px #fff;pointer-events:auto}#news-wrap{display:flex;align-items:center;height:100%}#hint-line{display:none}#news-ticker-wrap{gap:8px;background:#45567d;border:1px solid #7183ae;box-shadow:inset 0 1px 3px #29385666;border-radius:12px;height:22px;padding:0 10px}.news-label{color:#f4e8b8;font-size:8px;letter-spacing:.7px}#news-ticker{display:block;width:100%;border:0;background:none;color:#f0f4ff;text-align:left;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:20px}#notif{background:#4b5e8c;color:#fff0c4;font-size:10px;padding:0 12px}#console-context{position:absolute;right:100%;top:48px;width:min(var(--drawer-width),calc(100vw - var(--rail-width)));max-height:min(540px,calc(100dvh - var(--navigator-height) - 56px));pointer-events:none;z-index:3}#console-context>*{position:relative;pointer-events:auto;background:var(--panel);border:var(--edge);border-right:0;border-radius:24px 0 0 24px;box-shadow:inset 0 1px #fff,-4px 6px 20px #31436530;max-height:inherit}#flyout.open{display:flex}.flyout-title{flex-shrink:0;font-weight:850;color:#344a76;font-size:17px;padding:13px 43px 11px 17px;line-height:1.4;background:linear-gradient(#fff8,#c4d1ed55);border-bottom:var(--edge)}.flyout-title:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;vertical-align:2px;border-radius:50%;background:var(--category);box-shadow:0 0 0 3px #ffffff9c}.flyout-body{overflow:auto;min-height:0;padding:8px;scrollbar-width:thin;scrollbar-color:#98a8cb transparent;overscroll-behavior:contain}.tool-grid{display:grid;grid-template-columns:1fr;gap:5px}.tool-grid .tool-btn{min-width:0;border:1px solid #a9b8d28c;background:linear-gradient(130deg,#ffffffc9,#dbe4f4a6);color:var(--text);text-align:left;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 10px 5px 5px;min-height:56px;border-radius:15px}.tool-grid .tool-btn:hover{border-color:#6e8db1;background:#f8fbff;box-shadow:inset 0 0 0 1px #aac0d5}.tool-grid .tool-btn.active{border-color:#788db5;background:#e1ecd8;box-shadow:inset 0 0 0 2px #fff3ba}.tool-grid .tool-btn:focus-visible{outline:2px solid #647ead;outline-offset:-3px}.tool-visual{display:flex;align-items:center;justify-content:center;width:50px;height:44px;margin:0;background:radial-gradient(ellipse at 50% 75%,#b9cdae70,transparent 70%)}.tool-visual svg,.tool-utility svg{width:29px;height:29px;margin:0;color:#687c9d}.tool-utility:before{width:30px;height:12px;bottom:5px}.tool-art{filter:drop-shadow(0 3px 2px #3e536331)}.tool-label{font-size:11px;font-weight:700;line-height:1.3}.tool-price{font-size:10px;font-weight:750;color:#536e58;white-space:nowrap}.palette-detail{flex-shrink:0;border-top:var(--edge);color:var(--text-dim);padding:10px 14px;height:64px;min-height:64px;overflow:auto;font-size:10px;line-height:1.4}.panel-close{width:28px;height:28px;top:9px;right:9px;font-size:20px;background:#bac7e566;color:#506590;box-shadow:inset 0 1px #fff9}.panel-close:hover{background:#bacbe9;color:#2f446e}#console-context:has(#flyout.open)>.active-tool,#console-context:has(#flyout.open)>#inspector-panel,#console-context:has(#overlay-section.open)>.active-tool{display:none}.active-tool.visible{display:block;animation:panel-in .16s ease-out;padding:16px}.active-tool-title{padding-right:23px;color:#344c79;font-size:13px;font-weight:850}.active-tool-description{color:var(--text-dim);margin-top:7px;font-size:11px;line-height:1.5}#density-strip{display:none;border-top:var(--edge);margin-top:12px;padding-top:10px}.density-btn{flex:1;min-height:34px;padding:5px;font-size:10px;background:#f8faff8c;border:1px solid #9dafcd;border-radius:12px}.density-btn.active{background:#627caf;color:#fff;border-color:#536c9c}.build-preview-inner{display:flex;align-items:center;flex-wrap:wrap;padding:7px 0;font-size:11px;gap:4px 10px}#inspector-panel.visible{display:block;animation:panel-in .16s ease-out;padding:16px;overflow:auto;overscroll-behavior:contain}.insp-heading{position:sticky;z-index:2;background:var(--panel-head);top:-16px;padding:12px 16px 4px;margin:-16px -16px 8px;border-radius:23px 0 0}.insp-header-label{color:var(--beige);letter-spacing:1px;text-transform:uppercase;font-size:9px;margin-bottom:8px}.insp-heading .panel-close{top:7px}.insp-portrait{display:none;width:100%;height:100px;margin-bottom:8px;background:radial-gradient(ellipse at center,#a8c2b033,transparent 70%)}.insp-title{color:var(--text-bright);font-size:19px;font-weight:850;line-height:1.25}.insp-desc{color:var(--text-dim);font-size:11px;margin:7px 0}.insp-facts{margin-bottom:8px}.insp-detail{border-bottom:var(--edge);font-size:10px;padding:4px 0}.insp-signals{display:grid;gap:6px}.insp-signals .city-signal-card{grid-template-columns:26px 1fr;padding:8px;gap:4px 8px;border-radius:12px;background:#f7faff66}.insp-signals .signal-icon{width:26px;height:26px;padding:4px;background:#9cafbd26}.insp-signals .signal-icon svg{width:18px;height:18px}.insp-signals .signal-word{font-size:13px}#inspector-panel .signal-track{background:#afbed466}#inspector-panel .city-signal-card:is([data-tone=calm],[data-tone=unknown]){--signal: #516c8b}#inspector-panel .service-badge.ready{color:#2f714a;background:#b7d5b84d}#inspector-panel .service-badge.missing{color:#a24454;background:#ebc1c04d}#overlay-section{display:none;overflow:auto;padding:16px}.overlay-section-label{color:#3d5680;padding-right:25px;margin-bottom:13px;font-size:14px;font-weight:800}.overlay-grid{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-btn{padding:8px 4px;font-size:10px;min-height:34px;border:1px solid #a3b6d0;border-radius:12px;background:#f0f5ff88}.overlay-btn.active{color:#fff;background:#627aab;border-color:#526b9c}#tip-box{display:none;position:fixed;bottom:calc(var(--status-height) + var(--news-height));right:var(--corner-width);width:min(272px,calc(100vw - var(--corner-width)));padding:10px 12px;background:var(--panel);border:var(--edge);border-radius:16px 16px 0}#tip-box.show{display:flex;align-items:center;gap:8px}.tip-text{margin:0;font-size:10px;line-height:1.6}dialog{color-scheme:dark;--text: #e4e8f6;--text-dim: #bbc7df;--text-bright: #f5f6ff;--beige: #d8defd;--res: #b1dca3;--com: #a1d4ef;--ind: #edcf93;--text-pos: #b3dcaa;--text-neg: #f5adad;--ok: #b3dcaa;--warn: #edcf93;--crit: #f5adad;--well: #273655;--panel: linear-gradient(135deg, #455678, #2b3b5e);--panel-head: #455577;--edge: 1px solid #a8bad047;--shadow: 0 12px 40px #16203755, inset 0 1px #c9d7ff55}dialog .panel-close{color:#e3e9fb}.modal-header{background:var(--panel-head)}.chrome-select,.chrome-input{background:#293b5e}.chrome-select option{background:#2b3b5e}.btn-teal{background:linear-gradient(#d5dffd,#acbee8);color:#283b61;box-shadow:inset 0 1px #fff,0 2px #6c80aa}.btn-teal:hover{background:#e2e9ff;color:#283b61}.btn-warn{background:linear-gradient(#f6c6b4,#e39a80);color:#40200f;box-shadow:inset 0 1px #ffe6da,0 2px #a96a4c}.btn-warn:hover{background:#ffd9c9;color:#40200f}#title-screen{background:radial-gradient(ellipse at 90% 10%,#bbcaff30,transparent 60%),linear-gradient(90deg,#243653f7,#354565e8 30%,#33496230 70%,#12333800)}.title-headline span{color:#cbd9ff}@media(max-width:1150px){:root{--rail-width: 112px;--corner-width: 250px;--navigator-height: 286px;--drawer-width: 276px}#command-bar{gap:12px;padding-inline:10px}.city-identity{width:125px}.status-funds{gap:10px}.status-stat-label,.clock-state{display:none}.group-label{font-size:8px}}@media(max-width:800px){:root{--rail-width: 72px;--corner-width: 208px;--navigator-height: 244px;--drawer-width: 260px}#console-deck{padding-inline:4px;border-radius:24px 0 0}#dock-top-tools{gap:3px}#dock-top-tools .tool-btn{width:26px;height:26px;padding:5px}#dock-scroll{gap:4px;padding-inline:2px}.group-header{height:44px;padding:2px;border-radius:15px}.group-header .group-icon{width:51px;height:28px}.group-label{font-size:7px;letter-spacing:-.2px;white-space:normal}.bulldoze-btn{flex-basis:44px}#top-menu-btns{gap:3px;grid-template-columns:1fr}#top-menu-btns>.btn,.city-menu summary{min-height:27px;font-size:9px}.status-small{display:none}.city-identity{width:100px}#speed-group{gap:6px}.nav-btn{width:28px;height:28px;min-width:28px;min-height:28px;font-size:20px}.nav-rotation .nav-btn{bottom:22px}.map-toggle{min-height:25px;top:9px;right:4px;width:64px;padding:4px;font-size:8px}.map-toggle:before{display:none}}@media(max-width:520px){:root{--status-height: 64px;--news-height: 102px;--drawer-width: 242px}#command-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:0 8px;padding:2px 8px;right:var(--rail-width)}.city-identity{width:auto;min-width:0}#city-name,.status-money{font-size:11px}#speed-group{grid-column:1 / -1;justify-content:space-between;margin:0}.status-date{font-size:9px}.speed-btn{min-height:25px;min-width:27px}#bottom-bar{right:var(--rail-width);padding-inline:8px}.tool-grid .tool-btn{grid-template-columns:36px minmax(0,1fr) auto;gap:5px;padding-right:7px;min-height:48px}.tool-visual{width:36px;height:36px}.tool-label{font-size:10px}.tool-price{font-size:9px}.flyout-title{font-size:15px;padding-block:10px}.active-tool.visible{padding:12px}#title-screen{padding:28px;background:linear-gradient(90deg,#243653f0,#354565b8)}.title-logo{font-size:11px;letter-spacing:3px;margin-bottom:28px}.title-headline{font-size:50px}}@media(max-height:550px){:root{--rail-width: 72px;--corner-width: 208px;--navigator-height: 244px;--drawer-width: 260px}#console-deck{padding-top:4px;padding-inline:4px;gap:3px}#dock-top-tools{gap:3px;padding:0}#dock-top-tools .tool-btn{width:26px;height:26px;padding:5px}#dock-scroll{gap:3px;padding-inline:2px}.group-header{height:38px;padding:2px}.group-header .group-icon{width:47px;height:24px}.group-label{font-size:7px;white-space:normal}.bulldoze-btn{flex-basis:38px}#top-menu-btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}#top-menu-btns>.btn,.city-menu summary{min-width:0;min-height:26px;font-size:8px;padding-inline:0;letter-spacing:-.2px}#top-bar{padding-top:3px}.status-small,.clock-state,.palette-detail{display:none}#title-screen{padding:25px 6vw}.title-logo{margin-bottom:15px}.title-headline{font-size:44px}.title-tagline{margin:12px 0}.title-foot{display:none}}#city-name{font-size:14px}.status-stat-label{font-size:12px}.status-money,.status-stat-val{font-size:16px}.status-stat-val.happy,.status-date,.clock-state{font-size:12px}:root{--key-height: 59px;--key-min: 38px;--key-max: 74px}#dock-scroll{flex:1}#dock-scroll>*{flex:1 1 var(--key-height);min-height:var(--key-min);max-height:var(--key-max);container-type:size}.tool-group>.group-header{height:100%}.group-header .group-icon{flex:1 1 auto;height:auto;min-height:0}.group-label{flex:0 0 auto;font-size:clamp(8px,21cqh,12px);line-height:1.15;white-space:normal}.bulldoze-btn{flex-basis:var(--key-height)}#top-menu-btns>.btn,.city-menu summary{font-size:12px;min-height:32px}.tool-label,.active-tool-description,.insp-desc,.inspection-notes summary{font-size:13px}.tool-price,.palette-detail,.density-btn{font-size:12px}.tool-grid .tool-btn{min-height:62px}.tool-label{overflow-wrap:anywhere}.palette-detail{height:76px;min-height:76px}.map-toggle{font-size:11px}#news-wrap,.news-scroll{min-width:0}#news-ticker-wrap{height:32px}#news-ticker,#notif{font-size:12px}.news-label{font-size:10px}#command-bar>*,.status-funds{min-width:0}@media(max-width:1150px){#bottom-bar{grid-template-columns:minmax(0,1fr);gap:4px;padding:7px 12px 0}:root{--news-height: 98px}#rci-section{gap:4px 12px}#news-ticker-wrap{height:25px}.city-identity{width:110px}.status-funds,.status-small{gap:10px}.funds-wrap,.status-stat{flex-direction:column;gap:0;align-items:start}.status-stat-label{display:block;font-size:11px}.mood-track{display:none}}@media(max-width:800px),(max-height:550px){:root{--news-height: 110px}.group-label{font-size:clamp(7px,20cqh,10px)}:root{--key-height: 54px;--key-min: 34px;--key-max: 64px}#top-menu-btns>.btn,.city-menu summary{font-size:10px}.map-toggle{font-size:10px}#command-bar{gap:8px}.city-identity{width:90px}.rci-val{grid-column:1 / -1;font-size:10px}#rci-section{padding:5px 9px;gap:4px 10px}.rci-lbl{font-size:11px}.demand-label{font-size:10px}}@media(max-width:520px){#bottom-bar{padding-inline:8px;gap:2px}#rci-section{gap:3px 7px;padding-inline:7px}.rci-lbl{font-size:10px;letter-spacing:-.2px}#city-name,.status-money{font-size:13px}.city-identity{width:auto}.funds-wrap{flex-direction:row;align-items:center;gap:4px}.status-date,#news-ticker{font-size:11px}}:root{--status-height: 64px;--news-height: 38px}#bottom-bar{display:block;padding:6px 18px 0}#rci-section{flex:0 0 190px;display:grid;grid-template-columns:1fr;gap:3px;padding:0 0 0 14px;border:0;border-left:1px solid #9aa8ca66;border-radius:0;box-shadow:none;background:none}.demand-label{display:none}.rci-row{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:6px}.rci-lbl{font-size:11px;letter-spacing:0}.rci-track{grid-column:2;grid-row:1;height:9px}.rci-val{display:none}@media(max-width:1350px){#command-bar{gap:12px}.city-identity{width:110px}.funds-wrap,.status-stat{flex-direction:column;align-items:start;gap:0}.status-stat-label{display:block;font-size:11px}.status-funds,.status-small{gap:10px}.mood-track,.clock-state{display:none}#rci-section{flex-basis:180px;padding-left:10px}}@media(max-width:800px),(max-height:550px){#command-bar{gap:8px;padding-inline:8px}.city-identity{width:90px}#rci-section{flex-basis:158px;padding-left:8px}.rci-row{grid-template-columns:72px minmax(0,1fr);gap:4px}.rci-lbl{font-size:10px}#speed-group{flex-wrap:wrap;justify-content:flex-end;gap:2px 6px}}@media(max-width:520px){:root{--status-height: 108px}#command-bar{grid-template-columns:minmax(0,1fr) 112px;gap:5px 6px}.city-identity{width:auto}.status-funds{justify-self:end}.funds-wrap{flex-direction:row;align-items:center;gap:4px}#speed-group{grid-column:1;grid-row:2;justify-content:flex-start}#rci-section{grid-column:2;grid-row:2;padding-left:5px;gap:5px}.rci-row{grid-template-columns:64px minmax(0,1fr);gap:3px}#bottom-bar{padding-inline:8px}}.rci-center{display:none}:root{--corner-width: 280px;--navigator-height: 280px}#navigator{--map-size: calc(var(--corner-width) - 40px);--map-right: -4px;--map-bottom: -8px}#console-deck{background:none;border-left:0;box-shadow:none}#bottom-bar:after{display:none}#navigator .nav-btn{inset:auto auto 10px;width:30px;height:30px;min-width:30px;min-height:30px}#navigator .nav-zoom .nav-btn:nth-child(1){left:18px;bottom:calc((var(--status-height) + var(--news-height)) / 2 + 4px)}#navigator .nav-zoom .nav-btn:nth-child(2){left:18px;bottom:calc((var(--status-height) + var(--news-height)) / 2 - 34px)}#navigator .nav-rotation .nav-btn:first-child{right:calc(var(--map-right) + var(--map-size) * .8 - 15px);bottom:calc((var(--status-height) + var(--news-height)) / 2 - 15px)}#navigator .nav-rotation .nav-btn:last-child{right:calc(var(--map-right) + var(--map-size) * .2 - 15px);bottom:calc((var(--status-height) + var(--news-height)) / 2 - 15px)}#navigator .map-toggle{right:calc(var(--map-right) + var(--map-size) * .2 - 15px);top:auto;bottom:calc(var(--map-bottom) + var(--map-size) * .8 - 15px);padding:6px;border-radius:50%;z-index:2}.map-toggle:before{display:none}@media(max-width:1150px){:root{--corner-width: 250px;--navigator-height: 250px}#command-bar{gap:8px}.city-identity{width:95px}#rci-section{flex-basis:160px}#speed-group{flex-wrap:wrap;justify-content:flex-end;gap:2px 6px}}@media(max-width:800px){:root{--corner-width: 208px;--navigator-height: 220px}#navigator .nav-zoom .nav-btn:nth-child(1){left:10px}#navigator .nav-zoom .nav-btn:nth-child(2){left:10px}}@media(max-width:520px),(max-height:550px){:root{--corner-width: var(--rail-width);--navigator-height: 190px}#navigator{display:grid;grid-template-columns:repeat(2,28px);grid-template-rows:repeat(3,28px);gap:4px;justify-content:center;align-content:end;padding-bottom:8px}#navigator .nav-btn{position:static;width:28px;height:28px;min-width:28px;min-height:28px;padding:5px}#navigator .nav-zoom .nav-btn:nth-child(1){grid-area:1 / 1}#navigator .nav-zoom .nav-btn:nth-child(2){grid-area:2 / 1}#navigator .nav-rotation .nav-btn:first-child{grid-area:1 / 2}#navigator .nav-rotation .nav-btn:last-child{grid-area:2 / 2}#navigator .map-toggle{grid-area:3 / 1 / auto / 3;justify-self:center}#rci-section{flex-basis:158px}#console-context{max-height:calc(100dvh - var(--status-height) - var(--news-height) - 56px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}[data-group=land] .group-header{--key-top: #c4e4b5;--key-bottom: #a5c691}[data-group=utilities] .group-header{--key-top: #e0e8bc;--key-bottom: #b5cfcc}[data-group=buildings] .group-header{--key-top: #f1dfbd;--key-bottom: #d9bc9d}.management-button{--key-top: #d6d4f2;--key-bottom: #b4b2d8}.management-group{margin-top:10px}#dock-scroll>[data-group=emergency]{margin-top:10px}.management-button .group-label{font-size:clamp(7px,19cqh,11px)}#flyout{border:1px solid #8293bd;border-right:0;border-radius:24px 0 0 24px;background:linear-gradient(115deg,#f5f4ff,#dbe1f4)}#flyout .flyout-title{font-size:20px;color:#344467;background:linear-gradient(#f8f8ff,#c9d2ed);border-bottom:1px solid #9caacd;box-shadow:inset 0 3px #fff8;letter-spacing:-.3px}#flyout .flyout-title:before{width:9px;height:9px;background:#8b99c6;border:1px solid #5f729d;box-shadow:inset 0 1px #fff9}#flyout .flyout-body{padding:0;scroll-padding-top:90px}.palette-tabs{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:4px;padding:10px 10px 0;background:#d6dff2;border-bottom:1px solid #94a4c5}.palette-tab{flex:1 1 auto;padding:7px 10px;color:#465879;background:linear-gradient(#e7ecfa,#bdcbe5);border:1px solid #97a7c8;border-bottom:0;border-radius:11px 11px 0 0;box-shadow:inset 0 1px #fff;font-size:12px;font-weight:800;white-space:nowrap}.palette-tab[aria-selected=true]{color:#293e64;background:#f6f5e9;box-shadow:inset 0 3px #e9c66e}.palette-page{padding:10px}.palette-page[hidden]{display:none}.palette-empty{display:none;padding:12px 4px;color:#526080;font-size:13px}.tool-grid:not(:has(.tool-btn:not([style*="display: none"])))+.palette-empty{display:block}.management-button.has-petition{box-shadow:inset 0 0 0 2px #f5d77b,0 0 0 1px #aa8845}.management-card:disabled{opacity:1;cursor:default;background:#dce3f2}.management-card:disabled:hover{transform:none;border-color:#9caccb}#flyout .tool-grid{gap:7px}#flyout .tool-grid .tool-btn{border-radius:14px 10px;background:linear-gradient(115deg,#fffdf4,#e8ebf4);border:1px solid #a3b1ca;box-shadow:inset 0 1px #fff,0 2px 1px #899cc329;min-height:66px}#flyout .tool-grid .tool-btn:hover{background:#fffbea;border-color:#768fb8}#flyout .tool-grid .tool-btn.active{background:#eef0d5;border-color:#7f9466;box-shadow:inset 0 0 0 2px #fff1b8}#flyout .tool-visual{border-radius:10px;background:radial-gradient(ellipse at 50% 75%,#b5c8aa88,#c9d7e633 70%)}#flyout .palette-detail{background:#d5dff0;border-top:1px solid #9eafcc;font-size:12px}#navigator .city-menu{position:absolute;z-index:3;right:calc(var(--map-right) + var(--map-size) * .2 - 15px);bottom:calc(var(--map-bottom) + var(--map-size) * .8 + 23px)}#navigator .city-menu summary{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border-radius:50%;border:1px solid #273756;background:linear-gradient(#52678d,#273b60);color:#fff5d7;box-shadow:inset 0 1px #a3b5d4,0 2px 3px #20304d66}#navigator .city-menu summary:after{display:none}#navigator .city-menu summary svg{width:20px;height:20px}#navigator .city-menu[open] summary{background:#263859;outline:2px solid #eed398}#navigator .city-menu-body{right:calc(var(--rail-width) + 8px);bottom:calc(var(--status-height) + var(--news-height) + 8px);max-height:calc(100dvh - var(--status-height) - var(--news-height) - 24px);width:218px;padding:10px;border:1px solid #91a1c2;border-radius:18px;background:#e3e8f8;color:#344364;box-shadow:0 6px 24px #24375355,inset 0 1px #fff}#navigator .city-menu-body .btn{justify-content:flex-start;font-size:13px;border-radius:10px;color:#344364}.management-hub,.budget-dialog,dialog[aria-label="City Report"],dialog[aria-label=Advisors]{color-scheme:light;--text: #344364;--text-dim: #526080;--text-bright: #273657;--beige: #4b6091;--res: #467b40;--com: #286c95;--ind: #956826;--text-pos: #36754a;--text-neg: #a44352;--well: #bec9e1;--panel: linear-gradient(130deg, #f3f2ff, #d7dff3);--panel-head: #d3dcf1;--edge: 1px solid #96a6c56b;border:1px solid #8b9ec3;border-radius:25px;box-shadow:inset 0 3px #fff9,0 20px 70px #172a5055}.management-hub{width:min(760px,calc(100vw - 24px))}.management-hub .modal-header>.btn{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;border:1px solid #98a9c9;background:linear-gradient(#f7f8ff,#c4d1eb);font-size:22px;box-shadow:inset 0 1px #fff}.management-hub .modal-header,.budget-dialog .modal-header,dialog[aria-label="City Report"] .modal-header,dialog[aria-label=Advisors] .modal-header{background:linear-gradient(#f0f0ff,#c3d0ed);box-shadow:inset 0 3px #fff8}.hub-eyebrow{color:#66779b;font-weight:800;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px}.hub-intro{color:#526080;margin-bottom:18px;max-width:54ch}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.management-card{display:flex;align-items:center;gap:13px;min-width:0;padding:15px;text-align:left;border:1px solid #9caccb;border-radius:18px 13px;background:linear-gradient(125deg,#fffdf1,#e0e6f6);box-shadow:inset 0 2px #fff,0 3px 2px #8395b82b;color:#344364}.management-card:hover{background:#fff9e7;border-color:#7188b1;transform:translateY(-1px)}.management-art{width:68px;flex:0 0 68px}.management-art svg{display:block;width:100%}.management-card strong{display:block;font-size:15px;line-height:1.25;margin-bottom:5px}.management-card small{display:block;color:#576889;font-size:12px;line-height:1.4}.budget-dialog .budget-tabs{flex-wrap:wrap;background:#d6dff2}.budget-dialog .budget-tab{background:linear-gradient(#f4f6ff,#c7d3ec);border:1px solid #97a7c8;border-radius:11px;font-size:12px;color:#465879}.budget-dialog .budget-tab[aria-selected=true]{background:#fff3ce;color:#33466b;border-color:#b4a271}.budget-dialog .chrome-input,.budget-dialog .chrome-select{background:#f6f8ff;color:#344364}dialog[aria-label="City Report"] .city-signal-card{background:#33496b;color:#e4e8f6;--text-dim: #bbc7df;--text-bright: #f5f6ff}@media(max-width:520px),(max-height:550px){#navigator .city-menu{right:4px;bottom:8px}#navigator .map-toggle{grid-area:3 / 1;justify-self:center}#navigator .city-menu summary{width:28px;height:28px;padding:5px}#flyout .tool-grid .tool-btn{min-height:56px}.palette-tab{padding:7px;font-size:11px}.management-grid{grid-template-columns:1fr}.management-card{padding:11px}}.district-map{position:absolute;z-index:1;bottom:var(--map-bottom);right:var(--map-right);width:var(--map-size);pointer-events:none!important}.district-map canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none;pointer-events:auto;border-radius:12px}.district-map canvas:focus-visible{outline:2px solid #6c82b5;outline-offset:-5px}@media(max-width:520px),(max-height:550px){.district-map{top:2px;bottom:auto;right:0;width:100%}}