@everymatrix/mini-games-hub 0.2.3 → 0.2.5

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 (44) hide show
  1. package/components/{GameCard-CYdVVTcL.js → GameCard-B3YKo9k6.js} +30 -30
  2. package/components/{GameCard-QmoS59XQ.js → GameCard-BQ6hFy67.js} +30 -30
  3. package/components/{GameCard-8BFvabU5.cjs → GameCard-C-zSlvo1.cjs} +3 -3
  4. package/components/GameCard-vgoswSWl.cjs +3 -0
  5. package/components/{MiniGamesHub-C9am57eJ.js → MiniGamesHub-C0q9vZFD.js} +287 -736
  6. package/components/MiniGamesHub-CfiDjCz7.cjs +16 -0
  7. package/components/{MiniGamesHub-DyGuSoR2.js → MiniGamesHub-D5Y5OYt-.js} +267 -756
  8. package/components/MiniGamesHub-DYwmUNTy.cjs +16 -0
  9. package/components/WheelOfFortune-2WKhJAdZ.cjs +617 -0
  10. package/components/{WheelOfFortune-RHE9xBAC.cjs → WheelOfFortune-BJ9iMr53.cjs} +1 -1
  11. package/components/{WheelOfFortune-kaN0fwVR.js → WheelOfFortune-DC57_QGF.js} +5 -5
  12. package/components/{WheelOfFortune-ZxcSVMfw.js → WheelOfFortune-u6v6YLc5.js} +5 -5
  13. package/components/WheelOfFortuneDrawResults-BKkTmsVC.cjs +1 -0
  14. package/components/{WheelOfFortuneDrawResults-N4gTWA1Q.js → WheelOfFortuneDrawResults-D3rgrYi_.js} +2 -2
  15. package/components/{WheelOfFortuneDrawResults-DWNjltAi.cjs → WheelOfFortuneDrawResults-DTufAeXD.cjs} +1 -1
  16. package/components/{WheelOfFortuneDrawResults-BkeJ179O.js → WheelOfFortuneDrawResults-gx2xkUtF.js} +2 -2
  17. package/components/WheelOfFortuneHistory-B-Yadw5p.js +213 -0
  18. package/components/{WheelOfFortuneHistory-ClStJRIB.cjs → WheelOfFortuneHistory-DdXxYW6M.cjs} +5 -6
  19. package/components/WheelOfFortuneHistory-DhFZUmGd.cjs +12 -0
  20. package/components/{WheelOfFortuneHistory-D1EcBSTP.js → WheelOfFortuneHistory-IM5H-der.js} +77 -78
  21. package/components/WheelOfFortuneRules-BM75DT61.js +107 -0
  22. package/components/WheelOfFortuneRules-D-xnWFIU.cjs +3 -0
  23. package/components/WheelOfFortuneRules-DkQOlpqR.js +118 -0
  24. package/components/WheelOfFortuneRules-_a2c-LEy.cjs +3 -0
  25. package/components/WheelOfFortuneWheel-CUs0nOjA.cjs +3 -0
  26. package/components/{WheelOfFortuneWheel-C7SxKPAD.cjs → WheelOfFortuneWheel-D9nXwM0H.cjs} +1 -1
  27. package/components/{WheelOfFortuneWheel-COOZH6--.js → WheelOfFortuneWheel-D_tfW-rK.js} +1 -1
  28. package/components/{WheelOfFortuneWheel-D8QRG4xb.js → WheelOfFortuneWheel-DmTRvIN6.js} +1 -1
  29. package/components/sparkles-DplvhrIm.cjs +1 -0
  30. package/components/spin-controller-HS3m99tB.cjs +1 -0
  31. package/components/{utils-wnIzjZal.js → utils-B86dsoC-.js} +22 -21
  32. package/components/{utils-d6rcfAwp.js → utils-BtFS7k_l.js} +22 -21
  33. package/components/utils-By_D2O28.cjs +3 -0
  34. package/components/{utils-BAUifQls.cjs → utils-CSIl6eA7.cjs} +1 -1
  35. package/es2015/mini-games-hub.cjs +1 -1
  36. package/es2015/mini-games-hub.js +1 -1
  37. package/esnext/mini-games-hub.cjs +1 -0
  38. package/esnext/mini-games-hub.js +1 -1
  39. package/package.json +12 -11
  40. package/components/MiniGamesHub-ym_blJPQ.cjs +0 -94
  41. package/components/WheelOfFortuneHistory-BuSnWEtS.js +0 -214
  42. package/components/WheelOfFortuneRules-C6rN9zFn.cjs +0 -5
  43. package/components/WheelOfFortuneRules-DmdPkzHe.js +0 -109
  44. package/components/WheelOfFortuneRules-L9sAOXJI.js +0 -120
