@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap";:root{color:#dffbff;font-synthesis:none;--cyan:#00e5ff;--cyan-soft:#69f4ff;--blue:#168dff;--purple:#c83cff;--danger:#ff5b52;--amber:#ffb547;--panel:#041327d1;background:#020713;font-family:Rajdhani,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#020713}button,input,select{font:inherit}button{color:inherit}.hud-shell{height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 17%,#0069972b,#0000 32%),radial-gradient(circle at 92% 72%,#7e16c317,#0000 25%),linear-gradient(155deg,#020713,#041020 62%,#020713);position:relative;overflow:hidden}.hud-grid-bg{pointer-events:none;opacity:.2;background-image:linear-gradient(#00e5ff14 1px,#0000 1px),linear-gradient(90deg,#00e5ff0f 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.hud-grid-bg:after{content:"";background:repeating-linear-gradient(#0000 0 4px,#0000001a 5px);position:absolute;inset:0}.status-strip{z-index:2;letter-spacing:.12em;background:linear-gradient(90deg,#00e5ff14,#0000 25% 75%,#00e5ff0f);border-block:1px solid #00e5ff66;grid-template-columns:1fr auto auto 58px;align-items:center;gap:10px;height:44px;padding:0 10px;display:grid;position:relative}.brand{color:#fff;font-family:Barlow Condensed;font-size:18px;font-weight:500}.brand strong{color:var(--cyan)}.brand small{color:#668793;margin-left:8px;font-size:8px}.status-group{gap:13px;display:flex}.system-status{align-items:center;gap:4px;font-size:10px;display:flex}.system-status b{font-weight:600}.system-status i,.section-heading em i{background:#58737b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 5px}.system-status em{font-style:normal;display:none}.status-online i,.status-online>i{background:var(--cyan);color:var(--cyan);animation:2s infinite statusPulse}.status-initializing i,.status-initializing>i{background:var(--amber);color:var(--amber)}.status-denied i,.status-offline i,.status-error i,.status-denied>i,.status-offline>i,.status-error>i{background:var(--danger);color:var(--danger)}.status-strip time{color:var(--cyan-soft);text-align:right;font:600 15px Barlow Condensed}.max-mode{color:#dca7ea;letter-spacing:.14em;cursor:pointer;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#c83cff12;border:1px solid #c83cff7a;min-width:70px;height:26px;padding:0 8px;font:600 9px Barlow Condensed}.max-mode.active{border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 9px #00e5ff1f}.max-mode:disabled{opacity:.3;cursor:default}.hud-content{z-index:1;grid-template-rows:minmax(150px,.95fr) minmax(112px,.62fr) minmax(112px,.66fr) minmax(220px,1.35fr) minmax(150px,.9fr);gap:6px;height:calc(100% - 66px);padding:5px 6px 0;display:grid;position:relative}.eyebrow,.module-label,.section-heading{letter-spacing:.22em;color:#76a7b2;font-size:10px;font-weight:600}.heading-module{border-bottom:1px solid #00e5ff40;flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.heading-module:before,.heading-module:after{content:"";background:linear-gradient(#0000,#00e5ff4d,#0000);width:1px;position:absolute;top:8%;bottom:15%}.heading-module:before{left:8px}.heading-module:after{right:8px}.heading-module>.eyebrow{justify-content:space-between;display:flex;position:absolute;inset:8px 12px auto}.heading-readout{text-shadow:0 0 14px #00e5ff6b;align-items:baseline;gap:14px;margin-top:10px;display:flex}.heading-readout strong{letter-spacing:-.02em;color:#ecfeff;font:600 clamp(66px,10vh,102px)/.8 Barlow Condensed}.heading-readout span{color:var(--cyan);font:600 34px Barlow Condensed}.heading-readout.unavailable{opacity:.5;text-shadow:none}.heading-readout.unavailable span{letter-spacing:.14em;color:var(--danger);font-size:16px}.compass-tape{width:min(94%,720px);height:64px;margin-top:13px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.tape-window{position:absolute;inset:0;overflow:hidden}.tape-track{height:100%;display:flex;position:absolute;left:calc(50% - 25px)}.tick{color:#6c98a4;flex-direction:column;flex:0 0 50px;align-items:center;font:500 12px Barlow Condensed;display:flex}.tick span{height:24px}.tick i{background:#527580;width:1px;height:10px}.tick.major{color:var(--cyan);font-size:17px}.tick.major i{background:var(--cyan);height:20px;box-shadow:0 0 6px var(--cyan)}.tape-pointer{border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:11px solid var(--purple);width:0;height:0;filter:drop-shadow(0 0 5px var(--purple));position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.panel-cut{background:linear-gradient(135deg, #00e5ff26 0 11px, transparent 12px) top left/30px 30px no-repeat, linear-gradient(315deg, #c83cff21 0 11px, transparent 12px) bottom right/30px 30px no-repeat, var(--panel);clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);border:1px solid #00e5ff52;box-shadow:inset 0 0 30px #007daa0d}.target-module{grid-template-columns:1fr 1.1fr;align-items:center;min-height:0;padding:12px 20px;display:grid}.target-copy{border-right:1px solid #00e5ff2e;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.target-copy strong{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:3px 0 7px;font:600 clamp(20px,3.1vh,29px) Barlow Condensed;overflow:hidden}.target-copy button{border:1px solid var(--purple);color:#f0caff;letter-spacing:.18em;cursor:pointer;background:#c83cff14;min-height:32px;padding:2px 15px;font-size:11px}.target-copy button b{color:var(--purple);padding-left:14px}.distance{text-align:center;flex-direction:column;justify-content:center;display:flex}.distance>span{letter-spacing:.2em;color:#7ca5af;font-size:9px}.distance strong{color:#f3ffff;text-shadow:0 0 10px #00e5ff4d;font:600 clamp(34px,5.2vh,52px)/.92 Barlow Condensed}.distance strong small{color:var(--cyan);font-size:.42em}.distance em{letter-spacing:.12em;color:#83c2cd;font:500 16px Barlow Condensed}.distance.unavailable strong,.distance.unavailable em{color:#7b8b91;text-shadow:none}.distance.unavailable em{font-size:11px}.camera-module{grid-template-rows:1fr;grid-template-columns:1fr 156px;gap:8px;min-height:0;padding:8px;display:grid;overflow:hidden}.camera-grid{grid-template-columns:minmax(0,2.1fr) minmax(105px,1fr);gap:6px;min-height:0;display:grid}.live-feed,.last-photo{background:#020711;border:1px solid #00e5ff3b;min-height:0;position:relative;overflow:hidden}.live-feed video,.live-feed>img,.last-photo>img{object-fit:cover;width:100%;height:100%;display:block}.live-feed video{transform:scaleX(-1)}.module-label{z-index:3;background:linear-gradient(#020713e6,#0000);justify-content:space-between;height:26px;padding:7px 9px;display:flex;position:absolute;top:0;left:0;right:0}.module-label em{color:var(--cyan);font-style:normal}.last-photo .module-label{position:absolute}.last-photo time{z-index:2;color:var(--cyan);letter-spacing:.12em;background:#020713cc;padding:2px 5px;font:11px Barlow Condensed;position:absolute;bottom:6px;left:7px}.empty-photo,.feed-offline{color:#526b76;letter-spacing:.12em;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:9px;display:flex}.empty-photo i{color:#294853;margin-top:7px;font-size:28px;font-style:normal}.feed-offline{z-index:2;color:#73878e;background:repeating-linear-gradient(135deg,#030a12,#030a12 7px,#06101b 8px 14px);position:absolute;inset:0}.feed-offline b{color:var(--danger)}.scanner-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.corner{border-color:var(--cyan);opacity:.65;width:26px;height:26px;position:absolute}.c1{border-top:1px solid;border-left:1px solid;top:34px;left:10px}.c2{border-top:1px solid;border-right:1px solid;top:34px;right:10px}.c3{border-bottom:1px solid;border-left:1px solid;bottom:10px;left:10px}.c4{border-bottom:1px solid;border-right:1px solid;bottom:10px;right:10px}.reticle{border:1px solid #00e5ff8c;border-radius:50%;width:28px;height:28px;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";background:#c83cffb3;position:absolute}.reticle:before{width:38px;height:1px;top:13px;left:-6px}.reticle:after{width:1px;height:38px;top:-6px;left:13px}.scanline{height:1px;box-shadow:0 0 8px var(--cyan);background:#00e5ffa6;animation:4s ease-in-out infinite scan;position:absolute;top:28%;left:0;right:0}.capture-button{cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(135deg,#c83cff2b,#00e5ff12);border:1px solid #c83cffb3;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:100%;display:flex;position:relative}.capture-button:before{content:"";border:1px solid #c83cff2b;position:absolute;inset:5px}.capture-button b{letter-spacing:.1em;margin-top:9px;font:600 19px Barlow Condensed}.capture-button small{letter-spacing:.17em;color:#b88dc3;margin-top:4px;font-size:7px}.capture-button:active{background:#c83cff4d}.capture-button:disabled{opacity:.42;cursor:default}.capture-icon{border:1px solid var(--cyan);border-radius:50%;width:39px;height:39px;position:relative;box-shadow:0 0 8px #00e5ff4d}.capture-icon:after{content:"";border:2px solid #e7feff;border-radius:50%;position:absolute;inset:7px}.shutter{z-index:8;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.capturing .shutter{animation:.34s ease-out shutter}.lighting-module{flex-direction:column;min-height:0;padding-top:3px;display:flex}.section-heading{min-height:26px;color:var(--cyan-soft);justify-content:space-between;align-items:center;padding:0 5px;display:flex}.section-heading em{color:#73909a;align-items:center;gap:6px;font-size:8px;font-style:normal;display:flex}.lighting-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:6px;min-height:0;display:grid}.lighting-grid button{cursor:pointer;text-align:left;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(100deg,#00e5ff14,#04101ee0);border:1px solid #00e5ff47;align-items:center;min-height:52px;padding:0 18px;display:flex;position:relative;overflow:hidden}.lighting-grid button small{color:#627f87;letter-spacing:.1em;width:45px;font:9px Barlow Condensed}.lighting-grid button b{letter-spacing:.16em;font:600 clamp(16px,2.4vh,22px) Barlow Condensed}.lighting-grid button>i{border:1px solid #476c74;border-radius:50%;width:5px;height:5px;position:absolute;right:14px}.lighting-grid button.selected{border-color:var(--purple);box-shadow:inset 3px 0 var(--purple), inset 0 0 22px #c83cff14;background:linear-gradient(100deg,#c83cff38,#00e5ff1a)}.lighting-grid button.selected b{color:#fff;text-shadow:0 0 8px #c83cff8c}.lighting-grid button.selected>i{background:var(--purple);border-color:var(--purple);box-shadow:0 0 8px var(--purple)}.hud-shell footer{z-index:2;letter-spacing:.15em;color:#4f7881;align-items:center;gap:8px;height:22px;padding:4px 7px 0;font-size:7px;display:flex;position:relative}.hud-shell footer i{background:linear-gradient(90deg,#00e5ff66,#0000);flex:1;height:1px}.hud-shell footer b{color:var(--cyan);font:12px Barlow Condensed}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#01050ed6;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.target-modal{border:1px solid var(--cyan);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:#05101e;width:min(640px,94vw);padding:26px;box-shadow:0 0 0 5px #00e5ff0f,0 0 45px #00e5ff24}.modal-code{letter-spacing:.2em;color:#678d96;font-size:9px}.target-modal h2{letter-spacing:.12em;color:#fff;margin:5px 0 20px;font:600 31px Barlow Condensed}.target-options{gap:6px;display:grid}.target-options button{text-align:left;cursor:pointer;background:#00e5ff06;border:1px solid #163b46;grid-template-columns:18px 1fr 30px;align-items:center;gap:12px;min-height:63px;padding:7px 14px;display:grid}.target-options button>i{border:1px solid #58727b;border-radius:50%;width:12px;height:12px}.target-options button span{flex-direction:column;display:flex}.target-options button b{letter-spacing:.12em;font:600 18px Barlow Condensed}.target-options button small{color:#66828b;letter-spacing:.12em;margin-top:2px;font-size:9px}.target-options button em{color:#50747c;font-style:normal}.target-options button.selected{border-color:var(--purple);background:#c83cff1a}.target-options button.selected>i{background:var(--purple);box-shadow:0 0 9px var(--purple);border-color:#eda3ff}.target-options button.selected b{color:#f4cdff}.close-button{border:1px solid var(--cyan);width:100%;min-height:54px;color:var(--cyan-soft);letter-spacing:.18em;cursor:pointer;background:#00e5ff14;margin-top:17px;font-weight:600}.initialize-screen{height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 42%,#009dbe29,#0000 30%),linear-gradient(140deg,#020713,#041326 52%,#020713);place-items:center;display:grid;overflow:hidden}.initialize-screen:before{content:"";opacity:.3;background-image:linear-gradient(#00e5ff0d 1px,#0000 1px),linear-gradient(90deg,#00e5ff0d 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0}.init-frame{clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);background:linear-gradient(#030d1cb3,#020713d1);border:1px solid #00e5ff66;flex-direction:column;justify-content:center;align-items:center;width:min(660px,94vw);min-height:min(850px,88vh);padding:18px clamp(26px,7vw,70px) 26px;display:flex;position:relative}.init-frame:before,.init-frame:after{content:"";background:var(--purple);width:80px;height:2px;box-shadow:0 0 10px var(--purple);position:absolute;top:0}.init-frame:before{left:70px}.init-frame:after{right:70px}.init-top{color:#587c85;letter-spacing:.16em;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:17px;left:24px;right:24px}.init-top em{font-style:normal}.suit-emblem{border:1px solid #00e5ff8c;place-items:center;width:116px;height:116px;margin-bottom:19px;display:grid;position:relative;transform:rotate(45deg);box-shadow:inset 0 0 26px #00e5ff12,0 0 18px #00e5ff1a}.suit-emblem:before{content:"";border:1px solid #c83cff5c;position:absolute;inset:10px}.suit-emblem span{color:var(--cyan);text-shadow:0 0 12px var(--cyan);font:600 39px Barlow Condensed;transform:rotate(-45deg)}.suit-emblem i{background:var(--purple);width:6px;height:6px;position:absolute}.suit-emblem i:first-child{top:5px;left:5px}.suit-emblem i:nth-child(2){top:5px;right:5px}.suit-emblem i:nth-child(3){bottom:5px;right:5px}.init-kicker{letter-spacing:.28em;color:#6a9aa5;margin:0;font-size:9px}.init-frame h1{color:#fff;letter-spacing:.09em;text-shadow:0 0 20px #00e5ff4d;margin:3px 0 34px;font:600 clamp(47px,8vw,72px) Barlow Condensed}.boot-list{width:100%;max-width:470px;margin-bottom:38px}.boot-list>div{letter-spacing:.18em;border-bottom:1px solid #00e5ff1f;align-items:center;gap:12px;height:37px;font-size:11px;display:flex}.boot-list span{color:#9bc0c7;width:92px}.boot-list i{border-bottom:1px dotted #294d56;flex:1}.boot-list b{text-align:right;width:88px;color:var(--amber);font-size:10px}.init-frame>button{border:1px solid var(--cyan);cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(100deg,#00e5ff1f,#c83cff1a);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:470px;min-height:84px;display:flex;position:relative;box-shadow:inset 0 0 24px #00e5ff0d,0 0 14px #00e5ff1a}.init-frame>button span{letter-spacing:.15em;font:600 22px Barlow Condensed}.init-frame>button small{color:#6eabb5;letter-spacing:.14em;margin-top:5px;font-size:8px}.init-frame>button:active{background:#00e5ff40}.init-frame>button:disabled{opacity:.7}.permission-note{color:#496d76;text-align:center;letter-spacing:.12em;max-width:410px;margin:20px 0 0;font-size:8px;line-height:1.5}.dev-panel{z-index:50;color:#eee;-webkit-user-select:text;user-select:text;width:38px;font:13px system-ui;position:fixed;top:54px;right:8px}.dev-panel.open{width:310px}.dev-toggle{color:#fff;cursor:pointer;background:#24252a;border:1px solid #777;border-radius:5px;width:54px;height:34px;font:12px system-ui;position:absolute;top:0;right:0}.dev-body{background:#18191df7;border:1px solid #555;border-radius:6px;max-height:calc(100vh - 105px);margin-top:40px;padding:14px;overflow:auto;box-shadow:0 6px 25px #000}.dev-body h3{margin:0 0 15px}.dev-body h4{margin:15px 0 7px}.dev-body label{margin:8px 0;display:block}.dev-body input[type=range]{width:100%}.dev-coordinates{grid-template-columns:1fr 1fr;gap:6px;display:grid}.dev-coordinates input{width:100%;padding:5px}.dev-coordinates button{grid-column:1/-1;min-height:34px}.dev-status{text-transform:capitalize;justify-content:space-between;display:flex!important}.dev-status select{width:130px}.dev-body pre{color:#8af0a5;white-space:pre-wrap;background:#0d0e11;border-radius:4px;padding:9px;font-size:11px}.sensory-module{grid-template-columns:minmax(0,2fr) minmax(128px,.78fr) 150px;gap:7px;min-height:0;padding:8px;display:grid;position:relative;overflow:hidden}.acoustic-stack{grid-template-rows:1fr 1fr;gap:5px;min-width:0;min-height:0;display:grid;position:relative}.audio-graph{background:linear-gradient(90deg,#00e5ff09,#0000),#020711;border:1px solid #00e5ff40;min-height:0;position:relative;overflow:hidden}.audio-graph .module-label{height:25px;padding-block:5px;font-size:9px}.audio-graph .module-label em{color:#eaffff;letter-spacing:.1em;text-shadow:0 0 7px #00e5ffa6;font:700 13px Barlow Condensed}.audio-graph svg{z-index:2;width:calc(100% - 12px);height:calc(100% - 34px);position:absolute;inset:26px 6px 8px;overflow:visible}.amplitude-graph polyline{fill:none;stroke:var(--cyan);stroke-width:.85px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px var(--cyan))}.spectrum-graph polygon{fill:#c83cff38;stroke:var(--purple);stroke-width:.7px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px var(--purple))}.graph-grid{opacity:.34;background-image:linear-gradient(#00e5ff21 1px,#0000 1px),linear-gradient(90deg,#00e5ff1a 1px,#0000 1px);background-size:25% 50%;position:absolute;inset:25px 0 0}.amplitude-meter{z-index:3;background:#112d35;height:2px;position:absolute;bottom:4px;left:6px;right:6px}.amplitude-meter i{background:linear-gradient(90deg,var(--cyan),var(--purple));height:100%;box-shadow:0 0 5px var(--cyan);transition:width 55ms linear;display:block}.frequency-scale{z-index:3;color:#50727a;justify-content:space-between;font:7px Barlow Condensed;display:flex;position:absolute;bottom:2px;left:6px;right:6px}.acoustic-recovery{z-index:6;color:var(--danger);text-align:center;letter-spacing:.15em;background:linear-gradient(135deg,#030916f5,#17051ff0);border:1px solid #c83cff85;flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex;position:absolute;inset:0}.acoustic-recovery:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 5px,#00e5ff06 6px);border:1px solid #00e5ff29;position:absolute;inset:5px}.acoustic-recovery strong,.acoustic-recovery button{z-index:1;position:relative}.acoustic-recovery strong{font:700 12px Barlow Condensed}.acoustic-recovery button{border:1px solid var(--cyan);color:#eaffff;letter-spacing:.13em;cursor:pointer;background:#00e5ff14;min-width:210px;padding:9px 14px;font:700 11px Barlow Condensed;box-shadow:0 0 12px #00e5ff1f}.acoustic-recovery button:active{background:#00e5ff33}.acoustic-recovery button:disabled{opacity:.62;cursor:default}.sensory-module .last-photo{background:#020711;border:1px solid #00e5ff3b;min-height:0;position:relative;overflow:hidden}.sensory-module .last-photo .module-label{z-index:5;pointer-events:none}.sensory-module .last-photo .module-label em{font-size:7px}.sensory-module .shutter{z-index:8;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.filtered-optics{color:var(--cyan);background:#010711;position:absolute;inset:0;overflow:hidden}.filtered-optics canvas{width:100%;height:100%;display:block}.filtered-optics canvas.mirrored-optics{transform:scaleX(-1)}.optics-source{z-index:-1;opacity:.001;pointer-events:none;width:2px;height:2px;position:absolute}.optics-grid{z-index:2;pointer-events:none;background-image:linear-gradient(#00e5ff1f 1px,#0000 1px),linear-gradient(90deg,#00e5ff1f 1px,#0000 1px),repeating-linear-gradient(#00e5ff14 0 1px,#0000 2px 4px);background-size:50% 25%,33.333% 50%,100% 4px;position:absolute;inset:25px 0 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.optics-sweep{z-index:2;pointer-events:none;background:var(--purple);width:1px;animation:4.6s ease-in-out infinite alternate opticsSweep;position:absolute;top:25px;bottom:0;left:62%;box-shadow:0 0 10px 3px #c83cff52}.optics-reticle{z-index:2;pointer-events:none;border:1px solid #c83cffc7;width:38px;height:38px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 8px #c83cff40}.optics-reticle:before,.optics-reticle:after{content:"";background:var(--purple);box-shadow:0 0 4px var(--purple);position:absolute}.optics-reticle:before{width:1px;top:-8px;bottom:-8px;left:50%}.optics-reticle:after{height:1px;top:50%;left:-8px;right:-8px}.optics-telemetry{z-index:4;pointer-events:none;color:var(--cyan);letter-spacing:.09em;text-shadow:0 0 4px;gap:3px;font:700 6px Barlow Condensed;display:grid;position:absolute;top:34px;left:5px}.optics-footer{z-index:4;pointer-events:none;color:var(--cyan);letter-spacing:.07em;text-shadow:0 0 4px;justify-content:space-between;font:700 5px Barlow Condensed;display:flex;position:absolute;bottom:5px;left:5px;right:5px}.optics-footer b{color:#eaffff}.optics-toggle{z-index:3;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:25px 0 0}.thermal-optics{color:#fff07a}.thermal-optics .optics-grid{background-image:linear-gradient(#fff07a1a 1px,#0000 1px),linear-gradient(90deg,#fff07a1a 1px,#0000 1px),repeating-linear-gradient(#ffb93612 0 1px,#0000 2px 4px)}.thermal-optics .optics-telemetry,.thermal-optics .optics-footer{color:#fff07a}.thermal-optics .optics-reticle{border-color:#fff07ad9;box-shadow:0 0 9px #ff5c186b}.thermal-optics .optics-reticle:before,.thermal-optics .optics-reticle:after{background:#fff07a;box-shadow:0 0 4px #ff5c18}.audio-presets{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.audio-presets button{min-height:30px}.attitude-module{grid-template-columns:122px minmax(240px,1fr) 142px 48px;align-items:center;gap:10px;min-height:0;padding:8px 5px 8px 12px;transition:border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.attitude-values{grid-template-columns:1fr 1fr;gap:8px;display:grid}.attitude-values span{color:#658891;letter-spacing:.13em;font-size:9px}.attitude-values b{color:#dffcff;letter-spacing:.04em;margin-top:2px;font:600 22px Barlow Condensed;display:block}.attitude-display{background:linear-gradient(#04182a 50%,#120c23 50%);border-inline:1px solid #00e5ff38;height:94px;position:relative;overflow:hidden}.attitude-display:before,.attitude-display:after{content:"";z-index:5;pointer-events:none;width:9%;position:absolute;top:0;bottom:0}.attitude-display:before{background:linear-gradient(90deg,#030c1afa,#030c1a00);left:0}.attitude-display:after{background:linear-gradient(270deg,#030c1afa,#030c1a00);right:0}.horizon-plane{z-index:1;background:var(--cyan);width:140%;height:2px;box-shadow:0 0 6px var(--cyan);transform-origin:50%;position:absolute;top:calc(50% - 1px);left:-20%}.horizon-plane:before,.horizon-plane:after{content:"";background:#00e5ff47;width:38%;height:1px;position:absolute;top:-5px}.horizon-plane:before{left:3%}.horizon-plane:after{right:3%}.horizon-plane span,.horizon-plane b{background:var(--purple);width:15px;height:1px;position:absolute;left:50%;transform:translate(-50%)}.horizon-plane span{top:-13px}.horizon-plane b{top:13px}.suit-reticle{z-index:3;justify-content:center;align-items:center;gap:7px;width:74px;height:16px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.suit-reticle i{border-top:2px solid #fff;width:24px;height:7px}.suit-reticle i:first-child{border-left:2px solid #fff}.suit-reticle i:last-child{border-right:2px solid #fff}.suit-reticle span{border:1px solid var(--purple);width:7px;height:7px;box-shadow:0 0 4px var(--purple);transform:rotate(45deg)}.bank-marks{z-index:2;justify-content:space-between;width:148px;height:12px;display:flex;position:absolute;top:7px;left:50%;transform:translate(-50%)}.bank-marks i{background:#6c9aa3;width:1px;height:8px}.bank-marks i:nth-child(3){background:var(--cyan);height:12px}.attitude-state{flex-direction:column;min-width:0;display:flex}.attitude-state small{color:#637f87;letter-spacing:.18em;font-size:8px}.attitude-state strong{color:var(--cyan);letter-spacing:.08em;white-space:nowrap;margin-top:3px;font:600 14px Barlow Condensed}.zero-slider{color:#81bec6;cursor:grab;touch-action:none;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#00e5ff0b;border:1px solid #00e5ff70;justify-content:center;justify-self:end;align-items:center;width:48px;height:calc(100% - 2px);min-height:94px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.zero-slider:active{cursor:grabbing}.zero-slider:focus-visible{outline-offset:2px;outline:1px solid #fff}.zero-thumb{z-index:2;border:1px solid var(--cyan);color:#fff;pointer-events:none;background:#092638;place-items:center;width:34px;height:34px;font:700 21px/1 Barlow Condensed;transition:bottom 45ms linear;display:grid;position:absolute;left:6px;box-shadow:0 0 8px #00e5ff3d}.zero-slider span{z-index:2;writing-mode:vertical-rl;letter-spacing:.12em;pointer-events:none;font:600 8px Barlow Condensed;position:relative;transform:rotate(180deg)}.zero-slider>i{z-index:1;pointer-events:none;background:linear-gradient(#c83cff38,#00e5ff29);position:absolute;inset:auto 0 0}.zero-slider.armed{border-color:var(--purple);color:#f1c8ff;box-shadow:inset 0 0 14px #c83cff21,0 0 7px #c83cff26}.zero-slider.armed .zero-thumb{box-shadow:0 0 12px var(--purple);background:#48165c;border-color:#f1b4ff}.zero-slider.disabled{opacity:.3;cursor:default}.attitude-active{border-color:#c83cff99}.attitude-active .attitude-state strong{color:#dda1ff}.attitude-limit{border-color:#ffb547bf;box-shadow:inset 0 0 18px #ff782814}.attitude-limit .attitude-state strong{color:var(--amber);animation:1s infinite statusPulse}.attitude-offline{opacity:.62}.dev-zero{width:100%;min-height:32px;margin-bottom:8px}.dev-heading-jump{color:#e8c9ff;cursor:pointer;background:#281d32;border:1px solid #69527d;width:100%;min-height:34px;margin:0 0 8px}.landscape-warning{display:none}@keyframes statusPulse{50%{opacity:.45;box-shadow:0 0 9px}}@keyframes scan{0%,to{opacity:.25;top:25%}50%{opacity:.8;top:82%}}@keyframes shutter{0%{opacity:0}18%{opacity:.88}to{opacity:0}}@keyframes opticsSweep{0%{left:18%}to{left:82%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (orientation:landscape) and (height<=700px){.hud-shell,.initialize-screen,.modal-backdrop,.dev-panel{display:none}.landscape-warning{z-index:100;color:var(--cyan);background:radial-gradient(circle,#00e5ff1f,#0000 35%),#020713;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.landscape-warning span{font-size:60px;animation:2s infinite statusPulse}.landscape-warning h1{color:#fff;letter-spacing:.16em;margin:18px 0 4px;font:600 30px Barlow Condensed}.landscape-warning p{letter-spacing:.23em;margin:0;font-size:12px}}@media (height<=800px) and (orientation:portrait){.status-strip{height:39px}.hud-content{grid-template-rows:minmax(118px,.82fr) minmax(88px,.54fr) minmax(88px,.62fr) minmax(170px,1.3fr) minmax(116px,.88fr);gap:4px;height:calc(100% - 58px)}.heading-readout strong{font-size:58px}.compass-tape{height:42px;margin-top:6px}.target-module{padding-block:7px}.attitude-module{grid-template-columns:98px minmax(170px,1fr) 120px 44px;gap:7px}.attitude-display{height:72px}.attitude-state strong{font-size:11px}.zero-slider{width:44px;min-height:72px}.zero-thumb{width:31px;height:31px;left:5px}.sensory-module{grid-template-columns:minmax(0,2fr) 112px 125px}.capture-button b{font-size:16px}.capture-icon{width:31px;height:31px}.lighting-grid{gap:4px}.lighting-grid button{min-height:45px}.hud-shell footer{height:19px}}@media (width<=600px){.status-strip{gap:5px;padding-inline:6px}.max-mode{min-width:58px;padding-inline:5px;font-size:8px}.system-status{font-size:8px}.status-group{gap:5px}.attitude-module{grid-template-columns:82px minmax(145px,1fr) 96px 42px;gap:5px;padding:6px 3px 6px 6px}.attitude-values b{font-size:16px}.attitude-state strong{font-size:9px}.zero-slider{width:42px}.zero-slider span{letter-spacing:.08em;font-size:7px}.zero-thumb{width:31px;height:31px;left:4px}.sensory-module{grid-template-columns:minmax(0,1.65fr) 100px 105px}.target-module{padding-inline:12px}.lighting-grid button{padding-inline:11px}.lighting-grid button small{width:35px}}