:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#d9e7ec;background:#06151e;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}#viewport{display:block;width:100vw;height:100vh;touch-action:none;background:#06151e}.app{position:absolute;inset:0;pointer-events:none}.glass{background:linear-gradient(145deg,rgba(7,24,32,.89),rgba(5,20,28,.75));border:1px solid rgba(123,194,198,.16);box-shadow:0 13px 55px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px)}.hidden{display:none!important}.topbar{pointer-events:auto;position:absolute;top:0;left:0;width:100%;height:89px;padding:0 34px 0 28px;display:flex;align-items:center;justify-content:space-between;border-top:0;border-left:0;border-right:0;z-index:10}.brand{display:flex;align-items:center;gap:18px}.brand-mark{width:42px;height:39px;position:relative;border:1px solid rgba(97,214,212,.27);transform:rotate(45deg);display:grid;place-items:center}.brand-mark .bar{position:absolute;width:4px;height:22px;background:#83dfce;transform:rotate(-45deg)}.brand-mark .a{left:11px;height:12px}.brand-mark .b{left:20px}.brand-mark .c{left:29px;height:16px}.overline,.section-eyebrow,.stat-label,.subhead,.mission-kicker,.load-overline{font-family:Consolas,"Courier New",monospace;font-size:10px;font-weight:700;letter-spacing:1.85px;color:#7babb1}.overline{font-size:9px;letter-spacing:1.3px;color:#7da3ab;margin-bottom:5px}.inline-sep{color:#3b6570;margin:0 7px}.brand h1{font-size:18px;letter-spacing:2.6px;font-weight:650;margin:0;color:#edf5f3}.brand h1>span:first-child{color:#3e6870;font-weight:300}.brand-accent{color:#94dccd}.top-right{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.1px;color:#a2c8c9}.mono{font-family:Consolas,"Courier New",monospace}.small{font-size:9px;float:right}.online-dot{height:6px;width:6px;border-radius:50%;background:#94ebc1;box-shadow:0 0 15px #94ebc1}.top-divider{width:1px;height:22px;background:#28505b;margin:0 12px}.icon-button{width:32px;height:32px;display:grid;place-items:center;background:#19313c;border:1px solid rgba(165,217,217,.13);color:#b5d8d6;font-size:16px}.left-panel{pointer-events:auto;position:absolute;left:22px;top:110px;bottom:90px;width:316px;padding:24px 22px 17px;overflow:auto;scrollbar-width:thin;scrollbar-color:#24505a transparent}.section-eyebrow{display:flex;align-items:center;gap:9px;color:#86b8bf}.pulse-sq{width:7px;height:7px;background:#a2e8cd;box-shadow:0 0 10px #8fdac6;transform:rotate(45deg)}.section-eyebrow .small{margin-left:auto}.mission-kicker{font-size:9px;color:#86caba;margin-top:43px;letter-spacing:2.5px}.hero-title{font-size:40px;font-weight:770;line-height:1.03;letter-spacing:-1.9px;margin:10px 0 13px;color:#f1f6f2}.hero-title em{font-weight:300;font-style:normal;color:#8be1cd}.hero-copy{font-size:12px;line-height:1.8;color:#9eafb9;max-width:250px;margin:0 0 27px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;padding-bottom:8px}.stat-grid>div{display:flex;flex-direction:column;gap:6px}.stat-value{color:#d4efe9;font-size:28px;letter-spacing:-1.3px;font-weight:580}.units{font-size:12px;color:#87c6ba;letter-spacing:0}.stat-label{font-size:8px;color:#7796a3;letter-spacing:1.1px}.panel-divider{height:1px;background:linear-gradient(90deg,#345560,transparent);margin:22px 0}.subhead{color:#a0c3c7;display:flex;justify-content:space-between;margin-bottom:12px;letter-spacing:1.6px}.muted{color:#5c9d91}.waypoints{display:grid;gap:5px}.waypoint{width:100%;height:36px;text-align:left;display:flex;align-items:center;gap:12px;border:1px solid transparent;background:rgba(42,68,76,.14);color:#9fb5bf;padding:0 12px}.waypoint span{font:10px Consolas,monospace;color:#537a86}.waypoint b{font-size:11px;letter-spacing:.3px;font-weight:500}.waypoint i{margin-left:auto;font-style:normal;color:#557985}.waypoint:hover,.waypoint.selected{border-color:#3a6b71;background:rgba(46,105,101,.21);color:#d8eee9}.waypoint.selected span,.waypoint.selected i{color:#9bd9c9}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:11px;color:#b5c8ca;gap:10px}.switch{position:relative;display:block;width:33px;height:18px;flex-shrink:0}.switch input{opacity:0;position:absolute}.switch span{position:absolute;inset:0;background:#17323d;border:1px solid #3a5d68;border-radius:20px}.switch span:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:100%;background:#718b92;transition:.2s}.switch input:checked+span{background:#2b7068;border-color:#5fa895}.switch input:checked+span:after{background:#b4eedb;transform:translateX(14px)}.right-panel{pointer-events:none;position:absolute;right:22px;top:110px;bottom:92px;width:302px;display:flex;flex-direction:column;gap:14px}.map-panel,.asset-panel{pointer-events:auto;padding:19px}.side-top{display:flex;justify-content:space-between;align-items:start}.side-heading{margin-top:8px;font-weight:650;letter-spacing:1.05px;font-size:13px;color:#dbefeb}.side-heading span{font-size:10px;color:#6b9ca3}.status-chip{font:9px Consolas,monospace;padding:5px 7px;background:#1e473f;color:#95dec2;border:1px solid #316154}#minimap{width:100%;height:145px;margin-top:12px;background:rgba(3,18,27,.7);border:1px solid rgba(79,157,170,.18)}.map-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;font:8px Consolas,monospace;letter-spacing:.4px;color:#86a5ae;margin-top:10px}.legend-point{display:inline-block;width:6px;height:6px;border:1px solid #4a7280;margin-right:3px}.legend-point.active{background:#8bd8ba;border-color:#8bd8ba}.asset-panel{margin-top:auto;min-height:296px}.asset-icon{color:#93e0d3;font-size:27px;margin:15px 0 7px}#assetTitle{font-size:15px;color:#e2efed;letter-spacing:.3px;margin:0 0 8px}#assetDescription{color:#95acb3;font-size:11px;line-height:1.7;min-height:55px;margin:0}.asset-divider{height:1px;background:#2a444f;margin:18px 0 13px}.inspection-data{display:grid;gap:9px}.inspection-data>div{display:flex;justify-content:space-between;gap:6px;font-size:10px}.inspection-data span{font:9px Consolas,monospace;color:#73969e}.inspection-data strong{font:10px Consolas,monospace;color:#b7ddd6}.primary-button{width:100%;background:#92d7c8;color:#06272a;border:0;padding:12px;margin-top:21px;display:flex;justify-content:space-between;font:700 10px Consolas,monospace;letter-spacing:1px}.primary-button:disabled{background:#2b5056;color:#769a9c;cursor:not-allowed}.primary-button:hover:not(:disabled){background:#c7f1d8}.bottom-bar{pointer-events:auto;position:absolute;bottom:0;left:0;right:0;height:75px;border-left:0;border-right:0;border-bottom:0;display:flex;align-items:center;padding:12px 28px;gap:30px}.bottom-indicator{display:flex;gap:12px;align-items:center;min-width:120px}.bottom-indicator>div{display:flex;flex-direction:column;gap:5px}.bottom-indicator small{font:8px Consolas,monospace;letter-spacing:1.3px;color:#718e9c}.bottom-indicator strong{font:11px Consolas,monospace;color:#cadfdf;letter-spacing:.4px}.bottom-indicator b{font-weight:650;color:#a4dfd0}.scan-line{width:20px;height:24px;display:block;border-left:2px solid #7ec5ba;border-bottom:2px solid #7ec5ba;transform:skewX(-14deg)}.bottom-icon{font-size:27px;color:#6caeb1}.bottom-right{margin-left:auto;display:flex;align-items:center;gap:13px;font:9px Consolas,monospace;color:#72929a}.sep-dot{color:#47727d}.settings-button{border:1px solid #427b78;background:#174341;color:#b8e4d4;letter-spacing:1px;font:10px Consolas,monospace;padding:11px 14px;margin-left:8px}.settings-button:hover{background:#255c55}.timeline{position:absolute;bottom:75px;left:360px;right:346px;display:flex;align-items:center;gap:10px;height:27px;color:#8bbebc;font:8px Consolas,monospace;letter-spacing:1.2px}.timeline-track{flex:1;height:2px;background:#2a535c}.timeline-progress{width:74%;height:2px;background:linear-gradient(90deg,transparent,#8cdac2);box-shadow:0 0 7px #65c5ad}.timeline-serial{color:#477783}.config-panel{pointer-events:auto;position:absolute;z-index:30;right:22px;top:110px;width:345px;padding:24px}.config-head{display:flex;justify-content:space-between}.config-head h2{font-size:17px;color:#e5eeeb;margin:9px 0 16px}.config-panel label{display:block;font:10px Consolas,monospace;letter-spacing:.6px;color:#b4d0d1;margin:16px 0}.config-panel output{float:right;color:#9cddc8}.config-panel input[type=range]{width:100%;margin:14px 0 0;accent-color:#8fdbc5}.config-panel select{margin-top:8px;background:#102d36;color:#b9dad7;border:1px solid #37616b;padding:9px;width:100%}.config-panel .config-check{display:flex;gap:8px;align-items:center}.config-panel .config-check input{accent-color:#80d8bb}.config-hint{font-size:10px;line-height:1.8;color:#7096a0;border-top:1px solid #31525c;padding-top:16px}.poi{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);background:rgba(6,31,38,.8);border:1px solid rgba(101,206,197,.45);padding:6px 8px;color:#b5ece1;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap;font:9px Consolas,monospace;letter-spacing:.5px;backdrop-filter:blur(8px)}.poi:before{content:'+';border-radius:100%;color:#bef2e3;font-size:14px}.poi:hover{background:#225b5c}.poi .dist{color:#648b9a}#toast{pointer-events:none;position:absolute;bottom:116px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s;background:rgba(10,37,42,.9);color:#cbefe5;border:1px solid #3c7f79;padding:13px 21px;font:11px Consolas,monospace;letter-spacing:1px}#toast.visible{opacity:1}#loading{position:fixed;inset:0;background:radial-gradient(ellipse at 60% 40%,#123a45,#04141e 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;color:#b0e8dc}.load-symbol{font-size:48px;letter-spacing:5px;font-weight:700}.load-symbol span{color:#3b8a88}.load-line{height:2px;width:240px;background:linear-gradient(90deg,transparent,#a1ebd6,transparent);margin:28px 0}.load-overline{margin-bottom:12px}#loadStatus{font:11px Consolas,monospace;color:#719aa4}body.hud-hidden .left-panel,body.hud-hidden .right-panel,body.hud-hidden .bottom-bar,body.hud-hidden .timeline,body.hud-hidden #poiLayer{display:none}body.hud-hidden .topbar{opacity:.6}body.hud-hidden .topbar:hover{opacity:1}@media(max-width:1250px){.left-panel{width:280px}.right-panel{width:270px}.timeline{left:320px;right:300px}.bottom-bar{gap:16px}.bottom-right>span{display:none}}@media(max-width:900px){.left-panel{width:240px;top:96px;left:10px;padding:16px}.right-panel{width:230px;right:10px;top:96px}.map-panel,.asset-panel{padding:12px}.hero-title{font-size:30px}.topbar{padding:0 16px}.bottom-indicator.fps-indicator{display:none}.bottom-bar{padding:10px}.timeline{display:none}.hero-copy{font-size:10px}.online-dot,.live-label{display:none}}@media(max-width:650px){.left-panel{bottom:auto;height:auto;top:89px;width:170px}.left-panel .hero-title{font-size:24px}.left-panel .hero-copy,.left-panel .stat-grid,.left-panel .panel-divider,.left-panel .subhead,.left-panel .waypoints,.left-panel .toggle-row{display:none}.left-panel .mission-kicker{margin-top:10px}.right-panel{top:89px;width:170px}.map-panel{display:none}.asset-panel{min-height:0}.inspection-data{display:none}.bottom-bar{height:60px;gap:8px}.bottom-indicator{min-width:0}.bottom-indicator:nth-child(n+3){display:none}.bottom-right{margin-left:auto}.bottom-right .settings-button{margin:0;padding:10px}.settings-button span{display:none}.brand h1{font-size:13px}.overline{font-size:7px}.top-right #clock{display:none}.config-panel{top:89px;right:10px;width:min(350px,calc(100vw - 20px))}}
