@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:"Press Start 2P",monospace;line-height:1.2;font-weight:400;color-scheme:dark;color:#0f0;background-color:#001;font-synthesis:none;text-rendering:optimizeSpeed;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;--neon-green: #00ff00;--neon-cyan: #00ffff;--neon-pink: #ff00ff;--neon-yellow: #ffff00;--neon-orange: #ff8800;--space-dark: #000011;--space-blue: #001122;--player-color: #00ff88}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at center,var(--space-blue) 0%,var(--space-dark) 100%);overflow:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:var(--space-dark)}.pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.neon-glow{text-shadow:0 0 10px currentColor,0 0 20px currentColor}@media (max-width: 768px){:root{font-size:10px}.game-container{width:100vw;height:100vh}}.player{position:absolute;width:40px;height:30px;z-index:10;transition:left .1s ease-out}.player-ship{position:relative;width:100%;height:100%}.player-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:20px;background:var(--player-color);box-shadow:0 0 10px var(--player-color),inset 0 0 5px #ffffff4d}.player-wing{position:absolute;bottom:8px;width:8px;height:4px;background:var(--player-color);box-shadow:0 0 5px var(--player-color)}.player-wing.left{left:8px;transform:skew(-15deg)}.player-wing.right{right:8px;transform:skew(15deg)}.player-cockpit{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);border-radius:50%}.player:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:3px;height:8px;background:linear-gradient(to bottom,var(--neon-orange),transparent);box-shadow:0 0 5px var(--neon-orange);animation:thruster .1s infinite alternate}@keyframes thruster{0%{height:6px;opacity:.8}to{height:10px;opacity:1}}@media (max-width: 768px){.player{width:35px;height:25px}.player-body{width:5px;height:18px}.player-wing{width:7px;height:3px}.player-cockpit{width:3px;height:3px}}@media (max-width: 480px){.player{width:30px;height:20px}.player-body{width:4px;height:15px}.player-wing{width:6px;height:3px}}.invaders-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}.invader{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:crosshair;animation:float 3s ease-in-out infinite;transition:all .5s ease-out}.invader.boss{animation:bossFloat 2s ease-in-out infinite}.invader.unlocked{animation:explode .5s ease-out forwards}@keyframes explode{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:.8;box-shadow:0 0 30px currentColor}to{transform:scale(2) rotate(360deg);opacity:0}}.invader-body{position:relative;width:100%;height:70%;border:2px solid currentColor;background:#0000004d;box-shadow:0 0 10px currentColor,inset 0 0 10px #ffffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s}.invader:hover .invader-body{background:#ffffff1a;box-shadow:0 0 20px currentColor,inset 0 0 15px #fff3}.invader-eyes{display:flex;gap:4px;margin-bottom:2px}.eye{width:3px;height:3px;background:currentColor;box-shadow:0 0 3px currentColor}.invader.boss .eye{width:6px;height:6px}.invader-mouth{width:8px;height:2px;background:currentColor;box-shadow:0 0 2px currentColor}.invader.boss .invader-mouth{width:16px;height:4px}.invader-info{position:absolute;top:100%;left:50%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap;z-index:10}.invader:hover .invader-info{opacity:1}.skill-name{font-size:.6rem;color:currentColor;text-shadow:0 0 5px currentColor;margin-bottom:2px;font-weight:700}.skill-description{font-size:.4rem;color:var(--neon-yellow);text-shadow:0 0 3px var(--neon-yellow)}.invader.boss .skill-name{font-size:1rem}.invader.boss .skill-description{font-size:.6rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bossFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.invader.frontend{animation-delay:0s}.invader.backend{animation-delay:.5s}.invader.project{animation-delay:1s}.invader.boss{animation-delay:0s}@media (max-width: 768px){.invader{width:35px!important;height:35px!important}.invader.boss{width:60px!important;height:60px!important}.skill-name{font-size:.5rem}.skill-description{font-size:.35rem}.invader.boss .skill-name{font-size:.8rem}.invader.boss .skill-description{font-size:.5rem}}@media (max-width: 480px){.invader{width:30px!important;height:30px!important}.invader.boss{width:50px!important;height:50px!important}.eye{width:2px;height:2px}.invader.boss .eye{width:4px;height:4px}.invader-mouth{width:6px;height:1px}.invader.boss .invader-mouth{width:12px;height:3px}.skill-name{font-size:.4rem}.skill-description{font-size:.3rem}}.bullets-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:8;pointer-events:none}.bullet{position:absolute;width:3px;height:8px;background:var(--neon-yellow);box-shadow:0 0 8px var(--neon-yellow),0 0 15px var(--neon-yellow);border-radius:50% 50% 0 0;z-index:8}.bullet-trail{position:absolute;top:100%;left:50%;transform:translate(-50%);width:2px;height:12px;background:linear-gradient(to bottom,var(--neon-yellow),transparent);opacity:.7;animation:trail .1s linear infinite}@keyframes trail{0%{height:8px;opacity:.9}to{height:15px;opacity:.3}}@media (max-width: 768px){.bullet{width:2px;height:6px}.bullet-trail{width:1px;height:10px}}@media (max-width: 480px){.bullet{width:2px;height:5px}.bullet-trail{width:1px;height:8px}}.skills-panel{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:#000011e6;border:2px solid var(--neon-green);border-radius:8px;padding:15px;min-width:200px;max-width:250px;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px var(--neon-green);animation:slideIn .5s ease-out}.skills-header h3{margin:0 0 10px;font-size:.7rem;color:var(--neon-green);text-align:center;text-shadow:0 0 10px var(--neon-green)}.skills-list{display:flex;flex-direction:column;gap:8px}.skill-item{display:flex;align-items:center;gap:8px;opacity:0;animation:skillAppear .5s ease-out forwards;padding:4px;border-radius:4px;transition:background-color .3s}.skill-item:hover{background:#00ff001a}.skill-bullet{color:var(--neon-cyan);font-size:.6rem;text-shadow:0 0 5px var(--neon-cyan)}.skill-name{color:var(--neon-yellow);font-size:.5rem;text-shadow:0 0 5px var(--neon-yellow);flex:1}@keyframes slideIn{0%{transform:translateY(-50%) translate(-100%);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes skillAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.skills-panel{left:10px;min-width:160px;max-width:180px;padding:12px}.skills-header h3{font-size:.6rem}.skill-name{font-size:.45rem}.skill-bullet{font-size:.5rem}}@media (max-width: 480px){.skills-panel{left:5px;min-width:140px;max-width:160px;padding:10px}.skills-header h3{font-size:.5rem}.skill-name{font-size:.4rem}.skill-bullet{font-size:.45rem}}.pixel-avatar-container{position:relative;width:128px;height:128px;margin:20px auto;cursor:pointer;transition:transform .3s ease}.pixel-avatar-container:hover{transform:scale(1.1)}.pixel-avatar-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media (max-width: 768px){.pixel-avatar-container{width:96px;height:96px}}@media (max-width: 480px){.pixel-avatar-container{width:80px;height:80px}}.game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.ui-top{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;flex-wrap:wrap;gap:10px}.score-display,.level-display,.lives-display{display:flex;flex-direction:column;align-items:center;text-align:center}.label{font-size:.6rem;color:var(--neon-yellow);margin-bottom:5px;letter-spacing:1px}.value{font-size:1rem;color:var(--neon-green);font-weight:700}.level-name{font-size:.5rem;color:var(--neon-cyan);letter-spacing:1px;max-width:120px;line-height:1.2}.lives-display .lives-icons{display:flex;gap:5px}.life-icon{color:var(--neon-pink);font-size:1rem;text-shadow:0 0 5px var(--neon-pink)}.ui-bottom{position:absolute;bottom:20px;right:20px}.contact-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.contact-label{font-size:.5rem;color:var(--neon-yellow);margin-bottom:3px}.contact-email{font-size:.6rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}@media (max-width: 768px){.ui-top{padding:15px;gap:15px}.label{font-size:.5rem}.value{font-size:.8rem}.level-name{font-size:.4rem;max-width:100px}.life-icon{font-size:.8rem}.contact-label{font-size:.4rem}.contact-email{font-size:.5rem}.ui-bottom{bottom:15px;right:15px}}@media (max-width: 480px){.ui-top{padding:10px;gap:10px;flex-direction:column;align-items:flex-start}.score-display,.level-display,.lives-display{flex-direction:row;align-items:center;gap:10px}.label{font-size:.4rem;margin-bottom:0}.value{font-size:.7rem}.level-name{font-size:.35rem;max-width:80px}.contact-info{align-items:flex-end}.contact-label{font-size:.35rem}.contact-email{font-size:.4rem}}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:var(--space-dark);user-select:none;-webkit-user-select:none;-moz-user-select:none}.game-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px;pointer-events:auto;z-index:1001;position:relative}.game-menu h1{font-size:3rem;color:var(--neon-green);margin-bottom:10px;animation:pulse 2s infinite}.subtitle{font-size:.8rem;color:var(--neon-cyan);margin-bottom:30px;letter-spacing:2px}.start-button{background:transparent;border:2px solid var(--neon-green);color:var(--neon-green);padding:15px 30px;font-family:"Press Start 2P",monospace;font-size:1rem;cursor:pointer;transition:all .3s;margin-bottom:40px;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.start-button:hover{background:var(--neon-green);color:var(--space-dark);box-shadow:0 0 20px var(--neon-green)}.menu-info{color:var(--neon-yellow);font-size:.6rem;line-height:1.8}.menu-info p{margin:5px 0}.victory-stats{color:var(--neon-cyan);font-size:.7rem;margin:20px 0;text-align:center}.victory-stats p{margin:8px 0;text-shadow:0 0 5px var(--neon-cyan)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.game-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,var(--neon-cyan),transparent),radial-gradient(2px 2px at 40px 70px,var(--neon-pink),transparent),radial-gradient(1px 1px at 90px 40px,var(--neon-yellow),transparent),radial-gradient(1px 1px at 130px 80px,var(--neon-green),transparent),radial-gradient(2px 2px at 160px 30px,var(--neon-cyan),transparent);background-repeat:repeat;background-size:200px 100px;animation:stars 20s linear infinite;opacity:.5;z-index:1;pointer-events:none}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@media (max-width: 768px){.game-menu h1{font-size:2rem}.subtitle{font-size:.6rem}.start-button{font-size:.8rem;padding:12px 24px}.menu-info{font-size:.5rem}}@media (max-width: 480px){.game-menu h1{font-size:1.5rem}.start-button{font-size:.7rem;padding:10px 20px}.menu-info{font-size:.4rem}}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}