:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;background:#08090a;font-family:Inter,Avenir Next,SF Pro Display,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app,.harbor-root{width:100%;height:100%;margin:0;overflow:hidden}button,input,summary{font:inherit;-webkit-tap-highlight-color:transparent}button,summary,input[type=range]{touch-action:manipulation}.harbor-game{--ink:#f4f0e7;--text:#f4f0e7;--muted:#aaa99f;--faint:#74756f;--panel:#0b0c0dc7;--panel-deep:#08090af0;--line:#d8bb7c33;--line-hot:#e1c3839e;--gold:#d8bb7c;--gold-hot:#f0d89f;--mint:#78d7b0;--mint-hot:#b8f2d9;--blue:#83bfd5;--amber:#e7b65e;--red:#eb786f;--violet:#b9a6d8;--shadow:0 20px 52px #00000057;isolation:isolate;width:100%;height:100%;min-height:0;color:var(--ink);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 58% 34%,#41524a29,#0000 42%),linear-gradient(155deg,#202421,#090a0b 74%);position:relative;overflow:hidden}.game-canvas{z-index:0;touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}body[data-selected-tool=inspect] .game-canvas{cursor:grab}body[data-selected-tool=inspect] .game-canvas.is-map-dragging{cursor:grabbing}body:not([data-selected-tool=inspect]) .game-canvas{cursor:crosshair}.game-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}.world-vignette{z-index:1;pointer-events:none;background:linear-gradient(90deg,#03040452,#0000 15% 84%,#03040438),linear-gradient(#0506064d,#0000 16% 77%,#04050547);position:absolute;inset:0}.hud-surface{border:1px solid var(--line);background:linear-gradient(135deg, #f0d89f09, transparent 42%), var(--panel);box-shadow:var(--shadow), inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(20px)saturate(.92)}.city-status{z-index:5;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,12px 100%,0 calc(100% - 12px));pointer-events:none;align-items:stretch;width:min(860px,100vw - 500px);min-width:690px;min-height:72px;padding:9px 11px;display:flex;position:absolute;top:14px;left:14px}.city-status:after{content:"";background:var(--mint);width:64px;height:1px;position:absolute;top:0;right:22px;box-shadow:0 0 12px #8df0c9b3}.city-identity{border-right:1px solid #aee2d521;flex:0 0 190px;min-width:0;padding:1px 13px 0 2px}.brand-code,.rci-title,.dock-topline,.drawer-heading small,.section-title,.system-popover>small{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;font:700 8px/1.2 SFMono-Regular,Consolas,monospace}.brand-code i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 0 3px #8df0c91a, 0 0 9px var(--mint);border-radius:50%;margin:0 6px 1px 0;display:inline-block}.city-title-line{justify-content:space-between;align-items:baseline;gap:8px;margin-top:5px;display:flex}.city-title-line h1{letter-spacing:.07em;white-space:nowrap;margin:0;font-size:18px;font-weight:670;line-height:1;overflow:hidden}.city-title-line>span{color:var(--mint);font:700 9px/1 SFMono-Regular,Consolas,monospace}.milestone-line{grid-template-columns:auto 1fr;align-items:center;gap:3px 7px;margin-top:7px;display:grid}.milestone-line>strong{color:var(--muted);font-size:9px;font-weight:600}.milestone-line>small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:8px;overflow:hidden}.milestone-track{--progress:0%;background:#aee2d521;height:2px;overflow:hidden}.milestone-track i{width:var(--progress);background:linear-gradient(90deg, var(--blue), var(--mint));height:100%;transition:width .42s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 0 8px #8df0c980}.core-metrics{flex:auto;grid-template-columns:1.25fr 1.12fr .88fr .85fr .88fr;min-width:400px;display:grid}.status-cell{border-right:1px solid #aee2d51c;flex-direction:column;justify-content:center;min-width:0;padding:2px 9px;display:flex}.status-cell>span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:8px;line-height:1;overflow:hidden}.status-cell>strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font:680 12px/1.1 SFMono-Regular,Consolas,monospace;overflow:hidden}.status-time{border-right:0}.rci-demand{flex:0 0 110px;align-content:center;gap:5px;min-width:0;padding-left:10px;display:grid}.rci-title{letter-spacing:.11em;margin-bottom:1px}.demand-row{grid-template-columns:12px 1fr 10px;align-items:center;gap:5px;display:grid}.demand-row b,.demand-row em{font:750 9px/1 SFMono-Regular,Consolas,monospace}.demand-residential b{color:#70e3a3}.demand-commercial b{color:#61c8f2}.demand-industrial b{color:#eabd67}.demand-row em{color:var(--muted);text-align:center}.demand-track{--demand:0%;background:#aee2d51c;height:4px;position:relative}.demand-track:after{content:"";background:#eefcf85c;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.demand-track i{width:calc(var(--demand) / 2);background:var(--mint);height:100%;transition:width .34s,background .16s;position:absolute;top:0;left:50%}.demand-track[data-sign=negative] i{background:var(--red);left:auto;right:50%}.demand-track[data-sign=neutral] i{width:0}.top-controls{z-index:11;pointer-events:auto;border-radius:6px 2px 6px 6px;align-items:center;gap:3px;min-height:46px;padding:4px;display:flex;position:absolute;top:14px;right:14px}.control-button,.speed-button,.system-menu summary{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;transition:color .14s,border-color .14s,background .14s,transform .14s}.control-button{align-items:center;gap:5px;padding:0 8px;display:flex}.control-button>span{color:var(--mint);font:680 12px/1 SFMono-Regular,Consolas,monospace}.control-button>b{font-size:10px;font-weight:600}.control-button:hover,.control-button:focus-visible,.speed-button:hover,.speed-button:focus-visible,.system-menu summary:hover,.system-menu summary:focus-visible{border-color:var(--line);color:var(--ink);background:#8df0c912;outline:none}.control-button:active,.speed-button:active{transform:translateY(1px)}.speed-toggle{background:#00000024;border:1px solid #aee2d51c;border-radius:4px;padding:2px;display:flex}.speed-button{min-width:29px;min-height:28px;padding:0 5px;font:680 9px/1 SFMono-Regular,Consolas,monospace}.system-menu{position:relative}.system-menu summary{letter-spacing:.06em;place-items:center;width:35px;font-weight:800;list-style:none;display:grid}.system-menu summary::-webkit-details-marker{display:none}.system-popover{transform-origin:100% 0;border-radius:5px 0 5px 5px;width:172px;padding:8px;animation:.15s both panel-in;display:grid;position:absolute;top:calc(100% + 9px);right:0}.system-popover>small{color:var(--mint);padding:5px 7px 8px}.system-popover button{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #aee2d51a;padding:9px 8px}.system-popover button:hover,.system-popover button:focus-visible{color:var(--ink);background:#8df0c912;outline:none}.system-popover .danger-action:hover,.system-popover .danger-action:focus-visible{color:var(--red);background:#ff7a7414}.milestone-badges{z-index:4;pointer-events:none;gap:7px;display:flex;position:absolute;top:95px;left:14px}.bridge-badge,.incident-badge{color:var(--muted);border-radius:3px;padding:7px 10px;font-size:9px}.bridge-badge i,.incident-badge i{color:var(--mint);margin-right:5px;font-style:normal}.incident-badge{color:#ffd1cd;border-color:#ff7a7457}.incident-badge i,.incident-badge strong{color:var(--red)}.drawer-system{z-index:10;pointer-events:auto;position:absolute;top:94px;right:14px}.drawer-tabs{border-radius:5px 2px 5px 5px;width:48px;padding:3px;display:grid}.drawer-tabs button{min-height:49px;color:var(--faint);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom-color:#aee2d51a;place-items:center;gap:2px;padding:5px 2px;transition:color .14s,border-color .14s,background .14s;display:grid}.drawer-tabs button:last-child{border-bottom-color:#0000}.drawer-tabs button>span{color:var(--mint);font:700 13px/1 SFMono-Regular,Consolas,monospace}.drawer-tabs button>b{letter-spacing:.04em;font-size:8px;font-weight:600}.drawer-tabs button:hover,.drawer-tabs button:focus-visible,.drawer-tabs button.is-active{color:var(--ink);background:#8df0c917;border-color:#8df0c93d;outline:none}.drawer-panel{scrollbar-color:#8df0c952 transparent;scrollbar-width:thin;border-radius:6px 2px 6px 6px;width:336px;max-height:calc(100vh - 218px);padding:14px;animation:.18s cubic-bezier(.16,1,.3,1) both drawer-in;position:absolute;top:0;right:57px;overflow:auto}.drawer-panel::-webkit-scrollbar{width:4px}.drawer-panel::-webkit-scrollbar-thumb{background:#8df0c952;border-radius:2px}.drawer-heading{border-bottom:1px solid #aee2d524;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding-bottom:11px;display:flex}.drawer-heading h2{letter-spacing:.05em;margin:4px 0 0;font-size:17px;font-weight:650}.drawer-heading button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#ffffff05;border:1px solid #aee2d526;border-radius:3px;place-items:center;display:grid}.drawer-heading button:hover,.drawer-heading button:focus-visible{border-color:var(--line-hot);color:var(--ink);outline:none}.budget-summary{grid-template-columns:1fr 1fr;gap:5px;display:grid}.budget-summary>div{background:#ffffff06;border:1px solid #aee2d51c;min-width:0;padding:9px}.budget-summary .budget-net{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.budget-summary span{color:var(--faint);margin-bottom:4px;font-size:8px;display:block}.budget-summary strong{color:var(--ink);font:700 12px/1 SFMono-Regular,Consolas,monospace}.budget-summary>div:first-child strong,[data-ui=budget-net][data-tone=good]{color:var(--mint)}.budget-summary>div:nth-child(2) strong,[data-ui=budget-net][data-tone=danger]{color:var(--red)}.drawer-section{margin-top:16px}.section-title{color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.section-title small{color:var(--faint);font-size:7px}.tax-controls{gap:8px;display:grid}.tax-row{--zone-color:var(--mint);grid-template-columns:67px 1fr 72px;align-items:center;gap:8px;min-height:30px;display:grid}.tax-residential{--zone-color:#70e3a3}.tax-commercial{--zone-color:#61c8f2}.tax-industrial{--zone-color:#eabd67}.tax-zone{color:var(--muted);font-size:9px}.tax-zone i{border:1px solid color-mix(in srgb, var(--zone-color) 42%, transparent);width:18px;height:18px;color:var(--zone-color);background:color-mix(in srgb, var(--zone-color) 8%, transparent);place-items:center;margin-right:5px;font:750 9px/1 SFMono-Regular,Consolas,monospace;display:inline-grid}.tax-row output{color:var(--ink);text-align:right;font:680 9px/1 SFMono-Regular,Consolas,monospace}.tax-row output[data-pending=true]{color:var(--amber);font-size:7px}.tax-row input[type=range]{width:100%;height:18px;accent-color:var(--zone-color);cursor:pointer;margin:0}.tax-row input[type=range]::-webkit-slider-runnable-track{background:#aee2d52b;border-radius:2px;height:3px}.tax-row input[type=range]::-webkit-slider-thumb{border:2px solid var(--panel-deep);background:var(--zone-color);width:13px;height:13px;box-shadow:0 0 8px color-mix(in srgb, var(--zone-color) 50%, transparent);-webkit-appearance:none;border-radius:50%;margin-top:-5px}.tax-row input[type=range]:focus-visible{outline:1px solid var(--zone-color);outline-offset:4px}.drawer-note{color:var(--faint);margin:8px 0 0;font-size:8px;line-height:1.5}.ledger-row{min-height:26px;color:var(--muted);border-bottom:1px solid #aee2d512;justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}.ledger-row b{color:var(--ink);font:650 9px/1 SFMono-Regular,Consolas,monospace}.budget-ledger .ledger-row:nth-of-type(-n+3) b{color:var(--mint)}.ledger-spacer{margin-top:13px}.ledger-row i{border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.r-dot{background:#70e3a3}.c-dot{background:#61c8f2}.i-dot{background:#eabd67}.service-list{gap:5px;display:grid}.service-row{background:#ffffff05;border:1px solid #aee2d517;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:7px;display:grid}.service-glyph{width:27px;height:27px;color:var(--mint);background:#8df0c90d;border:1px solid #8df0c933;place-items:center;font:700 12px/1 SFMono-Regular,Consolas,monospace;display:grid}.service-main{min-width:0}.service-line{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.service-line strong{color:var(--muted);font-size:9px;font-weight:600}.service-line span{color:var(--ink);font:650 8px/1 SFMono-Regular,Consolas,monospace}.service-bar{--value:0%;background:#aee2d51f;height:3px;overflow:hidden}.service-bar i{width:var(--value);background:var(--mint);height:100%;transition:width .38s,background .16s;display:block}.service-bar[data-tone=warning] i{background:var(--amber)}.service-bar[data-tone=danger] i{background:var(--red)}.service-capacity{min-width:66px;color:var(--ink);text-align:right;font:650 8px/1.2 SFMono-Regular,Consolas,monospace}.service-capacity em{color:var(--faint);margin-top:3px;font:400 7px/1 sans-serif;display:block}.city-quality{grid-template-columns:repeat(4,1fr);gap:3px;margin-top:12px;display:grid}.city-quality div{text-align:center;border-top:1px solid #aee2d51f;min-width:0;padding:7px 3px}.city-quality span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:7px;display:block;overflow:hidden}.city-quality b{font:650 8px/1 SFMono-Regular,Consolas,monospace}.map-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.map-button{min-height:38px;color:var(--muted);cursor:pointer;background:#ffffff05;border:1px solid #aee2d51c;border-radius:3px;align-items:center;gap:8px;padding:7px 9px;transition:border-color .14s,color .14s,background .14s;display:flex}.map-button>span{color:var(--mint);font:700 12px/1 SFMono-Regular,Consolas,monospace}.map-button>strong{font-size:9px;font-weight:600}.map-button:hover,.map-button:focus-visible,.map-button.is-active{color:var(--ink);background:#8df0c917;border-color:#8df0c957;outline:none}.map-legend{border-left:2px solid var(--mint);background:#8df0c90a;gap:10px;margin-top:12px;padding:10px;display:flex}.map-legend>i{background:var(--mint);width:6px;height:6px;box-shadow:0 0 10px var(--mint);border-radius:50%;flex:0 0 6px;margin-top:3px}.map-legend strong{color:var(--mint-hot);font-size:9px}.map-legend p{color:var(--faint);margin:3px 0 0;font-size:8px;line-height:1.5}.inspect-card{z-index:4;opacity:0;pointer-events:none;gap:10px;width:min(310px,100vw - 28px);padding:10px 12px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:126px;left:14px;transform:translateY(7px)}.placement-preview{z-index:42;pointer-events:none;border-color:#89e0c647;align-items:center;gap:9px;width:180px;padding:9px 11px;display:flex;position:fixed}.placement-preview[hidden]{display:none}.placement-preview>i{background:#65ddb557;border:1px solid #beffebcc;flex:none;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 10px #65ddb54d}.placement-preview[data-tone=invalid]{border-color:#ff706257}.placement-preview[data-tone=invalid]>i{background:#de473d61;border-color:#ff9889e0;box-shadow:0 0 10px #de473d47}.placement-preview strong,.placement-preview span{display:block}.placement-preview strong{color:var(--text);margin-bottom:3px;font-size:9px}.placement-preview span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font:500 8px/1.25 SFMono-Regular,Consolas,monospace;overflow:hidden}.inspect-card.is-visible{opacity:1;transform:translateY(0)}.inspect-glyph{width:28px;height:28px;color:var(--mint);background:#8df0c90f;border:1px solid #8df0c93d;flex:0 0 28px;place-items:center;display:grid}.inspect-card strong{color:var(--mint-hot);letter-spacing:.1em;font-size:9px}.inspect-card p{color:var(--muted);margin:3px 0 0;font-size:9px;line-height:1.45}.active-map-pill{z-index:7;color:var(--muted);cursor:pointer;border-radius:3px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;position:absolute;bottom:126px;right:72px}.active-map-pill:not([hidden]){display:flex}.active-map-pill i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 9px var(--mint);border-radius:50%}.control-hint{z-index:3;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#040f12a6;border:1px solid #aee2d521;border-radius:3px;align-items:center;gap:7px;padding:7px 10px;font-size:8px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:126px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00050829}.control-hint.is-dismissed{opacity:0;transform:translate(-50%,5px)}.control-hint kbd{color:var(--ink);background:#ffffff0a;border:1px solid #aee2d533;border-radius:2px;margin-left:7px;padding:2px 4px;font:600 7px/1 SFMono-Regular,Consolas,monospace}.mouse-cue{border:1px solid var(--muted);border-radius:6px;width:10px;height:14px;position:relative}.mouse-cue i{background:var(--mint);width:1px;height:3px;position:absolute;top:3px;left:4px}.build-dock{z-index:8;pointer-events:auto;width:min(980px,100vw - 28px);position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dock-topline{color:var(--muted);text-shadow:0 1px 4px #000;align-items:center;gap:9px;padding:0 6px 5px;display:flex}.dock-topline>i{background:linear-gradient(90deg, var(--line-hot), transparent);flex:1;height:1px}.dock-topline>small{color:var(--faint);letter-spacing:.08em;font-size:7px}.dock-body{border:1px solid var(--line);-webkit-backdrop-filter:blur(19px)saturate(1.18);background:#051216e6;border-radius:7px 7px 3px 3px;grid-template-columns:190px minmax(0,1fr);min-height:74px;padding:5px;display:grid;box-shadow:0 22px 54px #00050880,inset 0 1px #ffffff0a}.tool-group-tabs{border-right:1px solid #aee2d51f;grid-template-columns:repeat(3,1fr);gap:3px;padding-right:5px;display:grid}.tool-group-tabs button{min-width:0;color:var(--faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;place-content:center;gap:5px;transition:border-color .14s,color .14s,background .14s;display:grid}.tool-group-tabs small{font:650 7px/1 SFMono-Regular,Consolas,monospace}.tool-group-tabs strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.tool-group-tabs button:hover,.tool-group-tabs button:focus-visible,.tool-group-tabs button.is-active{color:var(--ink);background:#8df0c914;border-color:#8df0c93b;outline:none}.tool-panels{min-width:0;padding-left:5px}.tool-panel{scrollbar-width:none;gap:3px;height:100%;overflow-x:auto}.tool-panel.is-active{display:flex}.tool-panel::-webkit-scrollbar{display:none}.tool-button{--tool-color:var(--mint);min-width:0;max-width:108px;min-height:62px;color:var(--muted);cursor:pointer;background:#aee2d506;border:1px solid #0000;border-radius:3px;flex:1 0 80px;justify-content:center;align-items:center;gap:7px;padding:7px 6px;transition:transform .14s,color .14s,border-color .14s,background .14s;display:flex;position:relative}.tool-button:after{content:"";opacity:0;background:var(--tool-color);height:2px;box-shadow:0 0 9px var(--tool-color);transition:opacity .14s,transform .14s;position:absolute;bottom:0;left:7px;right:7px;transform:scaleX(.5)}.tool-button:hover,.tool-button:focus-visible{color:var(--ink);background:#aee2d511;border-color:#aee2d52e;outline:none;transform:translateY(-1px)}.tool-button:active{transform:translateY(0)}.tool-button.is-active{border-color:color-mix(in srgb, var(--tool-color) 38%, transparent);color:var(--ink);background:color-mix(in srgb, var(--tool-color) 11%, transparent)}.tool-button.is-active:after{opacity:1;transform:scaleX(1)}.tool-residential{--tool-color:#70e3a3}.tool-commercial{--tool-color:#61c8f2}.tool-industrial{--tool-color:#eabd67}.tool-park{--tool-color:#9eeb79}.tool-powerPlant{--tool-color:#f4d468}.tool-waterTower{--tool-color:#63cff3}.tool-fireStation{--tool-color:#ff826f}.tool-clinic{--tool-color:#7ee5d6}.tool-school{--tool-color:#c5a2ff}.tool-policeStation{--tool-color:#79aaff}.tool-transitStation{--tool-color:#e8b7ff}.tool-bulldoze{--tool-color:#ff7a74}.tool-key{color:var(--faint);font:600 7px/1 SFMono-Regular,Consolas,monospace;position:absolute;top:5px;right:6px}.tool-glyph{width:25px;height:25px;color:var(--tool-color);text-shadow:0 0 13px color-mix(in srgb, var(--tool-color) 42%, transparent);flex:0 0 25px;place-items:center;font:700 18px/1 SFMono-Regular,Consolas,monospace;display:grid}.tool-copy{text-align:left;gap:4px;min-width:0;display:grid}.tool-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:620;overflow:hidden}.tool-copy small{color:var(--faint);font:600 7px/1 SFMono-Regular,Consolas,monospace}.toast-region{z-index:7;pointer-events:none;gap:6px;width:min(370px,100vw - 28px);display:grid;position:absolute;top:96px;left:50%;transform:translate(-50%)}.harbor-game[data-drawer] .toast-region{opacity:0;visibility:hidden;pointer-events:none}.toast{min-height:40px;color:var(--ink);opacity:0;background:#041215ed;border:1px solid #8df0c940;border-radius:3px;align-items:center;gap:9px;padding:9px 12px;font-size:10px;transition:opacity .19s,transform .21s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(-6px)scale(.985);box-shadow:0 14px 34px #00060966}.toast.is-visible{opacity:1;transform:translateY(0)scale(1)}.toast-marker{border:1px solid var(--mint);flex:0 0 5px;width:5px;height:5px;transform:rotate(45deg);box-shadow:0 0 8px #8df0c980}.toast[data-tone=warning]{border-color:#ff7a7457}.toast[data-tone=warning] .toast-marker{border-color:var(--red);box-shadow:0 0 8px #ff7a7480}.toast[data-tone=good] .toast-marker{background:var(--mint)}.pause-banner{z-index:5;color:var(--mint-hot);letter-spacing:.2em;opacity:0;pointer-events:none;background:#030e11a3;border-left:1px solid #8df0c966;border-right:1px solid #8df0c966;padding:8px 14px;font-size:9px;font-weight:700;transition:opacity .17s,transform .17s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96)}.is-paused .pause-banner{opacity:1;transform:translate(-50%,-50%)scale(1)}.cinema-bars{z-index:11;pointer-events:none;border-top:0 solid #020708;border-bottom:0 solid #020708;transition:border-width .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.is-cinema .cinema-bars{border-top-width:5.5vh;border-bottom-width:5.5vh}.is-cinema .toast-region,.is-cinema .placement-preview,.is-cinema .pause-banner{opacity:0;pointer-events:none}.city-status,.top-controls,.milestone-badges,.drawer-system,.build-dock,.control-hint,.inspect-card,.active-map-pill{transition:opacity .26s,transform .26s}.is-cinema .city-status,.is-cinema .milestone-badges,.is-cinema .drawer-system,.is-cinema .build-dock,.is-cinema .control-hint,.is-cinema .inspect-card,.is-cinema .active-map-pill{opacity:0;pointer-events:none}.is-cinema .top-controls{z-index:12;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;top:6px;right:14px}.is-cinema .top-controls>:not(.cinema-control){display:none}.is-cinema .cinema-control{background:#040e12c2;border-color:#aee2d557;min-height:36px;box-shadow:0 8px 28px #00070b57}@keyframes drawer-in{0%{opacity:0;transform:translate(9px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes panel-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1180px){.city-status{width:calc(100vw - 28px);min-width:0}.top-controls{top:94px}.drawer-system{top:146px}.milestone-badges{top:95px}.toast-region{top:148px}}@media (width<=850px){.city-status{flex-wrap:wrap;min-height:104px}.city-identity{flex-basis:174px}.core-metrics{min-width:390px}.rci-demand{border-top:1px solid #aee2d51a;flex:1 0 100%;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:8px;padding:7px 2px 0;display:grid}.demand-row{grid-template-columns:11px 1fr 9px}.top-controls{top:126px}.drawer-system{top:178px}.milestone-badges{top:126px}.toast-region{top:180px}.dock-body{grid-template-columns:164px minmax(0,1fr)}}@media (width<=600px){.harbor-game{height:100dvh;min-height:0}.city-status{width:calc(100vw - 16px);min-height:0;padding:8px 9px;display:grid;top:8px;left:8px}.city-identity{border-bottom:1px solid #aee2d51c;border-right:0;grid-template-columns:1fr 1fr;align-items:end;padding:0 0 7px;display:grid}.brand-code{grid-column:1/-1}.city-title-line{border-right:1px solid #aee2d51a;margin-top:4px;padding-right:9px}.city-title-line h1{font-size:16px}.milestone-line{margin:0;padding-left:9px}.milestone-line>strong{font-size:10px}.milestone-line>small{display:none}.core-metrics{grid-template-columns:1.2fr 1.05fr .8fr .8fr .85fr;min-width:0;padding-top:7px}.status-cell{padding:0 4px}.status-cell:first-child{padding-left:0}.status-cell:last-child{padding-right:0}.status-cell>span{margin-bottom:3px;font-size:9px}.status-cell>strong,.status-money>strong{font-size:11px}.rci-demand{grid-template-columns:auto repeat(3,1fr);gap:6px;padding-top:7px}.rci-title{font-size:9px}.demand-row{gap:3px}.top-controls{max-width:calc(100vw - 16px);min-height:48px;padding:3px;top:129px;right:8px}.control-button{justify-content:center;width:44px;min-height:44px;padding:0}.control-button>b{display:none}.speed-button{min-width:44px;min-height:44px}.system-menu summary{width:44px;min-height:44px}.drawer-system{top:178px;right:8px}.drawer-tabs{width:43px}.drawer-tabs button{min-height:44px}.drawer-panel{background:linear-gradient(135deg,#9ef2d30b,#0000 38%),#041215f5;width:calc(100vw - 66px);max-height:calc(100vh - 292px);padding:12px;right:50px}.drawer-heading{margin-bottom:11px;padding-bottom:9px}.drawer-heading h2{font-size:15px}.milestone-badges{display:grid;top:178px;left:8px}.bridge-badge,.incident-badge{width:fit-content;padding:6px 8px;font-size:10px}.toast-region{width:calc(100vw - 68px);top:178px;transform:translate(calc(-50% - 18px))}.build-dock{width:calc(100vw - 12px);bottom:6px}.harbor-game[data-tool-group] .build-dock{width:calc(100vw - 12px)}.dock-topline{display:none}.dock-body{min-height:0;padding:4px;display:block}.tool-group-tabs{border-bottom:1px solid #aee2d51c;border-right:0;grid-template-columns:repeat(3,1fr);height:44px;padding:0 0 3px}.tool-group-tabs button{justify-content:center;align-items:center;gap:5px;display:flex}.tool-group-tabs strong{font-size:10px}.tool-panels{height:60px;padding:3px 0 0}.tool-panel{height:57px}.tool-button{flex:0 0 72px;gap:4px;min-height:55px;padding:5px 4px}.tool-glyph{flex-basis:20px;width:20px;height:20px;font-size:15px}.tool-copy{gap:3px}.tool-copy strong{font-size:10px}.tool-copy small{font-size:9px}.control-hint{display:none}.inspect-card{width:min(275px,100vw - 16px);bottom:124px;left:8px}.active-map-pill{bottom:186px;right:8px}.city-quality{grid-template-columns:repeat(4,minmax(48px,1fr));overflow-x:auto}.service-row{grid-template-columns:25px minmax(0,1fr) auto}.service-capacity{min-width:57px;font-size:9px}}@media (width<=380px){.city-title-line h1{font-size:14px}.status-cell>strong,.status-money>strong{font-size:10px}.drawer-panel{width:calc(100vw - 62px)}.map-grid{grid-template-columns:1fr}}@media (height<=650px) and (width>=601px){.harbor-game{height:100dvh;min-height:0}.city-status{flex-wrap:nowrap;width:calc(100vw - 16px);min-height:72px;top:8px;left:8px}.rci-demand{display:none}.top-controls,.milestone-badges{top:88px}.drawer-system{top:140px}.toast-region{top:142px}.drawer-panel{max-height:calc(100dvh - 148px)}.control-hint,.inspect-card,.dock-topline{display:none}.build-dock{bottom:7px}.tool-button{min-height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.hud-surface,.dock-body,.control-hint{background:var(--panel-deep)}}.render-fallback{color:#e9fff8;text-align:center;background:#061015;place-content:center;gap:8px;display:grid;position:fixed;inset:0}.render-fallback span{color:#91aaa7;font-size:13px}.harbor-game{--hairline:#d8bb7c33;--hairline-strong:#d8bb7c75;--glass:#0a0b0cc9;--glass-solid:#090a0bf5}.city-status{pointer-events:none;display:contents}.city-identity,.core-metrics,.rci-demand,.city-brief{z-index:5;pointer-events:none;position:absolute}.city-identity{border-radius:2px 10px 2px 2px;width:276px;min-height:78px;padding:14px 16px 13px;top:16px;left:16px;overflow:hidden}.city-identity:before,.city-brief:before,.dock-body:before{content:"";background:var(--gold);width:58px;height:1px;position:absolute;top:-1px;left:16px;box-shadow:0 0 12px #d8bb7c38}.city-identity:after{content:"";border-top:1px solid #f0d89f8f;border-right:1px solid #f0d89f8f;width:18px;height:18px;position:absolute;top:0;right:0}.brand-code,.rci-title,.dock-topline,.drawer-heading small,.section-title,.system-popover>small,.city-brief-heading,.city-directive small{color:var(--faint);letter-spacing:.17em;font:700 8px/1.2 SFMono-Regular,Roboto Mono,Consolas,monospace}.brand-code{color:#918b7d}.brand-code i{background:var(--mint);border:0;border-radius:50%;width:5px;height:5px;margin-right:7px;box-shadow:0 0 0 3px #78d7b017}.city-title-line{align-items:center;margin-top:8px}.city-title-line h1{color:var(--ink);letter-spacing:.13em;font-size:22px;font-weight:620;line-height:.95}.city-title-line>span{color:var(--mint);letter-spacing:.14em;background:#78d7b00b;border:1px solid #78d7b033;border-radius:2px;padding:3px 5px;font:700 7px/1 SFMono-Regular,Consolas,monospace}.city-subtitle{color:#8c8b83;letter-spacing:.035em;margin:7px 0 0;font-size:9px;font-weight:520}.rci-demand{border-radius:2px;align-content:center;gap:7px;width:276px;min-height:76px;padding:11px 14px 12px;display:grid;top:102px;left:16px}.rci-demand:before{content:"";background:linear-gradient(180deg, var(--gold), #d8bb7c14);width:2px;position:absolute;inset:-1px auto -1px -1px}.rci-title{color:#918b7d;margin:0 0 1px}.demand-row{grid-template-columns:16px minmax(0,1fr) 12px;gap:7px}.demand-row b,.demand-row em{font-size:9px}.demand-track{background:#f4f0e717;height:3px}.demand-track:after{background:#f0d89f52;top:-2px;bottom:-2px}.demand-track i{background:var(--mint);box-shadow:none}.core-metrics{border-radius:2px;grid-template-columns:1.25fr 1.12fr .92fr .9fr .92fr;min-width:0;min-height:58px;padding:7px 8px;display:grid;top:16px;left:308px;right:350px}.core-metrics:before{content:"LIVE CITY INDEX";color:#8e8779;letter-spacing:.15em;background:#111313;padding:0 6px;font:700 7px/1 SFMono-Regular,Consolas,monospace;position:absolute;top:-7px;left:14px}.status-cell{border-right-color:#d8bb7c1c;padding:3px 12px}.status-cell>span{color:#77776f;letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;font-size:8px;font-weight:650}.status-cell>strong,.status-money>strong{color:var(--ink);letter-spacing:-.025em;font:650 12px/1 SFMono-Regular,Roboto Mono,Consolas,monospace}.status-money>strong{color:var(--gold-hot);font-size:13px}.status-cell[data-tone=good]>strong{color:var(--mint)}.status-cell[data-tone=danger]>strong{color:var(--red)}.status-time>strong{color:var(--amber)}.city-brief{border-radius:2px;width:284px;min-height:122px;padding:13px 14px 12px;top:78px;right:16px;overflow:hidden}.city-brief-heading{color:#918b7d;justify-content:space-between;align-items:center;display:flex}.city-brief-heading b{color:var(--gold-hot);letter-spacing:.04em;font:700 9px/1 SFMono-Regular,Consolas,monospace}.city-brief .milestone-line{grid-template-columns:auto minmax(54px,1fr);gap:5px 9px;margin-top:11px;display:grid}.city-brief .milestone-line>strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:590;overflow:hidden}.city-brief .milestone-line>small{color:#83837b;grid-column:1/-1;font-size:8px}.milestone-track{background:#f4f0e71a;height:2px}.milestone-track i{background:linear-gradient(90deg, var(--gold), var(--mint));box-shadow:none}.city-directive{border-top:1px solid #d8bb7c1c;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:10px;padding-top:9px;display:grid}.city-directive small{color:var(--gold);font-size:7px;line-height:1.35}.city-directive span{color:#96958c;font-size:8px;line-height:1.35}.top-controls{border-radius:2px;min-height:46px;padding:4px;top:16px;right:16px}.control-button,.speed-button,.system-menu summary{border-radius:2px}.control-button{min-height:34px;padding:0 9px}.control-button>span{color:var(--gold)}.control-button>b{letter-spacing:.025em;font-size:9px}.speed-toggle{background:#0000002e;border-color:#d8bb7c1c;border-radius:2px}.control-button:hover,.control-button:focus-visible,.speed-button:hover,.speed-button:focus-visible,.system-menu summary:hover,.system-menu summary:focus-visible{color:var(--ink);background:#d8bb7c11;border-color:#d8bb7c45}.control-button.is-active,.speed-button.is-active{color:var(--gold-hot);background:#d8bb7c1b;border-color:#d8bb7c5c}.system-popover{background:var(--glass-solid);border-radius:2px;width:184px}.system-popover>small{color:var(--gold)}.system-popover button{border-top-color:#d8bb7c1a;font-size:10px}.system-popover button:hover,.system-popover button:focus-visible{background:#d8bb7c11}.milestone-badges{justify-items:end;gap:6px;display:grid;top:268px;left:auto;right:16px}.bridge-badge,.incident-badge{letter-spacing:.025em;border-radius:2px;width:fit-content;padding:8px 10px;font-size:9px}.bridge-badge i{color:var(--gold)}.drawer-system{width:284px;top:212px;right:16px}.drawer-tabs{border-radius:2px;grid-template-columns:repeat(3,1fr);width:100%;padding:3px;display:grid}.drawer-tabs button{border-bottom-color:#0000;border-right-color:#d8bb7c17;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:5px 7px;display:flex}.drawer-tabs button:last-child{border-right-color:#0000}.drawer-tabs button>span{color:var(--gold);font-size:12px}.drawer-tabs button>b{letter-spacing:.045em;font-size:8px}.drawer-tabs button:hover,.drawer-tabs button:focus-visible,.drawer-tabs button.is-active{color:var(--ink);background:#d8bb7c12;border-color:#d8bb7c45}.drawer-panel{background:linear-gradient(135deg, #d8bb7c09, transparent 34%), var(--glass-solid);scrollbar-color:#d8bb7c52 transparent;border-radius:2px;width:352px;max-height:calc(100vh - 296px);padding:16px;top:53px;right:0}.drawer-panel::-webkit-scrollbar-thumb{background:#d8bb7c52}.drawer-heading{border-bottom-color:#d8bb7c24;margin-bottom:15px;padding-bottom:12px}.drawer-heading small{color:var(--gold)}.drawer-heading h2{letter-spacing:.025em;margin-top:5px;font-size:17px;font-weight:570}.drawer-heading button{border-color:#d8bb7c29;border-radius:2px}.drawer-heading button:hover,.drawer-heading button:focus-visible{border-color:var(--gold)}.budget-summary>div,.service-row,.map-button{background:#ffffff05;border-color:#d8bb7c1a}.budget-summary>div{padding:10px}.budget-summary span{color:#77776f;letter-spacing:.035em;font-size:8px}.section-title{color:#9a968a}.tax-row{grid-template-columns:94px minmax(72px,1fr) 73px}.tax-zone{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.tax-zone i{border-radius:2px}.drawer-note{color:#7d7d75;font-size:8px}.ledger-row{border-bottom-color:#d8bb7c12;min-height:28px}.service-row{min-height:44px}.service-glyph{color:var(--gold);background:#d8bb7c0b;border-color:#d8bb7c30}.service-bar{background:#f4f0e71a}.map-button{border-radius:2px}.map-button>span{color:var(--gold)}.map-button:hover,.map-button:focus-visible,.map-button.is-active{color:var(--ink);background:#d8bb7c12;border-color:#d8bb7c52}.map-legend{border-left-color:var(--gold);background:#d8bb7c09}.map-legend>i{background:var(--gold);box-shadow:none}.map-legend strong{color:var(--gold-hot)}.inspect-card{border-radius:2px;width:min(318px,100vw - 32px);padding:11px 13px;bottom:118px;left:16px}.inspect-glyph{color:var(--gold);background:#d8bb7c0b;border-color:#d8bb7c3b}.inspect-card strong{color:var(--gold-hot)}.placement-preview{background:var(--glass-solid);border-color:#78d7b04d;border-radius:2px}.active-map-pill{border-radius:2px;bottom:118px;right:16px}.active-map-pill i{background:var(--gold);box-shadow:none}.active-map-pill strong,.active-map-pill>b{color:var(--gold-hot)}.control-hint{color:#919087;background:#08090ab3;border-color:#d8bb7c21;border-radius:2px;padding:7px 11px;bottom:118px}.control-hint strong{color:var(--gold-hot)}.control-hint kbd{border-color:#d8bb7c33;border-radius:2px}.mouse-cue i{background:var(--gold)}.build-dock{width:min(940px,100vw - 32px);bottom:14px}.harbor-game[data-tool-group=roads] .build-dock,.harbor-game[data-tool-group=zones] .build-dock{width:min(640px,100vw - 32px)}.dock-topline{color:#76766e;text-shadow:0 1px 5px #000;padding:0 8px 7px}.dock-topline>span{color:var(--gold)}.dock-topline>i{background:linear-gradient(90deg,#d8bb7c7a,#0000)}.dock-topline>small{color:#6f706a}.dock-body{-webkit-backdrop-filter:blur(22px)saturate(.88);background:linear-gradient(#d8bb7c06,#0000 58%),#090a0be8;border-color:#d8bb7c3d;border-radius:3px 3px 2px 2px;grid-template-columns:178px minmax(0,1fr);min-height:76px;padding:5px;position:relative;box-shadow:0 24px 60px #00000075,inset 0 1px #ffffff09}.tool-group-tabs{border-right-color:#d8bb7c21;gap:2px}.tool-group-tabs button{border-radius:2px}.tool-group-tabs small{color:#77766e}.tool-group-tabs strong{font-size:9px;font-weight:590}.tool-group-tabs button:hover,.tool-group-tabs button:focus-visible,.tool-group-tabs button.is-active{color:var(--ink);background:#d8bb7c11;border-color:#d8bb7c3d}.tool-group-tabs button.is-active small{color:var(--gold)}.tool-button{background:#ffffff04;border-radius:2px;min-height:64px}.tool-button:hover,.tool-button:focus-visible{background:#d8bb7c0b;border-color:#d8bb7c33}.tool-button.is-active{background:color-mix(in srgb, var(--tool-color) 8%, #d8bb7c06)}.tool-button:after{height:1px;box-shadow:none}.tool-glyph{text-shadow:none;font-size:17px}.tool-copy strong{font-size:9px;font-weight:590}.tool-copy small,.tool-key{font-size:7px}.toast-region{width:min(390px,100vw - 32px);top:86px}.toast{background:var(--glass-solid);border-color:#d8bb7c40;border-radius:2px}.toast-marker{border-color:var(--gold);box-shadow:none}.pause-banner{color:var(--gold-hot);background:#08090ab3;border-left-color:#d8bb7c80;border-right-color:#d8bb7c80}.city-identity,.core-metrics,.rci-demand,.city-brief,.top-controls,.milestone-badges,.drawer-system,.build-dock,.control-hint,.inspect-card,.active-map-pill{transition:opacity .22s,transform .22s}.is-cinema .city-identity,.is-cinema .core-metrics,.is-cinema .rci-demand,.is-cinema .city-brief,.is-cinema .milestone-badges,.is-cinema .drawer-system,.is-cinema .build-dock,.is-cinema .control-hint,.is-cinema .inspect-card,.is-cinema .active-map-pill{opacity:0;pointer-events:none}.is-cinema .top-controls{top:6px;right:16px}.is-cinema .cinema-control{background:#08090ac7;border-color:#d8bb7c57}@media (width<=1180px){.city-identity,.rci-demand{width:270px;left:14px}.city-identity{top:14px}.rci-demand{top:100px}.core-metrics{top:14px;left:298px;right:14px}.top-controls{top:82px;right:14px}.city-brief{width:270px;top:136px;right:14px}.drawer-system{width:270px;top:270px;right:14px}.milestone-badges{top:326px;right:14px}.drawer-panel{max-height:calc(100vh - 350px)}.toast-region{top:84px}}@media (width<=850px){.city-identity,.rci-demand{width:248px;left:10px}.city-identity{top:10px}.rci-demand{top:96px}.core-metrics{min-height:60px;padding:6px 5px;top:10px;left:268px;right:10px}.status-cell{padding:3px 7px}.status-cell>span{margin-bottom:5px;font-size:7px}.status-cell>strong,.status-money>strong{font-size:10px}.top-controls{top:78px;right:10px}.city-brief{width:250px;top:132px;right:10px}.drawer-system{width:250px;top:264px;right:10px}.milestone-badges{top:320px;right:10px}.drawer-panel{width:min(352px,100vw - 20px);max-height:calc(100dvh - 344px)}.build-dock,.harbor-game[data-tool-group=roads] .build-dock,.harbor-game[data-tool-group=zones] .build-dock{width:calc(100vw - 20px)}.dock-body{grid-template-columns:162px minmax(0,1fr)}.control-hint{display:none}}@media (width<=640px){.harbor-game{height:100dvh}.city-identity{width:calc(100vw - 16px);min-height:62px;padding:10px 13px;top:8px;left:8px}.brand-code{font-size:7px}.city-title-line{margin-top:6px}.city-title-line h1{font-size:18px}.city-subtitle{display:none}.rci-demand{grid-template-columns:58px repeat(3,minmax(0,1fr));align-items:center;gap:5px;width:calc(100vw - 16px);min-height:56px;padding:9px 11px;display:grid;top:78px;left:8px;overflow:hidden}.rci-title{width:54px;margin:0;font-size:7px;line-height:1.35}.demand-row{grid-template-columns:11px minmax(16px,1fr) 9px;gap:4px;min-width:0}.core-metrics{min-height:54px;padding:5px 3px;top:142px;left:8px;right:8px}.core-metrics:before{display:none}.status-cell{padding:2px 5px}.status-cell>span{letter-spacing:.04em;font-size:6px}.status-cell>strong,.status-money>strong{font-size:9px}.city-brief{display:none}.top-controls{min-height:46px;top:204px;right:8px}.control-button{justify-content:center;width:42px;min-height:38px;padding:0}.control-button>b{display:none}.speed-button{min-width:38px;min-height:34px}.system-menu summary{width:38px;min-height:38px}.drawer-system{width:46px;top:258px;right:8px}.drawer-tabs{grid-template-columns:1fr;width:46px}.drawer-tabs button{border-bottom-color:#d8bb7c17;border-right-color:#0000;gap:2px;min-height:45px;padding:4px 2px;display:grid}.drawer-tabs button>b{text-overflow:ellipsis;max-width:40px;font-size:7px;overflow:hidden}.drawer-panel{width:calc(100vw - 70px);max-height:calc(100dvh - 378px);padding:13px;top:0;right:54px}.drawer-heading h2{font-size:15px}.tax-row{grid-template-columns:76px minmax(58px,1fr) 65px}.milestone-badges{justify-items:start;top:258px;left:8px;right:auto}.bridge-badge,.incident-badge{max-width:calc(100vw - 70px)}.toast-region{width:calc(100vw - 72px);top:258px;transform:translate(calc(-50% - 18px))}.build-dock,.harbor-game[data-tool-group] .build-dock{width:calc(100vw - 12px);bottom:6px}.dock-topline{display:none}.dock-body{min-height:0;padding:4px;display:block}.tool-group-tabs{border-bottom:1px solid #d8bb7c1c;border-right:0;grid-template-columns:repeat(3,1fr);height:40px;padding:0 0 3px}.tool-group-tabs button{justify-content:center;align-items:center;gap:5px;display:flex}.tool-group-tabs strong{font-size:9px}.tool-panels{height:60px;padding:3px 0 0}.tool-panel{height:57px}.tool-button{flex:0 0 78px;gap:4px;min-height:55px;padding:5px 4px}.tool-glyph{flex-basis:20px;width:20px;height:20px;font-size:15px}.tool-copy strong{font-size:9px}.tool-copy small{font-size:8px}.inspect-card{width:min(286px,100vw - 16px);bottom:116px;left:8px}.active-map-pill{bottom:116px;right:8px}}@media (width<=390px){.city-subtitle{display:none}.rci-title{max-width:46px}.status-cell{padding-left:3px;padding-right:3px}.status-cell>span{font-size:5.5px}.status-cell>strong,.status-money>strong{font-size:8px}.map-grid{grid-template-columns:1fr}}@media (height<=650px) and (width>=641px){.city-identity{min-height:64px;padding:10px 13px;top:8px;left:8px}.city-subtitle,.rci-demand,.city-brief,.control-hint,.inspect-card{display:none}.core-metrics{top:8px;left:298px;right:8px}.top-controls{top:76px;right:8px}.drawer-system{top:128px;right:8px}.drawer-panel{max-height:calc(100dvh - 190px)}.milestone-badges{top:184px;right:8px}.dock-topline{display:none}.build-dock{bottom:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.hud-surface,.city-identity,.dock-body,.control-hint{background:var(--panel-deep)}}@media (width<=640px){.city-identity{width:144px;min-height:46px;padding:9px 11px;top:8px;left:8px}.brand-code,.city-subtitle,.rci-demand{display:none}.city-title-line{margin:0}.city-title-line h1{letter-spacing:.11em;font-size:13px}.city-title-line>span{padding:3px 4px;font-size:6px}.core-metrics{grid-template-columns:1.12fr .78fr .9fr;min-height:46px;padding:4px 3px;top:8px;left:160px;right:8px}.status-cashflow,.status-cell[data-ui=happiness-cell]{display:none}.status-cell{min-width:0;padding:2px 5px}.status-cell>span{margin-bottom:4px;font-size:5.5px}.status-cell>strong,.status-money>strong{text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.top-controls{width:auto;max-width:calc(100vw - 16px);min-height:36px;padding:2px;top:62px;right:8px}.control-button{width:32px;min-width:32px;min-height:32px}.speed-button{width:32px;min-width:32px;min-height:30px;padding:0;font-size:9px}.system-menu summary{width:32px;min-height:32px}.drawer-system{width:42px;top:104px;right:8px}.drawer-tabs{width:42px}.drawer-tabs button{min-height:40px}.drawer-panel{width:calc(100vw - 66px);max-height:calc(100dvh - 226px);right:50px}.milestone-badges,.toast-region{top:104px}.bridge-badge{display:none!important}.incident-badge{max-width:calc(100vw - 66px)}.inspect-card{width:min(238px,100vw - 58px);padding:8px 10px}}:root{--hud-safe-top:env(safe-area-inset-top,0px);--hud-safe-right:env(safe-area-inset-right,0px);--hud-safe-bottom:env(safe-area-inset-bottom,0px);--hud-safe-left:env(safe-area-inset-left,0px)}html,body,#app,.harbor-root,.harbor-game{max-width:100%;overflow-x:clip}.harbor-game{--dock-reserve:118px;padding:0}.harbor-game [hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.harbor-game :focus-visible{outline-offset:3px;outline:2px solid var(--gold-hot)!important}.city-identity{top:calc(16px + var(--hud-safe-top));left:calc(16px + var(--hud-safe-left))}.rci-demand{top:calc(102px + var(--hud-safe-top));left:calc(16px + var(--hud-safe-left))}.core-metrics{top:calc(16px + var(--hud-safe-top));right:calc(350px + var(--hud-safe-right));left:calc(308px + var(--hud-safe-left))}.city-brief{top:calc(78px + var(--hud-safe-top));right:calc(16px + var(--hud-safe-right))}.top-controls{top:calc(16px + var(--hud-safe-top));right:calc(16px + var(--hud-safe-right))}.drawer-system{top:calc(212px + var(--hud-safe-top));right:calc(16px + var(--hud-safe-right));width:352px;max-width:calc(100vw - var(--hud-safe-left) - var(--hud-safe-right) - 32px)}.drawer-tabs{grid-template-columns:repeat(6,minmax(44px,1fr));width:100%}.drawer-tabs button{min-width:44px;min-height:44px;padding-inline:3px}.drawer-panel{width:352px;max-width:calc(100vw - var(--hud-safe-left) - var(--hud-safe-right) - 32px);max-height:calc(100dvh - var(--hud-safe-top) - var(--hud-safe-bottom) - 286px);overscroll-behavior:contain;inset:53px 0 auto auto}.drawer-panel:focus{outline:none}.drawer-heading button,.help-panel button,.touch-onboarding button{min-width:44px;min-height:44px}.status-detail-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.status-detail-grid>div,.status-unlock{background:#d8bb7c09;border:1px solid #d8bb7c1f;gap:5px;padding:10px;display:grid}.status-detail-grid span,.status-unlock span{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font:700 8px/1.2 SFMono-Regular,Consolas,monospace}.status-detail-grid strong,.status-unlock strong{color:var(--gold-hot);font:650 12px/1.2 SFMono-Regular,Consolas,monospace}.status-demand .demand-row{grid-template-columns:18px minmax(0,1fr) 34px;margin-top:9px;display:grid}.status-demand .demand-row em{color:var(--ink);text-align:right;font-style:normal}.status-milestone .milestone-line{gap:8px;margin-top:12px;display:grid}.status-milestone .milestone-line>strong{color:var(--ink);font-size:12px}.status-milestone .milestone-line>small{color:var(--muted);line-height:1.45}.status-unlock{margin-top:12px}.status-unlock strong[data-unlocked=true]{color:var(--mint)}.city-log-list{gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.city-log-list li{color:var(--muted);background:#d8bb7c06;border:1px solid #d8bb7c1c;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px;font-size:9px;line-height:1.45;display:grid}.city-log-list li>i{border:1px solid var(--gold);width:6px;height:6px;margin-top:3px;transform:rotate(45deg)}.city-log-list li[data-tone=warning]>i{border-color:var(--red)}.city-log-list li[data-tone=good]>i{border-color:var(--mint);background:var(--mint)}.city-log-list time{color:var(--faint);font:600 8px/1.3 SFMono-Regular,Consolas,monospace}.city-log-list .city-log-empty{color:var(--faint);display:block}.help-sections{gap:10px;display:grid}.help-sections section{background:#d8bb7c08;border:1px solid #d8bb7c1f;padding:11px}.help-sections h3{color:var(--gold-hot);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font:700 10px/1.2 SFMono-Regular,Consolas,monospace}.help-sections p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.help-sections button{color:var(--gold-hot);cursor:pointer;background:#d8bb7c0f;border:1px solid #d8bb7c40;margin-top:10px;padding:8px 12px}.context-stack{z-index:20;bottom:calc(var(--dock-reserve) + var(--hud-safe-bottom));left:calc(16px + var(--hud-safe-left));width:min(318px, calc(100vw - var(--hud-safe-left) - var(--hud-safe-right) - 32px));pointer-events:none;gap:6px;transition:opacity .18s;display:grid;position:absolute}.context-stack .inspect-card,.context-stack .active-map-pill{width:100%;max-width:100%;position:relative;inset:auto;transform:none}.context-stack .inspect-card{order:2}.context-stack .inspect-card.is-visible{transform:none}.context-stack .inspect-card:not(.is-visible){display:none}.context-stack .active-map-pill{pointer-events:auto;order:1;min-height:44px}.is-cinema .context-stack,.harbor-game[data-drawer] .context-stack{opacity:0;visibility:hidden;pointer-events:none}.build-dock{bottom:calc(14px + var(--hud-safe-bottom))}.toast-region{z-index:30;top:calc(86px + var(--hud-safe-top));width:min(390px, calc(100vw - var(--hud-safe-left) - var(--hud-safe-right) - 32px));bottom:auto;left:50%;right:auto;transform:translate(-50%)}.touch-onboarding{z-index:50;width:min(360px, calc(100vw - var(--hud-safe-left) - var(--hud-safe-right) - 32px));color:var(--ink);opacity:0;pointer-events:auto;background:#090a0bf5;border-color:#d8bb7c59;gap:10px;padding:16px;transition:opacity .16s,transform .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(8px - 50%));box-shadow:0 24px 70px #00000094}.touch-onboarding.is-visible{opacity:1;transform:translate(-50%,-50%)}.touch-onboarding small{color:var(--gold);letter-spacing:.14em;font:700 8px/1.2 SFMono-Regular,Consolas,monospace}.touch-onboarding h2{color:var(--gold-hot);margin:5px 0 0;font-size:17px}.touch-onboarding p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.touch-onboarding button{color:var(--mint);cursor:pointer;background:#78d7b014;border:1px solid #78d7b057;justify-self:end;padding:8px 16px}@media (pointer:coarse){.harbor-game button,.harbor-game summary,.harbor-game input[type=range]{min-width:44px!important;min-height:44px!important}.harbor-game input[type=range]{height:44px}.harbor-game input[type=range]::-webkit-slider-thumb{width:44px;height:44px}.harbor-game input[type=range]::-moz-range-thumb{width:44px;height:44px}}@media (width<=900px){.build-dock,.harbor-game[data-tool-group=roads] .build-dock,.harbor-game[data-tool-group=zones] .build-dock{right:calc(12px + var(--hud-safe-right));left:calc(12px + var(--hud-safe-left));width:auto;max-width:none;transform:none}}@media (width<=640px){.harbor-game{--dock-reserve:136px}.city-identity,.rci-demand,.city-brief,.milestone-badges{display:none!important}.core-metrics{top:calc(8px + var(--hud-safe-top));right:calc(8px + var(--hud-safe-right));left:calc(8px + var(--hud-safe-left));grid-template-columns:1.12fr 1fr .82fr;width:auto;min-width:0;min-height:48px;padding:4px;display:grid;transform:none}.core-metrics:before{display:none}.core-metrics .status-cell{min-width:0;padding:3px 5px;display:block}.core-metrics .status-cell:nth-child(n+4){display:none}.core-metrics .status-cell>span{margin-bottom:4px;font-size:6px}.core-metrics .status-cell>strong,.core-metrics .status-money>strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.top-controls{top:calc(62px + var(--hud-safe-top));right:calc(8px + var(--hud-safe-right));width:auto;max-width:calc(100vw - var(--hud-safe-left) - var(--hud-safe-right) - 16px);min-height:52px;padding:2px;left:auto}.top-controls .control-button,.top-controls .speed-button,.top-controls .system-menu summary{width:44px;min-width:44px;min-height:44px;padding:0}.top-controls .control-button>b,.top-controls .cinema-control{display:none}.speed-toggle{padding:0}.system-popover button{min-height:44px}.drawer-system{top:calc(116px + var(--hud-safe-top));right:calc(8px + var(--hud-safe-right));width:44px;max-width:none;left:auto}.drawer-tabs{grid-template-columns:1fr;width:44px;padding:2px}.drawer-tabs button{border-bottom-color:#d8bb7c17;border-right-color:#0000;width:44px;min-width:44px;min-height:44px;padding:2px;display:grid}.drawer-tabs button>b{font-size:7px}.drawer-panel{width:calc(100vw - var(--hud-safe-left) - var(--hud-safe-right) - 68px);max-width:none;max-height:calc(100dvh - var(--hud-safe-top) - var(--hud-safe-bottom) - 244px);padding:13px;inset:0 52px auto auto;transform:none}.context-stack{right:calc(60px + var(--hud-safe-right));bottom:calc(var(--dock-reserve) + var(--hud-safe-bottom));left:calc(8px + var(--hud-safe-left));width:auto;max-width:none}.context-stack .inspect-card{width:100%;padding:8px 10px}.toast-region{top:calc(116px + var(--hud-safe-top));right:calc(60px + var(--hud-safe-right));bottom:auto;left:calc(8px + var(--hud-safe-left));width:auto;max-width:none;transform:none}.toast{min-height:44px}.build-dock,.harbor-game[data-tool-group=roads] .build-dock,.harbor-game[data-tool-group=zones] .build-dock{right:calc(6px + var(--hud-safe-right));bottom:calc(6px + var(--hud-safe-bottom));left:calc(6px + var(--hud-safe-left));width:auto;max-width:none;transform:none}.tool-group-tabs button,.tool-button,.map-button,.drawer-heading button,.help-panel button{min-width:44px;min-height:44px}.touch-onboarding{right:calc(8px + var(--hud-safe-right));left:calc(8px + var(--hud-safe-left));width:auto;transform:translateY(calc(8px - 50%))}.touch-onboarding.is-visible{transform:translateY(-50%)}}@media (height<=500px) and (orientation:landscape){.drawer-system{top:calc(128px + var(--hud-safe-top));right:calc(8px + var(--hud-safe-right))}.drawer-panel{width:352px;max-height:calc(100dvh - var(--hud-safe-top) - var(--hud-safe-bottom) - 188px);top:52px;bottom:auto;right:0}.harbor-game[data-drawer] .build-dock{opacity:0;visibility:hidden;pointer-events:none}.toast-region{top:calc(84px + var(--hud-safe-top));bottom:auto;right:auto;left:calc(8px + var(--hud-safe-left));width:min(360px, calc(100vw - var(--hud-safe-left) - var(--hud-safe-right) - 392px));transform:none}}