.pricing-roulette{background:linear-gradient(135deg, rgba(var(--gold-primary), .08), rgba(var(--gold-dark), .12));border:1px solid rgba(var(--gold-primary), .3);text-align:center;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;display:flex;position:relative;overflow:hidden}.pricing-roulette__title{color:rgb(var(--gold-primary));font-size:1.125rem;font-weight:600}.pricing-roulette--skeleton{pointer-events:none}.pricing-roulette__skeleton-title,.pricing-roulette__skeleton-reel,.pricing-roulette__skeleton-button{background:linear-gradient(90deg, rgba(var(--gold-dark), .08), rgba(var(--gold-dark), .18), rgba(var(--gold-dark), .08));background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite roulette-shimmer}.pricing-roulette__skeleton-title{width:60%;height:18px;margin:0 auto}.pricing-roulette__skeleton-reel{border-radius:50%;width:80px;height:80px;margin:0 auto}.pricing-roulette__skeleton-button{border-radius:9999px;width:200px;height:36px;margin:0 auto}.pricing-roulette__reel{background:radial-gradient(circle, rgba(var(--gold-primary), .25), rgba(var(--gold-dark), .15));border:2px solid rgba(var(--gold-primary), .4);width:80px;height:80px;box-shadow:inset 0 2px 6px #0000004d,0 2px 8px rgba(var(--gold-primary), .2);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;transition:transform .3s;display:inline-flex}.pricing-roulette__reel--spinning{animation:.35s ease-in-out infinite roulette-pulse}.pricing-roulette__reel--revealing{animation:.5s ease-out roulette-settle}.pricing-roulette__symbol{font-size:38px;line-height:1;display:inline-block}.pricing-roulette__reel--spinning .pricing-roulette__symbol{animation:90ms linear infinite roulette-symbol-flicker}.pricing-roulette__button{font-family:var(--font-inter);cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.6;text-decoration:none;transition:all .3s;display:inline-flex}.pricing-roulette__button:disabled{opacity:.5;cursor:not-allowed}.pricing-roulette__button{background-color:rgb(var(--gold-primary));color:rgb(var(--text-inverse));border-color:rgb(var(--gold-primary))}.pricing-roulette__button:hover:not(:disabled){background-color:rgb(var(--gold-bright));border-color:rgb(var(--gold-bright));color:rgb(var(--text-inverse));box-shadow:0 4px 16px rgba(var(--gold-primary), .2)}.pricing-roulette__button{align-self:center;min-width:200px;padding:.5rem 1.5rem;font-size:.875rem;position:relative;overflow:hidden}.pricing-roulette__button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.pricing-roulette__button:hover:before{left:100%}.pricing-roulette__button--spinning{cursor:wait;animation:.6s ease-in-out infinite roulette-button-pulse}.pricing-roulette__button:disabled{cursor:not-allowed}.pricing-roulette__hint{color:rgb(var(--text-secondary));font-size:.75rem}.pricing-roulette__error{color:#e74c3c;font-size:.75rem}.pricing-roulette--won{background:linear-gradient(135deg, rgba(var(--gold-primary), .2), rgba(var(--gold-primary), .35));border-color:rgb(var(--gold-primary));animation:.6s cubic-bezier(.34,1.56,.64,1) roulette-win-enter}.pricing-roulette--lost{background:rgba(var(--text-secondary), .05);border-color:rgba(var(--gold-dark), .2);animation:.4s ease-out roulette-lost-enter}.pricing-roulette__badge{color:rgb(var(--gold-primary));font-size:1.125rem;font-weight:700}.pricing-roulette__badge--win{font-size:1.25rem;animation:.8s ease-out roulette-badge-bounce}.pricing-roulette__message{color:rgb(var(--text-primary));font-size:.875rem}.pricing-roulette__prices{justify-content:center;align-items:baseline;gap:.5rem;display:flex}.pricing-roulette__old{color:rgb(var(--text-secondary));font-size:1.125rem;text-decoration:line-through}.pricing-roulette__new{color:rgb(var(--gold-primary));font-size:1.5rem;font-weight:700;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both roulette-price-pop}.pricing-roulette__confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pricing-roulette__confetti-piece{opacity:0;border-radius:2px;width:8px;height:14px;animation:1.8s cubic-bezier(.12,.62,.4,1) forwards roulette-confetti;position:absolute;top:40%;left:50%}.pricing-roulette__confetti-piece--0{--tx:-80px;--ty:-60px;background-color:#f59e0b;animation-delay:0s}.pricing-roulette__confetti-piece--1{--tx:60px;--ty:-80px;background-color:#fbbf24;animation-delay:20ms}.pricing-roulette__confetti-piece--2{--tx:-120px;--ty:-20px;background-color:#fcd34d;animation-delay:40ms}.pricing-roulette__confetti-piece--3{--tx:100px;--ty:-40px;background-color:#ef4444;animation-delay:60ms}.pricing-roulette__confetti-piece--4{--tx:-40px;--ty:-100px;background-color:#10b981;animation-delay:80ms}.pricing-roulette__confetti-piece--5{--tx:80px;--ty:50px;background-color:#3b82f6;animation-delay:.1s}.pricing-roulette__confetti-piece--6{--tx:-60px;--ty:70px;background-color:#a855f7;animation-delay:.12s}.pricing-roulette__confetti-piece--7{--tx:110px;--ty:30px;background-color:#f59e0b;animation-delay:.14s}.pricing-roulette__confetti-piece--8{--tx:-100px;--ty:60px;background-color:#fcd34d;animation-delay:.16s}.pricing-roulette__confetti-piece--9{--tx:40px;--ty:90px;background-color:#ef4444;animation-delay:.18s}.pricing-roulette__confetti-piece--10{--tx:-80px;--ty:-90px;background-color:#10b981;animation-delay:.2s}.pricing-roulette__confetti-piece--11{--tx:90px;--ty:-20px;background-color:#3b82f6;animation-delay:.22s}.pricing-roulette__confetti-piece--12{--tx:-120px;--ty:50px;background-color:#a855f7;animation-delay:.24s}.pricing-roulette__confetti-piece--13{--tx:50px;--ty:-110px;background-color:#fbbf24;animation-delay:.26s}.pricing-roulette__confetti-piece--14{--tx:-30px;--ty:100px;background-color:#f59e0b;animation-delay:.28s}.pricing-roulette__confetti-piece--15{--tx:120px;--ty:60px;background-color:#fcd34d;animation-delay:.3s}.pricing-roulette__confetti-piece--16{--tx:-110px;--ty:-40px;background-color:#10b981;animation-delay:.32s}.pricing-roulette__confetti-piece--17{--tx:30px;--ty:-90px;background-color:#ef4444;animation-delay:.34s}@keyframes roulette-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes roulette-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes roulette-symbol-flicker{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}@keyframes roulette-settle{0%{transform:scale(1.2)rotate(-5deg)}60%{transform:scale(.95)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes roulette-button-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--gold-primary), .4);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(var(--gold-primary), 0);transform:scale(1.03)}}@keyframes roulette-win-enter{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes roulette-lost-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes roulette-badge-bounce{0%{transform:scale(0)rotate(-20deg)}60%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes roulette-price-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes roulette-confetti{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) rotate(720deg)}}
