.dr-wheel{--hot:#ff8a4a;--gold-hot:#ffdc7a;border-radius:var(--radius-panel);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;position:relative}.dr-wheel[data-ready]{cursor:pointer}.dr-wheel:focus-visible{outline:2px solid var(--color-gold);outline-offset:6px}.dr-wheel[data-locked]{cursor:pointer}.dr-bleed{justify-items:center;width:100%;display:grid;overflow-x:clip}.dr-wheel{max-width:var(--wheel-max,24rem)}.dr-wheel>*{pointer-events:none;position:absolute}@keyframes dr-breathe{0%,to{opacity:.22}50%{opacity:.42}}@keyframes dr-spin{to{rotate:360deg}}.dr-hoverGlow{left:50%;top:var(--cy,46%);aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklab, var(--color-gold) 30%, transparent), transparent 60%);opacity:0;border-radius:50%;width:125%;transition:opacity .3s;translate:-50% -50%}@media (hover:hover){[data-ready]:hover>.dr-hoverGlow{opacity:1}}.dr-halo,.dr-rays{left:50%;top:var(--cy);aspect-ratio:1;border-radius:50%;translate:-50% -50%}.dr-halo{background:radial-gradient(circle, color-mix(in oklab, var(--tier,var(--color-accent)) 50%, transparent) 0, transparent 60%);opacity:.3;width:135%}.dr-wheel[data-live] .dr-halo{animation:4.5s ease-in-out infinite dr-breathe}.dr-rays{opacity:0;background:repeating-conic-gradient(color-mix(in oklab, var(--tier,var(--color-gold)) 75%, transparent) 0deg 4deg, transparent 4deg 18deg);width:190%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 66%);mask:radial-gradient(circle,#000 18%,#0000 66%)}.dr-face{left:50%;top:var(--cy);aspect-ratio:1;transform:translate(-50%, -50%) scaleY(var(--sy));background:#120b08;border-radius:50%;overflow:hidden}.dr-spin{will-change:transform;position:absolute;inset:0}.dr-layer{width:100%;height:100%;display:block;position:absolute;inset:0}.dr-mblur{opacity:0;will-change:opacity}.dr-shade{background:radial-gradient(circle at 34% 22%,#ffecd229,#0000 42%),radial-gradient(circle,#ffbe781a,#0000 36%),radial-gradient(circle,#0000 60%,#00000052 100%);border-radius:50%;position:absolute;inset:0}.dr-frame{width:100%;height:100%;inset:0}.dr-sweep{mix-blend-mode:screen;inset:0;overflow:hidden;-webkit-mask:url(/rewards/wheel-frame-400w.webp) 0 0/100% 100% no-repeat;mask:url(/rewards/wheel-frame-400w.webp) 0 0/100% 100% no-repeat}.dr-sweep i{background:linear-gradient(100deg,#0000 20%,#fff6dcd9 50%,#0000 80%);width:40%;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-120%)skew(-12deg)}.dr-wheel[data-live] .dr-sweep i{animation:6s cubic-bezier(.45,.05,.25,1) 1.2s infinite dr-sweep}@keyframes dr-sweep{0%{transform:translate(-120%)skew(-12deg)}26%,to{transform:translate(330%)skew(-12deg)}}.dr-bulbs{inset:0}.dr-bulb{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#fff4d6,#e7a54a 55%,#7a3d0e);border-radius:50%;width:2.9%;position:absolute;translate:-50% -50%}.dr-bulb i{aspect-ratio:1;opacity:.35;background:radial-gradient(circle, #fff 0 9%, color-mix(in oklab, var(--bulb,var(--gold-hot)) 90%, #fff) 14%, color-mix(in oklab, var(--bulb,var(--gold-hot)) 45%, transparent) 26%, transparent 62%);border-radius:50%;width:520%;position:absolute;top:50%;left:50%;translate:-50% -50%}.dr-wheel[data-live] .dr-bulb i{animation:2.4s linear infinite dr-chase;animation-delay:calc(var(--i) * -.1s)}.dr-wheel[data-live][data-state=spinning] .dr-bulb i{animation-duration:.6s;animation-delay:calc(var(--i) * -.025s)}.dr-wheel[data-state=won] .dr-bulb{--bulb:var(--tier)}.dr-wheel[data-live][data-state=won] .dr-bulb i{animation:.36s step-end infinite dr-blink;animation-delay:calc(var(--odd) * -.18s)}.dr-wheel[data-live][data-cooling]:not([data-state=won]) .dr-bulb i{animation-duration:5s}@keyframes dr-chase{0%,62%{opacity:.12}72%{opacity:1}88%{opacity:.45}to{opacity:.12}}@keyframes dr-blink{0%{opacity:1}50%{opacity:.08}}.dr-gem{aspect-ratio:1;mix-blend-mode:screen;opacity:.3;background:radial-gradient(circle, #ffecc8e6, color-mix(in oklab, var(--color-accent) 60%, transparent) 30%, transparent 66%);border-radius:50%;translate:-50% -50%}.dr-wheel[data-live] .dr-gem{animation:2.2s ease-in-out infinite dr-breathe}.dr-wheel[data-live][data-ready] .dr-pointer,.dr-wheel[data-live][data-locked] .dr-pointer{animation:4.5s ease-in-out 1.5s infinite dr-invite}.dr-sway,.dr-tug{position:absolute;inset:0}.dr-wheel[data-live][data-locked] .dr-sway{animation:7s ease-in-out infinite dr-drift}@keyframes dr-drift{0%,to{rotate:-5deg}50%{rotate:5deg}}.dr-tag{z-index:3;white-space:nowrap;color:#2a1404;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#ffe39a,#f2b843);border-radius:999px;align-items:center;gap:6px;width:max-content;padding:5px 11px 5px 7px;font-size:12px;font-weight:800;display:inline-flex;left:50%;translate:-50%;box-shadow:0 8px 20px -8px #000c,0 0 24px -4px #ffc85ab3}.dr-tag img{width:18px;height:18px}.dr-wheel[data-live] .dr-tag{animation:2.6s ease-in-out infinite dr-bob}@keyframes dr-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dr-tip{z-index:4;white-space:nowrap;background:var(--color-paper);color:var(--color-ink-950);opacity:0;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700;top:2%;left:50%;translate:-50%;box-shadow:0 8px 24px -8px #000c}.dr-tip:after{content:"";background:var(--color-paper);width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;left:50%;rotate:45deg}@keyframes dr-invite{0%,86%,to{transform:rotate(0)}89%{transform:rotate(-12deg)}92%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}.dr-sparks{inset:-6%}.dr-star{width:var(--s,16px);height:var(--s,16px);margin:calc(var(--s,16px) / -2);opacity:0;position:absolute}.dr-star svg{width:100%;height:100%;display:block;overflow:visible}[data-live] .dr-star{animation:dr-twinkle var(--d,2.4s) var(--delay,0s) ease-in-out infinite}@keyframes dr-twinkle{0%,to{opacity:0;transform:scale(.15)rotate(0)}40%{opacity:1;transform:scale(1)rotate(40deg)}55%{opacity:.85;transform:scale(.8)rotate(55deg)}80%{opacity:0;transform:scale(.2)rotate(90deg)}}.dr-plaque{left:var(--x);top:var(--y);z-index:2;border-radius:var(--radius-panel);border:1px solid color-mix(in oklab, var(--tier) 60%, transparent);width:max-content;box-shadow:0 18px 40px -14px #000000e6, 0 0 48px -12px var(--tier), inset 0 1px 0 #ffffff14;background:linear-gradient(#261b14f2,#0e0b09f2);justify-items:center;gap:7px;padding:12px 22px 13px 16px;animation:.56s cubic-bezier(.2,.9,.3,1.2) both dr-plaque-in,.5s 5.2s forwards dr-plaque-out;display:grid;overflow:hidden;transform:translate(-50%,-50%)}@keyframes dr-plaque-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}45%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes dr-plaque-out{to{opacity:0}}.dr-plaque[data-shine]:after{content:"";background:linear-gradient(105deg,#0000 35%,#fffaeb38 50%,#0000 65%);animation:1.1s ease-out .3s forwards dr-shine;position:absolute;inset:0;transform:translate(-110%)}@keyframes dr-shine{to{transform:translate(110%)}}.dr-plaqueRow{align-items:center;gap:10px;display:flex}.dr-plaqueCoin{width:clamp(30px,6.5vw,40px);height:clamp(30px,6.5vw,40px)}.dr-amount{color:var(--tier);font-variant-numeric:tabular-nums;text-align:left;text-shadow:0 2px 0 #0000008c, 0 0 22px color-mix(in oklab, var(--tier) 40%, transparent);font-size:clamp(38px,8.4vw,54px);line-height:1}.dr-tierBadge{background:var(--tier);color:var(--color-ink-950);letter-spacing:.22em;text-transform:uppercase;border-radius:999px;padding:4px 8px 4px 10px;font-size:11px;font-weight:800;line-height:1}.dr-badges{align-items:center;gap:6px;display:flex}.dr-double{color:#2a1404;letter-spacing:.06em;background:linear-gradient(#ffe39a,#f2b843);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,.9,.3,1.5) 1s both dr-double-pop;box-shadow:0 0 18px -4px #ffc85acc}@keyframes dr-double-pop{0%{opacity:0;transform:scale(2.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}.dr-cooldown{border-radius:var(--radius-panel);background:linear-gradient(180deg, color-mix(in oklab, var(--color-ink-800) 85%, transparent), var(--color-ink-950));border:1px solid #f2ede31a;gap:7px;width:100%;padding:12px 14px;display:grid;box-shadow:0 14px 30px -18px #000000e6}.dr-cdHead,.dr-cdFoot{justify-content:space-between;align-items:center;gap:10px;display:flex}.dr-cdTitle{align-items:center;gap:6px;display:inline-flex}.dr-cdWon{color:var(--color-paper-mute);white-space:nowrap;font-size:12.5px}.dr-cdWon b{color:var(--tier,var(--color-paper));font-variant-numeric:tabular-nums;font-weight:800}.dr-cdDouble{color:#2a1404;background:linear-gradient(#ffe39a,#f2b843);border-radius:999px;margin-left:5px;padding:2px 6px;font-size:10.5px;font-style:normal;font-weight:900}.dr-cdFoot .dr-cdNextDouble{color:var(--color-gold);text-align:right;font-weight:800}.dr-cdTime{color:var(--color-paper);font-variant-numeric:tabular-nums;font-size:clamp(30px,8vw,38px);line-height:1}.dr-cdBar{background:var(--color-ink-700);border-radius:2px;height:4px;overflow:hidden}.dr-cdBar i{background:linear-gradient(90deg, var(--color-accent), var(--color-gold));transform-origin:0;height:100%;transition:transform .9s linear;display:block}.dr-cdFoot{color:var(--color-paper-mute);font-size:12.5px}.dr-cdFoot b{color:var(--color-paper-dim);font-weight:700}.dr-wheel[data-offscreen] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.dr-wheel *,.dr-plaque,.dr-plaque:after,.dr-double{transition:none!important;animation:none!important}}