:root{--cy: #5fd8ff;--cy-hi: #bfeeff;--cy-40: rgba(95, 216, 255, .4);--cy-25: rgba(95, 216, 255, .25);--cy-12: rgba(95, 216, 255, .12);--am: #ffb547;--rd: #ff4b3e;--ink: #dff4ff;--mono: "Consolas", "Courier New", monospace}html,body{margin:0;padding:0;overflow:hidden;background:#000;height:100%}#game{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-family:var(--mono);color:var(--ink);user-select:none;-webkit-user-select:none}.hud:before{content:"";position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(95,216,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(95,216,255,.05) 1px,transparent 1px);background-size:56px 56px;animation:gridpan 8s linear infinite}.hud:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(200,240,255,.028) 0 1px,transparent 1px 3px)}@keyframes gridpan{to{transform:translate3d(-56px,-56px,0)}}.frame{position:relative;padding:1px;--cut: 10px;--edge: var(--cy-40);--fill: rgba(5, 18, 27, .72);background:linear-gradient(155deg,var(--cy-40),var(--cy-12) 45%,var(--cy-25));clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.frame:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;background:var(--fill);clip-path:inherit}.frame>*{position:relative;z-index:1}.hidden{display:none!important}#fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;opacity:.92}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;box-shadow:inset 0 0 190px #00050ad9}#lowhp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;opacity:0;transition:opacity .45s;box-shadow:inset 0 0 150px #ff1e0e8c,inset 0 0 42px #ff3c2859}#lowhp.on{opacity:1;animation:lowpulse 1.6s ease-in-out infinite}@keyframes lowpulse{50%{opacity:.55}}#dmgflash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;opacity:0;background:radial-gradient(ellipse at center,transparent 26%,rgba(255,36,16,.6) 100%)}#dmgflash.hit{animation:dmgpulse .5s ease-out}@keyframes dmgpulse{0%{opacity:1}to{opacity:0}}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;z-index:6;opacity:.85;filter:drop-shadow(0 0 4px rgba(95,216,255,.7));background:linear-gradient(#cdefff,#cdefff) 50% 50% / 3px 3px no-repeat,linear-gradient(#9fe0ff,#9fe0ff) 50% 0 / 2px 11px no-repeat,linear-gradient(#9fe0ff,#9fe0ff) 50% 100% / 2px 11px no-repeat,linear-gradient(#9fe0ff,#9fe0ff) 0 50% / 11px 2px no-repeat,linear-gradient(#9fe0ff,#9fe0ff) 100% 50% / 11px 2px no-repeat}#topbar{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:stretch}.tb-cell{display:flex;flex-direction:column;align-items:center;padding:6px 26px 8px}.tb-cell+.tb-cell{border-left:1px solid var(--cy-25)}.tb-main{min-width:220px}.lbl{font-size:10px;letter-spacing:3px;color:var(--cy-40);margin-bottom:2px}.val{font-size:19px;font-weight:700;letter-spacing:3px;color:var(--ink);text-shadow:0 0 9px var(--cy-40)}.val.big{font-size:24px;letter-spacing:5px;color:#eefaff;text-shadow:0 0 12px rgba(95,216,255,.65)}.val.thr{color:var(--am);text-shadow:0 0 9px rgba(255,181,71,.55)}#score.bump{animation:scorepop .22s ease-out}@keyframes scorepop{35%{transform:scale(1.14);filter:brightness(1.7)}}#tapes{position:fixed;left:18px;top:46%;transform:translateY(-50%);display:flex;gap:18px;z-index:6}.tape{position:relative;width:66px}.tape-head{font-size:11px;letter-spacing:3px;color:var(--cy);opacity:.9;margin-bottom:5px}.tape-head .unit{font-size:9px;color:var(--cy-40);margin-left:5px;letter-spacing:1px}.tape-view{position:relative;height:280px;overflow:hidden;background:#040f1780;border-top:1px solid var(--cy-25);border-bottom:1px solid var(--cy-25);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}.tape-strip{position:absolute;left:0;top:0;width:100%;will-change:transform}.tape-strip i{position:absolute;width:54px;height:0;font-style:normal;font-size:10px;line-height:0;letter-spacing:1px;color:#9edefa9e;transform:translateY(-50%)}.tape-strip i:before{content:"";position:absolute;top:0;width:7px;height:1px;background:#78cdf080}.tape-strip i.M:before{width:13px;background:#aae6ffe6}.tape-strip i.M{color:#d2f0ffe6}#tape-spd .tape-strip i{right:0;text-align:left;padding-left:17px}#tape-spd .tape-strip i:before{right:0}#tape-alt .tape-strip i{left:0;text-align:right;padding-right:17px}#tape-alt .tape-strip i:before{left:0}.tape-ro{position:absolute;top:50%;left:-6px;right:-6px;transform:translateY(-50%);display:block;text-align:center;padding:4px 0;background:#06141ef0;border:1px solid var(--cy-40);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);box-shadow:0 0 12px #5fd8ff47}.tape-ro span{font-size:19px;font-weight:700;letter-spacing:2px;color:#f0fbff;text-shadow:0 0 8px var(--cy-40)}.ro-ptr{position:absolute;top:50%;width:0;height:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent}#tape-spd .ro-ptr{right:-10px;border-left:7px solid var(--cy)}#tape-alt .ro-ptr{left:-10px;border-right:7px solid var(--cy)}#spd-ab{position:absolute;top:-22px;left:50%;transform:translate(-50%) scale(.8);font-style:normal;font-size:10px;letter-spacing:2px;color:var(--am);border:1px solid rgba(255,181,71,.7);padding:1px 8px;background:#321c04bf;opacity:0;transition:opacity .15s}#spd-ab.on{opacity:1;transform:translate(-50%) scale(1);animation:blink .45s steps(2) infinite;text-shadow:0 0 8px rgba(255,181,71,.8)}#weapons{position:fixed;right:18px;top:50%;transform:translateY(-50%);width:196px;z-index:6;padding:1px}.wpn-hd{font-size:10px;letter-spacing:4px;color:var(--cy);padding:7px 14px 5px;border-bottom:1px solid var(--cy-25);opacity:.95}.wpn{display:grid;grid-template-columns:22px 44px 1fr auto;align-items:center;gap:6px;padding:7px 12px;margin:5px 7px;font-size:13px;letter-spacing:1px;background:#5fd8ff0a;border-left:2px solid var(--cy-25);color:#bee4f89e;transition:background .12s,border-color .12s}.wpn b{font-weight:400;font-size:11px;color:var(--cy-40);border:1px solid var(--cy-25);text-align:center;padding:0 3px}.wpn .wval{justify-self:end;font-weight:700;font-size:15px;letter-spacing:1px}.wpn.active{background:#5fd8ff21;border-left-color:var(--am);color:#eef9ff;box-shadow:inset 0 0 14px #5fd8ff24,0 0 10px #5fd8ff2e}.wpn.active b{color:var(--am);border-color:#ffb547a6}.wpn.util{border-left-color:#ffb54759}.wpn.util .wval{color:var(--am)}.pips{display:flex;gap:3px;align-items:center}.pips i{width:6px;height:12px;background:var(--cy);box-shadow:0 0 5px #5fd8ff8c;clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%)}.pips i.off{background:#5fd8ff24;box-shadow:none}#pil-panel{position:fixed;bottom:18px;left:50%;transform:translate(-50%);width:420px;z-index:6;padding:1px}#pil-panel>div:first-child{border-bottom:1px dashed rgba(95,216,255,.2)}.row{display:grid;grid-template-columns:42px 1fr 48px;align-items:center;gap:12px;padding:9px 16px}.row .lbl{font-size:10px;letter-spacing:3px;color:var(--cy-40)}.row-num{font-size:14px;font-weight:700;text-align:right;color:var(--ink);letter-spacing:1px}.meter{position:relative;height:11px;border:1px solid var(--cy-25);background:#5fd8ff0f;overflow:hidden}.meter>div{height:100%;transition:width .14s linear}.meter.hull>div{background:linear-gradient(90deg,#1fae7c,#64eab4);box-shadow:0 0 9px #50e6a58c}.meter.hull>div.low{background:linear-gradient(90deg,#c92212,#ff6a52);box-shadow:0 0 10px #ff4b3ebf}.meter.thr>div{background:linear-gradient(90deg,#1f7fc9,#7fdcff);box-shadow:0 0 9px #5fc8ff8c}.abzone{position:absolute;top:0;bottom:0;right:0;width:18%;border-left:1px dashed rgba(255,181,71,.55);background:#ffb54712}#thr-ab{justify-self:end;font-style:normal;font-size:10px;letter-spacing:1px;color:var(--am);border:1px solid rgba(255,181,71,.5);padding:1px 6px;opacity:.3;transition:opacity .12s}#thr-ab.on{opacity:1;background:#462604cc;text-shadow:0 0 8px rgba(255,181,71,.9);animation:blink .4s steps(2) infinite}#radar-wrap{position:fixed;left:18px;bottom:18px;z-index:6;padding:1px;--cut: 12px}.radar-hd{display:flex;justify-content:space-between;padding:6px 12px 4px;font-size:10px;letter-spacing:3px;color:var(--cy);opacity:.9}.radar-hd .rng{color:var(--am);letter-spacing:2px}#radar{display:block;margin:0 6px 6px}.warn-banner{position:fixed;left:50%;transform:translate(-50%);z-index:8;font-family:var(--mono);font-weight:700;letter-spacing:4px;text-align:center}#alt-warn{top:63%;padding:6px 24px;font-size:16px;color:#ffe1dc;opacity:0;background:#3a0a08c7;border:1px solid rgba(255,75,62,.7);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);text-shadow:0 0 10px rgba(255,75,62,.9)}#alt-warn.on{animation:blink .45s steps(2) infinite}#msl-warn{top:15%;padding:9px 34px;font-size:19px;color:#ffe9e6;background:#420906d1;border:1px solid var(--rd);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);text-shadow:0 0 12px rgba(255,75,62,1);animation:blink .32s steps(2) infinite,warnpulse .85s ease-in-out infinite alternate}@keyframes warnpulse{0%{box-shadow:0 0 14px #ff3c2866}to{box-shadow:0 0 34px #ff3c28f2}}@keyframes blink{50%{opacity:0}}#kill-banner{position:fixed;bottom:122px;left:50%;transform:translate(-50%);z-index:8;font-size:17px;font-weight:700;letter-spacing:4px;color:var(--am);text-shadow:0 0 12px rgba(255,181,71,.8);opacity:0;white-space:nowrap}#kill-banner.show{animation:killfly 1.35s ease-out forwards}@keyframes killfly{0%{opacity:0;transform:translate(-50%,12px)}14%{opacity:1;transform:translate(-50%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-16px)}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#081a26f5,#010509fb);color:var(--ink);font-family:var(--mono);pointer-events:auto}.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(200,240,255,.03) 0 1px,transparent 1px 3px)}#start-screen{align-items:flex-start;justify-content:flex-end;text-align:left;overflow:hidden;background:linear-gradient(115deg,#02080ed1,#02080e73 38%,#020a1014 72%),linear-gradient(to top,rgba(1,4,8,.92) 0%,rgba(1,5,9,.55) 26%,transparent 58%)}#start-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 220px #000000a8}.crn{position:absolute;width:42px;height:42px;border:0 solid var(--cy-40)}.crn.tl{top:26px;left:26px;border-top-width:2px;border-left-width:2px}.crn.tr{top:26px;right:26px;border-top-width:2px;border-right-width:2px}.crn.bl{bottom:26px;left:26px;border-bottom-width:2px;border-left-width:2px}.crn.br{bottom:26px;right:26px;border-bottom-width:2px;border-right-width:2px}.title-block{padding:0 0 3vh clamp(28px,6vw,96px);max-width:min(760px,78vw);position:relative}.title-block:before{content:"";position:absolute;left:-14px;top:12px;bottom:18px;width:4px;background:linear-gradient(to bottom,var(--am),rgba(255,181,71,.15));box-shadow:0 0 14px #ffb5478c}.pretitle{font-size:11px;letter-spacing:5px;color:#ffd9a0;opacity:.85;margin-bottom:14px}.screen h1{margin:0;font-size:clamp(52px,8.5vw,118px);font-weight:800;letter-spacing:.04em;line-height:.94;color:#f6fbff;text-transform:uppercase;text-shadow:0 2px 22px rgba(0,0,0,.85),0 0 46px rgba(0,0,0,.5)}.screen h1 span{color:transparent;letter-spacing:.02em;background:linear-gradient(180deg,#ffd489,#ff9d3c 62%,#e07a1f);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 16px rgba(224,122,31,.35))}.titlebar{width:min(430px,56vw);height:2px;margin:20px 0 12px;position:relative;background:linear-gradient(90deg,var(--am) 0%,rgba(255,181,71,.35) 55%,transparent)}.titlebar i{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;background:var(--cy);box-shadow:0 0 9px #5fd8ffe6}.screen h2{font-size:13px;letter-spacing:7px;color:#d6ecf6d1;margin:0 0 30px;font-weight:400}#start-screen .go{font-size:17px;letter-spacing:5px;color:var(--am);text-shadow:0 0 14px rgba(255,181,71,.65);animation:lowpulse 1.5s ease-in-out infinite;margin:0 0 26px clamp(28px,6vw,96px)}.keys{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:11.5px;letter-spacing:1px;color:#cee4f0e0;margin:0 auto 40px clamp(28px,6vw,96px);position:relative;z-index:1;text-shadow:0 1px 8px rgba(0,0,0,.9)}.keys b{display:inline-block;color:#f0fbff;background:#0a18229e;padding:2px 7px;margin-right:4px;border:1px solid rgba(120,190,220,.4);border-radius:2px;font-weight:400;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.build-tag{position:absolute;bottom:30px;right:34px;font-size:10.5px;letter-spacing:3px;color:#96c3d799;text-shadow:0 1px 6px rgba(0,0,0,.9)}.go{font-size:19px;letter-spacing:5px;color:var(--am);text-shadow:0 0 12px rgba(255,181,71,.7);animation:lowpulse 1.5s ease-in-out infinite}#over-screen{animation:fadein .45s ease-out}@keyframes fadein{0%{opacity:0}}.debrief{width:min(540px,88vw);padding:1px;text-align:left;--cut: 14px;animation:rise .55s cubic-bezier(.2,.9,.25,1)}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}.db-hd{font-size:12px;letter-spacing:6px;color:var(--cy);padding:11px 20px;border-bottom:1px solid var(--cy-25);background:linear-gradient(90deg,rgba(95,216,255,.13),transparent 70%)}.db-hd:first-letter{color:var(--am)}.debrief h1{font-size:32px!important;letter-spacing:9px!important;color:var(--am)!important;text-shadow:0 0 16px rgba(255,181,71,.55)!important;margin:26px 0 6px!important;padding-left:20px!important;text-align:left}.db-row{display:flex;justify-content:space-between;align-items:baseline;margin:0 20px;padding:12px 2px;border-bottom:1px dashed rgba(95,216,255,.18)}.db-row span{font-size:12px;letter-spacing:3px;color:var(--cy-40)}.db-row b{font-size:22px;letter-spacing:2px;color:#f0fbff;text-shadow:0 0 10px rgba(95,216,255,.5)}.debrief .go{display:block;text-align:center;margin:30px 0 26px;font-size:15px}