:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#111;color:#fafafa}.game-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0a;padding:1rem}.hud{display:flex;justify-content:space-between;align-items:center;width:640px;padding:.5rem 1rem;margin-bottom:.5rem;background:#1a1a1a;border:2px solid #333;border-radius:4px;font-size:.85rem;color:#aaa;letter-spacing:.1em;text-transform:uppercase}.hud-score{color:#4f4;font-weight:700;font-size:1.1rem}.hud-lives{color:#f44}.hud-level{color:#4af}canvas{border:3px solid #2a2a2a;border-radius:2px;image-rendering:pixelated;background:#1a1a1a;display:block}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.game-over-overlay h1{font-size:3rem;color:#f33;margin:0 0 .5rem;text-shadow:0 0 20px #f33,0 0 40px #a00;letter-spacing:.15em}.game-over-overlay .final-score{font-size:1.5rem;color:#4f4;margin-bottom:1.5rem}.game-over-overlay button{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;padding:.75rem 2rem;background:#222;color:#4f4;border:2px solid #4f4;border-radius:4px;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:all .15s}.game-over-overlay button:hover{background:#4f4;color:#111}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.title-screen h1{font-size:3.5rem;color:#4a4;margin:0 0 .25rem;text-shadow:0 0 30px #4a4,0 0 60px #272;letter-spacing:.2em;text-transform:uppercase}.title-screen .subtitle{color:#666;font-size:.85rem;margin-bottom:2rem;letter-spacing:.3em;text-transform:uppercase}.title-screen .controls-info{color:#555;font-size:.75rem;margin-bottom:2rem;text-align:center;line-height:2}.title-screen .controls-info kbd{background:#222;border:1px solid #444;border-radius:3px;padding:.15rem .5rem;color:#aaa;margin:0 .15rem}.title-screen button{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem;padding:1rem 3rem;background:transparent;color:#4a4;border:2px solid #4a4;border-radius:4px;cursor:pointer;letter-spacing:.15em;text-transform:uppercase;animation:pulse 1.5s ease-in-out infinite;transition:all .15s}.title-screen button:hover{background:#4a4;color:#0a0a0a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.screen-shake{animation:shake .1s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-3px)}}