#drone-hud{--hud-ink:#cdf7f4e0;--hud-dim:#9ee0dc9e;--hud-faint:#63c6c933;--hud-line:#63d7d34f;--hud-hot:#9efcf0;--hud-warn:#f0c879;z-index:45;pointer-events:none;opacity:0;visibility:hidden;color:var(--hud-ink);font-variant-numeric:tabular-nums slashed-zero;text-shadow:0 1px 3px #000000eb,0 0 14px #000000a8;font-family:SFMono-Regular,Roboto Mono,Cascadia Mono,ui-monospace,monospace;transition:opacity .22s,visibility .22s step-end;position:fixed;inset:0}#drone-hud.show{opacity:1;visibility:visible;transition:opacity .26s,visibility step-start}body.hud-active #depth{opacity:0!important}#drone-hud .hud-panel{border-top:1px solid var(--hud-line);border-left:1px solid var(--hud-line);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,9px 100%,0 calc(100% - 9px));background:linear-gradient(135deg,#0311179e,#03111733 72%,#0000),linear-gradient(90deg,#5adcd612,#0000 62%);width:clamp(252px,17vw,324px);padding:12px 14px 13px;position:absolute}#drone-hud .hud-panel:after{content:"";background:linear-gradient(90deg, transparent, var(--hud-line));width:48px;height:1px;position:absolute;bottom:0;right:0}#drone-hud .hud-panel>header{letter-spacing:.16em;color:var(--hud-dim);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:clamp(8px,.52vw,10px);display:flex}#drone-hud .hud-panel>header i{color:#9beee4b8;padding-left:9px;font-style:normal;position:relative}#drone-hud .hud-panel>header i:before{content:"";background:#76e8d9;border-radius:50%;width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;box-shadow:0 0 7px #76e8d9cc}#drone-hud .hud-panel>header i.warn,#drone-hud .warn{color:var(--hud-warn)}#drone-hud .hud-panel>header i.warn:before{background:var(--hud-warn)}#drone-hud .hud-panel>header i.bad,#drone-hud .bad{color:#ff8f82}#drone-hud .hud-panel>header i.bad:before{background:#ff796e}#drone-hud .hud-nav{top:max(24px, env(safe-area-inset-top));left:max(26px, env(safe-area-inset-left))}#drone-hud .hud-status{top:max(24px, env(safe-area-inset-top));right:max(26px, env(safe-area-inset-right));border-left:0;border-right:1px solid var(--hud-line);clip-path:polygon(12px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 12px);background:linear-gradient(225deg,#0311179e,#03111733 72%,#0000),linear-gradient(270deg,#5adcd612,#0000 62%)}#drone-hud .hud-flight{left:max(26px, env(safe-area-inset-left));bottom:max(26px, env(safe-area-inset-bottom))}#drone-hud .hud-sonar{right:max(26px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));border-left:0;border-right:1px solid var(--hud-line);background:linear-gradient(225deg,#0311179e,#03111733 72%,#0000),linear-gradient(270deg,#5adcd612,#0000 62%);width:clamp(250px,18vw,326px)}#drone-hud .hud-heading-line{align-items:baseline;height:39px;display:flex}#drone-hud .hud-heading-line strong{letter-spacing:.06em;color:var(--hud-hot);font-size:clamp(29px,2.15vw,39px);font-weight:300;line-height:1}#drone-hud .hud-heading-line sup{color:var(--hud-dim);margin-left:3px;font-size:11px}#drone-hud .hud-heading-line b{letter-spacing:.12em;margin-left:auto;font-size:clamp(14px,1vw,18px);font-weight:500}#drone-hud .hud-compass{border-top:1px solid var(--hud-faint);border-bottom:1px solid var(--hud-faint);height:25px;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 13% 87%,#0000)}#drone-hud .hud-compass-tape{grid-template-columns:repeat(9,1fr);align-items:center;width:100%;height:100%;transition:transform 85ms linear;display:grid}#drone-hud .hud-compass-tape span{text-align:center;color:#a4e2de75;font-size:8px;position:relative}#drone-hud .hud-compass-tape span:before{content:"";background:var(--hud-line);width:1px;height:4px;position:absolute;top:-8px;left:50%}#drone-hud .hud-compass-tape span.major{color:#caf9f4e0;font-size:9px}#drone-hud .hud-compass-index{border-left:3px solid #0000;border-right:3px solid #0000;border-top:5px solid var(--hud-hot);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}#drone-hud .hud-coords,#drone-hud .hud-subline{justify-content:space-between;gap:10px;display:flex}#drone-hud .hud-coords{letter-spacing:.08em;margin-top:8px;font-size:clamp(10px,.68vw,12px)}#drone-hud .hud-subline{color:var(--hud-dim);margin-top:5px;font-size:clamp(8px,.5vw,10px)}#drone-hud .hud-health-row{grid-template-columns:84px 1fr 54px;align-items:center;gap:8px;min-height:30px;display:grid}#drone-hud .hud-health-row>div:first-child{justify-content:space-between;align-items:baseline;gap:6px;display:flex}#drone-hud label{letter-spacing:.13em;color:var(--hud-dim);font-size:8px}#drone-hud .hud-health-row strong{font-size:12px;font-weight:450}#drone-hud .hud-health-row small{text-align:right;letter-spacing:.06em;color:var(--hud-dim);font-size:8px}#drone-hud .hud-bar{background:#75cecb1f;height:3px;overflow:hidden}#drone-hud .hud-bar i{background:linear-gradient(90deg, #4bb5b59e, var(--hud-hot));width:100%;height:100%;display:block;box-shadow:0 0 7px #6fefe561}#drone-hud .hud-systems{border-top:1px solid var(--hud-faint);border-bottom:1px solid var(--hud-faint);letter-spacing:.1em;color:var(--hud-dim);grid-template-columns:1fr 1fr;gap:4px 10px;margin:7px 0 8px;padding:7px 0;font-size:8px;display:grid}#drone-hud .hud-systems span{justify-content:space-between;display:flex}#drone-hud .hud-systems b{color:#8ee7da;font-weight:500}#drone-hud .hud-lights{align-items:center;gap:6px;display:flex}#drone-hud .hud-lights label{margin-right:auto}#drone-hud .hud-lights span{color:var(--hud-dim);border:1px solid #76d2cd33;padding:3px 5px;font-size:8px}#drone-hud .hud-lights span.active{color:var(--hud-hot);border-color:#84f6e87a;box-shadow:inset 0 0 9px #49d7cf1a}#drone-hud .hud-primary-readouts{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:9px;display:grid}#drone-hud .hud-primary-readouts>div{border-bottom:1px solid var(--hud-faint);grid-template-columns:1fr auto;align-items:end;padding-bottom:5px;display:grid}#drone-hud .hud-primary-readouts label{grid-column:1/-1;margin-bottom:2px}#drone-hud .hud-primary-readouts strong{color:var(--hud-hot);font-size:clamp(24px,1.7vw,31px);font-weight:300;line-height:1}#drone-hud .hud-primary-readouts small{color:var(--hud-dim);padding-bottom:2px;font-size:7px}#drone-hud .hud-data-grid{grid-template-columns:1fr auto;gap:5px 12px;font-size:clamp(9px,.58vw,11px);display:grid}#drone-hud .hud-data-grid span{text-align:right}#drone-hud .hud-sonar-body{grid-template-columns:1fr 55px;align-items:stretch;gap:8px;display:grid}#drone-hud #hud-sonar-canvas{border-bottom:1px solid var(--hud-faint);background:radial-gradient(at 50% 100%,#1b676826,#0000 68%),#010a0e42;width:100%;height:clamp(104px,8.3vw,132px);display:block}#drone-hud .hud-sonar-meta{border-left:1px solid var(--hud-faint);flex-direction:column;justify-content:space-around;padding:3px 0;display:flex}#drone-hud .hud-sonar-meta span{letter-spacing:.11em;color:var(--hud-dim);flex-direction:column;padding-left:8px;font-size:7px;display:flex}#drone-hud .hud-sonar-meta b{color:var(--hud-ink);letter-spacing:.03em;margin-top:2px;font-size:9px;font-weight:450}#drone-hud .hud-mode{top:max(25px, env(safe-area-inset-top));letter-spacing:.14em;color:var(--hud-dim);align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#drone-hud .hud-mode b{border-right:1px solid var(--hud-line);border-left:1px solid var(--hud-line);color:var(--hud-ink);padding:3px 9px;font-weight:450}#drone-hud .hud-link{color:#85ded2}#drone-hud .hud-reticle{opacity:.38;width:32px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#drone-hud .hud-reticle i{width:7px;height:5px;position:absolute}#drone-hud .hud-reticle i:first-child{border-left:1px solid var(--hud-ink);border-top:1px solid var(--hud-ink);top:0;left:0}#drone-hud .hud-reticle i:nth-child(2){border-right:1px solid var(--hud-ink);border-top:1px solid var(--hud-ink);top:0;right:0}#drone-hud .hud-reticle i:nth-child(3){border-left:1px solid var(--hud-ink);border-bottom:1px solid var(--hud-ink);bottom:0;left:0}#drone-hud .hud-reticle i:nth-child(4){border-right:1px solid var(--hud-ink);border-bottom:1px solid var(--hud-ink);bottom:0;right:0}@media (width<=760px),(height<=560px){#drone-hud .hud-panel{width:210px;padding:8px 9px}#drone-hud .hud-sonar{width:220px}#drone-hud .hud-subline,#drone-hud .hud-systems{display:none}#drone-hud .hud-primary-readouts strong{font-size:21px}#drone-hud #hud-sonar-canvas{height:88px}#drone-hud .hud-mode{display:none}}