*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#000;font-family:Arial,sans-serif}.app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem 1rem}h1{font-size:2rem;margin-bottom:.5rem;color:#fff}.score{color:#fff;font-size:1.5rem;margin-bottom:.75rem}canvas{border:3px solid #4CAF50;background:linear-gradient(#1a1a1a,#333);cursor:crosshair}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:10}.overlay-card{background:#222;padding:2.5rem 3rem;border-radius:1rem;text-align:center;box-shadow:0 8px 32px #00000080}.overlay-card h2{font-size:1.75rem;margin-bottom:.5rem;color:#fff}.overlay-card p{color:#ccc;margin-bottom:1.25rem;font-size:1.1rem}.overlay-card button{padding:.6rem 1.5rem;font-size:1rem;border:none;border-radius:.5rem;background:#4caf50;color:#fff;cursor:pointer;font-weight:600}.overlay-card button:hover{background:#388e3c}