:root{--bg:#07121b;--panel:rgba(7,19,29,.93);--line:rgba(123,166,180,.24);--muted:#829aab;--txt:#edf4f5;--aqua:#7ae5e7;--gold:#dfb978;--red:#fe796d}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--txt);font:12px/1.45 'Segoe UI',Inter,Arial,sans-serif}button,select,input{font:inherit}button{border:1px solid #365365;background:#142633;color:#d4ebf0;border-radius:4px;padding:9px 10px;cursor:pointer;letter-spacing:.06em;font-size:10px;font-weight:700;transition:.18s}button:hover{border-color:var(--aqua);color:#fff;background:#244356}button:disabled{opacity:.35;cursor:not-allowed}canvas#scene{width:100%;height:100%;display:block;touch-action:none}#viewport{position:fixed;inset:0;background:radial-gradient(ellipse at center,#35566a,#07121b)}#app{pointer-events:none;position:fixed;inset:0}.mast,.sidebar,.rightpane,.hud-left,.hud-bottom{pointer-events:auto}.mast{height:67px;position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,#07151fee,#07151fd0);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:13px;backdrop-filter:blur(16px)}.brand-icon{width:38px;height:38px;border:1px solid #508b96;color:var(--aqua);display:grid;place-items:center;font-size:29px}.brand strong{display:block;font-weight:800;font-size:17px;letter-spacing:.14em}.brand strong span{color:var(--gold)}.brand small{font-size:8px;letter-spacing:.22em;color:#7a98a6}.status{margin-left:auto;color:#8fe8be;letter-spacing:.14em;font-size:9px;white-space:nowrap}.status i,.lightdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#64e9a8;box-shadow:0 0 9px #48edab;margin-right:8px}.status span{margin-left:20px;color:#98b0be}.square{width:32px;height:32px}.sidebar,.rightpane{position:absolute;top:67px;bottom:0;overflow-y:auto;background:var(--panel);backdrop-filter:blur(22px);scrollbar-width:thin;scrollbar-color:#34505b transparent}.sidebar{left:0;width:326px;border-right:1px solid var(--line);padding:16px 18px 80px}.rightpane{right:0;width:257px;border-left:1px solid var(--line);padding:18px 17px 80px}.section-title{color:#a1b7c1;font-size:9px;letter-spacing:.21em;font-weight:800;margin:16px 0 10px;display:flex;justify-content:space-between}.section-title:first-child{margin-top:0}.section-title b{color:#62e3b2;font-weight:500}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:#122431b5;border:1px solid #304452;padding:10px}.stat small,.metric-caption,.micro-grid small{display:block;color:#8ca8b4;font-size:8px;letter-spacing:.11em}.stat strong{font-size:20px;color:#f1f6f7;font-weight:700}.stat em,.level-read em{color:var(--aqua);font-size:10px;font-style:normal;font-weight:500}#network-map{display:block;width:100%;height:164px;background:#0b202b;border:1px solid #28404a;border-radius:4px;cursor:crosshair}.map-legend{display:flex;justify-content:space-between;color:#91a9b2;font-size:9px;margin-top:8px}.map-legend i{width:14px;height:3px;display:inline-block;vertical-align:middle;margin-right:6px}.ml-main{background:#80d8de}.ml-lock{background:#e7bc7d}.ml-ship{background:#68e6ac}.field{display:block;color:#8ca4b1;font-size:9px;letter-spacing:.13em;font-weight:700;margin:10px 0}.field select{margin-top:7px;width:100%;background:#152a37;border:1px solid #355061;color:#e1edf0;border-radius:3px;padding:9px;outline:none}.site-card{background:linear-gradient(125deg,#183341,#112532);padding:13px;border:1px solid #2d5361;border-left:2px solid var(--aqua);margin:11px 0}.site-name{font-size:12px;font-weight:800;letter-spacing:.07em}.site-desc{color:#9cabb4;margin-top:4px;font-size:10px}.site-refs{display:flex;gap:8px;margin-top:10px}.site-refs span{background:#2a4450;color:#b5d7df;padding:3px 8px;font-size:8px;letter-spacing:.1em}.level-read{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;color:#96aeb9}.level-read strong{font-size:22px;color:#8be0e3}.level-track{height:13px;border:1px solid #3a5b6a;position:relative;background:linear-gradient(90deg,#182f40,#344b50);margin-top:11px}.level-track>div:first-child{height:100%;width:0%;background:linear-gradient(90deg,#27748e,#8ae1e0)}.level-mark{position:absolute;top:-4px;width:2px;height:19px;background:#e7d19d}.rowlab{display:flex;justify-content:space-between;color:#8297a4;font-size:8px;margin-top:7px}.telemetry>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253c48;padding:8px 0;font-size:10px;color:#aabec8}.telemetry b{color:#e7eae9;font-size:9px}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.command-grid .primary,.primary{color:#06222c;background:#70d8dd;border-color:#8ee8ed}.command-wide{grid-column:span 2}.command-grid .gold{border-color:#927d4d;color:#f5d39a;background:#322e24}.command-grid .emergency{border-color:#a34b4d;color:#ffaba2;background:#382126}.sub-control{display:flex;align-items:center;gap:7px;justify-content:space-between;margin:13px 0;color:#a2b5bf;font-size:9px}.sub-control span{width:90px}.sub-control input{width:100px;accent-color:#79dfe1}.sub-control b{min-width:29px;text-align:right;color:#f0f3f1}.view-label{position:absolute;top:86px;left:346px;font-size:10px;font-weight:700;letter-spacing:.18em;color:#c3d6d9;text-shadow:0 2px 9px #081922}.reticle{position:absolute;top:50%;left:50%;font-size:19px;font-weight:100;color:#e6ebea7f;transform:translate(-50%,-50%);pointer-events:none}.hud-left{position:absolute;left:346px;bottom:74px}.chip{display:inline-block;padding:10px 12px;background:#0c202ed5;border:1px solid #315361;color:#c2d8df;font-size:9px;letter-spacing:.12em}.coords{margin-top:7px;color:#d8e7e6b0;font:10px monospace}.hud-bottom{position:absolute;left:326px;right:257px;bottom:0;min-height:55px;display:flex;align-items:center;justify-content:space-between;background:#07131bd9;border-top:1px solid var(--line);padding:0 20px;gap:8px}.action-tabs{display:flex;gap:6px}.action-tabs button{background:transparent;border-color:transparent;color:#a6b8c4}.action-tabs button.selected{color:#81e9e3;border-bottom:2px solid #7ae4e2}.bottom-right{display:flex;gap:12px;color:#86a5b5;font-size:9px;white-space:nowrap}.pane-head{font-size:9px;letter-spacing:.19em;color:#b2c7cc;font-weight:800}.tiny-green{color:#6fdcaf;float:right}.big-number{font-size:32px;color:#d9f9f5;margin-top:20px;letter-spacing:-.03em}.big-number span{font-size:12px;color:#80d3d0}.micro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.micro-grid>div{border:1px solid #324755;padding:11px 7px;background:#152935}.micro-grid strong{display:block;margin-top:6px;font-size:14px}.sim-controls{display:flex;gap:5px}.sim-controls button{flex:1}.sim-controls .active{color:#052c32;background:#7be4e0}.event-list{max-height:280px;overflow-y:auto}.event{border-left:2px solid #527782;background:#152732;margin-bottom:7px;padding:9px;color:#acc3ca;font-size:10px}.event b{font-size:9px;color:#e7c38d;display:block;margin-bottom:4px}.event em{color:#698b9a;float:right;font-style:normal}.disclaimer{color:#628392;letter-spacing:.08em;line-height:1.8;font-size:8px;margin-top:21px}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#020911c9;z-index:15}.modal.hidden{display:none}.modal-box{position:relative;max-width:535px;background:#0d2330;padding:30px;border:1px solid #587a85;box-shadow:0 30px 130px #000a}.modal-box h2{letter-spacing:.12em;color:#8de2e1}.modal-box p{color:#b8ccd1;line-height:1.8;font-size:12px}.modal-box button{margin-top:14px}.modal-box .close{position:absolute;top:10px;right:14px;margin:0}#toast{position:fixed;z-index:30;bottom:71px;left:50%;transform:translateX(-50%);background:#193443;border:1px solid #68c1c7;color:#e3f8f6;padding:12px 20px;opacity:0;pointer-events:none;transition:.2s;min-width:200px;text-align:center;font-size:11px;letter-spacing:.06em}#toast.visible{opacity:1}@media(max-width:1100px){.rightpane{width:211px}.hud-bottom{right:211px}.sidebar{width:290px}.hud-bottom{left:290px}.hud-left{left:304px}.view-label{left:304px}.bottom-right span:nth-child(2){display:none}}@media(max-width:800px){.rightpane{display:none}.sidebar{width:260px}.hud-bottom{left:260px;right:0}.hud-left{left:275px}.view-label{left:275px}.mast{padding:0 8px}.brand strong{font-size:12px}.status{display:none}.bottom-right{display:none}}@media(max-width:540px){.sidebar{width:205px;padding:12px}.hud-bottom{left:205px;padding:0 3px}.hud-left,.view-label{display:none}.brand small{display:none}.action-tabs button{font-size:8px;padding:8px 3px}}