*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#f7f7f7;font-family:Arial,sans-serif;color:#333}.container{display:flex;flex-direction:column;align-items:center;padding:1.5rem}h1{font-size:2rem;margin-bottom:.5rem}.hud{font-size:1.1rem;margin-bottom:.75rem}.game-wrap{position:relative}canvas{border:2px solid #333;display:block}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;color:#fff;font-size:2rem;gap:.5rem}.game-over p{margin:0}.game-over button{margin-top:.5rem;padding:.5rem 1.5rem;font-size:1.1rem;border:none;border-radius:6px;background:#2196f3;color:#fff;cursor:pointer;font-weight:700}.game-over button:hover{background:#1976d2}.hint{margin-top:10px;font-size:.9rem;opacity:.7}