:root{--bg: #1a1a2e;--bg-card: #16213e;--text: #eee;--text-muted: #aaa;--accent: #e94560;--accent-hover: #c73a52;--border: #2a2a4a;--gold: #ffd700;font-family:"Press Start 2P",Courier New,monospace;line-height:1.6;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 20% 50%,rgba(233,69,96,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(99,102,241,.08) 0%,transparent 50%)}#root{width:100%;display:flex;align-items:center;justify-content:center;min-height:100vh}.game-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem}.game-canvas{border:3px solid var(--border);border-radius:8px;box-shadow:0 0 0 1px #ffffff0d,0 20px 60px #00000080,0 0 40px #e945601a;outline:none;image-rendering:pixelated;max-width:100%;height:auto}.game-canvas:focus{box-shadow:0 0 0 2px var(--accent),0 20px 60px #00000080,0 0 40px #e9456033}.game-controls{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.control-group{font-size:.65rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;letter-spacing:.03em}kbd{display:inline-block;padding:.2rem .5rem;font-size:.6rem;font-family:inherit;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 2px #0000004d;line-height:1.4}@media(max-width:840px){.game-wrapper{padding:1rem}.game-canvas{border-width:2px}.game-controls{gap:1rem}}@media(max-width:500px){.game-controls{flex-direction:column;align-items:center;gap:.5rem}}