@everymatrix/mini-games-hub 0.1.9 → 0.1.11

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 (49) hide show
  1. package/components/{GameCard-D6sU2V3q.js → GameCard-B5IhlV0M.js} +1 -1
  2. package/components/GameCard-CXYqCpVb.js +56 -0
  3. package/components/{GameCard-BdIf8taI.cjs → GameCard-Ct6vyiQG.cjs} +1 -1
  4. package/components/GameCard-gg1cVpsy.cjs +3 -0
  5. package/components/GameCard-ohf1jOQF.js +56 -0
  6. package/components/{GameCard-kF0UN5td.js → GameCard-uj5ulL7F.js} +1 -1
  7. package/components/{MiniGamesHub-BVcmk4IU.js → MiniGamesHub-A_QU55Ox.js} +3 -3
  8. package/components/MiniGamesHub-Bbot9Iek.js +1394 -0
  9. package/components/MiniGamesHub-CyrBtxoA.js +1374 -0
  10. package/components/{MiniGamesHub-C0rZSf6S.cjs → MiniGamesHub-D7WWtj1H.cjs} +1 -1
  11. package/components/{MiniGamesHub-qecVNQ2u.js → MiniGamesHub-DhyHje6i.js} +3 -3
  12. package/components/MiniGamesHub-IU3nBLWZ.cjs +94 -0
  13. package/components/WheelOfFortune-BY3MYTwt.js +943 -0
  14. package/components/{WheelOfFortune-DSi81Ef6.js → WheelOfFortune-C3QPcM9_.js} +5 -5
  15. package/components/{WheelOfFortune-B4iD3e8L.js → WheelOfFortune-DIKqqSN0.js} +5 -5
  16. package/components/WheelOfFortune-DkHRFbuq.js +981 -0
  17. package/components/{WheelOfFortune-TbQMnCAv.cjs → WheelOfFortune-Dq5uFse9.cjs} +2 -2
  18. package/components/WheelOfFortune-DszXhJZX.cjs +630 -0
  19. package/components/WheelOfFortuneDrawResults-B7udZBEV.js +301 -0
  20. package/components/{WheelOfFortuneDrawResults-k4Kh8Rs5.cjs → WheelOfFortuneDrawResults-BLYsEy7G.cjs} +1 -1
  21. package/components/{WheelOfFortuneDrawResults-Cr_Opm7D.js → WheelOfFortuneDrawResults-BOTcT7OI.js} +1 -1
  22. package/components/WheelOfFortuneDrawResults-Ban46vUc.cjs +1 -0
  23. package/components/{WheelOfFortuneDrawResults-DtaD6Bbg.js → WheelOfFortuneDrawResults-CL3AjYJb.js} +1 -1
  24. package/components/WheelOfFortuneDrawResults-CYRN0Phi.js +276 -0
  25. package/components/{WheelOfFortuneHistory-z3M9_gS4.js → WheelOfFortuneHistory-BbRdBjji.js} +1 -1
  26. package/components/WheelOfFortuneHistory-COB7C1nL.js +232 -0
  27. package/components/WheelOfFortuneHistory-Cda9YIPp.cjs +13 -0
  28. package/components/{WheelOfFortuneHistory-awqUiE50.js → WheelOfFortuneHistory-CupBnftz.js} +1 -1
  29. package/components/{WheelOfFortuneHistory-yRqy0iaU.cjs → WheelOfFortuneHistory-D0a33HzR.cjs} +1 -1
  30. package/components/WheelOfFortuneHistory-T7NjHsHw.js +232 -0
  31. package/components/{WheelOfFortuneRules-Dey_I6Ft.js → WheelOfFortuneRules-CIeBfSfY.js} +1 -1
  32. package/components/WheelOfFortuneRules-CeD2_BcF.cjs +5 -0
  33. package/components/{WheelOfFortuneRules-BrDcDT04.js → WheelOfFortuneRules-CkNKWZhj.js} +1 -1
  34. package/components/{WheelOfFortuneRules-YS6b_8jm.cjs → WheelOfFortuneRules-DHwDQaVu.cjs} +1 -1
  35. package/components/WheelOfFortuneRules-DodXc6sB.js +128 -0
  36. package/components/WheelOfFortuneRules-Dyq7AefM.js +117 -0
  37. package/components/{WheelOfFortuneWheel-6tNP0FcW.js → WheelOfFortuneWheel-B6_1ieZG.js} +146 -146
  38. package/components/WheelOfFortuneWheel-B7DOhfW5.js +1900 -0
  39. package/components/{WheelOfFortuneWheel-Dol3euDD.cjs → WheelOfFortuneWheel-BHsFZqlw.cjs} +3 -3
  40. package/components/WheelOfFortuneWheel-CqMnfWH6.cjs +3 -0
  41. package/components/WheelOfFortuneWheel-D2fKZ64n.js +1969 -0
  42. package/components/{WheelOfFortuneWheel-B0fH6QZt.js → WheelOfFortuneWheel-EAdiCZNZ.js} +77 -77
  43. package/components/utils-C7uxZXaZ.js +6045 -0
  44. package/components/utils-DQIHJIDu.cjs +3 -0
  45. package/components/utils-d-JrZBJu.js +5997 -0
  46. package/es2015/mini-games-hub.cjs +1 -1
  47. package/es2015/mini-games-hub.js +1 -1
  48. package/esnext/mini-games-hub.js +1 -1
  49. package/package.json +1 -1
