:root{--glass:rgba(10,25,39,.83);--edge:rgba(151,200,212,.20);--muted:#8da4b2;--text:#edf5f3;--cyan:#8bf4db;--gold:#ebc58d;--cold:#9fc9d3;--base:#06121f}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#071522;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#viewport{display:block;width:100vw;height:100vh;cursor:grab;touch-action:none}#scanlines{pointer-events:none;position:fixed;inset:0;opacity:.08;z-index:2;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,#08253a 4px);mix-blend-mode:overlay}.interface{position:fixed;inset:0;pointer-events:none;z-index:5}.interface>*{pointer-events:auto}.glass{background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(25px);box-shadow:0 16px 65px rgba(0,0,0,.12)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:750;color:var(--cyan)}.topbar{position:absolute;top:14px;left:16px;right:16px;height:75px;display:flex;align-items:center;padding:0 24px;border-radius:7px;gap:26px}.brand{display:flex;align-items:center;gap:13px;min-width:300px}.brand-symbol{width:38px;height:38px;color:var(--gold)}.brand-symbol svg{width:100%;height:100%}.brand-name{font-weight:850;letter-spacing:.12em;font-size:17px;display:block;white-space:nowrap}.brand-name strong{font-weight:300;color:var(--gold)}.brand-subtitle{display:block;font-size:9px;letter-spacing:.14em;color:#8da6af;margin-top:5px;font-weight:600}.brand-subtitle b{color:var(--gold);padding:0 5px}.header-metas{display:flex;align-items:center;gap:34px;flex:1;justify-content:flex-end}.header-cell{display:flex;flex-direction:column;gap:8px}.header-cell small{font-weight:800;font-size:9px;letter-spacing:.15em;color:#8aa1b0}.header-cell strong{font-size:11px;letter-spacing:.12em;font-weight:700;white-space:nowrap}.live-dot{display:inline-block;vertical-align:middle;width:7px;height:7px;background:#81edd0;border-radius:50%;box-shadow:0 0 13px #8effd4;margin-right:6px}.header-actions{border-left:1px solid var(--edge);padding-left:20px;display:flex;gap:7px}.header-actions button{height:32px;width:32px;background:rgba(116,164,178,.08);border:1px solid rgba(139,193,204,.2);border-radius:3px;color:#c4dadc;font-weight:750;font-size:18px}.header-actions button:hover{background:rgba(94,184,186,.21);color:white}.left-panel{position:absolute;left:16px;top:111px;width:246px;max-height:calc(100vh - 240px);overflow-y:auto;scrollbar-width:thin}.section-head{display:flex;gap:9px;align-items:center;margin-bottom:11px}.side-dash{height:1px;flex:1;background:linear-gradient(90deg,rgba(140,201,204,.3),transparent)}.with-margin{margin-top:23px}.telemetry{display:grid;gap:8px}.telemetry-card{border-radius:4px;padding:12px 15px 11px}.telemetry-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:790;color:#a2c6d0;letter-spacing:.16em}.status-icon{color:var(--cyan);font-size:16px}.big-number{font-size:27px;letter-spacing:.01em;font-weight:280;line-height:1.3;padding:4px 0 5px;font-variant-numeric:tabular-nums}.telemetry-card small{font-size:10px;color:#7f98aa}.bargraph{background:rgba(255,255,255,.1);height:3px;margin-bottom:9px}.bargraph span{display:block;background:linear-gradient(90deg,#53adac,#c6fbe6);height:100%}.location-list{border-radius:4px;overflow:hidden}.location-list button{display:flex;align-items:center;width:100%;border:none;border-bottom:1px solid rgba(180,225,223,.07);background:transparent;color:#a8bdc6;padding:14px 11px;text-align:left;letter-spacing:.09em;font-size:10px;font-weight:700;gap:12px}.location-list button span{font-size:9px;color:var(--gold)}.location-list button b{margin-left:auto;font-size:14px;color:#7c99a4}.location-list button.active,.location-list button:hover{color:#dcfff4;background:rgba(97,185,173,.14)}.right-panel{position:absolute;right:16px;top:111px;width:290px;max-height:calc(100vh - 205px);overflow-y:auto;padding:19px 21px 15px;border-radius:5px;scrollbar-width:thin}.panel-top{display:flex;align-items:start;justify-content:space-between}.panel-top h2{margin:8px 0 17px;font-size:16px;letter-spacing:.1em}.control-badge{border:1px solid rgba(111,214,176,.45);color:#9af1cb;border-radius:3px;font-size:8px;font-weight:800;letter-spacing:.09em;padding:6px;margin-top:1px}.panel-caption{font-size:10px;color:var(--gold);font-weight:800;letter-spacing:.18em;border-bottom:1px solid var(--edge);padding:10px 0 12px;margin:0 0 5px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(200,220,222,.06);gap:16px}.switch-row strong{font-size:12px;font-weight:650;display:block}.switch-row small{color:#738e9e;font-size:10px;display:block;margin-top:4px}.switch{width:35px;height:20px;min-width:35px;border-radius:12px;background:#253f4e;border:1px solid rgba(166,209,213,.18);padding:2px}.switch span{display:block;background:#7797a2;width:14px;height:14px;border-radius:50%;transition:transform .22s,background .22s}.switch.on{background:rgba(105,212,171,.29);border-color:rgba(142,235,207,.46)}.switch.on span{background:#9cfde0;transform:translateX(15px)}.setting{display:block;padding-top:14px}.setting>span{display:flex;justify-content:space-between;font-size:11px;color:#bdcdd0;margin-bottom:8px}.setting b{color:#91f2d6;font-variant-numeric:tabular-nums}.setting select{background:#132a39;color:#eaf7f4;border:1px solid rgba(168,219,215,.22);padding:9px;width:100%;font-size:11px;cursor:pointer;border-radius:3px}.setting input[type=range]{width:100%;appearance:none;height:4px;background:#365265;outline:none;border-radius:4px}.setting input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--cyan);border-radius:50%}.control-foot{margin-top:21px;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.13em;color:#9bdac9}.warning{color:var(--gold)!important}.map-panel{position:absolute;left:16px;bottom:60px;width:216px;padding:12px 13px 9px;border-radius:5px}.map-title,.map-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;font-weight:800;color:#b5cdd1}.map-title b{color:#a8e6d5}#radar{width:188px;height:188px;display:block;margin:8px auto 5px;border-radius:50%;border:1px solid rgba(154,215,215,.24)}.map-bottom{color:#71929f}.map-bottom .north{color:#c9e2ce}.bottom-bar{position:absolute;bottom:13px;left:16px;right:16px;min-height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-radius:4px;font-size:9px;letter-spacing:.08em;color:#a3b8c3;gap:15px}.bottom-left{white-space:nowrap}.delimiter{color:var(--gold);padding:0 8px}.bottom-center{color:#c8e1dd;white-space:nowrap;font-variant-numeric:tabular-nums}.bottom-right{color:#7e9cac;white-space:nowrap}.bottom-right span{color:var(--gold);padding:0 6px}.center-reticle{position:absolute;left:50%;top:51%;pointer-events:none;transform:translate(-50%,-50%);height:20px;width:20px;opacity:.4}.center-reticle span{position:absolute;background:#dafff4}.center-reticle span:nth-child(1){height:1px;width:7px;left:-4px;top:10px}.center-reticle span:nth-child(2){height:1px;width:7px;right:-4px;top:10px}.center-reticle span:nth-child(3){width:1px;height:7px;left:10px;top:-4px}.center-reticle span:nth-child(4){width:1px;height:7px;left:10px;bottom:-4px}.inspector{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);width:330px;padding:18px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .2s}.inspector.visible{opacity:1;pointer-events:auto}.inspect-top{display:flex;justify-content:space-between}.inspect-top button{background:none;border:0;color:white;font-size:22px}.inspector h3{margin:11px 0;font-size:20px;letter-spacing:.03em}.inspector p{font-size:12px;line-height:1.5;color:#a6bec4}.inspect-coords{font-size:11px;color:#8ce2cd;margin:15px 0}.inspect-actions{display:flex;gap:8px}.inspect-actions button{flex:1;padding:10px 4px;border:1px solid rgba(160,223,208,.36);background:rgba(110,202,181,.12);color:#c7e8de;font-weight:800;font-size:10px;letter-spacing:.08em}.notices{position:absolute;right:326px;top:111px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{font-size:11px;color:#e1f3ef;padding:12px 15px;background:rgba(11,32,45,.9);border:1px solid rgba(147,215,218,.3);border-left:2px solid #8ce6cc;max-width:285px}.toast.warn{border-left-color:#dcac62}#loading{position:fixed;z-index:20;inset:0;background:radial-gradient(circle at 50% 45%,#173b55,#071420 68%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;transition:opacity 1s ease,visibility 1s ease}#loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.load-mark{height:80px;width:100px;position:relative;margin-bottom:10px}.load-mark span{position:absolute;width:4px;height:65px;background:linear-gradient(var(--cyan),transparent);left:50%;transform-origin:bottom}.load-mark span:first-child{transform:translateX(-50%) rotate(0)}.load-mark span:nth-child(2){transform:translateX(-50%) rotate(50deg)}.load-mark span:last-child{transform:translateX(-50%) rotate(-50deg)}#loading h1{font-weight:850;letter-spacing:.25em;font-size:clamp(34px,5vw,66px);margin:0}#loading h1 em{font-weight:280;color:var(--gold);font-style:normal}.load-subtitle{font-size:11px;letter-spacing:.19em;color:#b3c6cb}.load-bar{margin-top:20px;width:270px;height:2px;background:#31505e}#load-progress{height:100%;width:15%;background:var(--cyan);transition:width .8s}.load-foot{position:absolute;bottom:34px;font-size:10px;letter-spacing:.18em;color:#7f9cab}#load-message{font-size:11px;letter-spacing:.1em;color:#8eadb8}.help-modal{display:none;position:fixed;inset:0;z-index:40;background:rgba(1,12,20,.8);align-items:center;justify-content:center;padding:20px}.help-modal.visible{display:flex}.help-dialog{padding:28px;width:min(680px,94vw);max-height:90vh;overflow-y:auto;position:relative}.help-dialog h2{font-size:23px;letter-spacing:.12em;margin:12px 0 25px}.help-dialog>button{position:absolute;right:16px;top:14px;background:none;border:0;color:white;font-size:27px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-grid>div{border-bottom:1px solid rgba(180,220,221,.15);padding:0 0 13px}.help-grid b,.help-grid span{display:block}.help-grid b{font-size:12px;color:#f0f5f2}.help-grid span{font-size:11px;color:#8ea8b3;margin-top:5px}.help-dialog p{font-size:11px;line-height:1.6;color:#9fbdc7;margin-top:22px}body.hud-hidden .interface>.left-panel,body.hud-hidden .interface>.right-panel,body.hud-hidden .interface>.topbar,body.hud-hidden .interface>.map-panel,body.hud-hidden .interface>.bottom-bar,body.hud-hidden .interface>.inspector{opacity:0;pointer-events:none}body.hud-hidden .interface .center-reticle{opacity:0}@media(max-width:1200px){.header-metas{gap:14px}.right-panel{width:255px}.notices{right:275px}.bottom-right{display:none}.left-panel{width:216px}.telemetry-card{padding:9px 12px}.big-number{font-size:22px}.location-list button{padding:11px 9px;font-size:9px}}@media(max-width:900px){.header-metas{display:none}.topbar{height:65px;padding:0 13px}.brand{min-width:0;flex:1}.brand-name{font-size:14px}.brand-subtitle{font-size:8px}.left-panel{top:90px;width:165px}.telemetry-card{padding:7px 9px}.telemetry-card:nth-child(n+3){display:none}.right-panel{top:90px;width:235px;padding:12px}.switch-row{padding:9px 0}.setting{padding-top:8px}.map-panel{width:170px;bottom:57px}.map-panel #radar{width:140px;height:140px}.location-list button{font-size:8px}.bottom-bar{font-size:8px}}@media(max-width:600px){.topbar{left:9px;right:9px;top:9px}.brand-symbol{width:25px;height:25px}.brand-name{font-size:12px}.brand-subtitle{font-size:7px}.header-actions{padding-left:8px}.header-actions button{width:27px;height:27px}.left-panel{left:9px;top:86px;width:128px}.left-panel .telemetry-card:nth-child(2){display:none}.section-head{margin-bottom:6px}.big-number{font-size:18px}.location-list{display:none}.with-margin{display:none}.right-panel{right:9px;top:86px;width:180px;padding:11px}.panel-top h2{font-size:12px}.panel-top .eyebrow{font-size:8px}.control-badge{display:none}.panel-caption{font-size:8px;padding:6px 0}.switch-row{padding:7px 0}.switch-row strong{font-size:10px}.switch-row small{font-size:8px}.switch{width:30px;min-width:30px}.setting>span{font-size:9px}.map-panel{display:none}.bottom-bar{left:9px;right:9px;bottom:9px;justify-content:center;padding:0 4px}.bottom-left{display:none}.bottom-center{font-size:8px}.notices{left:9px;right:auto;top:auto;bottom:65px}.inspector{width:280px}.load-subtitle{font-size:9px}.load-foot{font-size:8px}}