:root{--bg:#000;--fg:#e5e7eb;--accent:#22d3ee;--accent-2:#a78bfa;--muted:#9ca3af;--shine:#ffffff20;--maxw:1100px;--enemy:#a78bfa;--enemy2:#22d3ee;--explosion:#fbbf24;--card:#0b0f16cc;--danger:#ff4d6d;--ok:#34d399}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:transparent;color:var(--fg);font:400 16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Arial;overflow-x:hidden;image-rendering:pixelated}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(0deg,#ffffff0a,#0000 2px) 0 0/100% 3px,radial-gradient(1200px 60px at 50% -10px,#ffffff10,transparent 60%);mix-blend-mode:overlay}#flash,#hurt{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:1000}#flash{background:#fff}#hurt{background:#f035}.flash{animation:flash-hit .42s ease-out forwards}.hurt{animation:hurt-hit .38s ease-out forwards}@keyframes flash-hit{0%{opacity:.9}60%{opacity:.18}to{opacity:0}}@keyframes hurt-hit{0%{opacity:.6}to{opacity:0}}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block;background:#000}body.ui-hidden header,body.ui-hidden main{display:none!important}body:not(.ui-hidden) #hud{display:none}header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);background:#0000008c;border-bottom:1px solid #ffffff18}.bar{margin:0 auto;max-width:var(--maxw);padding:10px 14px;display:flex;align-items:center;gap:14px}.ship{width:28px;height:18px;position:relative;display:inline-block;filter:drop-shadow(0 0 8px #22d3eeaa)}.ship:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#22d3ee,#22d3ee) 12px 2px/4px 14px no-repeat,linear-gradient(#22d3ee,#22d3ee) 8px 6px/4px 6px no-repeat,linear-gradient(#22d3ee,#22d3ee) 16px 6px/4px 6px no-repeat,linear-gradient(#22d3ee,#22d3ee) 2px 8px/6px 4px no-repeat,linear-gradient(#22d3ee,#22d3ee) 20px 8px/6px 4px no-repeat,linear-gradient(#a78bfa,#a78bfa) 13px 0/2px 2px no-repeat}.title{font-weight:900;letter-spacing:1px;font-size:clamp(18px,5vw,26px);display:flex;align-items:center;gap:10px;text-shadow:0 0 10px #22d3ee55}.tagline{margin-left:auto;font-size:14px;color:var(--muted);white-space:nowrap;font-weight:800;letter-spacing:.08em}.blink{animation:blink 1s steps(2,end) infinite}@keyframes blink{50%{opacity:.35}}.wrap{margin:16px auto;max-width:var(--maxw);padding:12px}.hero{display:grid;gap:14px;grid-template-columns:1fr;margin-bottom:16px}.card{background:var(--card);border:0;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px) saturate(120%);backdrop-filter:blur(4px) saturate(120%);padding:0;border-radius:0;transition:box-shadow .18s,transform .18s}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:0 0 0 2px #1c2230cc inset,0 0 0 4px #0e1420cc inset,0 0 0 6px #0005 inset}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:conic-gradient(from 90deg at 8px 8px,transparent 0 25%,#ffffff18 0 100%),conic-gradient(from 0deg at calc(100% - 8px) 8px,transparent 0 25%,#ffffff18 0 100%),conic-gradient(from 180deg at 8px calc(100% - 8px),transparent 0 25%,#ffffff18 0 100%),conic-gradient(from -90deg at calc(100% - 8px) calc(100% - 8px),transparent 0 25%,#ffffff18 0 100%);background-size:16px 16px;background-repeat:no-repeat}.card:hover{box-shadow:0 0 0 4px #22d3ee55,0 8px 32px #22d3ee33;transform:translateY(-3px) scale(1.012);z-index:2}.card:focus-within,.card:active{box-shadow:0 0 0 4px #a78bfa88,0 8px 32px #a78bfa33;outline:none}.pad{padding:16px 16px 18px}.grid{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width:880px){.hero{grid-template-columns:2fr 1fr}.grid{grid-template-columns:1fr 1fr}}h2{margin:0 0 10px;font-size:clamp(18px,3.5vw,22px);display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 2px 8px #181c22,0 0 8px #22d3ee55}.invader,.enemy-sprite{display:inline-block;filter:drop-shadow(0 0 6px #a78bfaaa)}.enemy-sprite{width:22px;height:18px;margin-right:6px;margin-bottom:2px}ul{margin:8px 0 0;padding:0;list-style:none}li{margin:6px 0;display:flex;gap:8px;align-items:flex-start}.dot{width:6px;height:6px;border-radius:2px;flex:0 0 6px;background:linear-gradient(180deg,var(--accent),var(--accent-2));margin-top:9px;box-shadow:0 0 8px #22d3eeaa}.muted{color:var(--muted)}a{color:var(--accent);text-shadow:0 0 8px #22d3ee55}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff22;background:#0e1420cc;padding:6px 10px;border-radius:6px;margin:5px 6px 0 0;font-size:13px;white-space:nowrap;box-shadow:inset 0 -2px #0005,0 2px #0005}footer{text-align:center;padding:26px 10px 50px;color:var(--muted)}.reticle{position:fixed;width:18px;height:18px;pointer-events:none;z-index:30;border:2px solid var(--accent);border-radius:4px;transform:translate(-50%,-50%);box-shadow:0 0 10px #22d3ee88;opacity:.95;transition:transform .08s ease}.laser{position:fixed;width:3px;height:28px;background:linear-gradient(var(--accent),#a0f0ff);left:var(--lx);top:var(--ly);box-shadow:0 0 12px #22d3ee,0 0 24px #22d3ee66;transform-origin:top center;animation:pew .32s cubic-bezier(.2,.6,.2,1) forwards;z-index:25}@keyframes pew{to{transform:translateY(-220px);opacity:0}}.ui-btn{position:fixed;right:12px;top:12px;z-index:50;background:#0e1420cc;border:1px solid #ffffff33;color:#e5e7eb;padding:6px 10px;font-weight:800;letter-spacing:.06em;box-shadow:inset 0 -2px #0006,0 2px #0006;cursor:pointer}.ui-btn:active{transform:translateY(1px)}#hud{position:fixed;left:12px;top:10px;z-index:40;font-weight:800;display:flex;gap:12px;align-items:center;text-shadow:0 0 8px #000a}.hearts{display:flex;gap:4px}.heart{width:14px;height:14px;background:conic-gradient(#ff96a8,#ff4d6d);box-shadow:0 0 10px #ff4d6d66;transform:rotate(45deg);border-radius:2px}.heart:before,.heart:after{content:"";position:absolute;width:14px;height:14px;background:inherit;border-radius:50%;transform:translate(-7px,-7px)}.stat{font-size:14px}.badge{padding:3px 6px;border:1px solid #ffffff33;background:#0e1420cc;font-size:12px;border-radius:4px}body:not(.ui-hidden){background:#000!important;animation:none!important}body:not(.ui-hidden):before{display:none!important}#gameover-screen{animation:fadeInGameOver .7s cubic-bezier(.4,1.4,.4,1);background:repeating-linear-gradient(135deg,#222 0,#222 8px,#181c22 8px,#181c22 16px),radial-gradient(circle at 60% 40%,#a78bfa22 0 20%,transparent 80%),radial-gradient(circle at 30% 70%,#22d3ee22 0 18%,transparent 80%);background-blend-mode:lighten}@keyframes fadeInGameOver{0%{opacity:0;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}#gameover-screen .neon{color:#fbbf24;text-shadow:0 0 16px #fbbf24cc,0 2px 0 #000,0 0 32px #a78bfa,0 0 8px #fff;filter:drop-shadow(0 0 8px #a78bfa);letter-spacing:2px;font-family:monospace,system-ui;font-size:2.7em;font-weight:700;text-transform:uppercase;margin-bottom:18px;animation:neonPulse 1.5s infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 8px #fbbf24,0 0 32px #a78bfa}to{text-shadow:0 0 18px #fbbf24,0 0 48px #a78bfa}}#gameover-screen #restart-btn:hover{background:linear-gradient(90deg,#a78bfa 60%,#22d3ee);color:#fff;border-color:#fbbf24;box-shadow:0 2px 24px #fbbf2488,0 0 0 2px #fff4;transform:scale(1.04)}.enemy-type-0{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23a78bfa"/><rect x="2" y="6" width="18" height="4" fill="%23a78bfa"/><rect x="0" y="10" width="22" height="4" fill="%23a78bfa"/><rect x="4" y="14" width="3" height="3" fill="%23a78bfa"/><rect x="15" y="14" width="3" height="3" fill="%23a78bfa"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-1{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23fbbf24"/><rect x="2" y="6" width="18" height="4" fill="%23fbbf24"/><rect x="0" y="10" width="22" height="4" fill="%23fbbf24"/><rect x="4" y="14" width="3" height="3" fill="%23fbbf24"/><rect x="15" y="14" width="3" height="3" fill="%23fbbf24"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-2{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%2322d3ee"/><rect x="2" y="6" width="18" height="4" fill="%2322d3ee"/><rect x="0" y="10" width="22" height="4" fill="%2322d3ee"/><rect x="4" y="14" width="3" height="3" fill="%2322d3ee"/><rect x="15" y="14" width="3" height="3" fill="%2322d3ee"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-3{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23ff4d6d"/><rect x="2" y="6" width="18" height="4" fill="%23ff4d6d"/><rect x="0" y="10" width="22" height="4" fill="%23ff4d6d"/><rect x="4" y="14" width="3" height="3" fill="%23ff4d6d"/><rect x="15" y="14" width="3" height="3" fill="%23ff4d6d"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-4{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="9" r="7" fill="%23a78bfa"/><rect x="4" y="2" width="14" height="4" fill="%23a78bfa"/><rect x="2" y="14" width="18" height="2" fill="%23a78bfa"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-5{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%2322d3ee"/><rect x="2" y="6" width="18" height="4" fill="%2322d3ee"/><rect x="0" y="10" width="22" height="4" fill="%2322d3ee"/><rect x="4" y="14" width="3" height="3" fill="%2322d3ee"/><rect x="15" y="14" width="3" height="3" fill="%2322d3ee"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-6{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="9" r="8" fill="%23ff3b3b"/><rect x="5" y="2" width="12" height="4" fill="%23ff3b3b"/><rect x="2" y="14" width="18" height="2" fill="%23ff3b3b"/><rect x="8" y="7" width="2" height="2" fill="black"/><rect x="12" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-7{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23f472b6"/><rect x="2" y="6" width="18" height="4" fill="%23f472b6"/><rect x="0" y="10" width="22" height="4" fill="%23f472b6"/><rect x="4" y="14" width="3" height="3" fill="%23f472b6"/><rect x="15" y="14" width="3" height="3" fill="%23f472b6"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-8{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23facc15"/><rect x="2" y="6" width="18" height="4" fill="%23facc15"/><rect x="0" y="10" width="22" height="4" fill="%23facc15"/><rect x="4" y="14" width="3" height="3" fill="%23facc15"/><rect x="15" y="14" width="3" height="3" fill="%23facc15"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-9{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23a21caf"/><rect x="2" y="6" width="18" height="4" fill="%23a21caf"/><rect x="0" y="10" width="22" height="4" fill="%23a21caf"/><rect x="4" y="14" width="3" height="3" fill="%23a21caf"/><rect x="15" y="14" width="3" height="3" fill="%23a21caf"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-10{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%2338bdf8"/><rect x="2" y="6" width="18" height="4" fill="%2338bdf8"/><rect x="0" y="10" width="22" height="4" fill="%2338bdf8"/><rect x="4" y="14" width="3" height="3" fill="%2338bdf8"/><rect x="15" y="14" width="3" height="3" fill="%2338bdf8"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-11{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23fb7185"/><rect x="2" y="6" width="18" height="4" fill="%23fb7185"/><rect x="0" y="10" width="22" height="4" fill="%23fb7185"/><rect x="4" y="14" width="3" height="3" fill="%23fb7185"/><rect x="15" y="14" width="3" height="3" fill="%23fb7185"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-12{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23ffffff"/><rect x="2" y="6" width="18" height="4" fill="%23ffffff"/><rect x="0" y="10" width="22" height="4" fill="%23ffffff"/><rect x="4" y="14" width="3" height="3" fill="%23ffffff"/><rect x="15" y="14" width="3" height="3" fill="%23ffffff"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-13{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="9" r="7" fill="%2306b6d4"/><rect x="4" y="2" width="14" height="4" fill="%2306b6d4"/><rect x="2" y="14" width="18" height="2" fill="%2306b6d4"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-14{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23f59e0b"/><rect x="2" y="6" width="18" height="4" fill="%23f59e0b"/><rect x="0" y="10" width="22" height="4" fill="%23f59e0b"/><rect x="4" y="14" width="3" height="3" fill="%23f59e0b"/><rect x="15" y="14" width="3" height="3" fill="%23f59e0b"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-15{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="9" r="7" fill="%2338bdf8"/><rect x="4" y="2" width="14" height="4" fill="%2338bdf8"/><rect x="2" y="14" width="18" height="2" fill="%2338bdf8"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-16{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="9" r="7" fill="%2360a5fa"/><rect x="4" y="2" width="14" height="4" fill="%2360a5fa"/><rect x="2" y="14" width="18" height="2" fill="%2360a5fa"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-17{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="2" width="10" height="4" fill="%23a3e635"/><rect x="2" y="6" width="18" height="4" fill="%23a3e635"/><rect x="0" y="10" width="22" height="4" fill="%23a3e635"/><rect x="4" y="14" width="3" height="3" fill="%23a3e635"/><rect x="15" y="14" width="3" height="3" fill="%23a3e635"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-18{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="9" r="7" fill="%23e5e7eb"/><rect x="4" y="2" width="14" height="4" fill="%23e5e7eb"/><rect x="2" y="14" width="18" height="2" fill="%23e5e7eb"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.enemy-type-19{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="18" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="9" r="7" fill="%23f97316"/><rect x="4" y="2" width="14" height="4" fill="%23f97316"/><rect x="2" y="14" width="18" height="2" fill="%23f97316"/><rect x="7" y="7" width="2" height="2" fill="black"/><rect x="13" y="7" width="2" height="2" fill="black"/></svg>');background-size:contain;background-repeat:no-repeat}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:18px}.tile{background:#05070c99;border:1px solid #ffffff15;padding:12px;text-align:center;box-shadow:0 6px 18px #0008}.big{font-size:20px;font-weight:800}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stack,.row{display:flex;flex-wrap:wrap}