.target-card>button{height:18px;margin-top:4px;padding:0 6px;border:0;border-radius:4px;color:#1b1600;background:#ffd914;font-size:8px;font-weight:900}.auth-state>button{height:45px;padding:0 18px;border:0;border-radius:8px;color:#191600;background:#ffd914;font-weight:800;font-size:14px}
/* One static win sector; the white arrow makes a staged, physical-feeling spin. */
.wheel{width:290px;height:290px;background:#1b1c20;filter:drop-shadow(0 13px 16px #0008)}.wheel:before{display:none}.wheel:after{inset:0;background:conic-gradient(from calc(180deg - var(--half)*1deg),#ffd914 0deg calc(var(--chance)*3.6deg),#ff8c16 calc(var(--chance)*3.6deg + 5deg),#292a2f calc(var(--chance)*3.6deg + 7deg),#292a2f 360deg);-webkit-mask:radial-gradient(circle,transparent 0 61%,#000 62%);mask:radial-gradient(circle,transparent 0 61%,#000 62%)}.wheel-fill{display:none}.wheel-center{width:150px;height:100px;border:0;border-radius:0;background:transparent;box-shadow:none}.wheel-center .chevrons{width:58px;height:50px}.wheel-center .chevrons:after{inset:20px 0 -20px}.wheel-center strong{font-size:24px}.pointer{position:absolute;z-index:9;top:50%;bottom:auto;left:50%;display:block;width:0;height:0;font-size:0;transform:translate(-50%,-50%) rotate(180deg) translateY(-142px);transform-origin:center;filter:drop-shadow(0 3px 3px #000)}.pointer:before{display:block;width:0;height:0;border-right:3px solid transparent;border-bottom:21px solid #fff;border-left:3px solid transparent;content:''}.wheel-result{position:absolute;z-index:8;inset:70px;display:none;place-content:center;color:#fff;background:#101114e8;text-align:center;font-weight:900;font-size:19px;letter-spacing:1px}.wheel-result small{display:block;margin-top:6px;color:#aaa;font-size:9px;letter-spacing:.6px}.wheel.spinning .wheel-result{display:grid}.pointer.rolling{animation:arrow-spin 3.7s forwards}.wheel-result.win{display:grid;color:#ffd914;background:#25240edb}.wheel-result.lose{display:grid;color:#ff7770;background:#2a1518e8}.zone-label{height:18px;margin-top:5px;color:#ffd914;font-size:9px;font-weight:900;letter-spacing:1.2px;text-align:center}@keyframes arrow-spin{0%{transform:translate(-50%,-50%) rotate(180deg) translateY(-142px);animation-timing-function:cubic-bezier(.45,0,.9,.25)}16%{transform:translate(-50%,-50%) rotate(var(--spin-a)) translateY(-142px);animation-timing-function:cubic-bezier(.08,.7,.2,1)}58%{transform:translate(-50%,-50%) rotate(var(--spin-b)) translateY(-142px);animation-timing-function:cubic-bezier(.15,.72,.2,1)}84%{transform:translate(-50%,-50%) rotate(var(--spin-c)) translateY(-142px);animation-timing-function:cubic-bezier(.2,.8,.3,1)}100%{transform:translate(-50%,-50%) rotate(var(--arrow-to)) translateY(-142px)}}