.space-invaders-transition{background:linear-gradient(#0a001000 0%,#0a001066 50%,#0a001000 100%);width:100%;height:240px;position:relative;overflow:hidden}.si-scene{will-change:transform;width:100%;height:100%;position:relative}.si-hero{will-change:top;position:absolute;top:10%;left:12%;transform:translate(-20px,-20px)}.si-hero-sprite{width:4px;height:4px;box-shadow: 8px 0px 0 var(--cyan),  4px 4px 0 var(--cyan), 8px 4px 0 var(--cyan), 12px 4px 0 var(--cyan),  0px 8px 0 var(--cyan), 4px 8px 0 var(--cyan), 8px 8px 0 var(--lavender), 12px 8px 0 var(--cyan), 16px 8px 0 var(--cyan),  0px 12px 0 var(--cyan), 4px 12px 0 var(--cyan), 8px 12px 0 var(--cyan), 12px 12px 0 var(--cyan), 16px 12px 0 var(--cyan),  0px 16px 0 var(--cyan), 4px 16px 0 var(--cyan), 12px 16px 0 var(--cyan), 16px 16px 0 var(--cyan);filter:drop-shadow(0 0 4px var(--cyan));transform-origin:0 0;background:0 0;transform:scale(2)}.si-projectile{background:var(--cyan);width:16px;height:4px;box-shadow:0 0 6px var(--cyan), 0 0 14px #00ffd499;opacity:0;pointer-events:none;will-change:left, top, opacity;border-radius:1px;position:absolute;top:50%;left:15%;transform:translate(-50%,-50%)}.si-enemy{will-change:opacity, filter;position:absolute;left:80%;transform:translate(-20px,-20px)}.si-enemy-0{top:10%}.si-enemy-1{top:28%}.si-enemy-2{top:46%}.si-enemy-3{top:64%}.si-enemy-4{top:82%}.si-enemy-sprite{width:4px;height:4px;box-shadow: 0px 0px 0 var(--purple), 12px 0px 0 var(--purple),  4px 4px 0 var(--purple), 8px 4px 0 var(--purple),  0px 8px 0 var(--purple), 4px 8px 0 var(--lavender), 8px 8px 0 var(--lavender), 12px 8px 0 var(--purple),  0px 12px 0 var(--purple), 4px 12px 0 var(--purple), 8px 12px 0 var(--purple), 12px 12px 0 var(--purple),  0px 16px 0 var(--purple), 12px 16px 0 var(--purple);filter:drop-shadow(0 0 3px var(--purple));transform-origin:0 0;background:0 0;animation:2s ease-in-out infinite si-enemy-idle;transform:scale(2)}.si-enemy-0 .si-enemy-sprite{animation-delay:0s}.si-enemy-1 .si-enemy-sprite{animation-delay:.2s}.si-enemy-2 .si-enemy-sprite{animation-delay:.4s}.si-enemy-3 .si-enemy-sprite{animation-delay:.6s}.si-enemy-4 .si-enemy-sprite{animation-delay:.8s}@keyframes si-enemy-idle{0%,to{margin-top:-2px}50%{margin-top:2px}}.space-invaders-static{background:linear-gradient(#0a001000 0%,#0a001066 50%,#0a001000 100%);justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative}.static-bar{background:linear-gradient(90deg, transparent 0%, var(--purple) 20%, var(--cyan) 50%, var(--purple) 80%, transparent 100%);opacity:.6;width:80%;height:2px}@media (max-width:768px){.space-invaders-transition{height:180px}.si-hero-sprite,.si-enemy-sprite{transform-origin:0 0;transform:scale(1.5)}.si-hero,.si-enemy{transform:translate(-15px,-15px)}.si-projectile{width:12px;height:3px}}@media (max-width:480px){.space-invaders-transition{height:140px}.si-hero-sprite,.si-enemy-sprite{transform-origin:0 0;transform:scale(1.2)}.si-hero,.si-enemy{transform:translate(-12px,-12px)}.si-projectile{width:10px;height:3px}}
