:root{--crt: #39ff14;--crt-dim: #1a7a0e;--panel: rgba(5, 12, 28, .85);--danger: #ff3b5c;--sky: #050814}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--sky);color:#e8fff0;font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}.hud-shell{position:fixed;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(260px,1.35fr) minmax(210px,.8fr);gap:clamp(10px,2vw,28px);align-items:start;padding:calc(12px + env(safe-area-inset-top,0)) clamp(12px,2.4vw,34px) 8px;pointer-events:none;text-shadow:0 0 10px rgba(57,255,20,.35)}.hud-panel{position:relative;min-height:102px;padding:12px 14px;background:linear-gradient(135deg,#0a1e32db,#030a17ad),repeating-linear-gradient(90deg,transparent 0 8px,rgba(57,255,20,.025) 8px 9px);border:1px solid rgba(73,215,255,.42);box-shadow:inset 0 0 24px #2daeff14,0 6px 24px #00000038;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.hud-panel:after{content:"";position:absolute;left:10px;right:10px;top:4px;height:1px;background:linear-gradient(90deg,var(--crt),transparent 72%);opacity:.7}.panel-kicker{margin-bottom:7px;font-size:9px;font-weight:700;letter-spacing:2.4px;color:#69d9ff;opacity:.78}.meter-head{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;letter-spacing:1.7px;color:var(--crt)}.meter-head b{font-size:13px;color:#eafff0}.boost-head{margin-top:7px;color:#65caff}.meter{height:9px;margin-top:3px;overflow:hidden;border:1px solid rgba(118,234,255,.35);background:#00000085;transform:skew(-12deg)}.meter-fill{width:100%;height:100%;transform-origin:left center;transition:width .1s linear}.shield-fill{background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(0,0,0,.28) 17px 19px),linear-gradient(90deg,var(--danger),#ffcc39 45%,var(--crt));box-shadow:0 0 12px #39ff1480}.boost-fill{background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(0,0,0,.24) 17px 19px),linear-gradient(90deg,#245bff,#69e8ff);box-shadow:0 0 10px #37b6ff8c}.hud-mission{position:relative;padding:6px 20px 10px;text-align:center;background:linear-gradient(180deg,#040d1cb8,#040a1440);border-top:1px solid rgba(57,255,20,.42);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.sector{font-size:10px;font-weight:700;letter-spacing:3.2px;color:#83e9ff;opacity:.82}.score-line{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-top:2px}.score-label{font-size:9px;letter-spacing:2px;color:var(--crt)}.score{min-width:128px;font-family:Consolas,Courier New,monospace;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1;letter-spacing:3px;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.28),0 0 18px rgba(57,255,20,.25)}.combo{min-width:36px;font-size:16px;font-weight:800;color:#ffc84f;opacity:0;transform:scale(.8);transition:opacity .15s ease,transform .15s ease}.combo.active{opacity:1;transform:scale(1)}.mission-track{height:4px;margin:7px auto 4px;overflow:hidden;background:#49d7ff24;border:1px solid rgba(73,215,255,.28)}.mission-progress{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#3b7fff,#69efff,var(--crt));box-shadow:0 0 12px #49d7ff9e;transition:transform .12s linear}.mission-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#ddf7ffbd}.hud-ordnance{text-align:right}.bomb-readout{display:flex;justify-content:flex-end;align-items:baseline;gap:7px;color:#e6f7ff}.bomb-readout b{font-family:Consolas,monospace;font-size:27px;line-height:1;color:#ffc34a}.bomb-readout span:last-child{font-size:9px;letter-spacing:1.8px}.bomb-icon{color:#ff875d;text-shadow:0 0 10px rgba(255,94,64,.7)}.roll-state{margin:5px 0 8px;font-size:9px;font-weight:700;letter-spacing:1.8px;color:#65caff}.roll-state.cooling{color:#788b9b}.wing-grid{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 12px;font-size:8px;letter-spacing:1.2px;color:#e1f6ffbd}.wing-grid span{display:inline-flex;align-items:center;gap:4px}.wing-dot{width:5px;height:5px;border-radius:50%;background:var(--crt);box-shadow:0 0 7px currentColor}.wing-dot.blade{color:#66d2ff;background:#66d2ff}.wing-dot.pop{color:#e8c99a;background:#e8c99a}.wing-dot.chip{color:#74ff93;background:#74ff93}#crosshair{position:fixed;left:50%;top:53%;z-index:9;width:66px;height:66px;margin:-33px 0 0 -33px;pointer-events:none;opacity:.66;filter:drop-shadow(0 0 5px rgba(105,238,255,.55))}#crosshair.mouse-aim{opacity:.9}#mouse-hint{position:fixed;left:50%;bottom:18%;transform:translate(-50%);z-index:12;padding:8px 14px;background:#050c1ce0;border:1px solid rgba(57,255,20,.45);color:var(--crt);font-size:11px;font-weight:700;letter-spacing:1.6px;pointer-events:none}#mouse-hint[hidden]{display:none}.crosshair-corner{position:absolute;width:15px;height:15px;border-color:#79eaff;border-style:solid}.crosshair-corner.tl{left:0;top:0;border-width:2px 0 0 2px}.crosshair-corner.tr{right:0;top:0;border-width:2px 2px 0 0}.crosshair-corner.bl{left:0;bottom:0;border-width:0 0 2px 2px}.crosshair-corner.br{right:0;bottom:0;border-width:0 2px 2px 0}.crosshair-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fff;box-shadow:0 0 7px #79eaff}#target-lock{position:fixed;z-index:11;width:72px;height:72px;margin:-36px 0 0 -36px;pointer-events:none;transition:left .07s linear,top .07s linear,opacity .12s ease;filter:drop-shadow(0 0 6px rgba(255,207,73,.7))}#target-lock.hidden{opacity:0}#target-lock i{position:absolute;width:20px;height:20px;border-color:#ffcf49;border-style:solid}#target-lock i:nth-child(1){left:0;top:0;border-width:3px 0 0 3px}#target-lock i:nth-child(2){right:0;top:0;border-width:3px 3px 0 0}#target-lock i:nth-child(3){left:0;bottom:0;border-width:0 0 3px 3px}#target-lock i:nth-child(4){right:0;bottom:0;border-width:0 3px 3px 0}#target-label{position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%);white-space:nowrap;font:700 9px/1 Consolas,monospace;letter-spacing:1px;color:#ffdc72}#damage-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 46%,rgba(255,20,55,.68) 130%);transition:opacity .08s ease-out}#damage-vignette.active{opacity:1}#hit-marker{position:fixed;left:50%;top:53%;z-index:12;margin:-18px 0 0 -12px;font:300 34px/1 Arial,sans-serif;color:#fff;opacity:0;transform:scale(.65) rotate(45deg);pointer-events:none;text-shadow:0 0 8px #ffb84f}#hit-marker.active{animation:hit-pop .18s ease-out}@keyframes hit-pop{0%{opacity:1;transform:scale(.65) rotate(45deg)}to{opacity:0;transform:scale(1.1) rotate(45deg)}}#radio{position:fixed;left:clamp(14px,3vw,46px);bottom:calc(clamp(18px,4vh,52px) + env(safe-area-inset-bottom,0));z-index:20;width:min(560px,calc(100vw - 28px));pointer-events:none}#radio.hidden{display:none}.radio-frame{position:relative;display:grid;grid-template-columns:clamp(126px,14vw,168px) 1fr;gap:clamp(12px,2vw,22px);min-height:180px;padding:15px 18px 16px;background:linear-gradient(160deg,#08180ceb,#040a14f2);border:3px solid var(--crt);box-shadow:0 0 0 1px #000,0 0 34px #39ff1466,inset 0 0 42px #39ff141a;overflow:hidden;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.radio-frame:before{content:"INCOMING TRANSMISSION";position:absolute;top:6px;left:16px;right:16px;font-size:10px;font-weight:700;letter-spacing:2.8px;color:var(--crt);opacity:.7}#radio-portrait{width:clamp(126px,14vw,168px);height:clamp(126px,14vw,168px);margin-top:18px;object-fit:cover;background:#041208;border:2px solid var(--crt-dim);box-shadow:inset 0 0 18px #39ff1426,0 0 12px #39ff142e;image-rendering:auto;animation:talk-pulse .18s steps(2,end) infinite;filter:contrast(1.05) saturate(1.1)}.radio-meta{margin-top:20px;min-width:0}.radio-ch{font-size:11px;letter-spacing:1.8px;color:var(--crt-dim)}.radio-name{font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:3px;color:var(--crt);margin:2px 0 8px}.radio-text{font-size:clamp(15px,1.7vw,19px);line-height:1.45;color:#d7ffe0;min-height:4.1em;max-width:34ch}.radio-scanlines{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 2px,transparent 3px);mix-blend-mode:multiply;opacity:.55}.radio-static{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");animation:static-flicker .12s steps(2,end) infinite}@keyframes talk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015) translateY(.5px)}}@keyframes static-flicker{0%{opacity:.05}50%{opacity:.12}to{opacity:.07}}#radio.closing .radio-frame{animation:radio-out .35s ease-in forwards}@keyframes radio-out{to{opacity:0;transform:scale(.96) translateY(8px)}}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#020610b8;padding:16px}#overlay.hidden{display:none}#overlay-box{background:var(--panel);border:2px solid var(--crt);padding:28px 32px;max-width:460px;width:100%;text-align:center;box-shadow:0 0 40px #39ff1433}#overlay-box h1{font-size:clamp(28px,8vw,42px);letter-spacing:4px;color:var(--crt)}#overlay-sub{margin-top:4px;letter-spacing:3px;text-transform:uppercase;font-size:12px;opacity:.7}#overlay-body{margin:18px 0;text-align:left;line-height:1.8;font-size:15px}#btn-start{border:none;padding:12px 34px;font-size:18px;font-weight:800;letter-spacing:2px;background:var(--crt);color:#041208;cursor:pointer}#version{position:fixed;right:12px;bottom:8px;z-index:10;font-size:11px;opacity:.4;pointer-events:none}#touch-pad{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;padding:max(12px,env(safe-area-inset-bottom,12px));align-items:flex-end;justify-content:space-between}#touch-pad.active{display:flex}.stick-zone,.touch-actions{pointer-events:auto}.touch-actions{display:flex;gap:12px;align-items:flex-end}.stick-base{width:120px;height:120px;border-radius:50%;border:2px solid rgba(57,255,20,.35);background:#050c1c66;position:relative}.stick-knob{width:48px;height:48px;border-radius:50%;background:#39ff1473;position:absolute;left:36px;top:36px}.touch-btn{width:76px;height:76px;border-radius:50%;border:2px solid rgba(57,255,20,.45);background:#050c1c80;color:#fff;font-weight:800;font-size:12px;letter-spacing:1px}.touch-btn.fire{width:92px;height:92px;background:#ff3b5c59;border-color:#ff3b5cb3}@media(pointer:fine)and (min-width:900px)and (hover:hover){html:not(.touch-ui) #touch-pad.active{display:none}}html.touch-ui #touch-pad.active{display:flex}@media(max-width:760px){.hud-shell{grid-template-columns:1fr 1.1fr;gap:7px;padding:calc(7px + env(safe-area-inset-top,0)) 7px 4px}.hud-panel{min-height:76px;padding:8px 9px}.hud-status{grid-column:1}.hud-mission{grid-column:2;grid-row:1;padding:4px 8px 7px}.hud-ordnance{display:none}.panel-kicker,.sector{font-size:7px;letter-spacing:1.5px}.meter-head{font-size:8px}.meter{height:7px}.score-label{display:none}.score{min-width:84px;font-size:23px;letter-spacing:1px}.mission-meta{font-size:7px}#crosshair,#hit-marker{top:48%}#radio{left:8px;bottom:calc(118px + env(safe-area-inset-bottom,0));width:calc(100vw - 16px)}.radio-frame{grid-template-columns:104px 1fr;min-height:132px;gap:10px;padding:10px 11px}#radio-portrait{width:104px;height:104px;margin-top:15px}.radio-meta{margin-top:16px}.radio-name{font-size:18px;margin-bottom:4px}.radio-text{font-size:13px;min-height:3.8em}.touch-actions{gap:7px}.touch-btn{width:62px;height:62px;font-size:10px}.touch-btn.fire{width:78px;height:78px}.stick-base{width:104px;height:104px}.stick-knob{left:28px;top:28px}}#rotate-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#050814f0;color:#e8ecf4;align-items:center;justify-content:center;flex-direction:column;gap:1rem;text-align:center;font-weight:800}#rotate-hint.show{display:flex}#rotate-hint .phone{width:42px;height:72px;border:3px solid #39ff14;border-radius:8px;animation:tip-phone 1.4s ease-in-out infinite}@keyframes tip-phone{0%,to{transform:rotate(0)}40%,60%{transform:rotate(90deg)}}