:root{font-family:'Inter',system-ui,Arial,sans-serif;color:#d5e8ee;background:#050b13;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}#viewport,#viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#viewport{background:#050912;z-index:0}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,transparent 35%,rgba(0,5,12,.68) 100%);z-index:1}.reticle{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid rgba(106,206,224,.22);border-radius:100%;pointer-events:none;z-index:2}.reticle span{position:absolute;left:7px;top:7px;width:2px;height:2px;border-radius:50%;background:#90f7ff}h2,h3,p{margin:0}h2,.brand,.specnum{font-family:'Barlow Condensed','Arial Narrow',sans-serif}h2{font-size:29px;font-weight:600;line-height:1.05;letter-spacing:1.7px;margin:13px 0 12px}.micro,.sectioncode,.sectionlabel,.controllabel,.speclabel,.hint,.statusbar,.topcenter,.reading,.sliderhead,.teleitem,.bottomactions,.camnum,.inspectbar,#inspect-status,.topactions,.panelhead,#quality,.loadbar~small{font-family:'DM Mono',Consolas,monospace;font-size:10px;letter-spacing:1.1px}button{border:0}.topbar{height:74px;z-index:10;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:linear-gradient(180deg,rgba(4,12,23,.94),rgba(4,12,23,.43));border-bottom:1px solid #6ad9ed20}.branding{display:flex;align-items:center;gap:12px}.symbol,.loadingmark{display:grid;place-items:center;font-family:'Barlow Condensed';font-weight:800;font-size:35px;line-height:1;color:#baf5f5;border:1px solid #5ef1ed6f;width:46px;height:46px;clip-path:polygon(0 0,100% 0,100% 75%,80% 100%,0 100%);background:linear-gradient(130deg,#08374366,#10243b44)}.symbol span,.loadingmark span{font-size:13px;align-self:start;color:#e8a76b;margin-left:-9px}.micro{color:#66b5be;font-size:9px;margin-bottom:2px}.brand{font-weight:700;letter-spacing:2px;font-size:22px}.muted{color:#6c8896}.topcenter{font-size:9px;color:#9cb4c0}.live{color:#8adbbf;margin-left:25px}.ghost{background:#071827aa;color:#a1dce3;border:1px solid #518c9c64;padding:10px 13px;font-size:10px;letter-spacing:1px;transition:background .15s,border .15s}.ghost:hover{background:#20485caa;border-color:#8ef8f1}.ghost.small{font-size:9px;padding:9px 11px}.topactions{display:flex;gap:8px}.panel{position:absolute;top:89px;bottom:55px;width:288px;z-index:8;background:linear-gradient(145deg,rgba(7,19,31,.94),rgba(6,16,27,.89));border:1px solid #487a8b55;padding:19px 20px;overflow:auto;scrollbar-width:thin;scrollbar-color:#30617b transparent;backdrop-filter:blur(15px);box-shadow:0 12px 50px #0009}.left{left:19px}.right{right:19px}.panelhead{display:flex;justify-content:space-between;color:#7199a7;font-size:9px}.accent,.indicator{color:#6ccfc8}.indicator{font-size:9px}.subcopy{color:#83a1ae;font-size:11px;line-height:1.7;margin-bottom:15px}.specgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px 7px;padding:11px 0}.specnum{font-weight:700;font-size:28px;line-height:1;color:#d8f7ff}.specnum small{font-family:inherit;font-size:14px;color:#65bac6}.speclabel{color:#67909e;font-size:8px;margin-top:5px}.separator{height:1px;background:linear-gradient(90deg,#68a5b853,transparent);margin:18px 0}.sectionlabel{color:#68c4cd;display:flex;justify-content:space-between;font-size:9px;margin:0 0 9px}.sectionlabel span{color:#66899a}.camera-list{display:flex;flex-direction:column;gap:2px}.cam{width:100%;text-align:left;display:grid;grid-template-columns:25px 1fr 14px;align-items:center;gap:5px;padding:11px 8px;color:#b4ced7;background:transparent;border-left:2px solid transparent;font-size:12px}.cam:hover{background:#1a3b4e75}.cam.active{background:#14536a60;border-color:#72e0e2;color:#e1fbfd}.cam>span:nth-child(2){line-height:1.35}.cam small{display:block;font-size:9px;color:#6690a3;margin-top:3px}.camnum{color:#5bafba}.cam>span:last-child{color:#86ccd4}.primary{width:100%;border:1px solid #7bdbdf;background:linear-gradient(100deg,#236c83,#174455);color:#e6fbfa;padding:12px 12px;display:flex;justify-content:space-between;letter-spacing:1.2px;font-family:'DM Mono';font-size:10px}.primary:hover{background:#3486a0}.hint{color:#6997a8;font-size:8px;line-height:1.9;margin-top:12px;letter-spacing:.2px}.control{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #a8d8ef10}.controllabel{display:flex;flex-direction:column;gap:5px;color:#b6d4db;font-size:9px}.reading{color:#75ceb6;font-size:9px}.switch{width:32px;height:18px;position:relative;display:inline-block;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:20px;background:#203849;transition:.18s;border:1px solid #557a88}.switch span:before{content:'';height:12px;width:12px;border-radius:100%;position:absolute;top:2px;left:2px;background:#819dac;transition:.18s}.switch input:checked+span{background:#186a73;border-color:#6de5da}.switch input:checked+span:before{transform:translateX(14px);background:#adfff1}.sliderhead{display:flex;justify-content:space-between;color:#a1bfcd;margin:14px 0 10px;font-size:9px}.sliderhead strong{color:#8af1e2;font-weight:500}.range{width:100%;height:3px;cursor:pointer;accent-color:#74d9d9}.range::-webkit-slider-thumb{width:13px;height:13px}#quality{width:100%;background:#0d2231;color:#a7d1dc;border:1px solid #3a6677;padding:10px 8px;margin:2px 0 3px;outline:none}.telemetry{display:grid;grid-template-columns:1fr 1fr;gap:7px}.teleitem{border:1px solid #406b7a55;padding:10px 7px;background:#0c22315e}.teleitem span{color:#789eaa;font-size:8px;line-height:1.5;display:block;min-height:23px}.teleitem strong{font-family:'Barlow Condensed';font-weight:600;font-size:27px;letter-spacing:.4px;color:#dff5f9}.teleitem small{font-size:14px;color:#7cbbc5}.bottomactions{display:flex;gap:8px;margin-top:16px}.bottomactions .ghost{flex:1;padding:10px 3px;font-size:8px}.statusbar{position:absolute;bottom:0;left:0;right:0;height:38px;background:#06111eea;border-top:1px solid #6babba31;z-index:12;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7da7b7}.pips{font-size:15px;color:#82dcd4}.statusmiddle{display:flex;gap:11px;color:#d2e9ef}.statusdot{color:#63a3b5}.statusstats{display:flex;gap:18px;min-width:220px;justify-content:flex-end}.inspect{position:absolute;z-index:11;left:50%;bottom:54px;transform:translateX(-50%);width:min(420px,90vw);background:#071725eF;padding:16px 19px;border:1px solid #6fc7d080;box-shadow:0 15px 60px #000b;backdrop-filter:blur(18px)}.inspect[hidden]{display:none}.inspectbar{display:flex;justify-content:space-between;color:#7ac8cf}.inspectbar button{background:transparent;color:#98d9db;font-size:16px}.inspect h3{font-size:18px;font-family:'Barlow Condensed';letter-spacing:1.5px;margin:9px 0}.inspect p{font-size:11px;color:#9dbac5;line-height:1.6}#inspect-status{color:#80ddbb;margin-top:12px;font-size:9px}.toast{z-index:22;position:absolute;left:50%;bottom:58px;transform:translateX(-50%);padding:9px 18px;color:#d8f6f4;background:#143847dc;border:1px solid #6acae288;font-size:10px;pointer-events:none;opacity:0;transition:opacity .22s}.toast.show{opacity:1}#loading{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#112840,#050b12 70%);z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;color:#b3ecf0;font-family:'DM Mono';letter-spacing:2px;font-size:11px;transition:opacity 1s}.loadingmark{width:97px;height:97px;font-size:75px;border-color:#6fd8d5}.loadingmark span{font-size:20px}.loadbar{width:180px;height:2px;background:#244c5c}.loadbar div{height:100%;width:70%;background:#84fff0;animation:load 1.3s ease-in-out infinite alternate}#loading small{font-size:9px;color:#668f9f}#loading.done{opacity:0;pointer-events:none}@keyframes load{from{width:7%}to{width:100%}}body.ui-hidden .topbar,body.ui-hidden .panel,body.ui-hidden .statusbar,body.ui-hidden .reticle{display:none}body.ui-hidden .inspect{display:none}@media(max-width:1170px){.panel{width:256px;padding:16px}.left{left:10px}.right{right:10px}.topcenter{display:none}.specnum{font-size:25px}}@media(max-width:720px){.topbar{height:63px;padding:0 11px}.micro{font-size:7px}.brand{font-size:16px}.symbol{height:38px;width:38px}.topactions .small{padding:7px;font-size:7px}.panel{top:auto;bottom:39px;width:calc(50% - 6px);height:280px;padding:12px;box-shadow:none}.left{left:4px}.right{right:4px}.panelhead{font-size:7px}h2{font-size:21px;margin:8px 0}.subcopy,.specgrid,.hint,.telemetry,.bottomactions{display:none}.separator{margin:11px 0}.cam{padding:7px 4px;font-size:10px;grid-template-columns:17px 1fr 10px}.cam small{display:none}.sectionlabel,.controllabel,.reading{font-size:8px}.statusbar{padding:0 9px;font-size:7px}.statusmiddle,.statusstats{display:none}.inspect{bottom:330px;width:90vw}.control{padding:5px 0}.sliderhead{margin:7px 0 5px}#quality{padding:6px;font-size:8px}}