*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif}html,body,#root{width:100%;height:100vh;overflow:hidden;background:#111;color:#eee}#root{display:flex;flex-direction:column;align-items:center;justify-content:center}canvas{display:block;border:2px solid #333;border-radius:8px;image-rendering:pixelated}.hud{display:flex;gap:2rem;font-size:1rem;font-weight:600;padding:.5rem 1rem;margin-bottom:.5rem;color:#fff}.hud span{min-width:100px}.title-screen,.game-over-screen,.win-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.title-screen h1{font-size:3rem;color:#f5c842;text-shadow:3px 3px 0 #a06000;letter-spacing:.05em}.title-screen p,.game-over-screen p,.win-screen p{color:#aaa;font-size:1.1rem}.btn{padding:.75rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;background:#f5c842;color:#111;transition:transform .1s}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.97)}.game-over-screen h1{font-size:2.5rem;color:#e74c3c}.win-screen h1{font-size:2.5rem;color:#2ecc71}.controls-info{color:#777;font-size:.85rem;margin-top:.5rem}