@@ -0,0 +1,981 @@
1
+ var Ge = Object.defineProperty, je = Object.defineProperties;
2
+ var Re = Object.getOwnPropertyDescriptors;
3
+ var ce = Object.getOwnPropertySymbols;
4
+ var Le = Object.prototype.hasOwnProperty, Ie = Object.prototype.propertyIsEnumerable;
5
+ var de = (l, r, a) => r in l ? Ge(l, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : l[r] = a, K = (l, r) => {
6
+ for (var a in r || (r = {}))
7
+ Le.call(r, a) && de(l, a, r[a]);
8
+ if (ce)
9
+ for (var a of ce(r))
10
+ Ie.call(r, a) && de(l, a, r[a]);
11
+ return l;
12
+ }, N = (l, r) => je(l, Re(r));
13
+ var ge = (l, r, a) => new Promise((I, S) => {
14
+ var M = (s) => {
15
+ try {
16
+ c(a.next(s));
17
+ } catch (x) {
18
+ S(x);
19
+ }
20
+ }, o = (s) => {
21
+ try {
22
+ c(a.throw(s));
23
+ } catch (x) {
24
+ S(x);
25
+ }
26
+ }, c = (s) => s.done ? I(s.value) : Promise.resolve(s.value).then(M, o);
27
+ c((a = a.apply(l, r)).next());
28
+ });
29
+ import { d as Me, c as Ye, a as Oe, t as Ee, p as m, o as De, i as fe, e as Xe, W as Ze, k as A, s as R, r as He, l as me, b as Q, f as J, m as Ve, u as Ue } from "./WheelOfFortuneWheel-D2fKZ64n.js";
30
+ import { D as Ke, aL as Ne, aM as k, az as Qe, S as qe, Z as n, ar as p, aO as z, aT as b, ae as q, I as Je, aX as L, aP as $e, aQ as en, aD as u, aR as nn, b5 as tn, aW as g } from "./utils-C7uxZXaZ.js";
31
+ import { W as rn } from "./WheelOfFortuneHistory-T7NjHsHw.js";
32
+ import { W as an } from "./WheelOfFortuneDrawResults-B7udZBEV.js";
33
+ import { W as on } from "./WheelOfFortuneRules-DodXc6sB.js";
34
+ import { p as sn } from "./constants-BYsDpbRv.js";
35
+ var ln = J('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>', 2), pn = J("<button> </button>"), cn = J('<div><!> <button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-17ly5gn"><path d="M6.41602 0.508789C6.52096 0.508793 6.59652 0.539241 6.66797 0.602539C6.7386 0.67644 6.76557 0.747068 6.76562 0.837891C6.76562 0.932337 6.7377 1.00571 6.66113 1.08203H6.66016L2.52344 5.21777L1.6543 6.08691H12.3633C12.475 6.08691 12.5456 6.11894 12.6084 6.18164C12.6712 6.24445 12.7034 6.31429 12.7031 6.4248C12.7029 6.53664 12.67 6.60779 12.6064 6.67188C12.5449 6.73387 12.4767 6.76611 12.3662 6.76562H1.6543L2.52344 7.63477L6.68066 11.791C6.75777 11.8681 6.77865 11.933 6.77637 12.0098C6.77383 12.0944 6.7457 12.1683 6.66797 12.249C6.58857 12.3195 6.50864 12.3512 6.40918 12.3545C6.33349 12.357 6.26929 12.3368 6.19238 12.2598L0.592773 6.66016C0.553631 6.62101 0.537222 6.59146 0.530273 6.57227C0.516661 6.53445 0.508264 6.48865 0.508789 6.43164C0.509411 6.36947 0.519283 6.31813 0.53418 6.27539C0.539753 6.25947 0.553255 6.23167 0.591797 6.19336L6.19238 0.592773C6.24602 0.539241 6.30834 0.508789 6.41602 0.508789Z" stroke="white" stroke-width="1.018" class="svelte-17ly5gn"></path></svg> <p class="svelte-17ly5gn"> </p></button> <div><h3 class="svelte-17ly5gn"> </h3> <p class="svelte-17ly5gn"> </p></div> <div></div> <div class="svelte-17ly5gn"><!></div> <!></div>');
36
+ const dn = {
37
+ hash: "svelte-17ly5gn",
38
+ code: `@keyframes svelte-17ly5gn-wheelBob {
39
+ 0%, 100% {
40
+ transform: translateY(0);
41
+ }
42
+ 50% {
43
+ transform: translateY(-10px);
44
+ }
45
+ }
46
+ @keyframes svelte-17ly5gn-stageFloat {
47
+ 0%, 100% {
48
+ transform: translate3d(0, 0, 0) rotate(-0.12deg) scale(1);
49
+ }
50
+ 42% {
51
+ transform: translate3d(0, -4px, 0) rotate(0.16deg) scale(1.002);
52
+ }
53
+ 72% {
54
+ transform: translate3d(0, 2px, 0) rotate(-0.04deg) scale(0.999);
55
+ }
56
+ }
57
+ @keyframes svelte-17ly5gn-stageGlow {
58
+ 0%, 100% {
59
+ opacity: 0.46;
60
+ transform: scale(0.94);
61
+ filter: blur(27px);
62
+ }
63
+ 50% {
64
+ opacity: 0.68;
65
+ transform: scale(1.02);
66
+ filter: blur(31px);
67
+ }
68
+ }
69
+ @keyframes svelte-17ly5gn-glowOrbit {
70
+ 0%, 100% {
71
+ opacity: 0.13;
72
+ transform: scale(0.88) rotate(-8deg);
73
+ }
74
+ 50% {
75
+ opacity: 0.24;
76
+ transform: scale(0.95) rotate(5deg);
77
+ }
78
+ }
79
+ @keyframes svelte-17ly5gn-frameGlowBreath {
80
+ 0%, 100% {
81
+ opacity: 0.58;
82
+ transform: scale(0.94);
83
+ filter: blur(30px);
84
+ }
85
+ 48% {
86
+ opacity: 0.82;
87
+ transform: scale(1.03);
88
+ filter: blur(34px);
89
+ }
90
+ }
91
+ @keyframes svelte-17ly5gn-wheelDrop {
92
+ 0% {
93
+ transform: translateY(-60vh) scale(0.961) rotate(-9deg);
94
+ opacity: 0;
95
+ }
96
+ 70% {
97
+ transform: translateY(-20px) scale(1.012) rotate(2deg);
98
+ opacity: 1;
99
+ }
100
+ 86% {
101
+ transform: translateY(0px) scale(0.997) rotate(-0.6deg);
102
+ }
103
+ 100% {
104
+ transform: translateY(0) scale(1) rotate(0);
105
+ opacity: 1;
106
+ }
107
+ }
108
+ @keyframes svelte-17ly5gn-spinGlowPop {
109
+ 0% {
110
+ opacity: 0.56;
111
+ transform: scale(0.96);
112
+ filter: blur(25px);
113
+ }
114
+ 32% {
115
+ opacity: 0.92;
116
+ transform: scale(1.08);
117
+ filter: blur(31px);
118
+ }
119
+ 100% {
120
+ opacity: 0.58;
121
+ transform: scale(0.98);
122
+ filter: blur(27px);
123
+ }
124
+ }
125
+ @keyframes svelte-17ly5gn-glowPulse {
126
+ 0%, 100% {
127
+ opacity: 0.72;
128
+ transform: scale(0.95);
129
+ }
130
+ 50% {
131
+ opacity: 1;
132
+ transform: scale(1.12);
133
+ }
134
+ }
135
+ @keyframes svelte-17ly5gn-glowRing {
136
+ 0%, 100% {
137
+ opacity: 0.42;
138
+ transform: scale(0.92);
139
+ }
140
+ 50% {
141
+ opacity: 0.88;
142
+ transform: scale(1.18);
143
+ }
144
+ }
145
+ @keyframes svelte-17ly5gn-centerButtonSpinBreath {
146
+ 0%, 100% {
147
+ transform: scale(1);
148
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
149
+ }
150
+ 45% {
151
+ transform: scale(1.032);
152
+ filter: drop-shadow(0 11px 18px rgba(0, 0, 0, 0.36)) brightness(1.07);
153
+ }
154
+ }
155
+ @keyframes svelte-17ly5gn-middleButtonIdleZoomGlow {
156
+ 0%, 100% {
157
+ transform: scale(1);
158
+ 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);
159
+ }
160
+ 50% {
161
+ transform: scale(1.045);
162
+ 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);
163
+ }
164
+ }
165
+ @keyframes svelte-17ly5gn-middleButtonPress {
166
+ 0% {
167
+ transform: scale(1);
168
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
169
+ }
170
+ 28% {
171
+ transform: scale(0.91);
172
+ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.36)) brightness(0.98);
173
+ }
174
+ 68% {
175
+ transform: scale(1.045);
176
+ filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.36)) brightness(1.08);
177
+ }
178
+ 100% {
179
+ transform: scale(1);
180
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
181
+ }
182
+ }
183
+ @keyframes svelte-17ly5gn-prizeStageGlow {
184
+ 0% {
185
+ opacity: 0.54;
186
+ transform: scale(0.96);
187
+ filter: blur(26px);
188
+ }
189
+ 22% {
190
+ opacity: 0.94;
191
+ transform: scale(1.06);
192
+ filter: blur(20px);
193
+ }
194
+ 100% {
195
+ opacity: 0.54;
196
+ transform: scale(0.96);
197
+ filter: blur(26px);
198
+ }
199
+ }
200
+ @keyframes svelte-17ly5gn-prizeFillGlow {
201
+ 0% {
202
+ opacity: 0;
203
+ transform: scale(0.982);
204
+ }
205
+ 8% {
206
+ opacity: 0.94;
207
+ transform: scale(1.008);
208
+ }
209
+ 24% {
210
+ opacity: 0.62;
211
+ transform: scale(0.997);
212
+ }
213
+ 42% {
214
+ opacity: 0.8;
215
+ transform: scale(1.006);
216
+ }
217
+ 60% {
218
+ opacity: 0.55;
219
+ transform: scale(0.999);
220
+ }
221
+ 78% {
222
+ opacity: 0.72;
223
+ transform: scale(1.004);
224
+ }
225
+ 100% {
226
+ opacity: 0;
227
+ transform: scale(0.99);
228
+ }
229
+ }
230
+ @keyframes svelte-17ly5gn-prizeEdgePulse {
231
+ 0% {
232
+ opacity: 0;
233
+ stroke-width: 0.035;
234
+ }
235
+ 8% {
236
+ opacity: 1;
237
+ stroke-width: 0.025;
238
+ }
239
+ 24% {
240
+ opacity: 0.88;
241
+ stroke-width: 0.035;
242
+ }
243
+ 42% {
244
+ opacity: 1;
245
+ stroke-width: 0.025;
246
+ }
247
+ 60% {
248
+ opacity: 0.85;
249
+ stroke-width: 0.035;
250
+ }
251
+ 78% {
252
+ opacity: 1;
253
+ stroke-width: 0.025;
254
+ }
255
+ 100% {
256
+ opacity: 0.85;
257
+ stroke-width: 0.035;
258
+ }
259
+ }
260
+ @keyframes svelte-17ly5gn-prizeDashDance {
261
+ 0% {
262
+ opacity: 0;
263
+ stroke-dashoffset: 12;
264
+ }
265
+ 10% {
266
+ opacity: 0.94;
267
+ }
268
+ 48% {
269
+ opacity: 0.78;
270
+ }
271
+ 82% {
272
+ opacity: 0.66;
273
+ }
274
+ 100% {
275
+ opacity: 0;
276
+ stroke-dashoffset: -26;
277
+ }
278
+ }
279
+ @keyframes svelte-17ly5gn-prizeSheenSweep {
280
+ 0% {
281
+ opacity: 0;
282
+ transform: translateX(-7px) scale(0.98);
283
+ }
284
+ 12% {
285
+ opacity: 0.58;
286
+ transform: translateX(-1px) scale(1.01);
287
+ }
288
+ 36% {
289
+ opacity: 0.22;
290
+ transform: translateX(3px) scale(1);
291
+ }
292
+ 62% {
293
+ opacity: 0.42;
294
+ transform: translateX(1px) scale(1.008);
295
+ }
296
+ 100% {
297
+ opacity: 0;
298
+ transform: translateX(8px) scale(0.99);
299
+ }
300
+ }
301
+ @keyframes svelte-17ly5gn-superPrizeStageGlow {
302
+ 0% {
303
+ transform: scale(0.96);
304
+ opacity: 0.2;
305
+ filter: blur(8px);
306
+ }
307
+ 45% {
308
+ transform: scale(1.13);
309
+ opacity: 0.86;
310
+ filter: blur(13px);
311
+ }
312
+ 100% {
313
+ transform: scale(1.03);
314
+ opacity: 0.45;
315
+ filter: blur(10px);
316
+ }
317
+ }
318
+ @keyframes svelte-17ly5gn-superPrizeFillGlow {
319
+ 0% {
320
+ opacity: 0.2;
321
+ transform: scale(0.96);
322
+ }
323
+ 32% {
324
+ opacity: 1;
325
+ transform: scale(1.045);
326
+ }
327
+ 66% {
328
+ opacity: 0.72;
329
+ transform: scale(1.015);
330
+ }
331
+ 100% {
332
+ opacity: 0.58;
333
+ transform: scale(1);
334
+ }
335
+ }
336
+ @keyframes svelte-17ly5gn-superPrizeSheenSweep {
337
+ 0% {
338
+ opacity: 0;
339
+ transform: scale(0.88) rotate(-5deg);
340
+ }
341
+ 34% {
342
+ opacity: 0.95;
343
+ transform: scale(1.08) rotate(2deg);
344
+ }
345
+ 100% {
346
+ opacity: 0.2;
347
+ transform: scale(1.16) rotate(7deg);
348
+ }
349
+ }
350
+ @keyframes svelte-17ly5gn-superPrizeEdgePulse {
351
+ 0% {
352
+ opacity: 0.4;
353
+ transform: scale(0.97);
354
+ }
355
+ 38% {
356
+ opacity: 1;
357
+ transform: scale(1.055);
358
+ }
359
+ 70% {
360
+ opacity: 0.86;
361
+ transform: scale(1.018);
362
+ }
363
+ 100% {
364
+ opacity: 0.72;
365
+ transform: scale(1);
366
+ }
367
+ }
368
+ @keyframes svelte-17ly5gn-superPrizeDashDance {
369
+ 0% {
370
+ opacity: 0;
371
+ stroke-dashoffset: 20;
372
+ transform: scale(0.95);
373
+ }
374
+ 18% {
375
+ opacity: 1;
376
+ }
377
+ 100% {
378
+ opacity: 0.76;
379
+ stroke-dashoffset: -42;
380
+ transform: scale(1.04);
381
+ }
382
+ }
383
+ @keyframes svelte-17ly5gn-spinButtonZoomGlow {
384
+ 0%, 100% {
385
+ transform: scale(1);
386
+ filter: brightness(1);
387
+ 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);
388
+ }
389
+ 50% {
390
+ transform: scale(1.065);
391
+ filter: brightness(1.08);
392
+ 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);
393
+ }
394
+ }
395
+ @keyframes svelte-17ly5gn-buttonBreath {
396
+ 0%, 100% {
397
+ transform: scale(1);
398
+ }
399
+ 50% {
400
+ transform: scale(1.035);
401
+ }
402
+ }
403
+ @keyframes svelte-17ly5gn-buttonAura {
404
+ 0%, 100% {
405
+ filter: brightness(1) saturate(1);
406
+ 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);
407
+ }
408
+ 50% {
409
+ filter: brightness(1.035) saturate(1.04);
410
+ 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);
411
+ }
412
+ }
413
+ @keyframes svelte-17ly5gn-buttonSheen {
414
+ 0%, 58%, 100% {
415
+ transform: translateX(-120%);
416
+ opacity: 0.22;
417
+ }
418
+ 72% {
419
+ transform: translateX(120%);
420
+ opacity: 0.42;
421
+ }
422
+ }
423
+ @keyframes svelte-17ly5gn-buttonPop {
424
+ 0% {
425
+ transform: translateY(2px) scale(0.985);
426
+ }
427
+ 48% {
428
+ transform: translateY(-2px) scale(1.018);
429
+ }
430
+ 100% {
431
+ transform: translateY(0) scale(1);
432
+ }
433
+ }
434
+ @keyframes svelte-17ly5gn-confettiFirework {
435
+ 0% {
436
+ opacity: 0;
437
+ transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
438
+ }
439
+ 9% {
440
+ opacity: 1;
441
+ 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));
442
+ }
443
+ 28% {
444
+ opacity: 0.98;
445
+ transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(calc(var(--rot) + var(--spin) * 0.56));
446
+ }
447
+ 72% {
448
+ opacity: 0.78;
449
+ 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));
450
+ }
451
+ 100% {
452
+ opacity: 0;
453
+ transform: translate(calc(-50% + var(--tx) * 1.14), calc(-50% + var(--ty) + var(--fall))) scale(0.62) rotate(calc(var(--rot) + var(--spin)));
454
+ }
455
+ }
456
+ @keyframes svelte-17ly5gn-swipeHandAcross {
457
+ 0%, 100% {
458
+ transform: translateX(-70px) rotate(-22deg);
459
+ opacity: 0.65;
460
+ }
461
+ 50% {
462
+ transform: translateX(70px) rotate(22deg);
463
+ opacity: 0.65;
464
+ }
465
+ 25%, 75% {
466
+ opacity: 1;
467
+ }
468
+ }
469
+ @keyframes svelte-17ly5gn-wofSpinnerFadeIn {
470
+ to {
471
+ opacity: 1;
472
+ }
473
+ }
474
+ @keyframes svelte-17ly5gn-wofSpinnerRotate {
475
+ to {
476
+ transform: rotate(360deg);
477
+ }
478
+ }
479
+ @keyframes svelte-17ly5gn-titleSparkle {
480
+ 0% {
481
+ opacity: 0;
482
+ transform: scale(0.2) rotate(0deg);
483
+ }
484
+ 40% {
485
+ opacity: 1;
486
+ transform: scale(1.4) rotate(35deg);
487
+ }
488
+ 100% {
489
+ opacity: 0;
490
+ transform: scale(0.6) translateY(-20px) rotate(75deg);
491
+ }
492
+ }
493
+ @keyframes svelte-17ly5gn-drawResultPop {
494
+ 0% {
495
+ opacity: 0;
496
+ transform: scale(0.92) translateY(8px);
497
+ }
498
+ 62% {
499
+ opacity: 1;
500
+ transform: scale(1.016) translateY(-2px);
501
+ }
502
+ 100% {
503
+ opacity: 1;
504
+ transform: scale(1) translateY(0);
505
+ }
506
+ }
507
+ @keyframes svelte-17ly5gn-successElementIn {
508
+ 0% {
509
+ opacity: 0;
510
+ transform: translate3d(0, 18px, 0) scale(0.98);
511
+ filter: blur(3px);
512
+ }
513
+ 70% {
514
+ opacity: 1;
515
+ transform: translate3d(0, -2px, 0) scale(1.01);
516
+ filter: blur(0);
517
+ }
518
+ 100% {
519
+ opacity: 1;
520
+ transform: translate3d(0, 0, 0) scale(1);
521
+ filter: blur(0);
522
+ }
523
+ }
524
+ @keyframes svelte-17ly5gn-successConfettiFall {
525
+ 0% {
526
+ opacity: 0;
527
+ transform: translate3d(-50%, -18px, 0) rotate(var(--rot)) scale(0.62);
528
+ }
529
+ 9% {
530
+ opacity: 1;
531
+ }
532
+ 46% {
533
+ opacity: 0.96;
534
+ transform: translate3d(calc(-50% + var(--tx) * 0.55), 48vh, 0) rotate(calc(var(--rot) + var(--spin) * 0.52)) scale(1);
535
+ }
536
+ 100% {
537
+ opacity: 0;
538
+ transform: translate3d(calc(-50% + var(--tx)), 108vh, 0) rotate(calc(var(--rot) + var(--spin))) scale(0.86);
539
+ }
540
+ }
541
+ @keyframes svelte-17ly5gn-prizeCoinFloatZoom {
542
+ 0%, 100% {
543
+ transform: translate3d(0, 0, 0) scale(1);
544
+ }
545
+ 50% {
546
+ transform: translate3d(0, -8px, 0) scale(1.065);
547
+ }
548
+ }
549
+ @media (prefers-reduced-motion: reduce) { .wheel-wrapper,
550
+ .wheel-wrapper::before,
551
+ .wheel-wrapper::after,
552
+ .drop-wrap,
553
+ .wheel-disc,
554
+ .center-button,
555
+ .button-glow,
556
+ .spin-button {
557
+ animation: none !important;}
558
+ } .wheel-wrapper {position:relative;isolation:isolate;width:100%;aspect-ratio:726/720;cursor:grab;transform-origin:50% 55%;
559
+ animation: svelte-17ly5gn-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);
560
+ animation: svelte-17ly5gn-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);
561
+ animation: svelte-17ly5gn-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 {
562
+ animation: svelte-17ly5gn-spinGlowPop 920ms cubic-bezier(0.12, 0.92, 0.22, 1) both;} .wheel-wrapper.is-prize-hit::before {
563
+ animation: svelte-17ly5gn-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;
564
+ 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,
565
+ .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;
566
+ animation: svelte-17ly5gn-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%;
567
+ animation: svelte-17ly5gn-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);
568
+ animation: svelte-17ly5gn-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,
569
+ .segment-hit-sheen,
570
+ .segment-hit-edge,
571
+ .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));
572
+ animation: svelte-17ly5gn-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));
573
+ animation: svelte-17ly5gn-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)));
574
+ animation: svelte-17ly5gn-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);
575
+ animation: svelte-17ly5gn-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);
576
+ animation: svelte-17ly5gn-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) {
577
+ animation: svelte-17ly5gn-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .center-button.is-pressing {
578
+ animation: svelte-17ly5gn-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) {
579
+ animation: svelte-17ly5gn-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);
580
+ animation: svelte-17ly5gn-wofSpinnerRotate 900ms linear infinite;} .wheel-wrapper.is-assets-loading ~ .wheel-loading-spinner {
581
+ animation: svelte-17ly5gn-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%;
582
+ animation: svelte-17ly5gn-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;}
583
+ @media (pointer: fine) and (min-width: 641px) { .swipe-hint-wrap {display:none;}
584
+ }
585
+ @media (pointer: coarse), (max-width: 640px) { .wheel-wrapper {
586
+ animation: none !important;filter:none;transform:translateZ(0);will-change:transform;} .wheel-wrapper::before, .wheel-wrapper::after {
587
+ 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 {
588
+ animation: none !important;filter:none !important;opacity:0 !important;} .sparkle-layer::before,
589
+ .sparkle-layer::after,
590
+ .button-glow,
591
+ .button-glow::before,
592
+ .button-glow::after {
593
+ 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,
594
+ .segment-hit-edge,
595
+ .segment-hit-spark-edge,
596
+ .sparkle,
597
+ .confetti,
598
+ .center-button {filter:none !important;} .segment-hit-fill,
599
+ .segment-hit-edge,
600
+ .segment-hit-spark-edge {animation-duration:1800ms !important;}
601
+ }
602
+ @keyframes svelte-17ly5gn-liteHitPulse {
603
+ 0%, 100% {
604
+ opacity: 0.5;
605
+ }
606
+ 50% {
607
+ opacity: 1;
608
+ }
609
+ } .wheel-container.is-lite .wheel-wrapper {
610
+ animation: svelte-17ly5gn-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 {
611
+ 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 {
612
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .sparkle-layer {display:none;} .wheel-container.is-lite .button-glow {
613
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .button-glow::before, .wheel-container.is-lite .button-glow::after {
614
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .center-button {
615
+ animation: none !important;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) !important;} .wheel-container.is-lite .center-button.is-pressing {
616
+ animation: svelte-17ly5gn-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) {
617
+ animation: none !important;} .wheel-container.is-lite .segment-hit-fill {filter:none !important;
618
+ animation: svelte-17ly5gn-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,
619
+ .wheel-container.is-lite .confetti {display:none;} .spin-button.is-lite {
620
+ animation: svelte-17ly5gn-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),
621
+ .wheel-content .spins-info,
622
+ .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%);}
623
+ @media (pointer: coarse), (max-width: 640px) { .wheel-content.is-spin-fullscreen {
624
+ animation: svelte-17ly5gn-spinOverlayIn 0.4s ease forwards;touch-action:none;} .wheel-content.is-spin-fullscreen.is-spin-exiting {
625
+ animation: svelte-17ly5gn-spinOverlayOut 0.35s ease forwards;} .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),
626
+ .wheel-content.is-spin-fullscreen .spins-info,
627
+ .wheel-content.is-spin-fullscreen .spin-button {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;}
628
+ } .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;}
629
+ @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);}
630
+ }
631
+ @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);}
632
+ } .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);
633
+ animation: svelte-17ly5gn-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%;
634
+ animation: svelte-17ly5gn-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-style:italic;font-weight:900;cursor:pointer;position:relative;z-index:2;
635
+ animation: svelte-17ly5gn-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 {
636
+ animation: none;filter:saturate(0%);box-shadow:none;pointer-events:none;}
637
+ @keyframes svelte-17ly5gn-spinOverlayIn {
638
+ from {
639
+ opacity: 0;
640
+ }
641
+ to {
642
+ opacity: 1;
643
+ }
644
+ }
645
+ @keyframes svelte-17ly5gn-spinOverlayOut {
646
+ to {
647
+ opacity: 0;
648
+ }
649
+ } .draw-result-panel {flex:1;z-index:20;display:grid;place-items:center;padding:20px;text-align:center;overflow:hidden;width:100%;background:transparent;
650
+ animation: svelte-17ly5gn-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;
651
+ animation: svelte-17ly5gn-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;
652
+ animation: svelte-17ly5gn-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .coin svg,
653
+ .coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
654
+ animation: svelte-17ly5gn-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);
655
+ animation: svelte-17ly5gn-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;
656
+ animation: svelte-17ly5gn-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);
657
+ animation: svelte-17ly5gn-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);
658
+ animation: svelte-17ly5gn-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%;
659
+ animation: svelte-17ly5gn-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-style:italic;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;font-style:italic;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;}
660
+ @media (prefers-reduced-motion: reduce) { .coin,
661
+ .draw-result-title,
662
+ .draw-result-description,
663
+ .draw-result-actions {opacity:1;transform:none;filter:none;} .coin svg,
664
+ .coin img {
665
+ animation: none;} .success-confetti-piece {
666
+ animation: none;}
667
+ }`
668
+ };
669
+ function gn(l, r) {
670
+ Ke(r, !0), Oe(l, dn);
671
+ const a = () => $e(en, "$_", I), [I, S] = nn();
672
+ Ne.extend(Ee);
673
+ const M = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", o = m(r, "program", 7, null), c = m(r, "endpoint", 7, null), s = m(r, "session", 7, null), x = m(r, "outerWheelAsset", 7, null), Y = m(r, "wheelButtonAsset", 7, null), O = m(r, "backgroundVideoAsset", 7, null), E = m(r, "language", 7, "en"), D = m(r, "showBackButton", 7, !0), y = m(r, "liteMode", 7, !1), _ = L(() => !c() || !o()), be = L(() => {
674
+ var e, t;
675
+ return !n(_) && ((t = (e = o()) == null ? void 0 : e.remainingTimes) != null ? t : 0) > 0;
676
+ }), ue = L(() => {
677
+ var e, t;
678
+ return n(_) ? sn : (t = (e = o()) == null ? void 0 : e.partitions) != null ? t : [];
679
+ }), f = ["history", "play", "rules"];
680
+ let h = k(Qe(f[1]));
681
+ const he = (e) => {
682
+ var t, i, d, v;
683
+ e !== n(h) && (e === f[0] ? window.postMessage(
684
+ {
685
+ type: "event_wof_history_click",
686
+ name: ((t = o()) == null ? void 0 : t.name) || null
687
+ },
688
+ window.location.href
689
+ ) : e === f[2] ? window.postMessage({ type: "event_wof_rules_click", name: ((i = o()) == null ? void 0 : i.name) || null }, window.location.href) : window.postMessage(
690
+ {
691
+ type: "event_wof_accessed",
692
+ isUserLoggedIn: !n(_),
693
+ name: ((d = o()) == null ? void 0 : d.name) || null,
694
+ availableSpins: ((v = o()) == null ? void 0 : v.remainingTimes) || null
695
+ },
696
+ window.location.href
697
+ ), p(Z, !1), p(h, e, !0));
698
+ };
699
+ let w = k(null), X = k(!1), Z = k(!1), H = k(!1), P = k(!1), W = k(!1);
700
+ qe(() => {
701
+ if (!y()) {
702
+ if (n(X))
703
+ p(P, !0), p(W, !1);
704
+ else if (n(P)) {
705
+ p(W, !0);
706
+ const e = setTimeout(
707
+ () => {
708
+ p(P, !1), p(W, !1);
709
+ },
710
+ 350
711
+ );
712
+ return () => clearTimeout(e);
713
+ }
714
+ }
715
+ });
716
+ const we = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), xe = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), $ = () => ge(this, null, function* () {
717
+ var i, d;
718
+ if (!((i = o()) != null && i.id) || !c()) return;
719
+ const e = new URL(`${c()}/v1/wof/remainingTimes`), t = new Headers();
720
+ s() && t.append("X-SessionId", s()), e.searchParams.append("filter", `ProgramId[]=${o().id}`);
721
+ try {
722
+ const B = yield (yield fetch(e, { method: "GET", headers: t })).json();
723
+ let U = 0;
724
+ if (((d = B == null ? void 0 : B.items) == null ? void 0 : d.length) > 0) {
725
+ const pe = B.items.find((Fe) => Fe.programId === o().id);
726
+ pe && (U = +pe.remainingTimes || 0);
727
+ }
728
+ const Te = tn(N(K({}, o()), {
729
+ remainingTimes: U,
730
+ current: N(K({}, o().current), { remainingTimes: U })
731
+ }));
732
+ window.postMessage({ type: "PrizeGameRemainingTimesUpdated", data: Te }, "*");
733
+ } catch (v) {
734
+ console.log(v);
735
+ } finally {
736
+ p(H, !1);
737
+ }
738
+ }), ee = (e) => {
739
+ if (e.data)
740
+ switch (e.data.type) {
741
+ case "SpinAgain":
742
+ case "BackToWheel":
743
+ p(w, null), e.data.skipFetch ? p(H, !0) : $();
744
+ break;
745
+ }
746
+ };
747
+ De(() => (window.addEventListener("message", ee), () => {
748
+ window.removeEventListener("message", ee);
749
+ }));
750
+ var ye = {
751
+ get program() {
752
+ return o();
753
+ },
754
+ set program(e = null) {
755
+ o(e), u();
756
+ },
757
+ get endpoint() {
758
+ return c();
759
+ },
760
+ set endpoint(e = null) {
761
+ c(e), u();
762
+ },
763
+ get session() {
764
+ return s();
765
+ },
766
+ set session(e = null) {
767
+ s(e), u();
768
+ },
769
+ get outerWheelAsset() {
770
+ return x();
771
+ },
772
+ set outerWheelAsset(e = null) {
773
+ x(e), u();
774
+ },
775
+ get wheelButtonAsset() {
776
+ return Y();
777
+ },
778
+ set wheelButtonAsset(e = null) {
779
+ Y(e), u();
780
+ },
781
+ get backgroundVideoAsset() {
782
+ return O();
783
+ },
784
+ set backgroundVideoAsset(e = null) {
785
+ O(e), u();
786
+ },
787
+ get language() {
788
+ return E();
789
+ },
790
+ set language(e = "en") {
791
+ E(e), u();
792
+ },
793
+ get showBackButton() {
794
+ return D();
795
+ },
796
+ set showBackButton(e = !0) {
797
+ D(e), u();
798
+ },
799
+ get liteMode() {
800
+ return y();
801
+ },
802
+ set liteMode(e = !1) {
803
+ y(e), u();
804
+ }
805
+ }, T = cn();
806
+ let ne;
807
+ var te = b(T);
808
+ {
809
+ var ve = (e) => {
810
+ var t = ln();
811
+ let i;
812
+ t.muted = !0;
813
+ var d = b(t);
814
+ g(t), q(() => {
815
+ i = A(t, 1, "wheel-video-background svelte-17ly5gn", null, i, { "is-ready": n(Z) }), Ve(d, "src", O() || M);
816
+ }), Ue("canplay", t, () => p(Z, !0)), Q(e, t);
817
+ };
818
+ fe(te, (e) => {
819
+ !y() && n(h) === f[1] && e(ve);
820
+ });
821
+ }
822
+ var C = z(te, 2);
823
+ let re;
824
+ var ae = z(b(C), 2), ke = b(ae, !0);
825
+ g(ae), g(C);
826
+ var F = z(C, 2);
827
+ let oe;
828
+ var V = b(F), ze = b(V, !0);
829
+ g(V);
830
+ var ie = z(V, 2), _e = b(ie, !0);
831
+ g(ie), g(F);
832
+ var G = z(F, 2);
833
+ let se;
834
+ Xe(G, 20, () => f, (e) => e, (e, t) => {
835
+ var i = pn();
836
+ let d;
837
+ var v = b(i, !0);
838
+ g(i), q(
839
+ (B) => {
840
+ d = A(i, 1, "tab svelte-17ly5gn", null, d, { active: n(h) === t }), R(v, B);
841
+ },
842
+ [() => a()(t)]
843
+ ), me("click", i, () => he(t)), Q(e, i);
844
+ }), g(G);
845
+ var j = z(G, 2);
846
+ let le;
847
+ var Be = b(j);
848
+ Ze(Be, {
849
+ get program() {
850
+ return o();
851
+ },
852
+ get endpoint() {
853
+ return c();
854
+ },
855
+ get session() {
856
+ return s();
857
+ },
858
+ get outerWheelAsset() {
859
+ return x();
860
+ },
861
+ get wheelButtonAsset() {
862
+ return Y();
863
+ },
864
+ get wheelSlices() {
865
+ return n(ue);
866
+ },
867
+ get isPlaceholder() {
868
+ return n(_);
869
+ },
870
+ get isWheelAvailable() {
871
+ return n(be);
872
+ },
873
+ get liteMode() {
874
+ return y();
875
+ },
876
+ get remainingTimesLoading() {
877
+ return n(H);
878
+ },
879
+ onLogin: we,
880
+ get spinResults() {
881
+ return n(w);
882
+ },
883
+ set spinResults(e) {
884
+ p(w, e, !0);
885
+ },
886
+ get spinActive() {
887
+ return n(X);
888
+ },
889
+ set spinActive(e) {
890
+ p(X, e, !0);
891
+ }
892
+ }), g(j);
893
+ var Ae = z(j, 2);
894
+ {
895
+ var Ce = (e) => {
896
+ an(e, {
897
+ get result() {
898
+ return n(w);
899
+ },
900
+ get endpoint() {
901
+ return c();
902
+ },
903
+ get session() {
904
+ return s();
905
+ },
906
+ get liteMode() {
907
+ return y();
908
+ },
909
+ onFetchRemainingTimes: $
910
+ });
911
+ }, Se = (e) => {
912
+ {
913
+ let t = L(() => {
914
+ var i;
915
+ return (i = o()) == null ? void 0 : i.id;
916
+ });
917
+ rn(e, {
918
+ get programId() {
919
+ return n(t);
920
+ },
921
+ get endpoint() {
922
+ return c();
923
+ },
924
+ get session() {
925
+ return s();
926
+ }
927
+ });
928
+ }
929
+ }, Pe = (e) => {
930
+ on(e, {
931
+ get program() {
932
+ return o();
933
+ },
934
+ get language() {
935
+ return E();
936
+ }
937
+ });
938
+ };
939
+ fe(Ae, (e) => {
940
+ n(w) ? e(Ce) : n(h) === f[0] ? e(Se, 1) : n(h) === f[2] && e(Pe, 2);
941
+ });
942
+ }
943
+ g(T), q(
944
+ (e, t, i) => {
945
+ ne = A(T, 1, "wheel-content svelte-17ly5gn", null, ne, {
946
+ "is-spin-fullscreen": n(P),
947
+ "is-spin-exiting": n(W),
948
+ "wheel-background-halo": y() && n(h) === f[1]
949
+ }), re = A(C, 1, "back-button-container svelte-17ly5gn", null, re, { hidden: n(_) || !D() }), R(ke, e), oe = A(F, 1, "wof-title svelte-17ly5gn", null, oe, { hidden: n(w) }), R(ze, t), R(_e, i), se = A(G, 1, "wof-tabs svelte-17ly5gn", null, se, { hidden: n(_) || n(w) }), le = He(j, "", le, {
950
+ display: n(h) !== f[1] || n(w) ? "none" : "contents"
951
+ });
952
+ },
953
+ [
954
+ () => a()("backToHub"),
955
+ () => a()("wofTitle"),
956
+ () => a()("wofSubtitle")
957
+ ]
958
+ ), me("click", C, xe), Q(l, T);
959
+ var We = Je(ye);
960
+ return S(), We;
961
+ }
962
+ Me(["click"]);
963
+ customElements.define("wheel-of-fortune", Ye(
964
+ gn,
965
+ {
966
+ program: {},
967
+ endpoint: {},
968
+ session: {},
969
+ outerWheelAsset: {},
970
+ wheelButtonAsset: {},
971
+ backgroundVideoAsset: {},
972
+ language: {},
973
+ showBackButton: {},
974
+ liteMode: {}
975
+ },
976
+ [],
977
+ []
978
+ ));
979
+ export {
980
+ gn as W
981
+ };