:root{--red:#e2231a;--red-dark:#a3170f;--black:#101114;--panel:#101114f0;--panel-solid:#16171b;--line:#34373d;--white:#f4f4f2;--muted:#a9adb3;--steel:#5b6068;--ok:#3fb56b;--warn:#e2a11a;color:var(--white);background:var(--black);-webkit-font-smoothing:antialiased;font-family:Arial Narrow,Helvetica Neue,Arial,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--black);height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--red);color:var(--white);letter-spacing:.02em;border-radius:4px;padding:.45rem .75rem;font-weight:700}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.45;cursor:not-allowed;background:var(--steel)}button.ghost{border-color:var(--steel);background:0 0}button.danger{background:var(--red-dark)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--white);outline-offset:2px}input,select{color:var(--white);border:1px solid var(--line);background:#202227;border-radius:4px;padding:.4rem .5rem}kbd{border:1px solid var(--steel);color:var(--white);background:#202227;border-bottom-width:2px;border-radius:3px;padding:0 .3rem;font-family:inherit;font-size:.78em;display:inline-block}code{background:#202227;border-radius:3px;padding:0 .25rem}.muted{color:var(--muted);font-size:.85rem}.note{border-left:3px solid var(--red);background:#e2231a14;padding:.4rem .6rem;font-size:.88rem}.error-text{color:#ff8a84}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.boot,.loading-overlay{text-align:center;background:var(--black);z-index:50;place-content:center;gap:.6rem;display:grid;position:fixed;inset:0}.loading-overlay{background:#101114eb}.boot-mark{letter-spacing:.14em;border-bottom:6px solid var(--red);padding-bottom:.2rem;font-size:clamp(2rem,6vw,4rem);font-weight:800}.boot-mark.small{border-bottom-width:3px;font-size:1.1rem;display:inline-block}.game,.stage{position:fixed;inset:0}.stage canvas{touch-action:none;display:block}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud button,.hud .prompt,.hud .waypoint-chip,.hud .sim-box{pointer-events:auto}.hud-top-left{gap:6px;max-width:min(420px,60vw);display:grid;position:absolute;top:12px;left:12px}.demo-badge{background:var(--black);border:1px solid var(--line);border-left:4px solid var(--ok);letter-spacing:.06em;padding:.3rem .6rem;font-size:.8rem;font-weight:800;display:inline-block}.demo-badge.warn{border-left-color:var(--warn)}.hud-note{background:var(--panel);border-left:3px solid var(--warn);padding:.35rem .6rem;font-size:.8rem}.hud-player{background:#101114b3;gap:.5rem;padding:.3rem .6rem;font-size:.82rem;display:flex}.hud-top-right{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:60vw;display:flex;position:absolute;top:12px;right:12px}.hud-button{background:var(--panel);border-color:var(--line)}.hud-button.small{padding:.3rem .55rem;font-size:.8rem}.hud-button.update{background:var(--red)}.sim-box{background:var(--panel);border:1px solid var(--line);border-radius:4px;align-items:center;gap:6px;padding:.25rem .4rem;font-size:.78rem;display:flex}.sim-box button{background:#2a2c31;padding:.2rem .45rem;font-size:.75rem}.waypoint-chip{background:var(--panel);border:1px solid var(--red);align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.85rem;display:flex;position:absolute;top:58px;right:12px}.waypoint-chip button{background:0 0;padding:.1rem .4rem;font-size:.75rem}.lock-hint{background:var(--panel);border:1px solid var(--line);padding:.3rem .7rem;font-size:.82rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud-bottom{align-items:center;gap:8px;max-width:calc(100vw - 460px);display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.prompt{background:var(--panel);border:2px solid var(--red);padding:.55rem .9rem;font-size:1rem}.controls-hint,.vehicle-hud{background:#101114c7;border-radius:4px;flex-wrap:wrap;gap:.35rem .9rem;padding:.45rem .8rem;font-size:.85rem;display:flex}.vehicle-hud{border:1px solid var(--red);align-items:center}.vehicle-hud .speed{font-size:1.6rem;font-weight:800}.minimap{width:190px;height:190px;position:absolute;bottom:14px;left:14px}.minimap svg{width:100%;height:100%}.fps{color:var(--muted);background:#10111499;padding:.15rem .4rem;font-size:.72rem;position:absolute;bottom:12px;right:12px}.toasts{z-index:40;gap:6px;max-width:min(420px,90vw);display:grid;position:fixed;bottom:40px;right:12px}.toast{background:var(--panel-solid);border:1px solid var(--line);border-left:4px solid var(--ok);padding:.5rem .7rem;font-size:.88rem}.toast.error{border-left-color:var(--red)}.toast.info{border-left-color:var(--white)}.overlay{z-index:30;background:#08090bb8;position:fixed;inset:0}.panel{background:var(--panel);border-left:3px solid var(--red);z-index:25;flex-direction:column;width:min(520px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0}.panel header,.menu-card header,.map-side header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.9rem 1rem .6rem;display:flex}.panel h2,.menu-card h2,.map-side h2{letter-spacing:.02em;margin:0;font-size:1.25rem}.panel header p{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.panel-body{flex:1;padding:.4rem 1rem 1rem;overflow-y:auto}.panel footer{color:var(--muted);border-top:1px solid var(--line);padding:.45rem 1rem;font-size:.75rem}.panel-section{border-bottom:1px solid #ffffff0f;padding:.6rem 0}.panel-section h3,.menu-body h3,.map-side h3{text-transform:uppercase;letter-spacing:.06em;margin:.2rem 0 .4rem;font-size:.95rem}.task-list,.result-list,.district-list,.plain,.integrations{margin:0;padding:0;list-style:none}.task-row{border-bottom:1px dashed #ffffff14;gap:.35rem;padding:.5rem 0;display:grid}.task-main{gap:.1rem;display:grid}.task-main span{color:var(--muted);font-size:.85rem}.status{color:var(--white);font-style:normal;font-weight:700}.status-in_progress{color:#7fc8ff}.status-review{color:var(--warn)}.status-done{color:var(--ok)}.actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.actions button,.actions select{padding:.3rem .55rem;font-size:.82rem}.qty input{width:4.2rem}.project-card,.job-card,.card{border:1px solid var(--line);background:#1d1f24;border-radius:4px;margin:.4rem 0;padding:.6rem .7rem}.project-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.stage,.sim-tag{letter-spacing:.05em;border:1px solid var(--steel);white-space:nowrap;padding:.1rem .4rem;font-size:.72rem;font-weight:800}.stage-operating{border-color:var(--ok);color:var(--ok)}.sim-tag{border-color:var(--red);color:var(--white);background:#e2231a40}.milestones{margin:.3rem 0;padding-left:1.1rem;font-size:.86rem}.milestones li.done{color:var(--ok)}.timeline{flex-wrap:wrap;gap:.25rem;margin:.35rem 0;padding:0;list-style:none;display:flex}.timeline li{border:1px solid var(--line);color:var(--muted);padding:.1rem .35rem;font-size:.74rem}.timeline li.current{background:var(--red);color:var(--white);border-color:var(--red)}.timeline li.failed{background:var(--red-dark)}.preview-frame{border:1px dashed var(--steel);background:repeating-linear-gradient(135deg,#1a1b1f,#1a1b1f 12px,#202228 12px 24px);gap:.2rem;margin:.4rem 0;padding:.7rem;font-size:.82rem;display:grid}.facts{grid-template-columns:max-content 1fr;gap:.2rem .8rem;margin:.4rem 0;font-size:.86rem;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.meter{background:#2b2d33;border-radius:4px;height:8px;overflow:hidden}.meter div{background:var(--red);height:100%}.trace ul{color:var(--muted);margin:.2rem 0 .5rem;padding-left:1rem;font-size:.84rem}.trace>li{margin-bottom:.4rem;font-size:.86rem}.tabs{flex-wrap:wrap;gap:.3rem;padding:.5rem 0;display:flex}.tabs button{background:#24262b;font-size:.82rem}.tabs button.active{background:var(--red)}.field{gap:.25rem;margin:.4rem 0;font-size:.85rem;display:grid}.check{align-items:center;gap:.5rem;margin:.4rem 0;font-size:.9rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.4rem;display:grid}.city-map.overlay{grid-template-columns:1fr min(400px,100vw);display:grid}.city-map.embedded{grid-template-columns:1fr min(400px,100vw);display:grid;position:fixed;inset:118px 0 0}.map-canvas{background:#101a14;position:relative;overflow:hidden}.map-canvas svg{width:100%;height:100%}.map-label{fill:var(--white);letter-spacing:1px;pointer-events:none;paint-order:stroke;stroke:var(--black);stroke-width:4px;font-size:18px;font-weight:800}.map-building,.map-district,.map-vehicle{cursor:pointer}.map-side{background:var(--panel-solid);border-left:3px solid var(--red);padding-bottom:1rem;overflow-y:auto}.map-side>section,.map-side>label,.map-side>ul{margin:.5rem 1rem}.result-list li button,.district-list li{text-align:left;border:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:.1rem;width:100%;padding:.45rem .2rem;display:grid}.result-list li button span,.district-list li span{color:var(--muted);font-size:.8rem;font-weight:400}.result-list li button.active{background:#e2231a2e}.menu.overlay{place-items:center;display:grid}.menu-card{background:var(--panel-solid);border-top:4px solid var(--red);flex-direction:column;width:min(760px,96vw);max-height:92vh;display:flex}.menu-card .tabs{border-bottom:1px solid var(--line);padding:.5rem 1rem}.menu-body{padding:.5rem 1rem 1rem;overflow-y:auto}.menu-body section{margin-bottom:1rem}.controls{border-collapse:collapse;font-size:.88rem}.controls td{border-bottom:1px solid var(--line);padding:.25rem .8rem .25rem 0}.integrations li{border-bottom:1px solid var(--line);gap:.15rem;padding:.5rem 0;display:grid}.fallback{background:var(--black);position:fixed;inset:0}.fallback-head{border-bottom:3px solid var(--red);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;height:118px;padding:0 1rem;display:grid}@media (max-width:900px){.hud-bottom{max-width:calc(100vw - 24px);bottom:214px}.city-map.overlay,.city-map.embedded{grid-template-rows:45% 55%;grid-template-columns:1fr}.fallback-head{grid-template-columns:1fr;height:auto;padding:.5rem 1rem}.city-map.embedded{top:170px}.hud-top-right{max-width:55vw}.sim-box span{display:none}}.hud-district{color:#f4f4f2;letter-spacing:.06em;text-transform:uppercase;background:#101114c7;border-left:3px solid #e2231a;align-self:flex-start;padding:4px 10px;font-size:12px}.source-mode{letter-spacing:.08em;color:#f4f4f2;background:#3a3d42;border-radius:4px;margin-bottom:.45rem;padding:.12rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.source-mode-live{background:#e2231a}.source-health,.source-records{gap:.3rem;margin:.35rem 0;padding:0;font-size:.86rem;list-style:none;display:grid}.source-health li:before{content:"";background:#8a8d92;border-radius:50%;width:.5rem;height:.5rem;margin-right:.4rem;display:inline-block}.source-health .health-connected:before{background:#3fa66b}.source-health .health-stale:before,.source-health .health-connecting:before{background:#d9a23a}.source-health .health-unavailable:before,.source-health .health-unauthorized:before{background:#e2231a}.source-kind{color:#8a8d92;text-transform:uppercase;letter-spacing:.05em;min-width:6.5rem;font-size:.74rem;display:inline-block}.source-tone{background:#2b2d31;border-radius:3px;margin-left:.4rem;padding:.05rem .35rem;font-size:.74rem}.tone-active{color:#7fd1a0}.tone-attention{color:#f0c36a}.tone-done{color:#c9ccd1}.tone-problem{color:#ff7a73}.tone-unknown{color:#b9bcc0;font-style:italic}.source-records .missing{opacity:.6}