:root{--ink:#293630;--muted:#7d827b;--paper:#eeeee6;--panel:#f6f5ee;--line:#d4d5cb;--dark:#27352f;--amber:#dba54c;--green:#4e7764;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:12px;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{border:0;background:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #c58930;outline-offset:2px}input[type=range]{width:100%;height:3px;accent-color:var(--green);cursor:pointer}input[type=checkbox]{accent-color:var(--green)}small{font-size:10px}#app{height:100dvh;display:flex;flex-direction:column;background:var(--paper)}.titlebar{height:43px;flex-shrink:0;background:var(--dark);color:#e7e9df;display:flex;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:inset 0 1px #667168}.identity{display:flex;align-items:center;gap:10px}.brand-icon{font:bold 23px var(--mono);border:1px solid #849183;width:25px;height:25px;line-height:23px;text-align:center;color:#e3b36b;letter-spacing:-4px;padding-right:4px}.identity strong{font-size:15px;letter-spacing:2.2px}.version{margin-left:9px;padding-left:15px;border-left:1px solid #58635b;font:9px var(--mono);color:#aeb9ab;letter-spacing:.5px}.window-title{font:9px var(--mono);letter-spacing:1.4px;display:flex;align-items:center;gap:10px;color:#b8c2b7}.led{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#7caa77;box-shadow:0 0 0 2px #80a47318}.square{font-size:22px;color:#b5c1b3}.menubar{height:30px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#e7e7dd}.menubar button{padding:7px 12px;font-size:11px}.menubar button:hover{background:#d4d7cb}.menubar>span{font:8px var(--mono);letter-spacing:1.2px;color:#85877d}.commandbar{height:78px;flex-shrink:0;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #c8cfc2;gap:30px;background:#f5f4ec}.location{display:flex;align-items:center;gap:13px;flex:1}.location-symbol{font-size:29px;color:#738372}.location small,.scenario small{display:block;font:8px var(--mono);letter-spacing:1.4px;color:#83877d;margin-bottom:6px}.location strong{font-size:22px;letter-spacing:-.8px;font-weight:500}.change{border:1px solid #c9cfc1;padding:7px 9px;font-size:9px;margin-left:14px;background:#ebece3}.scenario{display:flex;align-items:center;gap:11px;border-left:1px solid var(--line);padding-left:25px;flex:1.2}.scenario strong{font-weight:500;font-size:12px}.amber-square{background:var(--amber);width:7px;height:7px}.difficulty{font:7px var(--mono);letter-spacing:.5px;border:1px solid #d6d8cb;padding:4px 5px;color:#7c8475;margin-left:10px}.primary{background:var(--dark);color:#f4f4e8;border:1px solid #1e2d26;box-shadow:inset 0 1px #586b5c;font-size:11px;padding:12px 17px;font-weight:500}.primary:hover{background:#405448}.primary kbd{margin-left:15px;border:1px solid #657460;color:#b4c1af;background:transparent}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:245px minmax(0,1fr) 303px}.left-panel,.right-panel{background:var(--panel);display:flex;flex-direction:column;min-height:0}.left-panel{border-right:1px solid #c2c9bb}.right-panel{border-left:1px solid #bfc6b7}.panel-heading{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:8px var(--mono);letter-spacing:1.5px;color:#7c8377;border-bottom:1px solid var(--line);flex-shrink:0}.panel-heading span{letter-spacing:0;color:#969d8e}.tool{display:flex;align-items:center;gap:11px;text-align:left;padding:15px 16px;border-bottom:1px solid #e4e6dc;border-left:3px solid transparent;position:relative}.tool>span{width:22px;font:27px var(--mono);color:#7b8a75}.tool strong{display:block;font-size:11px;font-weight:500;margin-bottom:4px}.tool small{font-size:9px;color:#8a9083}.tool kbd{position:absolute;right:14px;top:18px}kbd{font:8px var(--mono);padding:2px 4px;border:1px solid #ced3c5;color:#8b9382;background:#f0f1e8}.tool.active{background:#e4e9dc;border-left-color:var(--green)}.tool.active>span{color:#3c6048}.tool.active strong{font-weight:bold}.section{margin-top:14px}.brief{padding:18px 17px 4px}.case-label{font:8px var(--mono);letter-spacing:1.1px;color:#929787}.brief h2{font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.4px;margin:12px 0 11px}.brief>p{font-size:10px;line-height:1.7;color:#7b8375;margin:0 0 16px}.objective{display:flex;gap:9px;padding:12px 10px;background:#e8ebdf;border:1px solid #d7ddcc}.objective>span{font-size:20px;color:#7d8b6d}.objective strong{font-size:10px;font-weight:500}.objective p{color:#7b846f;font-size:9px;line-height:1.6;margin:5px 0 0}.budget-label{display:flex;justify-content:space-between;font-size:9px;margin-top:20px}.budget-label strong{font:11px var(--mono)}.budget-track{height:4px;background:#dedfd4;margin:10px 0 7px}.budget-track i{height:100%;width:100%;background:#8a9c73;display:block;transition:width .3s}.muted{font-size:8px;color:#979b8d}.layers{padding:9px 17px}.layers label{display:flex;align-items:center;gap:7px;font-size:9px;min-height:26px}.layers input{width:11px;height:11px;margin:0 3px 0 0}.layers span{margin-left:auto;font:7px var(--mono);color:#a0a48f}.manual-link{margin:15px 14px 14px;display:flex;align-items:center;text-align:left;gap:9px;padding:12px 9px;border:1px solid #dbded1;font-size:9px}.manual-link>span{font-size:21px;color:#8e9883}.manual-link small{display:block;font-size:8px;color:#8d9582;margin-top:5px}.left-footer{margin-top:auto;border-top:1px solid var(--line);padding:10px 16px;font:7px var(--mono);color:#9aa18f;letter-spacing:.7px;display:flex;gap:7px}.left-footer .led{width:4px;height:4px;background:#94aa7e}.map-shell{position:relative;overflow:hidden;background:#bfcbb9;min-height:260px}.map-shell:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 85px #283c2b13}#world{position:absolute;inset:0}#world canvas{width:100%;height:100%;display:block}#map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.street-label{position:absolute;white-space:nowrap;font:bold 9px var(--mono);letter-spacing:.8px;color:#f4eed9;text-shadow:0 1px 2px #1f3128,0 0 4px #24362a;transform:translate(-50%,-50%);opacity:.87}.junction-marker{position:absolute;transform:translate(-50%,-50%);border:1px solid #bec8aa;background:#243b2ee6;color:#e9efdf;cursor:pointer;pointer-events:auto;font:8px var(--mono);width:22px;height:22px;display:grid;place-items:center;box-shadow:0 2px 5px #173a3433}.junction-marker.selected{background:#e6b45d;border-color:#f9dfa4;color:#27372a;outline:3px solid #e6b45d33;width:27px;height:27px}.junction-marker.queued:after{content:'';width:4px;height:4px;background:#db7b54;position:absolute;right:-3px;top:-3px;border:1px solid #f1e0c3}.map-top{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.map-tag{background:#f5f3e9e8;border:1px solid #a7b5a0;box-shadow:0 2px 5px #4556420c;font:8px var(--mono);letter-spacing:.6px;padding:9px 11px;display:flex;align-items:center;gap:8px;color:#455340}.map-tag .led{width:5px;height:5px}.map-tag .sep{margin:0 2px;color:#b3b9a8}#map-count{font-size:7px;color:#7e8974}.view-switch{pointer-events:auto;display:flex;background:#f1f2e7;box-shadow:0 1px 6px #243b2a22;border:1px solid #a6b39c;padding:2px}.view-switch button{font:8px var(--mono);padding:7px 10px}.view-switch .active{background:#3c5141;color:#f1f0e2}.map-location{position:absolute;top:72px;left:22px;pointer-events:none}.map-location>div{font:8px var(--mono);letter-spacing:1.7px;color:#4b5b43}.map-location span{color:#7b896d;margin:0 7px}.map-location small{display:block;margin-top:7px;font:7px var(--mono);color:#748166}.map-notice{position:absolute;top:115px;left:50%;transform:translateX(-50%);padding:9px 10px;white-space:nowrap;background:#f7f4e8f2;border:1px solid #c5c9b3;box-shadow:0 3px 12px #3c533322;font-size:8px;color:#737e66;display:flex;align-items:center;gap:9px}.map-notice>span{color:#879674;font-size:16px}.map-notice button{color:#9aa28b}.compass{position:absolute;bottom:123px;right:22px;text-align:center;pointer-events:none}.compass span{font:bold 9px var(--mono);display:block;margin-bottom:2px;color:#43543d}.compass svg{filter:drop-shadow(0 1px 1px #eee8d0)}.map-controls{position:absolute;bottom:60px;right:19px;display:flex;flex-direction:column;border:1px solid #a9b59b;background:#f2f2e6;box-shadow:0 1px 6px #354b3322}.map-controls button{height:30px;width:30px;border-bottom:1px solid #d4dbc8;font-size:17px}.map-controls button:last-child{border:0}.map-controls button:hover{background:#d7dfca}.map-bottom{position:absolute;bottom:30px;left:17px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.legend{display:flex;gap:13px;background:#f1f2e5e6;padding:8px 10px;border:1px solid #bac5ab;font-size:7px;color:#6e7d60}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:5px;height:5px}.green{background:#59836a}.yellow{background:#d8ad57}.red{background:#c66c4b}.scale{font:8px var(--mono);align-self:flex-end;color:#546747}.scale span{display:block;text-align:center;font-size:7px}.map-attribution{position:absolute;bottom:8px;left:17px;font:7px var(--mono);color:#6a7c5e}.selected-tag{position:absolute;background:#edc273;border:1px solid #efdfb0;padding:5px 7px;pointer-events:none;font:8px var(--mono);display:none;box-shadow:0 2px 5px #43593622}.selected-tag span{padding-left:7px;border-left:1px solid #ab8b4e;margin-left:6px;font-size:7px;letter-spacing:1px}.junction-heading{padding:19px 16px 15px;display:flex;gap:11px;align-items:flex-start;min-height:82px}.junction-symbol{font:26px var(--mono);border:1px solid #c4cdb8;background:#e8ecdf;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;color:#7a8a6b}.junction-heading small{font:7px var(--mono);letter-spacing:1px;color:#8d9584;display:block;margin:2px 0 6px}.junction-heading h1{font-size:14px;font-weight:500;line-height:1.45;margin:0;letter-spacing:-.3px}.controller-status{margin:0 16px 15px;padding:8px;background:#e7ecde;font:7px var(--mono);display:flex;align-items:center;gap:7px;border:1px solid #d8dfce}.controller-status .led{width:4px;height:4px}.controller-status strong{font-size:7px;font-weight:400}.controller-status>span:last-child{margin-left:auto;color:#8b967c}.inspector-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 13px;flex-shrink:0}.inspector-tabs button{padding:12px 12px 11px;font-size:10px;color:#8b9381;border-bottom:2px solid transparent;margin-bottom:-1px}.inspector-tabs .active{border-color:#4c6a49;color:#3c573b}.inspector-scroll{padding:20px 17px 14px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#c6cdbb transparent}.subheading{font:8px var(--mono);letter-spacing:.9px;color:#7b8770;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.subheading span{letter-spacing:0;font-size:7px;color:#939c85}.help-dot{border:1px solid #c5ceb8;width:13px;height:13px;border-radius:50%;font:8px var(--mono);padding:0;color:#8c9a7f}.segmented{border:1px solid #bdc9af;display:flex;padding:3px;background:#e9eddf}.segmented button{flex:1;font-size:10px;padding:8px 0;color:#8b967b}.segmented button.active{background:#fbfbf2;color:#47613d;border:1px solid #ccd4be;box-shadow:0 1px 2px #647e4212;padding:7px 0}.helper{font-size:9px;line-height:1.75;color:#8a937f;margin:10px 0 21px}.phase-control{margin:15px 0 17px}.phase-control label{display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:7px}.phase-control label>span{display:flex;align-items:center;gap:7px;min-width:0}.phase-dot{display:inline-grid;place-items:center;width:17px;height:17px;background:#e1e8d6;border:1px solid #c7d3b9;font:8px var(--mono);flex-shrink:0}.phase-control strong{font:11px var(--mono);font-weight:400;white-space:nowrap}.phase-control input{margin-top:13px}.phase-control small{font:7px var(--mono);color:#a1a993;display:block;margin-top:7px}.phase-bar{display:flex;gap:2px;height:8px;margin:16px 0 8px}.phase-bar span{background:#7e9c67}.phase-bar .yellow{background:#d7b25f}.phase-bar .clear{background:#d1cfc0}.phase-key{display:flex;gap:10px;font-size:7px;color:#98a18b;margin-bottom:25px}.phase-key span{display:flex;align-items:center;gap:4px}.phase-key i{height:4px;width:4px;background:#7e9c67}.phase-key span:nth-child(2) i{background:#d7b25f}.phase-key span:nth-child(3) i{background:#c9c9bc}.offset-label{font-size:9px;display:flex;justify-content:space-between;margin-bottom:13px}.offset-label strong{font:10px var(--mono);font-weight:400}.safety-note{display:flex;gap:9px;border-top:1px solid #d8dfcd;padding-top:14px;margin-top:20px;color:#869577}.safety-note>span{font-size:15px;color:#a1ac91}.safety-note strong{font-size:9px;font-weight:400}.safety-note p{font-size:8px;line-height:1.7;margin:6px 0 0;color:#99a38b}.apply{width:100%;margin-top:20px;padding:11px 12px;display:flex;justify-content:space-between}.apply-status{text-align:center;font:7px var(--mono);color:#a1aa91;margin-top:9px;line-height:1.6}.inspector-bottom{border-top:1px solid var(--line);font:7px var(--mono);letter-spacing:.5px;display:flex;align-items:center;gap:6px;padding:10px 16px;color:#98a38c;flex-shrink:0}.inspector-bottom .led{margin-left:auto;width:4px;height:4px}.inspector-bottom strong{font-weight:400;font-size:7px;color:#7c9470}.telemetry{height:87px;display:flex;align-items:center;flex-shrink:0;background:#eeefe4;border-top:1px solid #bdc9ad;box-shadow:0 -1px 3px #485e3410}.transport{width:245px;flex-shrink:0;display:flex;align-items:center;padding:0 16px;gap:10px}.play-button{width:30px;height:32px;background:#3b5340;border:1px solid #273d2c;color:#dce9cf;font:bold 13px var(--mono)}.speeds{display:flex;gap:2px}.speeds button{font:9px var(--mono);padding:6px}.speeds .active{background:#dce4cf;border:1px solid #c2d0af;padding:5px}.sim-clock{margin-left:auto}.sim-clock strong{font:12px var(--mono);display:block}.sim-clock small{display:block;font:6px var(--mono);letter-spacing:.6px;color:#9ca58e;margin-top:6px}.metric{padding:0 21px;border-left:1px solid #cfd8c2;min-width:130px;flex:1;position:relative}.metric>small{font:7px var(--mono);letter-spacing:.7px;color:#91a07f;display:block;margin-bottom:9px}.metric>small span{float:right;margin-left:12px}.metric>div{display:flex;align-items:baseline;gap:7px}.metric strong{font:25px var(--mono);letter-spacing:-1px;color:#3c5139}.metric>div span{font-size:8px;color:#9ca78e}.metric svg{width:65px;height:20px;position:absolute;right:17px;bottom:1px;opacity:.6}.metric svg path{stroke:#96aa7b;stroke-width:1.3;fill:none}.demand{padding:0 25px 0 19px;border-left:1px solid #cfd8c2;width:220px;flex-shrink:0}.demand label{font:7px var(--mono);letter-spacing:.7px;color:#91a07f;display:block;margin-bottom:8px}.demand select{border:1px solid #c4d0b6;background:#f4f5e9;padding:8px 7px;width:100%;color:#6f845d;font-size:9px}.statusbar{height:24px;flex-shrink:0;padding:0 14px;background:#e1e7d6;border-top:1px solid #c5d0b6;display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:.4px;color:#8a9a76}.statusbar .led{width:4px;height:4px;margin-right:7px;background:#91a778}.status-sep{color:#b5c1a4;margin:0 11px}.statusbar>span{display:flex;align-items:center}.number-field{display:flex;align-items:center;font-size:9px;margin:14px 0;gap:6px}.number-field input{width:45px;margin-left:auto;padding:5px;border:1px solid #bbc8ac;background:#f4f5e9}.number-field span{color:#98a18b}.control-options{display:flex;flex-direction:column;gap:8px}.control-options button{padding:12px;text-align:left;border:1px solid #ccd4be;font-size:11px;background:#ecefe2}.control-options button.active{border-color:#8fa779;background:#e1e9d5}.control-options small{display:block;font-size:8px;margin:5px 0 0 19px;color:#8d9a7c}.form-label{font-size:8px;color:#96a388;display:block;margin:12px 0 6px}#road-select{width:100%;padding:9px 7px;border:1px solid #c3cfb5;background:#f7f7ec;color:#607b50;font-size:10px}.road-summary{font:9px var(--mono);line-height:1.8;color:#869777;margin:12px 0 18px}.works-button{width:100%;text-align:left;border:1px solid #c9d3bc;background:#e9eddf;padding:12px 9px;font-size:10px;margin-bottom:9px}.works-button strong{float:right;font:9px var(--mono);font-weight:400;color:#8a9a7b}.source-link{display:block;font-size:9px;color:#6b8954;padding:6px 0}.data-row{border-bottom:1px solid #dce3d1;padding:12px 0}.data-row small{display:block;font:7px var(--mono);color:#99a68b;margin-bottom:6px;letter-spacing:.8px}.data-row strong{font:11px var(--mono);font-weight:400;color:#6d8358}.data-row p{font-size:9px;color:#92a382;line-height:1.7;margin:6px 0 0}.upload-label{display:block;font-size:10px;border:1px solid #bccdad;padding:10px;margin-top:20px;cursor:pointer}.upload-label input{display:block;margin-top:10px;font-size:8px;max-width:100%}dialog{border:1px solid #8e9a82;background:#f3f2e9;color:#344731;padding:0;width:min(660px,92vw);max-height:86vh;box-shadow:8px 8px 0 #263d2c22,0 25px 80px #152c2355}dialog::backdrop{background:#23372b77;backdrop-filter:blur(3px)}.dialog-title{height:38px;background:var(--dark);color:#e4e9d9;font:10px var(--mono);letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;position:sticky;top:0;z-index:1}.dialog-title button{color:#bcc9b2;font-size:20px}.dialog-title button:hover{background:#4e6450}#dialog-content{padding:27px;overflow:auto}#dialog-content h2{font-weight:400;font-size:26px;letter-spacing:-.8px;margin:0 0 15px}#dialog-content h3{font-size:14px;font-weight:500;margin:23px 0 9px}#dialog-content p,#dialog-content li{font-size:11px;line-height:1.8;color:#7c8a70}#dialog-content a{color:#617e4e}#dialog-content .eyebrow{font:8px var(--mono);letter-spacing:1.3px;color:#a1aa94;margin-bottom:14px}#dialog-content .primary{margin-top:18px}.lesson{padding:10px 15px;background:#e5eadc;border-left:3px solid #b2bd91;margin:15px 0}.lesson p{margin:0}.district-search{display:flex;gap:8px;margin:20px 0}.district-search input{flex:1;min-width:0;border:1px solid #bec9b0;background:#faf9ef;padding:11px}.district-search button{padding:10px 15px}.district-result{padding:12px;border:1px solid #c4d0b5;width:100%;text-align:left;display:block;margin:8px 0;font-size:11px;background:#e9eedf}.district-result small{display:block;margin-top:6px;color:#879a74;font-size:9px}.district-sizes{display:flex;gap:15px;margin:12px 0;font-size:10px}#search-results p{margin:10px 0}.report-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.report-card{padding:17px;border:1px solid #c6d2b7;background:#e6eddc}.report-card small{font:8px var(--mono);letter-spacing:1px;color:#94a281}.report-card strong{display:block;font:34px var(--mono);margin:12px 0 5px;color:#607a4b}.report-card span{font-size:10px;color:#8b9d78}.report-verdict{padding:15px;border:1px solid #c4d1af;background:#e6edd8;font-size:13px;line-height:1.7;color:#6d8454}.report-table{width:100%;border-collapse:collapse;font:10px var(--mono)}.report-table th,.report-table td{padding:10px 5px;border-bottom:1px solid #d8e1ca;text-align:right}.report-table th:first-child,.report-table td:first-child{text-align:left;color:#8b9c7a}.report-table th{color:#99a78b;font-size:8px}.credits-entry{border-top:1px solid #d8decb;padding:16px 0}.credits-entry h3{margin:0!important}.credits-entry p{font-size:10px!important}.credit-meta{font:8px var(--mono);line-height:1.8;color:#8e9f7d}#toast{position:fixed;bottom:125px;left:50%;transform:translate(-50%,20px);background:#283f2e;color:#e3ebd6;border:1px solid #738c60;box-shadow:0 4px 20px #2c432b33;max-width:80vw;padding:13px 20px;font:10px var(--mono);line-height:1.6;z-index:9;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#boot{position:fixed;inset:0;background:#26382e;color:#dce4d1;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s}#boot.done{opacity:0;pointer-events:none}.boot-logo{font:64px var(--mono);color:#e1b56e}.boot-logo span{color:#8fa781;font-size:40px}#boot>p{letter-spacing:6px;font-size:19px;margin:20px}#boot>small{font:8px var(--mono);letter-spacing:2px;color:#8ca281}.boot-progress{margin:30px 0 16px;width:200px;height:4px;background:#3c5440;overflow:hidden}.boot-progress:after{content:'';display:block;width:100%;height:100%;background:#bcaa74;animation:load 1s ease infinite;transform-origin:left}#boot-status{font:8px var(--mono);color:#768e6d}@keyframes load{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}[hidden]{display:none!important}
@media(min-height:900px){.tool{padding-top:20px;padding-bottom:20px}.brief{padding-top:23px}.brief h2{font-size:20px}.brief>p{font-size:11px}.layers{padding-top:13px}.inspector-scroll{padding-top:24px}.phase-control{margin-top:20px;margin-bottom:24px}.helper{font-size:10px}.safety-note p{font-size:9px}.phase-control label{font-size:10px}}
@media(max-width:1200px){.workspace{grid-template-columns:215px minmax(0,1fr) 280px}.transport{width:215px;padding:0 10px;gap:6px}.metric{padding:0 14px;min-width:100px}.metric svg{display:none}.demand{width:190px;padding:0 14px}.difficulty,.version{display:none}.commandbar{gap:18px;padding:0 17px}.scenario{padding-left:18px}.change{font-size:8px;margin-left:2px}.brief h2{font-size:16px}.tool{padding-left:10px}.tool small{font-size:8px}.tool kbd{right:10px}.tool>span{width:19px}.map-tag{font-size:7px}#map-count{display:none}}
@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1fr) 280px}.left-panel{display:none}.commandbar .scenario{display:none}.window-title{font-size:8px;letter-spacing:.6px}.transport{width:210px}.metric{min-width:90px;padding:0 12px}.metric>small{font-size:6px}.metric>div{gap:5px}.metric strong{font-size:21px}.metric>div span{font-size:7px}.demand{width:170px}.statusbar>span:last-child{display:none}.menubar>span{font-size:7px}.location strong{font-size:20px}}
@media(max-width:720px){.workspace{grid-template-columns:minmax(0,1fr) 245px}.right-panel .panel-heading{font-size:7px;padding:0 12px}.inspector-scroll{padding:15px 12px}.junction-heading{padding:15px 12px 12px;gap:8px}.junction-symbol{width:30px;height:32px;font-size:22px}.junction-heading h1{font-size:12px}.controller-status{margin:0 12px 12px;gap:4px}.controller-status strong{font-size:6px}.controller-status>span:last-child{font-size:6px}.inspector-tabs{padding:0 8px}.inspector-tabs button{font-size:9px;padding:10px}.map-notice{display:none}.map-location{top:68px;font-size:7px;left:14px}.map-top{left:12px;right:12px;top:12px}.map-tag{padding:8px 7px}.map-tag .sep{display:none}.map-attribution{font-size:6px;left:10px}.legend{gap:7px;padding:6px;font-size:6px}.map-bottom{left:10px}.scale{display:none}.metric:nth-of-type(4){display:none}.demand{display:none}.telemetry{height:73px}.transport{width:190px}.metric{padding:0 11px}.metric>div{display:block}.metric>div span{display:block;margin-top:3px}.metric strong{font-size:19px}.metric>small{margin-bottom:6px}.menubar>span,.window-title{display:none}.commandbar{height:68px;padding:0 12px}.location-symbol{display:none}.change{font-size:8px;padding:6px}.commandbar>.primary{font-size:10px;padding:10px 12px}.commandbar>.primary kbd{display:none}.location{gap:8px}.location small{font-size:6px}.location strong{font-size:19px}.map-location>div{font-size:7px;letter-spacing:1px}.map-location small{font-size:6px}.identity strong{font-size:13px}.menubar{padding:0 7px}.menubar button{font-size:10px;padding:7px 9px}}
@media(max-width:520px){html,body{overflow:auto}#app{height:auto;min-height:100dvh}.workspace{display:flex;flex-direction:column}.map-shell{height:49dvh;min-height:330px;order:0}.right-panel{max-height:520px;order:1;border-left:0;display:flex}.junction-heading{min-height:60px}.right-panel .inspector-scroll{max-height:330px}.controller-status{margin-bottom:10px}.right-panel .inspector-bottom{display:none}.telemetry{position:sticky;bottom:0;z-index:3;min-height:75px}.transport{width:165px;gap:5px;padding:0 9px}.speeds button{font-size:8px;padding:5px}.speeds .active{padding:4px}.sim-clock strong{font-size:10px}.sim-clock small{font-size:5px}.play-button{width:24px;height:28px}.metric{padding:0 9px;min-width:60px}.metric>small{font-size:5px;letter-spacing:0}.metric>div span{font-size:6px}.statusbar{display:none}.location small{font-size:5px;letter-spacing:1px}.location strong{font-size:17px}.change{font-size:7px}.commandbar{gap:7px}.commandbar>.primary{font-size:8px;padding:9px}.identity{gap:8px}#toast{bottom:100px}.map-notice{display:flex;top:100px;font-size:7px}.map-location{top:64px}.map-controls{bottom:52px}.compass{bottom:120px}.report-cards{gap:8px}.report-card{padding:12px}}
.left-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccd3c1 transparent}.left-panel>*{flex-shrink:0}.junction-marker.stop-marker{width:13px;height:13px;background:#e9efdcdd;color:#6c805d;border-color:#839a6c;font-size:12px;box-shadow:none}.junction-marker.stop-marker.selected{width:24px;height:24px;background:#edc273}.street-label{font-size:8px;letter-spacing:.6px}
/* Keep controller overlays subordinate to the city model. */
.junction-marker{width:19px;height:19px;font-size:7px;opacity:.88}.junction-marker.selected{width:25px;height:25px;opacity:1}.junction-marker.stop-marker{width:10px;height:10px}.junction-marker.stop-marker.selected{width:23px;height:23px}
/* Roadside powder-coated cabinet, removable faceplate and live terminal monitor. */
.right-panel{background:linear-gradient(105deg,#d5d6c9,#eeeee2 48%,#cacdc1);border-left:5px ridge #afb6a8;box-shadow:inset 4px 0 9px #65715d26}.panel-heading{background:#4b574b;color:#f0eed7;letter-spacing:1.3px;font-size:9px;border-bottom:3px ridge #b9bcae}.junction-heading{position:relative}.junction-heading:before,.junction-heading:after{content:'⊖';position:absolute;top:6px;color:#7b8271;font:14px monospace}.junction-heading:before{left:4px}.junction-heading:after{right:4px}.inspector-tabs{background:#bfc5b5}.inspector-tabs button.active{background:#eaecdf;border-top:2px solid #6f8066}.inspector-scroll{background:linear-gradient(90deg,#d7dbce,#eef0e3 8%,#e7e9dc 93%,#c7cfc0)}.cabinet-plate{display:flex;justify-content:space-between;align-items:center;padding:9px 8px;margin:0 0 12px;border:1px solid #9ea48f;background:#d2d4bf;box-shadow:inset 0 1px #ffffed;font:8px var(--mono);letter-spacing:.7px}.cabinet-plate strong{font-size:10px}.cabinet-screen{border:6px ridge #7f8a72;background:#18271e;color:#b4ca8f;box-shadow:0 3px 8px #22311d35,inset 0 0 20px #0007}.cabinet-screen-title{display:flex;justify-content:space-between;padding:8px 6px 0;font:8px var(--mono);letter-spacing:.5px}.cabinet-diagram{display:block;width:100%;height:auto;max-height:235px}.lit-lamp{filter:drop-shadow(0 0 4px currentColor);color:#e1f49b}.cabinet-readout{padding:8px 5px;border-top:1px solid #6e815145;font:9px var(--mono);text-align:center;min-height:30px;color:#d1eaa6;background:#101d15}.cabinet-provenance{font:10px var(--mono);line-height:1.5;margin:11px 0;color:#45523d}.cabinet-provenance small{display:block;font:9px/1.5 Arial;margin-top:3px;color:#747c6a}.terminal-heading{display:flex;justify-content:space-between;font:8px var(--mono);color:#68735f;padding:6px 0;letter-spacing:.5px}.cabinet-approach{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #bdc6ae;font:10px var(--mono)}.terminal-number{border:1px solid #a1ab91;box-shadow:inset 0 1px #fff8;background:#d0d7c0;padding:4px;width:28px;text-align:center}.cabinet-approach div{flex:1;min-width:0}.cabinet-approach strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabinet-approach small{font-size:8px;color:#718064;display:block;margin-top:3px}.cabinet-approach b{width:17px;text-align:right}.detector-lamp{width:7px;height:7px;border-radius:50%;background:#7d8971;border:1px solid #4c5941}.detector-lamp.called{background:#e6bd55;box-shadow:0 0 5px #a99142}.cabinet-divider{font:9px var(--mono);letter-spacing:1px;margin:18px -4px 15px;padding:9px 5px;background:#bcc5ae;border-top:2px ridge #cbd2bf;border-bottom:2px groove #f5f7e9}.apply.primary{border:3px outset #71886b;background:#4b6847;border-radius:2px;box-shadow:0 3px 2px #a1aa95}.apply.primary:active{border-style:inset}.district-sizes{flex-wrap:wrap;gap:10px}.district-sizes label{padding:10px;border:1px solid #b7c2a6}
.junction-heading{padding:12px 14px 9px;min-height:64px;gap:9px}.junction-heading small{font-size:7px;margin-bottom:4px}.junction-heading h1{font-size:11px;line-height:1.35}.junction-symbol{font-size:22px}.controller-status{margin:0 12px 8px;padding:6px}.cabinet-plate{padding:6px;margin-bottom:7px}.cabinet-diagram{max-height:168px}.cabinet-screen-title{padding-top:6px}.cabinet-readout{padding:7px 3px;font-size:8px}.cabinet-provenance{margin:8px 0;font-size:9px}.cabinet-approaches{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.cabinet-approach{gap:5px}.cabinet-approach .terminal-number{width:22px;font-size:8px;padding:4px 2px}.cabinet-approach strong{font-size:8px}.cabinet-approach small{font-size:7px}.cabinet-approach b{font-size:9px;width:10px}
.movement-toggle{display:flex;align-items:center;gap:7px;margin:9px 0;font:10px var(--mono);line-height:1.5}.movement-toggle input{accent-color:#55734d}.phase-bar .left-phase{background:#a4be69}.phase-bar .ped-phase{background:#d8d5af}.lit-arrow{filter:drop-shadow(0 0 2px #c8e698)}.pedestrian-monitor{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 3px;border-top:1px solid #6e815145;background:#0b1710;font:bold 9px var(--mono)}.walk-output,.dont-walk-output{padding:4px 3px;border:1px solid #53624d;opacity:.2;color:#faf6d7}.dont-walk-output{color:#f5aa69}.pedestrian-monitor .illuminated{opacity:1;text-shadow:0 0 4px currentColor}.pedestrian-monitor strong{font:17px var(--mono);color:#f5aa69;min-width:22px}.pedestrian-call-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.pedestrian-call-row button{font:9px var(--mono);background:#d8c67e;border:2px outset #e8dfa9;padding:7px 6px;white-space:nowrap}.pedestrian-call-row button:active{border-style:inset}.pedestrian-call-row small{font:8px/1.5 var(--mono);color:#566247}.district-map{height:325px;width:100%;border:3px ridge #acb399;background:#d2d9c3;isolation:isolate}.district-map .leaflet-control-attribution{font:9px/1.4 Arial;color:#27352f}.district-map .leaflet-control-zoom a{color:#33422b}.district-pin{background:transparent;border:0}.district-pin span{display:block;width:32px;height:36px;background:#dcaf52;color:#243220;font:bold 28px/31px monospace;text-align:center;border:2px solid #574725;border-radius:16px 16px 16px 0;transform:rotate(-45deg);box-shadow:0 2px 5px #0007}.district-map-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.district-map-tools button,.pin-coordinates button{border:2px outset #d9dfca;background:#e2e6d6;padding:7px 10px;font:10px var(--mono)}.district-map-tools label{margin-left:auto;font:10px var(--mono)}.district-map-tools select{padding:5px}.pin-coordinates{display:flex;gap:8px;align-items:end}.pin-coordinates label{flex:1;min-width:0;font:10px var(--mono)}.pin-coordinates input{width:100%;margin-top:5px;border:1px solid #9ca98c;padding:7px;background:#f5f6e9}.district-boundary{font:10px/1.5 var(--mono);padding:8px;background:#dfe6d1}.cabinet-diagram{max-height:168px}@media(max-width:600px){.district-map{height:280px}.pin-coordinates{flex-wrap:wrap}.pin-coordinates label{flex-basis:40%}.district-map-tools label{margin-left:0}}
.right-panel>.panel-heading{height:25px}.junction-heading{min-height:54px;padding-top:9px;padding-bottom:7px}.controller-status{padding:5px;margin-bottom:5px}.inspector-tabs button{padding:7px 10px}.inspector-scroll{padding-top:10px}.cabinet-diagram{max-height:146px}.pedestrian-monitor{padding:6px 3px;border-bottom:1px solid #6e815145;border-top:0}.pedestrian-monitor strong{font-size:15px}.cabinet-screen-title{padding-bottom:5px}
.traffic-load-control{padding:13px 17px 8px;border-top:1px solid var(--line);background:#dfe5d6}.traffic-load-control label{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.8px}.traffic-load-control input{margin:13px 0 9px}.traffic-load-control small{font:8px var(--mono);color:#6c7763}.trip-purpose{margin:14px 0 10px;font:10px var(--mono);color:#5f7156;display:flex;justify-content:space-between}.trip-purpose strong{color:#354a3a}.trip-endpoint{border-left:2px solid #69aeb1;padding:9px 10px;background:#f0f2e5;margin:6px 0}.trip-endpoint small{font:8px var(--mono);color:#76846b;display:block;margin-bottom:5px}.trip-endpoint strong{font-size:12px;line-height:1.4;display:block}.trip-endpoint span{display:block;font:9px var(--mono);margin-top:5px;color:#708166}.destination-endpoint{border-color:#cbab58}.vehicle-readings{display:flex;justify-content:space-between;align-items:center;background:#253a2d;color:#d6e2b8;padding:12px 7px;margin-top:12px;font:10px var(--mono)}.vehicle-readings span:first-child{font-size:18px}.vehicle-readings small{font-size:8px}.arrival-stream{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:9px 0;border-bottom:1px solid #c3cbb6;font:9px/1.4 var(--mono)}.arrival-stream strong{color:#4d6d50}.arrival-stream small{grid-column:1/-1;color:#7b856e;font-size:8px}.inspector-tabs button{padding-left:8px;padding-right:8px}.legend .green{background:#8de3ae}.legend .yellow{background:#f2bb52}.legend .red{background:#c36f5b}.phase-key{flex-wrap:wrap}
.junction-marker.selected,.junction-marker.stop-marker.selected{width:19px;height:19px;border:1px solid #f0c56888;border-radius:50%;background:transparent;color:transparent;outline:0;box-shadow:none}.fleet-shortcut{position:absolute;top:50px;left:18px;z-index:5;background:#263f32ed;color:#d6ead5;border:1px solid #b0c6a0;padding:8px 10px;font:8px var(--mono);letter-spacing:.5px;box-shadow:0 2px 5px #1c34252b}.fleet-shortcut:hover{background:#3a5d47}.tool[data-tool=fleet]{border-top:1px solid #d2d9c6}.traffic-load-control{order:0}