:root{--color-primary: #00f0ff;--color-primary-dim: #00a8b3;--color-secondary: #8b5cf6;--color-accent: #22c55e;--color-danger: #ef4444;--color-warning: #fbbf24;--color-bg-dark: #0a0a0f;--color-bg-card: #111118;--color-text: #e4e4e7;--color-text-dim: #71717a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Courier New,Courier,monospace;background:var(--color-bg-dark);color:var(--color-text)}.game-wrapper{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at center,#0d1117,#010409)}.scanlines:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:100}.pixel-text{font-family:Courier New,Courier,monospace;letter-spacing:1px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}@media (min-width: 768px){.md-text-5xl{font-size:3rem}.md-text-6xl{font-size:3.75rem}.md-text-xl{font-size:1.25rem}.md-text-sm{font-size:.875rem}}.glow-cyan{text-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary)}.glow-box-cyan{box-shadow:0 0 15px var(--color-primary),inset 0 0 10px #00f0ff1a}.btn-retro{display:inline-block;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border:2px solid var(--color-primary);color:var(--color-primary);padding:12px 24px;font-family:Courier New,Courier,monospace;font-size:14px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.btn-retro:hover{background:var(--color-primary);color:var(--color-bg-dark);box-shadow:0 0 20px var(--color-primary)}.btn-retro:active{transform:scale(.98)}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.screen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative}.hud{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.hud-lives{display:flex;gap:4px;justify-content:flex-end}.hud-life-pip{width:16px;height:16px;border:2px solid;border-radius:2px}.hud-powerups{position:absolute;bottom:1rem;left:1rem;display:flex;gap:8px;pointer-events:none}.powerup-badge{padding:4px 8px;border:1px solid;font-size:.65rem;font-family:Courier New,Courier,monospace;letter-spacing:1px}.mobile-hint{position:absolute;bottom:1rem;right:1rem;pointer-events:none}@media (min-width: 768px){.mobile-hint{display:none}}canvas{display:block}canvas.game-canvas{position:absolute;top:0;left:0}