:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:tan;background-image:radial-gradient(circle at center,wheat,tan);overflow:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{width:100%;height:100vh;position:relative}#score{position:absolute;top:2rem;left:2rem;font-size:2.5rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 20px rgba(0,0,0,.3);pointer-events:none;background:#0003;padding:1rem 2rem;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003;z-index:10}#start-screen,#victory{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal{background:#ffffff0d;padding:4rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1);text-align:center;max-width:600px;box-shadow:0 20px 50px #00000080}h1{font-size:5rem;margin:0 0 2rem;letter-spacing:.2em;background:linear-gradient(to right,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rules{text-align:left;margin-bottom:3rem;line-height:1.8}.rules ul{padding-left:1.5rem}.rules li{margin-bottom:.8rem}.controls{margin-top:2rem;font-size:.9rem;color:gold;text-align:center;font-weight:800;letter-spacing:.1em}button{padding:1.5rem 4rem;font-size:1.5rem;font-weight:700;background:gold;color:#000;border:none;border-radius:3rem;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}button:hover{transform:scale(1.05);background:#fff;box-shadow:0 0 30px #ffd70066}canvas{display:block}