:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#07111b;color:#d8e9f0;font-size:12px;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #4fcfe0;outline-offset:3px}#shell{display:grid;grid-template-columns:300px minmax(300px,1fr) 316px;grid-template-rows:62px minmax(0,1fr);height:100vh;width:100vw}.topbar{grid-column:1/4;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 22px;border-bottom:1px solid #233849;background:#091824;z-index:5}.wordmark{display:flex;gap:11px;align-items:center}.logo{display:flex;align-items:flex-end;gap:3px;height:26px;width:29px}.logo span{display:block;width:6px;background:#52dae9;border-radius:2px}.logo span:nth-child(1){height:14px}.logo span:nth-child(2){height:23px}.logo span:nth-child(3){height:18px}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#82a3b2;font-weight:800}.eyebrow b{color:#eeb96c}.wordmark strong{font-size:17px;letter-spacing:1.9px;font-weight:850;white-space:nowrap}.wordmark em{font-style:normal;color:#e4b76c}.top-status{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#93adbb}.pipe{color:#385567}.live-dot,.small-dot{width:6px;height:6px;background:#6be0c1;border-radius:50%;display:inline-block;box-shadow:0 0 8px #48cb9e}.top-actions{display:flex;gap:6px}.top-btn{height:30px;min-width:34px;background:#122635;border:1px solid #2b4a5a;border-radius:4px;font-size:15px;font-weight:750}.top-btn:hover{border-color:#63c6cf}.top-btn.action{padding:0 15px;color:#071a22;background:#a3dfdd;font-size:10px;letter-spacing:1.2px;border-color:#a3dfdd}.sidebar,.rightbar{background:#0b1a27;z-index:3;overflow:hidden}.sidebar{border-right:1px solid #284250}.sidebar-scroll{height:100%;overflow-y:auto;padding:18px 19px 24px;scrollbar-color:#305164 transparent;scrollbar-width:thin}.section-head{display:flex;align-items:center;gap:9px;margin:19px 0 11px;border-bottom:1px solid #273e4d;padding-bottom:9px;font-size:10px;letter-spacing:1.1px}.section-head:first-child{margin-top:0}.section-head span{color:#57bfd1;font-weight:800;font-size:10px}.section-head b{font-size:9px;flex:1}.section-head i{color:#84a6b0;font-size:8px;font-style:normal}.stat-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:#112635;border:1px solid #2e4655;padding:11px 10px;min-width:0}.stat.primary{border-color:#2b8999;background:linear-gradient(140deg,#123644,#112634)}.stat small,.inline-metrics small,.hours small{display:block;font-size:8px;letter-spacing:1px;color:#a0b7c2;font-weight:750}.stat>div:nth-child(2){display:flex;align-items:baseline;gap:4px;margin:9px 0}.stat b{font-size:28px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:#9db7c3}.micro{font-size:8px;letter-spacing:.3px;color:#83a9b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-metrics{display:grid;grid-template-columns:1fr 1fr;margin:11px 0;gap:8px}.inline-metrics div{padding:5px 2px}.inline-metrics strong{display:block;margin-top:6px;font-size:12px;color:#dceef1;white-space:nowrap}.control-field{margin:16px 0 20px}.field-head{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:10px}.field-head label{font-size:9px;color:#a9c0c9;font-weight:800;letter-spacing:.85px}.field-head output,.field-head span{font-size:10px;font-weight:850;color:#e4c77c}.tabs{display:flex;gap:5px}.tabs button{flex:1;height:32px;font-size:9px;letter-spacing:.5px;font-weight:850;background:#112838;border:1px solid #314a5a;border-radius:3px}.tabs button.active,.tabs button:hover{background:#204c58;color:#a9eced;border-color:#4baabb}.bank-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.bank-grid button{height:27px;background:#122937;border:1px solid #304755;border-radius:3px;color:#94b5c3;font-size:9px;font-weight:750}.bank-grid button.active{background:#b7dce1;color:#11303d}.bank-grid button.fault{border-color:#c37e60;color:#f0aa83}.scale{display:flex;justify-content:space-between;font-size:8px;color:#7798a7;letter-spacing:1px;margin-top:7px}input[type=range]{width:100%;height:4px;accent-color:#6be1e1;cursor:pointer}.reset-btn{border:1px solid #455a64;background:#162938;color:#a8c5cb;width:100%;padding:11px 5px;margin-top:5px;letter-spacing:.7px;font-size:9px;font-weight:800}.reset-btn:hover{border-color:#d7ba7a}.sidebar-footer{margin-top:20px;padding-top:16px;border-top:1px solid #294453;font-size:9px;color:#85a7b6;line-height:1.9;letter-spacing:.6px}.sidebar-footer span{display:block;font-size:8px;color:#6f8d99}.view{position:relative;min-width:0;overflow:hidden;background:#0b2532}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}.view-vignette{position:absolute;pointer-events:none;inset:0;box-shadow:inset 0 0 160px #06162499}.scene-tag{position:absolute;left:27px;top:22px;background:#0c2636c9;border:1px solid #4f77815b;backdrop-filter:blur(8px);padding:9px 13px;color:#b1d3db;font-size:9px;letter-spacing:1.25px;font-weight:850}.scene-tag i{font-style:normal;color:#6c8791;padding:0 4px}.tag-dot{width:6px;height:6px;display:inline-block;background:#73dbc1;border-radius:50%;margin-right:7px}.view-left{position:absolute;left:23px;bottom:72px;pointer-events:none}.compass{width:65px;height:65px;border-radius:50%;border:1px solid #8ba9ac88;background:#0d2e3b88;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 8px #0e29342e}.compass span{font-size:10px;color:#c6e9e7;font-weight:850}.compass-needle{font-size:27px;color:#eec480;line-height:1}.coords{margin-top:16px;font-size:8px;letter-spacing:1.2px;color:#acc6cf}.camera-controls{position:absolute;left:50%;bottom:51px;transform:translateX(-50%);display:flex;gap:4px;background:#092333d9;border:1px solid #4665729e;padding:5px;backdrop-filter:blur(8px)}.camera-controls button{border:0;color:#8fb6c5;background:transparent;min-width:60px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:15px}.camera-controls button span{font-size:8px;letter-spacing:.55px;font-weight:800}.camera-controls button.active{background:#2c5963;color:#d7fffa}.camera-controls button:hover{background:#254957}.view-footer{position:absolute;bottom:0;left:0;right:0;height:33px;display:flex;align-items:center;justify-content:center;gap:13px;background:#061824ca;color:#7fa7b2;font-size:8px;letter-spacing:1.1px;font-weight:850}.view-footer b{color:#5b8993}.zoom-controls{position:absolute;right:16px;bottom:106px;display:flex;flex-direction:column;gap:3px}.zoom-controls button{background:#0b2738bd;border:1px solid #5d8290;color:#d1eff1;width:34px;height:34px;font-size:20px}#toast{position:absolute;left:50%;top:18%;transform:translateX(-50%);pointer-events:none;background:#092b3ce6;border:1px solid #56b8c1;color:#dcf8fa;padding:10px 20px;font-size:11px;font-weight:800;letter-spacing:.6px;opacity:0;transition:opacity .24s;max-width:90%;text-align:center}#toast.show{opacity:1}.rightbar{border-left:1px solid #284250;padding:20px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2d4b5a transparent}.side-title small{font-size:8px;color:#8cabb8;letter-spacing:1.45px;font-weight:850}.side-title h2{margin:6px 0 15px;font-size:17px;letter-spacing:1.2px}.severity{display:flex;align-items:center;gap:12px;background:#102e34;border:1px solid #28534f;padding:11px}.severity>span{width:9px;height:9px;border-radius:50%;background:#70d4a6;box-shadow:0 0 15px #70d4a6}.severity.alert{background:#3b2a28;border-color:#8f5142}.severity.alert>span{background:#f18b62;box-shadow:0 0 10px #ff6f51}.severity small{font-size:8px;letter-spacing:1px;color:#9db9bf}.severity strong{display:block;font-size:11px;margin-top:5px;letter-spacing:.5px}.compact{margin-top:22px}.tiny-note{font-size:10px;color:#8eacb9;line-height:1.55;margin:0 0 10px}.scenario-stack{display:flex;flex-direction:column;gap:6px}.scenario-stack button{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #304653;background:#142a38;padding:10px 9px}.scenario-stack button.active{border-color:#69afba;background:#183b48}.scenario-stack button:hover{border-color:#61adba}.scenario-icon{font-size:19px;color:#d7b478;width:25px;text-align:center}.scenario-stack button span:nth-child(2){flex:1}.scenario-stack b{display:block;font-size:10px;letter-spacing:.55px}.scenario-stack small{display:block;font-size:9px;color:#90b2be;margin-top:4px}.scenario-stack em{font-style:normal;color:#708c9a;font-size:9px}.chart-legend{display:flex;gap:11px;align-items:center;margin:0 0 4px;color:#91afbe;font-size:8px;letter-spacing:.7px}.chart-legend span:last-child{margin-left:auto;color:#698d9e;font-size:7px}.chart-legend i{width:12px;height:3px;display:inline-block;margin-right:3px;vertical-align:middle}.line-a{background:#6ecfde}.line-b{background:#efbc79}#historyChart{width:100%;height:118px;border-bottom:1px solid #375262;background:linear-gradient(#0d202d,#0d202d)}.chart-ticks{display:flex;justify-content:space-between;font-size:8px;color:#678c9d;margin-top:4px}.clock-controls{display:flex;gap:5px}.clock-controls button{flex:1;background:#172d3c;border:1px solid #31505e;padding:10px 0;font-size:10px;font-weight:800}.clock-controls button.active{background:#b5dddb;color:#0b2a32}.hours{margin:13px 0 15px}.hours strong{display:block;margin-top:5px;font-size:18px;letter-spacing:1px;font-variant-numeric:tabular-nums}#miniMap{width:100%;height:auto;cursor:crosshair;border:1px solid #456575;background:#0c2936}.map-caption{display:flex;justify-content:space-between;margin-top:8px;color:#86a6b6;font-size:8px;letter-spacing:.8px}.right-footer{margin-top:19px;border-top:1px solid #264453;padding-top:12px;line-height:1.7;color:#69899a;font-size:8px;letter-spacing:.45px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#02131bd9;z-index:20}.modal-backdrop.hidden{display:none}.modal{position:relative;max-width:460px;width:90%;background:#122d3e;border:1px solid #5aa1b0;padding:34px;box-shadow:0 30px 100px #0008}.modal>small{font-size:9px;letter-spacing:2px;color:#78dae3;font-weight:800}.modal h2{font-size:26px}.modal p{font-size:12px;line-height:1.9;color:#b0cbd1}.modal kbd{padding:2px 5px;border:1px solid #577380;background:#203d4c}.modal-close{position:absolute;right:13px;top:13px;border:0;background:transparent;font-size:25px}.modal-go{border:0;background:#b5dddb;color:#0b2a32;padding:13px;font-weight:900;width:100%;letter-spacing:1px;margin-top:12px}@media(max-width:1300px){#shell{grid-template-columns:265px minmax(300px,1fr) 280px}.sidebar-scroll{padding:14px}.rightbar{padding:14px}.top-status{font-size:8px}.camera-controls button{min-width:52px}}@media(max-width:950px){#shell{grid-template-columns:230px minmax(300px,1fr);grid-template-rows:56px minmax(0,1fr)}.topbar{grid-column:1/3}.rightbar{display:none}.top-status{display:none}.camera-controls button{min-width:45px;padding:8px 3px}.camera-controls button span{font-size:7px}}@media(max-width:620px){#shell{grid-template-columns:1fr;grid-template-rows:56px 1fr 280px}.topbar{grid-column:1;grid-row:1}.sidebar{grid-column:1;grid-row:3;border-right:0;border-top:1px solid #41606a;overflow-y:auto}.sidebar-scroll{height:auto}.view{grid-column:1;grid-row:2}.camera-controls{width:95%;justify-content:space-around;bottom:43px}.camera-controls button{min-width:0;flex:1}.view-left{display:none}.scene-tag{top:10px;left:10px;font-size:7px}.view-footer{font-size:7px}.stat-group{grid-template-columns:1fr 1fr}.top-actions .top-btn:not(.action){display:none}}