@@ -0,0 +1,617 @@
1
+ "use strict";const t=require("./WheelOfFortuneWheel-CUs0nOjA.cjs"),e=require("./utils-By_D2O28.cjs"),fe=require("./WheelOfFortuneHistory-DhFZUmGd.cjs"),me=require("./WheelOfFortuneDrawResults-BKkTmsVC.cjs"),be=require("./WheelOfFortuneRules-D-xnWFIU.cjs"),ue=require("./constants-DM6Vdc6Z.cjs");var he=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>',2),we=t.from_html("<button> </button>"),xe=t.from_html('<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>');const ye={hash:"svelte-17ly5gn",code:`@keyframes svelte-17ly5gn-wheelBob {
2
+ 0%, 100% {
3
+ transform: translateY(0);
4
+ }
5
+ 50% {
6
+ transform: translateY(-10px);
7
+ }
8
+ }
9
+ @keyframes svelte-17ly5gn-stageFloat {
10
+ 0%, 100% {
11
+ transform: translate3d(0, 0, 0) rotate(-0.12deg) scale(1);
12
+ }
13
+ 42% {
14
+ transform: translate3d(0, -4px, 0) rotate(0.16deg) scale(1.002);
15
+ }
16
+ 72% {
17
+ transform: translate3d(0, 2px, 0) rotate(-0.04deg) scale(0.999);
18
+ }
19
+ }
20
+ @keyframes svelte-17ly5gn-stageGlow {
21
+ 0%, 100% {
22
+ opacity: 0.46;
23
+ transform: scale(0.94);
24
+ filter: blur(27px);
25
+ }
26
+ 50% {
27
+ opacity: 0.68;
28
+ transform: scale(1.02);
29
+ filter: blur(31px);
30
+ }
31
+ }
32
+ @keyframes svelte-17ly5gn-glowOrbit {
33
+ 0%, 100% {
34
+ opacity: 0.13;
35
+ transform: scale(0.88) rotate(-8deg);
36
+ }
37
+ 50% {
38
+ opacity: 0.24;
39
+ transform: scale(0.95) rotate(5deg);
40
+ }
41
+ }
42
+ @keyframes svelte-17ly5gn-frameGlowBreath {
43
+ 0%, 100% {
44
+ opacity: 0.58;
45
+ transform: scale(0.94);
46
+ filter: blur(30px);
47
+ }
48
+ 48% {
49
+ opacity: 0.82;
50
+ transform: scale(1.03);
51
+ filter: blur(34px);
52
+ }
53
+ }
54
+ @keyframes svelte-17ly5gn-wheelDrop {
55
+ 0% {
56
+ transform: translateY(-60vh) scale(0.961) rotate(-9deg);
57
+ opacity: 0;
58
+ }
59
+ 70% {
60
+ transform: translateY(-20px) scale(1.012) rotate(2deg);
61
+ opacity: 1;
62
+ }
63
+ 86% {
64
+ transform: translateY(0px) scale(0.997) rotate(-0.6deg);
65
+ }
66
+ 100% {
67
+ transform: translateY(0) scale(1) rotate(0);
68
+ opacity: 1;
69
+ }
70
+ }
71
+ @keyframes svelte-17ly5gn-spinGlowPop {
72
+ 0% {
73
+ opacity: 0.56;
74
+ transform: scale(0.96);
75
+ filter: blur(25px);
76
+ }
77
+ 32% {
78
+ opacity: 0.92;
79
+ transform: scale(1.08);
80
+ filter: blur(31px);
81
+ }
82
+ 100% {
83
+ opacity: 0.58;
84
+ transform: scale(0.98);
85
+ filter: blur(27px);
86
+ }
87
+ }
88
+ @keyframes svelte-17ly5gn-glowPulse {
89
+ 0%, 100% {
90
+ opacity: 0.72;
91
+ transform: scale(0.95);
92
+ }
93
+ 50% {
94
+ opacity: 1;
95
+ transform: scale(1.12);
96
+ }
97
+ }
98
+ @keyframes svelte-17ly5gn-glowRing {
99
+ 0%, 100% {
100
+ opacity: 0.42;
101
+ transform: scale(0.92);
102
+ }
103
+ 50% {
104
+ opacity: 0.88;
105
+ transform: scale(1.18);
106
+ }
107
+ }
108
+ @keyframes svelte-17ly5gn-centerButtonSpinBreath {
109
+ 0%, 100% {
110
+ transform: scale(1);
111
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
112
+ }
113
+ 45% {
114
+ transform: scale(1.032);
115
+ filter: drop-shadow(0 11px 18px rgba(0, 0, 0, 0.36)) brightness(1.07);
116
+ }
117
+ }
118
+ @keyframes svelte-17ly5gn-middleButtonIdleZoomGlow {
119
+ 0%, 100% {
120
+ transform: scale(1);
121
+ 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);
122
+ }
123
+ 50% {
124
+ transform: scale(1.045);
125
+ 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);
126
+ }
127
+ }
128
+ @keyframes svelte-17ly5gn-middleButtonPress {
129
+ 0% {
130
+ transform: scale(1);
131
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
132
+ }
133
+ 28% {
134
+ transform: scale(0.91);
135
+ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.36)) brightness(0.98);
136
+ }
137
+ 68% {
138
+ transform: scale(1.045);
139
+ filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.36)) brightness(1.08);
140
+ }
141
+ 100% {
142
+ transform: scale(1);
143
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
144
+ }
145
+ }
146
+ @keyframes svelte-17ly5gn-prizeStageGlow {
147
+ 0% {
148
+ opacity: 0.54;
149
+ transform: scale(0.96);
150
+ filter: blur(26px);
151
+ }
152
+ 22% {
153
+ opacity: 0.94;
154
+ transform: scale(1.06);
155
+ filter: blur(20px);
156
+ }
157
+ 100% {
158
+ opacity: 0.54;
159
+ transform: scale(0.96);
160
+ filter: blur(26px);
161
+ }
162
+ }
163
+ @keyframes svelte-17ly5gn-prizeFillGlow {
164
+ 0% {
165
+ opacity: 0;
166
+ transform: scale(0.982);
167
+ }
168
+ 8% {
169
+ opacity: 0.94;
170
+ transform: scale(1.008);
171
+ }
172
+ 24% {
173
+ opacity: 0.62;
174
+ transform: scale(0.997);
175
+ }
176
+ 42% {
177
+ opacity: 0.8;
178
+ transform: scale(1.006);
179
+ }
180
+ 60% {
181
+ opacity: 0.55;
182
+ transform: scale(0.999);
183
+ }
184
+ 78% {
185
+ opacity: 0.72;
186
+ transform: scale(1.004);
187
+ }
188
+ 100% {
189
+ opacity: 0;
190
+ transform: scale(0.99);
191
+ }
192
+ }
193
+ @keyframes svelte-17ly5gn-prizeEdgePulse {
194
+ 0% {
195
+ opacity: 0;
196
+ stroke-width: 0.035;
197
+ }
198
+ 8% {
199
+ opacity: 1;
200
+ stroke-width: 0.025;
201
+ }
202
+ 24% {
203
+ opacity: 0.88;
204
+ stroke-width: 0.035;
205
+ }
206
+ 42% {
207
+ opacity: 1;
208
+ stroke-width: 0.025;
209
+ }
210
+ 60% {
211
+ opacity: 0.85;
212
+ stroke-width: 0.035;
213
+ }
214
+ 78% {
215
+ opacity: 1;
216
+ stroke-width: 0.025;
217
+ }
218
+ 100% {
219
+ opacity: 0.85;
220
+ stroke-width: 0.035;
221
+ }
222
+ }
223
+ @keyframes svelte-17ly5gn-prizeDashDance {
224
+ 0% {
225
+ opacity: 0;
226
+ stroke-dashoffset: 12;
227
+ }
228
+ 10% {
229
+ opacity: 0.94;
230
+ }
231
+ 48% {
232
+ opacity: 0.78;
233
+ }
234
+ 82% {
235
+ opacity: 0.66;
236
+ }
237
+ 100% {
238
+ opacity: 0;
239
+ stroke-dashoffset: -26;
240
+ }
241
+ }
242
+ @keyframes svelte-17ly5gn-prizeSheenSweep {
243
+ 0% {
244
+ opacity: 0;
245
+ transform: translateX(-7px) scale(0.98);
246
+ }
247
+ 12% {
248
+ opacity: 0.58;
249
+ transform: translateX(-1px) scale(1.01);
250
+ }
251
+ 36% {
252
+ opacity: 0.22;
253
+ transform: translateX(3px) scale(1);
254
+ }
255
+ 62% {
256
+ opacity: 0.42;
257
+ transform: translateX(1px) scale(1.008);
258
+ }
259
+ 100% {
260
+ opacity: 0;
261
+ transform: translateX(8px) scale(0.99);
262
+ }
263
+ }
264
+ @keyframes svelte-17ly5gn-superPrizeStageGlow {
265
+ 0% {
266
+ transform: scale(0.96);
267
+ opacity: 0.2;
268
+ filter: blur(8px);
269
+ }
270
+ 45% {
271
+ transform: scale(1.13);
272
+ opacity: 0.86;
273
+ filter: blur(13px);
274
+ }
275
+ 100% {
276
+ transform: scale(1.03);
277
+ opacity: 0.45;
278
+ filter: blur(10px);
279
+ }
280
+ }
281
+ @keyframes svelte-17ly5gn-superPrizeFillGlow {
282
+ 0% {
283
+ opacity: 0.2;
284
+ transform: scale(0.96);
285
+ }
286
+ 32% {
287
+ opacity: 1;
288
+ transform: scale(1.045);
289
+ }
290
+ 66% {
291
+ opacity: 0.72;
292
+ transform: scale(1.015);
293
+ }
294
+ 100% {
295
+ opacity: 0.58;
296
+ transform: scale(1);
297
+ }
298
+ }
299
+ @keyframes svelte-17ly5gn-superPrizeSheenSweep {
300
+ 0% {
301
+ opacity: 0;
302
+ transform: scale(0.88) rotate(-5deg);
303
+ }
304
+ 34% {
305
+ opacity: 0.95;
306
+ transform: scale(1.08) rotate(2deg);
307
+ }
308
+ 100% {
309
+ opacity: 0.2;
310
+ transform: scale(1.16) rotate(7deg);
311
+ }
312
+ }
313
+ @keyframes svelte-17ly5gn-superPrizeEdgePulse {
314
+ 0% {
315
+ opacity: 0.4;
316
+ transform: scale(0.97);
317
+ }
318
+ 38% {
319
+ opacity: 1;
320
+ transform: scale(1.055);
321
+ }
322
+ 70% {
323
+ opacity: 0.86;
324
+ transform: scale(1.018);
325
+ }
326
+ 100% {
327
+ opacity: 0.72;
328
+ transform: scale(1);
329
+ }
330
+ }
331
+ @keyframes svelte-17ly5gn-superPrizeDashDance {
332
+ 0% {
333
+ opacity: 0;
334
+ stroke-dashoffset: 20;
335
+ transform: scale(0.95);
336
+ }
337
+ 18% {
338
+ opacity: 1;
339
+ }
340
+ 100% {
341
+ opacity: 0.76;
342
+ stroke-dashoffset: -42;
343
+ transform: scale(1.04);
344
+ }
345
+ }
346
+ @keyframes svelte-17ly5gn-spinButtonZoomGlow {
347
+ 0%, 100% {
348
+ transform: scale(1);
349
+ filter: brightness(1);
350
+ 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);
351
+ }
352
+ 50% {
353
+ transform: scale(1.065);
354
+ filter: brightness(1.08);
355
+ 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);
356
+ }
357
+ }
358
+ @keyframes svelte-17ly5gn-buttonBreath {
359
+ 0%, 100% {
360
+ transform: scale(1);
361
+ }
362
+ 50% {
363
+ transform: scale(1.035);
364
+ }
365
+ }
366
+ @keyframes svelte-17ly5gn-buttonAura {
367
+ 0%, 100% {
368
+ filter: brightness(1) saturate(1);
369
+ 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);
370
+ }
371
+ 50% {
372
+ filter: brightness(1.035) saturate(1.04);
373
+ 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);
374
+ }
375
+ }
376
+ @keyframes svelte-17ly5gn-buttonSheen {
377
+ 0%, 58%, 100% {
378
+ transform: translateX(-120%);
379
+ opacity: 0.22;
380
+ }
381
+ 72% {
382
+ transform: translateX(120%);
383
+ opacity: 0.42;
384
+ }
385
+ }
386
+ @keyframes svelte-17ly5gn-buttonPop {
387
+ 0% {
388
+ transform: translateY(2px) scale(0.985);
389
+ }
390
+ 48% {
391
+ transform: translateY(-2px) scale(1.018);
392
+ }
393
+ 100% {
394
+ transform: translateY(0) scale(1);
395
+ }
396
+ }
397
+ @keyframes svelte-17ly5gn-confettiFirework {
398
+ 0% {
399
+ opacity: 0;
400
+ transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
401
+ }
402
+ 9% {
403
+ opacity: 1;
404
+ 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));
405
+ }
406
+ 28% {
407
+ opacity: 0.98;
408
+ transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(calc(var(--rot) + var(--spin) * 0.56));
409
+ }
410
+ 72% {
411
+ opacity: 0.78;
412
+ 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));
413
+ }
414
+ 100% {
415
+ opacity: 0;
416
+ transform: translate(calc(-50% + var(--tx) * 1.14), calc(-50% + var(--ty) + var(--fall))) scale(0.62) rotate(calc(var(--rot) + var(--spin)));
417
+ }
418
+ }
419
+ @keyframes svelte-17ly5gn-swipeHandAcross {
420
+ 0%, 100% {
421
+ transform: translateX(-70px) rotate(-22deg);
422
+ opacity: 0.65;
423
+ }
424
+ 50% {
425
+ transform: translateX(70px) rotate(22deg);
426
+ opacity: 0.65;
427
+ }
428
+ 25%, 75% {
429
+ opacity: 1;
430
+ }
431
+ }
432
+ @keyframes svelte-17ly5gn-wofSpinnerFadeIn {
433
+ to {
434
+ opacity: 1;
435
+ }
436
+ }
437
+ @keyframes svelte-17ly5gn-wofSpinnerRotate {
438
+ to {
439
+ transform: rotate(360deg);
440
+ }
441
+ }
442
+ @keyframes svelte-17ly5gn-titleSparkle {
443
+ 0% {
444
+ opacity: 0;
445
+ transform: scale(0.2) rotate(0deg);
446
+ }
447
+ 40% {
448
+ opacity: 1;
449
+ transform: scale(1.4) rotate(35deg);
450
+ }
451
+ 100% {
452
+ opacity: 0;
453
+ transform: scale(0.6) translateY(-20px) rotate(75deg);
454
+ }
455
+ }
456
+ @keyframes svelte-17ly5gn-drawResultPop {
457
+ 0% {
458
+ opacity: 0;
459
+ transform: scale(0.92) translateY(8px);
460
+ }
461
+ 62% {
462
+ opacity: 1;
463
+ transform: scale(1.016) translateY(-2px);
464
+ }
465
+ 100% {
466
+ opacity: 1;
467
+ transform: scale(1) translateY(0);
468
+ }
469
+ }
470
+ @keyframes svelte-17ly5gn-successElementIn {
471
+ 0% {
472
+ opacity: 0;
473
+ transform: translate3d(0, 18px, 0) scale(0.98);
474
+ filter: blur(3px);
475
+ }
476
+ 70% {
477
+ opacity: 1;
478
+ transform: translate3d(0, -2px, 0) scale(1.01);
479
+ filter: blur(0);
480
+ }
481
+ 100% {
482
+ opacity: 1;
483
+ transform: translate3d(0, 0, 0) scale(1);
484
+ filter: blur(0);
485
+ }
486
+ }
487
+ @keyframes svelte-17ly5gn-successConfettiFall {
488
+ 0% {
489
+ opacity: 0;
490
+ transform: translate3d(-50%, -18px, 0) rotate(var(--rot)) scale(0.62);
491
+ }
492
+ 9% {
493
+ opacity: 1;
494
+ }
495
+ 46% {
496
+ opacity: 0.96;
497
+ transform: translate3d(calc(-50% + var(--tx) * 0.55), 48vh, 0) rotate(calc(var(--rot) + var(--spin) * 0.52)) scale(1);
498
+ }
499
+ 100% {
500
+ opacity: 0;
501
+ transform: translate3d(calc(-50% + var(--tx)), 108vh, 0) rotate(calc(var(--rot) + var(--spin))) scale(0.86);
502
+ }
503
+ }
504
+ @keyframes svelte-17ly5gn-prizeCoinFloatZoom {
505
+ 0%, 100% {
506
+ transform: translate3d(0, 0, 0) scale(1);
507
+ }
508
+ 50% {
509
+ transform: translate3d(0, -8px, 0) scale(1.065);
510
+ }
511
+ }
512
+ @media (prefers-reduced-motion: reduce) { .wheel-wrapper,
513
+ .wheel-wrapper::before,
514
+ .wheel-wrapper::after,
515
+ .drop-wrap,
516
+ .wheel-disc,
517
+ .center-button,
518
+ .button-glow,
519
+ .spin-button {
520
+ animation: none !important;}
521
+ } .wheel-wrapper {position:relative;isolation:isolate;width:100%;aspect-ratio:726/720;cursor:grab;transform-origin:50% 55%;
522
+ 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);
523
+ 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);
524
+ 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 {
525
+ animation: svelte-17ly5gn-spinGlowPop 920ms cubic-bezier(0.12, 0.92, 0.22, 1) both;} .wheel-wrapper.is-prize-hit::before {
526
+ 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;
527
+ 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,
528
+ .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;
529
+ 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%;
530
+ 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);
531
+ 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,
532
+ .segment-hit-sheen,
533
+ .segment-hit-edge,
534
+ .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));
535
+ 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));
536
+ 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)));
537
+ 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);
538
+ 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);
539
+ 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) {
540
+ animation: svelte-17ly5gn-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .center-button.is-pressing {
541
+ 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) {
542
+ 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);
543
+ animation: svelte-17ly5gn-wofSpinnerRotate 900ms linear infinite;} .wheel-wrapper.is-assets-loading ~ .wheel-loading-spinner {
544
+ 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%;
545
+ 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;}
546
+ @media (pointer: fine) and (min-width: 641px) { .swipe-hint-wrap {display:none;}
547
+ }
548
+ @media (pointer: coarse), (max-width: 640px) { .wheel-wrapper {
549
+ animation: none !important;filter:none;transform:translateZ(0);will-change:transform;} .wheel-wrapper::before, .wheel-wrapper::after {
550
+ 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 {
551
+ animation: none !important;filter:none !important;opacity:0 !important;} .sparkle-layer::before,
552
+ .sparkle-layer::after,
553
+ .button-glow,
554
+ .button-glow::before,
555
+ .button-glow::after {
556
+ 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,
557
+ .segment-hit-edge,
558
+ .segment-hit-spark-edge,
559
+ .sparkle,
560
+ .confetti,
561
+ .center-button {filter:none !important;} .segment-hit-fill,
562
+ .segment-hit-edge,
563
+ .segment-hit-spark-edge {animation-duration:1800ms !important;}
564
+ }
565
+ @keyframes svelte-17ly5gn-liteHitPulse {
566
+ 0%, 100% {
567
+ opacity: 0.5;
568
+ }
569
+ 50% {
570
+ opacity: 1;
571
+ }
572
+ } .wheel-container.is-lite .wheel-wrapper {
573
+ 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 {
574
+ 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 {
575
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .sparkle-layer {display:none;} .wheel-container.is-lite .button-glow {
576
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .button-glow::before, .wheel-container.is-lite .button-glow::after {
577
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .center-button {
578
+ animation: none !important;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) !important;} .wheel-container.is-lite .center-button.is-pressing {
579
+ 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) {
580
+ animation: none !important;} .wheel-container.is-lite .segment-hit-fill {filter:none !important;
581
+ 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,
582
+ .wheel-container.is-lite .confetti {display:none;} .spin-button.is-lite {
583
+ 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),
584
+ .wheel-content .spins-info,
585
+ .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),
586
+ .wheel-content.is-spin-blocking .spins-info,
587
+ .wheel-content.is-spin-blocking .spin-button {pointer-events:none;}
588
+ @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),
589
+ .wheel-content.is-spin-fullscreen .spins-info,
590
+ .wheel-content.is-spin-fullscreen .spin-button {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;}
591
+ } .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;}
592
+ @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);}
593
+ }
594
+ @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);}
595
+ } .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);
596
+ 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%;
597
+ 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-weight:900;cursor:pointer;position:relative;z-index:2;
598
+ 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 {
599
+ 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;
600
+ 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;
601
+ 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;
602
+ animation: svelte-17ly5gn-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .coin svg,
603
+ .coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
604
+ 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);
605
+ 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;
606
+ 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);
607
+ 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);
608
+ 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%;
609
+ 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-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;}
610
+ @media (prefers-reduced-motion: reduce) { .coin,
611
+ .draw-result-title,
612
+ .draw-result-description,
613
+ .draw-result-actions {opacity:1;transform:none;filter:none;} .coin svg,
614
+ .coin img {
615
+ animation: none;} .success-confetti-piece {
616
+ animation: none;}
617
+ }`};function X(G,i){e.push(i,!0),t.append_styles(G,ye);const h=()=>t.store_get(e.$format,"$_",Z),[Z,q]=t.setup_stores();e.dayjs.extend(t.duration);const V="https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4",r=t.prop(i,"program",7,null),l=t.prop(i,"endpoint",7,null),d=t.prop(i,"session",7,null),B=t.prop(i,"outerWheelAsset",7,null),S=t.prop(i,"wheelButtonAsset",7,null),A=t.prop(i,"backgroundVideoAsset",7,null),C=t.prop(i,"language",7,"en"),F=t.prop(i,"showBackButton",7,!0),g=t.prop(i,"liteMode",7,!1),f=e.user_derived(()=>!l()||!r()),U=e.user_derived(()=>!e.get(f)&&(r()?.remainingTimes??0)>0),K=e.user_derived(()=>e.get(f)?ue.placeholderWheelSlices:r()?.partitions??[]),s=["history","play","rules"];let p=e.state(e.proxy(s[1]));const N=n=>{n!==e.get(p)&&(n===s[0]?window.postMessage({type:"event_wof_history_click",name:r()?.name||null},window.location.href):n===s[2]?window.postMessage({type:"event_wof_rules_click",name:r()?.name||null},window.location.href):window.postMessage({type:"event_wof_accessed",isUserLoggedIn:!e.get(f),name:r()?.name||null,availableSpins:r()?.remainingTimes||null},window.location.href),e.set(P,!1),e.set(p,n,!0))};let c=e.state(null),w=e.state(!1),P=e.state(!1),W=e.state(!1),x=e.state(!1),y=e.state(!1);e.user_effect(()=>{if(!g()){if(e.get(w))e.set(x,!0),e.set(y,!1);else if(e.get(x)){e.set(y,!0);const n=setTimeout(()=>{e.set(x,!1),e.set(y,!1)},350);return()=>clearTimeout(n)}}});const J=()=>window.postMessage({type:"LuckyWheel:GoToLogin"},window.location.href),Q=()=>window.postMessage({type:"CloseMiniGame"},window.location.href),R=async()=>{if(!r()?.id||!l())return;const n=new URL(`${l()}/v1/wof/remainingTimes`),a=new Headers;d()&&a.append("X-SessionId",d()),n.searchParams.append("filter",`ProgramId[]=${r().id}`);try{const m=await(await fetch(n,{method:"GET",headers:a})).json();let u=0;if(m?.items?.length>0){const H=m.items.find(ge=>ge.programId===r().id);H&&(u=+H.remainingTimes||0)}const T=e.snapshot({...r(),remainingTimes:u,current:{...r().current,remainingTimes:u}});window.postMessage({type:"PrizeGameRemainingTimesUpdated",data:T},"*")}catch(o){console.log(o)}finally{e.set(W,!1)}},j=n=>{if(n.data)switch(n.data.type){case"SpinAgain":case"BackToWheel":e.set(c,null),n.data.skipFetch?e.set(W,!0):R();break}};t.onMount(()=>(window.postMessage({type:"event_wof_accessed",isUserLoggedIn:!e.get(f),name:r()?.name||null,availableSpins:r()?.remainingTimes||null},window.location.href),window.addEventListener("message",j),()=>{window.removeEventListener("message",j)}));var $={get program(){return r()},set program(n=null){r(n),e.flushSync()},get endpoint(){return l()},set endpoint(n=null){l(n),e.flushSync()},get session(){return d()},set session(n=null){d(n),e.flushSync()},get outerWheelAsset(){return B()},set outerWheelAsset(n=null){B(n),e.flushSync()},get wheelButtonAsset(){return S()},set wheelButtonAsset(n=null){S(n),e.flushSync()},get backgroundVideoAsset(){return A()},set backgroundVideoAsset(n=null){A(n),e.flushSync()},get language(){return C()},set language(n="en"){C(n),e.flushSync()},get showBackButton(){return F()},set showBackButton(n=!0){F(n),e.flushSync()},get liteMode(){return g()},set liteMode(n=!1){g(n),e.flushSync()}},v=xe();let L;var M=e.child(v);{var ee=n=>{var a=he();let o;a.muted=!0;var m=e.only_child(a);e.template_effect(()=>{o=t.set_class(a,1,"wheel-video-background svelte-17ly5gn",null,o,{"is-ready":e.get(P)}),t.set_attribute(m,"src",A()||V)}),t.event("canplay",a,()=>e.set(P,!0)),t.append(n,a)};t.if_block(M,n=>{!g()&&e.get(p)===s[1]&&n(ee)})}var b=e.sibling(M,2);let Y;var ne=e.sibling(e.child(b),2),te=e.only_child(ne,!0);e.reset(b);var k=e.sibling(b,2);let I;var O=e.child(k),re=e.only_child(O,!0),ae=e.sibling(O,2),oe=e.only_child(ae,!0);e.reset(k);var z=e.sibling(k,2);let E;t.each(z,20,()=>s,n=>n,(n,a)=>{var o=we();let m;var u=e.only_child(o,!0);e.template_effect(T=>{m=t.set_class(o,1,"tab svelte-17ly5gn",null,m,{active:e.get(p)===a}),t.set_text(u,T)},[()=>h()(a)]),t.delegated("click",o,()=>N(a)),t.append(n,o)}),e.reset(z);var _=e.sibling(z,2);let D;var ie=e.child(_);t.WheelOfFortuneWheel(ie,{get program(){return r()},get endpoint(){return l()},get session(){return d()},get outerWheelAsset(){return B()},get wheelButtonAsset(){return S()},get wheelSlices(){return e.get(K)},get isPlaceholder(){return e.get(f)},get isWheelAvailable(){return e.get(U)},get liteMode(){return g()},get remainingTimesLoading(){return e.get(W)},onLogin:J,get spinResults(){return e.get(c)},set spinResults(n){e.set(c,n,!0)},get spinActive(){return e.get(w)},set spinActive(n){e.set(w,n,!0)}}),e.reset(_);var se=e.sibling(_,2);{var le=n=>{me.WheelOfFortuneDrawResults(n,{get result(){return e.get(c)},get endpoint(){return l()},get session(){return d()},get liteMode(){return g()},onFetchRemainingTimes:R})},pe=n=>{{let a=e.user_derived(()=>r()?.id);fe.WheelOfFortuneHistory(n,{get programId(){return e.get(a)},get endpoint(){return l()},get session(){return d()}})}},ce=n=>{be.WheelOfFortuneRules(n,{get program(){return r()},get language(){return C()}})};t.if_block(se,n=>{e.get(c)?n(le):e.get(p)===s[0]?n(pe,1):e.get(p)===s[2]&&n(ce,2)})}e.reset(v),e.template_effect((n,a,o)=>{L=t.set_class(v,1,"wheel-content svelte-17ly5gn",null,L,{"is-spin-blocking":e.get(w),"is-spin-fullscreen":e.get(x),"is-spin-exiting":e.get(y),"wheel-background-halo":g()&&e.get(p)===s[1]}),Y=t.set_class(b,1,"back-button-container svelte-17ly5gn",null,Y,{hidden:e.get(f)||!F()}),t.set_text(te,n),I=t.set_class(k,1,"wof-title svelte-17ly5gn",null,I,{hidden:e.get(c)}),t.set_text(re,a),t.set_text(oe,o),E=t.set_class(z,1,"wof-tabs svelte-17ly5gn",null,E,{hidden:e.get(f)||e.get(c)}),D=t.set_style(_,"",D,{display:e.get(p)!==s[1]||e.get(c)?"none":"contents"})},[()=>h()("backToHub"),()=>h()("wofTitle"),()=>h()("wofSubtitle")]),t.delegated("click",b,Q),t.append(G,v);var de=e.pop($);return q(),de}t.delegate(["click"]);customElements.define("wheel-of-fortune",t.create_custom_element(X,{program:{},endpoint:{},session:{},outerWheelAsset:{},wheelButtonAsset:{},backgroundVideoAsset:{},language:{},showBackButton:{},liteMode:{}},[],[]));exports.WheelOfFortune=X;
@@ -1,4 +1,4 @@
1
- "use strict";var ye=Object.defineProperty,ve=Object.defineProperties;var ke=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var ze=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var J=(p,a,i)=>a in p?ye(p,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):p[a]=i,Y=(p,a)=>{for(var i in a||(a={}))ze.call(a,i)&&J(p,i,a[i]);if(N)for(var i of N(a))_e.call(a,i)&&J(p,i,a[i]);return p},I=(p,a)=>ve(p,ke(a));var Q=(p,a,i)=>new Promise((F,v)=>{var P=l=>{try{c(i.next(l))}catch(b){v(b)}},o=l=>{try{c(i.throw(l))}catch(b){v(b)}},c=l=>l.done?F(l.value):Promise.resolve(l.value).then(P,o);c((i=i.apply(p,a)).next())});const t=require("./WheelOfFortuneWheel-C7SxKPAD.cjs"),e=require("./utils-BAUifQls.cjs"),Be=require("./WheelOfFortuneHistory-ClStJRIB.cjs"),Se=require("./WheelOfFortuneDrawResults-DWNjltAi.cjs"),Ae=require("./WheelOfFortuneRules-C6rN9zFn.cjs"),Ce=require("./constants-DM6Vdc6Z.cjs");var Fe=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>',2),Pe=t.from_html("<button> </button>"),We=t.from_html('<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>');const Te={hash:"svelte-17ly5gn",code:`@keyframes svelte-17ly5gn-wheelBob {
1
+ "use strict";var ye=Object.defineProperty,ve=Object.defineProperties;var ke=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var ze=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var J=(p,a,i)=>a in p?ye(p,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):p[a]=i,Y=(p,a)=>{for(var i in a||(a={}))ze.call(a,i)&&J(p,i,a[i]);if(N)for(var i of N(a))_e.call(a,i)&&J(p,i,a[i]);return p},I=(p,a)=>ve(p,ke(a));var Q=(p,a,i)=>new Promise((F,v)=>{var P=l=>{try{c(i.next(l))}catch(b){v(b)}},o=l=>{try{c(i.throw(l))}catch(b){v(b)}},c=l=>l.done?F(l.value):Promise.resolve(l.value).then(P,o);c((i=i.apply(p,a)).next())});const t=require("./WheelOfFortuneWheel-D9nXwM0H.cjs"),e=require("./utils-CSIl6eA7.cjs"),Be=require("./WheelOfFortuneHistory-DdXxYW6M.cjs"),Se=require("./WheelOfFortuneDrawResults-DTufAeXD.cjs"),Ae=require("./WheelOfFortuneRules-_a2c-LEy.cjs"),Ce=require("./constants-DM6Vdc6Z.cjs");var Fe=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>',2),Pe=t.from_html("<button> </button>"),We=t.from_html('<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>');const Te={hash:"svelte-17ly5gn",code:`@keyframes svelte-17ly5gn-wheelBob {
2
2
  0%, 100% {
3
3
  transform: translateY(0);
4
4
  }