@everymatrix/mini-games-hub 0.2.6 → 0.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/components/CoinFlip-BOrc1Sgy.cjs +1 -0
  2. package/components/CoinFlip-DgM6tDy5.js +390 -0
  3. package/components/CoinFlip-DiCOvx3Q.cjs +1 -0
  4. package/components/CoinFlip-uc2aguuz.js +355 -0
  5. package/components/CoinRoyale-BH73ZSrU.cjs +734 -0
  6. package/components/CoinRoyale-Bkr3Rd-u.cjs +734 -0
  7. package/components/CoinRoyale-DLL1bCAy.js +1032 -0
  8. package/components/CoinRoyale-fp-xfwl2.js +994 -0
  9. package/components/{GameCard-C-zSlvo1.cjs → GameCard-BiO9Cay-.cjs} +2 -2
  10. package/components/{GameCard-BQ6hFy67.js → GameCard-D78hDMaL.js} +24 -21
  11. package/components/{GameCard-vgoswSWl.cjs → GameCard-Qh_fk15-.cjs} +2 -2
  12. package/components/{GameCard-B3YKo9k6.js → GameCard-jCZ6S2Wu.js} +23 -23
  13. package/components/MiniGamesHub-5tuj6CDm.cjs +16 -0
  14. package/components/{MiniGamesHub-C0q9vZFD.js → MiniGamesHub-Bf2Cd1bB.js} +269 -202
  15. package/components/{MiniGamesHub-D5Y5OYt-.js → MiniGamesHub-KqAdBJEX.js} +231 -167
  16. package/components/MiniGamesHub-SxucWl3S.cjs +16 -0
  17. package/components/{WheelOfFortune-DC57_QGF.js → WheelOfFortune-8HCl7aHv.js} +186 -175
  18. package/components/{WheelOfFortune-u6v6YLc5.js → WheelOfFortune-CBYo6vCg.js} +146 -138
  19. package/components/{WheelOfFortune-2WKhJAdZ.cjs → WheelOfFortune-CDTzbAjp.cjs} +2 -2
  20. package/components/{WheelOfFortune-BJ9iMr53.cjs → WheelOfFortune-XfmUFV3-.cjs} +2 -2
  21. package/components/{WheelOfFortuneDrawResults-BKkTmsVC.cjs → WheelOfFortuneDrawResults-CASEqNiM.cjs} +1 -1
  22. package/components/{WheelOfFortuneDrawResults-D3rgrYi_.js → WheelOfFortuneDrawResults-DqgsImHB.js} +3 -3
  23. package/components/{WheelOfFortuneDrawResults-gx2xkUtF.js → WheelOfFortuneDrawResults-DsfJ3803.js} +3 -3
  24. package/components/{WheelOfFortuneDrawResults-DTufAeXD.cjs → WheelOfFortuneDrawResults-l8iWZa_e.cjs} +1 -1
  25. package/components/WheelOfFortuneHistory-CF8B0i5m.js +213 -0
  26. package/components/WheelOfFortuneHistory-Cnk8otCw.js +213 -0
  27. package/components/WheelOfFortuneHistory-DARohsMs.cjs +12 -0
  28. package/components/WheelOfFortuneHistory-ld2sGzjI.cjs +12 -0
  29. package/components/{WheelOfFortuneRules-DkQOlpqR.js → WheelOfFortuneRules-BZqR4cT9.js} +27 -27
  30. package/components/WheelOfFortuneRules-Bv-d_VAp.cjs +3 -0
  31. package/components/{WheelOfFortuneRules-BM75DT61.js → WheelOfFortuneRules-CRGG3J0S.js} +23 -23
  32. package/components/WheelOfFortuneRules-DLj96pqu.cjs +3 -0
  33. package/components/{WheelOfFortuneWheel-DmTRvIN6.js → WheelOfFortuneWheel-CiyQZNAd.js} +673 -664
  34. package/components/WheelOfFortuneWheel-CrRAYCB1.cjs +3 -0
  35. package/components/WheelOfFortuneWheel-DGD-zfeE.cjs +3 -0
  36. package/components/{WheelOfFortuneWheel-D_tfW-rK.js → WheelOfFortuneWheel-F62aU_CL.js} +186 -178
  37. package/components/bg-scene-Bz42V1FW.cjs +1 -0
  38. package/components/bg-scene-DpHgKCHj.js +4 -0
  39. package/components/coin-heads-BuJOLpyg.cjs +1 -0
  40. package/components/coin-heads-loqcEtH2.js +4 -0
  41. package/components/coin-tails-20vJmhwv.cjs +1 -0
  42. package/components/coin-tails-BTbsTwkz.js +4 -0
  43. package/components/{constants-BYsDpbRv.js → constants-BDSd8ptj.js} +25 -15
  44. package/components/constants-CoPH35Re.cjs +1 -0
  45. package/components/{sparkles-BnriHiyw.cjs → sparkles-9YGw1xiU.cjs} +1 -1
  46. package/components/{sparkles-DplvhrIm.cjs → sparkles-B3XdFovy.cjs} +1 -1
  47. package/components/{sparkles-CSfeD2Zu.js → sparkles-BWGIWWDc.js} +1 -1
  48. package/components/{sparkles-CTrQ372y.js → sparkles-uxV1OTbN.js} +1 -1
  49. package/components/{spin-controller-CIshWmlA.cjs → spin-controller-BXcblJt7.cjs} +1 -1
  50. package/components/{spin-controller-HS3m99tB.cjs → spin-controller-BzO5YNSN.cjs} +1 -1
  51. package/components/{spin-controller-BuBkKrNR.js → spin-controller-CZWa2gmm.js} +2 -2
  52. package/components/{spin-controller-REPdRwaB.js → spin-controller-D3hdDnQ0.js} +2 -2
  53. package/components/{utils-B86dsoC-.js → utils-3LNftCeZ.js} +976 -958
  54. package/components/utils-BxNmJ6YA.cjs +3 -0
  55. package/components/{utils-BtFS7k_l.js → utils-DGrEJJ_K.js} +1063 -1045
  56. package/components/utils-DyVEmMSf.cjs +3 -0
  57. package/es2015/mini-games-hub.cjs +1 -1
  58. package/es2015/mini-games-hub.js +1 -1
  59. package/esnext/mini-games-hub.cjs +1 -1
  60. package/esnext/mini-games-hub.js +1 -1
  61. package/package.json +1 -1
  62. package/components/MiniGamesHub-CfiDjCz7.cjs +0 -16
  63. package/components/MiniGamesHub-DYwmUNTy.cjs +0 -16
  64. package/components/WheelOfFortuneHistory-B-Yadw5p.js +0 -213
  65. package/components/WheelOfFortuneHistory-DdXxYW6M.cjs +0 -12
  66. package/components/WheelOfFortuneHistory-DhFZUmGd.cjs +0 -12
  67. package/components/WheelOfFortuneHistory-IM5H-der.js +0 -213
  68. package/components/WheelOfFortuneRules-D-xnWFIU.cjs +0 -3
  69. package/components/WheelOfFortuneRules-_a2c-LEy.cjs +0 -3
  70. package/components/WheelOfFortuneWheel-CUs0nOjA.cjs +0 -3
  71. package/components/WheelOfFortuneWheel-D9nXwM0H.cjs +0 -3
  72. package/components/constants-DM6Vdc6Z.cjs +0 -1
  73. package/components/utils-By_D2O28.cjs +0 -3
  74. package/components/utils-CSIl6eA7.cjs +0 -3
