/* Flavor spinner visual upgrade: keep the accurate wheel logic, make every choice feel like a flavor. */
.wheel{box-shadow:0 34px 78px rgba(0,0,0,.34),0 0 0 4px rgba(255,243,223,.18)!important}
.wheel{background:conic-gradient(#ed7d14 0 32.727deg,#ffd12d 32.727deg 65.454deg,#f5bf78 65.454deg 98.181deg,#ff9e1b 98.181deg 130.908deg,#fff1d8 130.908deg 163.635deg,#ed7d14 163.635deg 196.362deg,#ffd12d 196.362deg 229.089deg,#f5bf78 229.089deg 261.816deg,#ff9e1b 261.816deg 294.543deg,#fff1d8 294.543deg 327.27deg,#7e1e1d 327.27deg 360deg)!important}
.wheel:after{content:"";position:absolute;inset:5%;border-radius:50%;pointer-events:none;opacity:.18;background:radial-gradient(circle at 18% 23%,rgba(126,30,29,.7) 0 2px,transparent 2.5px),radial-gradient(circle at 73% 18%,rgba(255,243,223,.9) 0 2px,transparent 2.5px),radial-gradient(circle at 82% 68%,rgba(126,30,29,.55) 0 2px,transparent 2.5px),radial-gradient(circle at 31% 79%,rgba(255,243,223,.8) 0 2px,transparent 2.5px);background-size:62px 62px,78px 78px,70px 70px,86px 86px}
.wheel .wl10{width:88px!important;min-height:66px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px;border:1px solid rgba(33,21,18,.2);border-radius:18px;background:rgba(255,243,223,.92);box-shadow:0 6px 14px rgba(69,31,9,.18);font-size:11px!important;line-height:.94!important;letter-spacing:.015em!important;text-shadow:none!important;transition:background .2s,box-shadow .2s,transform .2s,opacity .2s;color:var(--d)!important}
.wheel .wl10 .spin-icon{display:block;font-size:21px;line-height:1;filter:none}
.wheel .wl10 .spin-short{display:block;max-width:78px;font-family:Anton,Impact,sans-serif;font-size:10px;line-height:.92;text-transform:uppercase;text-align:center}
.wheel .wl10.selected{z-index:4;background:var(--d);color:var(--c)!important;border-color:var(--c);box-shadow:0 0 0 3px var(--c),0 9px 20px rgba(0,0,0,.3);transform:translate(-50%,-50%) scale(1.12)!important}
.wheel-wrap.is-spinning .wl10{opacity:.72;box-shadow:none}
.wheel-wrap.is-spinning .wl10.selected{transform:translate(-50%,-50%)!important;background:rgba(255,243,223,.78);color:var(--d)!important;box-shadow:none}
.spin-center{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;padding:12px!important;overflow:hidden}
.spin-center .spin-btn-icon{font-size:25px;line-height:1;margin-bottom:2px;transition:transform .2s}
.spin-center strong{display:block;font:400 clamp(25px,2.4vw,35px)/.88 Anton,Impact,sans-serif;letter-spacing:.02em}
.spin-center small{display:block;margin-top:5px;font:800 8px/1 "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,243,223,.66)}
.spin-center:hover .spin-btn-icon{transform:rotate(-8deg) scale(1.08)}
.spin-center:disabled .spin-btn-icon{animation:spinPizza .55s linear infinite}
@keyframes spinPizza{to{transform:rotate(360deg)}}
.wheel-wrap.is-spinning .pointer{animation:pointerTick .18s ease-in-out infinite alternate;transform-origin:100% 50%}
@keyframes pointerTick{to{transform:translateY(-50%) rotate(-7deg)}}
.result{position:relative;overflow:hidden;transition:background .25s,border-color .25s,transform .25s}
.result.has-pick{background:rgba(255,243,223,.1);border-color:rgba(255,243,223,.72);transform:translateY(-2px)}
.spin-detail{display:grid;grid-template-columns:68px 1fr;gap:14px;align-items:center;margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,243,223,.24)}
.spin-detail-icon{width:68px;height:68px;border-radius:50%;background:var(--y);display:grid;place-items:center;font-size:26px;box-shadow:4px 4px 0 rgba(33,21,18,.55)}
.spin-detail-copy{font-size:11px;line-height:1.42;color:rgba(255,243,223,.78)}
.spin-detail-copy b{display:block;margin-bottom:2px;font-size:12px;color:var(--c)}
.result.is-spinning .spin-detail-icon{animation:spinPizza .55s linear infinite}
@media(max-width:620px){.wheel .wl10{width:70px!important;min-height:57px;padding:4px;border-radius:14px}.wheel .wl10 .spin-icon{font-size:17px}.wheel .wl10 .spin-short{max-width:62px;font-size:8.5px}.spin-center .spin-btn-icon{font-size:21px}.spin-center small{display:none}.spin-detail{grid-template-columns:54px 1fr}.spin-detail-icon{width:54px;height:54px;font-size:22px}}
@media(max-width:390px){.wheel .wl10{width:62px!important;min-height:51px}.wheel .wl10 .spin-short{font-size:7.5px}.wheel .wl10 .spin-icon{font-size:15px}}