:root{--bg:#050c14;--surface:#091522;--surface-2:#0c1b2a;--line:rgba(128,181,204,0.13);--cyan:#2de2e6;--green:#41e6a3;--amber:#ffbc66;--red:#ff5673;--text:#e7f5fb;--muted:#7892a3;--panel-width:328px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{height:100vh;min-height:680px;overflow:hidden;background:radial-gradient(circle at 68% 5%,rgba(24,105,125,.13),transparent 31%),linear-gradient(150deg,#050c14,#07121d 52%,#051019);display:flex;flex-direction:column}.topbar{flex:0 0 64px;height:64px;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 22px;background:rgba(4,11,18,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:5}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:30px;height:30px;display:flex;gap:3px;align-items:flex-end}.brand-mark span{width:7px;border-radius:2px;background:var(--cyan);box-shadow:0 0 12px rgba(45,226,230,.45)}.brand-mark span:first-child{height:16px}.brand-mark span:nth-child(2){height:26px}.brand-mark span:nth-child(3){height:21px;background:#846df5}.brand strong{display:block;letter-spacing:.12em;font-size:14px}.brand strong span{color:var(--cyan)}.brand small{color:#5f7889;font-size:9px;letter-spacing:.18em}.top-status{display:flex;align-items:center;gap:18px}.live-pill{font-size:10px;letter-spacing:.13em;color:#b8f9dd;border:1px solid rgba(65,230,163,.22);padding:7px 10px;border-radius:20px;background:rgba(65,230,163,.07)}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 10px var(--green)}.clock{color:var(--muted);font-size:11px;letter-spacing:.05em}.icon-button{border:1px solid var(--line);background:#0a1723;width:34px;height:34px;border-radius:9px;cursor:pointer;color:#a9c0cd}.workspace{display:grid;grid-template-columns:var(--panel-width) minmax(0,1fr);flex:1 1 auto;min-height:0;overflow:hidden}.control-panel{border-right:1px solid var(--line);background:rgba(7,16,26,.86);padding:18px 18px 20px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#18364a transparent}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.eyebrow,.panel-heading span,.section-kicker,.select-label>span{display:block;font-size:9px;letter-spacing:.19em;color:#587889;font-weight:700}.panel-heading h1{font-size:18px;margin:4px 0 0;letter-spacing:-.02em}.run-button{width:38px;height:38px;border:1px solid rgba(45,226,230,.25);border-radius:50%;background:rgba(45,226,230,.08);cursor:pointer;color:var(--cyan);transition:.2s}.run-button.running{box-shadow:0 0 22px rgba(45,226,230,.12)}.control-section{border-top:1px solid var(--line);padding:15px 0}.grouped-control{margin:9px 0;padding:14px 13px;border:1px solid rgba(105,165,185,.14);border-radius:11px;background:rgba(10,25,38,.48)}.grouped-control+.grouped-control{border-top:1px solid rgba(105,165,185,.14)}.demand-group{border-color:rgba(45,226,230,.22);background:rgba(13,39,51,.6)}.group-title{display:flex;align-items:center;gap:9px;margin-bottom:3px}.group-title>i{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:rgba(45,226,230,.08);border:1px solid rgba(45,226,230,.18);color:#65cbd2;font:700 9px/1 system-ui;font-style:normal}.group-title span{display:grid;grid-gap:2px;gap:2px}.group-title b{color:#c5dee7;font-size:11px;font-weight:650}.group-title small{color:#547383;font-size:7px;letter-spacing:.16em}.adaptive-status{display:flex;gap:9px;padding:10px;border-radius:8px;border:1px solid rgba(65,230,163,.2);background:rgba(65,230,163,.055);color:#6f9389;font-size:9px;line-height:1.45}.adaptive-status>i{width:7px;height:7px;margin-top:3px;border-radius:50%;flex:none;background:var(--green);box-shadow:0 0 9px var(--green)}.adaptive-status span{display:grid;grid-gap:2px;gap:2px}.adaptive-status b{color:#a9e7ce;font-size:10px}.select-label select{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:9px;background:#0b1a28;color:#d6e7ef;padding:10px 11px;outline:none}.segmented{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin-top:9px;padding:4px;border-radius:10px;background:#06111b;border:1px solid var(--line)}.segmented button{border:0;background:transparent;color:#6e8a9b;padding:8px 4px;border-radius:7px;cursor:pointer;font-size:11px}.segmented button.active{background:#123044;color:#dffcff;box-shadow:inset 0 0 0 1px rgba(45,226,230,.2)}.engine-formula{margin-top:11px;padding:10px;border-radius:9px;border:1px solid rgba(45,226,230,.19);background:rgba(5,18,27,.78);box-shadow:inset 0 0 22px rgba(45,226,230,.035);cursor:pointer;transition:border-color .18s,transform .18s,background .18s}.engine-formula:focus,.engine-formula:hover{border-color:rgba(45,226,230,.5);background:rgba(8,28,39,.9);outline:none;transform:translateY(-1px)}.engine-formula.adaptive{border-color:rgba(65,230,163,.3)}.formula-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.formula-title span{color:#58798a;font-size:7px;letter-spacing:.16em}.formula-title b{color:var(--cyan);font-size:9px}.engine-formula.adaptive .formula-title b{color:var(--green)}.engine-formula code{display:block;color:#d1eff2;font:600 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;padding:7px;border-radius:6px;background:rgba(15,43,55,.75);overflow-wrap:anywhere}.engine-formula code+code{margin-top:5px}.engine-formula>small{display:block;margin-top:7px;color:#658493;font-size:8px;line-height:1.45}.coordination-badge{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 7px;border:1px solid rgba(65,230,163,.2);border-radius:6px;background:rgba(65,230,163,.06);color:#86cdb0;font-size:7px;letter-spacing:.08em}.coordination-badge i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.coordination-badge.wave{border-color:rgba(155,140,255,.25);color:#b8aff1;background:rgba(155,140,255,.07)}.coordination-badge.wave i{background:#9b8cff;box-shadow:0 0 8px #9b8cff}.coordination-badge.offline{border-color:rgba(120,146,163,.15);color:#607887;background:rgba(120,146,163,.04)}.coordination-badge.offline i{background:#617786;box-shadow:none}.live-splits{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;gap:5px;margin-top:9px}.live-splits>span{display:grid;grid-template-columns:1fr auto;grid-gap:2px;gap:2px;padding:6px;border-radius:6px;background:rgba(65,230,163,.055);color:#62897c;font-size:7px}.live-splits b{color:#9ae3c4;font-size:8px}.live-splits small{grid-column:1/-1;color:#54766c;font-size:7px}.approach-counts{display:grid!important;grid-template-columns:repeat(2,1fr);grid-gap:3px;gap:3px;margin-top:3px}.approach-counts em{display:flex;justify-content:space-between;padding:3px 4px;border-radius:4px;background:rgba(7,22,29,.65);color:#66877d;font-style:normal}.approach-counts em b{color:#b0e8d1}.next-plan{display:block!important;margin-top:4px;padding:4px 5px;border-radius:4px;background:rgba(65,230,163,.08);color:#8fd3b7!important;font-weight:650}.engine-parameters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px;margin-top:9px;padding:9px;border:1px solid rgba(112,160,178,.14);border-radius:9px;background:rgba(8,22,32,.58)}.engine-parameters-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;padding-bottom:5px;margin-bottom:1px;border-bottom:1px solid var(--line)}.engine-parameters-title span{color:#57798a;font-size:7px;letter-spacing:.16em}.engine-parameters-title b{color:#8daab6;font-size:8px}.engine-param{min-width:0;padding:6px;border-radius:6px;background:rgba(15,39,51,.65)}.engine-param>span{display:flex;align-items:center;gap:4px;color:#658594;font-size:7px;white-space:nowrap}.engine-param .info-tip{width:12px;height:12px;font-size:7px}.engine-param>b{display:block;margin-top:4px;color:#c0dae3;font-size:9px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,7,12,.76);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.formula-modal{position:relative;width:min(620px,100%);max-height:min(760px,90vh);overflow-y:auto;padding:25px;border:1px solid rgba(45,226,230,.3);border-radius:15px;background:linear-gradient(145deg,#0c2030,#07151f);box-shadow:0 30px 90px rgba(0,0,0,.55)}.modal-close{position:absolute;top:13px;right:13px;width:31px;height:31px;border-radius:8px;border:1px solid var(--line);background:#102838;color:#91adb9;cursor:pointer;font-size:19px}.modal-kicker{color:var(--cyan);font-size:8px;letter-spacing:.17em;font-weight:750}.formula-modal h2{margin:7px 0 18px;font-size:20px}.modal-formula{margin:7px 0;padding:11px 12px;border:1px solid rgba(45,226,230,.17);border-radius:8px;background:#07131d;color:#cdf3f5;font:600 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.formula-modal dl{display:grid;grid-template-columns:145px 1fr;margin:18px 0 0}.formula-modal dd,.formula-modal dt{margin:0;padding:9px 4px;border-bottom:1px solid var(--line)}.formula-modal dt{color:#8bd8dc;font:600 10px/1.45 ui-monospace,monospace}.formula-modal dd{color:#88a4b1;font-size:10px;line-height:1.55}.formula-example{margin:16px 0 0;padding:11px;border-radius:8px;background:rgba(65,230,163,.06);color:#8fbdaa;font-size:10px;line-height:1.55}.inspector-modal{width:min(720px,100%)}.formula-modal h3{margin:19px 0 8px;color:#b9d2dc;font-size:11px;letter-spacing:.04em}.inspector-status{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.inspector-status>div{padding:9px;border:1px solid var(--line);border-radius:8px;background:rgba(11,31,44,.7)}.inspector-status span,.pressure-grid span{display:block;color:#638493;font-size:8px}.inspector-status b{display:block;margin-top:5px;color:#b9e7df;font-size:10px}.inspector-table{border:1px solid var(--line);border-radius:9px;overflow:hidden}.inspector-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:7px 10px;border-top:1px solid var(--line);color:#7693a0;font-size:9px}.inspector-row:first-child{border-top:0}.inspector-row.header{background:rgba(20,48,63,.65);color:#587a8b;font-size:8px}.inspector-row b{color:#b8d4dc;font-size:9px}.pressure-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:8px}.pressure-grid>div{padding:10px;border-radius:8px;background:rgba(65,230,163,.05);border:1px solid rgba(65,230,163,.14)}.pressure-grid b{display:block;margin-top:4px;color:#92dfbe;font-size:18px}.pressure-grid small{color:#607f75;font-size:8px}.data-source-flow{display:grid;grid-gap:6px;gap:6px}.data-source-flow span{display:flex;justify-content:space-between;padding:8px 9px;border:1px solid var(--line);border-radius:7px;color:#7794a0;font-size:9px}.data-source-flow span b{color:#9bbac5}.data-source-flow .active-source{border-color:rgba(45,226,230,.25);color:#9ccfd4;background:rgba(45,226,230,.05)}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;gap:5px}.config-grid span{display:flex;justify-content:space-between;padding:7px 8px;border-radius:6px;background:rgba(13,35,48,.7);color:#668696;font-size:8px}.config-grid b{color:#b5d1da}.mode-note{display:flex;gap:9px;margin-top:11px;color:#7793a2;font-size:10px;line-height:1.45}.mode-note i{width:7px;height:7px;margin-top:4px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);flex:none}.mode-note strong{display:block;color:#b9d4df;font-size:10px}.controls-stack{display:grid;grid-gap:17px;gap:17px}.slider-control{display:block}.control-label{display:flex;justify-content:space-between;align-items:baseline;color:#8aa4b3;font-size:10px;margin-bottom:9px}.control-label strong{color:#dbeef4;font-size:12px}.control-label small{color:#6a8797;font-weight:500;font-size:9px;margin-left:3px}.label-with-info{display:inline-flex!important;align-items:center;gap:5px;overflow:visible}.info-tip{position:relative;display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid #426779;border-radius:50%;color:#7fa5b4;font:700 9px/1 system-ui;cursor:help;outline:none;flex:none}.info-tip>[role=tooltip]{position:absolute;z-index:30;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(3px);width:210px;padding:8px 9px;border:1px solid rgba(79,167,186,.3);border-radius:7px;background:#102738;color:#c0d9e2;font:500 10px/1.5 system-ui;letter-spacing:0;box-shadow:0 10px 28px rgba(0,0,0,.4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s}.info-tip:focus>[role=tooltip],.info-tip:hover>[role=tooltip]{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:4px;outline:0;background:linear-gradient(90deg,var(--cyan) var(--fill),#173043 var(--fill))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#d9ffff;border:3px solid var(--cyan);box-shadow:0 0 10px rgba(45,226,230,.6);cursor:pointer}.toggles{display:grid;grid-gap:12px;gap:12px}.toggles label{display:flex;align-items:center;justify-content:space-between;color:#8da6b3;font-size:11px;cursor:pointer}.toggles input{display:none}.toggles label i{width:30px;height:17px;border-radius:12px;background:#173043;position:relative;transition:.2s}.toggles label i:after{content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;border-radius:50%;background:#6e8794;transition:.2s}.toggles input:checked+span+i{background:rgba(45,226,230,.35)}.toggles input:checked+span+i:after{transform:translateX(13px);background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.toggles .danger-toggle input:checked+span+i{background:rgba(255,86,115,.32)}.toggles .danger-toggle input:checked+span+i:after{background:var(--red);box-shadow:0 0 8px var(--red)}.reset-button{width:100%;border:1px solid var(--line);background:#0a1723;color:#7893a2;padding:10px;border-radius:9px;cursor:pointer}.reset-button:hover{color:var(--text);border-color:rgba(45,226,230,.24)}.simulation-stage{display:flex;flex-direction:column;padding:17px 18px 12px;min-width:0;min-height:0;overflow:hidden}.stage-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:11px}.stage-toolbar h2{margin:3px 0 0;font-size:18px;font-weight:600;letter-spacing:-.02em}.stage-actions{display:flex;align-items:center;gap:14px}.map-view-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#07131d}.map-view-switch button{border:0;border-radius:6px;padding:6px 9px;background:transparent;color:#607d8c;font-size:8px;cursor:pointer}.map-view-switch button.active{background:#123044;color:#d5f6f7}.legend{display:flex;gap:15px;font-size:9px;color:#6e8c9b}.legend span{display:flex;gap:5px;align-items:center}.dot{display:inline-block;width:5px;height:5px;border-radius:50%}.dot.moving{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.dot.queued{background:var(--red)}.dot.signal{background:var(--green)}.dot.ready{background:var(--amber);box-shadow:0 0 7px var(--amber)}.canvas-frame{flex:1 1 auto;min-height:0;position:relative;overflow:hidden;border:1px solid rgba(113,176,198,.16);border-radius:12px;background:#06101a;box-shadow:inset 0 0 50px rgba(0,0,0,.34),0 16px 60px rgba(0,0,0,.24)}.canvas-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,8,13,.25),transparent 15%,transparent 84%,rgba(2,8,13,.36))}.traffic-canvas{display:block;width:100%;height:100%;cursor:crosshair}.map-compass{position:absolute;right:17px;top:15px;z-index:2;color:#607f90;font-size:8px;text-align:center;letter-spacing:.12em}.map-compass div{margin-top:2px;color:#a3c3d0;font-size:17px}.view-badge{top:13px;border:1px solid rgba(45,226,230,.17);color:#70a8b6;border-radius:6px;letter-spacing:.12em}.inspect-badge,.view-badge{position:absolute;left:14px;z-index:2;background:rgba(5,13,21,.74);padding:6px 8px;font-size:8px}.inspect-badge{bottom:13px;border:1px solid rgba(255,188,102,.2);border-radius:6px;color:#a99475;letter-spacing:.08em;pointer-events:none}.incident-banner{position:absolute;z-index:3;top:14px;left:50%;transform:translateX(-50%);background:rgba(91,12,29,.8);border:1px solid rgba(255,86,115,.45);color:#ffc1cc;padding:7px 11px;border-radius:7px;font-size:9px;letter-spacing:.09em}.incident-banner i{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;margin-right:6px;box-shadow:0 0 8px var(--red)}.kku-map{position:absolute;inset:0}.kku-map canvas{display:block;width:100%;height:100%;cursor:crosshair}.kku-map-tools{position:absolute;z-index:3;right:14px;top:14px;display:grid;grid-gap:4px;gap:4px}.kku-map-tools button{width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:rgba(7,20,30,.88);color:#91b2bf;cursor:pointer}.kku-zoom-readout{display:grid;place-items:center;min-width:30px;height:21px;border:1px solid rgba(45,226,230,.22);border-radius:6px;background:rgba(7,20,30,.9);color:var(--cyan);font-size:7px;font-weight:800}.kku-source{position:absolute;z-index:2;left:14px;bottom:13px;padding:6px 8px;border:1px solid rgba(255,188,102,.2);border-radius:6px;background:rgba(5,13,21,.8);color:#9e886d;font-size:8px}.kku-modal-backdrop{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:24px;background:rgba(1,8,13,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.kku-site-card{position:relative;width:min(680px,94vw);max-height:calc(100% - 12px);overflow:auto;padding:18px;border:1px solid rgba(45,226,230,.28);border-radius:13px;background:rgba(7,22,32,.98);box-shadow:0 24px 70px rgba(0,0,0,.58)}.kku-site-card>button{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#7795a1;font-size:17px;cursor:pointer}.kku-site-card>span{color:var(--cyan);font-size:7px;letter-spacing:.16em}.kku-site-card h3{margin:5px 0 10px;font-size:17px}.kku-site-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.kku-site-card dd,.kku-site-card dt{margin:0;padding:6px 0;border-bottom:1px solid var(--line);font-size:8px}.kku-site-card dt{color:#607e8c}.kku-site-card dd{color:#abc7d1;text-align:right}.kku-site-card>strong{display:block;margin-top:11px;color:#d1e8ed;font-size:9px}.kku-site-card p{margin:5px 0 0;color:#6e8b97;font-size:8px;line-height:1.5}.kku-decision-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:8px 0 12px}.kku-decision-grid section{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(2,13,20,.46)}.kku-decision-grid section>strong{display:block;margin-bottom:5px;color:#d1e8ed;font-size:9px}.kku-neighbor-row{grid-column:1/-1;display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:8px}.kku-neighbor-row b{color:var(--cyan)}.kku-neighbor-row em{color:#89a6b1;font-style:normal}.kku-formula{display:grid;grid-gap:6px;gap:6px;margin:12px 0;padding:10px;border:1px solid rgba(45,226,230,.22);border-radius:8px;background:rgba(45,226,230,.05)}.kku-formula span{color:#7f9eaa;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.kku-formula code{color:#77e9ec;font-size:9px}.kku-formula b{color:#d9f4f5;font-size:9px}@media (max-width:720px){.kku-modal-backdrop{padding:10px}.kku-decision-grid{grid-template-columns:1fr}}.kku-demand{display:block;margin-top:9px}.kku-demand>span{display:flex;justify-content:space-between;color:#7895a1;font-size:8px}.kku-demand b{color:#b9d4dc}.kku-demand input{margin-top:7px}.timeline{display:flex;align-items:center;gap:12px;padding:10px 3px 0;font-size:8px;color:#587383}.timeline-label{color:#82d8d9;letter-spacing:.12em}.timeline-label i{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;margin-right:5px}.timeline-track{height:2px;background:#132b3b;flex:1 1;overflow:hidden}.timeline-track span{display:block;height:100%;background:linear-gradient(90deg,#6858db,var(--cyan));transition:width .4s}.metrics-dock{height:108px;min-height:108px;flex:0 0 108px;border-top:1px solid var(--line);display:grid;grid-template-columns:150px repeat(5,minmax(130px,1fr)) minmax(190px,1.25fr);background:rgba(5,13,21,.94);padding:9px 18px;grid-gap:9px;gap:9px}.dock-heading{display:flex;flex-direction:column;justify-content:center;padding-right:12px;border-right:1px solid var(--line)}.comparison span,.dock-heading span{color:#527182;font-size:8px;letter-spacing:.17em}.dock-heading strong{font-size:13px;margin-top:6px;color:#abc8d3}.metric-card{position:relative;border:1px solid var(--line);border-radius:9px;padding:10px;overflow:hidden;background:rgba(10,25,38,.58)}.metric-card>span{display:block;color:#6f8999;font-size:9px}.metric-value{font-size:22px;font-weight:650;margin-top:4px;color:var(--tone);letter-spacing:-.03em}.metric-value small{font-size:9px;color:#6b8795;font-weight:500}.metric-card svg{position:absolute;bottom:0;left:0;right:0;width:100%;height:34px;opacity:.42}.metric-card polyline{fill:none;stroke:var(--tone);stroke-width:1.5;vector-effect:non-scaling-stroke}.comparison{border-left:1px solid var(--line);padding:9px 4px 5px 15px;display:flex;flex-direction:column;justify-content:center}.comparison strong{color:#d4eaf2;font-size:13px;margin-top:7px}.comparison small{color:#63808f;font-size:9px;margin-top:5px;line-height:1.4}@media (max-width:1100px){:root{--panel-width:280px}.metrics-dock{grid-template-columns:repeat(3,1fr)}.comparison,.dock-heading,.metric-card:nth-of-type(n+5){display:none}}@media (max-width:760px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{height:auto;padding:12px}.clock{display:none}.workspace{display:block;overflow:visible}.control-panel{border-right:0;border-bottom:1px solid var(--line)}.simulation-stage{min-height:620px;overflow:visible}.canvas-frame{min-height:480px}.metrics-dock{grid-template-columns:repeat(2,1fr)}.legend{display:none}}