@@ -0,0 +1,1032 @@
1
+ var Ee = Object.defineProperty, De = Object.defineProperties;
2
+ var Le = Object.getOwnPropertyDescriptors;
3
+ var ge = Object.getOwnPropertySymbols;
4
+ var He = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
5
+ var be = (l, a, o) => a in l ? Ee(l, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : l[a] = o, I = (l, a) => {
6
+ for (var o in a || (a = {}))
7
+ He.call(a, o) && be(l, o, a[o]);
8
+ if (ge)
9
+ for (var o of ge(a))
10
+ Oe.call(a, o) && be(l, o, a[o]);
11
+ return l;
12
+ }, $ = (l, a) => De(l, Le(a));
13
+ var me = (l, a, o) => new Promise((L, Y) => {
14
+ var s = (d) => {
15
+ try {
16
+ c(o.next(d));
17
+ } catch (w) {
18
+ Y(w);
19
+ }
20
+ }, g = (d) => {
21
+ try {
22
+ c(o.throw(d));
23
+ } catch (w) {
24
+ Y(w);
25
+ }
26
+ }, c = (d) => d.done ? L(d.value) : Promise.resolve(d.value).then(s, g);
27
+ c((o = o.apply(l, a)).next());
28
+ });
29
+ import { d as We, c as $e, a as Ue, p as k, o as qe, i as U, g as xe, n as Z, l as q, j as A, u as J, q as ue, b as S, f as P, s as Je, e as Ke, h as Qe } from "./WheelOfFortuneWheel-CiyQZNAd.js";
30
+ import { a5 as Ne, b1 as E, aQ as Ve, b3 as f, b6 as v, aJ as _, L as n, ar as K, a9 as en, bb as he, b4 as nn, b7 as D, aU as j, bk as tn, O as we, ba as h, bm as an } from "./utils-DGrEJJ_K.js";
31
+ import { W as rn } from "./WheelOfFortuneHistory-CF8B0i5m.js";
32
+ import { W as on } from "./WheelOfFortuneRules-BZqR4cT9.js";
33
+ import { W as sn } from "./WheelOfFortuneDrawResults-DsfJ3803.js";
34
+ import { C as ln } from "./CoinFlip-DgM6tDy5.js";
35
+ import { b as pn } from "./bg-scene-DpHgKCHj.js";
36
+ var cn = P('<div class="coin-royale__scene-neon svelte-133ej82"></div> <div class="coin-royale__scene-moon svelte-133ej82"></div>', 1), dn = P("<span></span>"), fn = P('<div class="coin-royale__ambient svelte-133ej82" aria-hidden="true"><div class="coin-royale__rays svelte-133ej82"></div> <div class="coin-royale__glow svelte-133ej82"></div> <div class="coin-royale__particles svelte-133ej82"></div></div>'), gn = P('<button role="tab" type="button"> </button>'), bn = P('<div><div class="coin-royale__scene svelte-133ej82" aria-hidden="true"><img class="coin-royale__scene-img svelte-133ej82" alt="" draggable="false"/> <!> <div class="coin-royale__scene-veil svelte-133ej82"></div></div> <!> <button type="button"><svg class="coin-royale__back-icon svelte-133ej82" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svelte-133ej82"></path></svg> <p class="coin-royale__back-label svelte-133ej82"> </p></button> <div class="coin-royale__heading svelte-133ej82"><h3 class="coin-royale__title svelte-133ej82"> </h3> <p class="coin-royale__subtitle svelte-133ej82"> </p></div> <div class="coin-royale__tabs svelte-133ej82" role="tablist"><div class="coin-royale__tab-indicator svelte-133ej82"></div> <!></div> <div class="svelte-133ej82"><!></div> <!></div>');
37
+ const mn = {
38
+ hash: "svelte-133ej82",
39
+ code: `@keyframes svelte-133ej82-cr-spinRays {
40
+ to {
41
+ transform: rotate(360deg);
42
+ }
43
+ }
44
+ @keyframes svelte-133ej82-cr-breathe {
45
+ 0%, 100% {
46
+ opacity: 0.7;
47
+ }
48
+ 50% {
49
+ opacity: 1;
50
+ }
51
+ }
52
+ @keyframes svelte-133ej82-cr-rise {
53
+ 0% {
54
+ transform: translateY(0) translateX(0);
55
+ opacity: 0;
56
+ }
57
+ 12% {
58
+ opacity: 0.85;
59
+ }
60
+ 100% {
61
+ transform: translateY(-640px) translateX(var(--drift, 20px));
62
+ opacity: 0;
63
+ }
64
+ }
65
+ @keyframes svelte-133ej82-cr-neonFlicker {
66
+ 0%, 18%, 22%, 60%, 64%, 100% {
67
+ opacity: 1;
68
+ }
69
+ 20%, 62% {
70
+ opacity: 0.35;
71
+ }
72
+ 21% {
73
+ opacity: 0.8;
74
+ }
75
+ }
76
+ @keyframes svelte-133ej82-cr-idleBob {
77
+ 0%, 100% {
78
+ margin-top: 0;
79
+ }
80
+ 50% {
81
+ margin-top: -7px;
82
+ }
83
+ }
84
+ @keyframes svelte-133ej82-cr-chevPulse {
85
+ 0%, 100% {
86
+ opacity: 0.25;
87
+ transform: translateY(0);
88
+ }
89
+ 50% {
90
+ opacity: 1;
91
+ transform: translateY(2px);
92
+ }
93
+ }
94
+ @keyframes svelte-133ej82-cr-fingerSwipe {
95
+ 0%, 100% {
96
+ transform: translateY(-42px);
97
+ opacity: 0;
98
+ }
99
+ 15%, 35% {
100
+ opacity: 0.95;
101
+ }
102
+ 50% {
103
+ transform: translateY(18px);
104
+ opacity: 0.95;
105
+ }
106
+ 65% {
107
+ opacity: 0;
108
+ }
109
+ }
110
+ @keyframes svelte-133ej82-cr-loaderSpin {
111
+ to {
112
+ transform: rotate(360deg);
113
+ }
114
+ }
115
+ @keyframes svelte-133ej82-cr-ctaGlow {
116
+ 0%, 100% {
117
+ opacity: 0.5;
118
+ transform: scale(0.97);
119
+ }
120
+ 50% {
121
+ opacity: 1;
122
+ transform: scale(1.05);
123
+ }
124
+ } .coin-royale__stage {position:relative;width:100%;aspect-ratio:726/720;display:flex;align-items:center;justify-content:center;} .coin-royale__flip-zone {position:relative;width:66%;aspect-ratio:1;perspective:1200px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;} .coin-royale__flip-zone:active {cursor:grabbing;} .coin-royale__flip-zone:focus-visible {outline:2px solid var(--yellow);outline-offset:12px;border-radius:50%;} .coin-royale__flip-zone--disabled {cursor:default;pointer-events:none;filter:blur(3px) saturate(0.55) brightness(0.8);} .coin-royale__coin-shadow {position:absolute;bottom:-24px;left:50%;width:70%;height:24px;transform:translateX(-50%);background:radial-gradient(ellipse, rgba(1, 6, 16, 0.7) 0%, rgba(1, 6, 16, 0) 72%);border-radius:50%;transition:width 0.5s var(--ease), opacity 0.5s var(--ease);z-index:0;} .coin-royale__coin {position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(0deg);will-change:transform;
125
+ animation: svelte-133ej82-cr-idleBob 3.6s ease-in-out infinite;} .coin-royale__flip-zone--settling .coin-royale__coin,
126
+ .coin-royale__flip-zone--disabled .coin-royale__coin {
127
+ animation: none;} .coin-royale__face {position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;} .coin-royale__face img {width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;} .coin-royale__face--front {transform:translateZ(var(--half-t, 10px));} .coin-royale__face--back {transform:rotateX(180deg) translateZ(var(--half-t, 10px));} .coin-royale__face::after {content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.08) 22%, rgba(255, 255, 255, 0) 46%);mix-blend-mode:screen;pointer-events:none;} .coin-royale__coin-edge {position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;} .coin-royale__edge-seg {position:absolute;top:50%;left:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(to bottom, #fff3b0 0%, #ffd400 20%, #d9a413 50%, #ffdb52 78%, #8a6407 100%);box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.25);} .coin-royale__edge-seg--a {background:linear-gradient(to bottom, #fff8c8 0%, #ffe040 20%, #f0b81c 50%, #ffe770 78%, #9c7508 100%);} .coin-royale__edge-seg--b {background:linear-gradient(to bottom, #e6d99a 0%, #e0bc00 20%, #be8f12 50%, #e0bc49 78%, #7a5706 100%);} .coin-royale__coin-drop-shadow {position:absolute;inset:0;border-radius:50%;box-shadow:0 18px 26px rgba(0, 0, 0, 0.42);transform:translateZ(calc(var(--half-t, 10px) * -1));pointer-events:none;} .coin-royale__drag-hint {position:absolute;bottom:-46px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--white-dim);font-size:12.5px;font-weight:700;letter-spacing:0.03em;opacity:0.95;transition:opacity 0.3s ease;pointer-events:none;white-space:nowrap;} .coin-royale__chev {font-size:15px;line-height:1;color:var(--yellow);
128
+ animation: svelte-133ej82-cr-chevPulse 1.8s ease-in-out infinite;} .coin-royale__chev--down {animation-delay:0.15s;} .coin-royale__hint-text {margin:2px 0;} .coin-royale__drag-hint--hidden {opacity:0;} .coin-royale__finger-cue {position:absolute;right:-18px;top:50%;width:30px;height:30px;color:var(--white);filter:drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));
129
+ animation: svelte-133ej82-cr-fingerSwipe 2.6s var(--ease) infinite;pointer-events:none;opacity:0.9;} .coin-royale__finger-cue--hidden {opacity:0;
130
+ animation: none;} .coin-royale__badge {position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:8;width:58%;padding:10px 12px;border-radius:10px;text-align:center;background:rgba(4, 18, 43, 0.86);border:1px solid rgba(255, 255, 255, 0.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);} .coin-royale__badge-title {margin:0;color:#ffffff;font-size:12px;font-weight:700;letter-spacing:0.2px;} .coin-royale__badge-body {margin:0;color:var(--white-dim);font-size:10px;line-height:1.45;} .coin-royale__badge-countdown {margin:0;color:var(--white-dim);font-size:clamp(13px, 3.8vw, 18px);font-variant-numeric:tabular-nums;} .coin-royale__badge-close {margin-top:8px;padding:4px 14px;border-radius:6px;border:1px solid rgba(255, 255, 255, 0.22);background:rgba(255, 255, 255, 0.12);color:#ffffff;font-size:11px;font-weight:600;cursor:pointer;transition:background 150ms ease;} .coin-royale__badge-close:hover {background:rgba(255, 255, 255, 0.2);} .coin-royale.coin-royale--lite .coin-royale__coin,
131
+ .coin-royale.coin-royale--lite .coin-royale__rays,
132
+ .coin-royale.coin-royale--lite .coin-royale__scene-img {
133
+ animation: none;}
134
+ @media (prefers-reduced-motion: reduce) { .coin-royale *,
135
+ .coin-royale *::before,
136
+ .coin-royale *::after {animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;}
137
+ } .coin-royale {--yellow: var(--color-text-brand, #ffd400);--white: var(--color-text-default, #f4f8ff);--white-dim: var(--color-text-subtle, rgba(244, 248, 255, 0.75));--ease: cubic-bezier(0.22, 0.61, 0.32, 1);--cr-stage-h: max(820px, min(100dvh, 900px));--cr-bg-w: calc(var(--cr-stage-h) * 1.013);container-type:inline-size;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto;gap:clamp(6px, 2vw, 12px);padding:20px 20px 50px;min-height:calc(var(--wof-size, clamp(276px, 100vw, 430px)) + 400px);flex-shrink:0;overflow:hidden;color:var(--white);background:transparent;} .coin-royale *,
138
+ .coin-royale *::before,
139
+ .coin-royale *::after {box-sizing:border-box;} .coin-royale.coin-royale--result .coin-royale__heading,
140
+ .coin-royale.coin-royale--result .coin-royale__tabs {display:none;} .coin-royale.coin-royale--plain .coin-royale__scene,
141
+ .coin-royale.coin-royale--plain .coin-royale__ambient {display:none;} .coin-royale.coin-royale--busy .coin-royale__back,
142
+ .coin-royale.coin-royale--busy .coin-royale__tabs,
143
+ .coin-royale.coin-royale--busy .coin-royale__cta {pointer-events:none;} .coin-royale__ambient {position:absolute;inset:0;overflow:hidden;pointer-events:none;} .coin-royale__rays {position:absolute;top:44%;left:50%;width:920px;height:920px;margin:-460px 0 0 -460px;background:conic-gradient(from 0deg, rgba(120, 180, 255, 0.1) 0deg 6deg, rgba(120, 180, 255, 0) 6deg 24deg, rgba(255, 212, 0, 0.06) 24deg 30deg, rgba(255, 212, 0, 0) 30deg 48deg, rgba(120, 180, 255, 0.09) 48deg 54deg, rgba(120, 180, 255, 0) 54deg 72deg);
144
+ animation: svelte-133ej82-cr-spinRays 70s linear infinite;mix-blend-mode:screen;z-index:0;pointer-events:none;} .coin-royale__glow {position:absolute;top:40%;left:50%;width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:50%;background:radial-gradient(circle, rgba(140, 190, 255, 0.4) 0%, rgba(90, 150, 230, 0.16) 45%, rgba(90, 150, 230, 0) 72%);filter:blur(6px);
145
+ animation: svelte-133ej82-cr-breathe 4.5s ease-in-out infinite;z-index:0;pointer-events:none;} .coin-royale__particles {position:absolute;inset:0;z-index:0;pointer-events:none;} .coin-royale__spark {position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle, #fff6d8, #ffd400 70%, transparent 100%);opacity:0;
146
+ animation-name: svelte-133ej82-cr-rise;animation-timing-function:ease-in;animation-iteration-count:infinite;} .coin-royale__spark--blue {background:radial-gradient(circle, #eaf3ff, #7db2ff 70%, transparent 100%);} .coin-royale__scene {position:absolute;top:0;left:0;right:0;height:var(--cr-stage-h);z-index:0;overflow:hidden;pointer-events:none;} .coin-royale__scene-img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 78%;filter:saturate(1.1) brightness(0.82);transform-origin:50% 78%;transform:scale(1.04);} .coin-royale__scene-neon {position:absolute;inset:0;background:radial-gradient(22% 14% at 8% 47%, rgba(80, 230, 255, 0.35), transparent 70%), radial-gradient(22% 14% at 92% 47%, rgba(255, 90, 220, 0.32), transparent 70%);mix-blend-mode:screen;
147
+ animation: svelte-133ej82-cr-neonFlicker 5.2s steps(1, end) infinite;} .coin-royale__scene-moon {position:absolute;top:4%;left:14%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle, rgba(190, 220, 255, 0.4) 0%, rgba(150, 190, 255, 0.12) 40%, transparent 70%);mix-blend-mode:screen;
148
+ animation: svelte-133ej82-cr-breathe 6s ease-in-out infinite;} .coin-royale__scene-veil {position:absolute;inset:0;background:radial-gradient(70% 45% at 50% 42%, rgba(6, 12, 32, 0.15) 0%, rgba(6, 12, 32, 0.55) 70%), linear-gradient(180deg, rgba(6, 12, 32, 0.55) 0%, rgba(6, 12, 32, 0.1) 22%, rgba(6, 12, 32, 0.25) 60%, rgba(4, 8, 22, 0.92) 100%);}
149
+ @container (min-width: 600px) { .coin-royale__scene,
150
+ .coin-royale__ambient {left:50%;right:auto;width:min(var(--cr-bg-w), 100cqw);transform:translateX(-50%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 22%, #000 78%, transparent 100%), linear-gradient(to bottom, #000 82%, transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right, transparent 0, #000 22%, #000 78%, transparent 100%), linear-gradient(to bottom, #000 82%, transparent 100%);mask-composite:intersect;}
151
+ } .coin-royale__back {position:relative;z-index:2;display:flex;align-items:center;justify-content:start;gap:10px;width:100%;max-width:700px;height:52px;flex-shrink:0;margin:0 auto;padding:10px;line-height:20px;border-radius:6px;background:transparent;border:none;color:var(--white);cursor:pointer;font-size:16px;} .coin-royale__back--hidden {display:none;} .coin-royale__back-icon {width:25px;height:25px;padding:7px;border-radius:50%;background:var(--color-overlay-neutral-2, rgba(255, 255, 255, 0.14));box-sizing:border-box;transition:transform 0.12s ease;} .coin-royale__back:active .coin-royale__back-icon {transform:scale(0.92);} .coin-royale__back-label {margin:0;} .coin-royale__heading {position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:6px;} .coin-royale__title {margin:0;text-align:center;font-size:clamp(20px, 5.5vw, 28px);font-weight:900;line-height:1.05;color:var(--yellow);text-shadow:0 3px 14px rgba(0, 0, 0, 0.35);} .coin-royale__subtitle {margin:0 0 clamp(10px, 3vw, 16px);text-align:center;font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;color:var(--white);opacity:0.92;} .coin-royale__tabs {position:relative;z-index:2;display:flex;justify-content:center;width:90%;max-width:700px;margin-bottom:12px;padding:6px;border-radius:50px;background:var(--color-tabs, rgba(255, 255, 255, 0.1));box-shadow:inset 0 0 0 1px var(--color-border-subtle, rgba(255, 255, 255, 0.08)), inset 0 2px 6px rgba(0, 0, 0, 0.25);height:46px;} .coin-royale__tab-indicator {position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px) / 3);border-radius:50px;background:var(--color-tabs-selected, linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.12)));box-shadow:0 2px 8px rgba(0, 0, 0, 0.25);transition:transform 0.32s var(--ease);pointer-events:none;} .coin-royale__tab {position:relative;z-index:1;width:100%;padding:5px;border:none;border-radius:50px;background:transparent;color:var(--white);cursor:pointer;opacity:0.75;transition:opacity 0.15s ease, transform 0.1s ease;font-size:16px;} .coin-royale__tab--active {opacity:1;} .coin-royale__tab:active {transform:scale(0.95);} .coin-royale__play {position:relative;z-index:1;width:var(--wof-size, clamp(276px, 100vw, 430px));margin-block:clamp(-18px, -4vw, -32px);} .coin-royale__flips {position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin:0;font-size:clamp(14px, 4vw, 19px);font-weight:400;color:var(--white);} .coin-royale__flips-count {display:flex;align-items:center;gap:6px;font-size:clamp(16px, 4.5vw, 20px);font-weight:900;color:var(--yellow);} .coin-royale__flips-icon {width:20px;height:20px;transform:rotateX(52deg) rotateZ(-18deg);filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));} .coin-royale__flips-loader {display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
152
+ animation: svelte-133ej82-cr-loaderSpin 600ms linear infinite;} .coin-royale__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;color:var(--color-text-button-primary, #0a2140);background:linear-gradient(180deg, color-mix(in srgb, var(--color-button-primary, #ffd400) 70%, white) 0%, var(--color-button-primary, #ffd400) 55%, var(--color-button-primary-hover, #e0b400) 100%);box-shadow:none;cursor:pointer;transition:transform 0.15s ease, filter 0.15s ease;} .coin-royale__cta::before {content:"";position:absolute;inset:-7px;z-index:-1;border-radius:999px;background:radial-gradient(circle, rgba(255, 212, 0, 0.35), rgba(255, 212, 0, 0) 70%);
153
+ animation: svelte-133ej82-cr-ctaGlow 2.6s ease-in-out infinite;} .coin-royale__cta:active {transform:translateY(2px);} .coin-royale__cta:disabled {filter:grayscale(0.5) brightness(0.75);cursor:default;} .coin-royale__cta:disabled::before {animation-play-state:paused;opacity:0.15;}
154
+ @media (max-width: 767px) { .coin-royale {padding:20px 10px 30px;} .coin-royale__back {display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:0;align-self:stretch;width:auto;height:44px;margin:12px 2px;padding:4px 8px;font-size:16px;line-height:24px;background-color:var(--color-bg-surface-level-3, var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843)));} .coin-royale__back-icon {justify-self:start;width:24px;height:24px;margin-left:6px;padding:4px;background:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));} .coin-royale__back-label {overflow:hidden;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap;} .coin-royale__tabs {width:100%;margin:0 auto;} .coin-royale__tab {font-size:12px;}
155
+ }
156
+ @keyframes svelte-133ej82-wheelBob {
157
+ 0%, 100% {
158
+ transform: translateY(0);
159
+ }
160
+ 50% {
161
+ transform: translateY(-10px);
162
+ }
163
+ }
164
+ @keyframes svelte-133ej82-stageFloat {
165
+ 0%, 100% {
166
+ transform: translate3d(0, 0, 0) rotate(-0.12deg) scale(1);
167
+ }
168
+ 42% {
169
+ transform: translate3d(0, -4px, 0) rotate(0.16deg) scale(1.002);
170
+ }
171
+ 72% {
172
+ transform: translate3d(0, 2px, 0) rotate(-0.04deg) scale(0.999);
173
+ }
174
+ }
175
+ @keyframes svelte-133ej82-stageGlow {
176
+ 0%, 100% {
177
+ opacity: 0.46;
178
+ transform: scale(0.94);
179
+ filter: blur(27px);
180
+ }
181
+ 50% {
182
+ opacity: 0.68;
183
+ transform: scale(1.02);
184
+ filter: blur(31px);
185
+ }
186
+ }
187
+ @keyframes svelte-133ej82-glowOrbit {
188
+ 0%, 100% {
189
+ opacity: 0.13;
190
+ transform: scale(0.88) rotate(-8deg);
191
+ }
192
+ 50% {
193
+ opacity: 0.24;
194
+ transform: scale(0.95) rotate(5deg);
195
+ }
196
+ }
197
+ @keyframes svelte-133ej82-frameGlowBreath {
198
+ 0%, 100% {
199
+ opacity: 0.58;
200
+ transform: scale(0.94);
201
+ filter: blur(30px);
202
+ }
203
+ 48% {
204
+ opacity: 0.82;
205
+ transform: scale(1.03);
206
+ filter: blur(34px);
207
+ }
208
+ }
209
+ @keyframes svelte-133ej82-wheelDrop {
210
+ 0% {
211
+ transform: translateY(-60vh) scale(0.961) rotate(-9deg);
212
+ opacity: 0;
213
+ }
214
+ 70% {
215
+ transform: translateY(-20px) scale(1.012) rotate(2deg);
216
+ opacity: 1;
217
+ }
218
+ 86% {
219
+ transform: translateY(0px) scale(0.997) rotate(-0.6deg);
220
+ }
221
+ 100% {
222
+ transform: translateY(0) scale(1) rotate(0);
223
+ opacity: 1;
224
+ }
225
+ }
226
+ @keyframes svelte-133ej82-spinGlowPop {
227
+ 0% {
228
+ opacity: 0.56;
229
+ transform: scale(0.96);
230
+ filter: blur(25px);
231
+ }
232
+ 32% {
233
+ opacity: 0.92;
234
+ transform: scale(1.08);
235
+ filter: blur(31px);
236
+ }
237
+ 100% {
238
+ opacity: 0.58;
239
+ transform: scale(0.98);
240
+ filter: blur(27px);
241
+ }
242
+ }
243
+ @keyframes svelte-133ej82-glowPulse {
244
+ 0%, 100% {
245
+ opacity: 0.72;
246
+ transform: scale(0.95);
247
+ }
248
+ 50% {
249
+ opacity: 1;
250
+ transform: scale(1.12);
251
+ }
252
+ }
253
+ @keyframes svelte-133ej82-glowRing {
254
+ 0%, 100% {
255
+ opacity: 0.42;
256
+ transform: scale(0.92);
257
+ }
258
+ 50% {
259
+ opacity: 0.88;
260
+ transform: scale(1.18);
261
+ }
262
+ }
263
+ @keyframes svelte-133ej82-centerButtonSpinBreath {
264
+ 0%, 100% {
265
+ transform: scale(1);
266
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
267
+ }
268
+ 45% {
269
+ transform: scale(1.032);
270
+ filter: drop-shadow(0 11px 18px rgba(0, 0, 0, 0.36)) brightness(1.07);
271
+ }
272
+ }
273
+ @keyframes svelte-133ej82-middleButtonIdleZoomGlow {
274
+ 0%, 100% {
275
+ transform: scale(1);
276
+ filter: drop-shadow(0 7px 12px rgba(0, 0, 0, 0.34)) drop-shadow(0 0 10px rgba(255, 212, 46, 0.22)) brightness(1);
277
+ }
278
+ 50% {
279
+ transform: scale(1.045);
280
+ filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) drop-shadow(0 0 18px rgba(255, 212, 46, 0.42)) brightness(1.08);
281
+ }
282
+ }
283
+ @keyframes svelte-133ej82-middleButtonPress {
284
+ 0% {
285
+ transform: scale(1);
286
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
287
+ }
288
+ 28% {
289
+ transform: scale(0.91);
290
+ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.36)) brightness(0.98);
291
+ }
292
+ 68% {
293
+ transform: scale(1.045);
294
+ filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.36)) brightness(1.08);
295
+ }
296
+ 100% {
297
+ transform: scale(1);
298
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
299
+ }
300
+ }
301
+ @keyframes svelte-133ej82-prizeStageGlow {
302
+ 0% {
303
+ opacity: 0.54;
304
+ transform: scale(0.96);
305
+ filter: blur(26px);
306
+ }
307
+ 22% {
308
+ opacity: 0.94;
309
+ transform: scale(1.06);
310
+ filter: blur(20px);
311
+ }
312
+ 100% {
313
+ opacity: 0.54;
314
+ transform: scale(0.96);
315
+ filter: blur(26px);
316
+ }
317
+ }
318
+ @keyframes svelte-133ej82-prizeFillGlow {
319
+ 0% {
320
+ opacity: 0;
321
+ transform: scale(0.982);
322
+ }
323
+ 8% {
324
+ opacity: 0.94;
325
+ transform: scale(1.008);
326
+ }
327
+ 24% {
328
+ opacity: 0.62;
329
+ transform: scale(0.997);
330
+ }
331
+ 42% {
332
+ opacity: 0.8;
333
+ transform: scale(1.006);
334
+ }
335
+ 60% {
336
+ opacity: 0.55;
337
+ transform: scale(0.999);
338
+ }
339
+ 78% {
340
+ opacity: 0.72;
341
+ transform: scale(1.004);
342
+ }
343
+ 100% {
344
+ opacity: 0;
345
+ transform: scale(0.99);
346
+ }
347
+ }
348
+ @keyframes svelte-133ej82-prizeEdgePulse {
349
+ 0% {
350
+ opacity: 0;
351
+ stroke-width: 0.035;
352
+ }
353
+ 8% {
354
+ opacity: 1;
355
+ stroke-width: 0.025;
356
+ }
357
+ 24% {
358
+ opacity: 0.88;
359
+ stroke-width: 0.035;
360
+ }
361
+ 42% {
362
+ opacity: 1;
363
+ stroke-width: 0.025;
364
+ }
365
+ 60% {
366
+ opacity: 0.85;
367
+ stroke-width: 0.035;
368
+ }
369
+ 78% {
370
+ opacity: 1;
371
+ stroke-width: 0.025;
372
+ }
373
+ 100% {
374
+ opacity: 0.85;
375
+ stroke-width: 0.035;
376
+ }
377
+ }
378
+ @keyframes svelte-133ej82-prizeDashDance {
379
+ 0% {
380
+ opacity: 0;
381
+ stroke-dashoffset: 12;
382
+ }
383
+ 10% {
384
+ opacity: 0.94;
385
+ }
386
+ 48% {
387
+ opacity: 0.78;
388
+ }
389
+ 82% {
390
+ opacity: 0.66;
391
+ }
392
+ 100% {
393
+ opacity: 0;
394
+ stroke-dashoffset: -26;
395
+ }
396
+ }
397
+ @keyframes svelte-133ej82-prizeSheenSweep {
398
+ 0% {
399
+ opacity: 0;
400
+ transform: translateX(-7px) scale(0.98);
401
+ }
402
+ 12% {
403
+ opacity: 0.58;
404
+ transform: translateX(-1px) scale(1.01);
405
+ }
406
+ 36% {
407
+ opacity: 0.22;
408
+ transform: translateX(3px) scale(1);
409
+ }
410
+ 62% {
411
+ opacity: 0.42;
412
+ transform: translateX(1px) scale(1.008);
413
+ }
414
+ 100% {
415
+ opacity: 0;
416
+ transform: translateX(8px) scale(0.99);
417
+ }
418
+ }
419
+ @keyframes svelte-133ej82-superPrizeStageGlow {
420
+ 0% {
421
+ transform: scale(0.96);
422
+ opacity: 0.2;
423
+ filter: blur(8px);
424
+ }
425
+ 45% {
426
+ transform: scale(1.13);
427
+ opacity: 0.86;
428
+ filter: blur(13px);
429
+ }
430
+ 100% {
431
+ transform: scale(1.03);
432
+ opacity: 0.45;
433
+ filter: blur(10px);
434
+ }
435
+ }
436
+ @keyframes svelte-133ej82-superPrizeFillGlow {
437
+ 0% {
438
+ opacity: 0.2;
439
+ transform: scale(0.96);
440
+ }
441
+ 32% {
442
+ opacity: 1;
443
+ transform: scale(1.045);
444
+ }
445
+ 66% {
446
+ opacity: 0.72;
447
+ transform: scale(1.015);
448
+ }
449
+ 100% {
450
+ opacity: 0.58;
451
+ transform: scale(1);
452
+ }
453
+ }
454
+ @keyframes svelte-133ej82-superPrizeSheenSweep {
455
+ 0% {
456
+ opacity: 0;
457
+ transform: scale(0.88) rotate(-5deg);
458
+ }
459
+ 34% {
460
+ opacity: 0.95;
461
+ transform: scale(1.08) rotate(2deg);
462
+ }
463
+ 100% {
464
+ opacity: 0.2;
465
+ transform: scale(1.16) rotate(7deg);
466
+ }
467
+ }
468
+ @keyframes svelte-133ej82-superPrizeEdgePulse {
469
+ 0% {
470
+ opacity: 0.4;
471
+ transform: scale(0.97);
472
+ }
473
+ 38% {
474
+ opacity: 1;
475
+ transform: scale(1.055);
476
+ }
477
+ 70% {
478
+ opacity: 0.86;
479
+ transform: scale(1.018);
480
+ }
481
+ 100% {
482
+ opacity: 0.72;
483
+ transform: scale(1);
484
+ }
485
+ }
486
+ @keyframes svelte-133ej82-superPrizeDashDance {
487
+ 0% {
488
+ opacity: 0;
489
+ stroke-dashoffset: 20;
490
+ transform: scale(0.95);
491
+ }
492
+ 18% {
493
+ opacity: 1;
494
+ }
495
+ 100% {
496
+ opacity: 0.76;
497
+ stroke-dashoffset: -42;
498
+ transform: scale(1.04);
499
+ }
500
+ }
501
+ @keyframes svelte-133ej82-spinButtonZoomGlow {
502
+ 0%, 100% {
503
+ transform: scale(1);
504
+ filter: brightness(1);
505
+ box-shadow: 0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
506
+ }
507
+ 50% {
508
+ transform: scale(1.065);
509
+ filter: brightness(1.08);
510
+ box-shadow: 0 12px 18px rgba(0, 0, 0, 0.34), 0 0 24px rgba(255, 204, 0, 0.62), 0 0 44px rgba(255, 183, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.46);
511
+ }
512
+ }
513
+ @keyframes svelte-133ej82-buttonBreath {
514
+ 0%, 100% {
515
+ transform: scale(1);
516
+ }
517
+ 50% {
518
+ transform: scale(1.035);
519
+ }
520
+ }
521
+ @keyframes svelte-133ej82-buttonAura {
522
+ 0%, 100% {
523
+ filter: brightness(1) saturate(1);
524
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(83, 0, 18, 0.22), 0 4px 0 #710014, 0 13px 20px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 226, 135, 0.1);
525
+ }
526
+ 50% {
527
+ filter: brightness(1.035) saturate(1.04);
528
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(83, 0, 18, 0.18), 0 4px 0 #710014, 0 15px 24px rgba(0, 0, 0, 0.24), 0 0 18px rgba(255, 183, 36, 0.13);
529
+ }
530
+ }
531
+ @keyframes svelte-133ej82-buttonSheen {
532
+ 0%, 58%, 100% {
533
+ transform: translateX(-120%);
534
+ opacity: 0.22;
535
+ }
536
+ 72% {
537
+ transform: translateX(120%);
538
+ opacity: 0.42;
539
+ }
540
+ }
541
+ @keyframes svelte-133ej82-buttonPop {
542
+ 0% {
543
+ transform: translateY(2px) scale(0.985);
544
+ }
545
+ 48% {
546
+ transform: translateY(-2px) scale(1.018);
547
+ }
548
+ 100% {
549
+ transform: translateY(0) scale(1);
550
+ }
551
+ }
552
+ @keyframes svelte-133ej82-confettiFirework {
553
+ 0% {
554
+ opacity: 0;
555
+ transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
556
+ }
557
+ 9% {
558
+ opacity: 1;
559
+ transform: translate(calc(-50% + var(--tx) * 0.42), calc(-50% + var(--ty) * 0.42)) scale(1.18) rotate(calc(var(--rot) + var(--spin) * 0.24));
560
+ }
561
+ 28% {
562
+ opacity: 0.98;
563
+ transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(calc(var(--rot) + var(--spin) * 0.56));
564
+ }
565
+ 72% {
566
+ opacity: 0.78;
567
+ transform: translate(calc(-50% + var(--tx) * 1.08), calc(-50% + var(--ty) + var(--fall) * 0.62)) scale(0.88) rotate(calc(var(--rot) + var(--spin) * 0.86));
568
+ }
569
+ 100% {
570
+ opacity: 0;
571
+ transform: translate(calc(-50% + var(--tx) * 1.14), calc(-50% + var(--ty) + var(--fall))) scale(0.62) rotate(calc(var(--rot) + var(--spin)));
572
+ }
573
+ }
574
+ @keyframes svelte-133ej82-swipeHandAcross {
575
+ 0%, 100% {
576
+ transform: translateX(-70px) rotate(-22deg);
577
+ opacity: 0.65;
578
+ }
579
+ 50% {
580
+ transform: translateX(70px) rotate(22deg);
581
+ opacity: 0.65;
582
+ }
583
+ 25%, 75% {
584
+ opacity: 1;
585
+ }
586
+ }
587
+ @keyframes svelte-133ej82-wofSpinnerFadeIn {
588
+ to {
589
+ opacity: 1;
590
+ }
591
+ }
592
+ @keyframes svelte-133ej82-wofSpinnerRotate {
593
+ to {
594
+ transform: rotate(360deg);
595
+ }
596
+ }
597
+ @keyframes svelte-133ej82-titleSparkle {
598
+ 0% {
599
+ opacity: 0;
600
+ transform: scale(0.2) rotate(0deg);
601
+ }
602
+ 40% {
603
+ opacity: 1;
604
+ transform: scale(1.4) rotate(35deg);
605
+ }
606
+ 100% {
607
+ opacity: 0;
608
+ transform: scale(0.6) translateY(-20px) rotate(75deg);
609
+ }
610
+ }
611
+ @keyframes svelte-133ej82-drawResultPop {
612
+ 0% {
613
+ opacity: 0;
614
+ transform: scale(0.92) translateY(8px);
615
+ }
616
+ 62% {
617
+ opacity: 1;
618
+ transform: scale(1.016) translateY(-2px);
619
+ }
620
+ 100% {
621
+ opacity: 1;
622
+ transform: scale(1) translateY(0);
623
+ }
624
+ }
625
+ @keyframes svelte-133ej82-successElementIn {
626
+ 0% {
627
+ opacity: 0;
628
+ transform: translate3d(0, 18px, 0) scale(0.98);
629
+ filter: blur(3px);
630
+ }
631
+ 70% {
632
+ opacity: 1;
633
+ transform: translate3d(0, -2px, 0) scale(1.01);
634
+ filter: blur(0);
635
+ }
636
+ 100% {
637
+ opacity: 1;
638
+ transform: translate3d(0, 0, 0) scale(1);
639
+ filter: blur(0);
640
+ }
641
+ }
642
+ @keyframes svelte-133ej82-successConfettiFall {
643
+ 0% {
644
+ opacity: 0;
645
+ transform: translate3d(-50%, -18px, 0) rotate(var(--rot)) scale(0.62);
646
+ }
647
+ 9% {
648
+ opacity: 1;
649
+ }
650
+ 46% {
651
+ opacity: 0.96;
652
+ transform: translate3d(calc(-50% + var(--tx) * 0.55), 48vh, 0) rotate(calc(var(--rot) + var(--spin) * 0.52)) scale(1);
653
+ }
654
+ 100% {
655
+ opacity: 0;
656
+ transform: translate3d(calc(-50% + var(--tx)), 108vh, 0) rotate(calc(var(--rot) + var(--spin))) scale(0.86);
657
+ }
658
+ }
659
+ @keyframes svelte-133ej82-prizeCoinFloatZoom {
660
+ 0%, 100% {
661
+ transform: translate3d(0, 0, 0) scale(1);
662
+ }
663
+ 50% {
664
+ transform: translate3d(0, -8px, 0) scale(1.065);
665
+ }
666
+ }
667
+ @media (prefers-reduced-motion: reduce) { .wheel-wrapper,
668
+ .wheel-wrapper::before,
669
+ .wheel-wrapper::after,
670
+ .drop-wrap,
671
+ .wheel-disc,
672
+ .center-button,
673
+ .button-glow,
674
+ .spin-button {
675
+ animation: none !important;}
676
+ } .wheel-wrapper {position:relative;isolation:isolate;width:100%;aspect-ratio:726/720;cursor:grab;transform-origin:50% 55%;
677
+ animation: svelte-133ej82-stageFloat 6400ms ease-in-out infinite;will-change:transform, filter;} .wheel-wrapper.is-assets-loading {opacity:0;pointer-events:none;} .wheel-wrapper.is-assets-loading .drop-wrap {animation-play-state:paused;} .wheel-wrapper::before, .wheel-wrapper::after {content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:0;} .wheel-wrapper::before {inset:5% 0 3%;opacity:0.54;transform:scale(0.96);background:radial-gradient(circle at 50% 52%, rgba(255, 234, 113, 0.46) 0 14%, rgba(255, 147, 28, 0.24) 30%, rgba(255, 36, 76, 0.15) 48%, transparent 68%);filter:blur(26px);
678
+ animation: svelte-133ej82-stageGlow 3900ms ease-in-out infinite;} .wheel-wrapper::after {inset:15% 10% 8%;opacity:0.16;transform:scale(0.88) rotate(-8deg);border:1px solid rgba(255, 236, 148, 0.32);box-shadow:0 0 44px var(--color-overlay-primary-3, rgba(255, 191, 46, 0.28)), inset 0 0 32px rgba(255, 54, 83, 0.16);
679
+ animation: svelte-133ej82-glowOrbit 5600ms ease-in-out infinite;} .wheel-wrapper.is-dragging, .wheel-wrapper.is-dragging::before, .wheel-wrapper.is-dragging::after {animation-play-state:paused;} .wheel-wrapper:active {cursor:grabbing;} .wheel-wrapper.is-spinning::before {
680
+ animation: svelte-133ej82-spinGlowPop 920ms cubic-bezier(0.12, 0.92, 0.22, 1) both;} .wheel-wrapper.is-prize-hit::before {
681
+ animation: svelte-133ej82-prizeStageGlow 3600ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .wheel-wrapper.blurred .wheel-disc {filter:blur(3px);} .wheel-wrapper.blurred .button-glow {opacity:0 !important;
682
+ animation: none !important;} .wheel-wrapper.blurred .center-button {filter:blur(3px);pointer-events:none;} .wheel-wrapper.blurred .outer {filter:drop-shadow(0 0 18px var(--color-overlay-primary-5, rgba(255, 160, 0, 0.65))) drop-shadow(0 0 40px var(--color-overlay-primary-4, rgba(220, 100, 0, 0.35))) blur(3px);} .sparkle-layer {position:absolute;inset:-28%;z-index:6;pointer-events:none;overflow:visible;border-radius:50%;} .sparkle-layer::before {content:"";position:absolute;inset:20%;border-radius:50%;opacity:0;transform:scale(0.72);background:radial-gradient(circle at 50% 50%, rgba(255, 252, 187, 0.48) 0 4%, rgba(255, 205, 44, 0.26) 11%, rgba(255, 44, 82, 0.16) 31%, rgba(255, 141, 31, 0.08) 48%, transparent 72%);filter:blur(22px);transition:opacity 260ms ease, transform 980ms cubic-bezier(0.12, 0.82, 0.16, 1);} .sparkle-layer::after {content:"";position:absolute;inset:25%;border-radius:50%;opacity:0;transform:scale(0.48);border:1px solid rgba(255, 240, 140, 0.22);box-shadow:0 0 22px var(--color-overlay-primary-3, rgba(255, 200, 47, 0.24)), inset 0 0 20px rgba(255, 40, 82, 0.12);transition:opacity 300ms ease, transform 1050ms cubic-bezier(0.08, 0.7, 0.12, 1);} .wheel-wrapper.is-bursting .sparkle-layer::before {opacity:0.58;transform:scale(1.18);} .wheel-wrapper.is-bursting .sparkle-layer::after {opacity:0.32;transform:scale(1.34);} .sparkle,
683
+ .confetti {--tx: 0px;--ty: 0px;--fall: 80px;--rot: 0deg;--spin: 360deg;--hue: #ffd23e;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:var(--radius, 3px);background:var(--hue);filter:drop-shadow(0 0 5px rgba(255, 218, 74, 0.36));transform-origin:center;
684
+ animation: svelte-133ej82-confettiFirework var(--d) cubic-bezier(0.08, 0.82, 0.12, 1) forwards;} .sparkle {aspect-ratio:1;height:auto;border-radius:50%;background:radial-gradient(circle, #fffdf0 0 15%, #fff175 23% 42%, rgba(255, 96, 28, 0.86) 54%, transparent 73%);} .sparkle::after {content:"";position:absolute;inset:-92%;background:linear-gradient(90deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%), linear-gradient(0deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%);transform:rotate(var(--rot));opacity:0.5;} .confetti.is-diamond {transform:rotate(45deg);} .confetti.is-ribbon {border-radius:8px 2px;} .drop-wrap {position:absolute;z-index:2;inset:0;isolation:isolate;transform-origin:50% 55%;
685
+ animation: svelte-133ej82-wheelDrop 1100ms cubic-bezier(0.16, 0.92, 0.23, 1.18) both;filter:drop-shadow(0 18px 25px rgba(0, 0, 0, 0.42));} .drop-wrap::before {content:"";position:absolute;z-index:0;left:50%;top:55.1%;width:88%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle, rgba(255, 236, 96, 0.56) 0 18%, rgba(255, 198, 35, 0.34) 36%, rgba(255, 152, 21, 0.18) 56%, transparent 74%);filter:blur(28px);opacity:0.68;transform:scale(0.96);
686
+ animation: svelte-133ej82-frameGlowBreath 3600ms ease-in-out infinite;} .wheel-disc {position:absolute;z-index:1;width:59%;aspect-ratio:1;left:50%;top:54%;translate:-50% -50%;border-radius:50%;overflow:hidden;background:radial-gradient(circle, #8c4b05 0 4%, #3b2008 4.5% 100%);box-shadow:inset 0 0 0 9px rgba(255, 236, 159, 0.58), inset 0 0 0 17px rgba(121, 65, 15, 0.92), inset 0 0 30px rgba(0, 0, 0, 0.38), 0 0 28px var(--color-overlay-primary-3, rgba(255, 183, 36, 0.28));will-change:transform;touch-action:none;transform:rotate(var(--wheel-rotation, 0deg));} .segments-svg {width:100%;height:100%;display:block;} .segment {stroke:rgba(255, 236, 151, 0.66);stroke-width:0.018;stroke-linejoin:round;vector-effect:non-scaling-stroke;} .segment-surface-depth {fill:rgba(47, 13, 0, 0.22);opacity:0.82;mix-blend-mode:multiply;pointer-events:none;} .segment-surface-shine {fill:rgba(255, 255, 255, 0.1);mix-blend-mode:plus-lighter;pointer-events:none;} .segment-edge-shadow {fill:none;stroke:rgba(65, 27, 0, 0.32);stroke-width:0.021;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-edge-light {fill:none;stroke:rgba(255, 250, 198, 0.48);stroke-width:0.007;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-label {pointer-events:none;user-select:none;font-weight:950;letter-spacing:0.035em;fill:#fff8d6;paint-order:stroke;stroke:rgba(76, 18, 0, 0.76);stroke-width:0.012;stroke-linejoin:round;} .segment-hit-fill,
687
+ .segment-hit-sheen,
688
+ .segment-hit-edge,
689
+ .segment-hit-spark-edge {pointer-events:none;transform-box:fill-box;transform-origin:center;} .segment-hit-fill {fill:rgb(255, 244, 145);filter:drop-shadow(0 0 4px rgba(255, 231, 93, 0.74));
690
+ animation: svelte-133ej82-prizeFillGlow 6400ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .segment-hit-edge {fill:none;stroke:rgba(255, 252, 211, 0.98);stroke-width:0.05;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(255, 245, 174, 0.94)) drop-shadow(0 0 8px rgba(255, 154, 28, 0.62));
691
+ animation: svelte-133ej82-prizeEdgePulse 6400ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .segment-hit-spark-edge {fill:none;stroke:rgba(255, 185, 44, 0.7);stroke-width:0.008;stroke-linejoin:round;stroke-dasharray:0.048 0.031;filter:drop-shadow(0 0 4px var(--color-overlay-primary-5, rgba(255, 210, 58, 0.6)));
692
+ animation: svelte-133ej82-prizeDashDance 6400ms linear both;} .outer {position:absolute;z-index:3;inset:0;width:75%;height:100%;left:12.5%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 0 18px var(--color-overlay-primary-5, rgba(255, 160, 0, 0.65))) drop-shadow(0 0 40px var(--color-overlay-primary-4, rgba(220, 100, 0, 0.35)));} .button-glow {position:absolute;z-index:4;width:38%;aspect-ratio:1;left:50%;top:55.1%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle, rgba(255, 248, 174, 0.94) 0 7%, rgba(255, 209, 54, 0.72) 13%, rgba(255, 48, 78, 0.46) 34%, rgba(255, 122, 23, 0.22) 52%, transparent 72%);filter:blur(10px);
693
+ animation: svelte-133ej82-glowPulse 1700ms ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;} .button-glow::before, .button-glow::after {content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle, rgba(255, 239, 127, 0.62), transparent 62%);filter:blur(16px);
694
+ animation: svelte-133ej82-glowRing 2300ms ease-in-out infinite;} .button-glow::after {inset:-10%;opacity:0.55;animation-duration:2900ms;animation-delay:-900ms;} .center-button {position:absolute;z-index:5;width:17%;left:50%;top:54%;translate:-50% -50%;padding:0;border:none;background:transparent;pointer-events:auto;user-select:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34));transform:scale(1);transform-origin:center;transition:filter 180ms ease, transform 180ms cubic-bezier(0.2, 0.9, 0.22, 1);} .center-button img {width:100%;height:auto;display:block;pointer-events:none;} .center-button:not(.is-pressing) {
695
+ animation: svelte-133ej82-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .center-button.is-pressing {
696
+ animation: svelte-133ej82-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both;} .center-button:hover {filter:drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) brightness(1.05);} .center-button:active {transform:scale(0.94);filter:drop-shadow(0 5px 9px rgba(0, 0, 0, 0.32)) brightness(0.98);} .center-button:focus-visible {outline:3px solid rgba(255, 237, 126, 0.78);outline-offset:5px;border-radius:50%;} .center-button:disabled {pointer-events:none;} .wheel-wrapper.is-spin-active .center-button:not(.is-pressing) {
697
+ animation: svelte-133ej82-centerButtonSpinBreath 1050ms ease-in-out infinite;} .session-badge {position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:8;width:58%;padding:10px 12px;background:rgba(8, 4, 0, 0.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;} .session-badge .session-badge-title {color:#ffffff;font-size:12px;font-weight:700;letter-spacing:0.2px;} .session-badge .session-badge-body {color:rgba(255, 255, 255, 0.6509803922);font-size:10px;line-height:1.45;margin:0;} .session-badge .session-badge-close {margin-top:8px;padding:4px 14px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);border-radius:6px;color:#ffffff;font-size:11px;font-weight:600;cursor:pointer;transition:background 150ms ease;} .session-badge .session-badge-close:hover {background:rgba(255, 255, 255, 0.2);} .wheel-loading-spinner {position:absolute;top:54%;left:50%;translate:-50% -50%;opacity:0;transition:opacity 300ms ease;pointer-events:none;z-index:10;} .wheel-loading-spinner::before {content:"";display:block;width:clamp(44px, 11vw, 60px);height:clamp(44px, 11vw, 60px);border-radius:50%;border:2px solid rgba(255, 220, 100, 0.12);border-top-color:rgba(255, 210, 50, 0.65);
698
+ animation: svelte-133ej82-wofSpinnerRotate 900ms linear infinite;} .wheel-wrapper.is-assets-loading ~ .wheel-loading-spinner {
699
+ animation: svelte-133ej82-wofSpinnerFadeIn 300ms ease 700ms forwards;} .swipe-hint-wrap {position:absolute;inset:0;z-index:8;pointer-events:none;transition:opacity 600ms ease, transform 600ms ease;} .swipe-hint {position:relative;width:100%;height:70%;display:flex;align-items:center;justify-content:center;} .swipe-hand {display:inline-block;font-size:clamp(52px, 14vw, 72px);line-height:1;filter:drop-shadow(0 4px 14px rgba(0, 0, 0, 0.873));transform-origin:50% 80%;
700
+ animation: svelte-133ej82-swipeHandAcross 3000ms ease-in-out infinite;} .swipe-label {position:absolute;bottom:9%;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;padding:clamp(5px, 1.5vw, 6px) clamp(11px, 3.3vw, 14px);border-radius:999px;background:rgba(0, 0, 0, 0.739);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 9px 20px rgba(0, 18, 40, 0.2);backdrop-filter:blur(2px);} .swipe-text {color:rgba(238, 246, 255, 0.78);font-size:clamp(12px, 3.1vw, 14px);font-weight:750;text-shadow:0 2px 7px rgba(0, 21, 45, 0.55);white-space:nowrap;} .swipe-hint-wrap.hidden {opacity:0;transform:translateY(-12px);pointer-events:none;}
701
+ @media (pointer: fine) and (min-width: 641px) { .swipe-hint-wrap {display:none;}
702
+ }
703
+ @media (pointer: coarse), (max-width: 640px) { .wheel-wrapper {
704
+ animation: none !important;filter:none;transform:translateZ(0);will-change:transform;} .wheel-wrapper::before, .wheel-wrapper::after {
705
+ animation: none !important;filter:none !important;opacity:0 !important;} .drop-wrap {filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.34));transform:translateZ(0);will-change:transform;} .drop-wrap::before {
706
+ animation: none !important;filter:none !important;opacity:0 !important;} .sparkle-layer::before,
707
+ .sparkle-layer::after,
708
+ .button-glow,
709
+ .button-glow::before,
710
+ .button-glow::after {
711
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-disc {backface-visibility:hidden;transform:translateZ(0) rotate(var(--wheel-rotation, 0deg));will-change:transform;} .segment-hit-fill,
712
+ .segment-hit-edge,
713
+ .segment-hit-spark-edge,
714
+ .sparkle,
715
+ .confetti,
716
+ .center-button {filter:none !important;} .segment-hit-fill,
717
+ .segment-hit-edge,
718
+ .segment-hit-spark-edge {animation-duration:1800ms !important;}
719
+ }
720
+ @keyframes svelte-133ej82-liteHitPulse {
721
+ 0%, 100% {
722
+ opacity: 0.5;
723
+ }
724
+ 50% {
725
+ opacity: 1;
726
+ }
727
+ } .wheel-container.is-lite .wheel-wrapper {
728
+ animation: svelte-133ej82-wheelBob 3200ms ease-in-out infinite !important;will-change:transform;filter:none;} .wheel-container.is-lite .wheel-wrapper::before, .wheel-container.is-lite .wheel-wrapper::after {
729
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .drop-wrap {filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.34));} .wheel-container.is-lite .drop-wrap::before {
730
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .sparkle-layer {display:none;} .wheel-container.is-lite .button-glow {
731
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .button-glow::before, .wheel-container.is-lite .button-glow::after {
732
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .center-button {
733
+ animation: none !important;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) !important;} .wheel-container.is-lite .center-button.is-pressing {
734
+ animation: svelte-133ej82-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both !important;} .wheel-container.is-lite .wheel-wrapper.is-spin-active .center-button:not(.is-pressing) {
735
+ animation: none !important;} .wheel-container.is-lite .segment-hit-fill {filter:none !important;
736
+ animation: svelte-133ej82-liteHitPulse 1200ms ease-in-out infinite !important;} .wheel-container.is-lite .session-badge {backdrop-filter:none;-webkit-backdrop-filter:none;} .wheel-container.is-lite .outer {filter:none;} .wheel-container.is-lite .sparkle,
737
+ .wheel-container.is-lite .confetti {display:none;} .spin-button.is-lite {
738
+ animation: svelte-133ej82-buttonBreath 2400ms ease-in-out infinite !important;} .wheel-content {background-color:var(--color-primary-6, #301200);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;min-height:calc(var(--wof-size, clamp(276px, 100vw, 430px)) + 400px);position:relative;} .wheel-content > *:not(.wheel-container):not(.wheel-video-background),
739
+ .wheel-content .spins-info,
740
+ .wheel-content .spin-button {transition:opacity 0.4s ease, filter 0.4s ease;} .wheel-content.wheel-background-halo {background-image:radial-gradient(circle at 50% 55%, rgba(var(--color-primary-2, 207, 120, 69), 0.78) 0 14%, rgba(var(--color-primary-4, 128, 60, 22), 0.7) 32%, rgba(var(--color-primary-6, 89, 24, 3), 0) 65%);} .wheel-content.is-spin-blocking {touch-action:none;} .wheel-content.is-spin-blocking > *:not(.wheel-container):not(.wheel-video-background),
741
+ .wheel-content.is-spin-blocking .spins-info,
742
+ .wheel-content.is-spin-blocking .spin-button {pointer-events:none;}
743
+ @media (pointer: coarse), (max-width: 640px) { .wheel-content.is-spin-fullscreen {touch-action:none;} .wheel-content.is-spin-fullscreen .wheel-container {scale:1.15;margin-block:0;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1), margin-block 0.6s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .wheel-content.is-spin-fullscreen > *:not(.wheel-container):not(.wheel-video-background),
744
+ .wheel-content.is-spin-fullscreen .spins-info,
745
+ .wheel-content.is-spin-fullscreen .spin-button {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;}
746
+ } .wheel-video-background {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
747
+ @media (max-width: 719px) { .wheel-video-background {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
748
+ }
749
+ @media (min-width: 720px) { .wheel-video-background {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
750
+ } .wheel-video-background.is-ready {opacity:0.2;} .back-button-container {display:flex;align-items:center;justify-content:start;line-height:20px;gap:6px;width:100%;padding:10px;background-color:transparent;color:var(--color-text-default, white);border:none;} .back-button-container svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .wof-title {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .wof-title h3 {text-align:center;margin:0;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(20px, 5.5vw, 28px);line-height:1.05;} .wof-title p {text-align:center;margin:0 0 clamp(10px, 3vw, 16px);color:var(--color-text-default, rgba(238, 246, 255, 0.96));font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;} .wof-tabs {display:flex;border-radius:50px;background-color:var(--color-tabs, rgba(251, 251, 251, 0.1019607843));padding:6px;width:90%;justify-content:center;margin-bottom:12px;position:relative;z-index:2;} .wof-tabs .tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .wof-tabs .active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .hidden {display:none !important;} .wheel-container {width:var(--wof-size, clamp(276px, 100vw, 430px));position:relative;z-index:1;margin-block:clamp(-18px, -4vw, -32px);
751
+ animation: svelte-133ej82-wheelBob 5000ms ease-in-out infinite;will-change:transform;} .spins-info {display:flex;align-items:center;gap:8px;font-size:clamp(14px, 4vw, 19px);font-weight:400;color:var(--color-text-default, rgba(238, 246, 255, 0.86));position:relative;z-index:2;} .spins-info .spins-count {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(16px, 4.5vw, 20px);} .spins-info .spins-count-loader {display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
752
+ animation: svelte-133ej82-wofSpinnerRotate 600ms linear infinite;} .countdown-text {color:var(--color-overlay-neutral-4, rgba(255, 255, 255, 0.6509803922));font-size:clamp(13px, 3.8vw, 18px);text-align:center;position:relative;z-index:2;} .countdown-text .time-segment {font-variant-numeric:tabular-nums;} .spin-button {min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;position:relative;z-index:2;
753
+ animation: svelte-133ej82-spinButtonZoomGlow 1800ms ease-in-out infinite;transform-origin:50% 50%;transition:opacity 260ms ease, transform 160ms ease, filter 160ms ease;} .spin-button:active {transform:translateY(2px) scale(0.98);animation-play-state:paused;} .spin-button:disabled {
754
+ animation: none;filter:saturate(0%);box-shadow:none;pointer-events:none;} .draw-result-panel {flex:1;z-index:20;display:grid;place-items:center;padding:20px;text-align:center;overflow:hidden;width:100%;background:transparent;
755
+ animation: svelte-133ej82-drawResultPop 420ms cubic-bezier(0.16, 0.92, 0.22, 1.04) both;} .draw-result-confetti-layer {position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;} .success-confetti-piece {--x: 50%;--tx: 0px;--rot: 0deg;--spin: 360deg;--hue: #ffd23e;--w: 8px;--h: 12px;--d: 1800ms;position:absolute;left:var(--x);top:-24px;width:var(--w);height:var(--h);border-radius:3px;background:var(--hue);filter:drop-shadow(0 0 5px rgba(255, 218, 74, 0.24));transform-origin:center;
756
+ animation: svelte-133ej82-successConfettiFall var(--d) cubic-bezier(0.16, 0.68, 0.2, 1) forwards;} .success-confetti-piece.is-diamond {border-radius:2px;transform:rotate(45deg);} .success-confetti-piece.is-ribbon {border-radius:8px 2px;} .draw-result-stack {width:100%;display:grid;justify-items:center;position:relative;z-index:2;transform:translateY(clamp(16px, 5vw, 30px));} .draw-result-stack img {width:60%;max-width:300px;} .draw-result-stack img.lose {filter:saturate(0%);} .coin {width:clamp(140px, 38vw, 196px);height:clamp(142px, 38.5vw, 198px);display:grid;place-items:center;border-radius:0;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);will-change:opacity, transform;
757
+ animation: svelte-133ej82-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .coin svg,
758
+ .coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
759
+ animation: svelte-133ej82-prizeCoinFloatZoom 1800ms ease-in-out infinite;} .draw-result-title {position:relative;margin:clamp(18px, 5vw, 26px) 0 clamp(14px, 4vw, 20px);color:var(--color-text-brand, #ffcc00);font-size:clamp(26px, 7.5vw, 36px);line-height:1.05;font-weight:900;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
760
+ animation: svelte-133ej82-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 250ms both;} .draw-result-sparkle {position:absolute;color:var(--color-text-brand, #ffcc00);filter:drop-shadow(0 0 5px rgba(255, 204, 0, 0.9));opacity:0;pointer-events:none;
761
+ animation: svelte-133ej82-titleSparkle 900ms ease-out forwards;} .draw-result-description {margin:0;color:var(--color-text-default, #ffffff);font-size:clamp(14px, 3.8vw, 17px);line-height:1.55;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
762
+ animation: svelte-133ej82-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 390ms both;} .draw-result-description span {font-size:clamp(15px, 4.1vw, 19px);font-weight:900;} .draw-result-error-image {max-width:170px;} .draw-result-description--error {margin:0 20px;} .draw-result-actions {display:grid;justify-items:center;gap:12px;margin-top:clamp(16px, 4.5vw, 26px);opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
763
+ animation: svelte-133ej82-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 560ms both;} .button-spinner {position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
764
+ animation: svelte-133ej82-wofSpinnerRotate 600ms linear infinite;} .primary-cta {position:relative;min-width:clamp(148px, 42vw, 210px);min-height:clamp(42px, 10.5vw, 50px);border:none;border-radius:999px;color:var(--color-text-button-primary, #261d00);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4vw, 19px);font-weight:900;cursor:pointer;padding:0 20px;transition:transform 160ms ease, filter 160ms ease;} .primary-cta:hover {filter:brightness(1.06);transform:translateY(-1px);} .primary-cta:active {transform:translateY(2px) scale(0.98);} .secondary-cta {position:relative;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));font:inherit;font-size:clamp(13px, 3.4vw, 15px);font-weight:750;cursor:pointer;border:1px solid var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));border-radius:999px;padding:10px 20px;} .confirm-modal-content {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:70%;height:85%;max-height:500px;padding:10px 12px;background:rgba(8, 4, 0, 0.95);backdrop-filter:blur(16px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;} .confirm-modal-title {color:#ffffff;font-size:26px;font-weight:700;letter-spacing:0.2px;margin:0 0 4px;} .confirm-modal-body {color:rgba(255, 255, 255, 0.6509803922);font-size:14px;line-height:1.45;margin:0 0 10px;} .confirm-modal-actions {display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;} .confirm-modal-actions button {width:fit-content;}
765
+ @media (prefers-reduced-motion: reduce) { .coin,
766
+ .draw-result-title,
767
+ .draw-result-description,
768
+ .draw-result-actions {opacity:1;transform:none;filter:none;} .coin svg,
769
+ .coin img {
770
+ animation: none;} .success-confetti-piece {
771
+ animation: none;}
772
+ }`
773
+ };
774
+ function xn(l, a) {
775
+ Ne(a, !0), Ue(l, mn);
776
+ const o = () => Je(nn, "$_", L), [L, Y] = Ke(), s = k(a, "program", 7, null), g = k(a, "endpoint", 7, null), c = k(a, "session", 7, null), d = k(a, "language", 7, "en"), w = k(a, "showBackButton", 7, !0), y = k(a, "liteMode", 7, !1), b = ["history", "play", "rules"];
777
+ let m = E(Ve(b[1])), u = E(null), F = E(!1), H = E(!1);
778
+ const ve = he(() => {
779
+ var e, t;
780
+ return !!g() && !!s() && ((t = (e = s()) == null ? void 0 : e.remainingTimes) != null ? t : 0) > 0;
781
+ }), G = (e, t = {}) => {
782
+ var r, p, i;
783
+ return window.postMessage(
784
+ I({
785
+ type: e,
786
+ name: ((r = s()) == null ? void 0 : r.name) || null,
787
+ availableSpins: (i = (p = s()) == null ? void 0 : p.remainingTimes) != null ? i : null
788
+ }, t),
789
+ window.location.href
790
+ );
791
+ }, Q = () => G("event_coins_accessed", { isUserLoggedIn: !0 }), ye = () => G("event_coins_flip"), ke = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), _e = (e) => {
792
+ e === n(m) || n(F) || (e === b[0] ? G("event_coins_history_click") : e === b[2] ? G("event_coins_rules_click") : Q(), _(m, e, !0));
793
+ }, N = () => me(this, null, function* () {
794
+ var r, p;
795
+ if (!((r = s()) != null && r.id) || !g()) return;
796
+ const e = new Headers();
797
+ c() && e.append("X-SessionId", c());
798
+ const t = new URL(`${g()}/v1/wof/remainingTimes`);
799
+ t.searchParams.append("filter", `ProgramId[]=${s().id}`);
800
+ try {
801
+ const i = yield (yield fetch(t, { method: "GET", headers: e })).json(), x = (p = i == null ? void 0 : i.items) == null ? void 0 : p.find((M) => M.programId === s().id), B = +(x == null ? void 0 : x.remainingTimes) || 0, C = tn($(I({}, s()), {
802
+ remainingTimes: B,
803
+ current: $(I({}, s().current), { remainingTimes: B })
804
+ }));
805
+ window.postMessage({ type: "PrizeGameRemainingTimesUpdated", data: C }, window.location.href);
806
+ } catch (i) {
807
+ console.log(i);
808
+ } finally {
809
+ _(H, !1);
810
+ }
811
+ }), V = (e) => {
812
+ var t, r;
813
+ ((t = e.data) == null ? void 0 : t.type) !== "SpinAgain" && ((r = e.data) == null ? void 0 : r.type) !== "BackToWheel" || (_(u, null), e.data.skipFetch ? _(H, !0) : N());
814
+ };
815
+ qe(() => (Q(), window.addEventListener("message", V), () => window.removeEventListener("message", V)));
816
+ var je = {
817
+ get program() {
818
+ return s();
819
+ },
820
+ set program(e = null) {
821
+ s(e), j();
822
+ },
823
+ get endpoint() {
824
+ return g();
825
+ },
826
+ set endpoint(e = null) {
827
+ g(e), j();
828
+ },
829
+ get session() {
830
+ return c();
831
+ },
832
+ set session(e = null) {
833
+ c(e), j();
834
+ },
835
+ get language() {
836
+ return d();
837
+ },
838
+ set language(e = "en") {
839
+ d(e), j();
840
+ },
841
+ get showBackButton() {
842
+ return w();
843
+ },
844
+ set showBackButton(e = !0) {
845
+ w(e), j();
846
+ },
847
+ get liteMode() {
848
+ return y();
849
+ },
850
+ set liteMode(e = !1) {
851
+ y(e), j();
852
+ }
853
+ }, R = bn();
854
+ let ee;
855
+ var O = v(R), ne = v(O), ze = f(ne, 2);
856
+ {
857
+ var Be = (e) => {
858
+ var t = cn();
859
+ we(2), S(e, t);
860
+ };
861
+ U(ze, (e) => {
862
+ y() || e(Be);
863
+ });
864
+ }
865
+ we(2), h(O);
866
+ var te = f(O, 2);
867
+ {
868
+ var Se = (e) => {
869
+ var t = fn(), r = f(v(t), 4);
870
+ xe(r, 21, () => an, Qe, (p, i) => {
871
+ var x = dn();
872
+ let B, C;
873
+ K(() => {
874
+ var M, le, pe, ce, de, fe;
875
+ B = Z(x, 1, "coin-royale__spark svelte-133ej82", null, B, { "coin-royale__spark--blue": n(i).blue }), C = J(x, "", C, {
876
+ left: `${(M = n(i).left) != null ? M : ""}%`,
877
+ width: `${(le = n(i).size) != null ? le : ""}px`,
878
+ height: `${(pe = n(i).size) != null ? pe : ""}px`,
879
+ "animation-duration": `${(ce = n(i).duration) != null ? ce : ""}s`,
880
+ "animation-delay": `${(de = n(i).delay) != null ? de : ""}s`,
881
+ "--drift": `${(fe = n(i).drift) != null ? fe : ""}px`
882
+ });
883
+ }), S(p, x);
884
+ }), h(r), h(t), S(e, t);
885
+ };
886
+ U(te, (e) => {
887
+ y() || e(Se);
888
+ });
889
+ }
890
+ var z = f(te, 2);
891
+ let ae;
892
+ var Pe = f(v(z), 2), Ye = D(Pe, !0);
893
+ h(z);
894
+ var W = f(z, 2), re = v(W), Fe = D(re, !0), Ge = f(re, 2), Re = D(Ge, !0);
895
+ h(W);
896
+ var X = f(W, 2), oe = v(X);
897
+ let ie;
898
+ var Xe = f(oe, 2);
899
+ xe(Xe, 16, () => b, (e) => e, (e, t) => {
900
+ var r = gn();
901
+ let p;
902
+ var i = D(r, !0);
903
+ K(
904
+ (x) => {
905
+ p = Z(r, 1, "coin-royale__tab svelte-133ej82", null, p, { "coin-royale__tab--active": n(m) === t }), q(r, "aria-selected", n(m) === t), A(i, x);
906
+ },
907
+ [() => o()(t)]
908
+ ), ue("click", r, () => _e(t)), S(e, r);
909
+ }), h(X);
910
+ var T = f(X, 2);
911
+ let se;
912
+ var Te = v(T);
913
+ ln(Te, {
914
+ get program() {
915
+ return s();
916
+ },
917
+ get endpoint() {
918
+ return g();
919
+ },
920
+ get session() {
921
+ return c();
922
+ },
923
+ get isAvailable() {
924
+ return n(ve);
925
+ },
926
+ get remainingTimesLoading() {
927
+ return n(H);
928
+ },
929
+ onFlip: ye,
930
+ get spinResults() {
931
+ return n(u);
932
+ },
933
+ set spinResults(e) {
934
+ _(u, e, !0);
935
+ },
936
+ get spinActive() {
937
+ return n(F);
938
+ },
939
+ set spinActive(e) {
940
+ _(F, e, !0);
941
+ }
942
+ }), h(T);
943
+ var Ce = f(T, 2);
944
+ {
945
+ var Me = (e) => {
946
+ sn(e, {
947
+ get result() {
948
+ return n(u);
949
+ },
950
+ get endpoint() {
951
+ return g();
952
+ },
953
+ get session() {
954
+ return c();
955
+ },
956
+ get liteMode() {
957
+ return y();
958
+ },
959
+ onFetchRemainingTimes: N
960
+ });
961
+ }, Ie = (e) => {
962
+ {
963
+ let t = he(() => {
964
+ var r;
965
+ return (r = s()) == null ? void 0 : r.id;
966
+ });
967
+ rn(e, {
968
+ get programId() {
969
+ return n(t);
970
+ },
971
+ get endpoint() {
972
+ return g();
973
+ },
974
+ get session() {
975
+ return c();
976
+ }
977
+ });
978
+ }
979
+ }, Ze = (e) => {
980
+ on(e, {
981
+ get program() {
982
+ return s();
983
+ },
984
+ get language() {
985
+ return d();
986
+ }
987
+ });
988
+ };
989
+ U(Ce, (e) => {
990
+ n(u) ? e(Me) : n(m) === b[0] ? e(Ie, 1) : n(m) === b[2] && e(Ze, 2);
991
+ });
992
+ }
993
+ h(R), K(
994
+ (e, t, r, p, i) => {
995
+ ee = Z(R, 1, "coin-royale svelte-133ej82", null, ee, {
996
+ "coin-royale--lite": y(),
997
+ "coin-royale--result": !!n(u),
998
+ "coin-royale--plain": !!n(u) || n(m) !== b[1],
999
+ "coin-royale--busy": n(F)
1000
+ }), q(ne, "src", pn), ae = Z(z, 1, "coin-royale__back svelte-133ej82", null, ae, { "coin-royale__back--hidden": !w() }), A(Ye, e), A(Fe, t), A(Re, r), q(X, "aria-label", p), ie = J(oe, "", ie, { transform: i }), se = J(T, "", se, {
1001
+ display: n(m) !== b[1] || n(u) ? "none" : "contents"
1002
+ });
1003
+ },
1004
+ [
1005
+ () => o()("backToHub"),
1006
+ () => o()("coinTitle"),
1007
+ () => o()("wofSubtitle"),
1008
+ () => o()("coinTitle"),
1009
+ () => `translateX(${b.indexOf(n(m)) * 100}%)`
1010
+ ]
1011
+ ), ue("click", z, ke), S(l, R);
1012
+ var Ae = en(je);
1013
+ return Y(), Ae;
1014
+ }
1015
+ We(["click"]);
1016
+ $e(
1017
+ xn,
1018
+ {
1019
+ program: {},
1020
+ endpoint: {},
1021
+ session: {},
1022
+ language: {},
1023
+ showBackButton: {},
1024
+ liteMode: {}
1025
+ },
1026
+ [],
1027
+ [],
1028
+ { mode: "open" }
1029
+ );
1030
+ export {
1031
+ xn as C
1032
+ };