.city-lab{background:#0b1319;color:#dce8ec}.city-lab main{padding:106px 3% 40px;max-width:1920px;margin:auto}.city-lab header{z-index:50}.city-lab h1{font-size:clamp(30px,3vw,47px);letter-spacing:-.04em;margin:8px 0 12px}.lab-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.lab-title p:not(.eyebrow){font-size:13px;color:#9fb6c1;max-width:720px;margin:0}.lab-title .eyebrow{margin:0}.lab-actions,.lab-toolbar,.scene-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.city-lab button,.city-lab select,.city-lab input[type=number]{font:inherit;font-size:12px;background:#172b35;color:#d9e7ed;border:1px solid #3c5866;border-radius:7px;padding:9px 11px}.city-lab button{cursor:pointer;transition:border-color .2s,background .2s}.city-lab button:hover{border-color:#d6b67c;background:#243944}.city-lab button:focus-visible,.city-lab select:focus-visible,.city-lab input:focus-visible{outline:2px solid #edc879;outline-offset:3px}.city-lab label{font-size:11px;color:#b8cdd6}.lab-actions label{display:flex;gap:8px;align-items:center}.lab-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#32444c;border:1px solid #32444c;border-radius:10px;overflow:hidden;margin-bottom:18px}.lab-metrics>div{background:#101e26;padding:16px}.lab-metrics span{font-size:10px;display:block;color:#90acb9}.lab-metrics strong{font-size:20px;font-weight:500;display:block;margin-top:8px;color:#e7c994}.lab-toolbar{justify-content:space-between;margin-bottom:15px;gap:12px}.view-tabs{display:flex;gap:5px}.view-tabs button[aria-pressed=true]{background:#d9ba80;color:#14232b;border-color:#d9ba80}.scenario-label{display:flex;gap:9px;align-items:center}#engine-status{font-size:10px;color:#91bdb6}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.network-stage{border:1px solid #354c58;border-radius:12px;overflow:hidden;background:#101e26;min-width:0}.scene-actions{padding:10px;border-bottom:1px solid #334b57}.scene-actions button{font-size:11px}.canvas-host{position:relative;height:520px;background:#aebcbf}#city-canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}#city-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}#city-labels button{position:absolute;transform:translate(-50%,-110%);pointer-events:auto;white-space:nowrap;font-size:10px;padding:6px 9px;background:#10252ef0;border:1px solid #cab783;border-radius:18px;box-shadow:0 3px 12px #0003}#world-loading{position:absolute;top:35%;left:10%;background:#132c38;padding:16px;border-radius:9px}.scene-caption{padding:12px 16px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:10px;color:#9fbbc7}.scene-caption i{display:inline-block;width:8px;height:8px;background:#29a9e7;border-radius:50%;margin-right:5px}.city-summary{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding:22px;border-top:1px solid #314954}.city-summary h2{font-size:23px;margin:8px 0;letter-spacing:-.02em}.city-summary p{font-size:12px;color:#a5bac5;line-height:1.6;margin:0}.city-summary .eyebrow{font-size:8px!important}.trend span,.trend small{font-size:10px;color:#9db4c0}.trend svg{width:100%;height:70px;display:block}.inspector{position:sticky;top:94px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;background:#132630;border:1px solid #3a5563;border-radius:12px;padding:20px}.inspector>select{width:100%;margin:8px 0 24px}.inspector h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin-bottom:18px}.inspector .eyebrow{font-size:8px!important;color:#cfb681;margin-bottom:10px!important}.reading{display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:11px;border-bottom:1px solid #2b424d}.reading span{color:#a9bfca}.reading b{font-weight:500;text-align:right;color:#e8d4ad}.asset-note{font-size:10px;line-height:1.7;color:#97b0bd;border-left:2px solid #c8ae7b;padding-left:11px;margin-top:16px}#asset-controls{border-top:1px solid #415963;margin-top:16px;padding-top:4px}#asset-controls label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}#asset-controls input[type=number]{width:95px}#asset-controls input[type=range]{width:100%;accent-color:#d4b77c}#asset-controls label:has(input[type=range]){display:block}#asset-controls input[type=checkbox],.lab-toolbar input{accent-color:#d4b77c}#asset-controls .command-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0}#asset-controls .command-buttons button:first-child{background:#d3b47b;color:#12232b}.lab-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.lab-bottom>section{background:#101f28;border:1px solid #344b58;border-radius:10px;padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-heading h2{font-size:21px;letter-spacing:-.02em;margin:0}.panel-heading>span{font-size:11px;background:#4c3b2c;color:#ffd6a5;padding:5px 9px;border-radius:12px}#alarms{max-height:220px;overflow-y:auto;display:grid;gap:6px}#alarms button{text-align:left;font-size:11px;background:#252d2d;border-color:#6b5e40;color:#e0d0ad}#event-log{font-size:11px;color:#a8bec9;line-height:1.7;max-height:220px;overflow:auto;padding-left:20px}.model-notes{margin-top:22px;font-size:12px;color:#99b3bf;max-width:1250px}.model-notes p{font-size:12px}.model-notes summary{cursor:pointer;color:#d5c298}.network-heading{display:flex;gap:15px;justify-content:space-between;padding:18px;font-size:12px}.network-heading span{color:#8ba9b9;font-size:10px}#source-card{padding:0 16px 14px}#source-card button{width:100%;display:flex;justify-content:space-between;border-color:#426b83;background:#16364a}#treatment-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 20px}.route-card{padding:12px;background:#152a36;border:1px solid #3b5562;border-radius:8px}.route-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ddc28e;margin-bottom:10px}.route-components{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.route-components button{font-size:10px;padding:8px 4px}.route-components small{display:block;color:#9cb6c6;margin-top:5px}.tank-board{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;padding:0 16px 18px;overflow-x:auto}.tank-card{padding:10px 8px;background:#172c37;border:1px solid #426172;border-radius:8px;min-width:0}.tank-card>button{width:100%;font-size:10px;padding:9px 3px}.tank-card .tank-title{border:0;background:none;color:#e4c995;font-size:12px;padding:4px}.tank-level{height:75px;position:relative;overflow:hidden;border:2px solid #83a0ab;border-radius:9px 9px 3px 3px;width:48px;margin:12px auto;background:#0c202b}.tank-level i{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(#339ecb,#136291);transition:height .4s}.tank-level span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:white;z-index:1}.tank-numbers{text-align:center;font-size:9px;color:#adc7d4;line-height:1.7;margin:10px 0}.ward-list{border-top:3px solid #329fd1;margin-top:12px;padding-top:7px;display:grid;gap:6px}.ward-card{font-size:9px!important;text-align:left!important;background:#193544!important;padding:8px 5px!important;width:100%;line-height:1.5}.ward-card strong{display:block;font-size:10px;color:#ead4a6}.ward-card span{display:block;color:#b8d0dc}.warn{border-color:#c19a55!important}.fault{border-color:#e98678!important;background:#492d30!important}button.selected-asset{outline:2px solid #e6c17a;outline-offset:1px}.flow-strip{height:5px;margin:9px 0;background:#315766;border-radius:5px}.flow-strip.live{background:repeating-linear-gradient(90deg,#138cce 0 16px,#9adbff 16px 20px);background-size:40px 100%;animation:watermove 1s linear infinite}@keyframes watermove{to{background-position:40px 0}}#guide{padding:20px;margin-bottom:18px;background:#25332f;border:1px solid #77886a;border-radius:10px;font-size:12px}#guide ol{line-height:1.8;padding-left:20px}#guide-progress{color:#d9cda5}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}
@media(min-width:1700px){.canvas-host{height:630px}.lab-layout{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1100px){.lab-title{display:block}.lab-actions{margin-top:16px}.lab-layout{grid-template-columns:minmax(0,1fr) 280px}.lab-metrics{grid-template-columns:repeat(3,1fr);gap:1px}.canvas-host{height:460px}.city-summary{grid-template-columns:1fr}.trend{display:none}.route-components{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.city-lab main{padding:92px 4% 30px}.city-lab header{height:68px;padding:0 4%}.city-lab .wordmark{font-size:12px}.city-lab header nav{display:flex;position:static;background:none;padding:0;font-size:10px}.city-lab header nav a:not(:first-child){display:none}.lab-layout{grid-template-columns:1fr}.inspector{position:static;max-height:none}.canvas-host{height:380px}.lab-metrics strong{font-size:15px}.lab-metrics>div{padding:12px 9px}.lab-metrics span{font-size:9px}.lab-bottom{grid-template-columns:1fr}.lab-toolbar{align-items:flex-start}.scenario-label{display:block}.scenario-label select{margin:6px 0}.network-heading{display:block;line-height:1.8}#treatment-cards{grid-template-columns:1fr}.tank-board{grid-template-columns:repeat(7,165px)}.scene-caption{font-size:9px}#city-labels button{font-size:8px;padding:5px 6px}.city-summary{padding:16px}.lab-title h1{font-size:34px}.lab-actions button,.lab-actions select{font-size:10px}.lab-toolbar label{font-size:10px}.model-notes summary{line-height:1.6}}
@media(prefers-reduced-motion:reduce){.flow-strip.live{animation:none}.tank-level i{transition:none}}

.tank-card>button small{display:block;font-size:9px;color:#a8c6d4;margin-top:5px;line-height:1.4}.city-lab #zoom-in{font-family:Arial,sans-serif}

.scenario-note{font-size:10px;color:#93adba;margin:0 0 14px;line-height:1.6}