:root{font-family:system-ui;color:#fff;background:#080510}*{box-sizing:border-box}body{margin:0;text-align:center;background:radial-gradient(circle at top,#47216b,#080510 60%)}main{max-width:520px;margin:auto;padding:18px}h1{color:#ffd54a;text-transform:uppercase;font-size:28px}#lane{height:500px;border:8px solid #d6a93c;border-radius:45% 45% 20px 20px;background:linear-gradient(#25113c,#5a2b19);position:relative;overflow:hidden}.holes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:35px}.holes b{display:grid;place-items:center;height:70px;border-radius:50%;background:#050505;border:5px solid #ffd54a;color:#ffd54a;font-size:24px}.holes b.selected{box-shadow:0 0 24px #fff;background:#622f88}#ball{position:absolute;bottom:20px;left:calc(50% - 24px);font-size:48px;transition:transform 1s cubic-bezier(.2,.8,.3,1)}button{margin:16px;padding:16px 30px;border:0;border-radius:12px;background:#ffd54a;font-weight:900;font-size:18px}button:disabled{opacity:.45}.help{opacity:.8}