body,ul{padding:0}.input-group,body,li{display:flex}input,li{padding:.5rem}#spinBtn,h1{margin-top:1rem}body{font-family:'Comic Sans MS',cursive,sans-serif;margin:0;background:radial-gradient(circle at center,#fdf6e3,#f0e6d2);flex-direction:column;align-items:center}h1{font-size:2.5rem;color:#ff6f61;text-shadow:1px 1px #fff}button,input{font-size:1rem}.input-group{margin:1rem 0;gap:.5rem}input{border-radius:6px;border:1px solid #ccc}button{padding:.5rem 1rem;cursor:pointer;border-radius:6px;border:none;background-color:#ff6f61;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}ul{list-style:none;margin:1rem 0}li{justify-content:space-between;border:1px solid #ccc;margin-bottom:.5rem;border-radius:4px;background-color:#fffaf0}.wheel-container{position:relative;margin:2rem auto}.arrow,.confetti{position:absolute;left:50%}#wheelCanvas{width:80vw;height:80vw;max-width:300px;max-height:300px}.arrow{top:-20px;transform:translateX(-50%) rotate(180deg);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:25px solid #222;z-index:10}#spinBtn{background:#28a745;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:1.2rem;box-shadow:0 3px 6px rgba(0,0,0,.3)}#spinBtn:hover{background:#218838}#result{margin-top:1.5rem;font-size:1.6rem;font-weight:700;color:#d63384;transform:scale(1);transition:transform .3s ease-in-out}#result.bounce{animation:.6s forwards bounce}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}.confetti{width:6px;height:6px;background-color:#fc0;top:50%;animation:1s ease-out forwards confetti}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(720deg);opacity:0}}