:root{--bg:#07111b;--bg2:#0e1b29;--panel:#111e2a;--line:#253848;--line2:#304759;--muted:#8499a9;--text:#d6e3ec;--white:#f3f7fa;--orange:#e5a66e;--teal:#6cdacf;--green:#7adcb4;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{min-width:300px}body{background:var(--bg);margin:0;color:var(--text);font-family:var(--font)}button,select,input{font:inherit}.shell{max-width:1880px;margin:auto;padding:0 32px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px}.mark{height:49px;width:49px;background:var(--orange);color:#091521;border-radius:3px;font-size:26px;font-weight:900;display:grid;place-content:center;letter-spacing:-2px;transform:rotate(-4deg)}.mark span{font-size:12px;letter-spacing:-1px}.brand-mini,.eyebrow,.side-number{font-size:10px;letter-spacing:.23em;font-weight:800;color:var(--orange)}.brand-title{font-size:23px;font-weight:790;letter-spacing:-.06em;margin-top:1px;color:#fff}.slash{color:var(--orange);font-weight:300}.top-centre,.top-right{display:flex;align-items:center;font-size:10px;font-weight:750;letter-spacing:.12em;gap:13px;color:#9ab4c2}.top-centre .line{height:1px;width:40px;background:#334858}.edition{color:#596f7e}.pulse-dot,.chip-dot,.live-label i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 13px #68e2ac80;display:inline-block}.top-right #clock{font-size:18px;font-weight:690;letter-spacing:.04em;color:var(--text);font-variant-numeric:tabular-nums}.vline{height:22px;width:1px;background:var(--line)}.online{color:var(--green)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:28px;padding-top:26px}.main{min-width:0}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:8px 0 21px}h1{font-size:clamp(27px,2.1vw,39px);letter-spacing:-.055em;color:var(--white);font-weight:680;line-height:1.12;margin:11px 0 9px}h1 em,h2 em{color:var(--orange);font-style:normal;font-weight:450}.heading p{margin:0;color:#879aaa;font-size:12px;letter-spacing:.01em}.heading-controls{display:flex;gap:9px}.btn{border:1px solid var(--line2);cursor:pointer;border-radius:3px;padding:13px 19px;font-size:11px;font-weight:850;letter-spacing:.08em;white-space:nowrap;transition:.15s background,.15s transform}.btn:active{transform:translateY(1px)}.ghost{background:#11202d;color:#d2e0ea}.ghost:hover{background:#1b3446}.primary{background:var(--orange);border-color:var(--orange);color:#0b1c25;min-width:116px}.primary:hover{background:#ffc188}.stage{height:min(48vw,516px);min-height:360px;position:relative;border:1px solid #3b5363;background:radial-gradient(ellipse at 50% 45%,#152e3c,#081520 76%);overflow:hidden}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#05131f80,transparent 21%,transparent 76%,#06111c9b);z-index:1}.stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.stage canvas:active{cursor:grabbing}.stage-top,.stage-bottom{pointer-events:none;position:absolute;z-index:2;display:flex;align-items:center;justify-content:space-between;left:22px;right:22px}.stage-top{top:21px}.chip{font-weight:800;letter-spacing:.12em;font-size:9px;padding:9px 11px;border:1px solid #355264c0;background:#061a25be;color:#d9eaf2;display:flex;align-items:center;gap:9px}.chip.subtle{color:#79909f}.stage-bottom{bottom:17px;font-size:10px;letter-spacing:.09em;color:#88a0af;font-weight:760}.stage-bottom b{color:#517187;padding:0 7px}.stage-icon{font-size:17px;color:var(--orange);vertical-align:middle;margin-right:5px}.gl-error{position:absolute;inset:35%;color:var(--orange);text-align:center;background:#091520;padding:20px;z-index:5}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);margin-top:16px}.metric{background:#0e1c2a;padding:18px 19px 14px;min-width:0}.metric-label{font-size:9px;letter-spacing:.11em;font-weight:850;color:#95a9b7;white-space:nowrap;display:flex;justify-content:space-between}.metric-label .i{color:var(--orange);font-size:14px}.metric-value{margin-top:13px;font-size:clamp(26px,2.35vw,39px);color:var(--white);font-weight:650;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.metric-value small{font-size:11px;letter-spacing:.05em;color:var(--orange);padding-left:5px}.metric-foot{font-size:10px;color:#6b8595;margin-top:4px}.meter{margin-top:11px;width:100%;height:4px;background:#294052}.meter span{height:100%;display:block;width:0%;background:var(--teal);transition:width .3s}.bottom-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:17px;margin-top:17px}.pane{border:1px solid var(--line);background:#0d1925;padding:19px;min-width:0}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pane-head .eyebrow{font-size:9px}.pane h2{font-size:17px;letter-spacing:-.035em;margin:6px 0 0;font-weight:630;color:#e4edf4}.secondary{color:#72899a;font-weight:400}.mini-tag{border:1px solid #3c4f57;color:var(--orange);padding:6px 8px;font-size:8px;letter-spacing:.09em;font-weight:850}.live-label{font-size:9px;font-weight:850;letter-spacing:.13em;color:var(--green)}.live-label i{width:5px;height:5px;margin-right:6px}.live-map canvas{width:100%;height:216px;margin-top:16px;cursor:crosshair;display:block}.chart-pane canvas{width:100%;height:204px;margin-top:16px;display:block}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.legend span{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#7f98a8;font-size:9px}.legend i{width:6px;height:6px;display:inline-block;border-radius:50%}.telemetry-row{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #233746;padding-top:16px;margin-top:4px}.telemetry-row span{font-size:9px;letter-spacing:.07em;color:#7890a1;font-weight:800}.telemetry-row b{font-size:13px;color:#dce8ed;margin-left:8px;letter-spacing:0}.sidebar{border:1px solid #304151;background:linear-gradient(140deg,#152532,#101c29 48%,#101a26);align-self:stretch;display:flex;flex-direction:column}.side-top{background:#1b2e3a;border-bottom:1px solid #344b5a;padding:17px 21px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;font-weight:800;color:#e2edf4}.side-icon{font-size:20px;color:var(--orange);font-weight:400}.side-intro{padding:26px 22px 15px}.side-intro h2{color:#e4eef4;font-size:26px;letter-spacing:-.045em;margin:12px 0 6px}.side-intro p,.manual p{font-size:12px;color:#849bab;line-height:1.6;margin:0}.control{padding:17px 22px;border-bottom:1px solid #2a3c4c}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.control label:not(.switch){font-size:10px;letter-spacing:.12em;color:#b6c7d3;font-weight:800}.control-heading strong{font-size:17px;font-variant-numeric:tabular-nums;color:var(--orange);font-weight:720}.control-heading strong small{font-size:10px;color:#9cb0be;font-weight:660;letter-spacing:.02em}.control input[type=range]{width:100%;height:3px;background:#4b6475;accent-color:var(--orange);cursor:pointer;display:block;margin:14px 0}.range-ends{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;color:#6b8496}.selectbox{position:relative;margin-top:12px}.selectbox select{appearance:none;color:#d8e7f1;background:#1b3040;border:1px solid #3a5365;border-radius:3px;width:100%;font-size:12px;font-weight:600;outline:none;padding:12px 28px 12px 12px;cursor:pointer}.selectbox select:focus-visible,.btn:focus-visible,.export:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.selectbox span{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--orange)}.hint{font-size:10px;color:#7990a0;line-height:1.6;margin:9px 0 0}.switch-row{display:flex;justify-content:space-between;align-items:center}.switch-row .hint{margin-top:4px}.switch{position:relative;width:38px;height:21px;display:inline-block;flex:none;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.switch span{display:block;background:#395060;width:38px;height:21px;border-radius:99px;transition:.15s}.switch span:before{content:"";display:block;position:absolute;left:3px;top:3px;height:15px;width:15px;border-radius:50%;background:#a0afba;transition:.15s}.switch input:checked+span{background:#367d79}.switch input:checked+span:before{transform:translateX(17px);background:#96f2df}.manual{margin:20px 22px 0;border:1px solid #3f505e;padding:18px;background:#132532}.manual h3{margin:11px 0 6px;color:#dce8f0;font-size:15px}.manual p{font-size:11px}.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.order-fields .selectbox select{font-size:11px}.order-btn{width:100%;margin-top:11px;background:var(--orange);color:#10202b;padding:13px 5px;font-size:10px;border-color:var(--orange)}.order-btn:hover{background:#ffc48b}#message{font-size:10px;line-height:1.5;color:#8badae;min-height:32px;margin-top:11px}.sidebar-footer{margin-top:auto;padding:25px 22px 18px}.export{background:#12212e;border:1px solid #4a6170;color:#e5edf2;font-size:10px;letter-spacing:.06em;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px 11px;cursor:pointer;width:100%;margin:12px 0 15px}.export:hover{background:#284050}.export span:last-child{color:var(--orange)}.foot-text{font-size:9px;letter-spacing:.06em;color:#6d8696;display:flex;justify-content:space-between}.foot-text span{color:#c4ab8e}.footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#60798c;letter-spacing:.095em;font-weight:750}.footer b{color:var(--orange);padding:0 8px}@media(max-width:1190px){.shell{padding:0 22px}.layout{grid-template-columns:minmax(0,1fr) 305px;gap:17px}.top-centre{display:none}.metric{padding:14px 11px}.metric-label{font-size:8px}.bottom-grid{grid-template-columns:1fr}.live-map canvas{height:230px}}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{display:block}.stage{height:480px}.side-intro{padding-bottom:6px}.control{display:inline-flex;vertical-align:top;flex-direction:column;width:50%;min-height:117px;justify-content:center}.control.switch-row{flex-direction:row}.manual{max-width:480px}.sidebar-footer{max-width:530px}.bottom-grid{grid-template-columns:1fr 1fr}.footer{flex-direction:column}}@media(max-width:600px){.shell{padding:0 12px}.topbar{height:70px}.brand-mini{font-size:8px}.brand-title{font-size:19px}.mark{height:38px;width:38px;font-size:21px}.top-right{font-size:8px}.online,.vline{display:none}.layout{padding-top:12px}.heading{align-items:flex-start;flex-direction:column}.heading-controls{width:100%}.heading-controls button{flex:1}.stage{height:370px;min-height:310px}.stage-top,.stage-bottom{left:11px;right:11px}.stage-bottom{font-size:8px}.chip{font-size:8px;padding:7px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:17px}.bottom-grid{grid-template-columns:1fr}.pane{padding:15px}.control{width:100%;min-height:0;padding:17px 22px}.side-top{padding:15px 21px}.footer{font-size:8px}.heading p{font-size:11px}}