body{margin:0;padding:0;background-color:#0b0c10;color:#c5c6c7;font-family:var(--font-body),system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;height:100vh;width:100vw;box-sizing:border-box}.invaders-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;padding:10px;box-sizing:border-box}.invaders-header{display:flex;justify-content:space-between;width:100%;max-width:600px;margin-bottom:5px;font-size:1.2rem;color:#66fcf1;text-shadow:0 0 5px #66fcf1;font-weight:700}.invaders-canvas-wrap{position:relative;width:100%;max-width:600px;aspect-ratio:3/4;border:2px solid #1f2833;box-shadow:0 0 20px #66fcf126;background-color:#050608;border-radius:8px;overflow:hidden}#invaders-canvas{width:100%;height:100%;display:block}.invaders-controls{display:none;width:100%;max-width:600px;margin-top:10px;justify-content:space-between;box-sizing:border-box}@media (max-width: 1024px){.invaders-controls{display:flex}}.control-btn{background:#1f283399;border:1px solid #45f3ff;color:#45f3ff;border-radius:50%;width:60px;height:60px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation;box-shadow:0 0 10px #45f3ff33}.control-btn:active{background:#45f3ff;color:#0b0c10}.control-btn--fire{width:70px;height:70px;background:#ff007f1a;border-color:#ff007f;color:#ff007f;box-shadow:0 0 15px #ff007f4d}.control-btn--fire:active{background:#ff007f;color:#fff}.invaders-dpad{display:flex;gap:15px}.invaders-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0c10d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;text-align:center;padding:20px;box-sizing:border-box}.invaders-screen h1{font-size:2.5rem;color:#ff007f;text-shadow:0 0 10px #ff007f,0 0 20px #ff007f;margin-bottom:20px;animation:neon-glow 1.5s ease-in-out infinite alternate}.invaders-screen p{font-size:1.1rem;margin-bottom:30px;max-width:400px;line-height:1.6}@keyframes neon-glow{0%{text-shadow:0 0 5px #ff007f,0 0 10px #ff007f,0 0 15px #ff007f}to{text-shadow:0 0 10px #ff007f,0 0 20px #ff007f,0 0 30px #ff007f}}