@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/spatial-invaderz/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/spatial-invaderz/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/spatial-invaderz/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_406790{font-family:Geist,Geist Fallback;font-style:normal}.__variable_406790{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/spatial-invaderz/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/spatial-invaderz/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/spatial-invaderz/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_e57180{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_e57180{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap");@keyframes space-invader-1{50%{box-shadow:0 0 0 .25em #fff,0 .25em 0 .25em #fff,-.625em .375em 0 .125em #fff,.625em .375em 0 .125em #fff,-.75em -.75em 0 0 #fff,.75em -.75em 0 0 #fff,-.5em -.5em 0 0 #fff,.5em -.5em 0 0 #fff,-.75em -.25em 0 0 #fff,-.5em -.25em 0 0 #fff,.5em -.25em 0 0 #fff,.75em -.25em 0 0 #fff,-1em 0 0 0 #fff,-.75em 0 0 0 #fff,.75em 0 0 0 #fff,1em 0 0 0 #fff,-1em .25em 0 0 #fff,1em .25em 0 0 #fff,-.75em .75em 0 0 #fff,.75em .75em 0 0 #fff,1.25em 0 0 0 #fff,1.25em -.25em 0 0 #fff,1.25em -.5em 0 0 #fff,-1.25em 0 0 0 #fff,-1.25em -.25em 0 0 #fff,-1.25em -.5em 0 0 #fff,-1em 1em 0 0 #fff,-1em 1em 0 0 #fff,1em 1em 0 0 #fff,1em 1em 0 0 #fff}}@keyframes space-invader-2{50%{box-shadow:-.125em -.5em 0 .25em #fff,.125em -.5em 0 .25em #fff,-.75em -.375em 0 .125em #fff,-.875em -.375em 0 .125em #fff,.75em -.375em 0 .125em #fff,.875em -.375em 0 .125em #fff,-1em 0 0 .25em #fff,1em 0 0 .25em #fff,-.5em .25em 0 0 #fff,-.25em .25em 0 0 #fff,0 .25em 0 0 #fff,.25em .25em 0 0 #fff,.5em .25em 0 0 #fff,.3125em .5em 0 0 #fff,.5em .5em 0 0 #fff,.625em .5em 0 0 #fff,-.3125em .5em 0 0 #fff,-.5em .5em 0 0 #fff,-.625em .5em 0 0 #fff,.0625em .75em 0 0 #fff,-.0625em .75em 0 0 #fff,-.75em .75em 0 0 #fff,-.9375em .75em 0 0 #fff,-.75em 1em 0 0 #fff,-.5em 1em 0 0 #fff,.75em .75em 0 0 #fff,.9375em .75em 0 0 #fff,.75em 1em 0 0 #fff,.5em 1em 0 0 #fff}}@keyframes space-invader-3{50%{box-shadow:0 -.625em 0 .125em #fff,-.25em -.375em 0 .125em #fff,.25em -.375em 0 .125em #fff,.625em -.25em 0 0 #fff,-.625em -.25em 0 0 #fff,0 .125em 0 .125em #fff,-.75em .125em 0 .125em #fff,.75em .125em 0 .125em #fff,.375em .25em 0 0 #fff,-.375em .25em 0 0 #fff,.125em .5em 0 0 #fff,-.125em .5em 0 0 #fff,-.375em .5em 0 0 #fff,-.625em .75em 0 0 #fff,-.875em 1em 0 0 #fff,-.375em 1em 0 0 #fff,.375em .5em 0 0 #fff,.625em .75em 0 0 #fff,.875em 1em 0 0 #fff,.375em 1em 0 0 #fff}}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Orbitron,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a2a;color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(40,40,120,.2) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(80,20,100,.2) 0,transparent 20%),linear-gradient(180deg,#000033,#000066)}.game-container{width:100%;max-width:800px;aspect-ratio:4/3;position:relative}.game-screen{width:100%;height:100%;background:rgba(0,0,20,.7);position:relative;overflow:hidden;border:2px solid #00f0ff;border-radius:8px;box-shadow:0 0 20px rgba(0,240,255,.3),inset 0 0 30px rgba(0,100,255,.2)}.game-ui{position:absolute;top:10px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;font-size:18px;text-shadow:0 0 5px #00f0ff;z-index:10;font-weight:700;letter-spacing:1px}.lives{display:flex;gap:10px}.life-icon{font-size:24px;text-shadow:0 0 8px #42c9d8}.player{bottom:0;z-index:5;background-color:#FFF;transition:left .1s ease-out;box-shadow:0 0 0 .25em #fff,.625em 0 0 .25em #fff,-.625em 0 0 .25em #fff,1em .0625em 0 .1875em #fff,-1em .0625em 0 .1875em #fff,0 -.25em 0 .25em #fff,0 -.625em 0 0 #fff}.enemy,.player{position:absolute;width:24px;height:24px}.enemy{border:1px solid salmon;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%)}.enemy-basic{background:transparent;box-shadow:0 0 8px #ffae00;background-image:url(/spatial-invaderz/_next/static/media/invader.ab29ee4f.svg)}.enemy-medium{background:transparent;box-shadow:0 0 8px #42c9d8;background-image:url(/spatial-invaderz/_next/static/media/invader2.f8a66459.svg)}.enemy-advanced{background:transparent;box-shadow:0 0 8px #f00;background-image:url(/spatial-invaderz/_next/static/media/invader3.a9ff3809.svg)}.enemy-health{top:-15px;left:50%;font-size:10px;color:white;background:rgba(0,0,0,.7);padding:1px 4px;border-radius:3px}.bullet,.enemy-health{position:absolute;transform:translateX(-50%)}.bullet{width:.5%;height:1.5%;z-index:2}.player-bullet{background:#0ff;box-shadow:0 0 5px #0ff}.enemy-bullet{background:#f00;box-shadow:0 0 5px #f00}.shield{position:absolute;bottom:20%;width:8%;height:3%;transform:translateX(-50%);border-radius:50% 50% 0 0;border:1px solid #0f0;z-index:3;box-shadow:0 0 5px #0f0;transition:opacity .2s ease}.power-up{position:absolute;width:2%;height:2%;transform:translate(-50%,-50%);border-radius:50%;animation:pulse 1.5s infinite;z-index:4}.power-up-rapidFire{background:#42c9d8;box-shadow:0 0 8px #42c9d8}.power-up-shieldBoost{background:#0ff;box-shadow:0 0 8px #0ff}.power-up-freeze{background:#0cf;box-shadow:0 0 8px #0cf}.power-up-doublePoints{background:#ffae00;box-shadow:0 0 8px #ffae00}.power-up-lifeUp{background:#f00;box-shadow:0 0 8px #f00}.power-up-indicator{position:absolute;top:40px;right:20px;padding:5px 10px;border-radius:10px;font-size:14px;font-weight:700;animation:pulse 1s infinite;z-index:11}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,30,.85);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.menu-overlay h1{font-size:48px;animation:glow 2s infinite alternate;letter-spacing:3px}.menu-overlay h1,.overlay h2{margin-bottom:20px;text-shadow:0 0 10px #00f0ff;color:#fff}.overlay h2{font-size:36px}.overlay p{font-size:18px;margin-bottom:10px;max-width:80%;line-height:1.6}button{background:linear-gradient(180deg,#00f0ff,#0088cc);border:none;color:white;padding:12px 30px;font-size:18px;border-radius:30px;cursor:pointer;margin-top:20px;transition:all .3s;box-shadow:0 0 15px rgba(0,240,255,.5);font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px}button:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(0,240,255,.8);background:linear-gradient(180deg,#00ffff,#00aaff)}.instructions{margin-top:20px;font-size:14px;color:#aaa}.ufo{width:6%;height:3%;background:linear-gradient(180deg,#88f,#aaf);transform:translate(-50%,-50%);box-shadow:0 0 10px #88f,inset 0 0 10px rgba(255,255,255,.5);z-index:4;animation:ufo-glow 2s infinite alternate}.ufo,.ufo:before{position:absolute;border-radius:50%}.ufo:before{content:"";top:20%;left:10%;width:80%;height:40%;background:rgba(0,200,255,.3)}.particle{border-radius:50%;z-index:10}.particle,.score-effect{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.score-effect{color:#42c9d8;font-weight:700;font-size:18px;text-shadow:0 0 5px #000;z-index:11;animation:score-rise 1s forwards}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes glow{0%{text-shadow:0 0 5px #00f0ff}to{text-shadow:0 0 20px #00f0ff,0 0 30px #0088cc}}@keyframes ufo-glow{0%{box-shadow:0 0 10px #88f}to{box-shadow:0 0 20px #aaf,0 0 30px #88f}}@keyframes score-rise{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-150%);opacity:0}}.starfield{top:0;left:0;width:100%;height:100%;z-index:-1}.star,.starfield{position:absolute}.star{background:#fff;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.demo,.intro{max-width:800px;padding:10px}.demo{margin:10px;height:200px;background-color:#000}