@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-condensed-400.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-mono-500.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/barlow-condensed-200.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/barlow-condensed-300.woff2)format("woff2")}:root{--hud-fg:#d6e0e6;--hud-dim:#7e909b;--hud-line:#bed2de38;--hud-panel:#080d119e;--hud-amber:#e0a63c;--hud-orange:#e8862c;--hud-green:#58c48a;--hud-red:#d8503f;--hud-blue:#63a7d4;--hud-pad:clamp(8px, 1.4vmin, 16px);--radar-size:clamp(112px, 17vmin, 190px);--fire-size:clamp(72px, 11vmin, 112px);--bar-clear:calc(var(--hud-pad) + 100px)}#hud{z-index:10;pointer-events:none;color:var(--hud-fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;font-family:Barlow Condensed,Roboto Condensed,system-ui,sans-serif;position:fixed;inset:0}#hud.hidden{display:none}#hud button,#hud .clickable{pointer-events:auto;cursor:pointer}.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:IBM Plex Mono,ui-monospace,monospace}#resourceBar{top:var(--hud-pad);left:var(--hud-pad);right:var(--hud-pad);border:1px solid var(--hud-line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#080d11b8,#080d1147);border-radius:2px;align-items:stretch;gap:clamp(10px,2vw,28px);padding:6px clamp(8px,1.6vw,18px);display:flex;position:absolute}.resource{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.resource .label{color:var(--hud-dim);letter-spacing:.16em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(8px,1.05vmin,11px);overflow:hidden}.resource .value{white-space:nowrap;font-size:clamp(13px,2vmin,21px);font-weight:600;line-height:1.05}.resource .value.warn{color:var(--hud-amber)}.resource .value.crit{color:var(--hud-red)}.resource .bar{background:#ffffff1a;height:2px;margin-top:3px}.resource .bar>i{background:var(--hud-green);height:100%;transition:width .4s,background-color .4s;display:block}.resource .bar.warn>i{background:var(--hud-amber)}.resource .bar.crit>i{background:var(--hud-red)}#missionBanner{top:calc(var(--hud-pad) + 64px);text-align:center;background:var(--hud-panel);border-left:2px solid var(--hud-amber);border-right:2px solid var(--hud-amber);opacity:0;max-width:min(90vw,620px);padding:5px 20px;transition:opacity .5s;position:absolute;left:50%;transform:translate(-50%)}#missionBanner.show{opacity:1}#missionBanner .kicker{color:var(--hud-amber);letter-spacing:.24em;font-size:clamp(8px,1vmin,10px)}#missionBanner .text{font-size:clamp(13px,1.9vmin,19px);font-weight:600}#radioLog{left:var(--hud-pad);bottom:var(--bar-clear);flex-direction:column;gap:3px;width:min(38vw,380px);font-size:clamp(10px,1.35vmin,13px);transition:bottom .25s;display:flex;position:absolute}#hud.tutorial #radioLog{bottom:calc(env(safe-area-inset-bottom) + 186px)}#radioLog .line{opacity:0;text-shadow:0 1px 3px #000000e6;animation:.3s forwards radioIn}#radioLog .line .who{color:var(--hud-amber);margin-right:6px}#radioLog .line .what{color:var(--hud-fg)}#radioLog .line.fading{opacity:0;transition:opacity 1.2s}@keyframes radioIn{0%{opacity:0;transform:translate(-6px)}to{opacity:.92;transform:none}}#radarWrap{right:var(--hud-pad);bottom:calc(var(--hud-pad) + 58px);width:var(--radar-size);aspect-ratio:1;position:absolute}#radar{width:100%;height:100%;display:block}#radarWrap .rangeLabel{color:var(--hud-dim);font-size:clamp(8px,1vmin,10px);position:absolute;bottom:2px;right:4px}#contactLayer{position:absolute;inset:0;overflow:hidden}#contactLayer.scoped{clip-path:circle(26%)}@media (orientation:portrait){#contactLayer.scoped{clip-path:circle(31% at 50% 44%)}}.contact{white-space:nowrap;pointer-events:auto;cursor:pointer;text-shadow:0 1px 3px #000000e6;will-change:transform;font-size:clamp(9px,1.2vmin,12px);position:absolute;transform:translate(-50%,-50%)}.contact .bracket{border:1px solid var(--hud-dim);clip-path:polygon(0 0,34% 0,34% 6%,6% 6%,6% 34%,0 34%,0 66%,6% 66%,6% 94%,34% 94%,34% 100%,0 100%,100% 100%,66% 100%,66% 94%,94% 94%,94% 66%,100% 66%,100% 34%,94% 34%,94% 6%,66% 6%,66% 0,100% 0);width:46px;height:46px;margin:0 auto 2px;transition:border-color .2s;display:block}.contact.hostile .bracket{border-color:var(--hud-orange)}.contact.friendly .bracket{border-color:var(--hud-green)}.contact.selected .bracket{border-color:var(--hud-amber);border-width:2px}.contact.sinking .bracket{border-color:var(--hud-red)}.contact .chip{text-align:center;color:var(--hud-fg);display:block}.contact .chip .range{color:var(--hud-dim);margin-left:5px}.contact.hostile .chip{color:#f0a99e}.leadPip{border:1.5px solid var(--hud-amber);pointer-events:none;border-radius:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;position:absolute}.leadPip:after{content:"";background:var(--hud-amber);border-radius:50%;position:absolute;inset:4px}#bottomBar{left:var(--hud-pad);right:var(--hud-pad);bottom:var(--hud-pad);justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute}#weaponCards{gap:6px;display:flex}.weaponCard{pointer-events:auto;background:var(--hud-panel);border:1px solid var(--hud-line);text-align:left;min-width:clamp(64px,9vw,104px);color:var(--hud-fg);font:inherit;text-transform:uppercase;border-bottom:2px solid #0000;padding:5px 10px}.weaponCard .name{color:var(--hud-dim);letter-spacing:.14em;font-size:clamp(8px,1vmin,11px)}.weaponCard .ammo{font-size:clamp(12px,1.7vmin,17px);font-weight:600}.weaponCard.active{border-bottom-color:var(--hud-amber);background:#e0a63c24}.weaponCard.active .name{color:var(--hud-amber)}.weaponCard:disabled{opacity:.35;cursor:not-allowed}.weaponCard .badge{color:var(--hud-amber);font-size:clamp(8px,.95vmin,10px)}#viewTabs{gap:3px;display:flex}.viewTab{pointer-events:auto;background:var(--hud-panel);border:1px solid var(--hud-line);color:var(--hud-fg);font:inherit;text-transform:uppercase;letter-spacing:.18em;padding:10px clamp(16px,3vw,34px);font-size:clamp(12px,1.8vmin,18px);font-weight:600}.viewTab.active{color:#0a0d10;background:var(--hud-fg);border-color:var(--hud-fg)}@media (pointer:coarse){.viewTab{min-height:48px;padding-left:clamp(20px,5vw,40px);padding-right:clamp(20px,5vw,40px)}}#utilityButtons{gap:6px;display:flex}.utilBtn{pointer-events:auto;background:var(--hud-panel);border:1px solid var(--hud-line);color:var(--hud-dim);font:inherit;text-transform:uppercase;letter-spacing:.14em;padding:7px clamp(7px,1.2vw,13px);font-size:clamp(8px,1.1vmin,11px)}.utilBtn.on{color:var(--hud-amber);border-color:var(--hud-amber)}.weaponCard .icon{display:none}.weaponCard .icon svg{width:26px;height:26px;display:block}@media (pointer:coarse){.viewTab b,.utilBtn b,.weaponCard .name b,#zoomControl .zoomKeys,#radarWrap .radarKeys,#scopeInfo .key{display:none}.weaponCard .icon{display:block}.weaponCard .name{display:none}.weaponCard{align-items:center;gap:2px;min-height:48px;padding-left:clamp(10px,2vw,16px);padding-right:clamp(10px,2vw,16px)}}.utilBtn.menu{color:var(--hud-fg);border-color:#bed2de73}@media (pointer:coarse){.utilBtn{min-height:48px;padding-left:clamp(10px,2vw,18px);padding-right:clamp(10px,2vw,18px)}}#fireButton{right:var(--hud-pad);bottom:calc(var(--hud-pad) + 78px);width:var(--fire-size);aspect-ratio:1;pointer-events:auto;border:2px solid var(--hud-red);color:var(--hud-red);font:inherit;letter-spacing:.16em;text-transform:uppercase;background:#d8503f29;border-radius:50%;font-size:clamp(11px,1.6vmin,16px);font-weight:700;display:none;position:absolute}#fireButton.touch{display:block}#fireButton:active{background:#d8503f6b}@media (pointer:coarse) and (orientation:landscape){#fireButton{bottom:var(--bar-clear);z-index:2}#radarWrap{bottom:calc(var(--bar-clear) + var(--fire-size) + 14px)}}#scopeOverlay{pointer-events:none;display:none;position:absolute;inset:0}#scopeOverlay.show{display:block}#scopeOverlay .vignette{background:radial-gradient(circle,#0000 27%,#0000008c 36%,#000000f7 43%,#000 47%);position:absolute;inset:0}@media (orientation:portrait){#scopeOverlay .vignette{background:radial-gradient(circle at 50% 44%,#0000 32%,#0000008c 42%,#000000f7 50%,#000 55%)}}#scopeOverlay svg{width:100%;height:100%;position:absolute;inset:0}#lockRing{display:none}#lockRing.show{display:block}#lockRing .lockTrack{stroke:#bed2de2e;stroke-width:.22px}#lockRing #lockSpin{transform-origin:50px 50px;transform-box:view-box;animation:2.8s linear infinite lockSpin}#lockRing .spinRing{stroke:var(--hud-amber);stroke-width:.28px;opacity:0}#lockRing.seeking .spinRing{opacity:.75}#lockRing.locked #lockSpin{animation-play-state:paused}#lockRing.locked .spinRing{opacity:0}@keyframes lockSpin{to{transform:rotate(360deg)}}#lockRing #lockArc{stroke:var(--hud-amber);stroke-width:.45px;stroke-dasharray:0 100;opacity:0}#lockRing.seeking #lockArc{opacity:.9}#lockRing.locked #lockArc{stroke:var(--hud-red);stroke-dasharray:100 100;opacity:1}#lockRing #lockDiamond{stroke:var(--hud-red);stroke-width:.4px;opacity:0}#lockRing .lockTicks{stroke:var(--hud-red);opacity:0}#lockRing.locked #lockDiamond,#lockRing.locked .lockTicks{opacity:1}#lockRing text{letter-spacing:.6px;paint-order:stroke;stroke:#04090dd9;stroke-width:.55px;font-family:inherit;font-weight:700}#lockRing.loading #lockSpin{animation:none}#lockRing.loading .spinRing,#lockRing.loading #lockArc,#lockRing.loading #lockDiamond,#lockRing.loading .lockTicks,#lockRing.loading #lockText{opacity:0;animation:none}#lockRing #lockText{fill:var(--hud-red);opacity:0;font-size:3.2px}#lockRing.locked:not(.loading) #lockText{animation:.7s ease-in-out infinite lockBlink}#lockRing #lockLoad{fill:var(--hud-amber);opacity:0;font-size:2.8px}#lockRing.loading #lockLoad{animation:1.2s ease-in-out infinite loadPulse}#lockRing #lockWarn{fill:var(--hud-red);opacity:0;font-size:3.1px}#lockRing.warn #lockWarn{animation:.4s ease-in-out infinite warnBlink}@keyframes lockBlink{0%,to{opacity:1}50%{opacity:.45}}@keyframes warnBlink{0%,to{opacity:1}50%{opacity:.15}}@keyframes loadPulse{0%,to{opacity:1}50%{opacity:.45}}#scopeOverlay .sight{display:none}#scopeOverlay .sight.armed{display:block}#scopeOverlay svg text{paint-order:stroke;stroke:#04090dd9;stroke-width:.4px;font-family:inherit}#hitTicks{opacity:0}#retBase.hit #hitTicks{animation:.18s ease-out hitFlick}@keyframes hitFlick{0%{opacity:1}to{opacity:0}}#dispersionRing{stroke:#e2ecf261;stroke-width:.2px}#ret30.hot #dispersionRing{stroke:var(--hud-amber)}#ladder line,#windage line{stroke:#e2ecf299;stroke-width:.18px}#ladder text{fill:#e2ecf28c;font-size:1.9px}#magArcTrack{stroke:#bed2de24;stroke-width:.55px}#magArc{stroke:#e2ecf280;stroke-width:.55px}#ret30.reloading #magArc{stroke:var(--hud-amber)}#magCount{fill:#e2ecf2b3;font-size:2.1px}#gunState{fill:var(--hud-amber);letter-spacing:.6px;font-size:2.8px;font-weight:700}#ret30.reloading #gunState{animation:1.2s ease-in-out infinite loadPulse}#ret30.dry #gunState{fill:var(--hud-red);opacity:.85}#tape line{stroke:#e2ecf28c;stroke-width:.16px}#tape text{fill:#e2ecf28c;font-size:1.8px}#tapeCaret{fill:#e2ecf2cc}#tapeReadout{fill:#e2ecf2e6;letter-spacing:.4px;font-size:2.4px;font-weight:700}#tubePips rect{stroke:#e2ecf2a6;stroke-width:.16px;fill:#e2ecf20f}#tubePips rect.loaded{fill:#e2ecf2c7}#tubePips rect.racking{stroke:var(--hud-amber);animation:1.2s ease-in-out infinite loadPulse}#lockRing #lockNoArm{fill:var(--hud-amber);opacity:0;font-size:2.9px}#lockRing.noarm #lockNoArm{opacity:1}#lockRing.noarm #lockText,#lockRing.noarm #lockWarn{opacity:0!important;animation:none!important}#trackSvg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#trackSvg polyline{fill:none;stroke:#d8503f8c;stroke-width:1.5px;stroke-dasharray:7 5}#fuseScale line{stroke:#e2ecf28c;stroke-width:.18px}#fuseScale text{fill:#e2ecf28c;font-size:1.7px}#fuseScale text.cur{fill:var(--hud-amber)}#fuseScale text.caption{fill:#7e909bcc;letter-spacing:.3px;font-size:1.4px}#fuseChevron{fill:var(--hud-amber)}#dcHint{fill:var(--hud-amber);letter-spacing:.6px;opacity:0;font-size:2.6px;font-weight:700}#retDC.nosol #dcHint{animation:1.2s ease-in-out infinite loadPulse}#dcImpact{pointer-events:none;width:0;height:0;position:absolute}#dcImpact .ring{border:1.5px solid var(--hud-green);border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;left:-9px}#dcImpact .ring:after{content:"";background:var(--hud-green);border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%}#dcImpact .label{text-align:center;letter-spacing:.06em;width:120px;font-size:11px;position:absolute;top:12px;left:-60px}#dcImpact .label .r{color:#e2ecf2d9;font-variant-numeric:tabular-nums}#dcImpact .label .s{color:var(--hud-amber);letter-spacing:.12em;font-size:10px;font-weight:700;display:block}#dcImpact.out .ring{border-color:var(--hud-amber)}#dcImpact.out .ring:after{background:var(--hud-amber)}#dcImpact.cooling{opacity:.45}#scopeOverlay.night #retBase{stroke:#e8b25ac7}#scopeOverlay.night #dispersionRing{stroke:#e8b25a6b}#scopeOverlay.night #ladder line,#scopeOverlay.night #windage line,#scopeOverlay.night #tape line,#scopeOverlay.night #fuseScale line{stroke:#e8b25a99}#scopeOverlay.night #ladder text,#scopeOverlay.night #tape text,#scopeOverlay.night #fuseScale text{fill:#e8b25a99}#scopeOverlay.night #tapeCaret{fill:#e8b25ad9}#scopeOverlay.night #tapeReadout{fill:#e8b25ae6}#scopeOverlay.night #magArc{stroke:#e8b25a8c}#scopeOverlay.night #magCount{fill:#e8b25ab3}#scopeOverlay.night #tubePips rect{stroke:#e8b25ab3}#scopeOverlay.night #tubePips rect.loaded{fill:#e8b25abf}#scopeInfo{left:50%;bottom:calc(var(--hud-pad) + 62px);background:var(--hud-panel);border-top:1px solid var(--hud-line);gap:clamp(10px,2.4vw,30px);padding:6px 18px;font-size:clamp(9px,1.2vmin,12px);display:flex;position:absolute;transform:translate(-50%)}#scopeInfo .field{flex-direction:column;gap:1px;display:flex}#scopeInfo .field .k{color:var(--hud-dim);letter-spacing:.16em;font-size:.82em}#scopeInfo .field .v{font-weight:600}#scopeInfo .field.flagged .v{color:var(--hud-amber)}#scopeInfo .field .key{border:1px solid var(--hud-line);color:var(--hud-dim);border-radius:2px;margin-left:6px;padding:0 4px;font-size:.82em;font-weight:400;display:inline-block}#zoomControl{right:calc(var(--hud-pad) + 6px);pointer-events:auto;flex-direction:column;align-items:center;gap:8px;height:min(42vh,300px);display:none;position:absolute;top:50%;transform:translateY(-50%)}#scopeOverlay.show~#zoomControl,#zoomControl.show{display:flex}#zoomControl input{writing-mode:vertical-lr;width:22px;accent-color:var(--hud-amber);direction:rtl;flex:1}#zoomControl .mag{font-size:clamp(10px,1.4vmin,14px);font-weight:600}@media (pointer:coarse) and (orientation:landscape){#zoomControl{right:calc(var(--hud-pad) + var(--radar-size) + 16px);top:auto;bottom:var(--bar-clear);height:min(30vh,150px);transform:none}}#alarmPulse{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 clamp(40px,9vmin,110px) #d8503f8c}#alarmPulse.on{animation:1.1s ease-in-out infinite alarm}@keyframes alarm{0%,to{opacity:0}50%{opacity:1}}@media (orientation:portrait){#resourceBar{flex-wrap:wrap;gap:4px clamp(8px,3vw,20px)}.resource{flex:28%}#radarWrap{right:50%;bottom:calc(var(--hud-pad) + 104px);width:clamp(104px,26vw,150px);transform:translate(50%)}#radioLog{width:calc(100% - var(--hud-pad) * 2);bottom:calc(var(--hud-pad) + 106px);font-size:11px}#bottomBar{flex-direction:column-reverse;align-items:stretch;gap:6px}#viewTabs{justify-content:center}.viewTab{text-align:center;flex:1}#weaponCards{justify-content:center}.weaponCard{flex:1}#utilityButtons{justify-content:center}#fireButton{bottom:calc(var(--hud-pad) + 132px);right:var(--hud-pad)}#missionBanner{top:calc(var(--hud-pad) + 88px)}}#screens{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--hud-fg);text-transform:uppercase;pointer-events:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:0 0;place-content:center;font-family:Barlow Condensed,system-ui,sans-serif;display:none;position:fixed;inset:0;overflow:hidden}#screens.show{display:grid}#titleVideo{object-fit:cover;z-index:0;filter:saturate(.9)contrast(1.04)brightness(.86);width:100%;height:100%;transition:filter var(--intro-fade,1s) ease-in;display:none;position:absolute;inset:0}#titleVideo.show{display:block}#titleVideo.ended{filter:saturate(.9)contrast(1.04)brightness(0)}#screens:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(at 50% 45%,#04070a4d 0%,#04070abd 78%),linear-gradient(#04070a80,#04070a4d 40%,#04070ab3);position:absolute;inset:0}.screen{z-index:2;text-align:center;width:min(92vw,620px);max-height:86vh;position:relative;overflow-y:auto}.screen h1{letter-spacing:.3em;margin-bottom:4px;font-size:clamp(30px,7vmin,62px);font-weight:700}.screen h1:has(+.tagline){text-shadow:0 2px 18px #000000bf;font-size:clamp(40px,9.5vmin,88px)}.screen h2{letter-spacing:.2em;color:var(--hud-amber);margin-bottom:18px;font-size:clamp(15px,2.6vmin,26px);font-weight:600}.screen p.tagline{color:var(--hud-fg);letter-spacing:.05em;text-transform:none;text-shadow:0 1px 10px #000000d9;margin-bottom:26px;font-size:clamp(15px,2.4vmin,23px);line-height:1.55}.screen .about{text-align:left;text-transform:none;letter-spacing:.02em;width:min(100%,420px);color:var(--hud-fg);margin:0 auto 13px;font-size:clamp(12px,1.75vmin,16px);line-height:1.62}.screen .about.quiet{color:var(--hud-dim);margin-bottom:18px;font-size:clamp(11px,1.5vmin,14px)}.screen .about .link{color:var(--hud-amber);border-bottom:1px solid #e0a63c6b;padding-bottom:1px;text-decoration:none}.screen .about .link:hover{border-bottom-color:var(--hud-amber)}.screen h2.ledgerHead{margin-top:30px}.screen .rows{text-align:left;flex-direction:column;gap:5px;width:min(100%,420px);margin:0 auto 24px;font-size:clamp(11px,1.6vmin,15px);display:flex}.screen .rows .row{border-bottom:1px solid var(--hud-line);justify-content:space-between;padding-bottom:4px;display:flex}.screen .rows .row .k{color:var(--hud-dim)}.screen .rows .row .v{font-weight:600}.screen .rows .row .v.good{color:var(--hud-green)}.screen .rows .row .v.bad{color:var(--hud-red)}.screen .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.screen button{pointer-events:auto;border:1px solid var(--hud-fg);color:var(--hud-fg);font:inherit;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:0 0;padding:10px 26px;font-size:clamp(11px,1.5vmin,15px);transition:background-color .18s,color .18s}.screen button:hover{background:var(--hud-fg);color:#0a0d10}.screen button.primary{border-color:var(--hud-amber);color:var(--hud-amber)}.screen button.primary:hover{background:var(--hud-amber);color:#0a0d10}.screen button:disabled{opacity:.35;cursor:not-allowed}.screen button:disabled:hover{color:var(--hud-fg);background:0 0}.reqFunds{color:var(--hud-dim);letter-spacing:.18em;margin-bottom:18px;font-size:clamp(12px,1.7vmin,17px)}.reqFunds span{color:var(--hud-amber);margin-left:10px;font-weight:600}.reqPanel{text-align:left;width:min(100%,520px);margin:0 auto 22px}.reqPanel h3{letter-spacing:.2em;color:var(--hud-fg);border-bottom:1px solid var(--hud-line);margin-bottom:8px;padding-bottom:5px;font-size:clamp(11px,1.5vmin,14px);font-weight:600}.reqPanel h3 em{text-transform:none;letter-spacing:.02em;color:var(--hud-dim);margin-top:2px;font-size:.85em;font-style:normal;font-weight:400;display:block}.reqRow{border-bottom:1px solid #bed2de17;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:5px 0;font-size:clamp(11px,1.45vmin,14px);display:grid}.reqRow.owned{opacity:.45}.reqName{color:var(--hud-fg)}.reqName em{text-transform:none;letter-spacing:.02em;color:var(--hud-dim);font-size:.84em;font-style:normal;display:block}.reqCost{color:var(--hud-amber);white-space:nowrap}.reqRow.owned .reqCost{color:var(--hud-green)}.reqQty{align-items:center;gap:8px;display:flex}.reqCount{text-align:center;min-width:1.2em}.reqBtn{border:1px solid var(--hud-line);color:var(--hud-fg);font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;min-width:28px;padding:2px 9px;font-size:.95em}.reqBtn:hover:not(:disabled){border-color:var(--hud-amber);color:var(--hud-amber)}.reqBtn:disabled{opacity:.25;cursor:not-allowed}#hud.scoped{cursor:none}#tutorial{left:50%;bottom:calc(env(safe-area-inset-bottom) + 124px);z-index:12;border-left:2px solid var(--hud-amber);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--hud-fg);text-transform:uppercase;letter-spacing:.06em;pointer-events:none;background:#080d11d1;align-items:center;gap:12px;max-width:min(92vw,640px);padding:8px 16px;font-family:Barlow Condensed,system-ui,sans-serif;transition:border-color .25s,opacity .25s;display:none;position:fixed;transform:translate(-50%)}#tutorial.show{display:flex}#tutorial.done{border-left-color:var(--hud-green);opacity:.75}#tutorial .tutStep{color:var(--hud-amber);letter-spacing:.14em;white-space:nowrap;font-size:clamp(9px,1.15vmin,12px)}#tutorial.done .tutStep{color:var(--hud-green)}#tutorial .tutText{font-size:clamp(12px,1.7vmin,17px);font-weight:600;line-height:1.15}#tutorial .tutHint{color:var(--hud-dim);text-transform:none;letter-spacing:.02em;white-space:nowrap;font-size:clamp(9px,1.15vmin,12px)}#tutorial .tutNext{pointer-events:auto;border:1px solid var(--hud-line);color:var(--hud-dim);font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;margin-left:4px;padding:4px 10px;font-size:clamp(9px,1.1vmin,11px)}#tutorial .tutNext:hover{color:var(--hud-fg);border-color:var(--hud-fg)}@media (pointer:coarse){#tutorial .tutNext{min-height:44px;padding:4px 18px}}#tutorial.waiting{border-left-color:var(--hud-amber);opacity:.82}#tutorial.waiting .tutText{color:var(--hud-amber)}@media (orientation:portrait){#tutorial{bottom:calc(env(safe-area-inset-bottom) + 196px);text-align:center;flex-wrap:wrap;justify-content:center}#tutorial .tutHint{white-space:normal}}.settingRow{text-align:left;border-bottom:1px solid #bed2de17;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:7px 0;font-size:clamp(11px,1.5vmin,14px);display:grid}.settingRow input[type=range]{width:min(46vw,210px);accent-color:var(--hud-amber)}.settingRow input[type=checkbox]{width:16px;height:16px;accent-color:var(--hud-amber)}.settingRow label em{text-transform:none;letter-spacing:.02em;color:var(--hud-dim);font-size:.82em;font-style:normal;display:block}.settingRow .val{color:var(--hud-amber);text-align:right;min-width:3.2em}#hud b{color:var(--hud-dim);letter-spacing:.08em;font-weight:400}.weaponCard.active .name b{color:var(--hud-amber);opacity:.8}.viewTab.active b{color:#0a0d108c}.utilBtn.on b{color:var(--hud-amber);opacity:.8}#radarWrap .radarKeys{color:var(--hud-dim);white-space:nowrap;font-size:clamp(8px,1vmin,10px);position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}#zoomControl .zoomKeys{color:var(--hud-dim);white-space:nowrap;font-size:clamp(8px,1vmin,10px)}.contact .range,.contact .ptr,.contact.scoped .bracket,.contact.scoped .chip{display:none}.contact.scoped .range{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.16em;color:#f2f6f8d1;text-shadow:0 1px 2px #000000d9;white-space:nowrap;margin-bottom:4px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:clamp(10px,1.3vmin,14px);font-weight:200;display:block}.contact.scoped .ptr{filter:drop-shadow(0 1px 2px #000000e6);border-bottom:1px solid #f2f6f8d1;border-right:1px solid #f2f6f8d1;width:clamp(5px,.62vmin,7px);height:clamp(5px,.62vmin,7px);margin:0 auto;display:block;transform:rotate(45deg)}.contact.scoped.hostile .range{color:#ff9b8ceb}.contact.scoped.hostile .ptr{border-bottom-color:#ff9b8ceb;border-right-color:#ff9b8ceb}.contact.scoped.friendly .range{color:#7fe0aceb}.contact.scoped.friendly .ptr{border-bottom-color:#7fe0aceb;border-right-color:#7fe0aceb}.contact.scoped.damaged .range{color:var(--hud-orange)}.contact.scoped.damaged .ptr{border-right-color:var(--hud-orange);border-bottom-color:var(--hud-orange)}.contact.scoped.selected .range{color:var(--hud-amber)}.contact.scoped.selected .ptr{border-right-color:var(--hud-amber);border-bottom-color:var(--hud-amber)}.contact.scoped.sinking .range{color:var(--hud-red)}.contact.scoped.sinking .ptr{border-right-color:var(--hud-red);border-bottom-color:var(--hud-red)}.contact.scoped{transform-origin:50% 100%}#updateStrip{z-index:60;letter-spacing:.08em;color:#f2f6f8e6;background:#0a1014eb;border:1px solid #bed2de38;border-top:none;border-radius:0 0 6px 6px;align-items:center;gap:10px;padding:8px 14px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:13px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}#updateStrip button{font:inherit;letter-spacing:inherit;background:var(--hud-amber);color:#10161a;cursor:pointer;border:none;border-radius:3px;padding:3px 10px}#updateStrip button.ghost{color:#f2f6f899;background:0 0;border:1px solid #bed2de38}#flycam{z-index:80;letter-spacing:.08em;color:#f2f6f8e6;text-transform:uppercase;pointer-events:none;text-shadow:0 1px 3px #000000f2;font-family:Barlow Condensed,system-ui,sans-serif;font-size:13px;position:fixed;inset:auto auto 12px 12px}#flycam.hidden{display:none}#flycam .fc-readout{font-variant-numeric:tabular-nums;background:#080d11b8;border:1px solid #bed2de38;border-radius:2px;align-items:baseline;gap:14px;padding:6px 12px;display:flex}#flycam .fc-readout b{color:var(--hud-amber,#e0a63c);letter-spacing:.18em}#flycam .fc-help{color:#f2f6f89e;text-transform:none;letter-spacing:.04em;background:#080d1185;border:1px solid #bed2de1f;border-radius:2px;margin-top:6px;padding:6px 12px;font-size:11px;line-height:1.6}#flycam .fc-help b{color:#f2f6f8eb;font-weight:600}.env-inspector{--env-accent:#d7a43b;z-index:40;top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));color:#d6dde1;letter-spacing:.035em;pointer-events:none;font:600 11px/1.35 ui-monospace,SF Mono,Menlo,monospace;position:fixed}.env-inspector button,.env-inspector select{font:inherit}.env-inspector__tab,.env-inspector__body{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(.75);background:linear-gradient(145deg,#191f23ed,#070a0df2);border:1px solid #aebec733;box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff0a}.env-inspector__tab{color:#d7e0e5;cursor:pointer;touch-action:manipulation;border-radius:5px;align-items:center;gap:8px;min-width:66px;height:34px;padding:0 12px;display:flex}.env-inspector__tab:hover,.env-inspector__tab:focus-visible{border-color:#d7a43bb8;outline:none}.env-inspector__pulse{background:var(--env-accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #d7a43bcc}.env-inspector__body{border-radius:6px;width:276px;display:none;overflow:hidden}.env-inspector.is-open .env-inspector__tab{display:none}.env-inspector.is-open .env-inspector__body{display:block}.env-inspector__header{border-bottom:1px solid #aebec721;justify-content:space-between;align-items:flex-start;padding:14px 14px 12px;display:flex}.env-inspector__eyebrow{color:var(--env-accent);letter-spacing:.18em;margin-bottom:2px;font-size:8px;display:block}.env-inspector h2{color:#f1f4f5;letter-spacing:.06em;text-transform:uppercase;font-size:14px;font-weight:650}.env-inspector__close{color:#8e9ba2;cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:26px;height:26px;margin:-4px -5px 0 0;font-size:20px;line-height:1}.env-inspector__close:hover,.env-inspector__close:focus-visible{color:#fff;outline-offset:-2px;outline:1px solid #d7a43b85}.env-inspector__field{color:#87949b;letter-spacing:.12em;text-transform:uppercase;gap:7px;padding:11px 14px 0;font-size:9px;display:grid}.env-inspector select{appearance:none;color:#e7ecef;cursor:pointer;touch-action:manipulation;background:linear-gradient(45deg,#0000 50%,#8e9ba2 50%) calc(100% - 15px) 15px/5px 5px no-repeat,linear-gradient(135deg,#8e9ba2 50%,#0000 50%) calc(100% - 10px) 15px/5px 5px no-repeat,#ffffff0a;border:1px solid #aebec72e;border-radius:3px;width:100%;height:35px;padding:0 34px 0 10px}.env-inspector select:hover,.env-inspector select:focus-visible{border-color:#d7a43ba6;outline:none}.env-inspector__segments{border:1px solid #aebec72e;border-radius:3px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.env-inspector__segments button{color:#89969d;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:#ffffff08;border:0;border-right:1px solid #aebec724;height:32px;font-size:8px}.env-inspector__segments button:last-child{border-right:0}.env-inspector__segments button:hover,.env-inspector__segments button:focus-visible{color:#fff;background:#ffffff14;outline:none}.env-inspector__segments button[aria-pressed=true]{color:#f2c66c;box-shadow:inset 0 -2px var(--env-accent);background:#d7a43b2e}.env-inspector__status{color:#97a4aa;letter-spacing:0;border-top:1px solid #aebec71f;justify-content:space-between;align-items:center;gap:8px;margin:13px 14px 0;padding-top:10px;font-size:8px;display:flex}.env-inspector__live{color:#b6c0c5;letter-spacing:.1em;align-items:center;gap:5px;display:flex}.env-inspector__live i{background:#7b9a72;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #7b9a72a6}.env-inspector__readout{white-space:nowrap}.env-inspector__hint{color:#59656b;text-align:right;padding:8px 14px 12px;font-size:8px}.env-inspector kbd{color:#87949b;font:inherit;border:1px solid #aebec733;border-radius:2px;padding:1px 4px}@media (max-width:520px){.env-inspector{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left))}.env-inspector__body{width:min(276px,100vw - 20px)}}
