.wheel-modal{--ULd:200;--Arf:cubic-bezier(0.22, 1, 0.36, 1);--qUa:env(safe-area-inset-top, 0px);--q3o:#8f8f8f;--EqB:8px;--olM:0.14s;--cDd:#ffffff;--GXP:600;--crq:700;--WBG:#1a1a1a;--line:#262b33}.wheel-modal[hidden]{display:none}.wheel-modal{z-index:var(--ULd);padding:24px;flex-direction:column;align-items:center;position:fixed;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.93);display:flex;inset:0;animation:IlW .2s var(--Arf)}.wheel-modal.closing{animation:IlW .2s var(--Arf) reverse forwards}@keyframes IlW{from{opacity:0}to{opacity:1}}.wheel-close{height:36px;display:grid;right:14px;color:var(--q3o);place-items:center;width:36px;position:absolute;transition:color var(--olM) var(--Arf);border-radius:var(--EqB);top:calc(var(--qUa) + 12px)}.wheel-close:active{color:var(--cDd)}.ETW{text-align:center;margin-bottom:16px}.OlO{text-transform:uppercase;text-shadow:0 2px 10px rgba(255,215,0,.32);letter-spacing:-.02em;font-size:clamp(30px, 9vw, 46px);font-weight:900;color:gold}.i13{letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:var(--GXP);color:rgba(255,255,255,.4);margin-top:6px}.wheel-wheel-wrap{filter:drop-shadow(0 6px 22px rgba(0, 0, 0, .6));margin:4px 0 2px;width:min(86vw,440px,calc(100dvh - 300px));position:relative;aspect-ratio:1}.wheel-dirt,.wheel-rim,.wheel-wheel{pointer-events:none;image-rendering:pixelated;position:absolute}.wheel-rim,.wheel-wheel{height:100%;width:100%;inset:0}.wheel-wheel{will-change:transform;transform-origin:50% 50%;transition:transform 7s cubic-bezier(.16, .84, .26, 1)}.wheel-dirt{width:20.4%;border:3px solid #3b2210;border-radius:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;object-fit:cover;z-index:1;top:50%;height:20.4%}.wheel-pig{position:absolute;left:50%;pointer-events:none;transform:translate(-50%,-50%);height:21%;object-fit:contain;width:21%;z-index:2;top:50%;image-rendering:pixelated}.wheel-pointer{position:absolute;pointer-events:none;z-index:3;top:-16px;filter:drop-shadow(0 2px 6px rgba(255, 215, 0, .5));transform:translateX(-50%);left:50%}.wheel-btn{letter-spacing:.04em;box-shadow:0 4px 0 #8b6508,0 6px 16px rgba(0,0,0,.4);width:min(78vw,290px);color:var(--cDd);transition:filter var(--olM) var(--Arf),transform var(--olM) var(--Arf),box-shadow var(--olM) var(--Arf);background:gold;font-size:22px;font-weight:900;margin-top:22px;height:60px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.32);border-radius:var(--EqB);border:2px solid #b8860b}.wheel-btn:not(:disabled):hover{filter:brightness(.94)}.wheel-btn:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px 0 #8b6508,0 3px 10px rgba(0,0,0,.4)}.wheel-btn.cooldown{color:var(--q3o);background:var(--WBG);text-shadow:none;font-size:19px;font-variant-numeric:tabular-nums;border-color:var(--line);box-shadow:none;letter-spacing:.06em}.wheel-foot{display:flex;align-items:center;gap:18px;margin-top:20px;font-size:13px;font-weight:500}.wheel-foot-stat{display:inline-flex;gap:6px;align-items:center}.wheel-foot-coin{width:16px;image-rendering:pixelated;height:16px}.wheel-foot-label{color:rgba(255,255,255,.5)}.wheel-foot-won{color:gold;font-weight:var(--crq)}@media (prefers-reduced-motion:reduce){.wheel-modal{--olM:0.001s}.wheel-wheel{transition-duration:2s!important}}.wheel-confetti{z-index:5;position:fixed;pointer-events:none;overflow:hidden;inset:0}.wheel-confetti-piece{opacity:0;animation-name:Gn5;animation-timing-function:cubic-bezier(0.3,0.6,0.5,1);animation-fill-mode:forwards;top:-1rem;position:absolute;width:.6rem;border-radius:.1rem;height:.9rem}@keyframes Gn5{0%{transform:translate3d(0,0,0) rotate(0);opacity:1}100%{transform:translate3d(var(--drift,0),calc(100dvh + 3rem),0) rotate(var(--spin,360deg));opacity:1}}.wheel-modal.won .wheel-rim{animation:Y3K .5s ease-in-out 3}@keyframes Y3K{0%,100%{filter:none}50%{filter:drop-shadow(0 0 .8rem #ffd700)}}