@everymatrix/mini-games-hub 0.1.7 → 0.1.9

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 (51) hide show
  1. package/components/{GameCard-Dfgtrwdb.cjs → GameCard-BdIf8taI.cjs} +2 -2
  2. package/components/{GameCard-DTz2IEhm.js → GameCard-D6sU2V3q.js} +30 -30
  3. package/components/{GameCard-sNqb2_mR.js → GameCard-kF0UN5td.js} +30 -30
  4. package/components/{MiniGamesHub-DTPiOtNT.js → MiniGamesHub-BVcmk4IU.js} +129 -117
  5. package/components/MiniGamesHub-C0rZSf6S.cjs +94 -0
  6. package/components/{MiniGamesHub-iX9t9vSW.js → MiniGamesHub-qecVNQ2u.js} +100 -88
  7. package/components/WheelOfFortune-B4iD3e8L.js +970 -0
  8. package/components/WheelOfFortune-DSi81Ef6.js +932 -0
  9. package/components/WheelOfFortune-TbQMnCAv.cjs +629 -0
  10. package/components/WheelOfFortuneDrawResults-Cr_Opm7D.js +259 -0
  11. package/components/WheelOfFortuneDrawResults-DtaD6Bbg.js +284 -0
  12. package/components/WheelOfFortuneDrawResults-k4Kh8Rs5.cjs +1 -0
  13. package/components/WheelOfFortuneHistory-awqUiE50.js +232 -0
  14. package/components/WheelOfFortuneHistory-yRqy0iaU.cjs +13 -0
  15. package/components/WheelOfFortuneHistory-z3M9_gS4.js +232 -0
  16. package/components/WheelOfFortuneRules-BrDcDT04.js +117 -0
  17. package/components/WheelOfFortuneRules-Dey_I6Ft.js +128 -0
  18. package/components/WheelOfFortuneRules-YS6b_8jm.cjs +5 -0
  19. package/components/{WheelOfFortuneWheel-CCmzx2yj.js → WheelOfFortuneWheel-6tNP0FcW.js} +734 -769
  20. package/components/{WheelOfFortuneWheel-BvI-fAML.js → WheelOfFortuneWheel-B0fH6QZt.js} +962 -997
  21. package/components/WheelOfFortuneWheel-Dol3euDD.cjs +3 -0
  22. package/components/{constants-CWz8CXw2.js → constants-BYsDpbRv.js} +7 -7
  23. package/components/{sparkles-BzZDomk7.js → sparkles-CSfeD2Zu.js} +1 -1
  24. package/components/{sparkles-C9wObsYC.js → sparkles-CTrQ372y.js} +1 -1
  25. package/components/spin-controller-DorW7-xf.cjs +1 -0
  26. package/components/{spin-controller-CETKYiGM.js → spin-controller-WAwdTCCW.js} +42 -39
  27. package/components/spin-controller-cbMEvhN0.js +164 -0
  28. package/components/utils-B7DHb9g0.cjs +3 -0
  29. package/components/{utils-C0oX5v1l.js → utils-B7FniaI2.js} +2499 -2597
  30. package/components/{utils-B53aGsNG.js → utils-CSOcFUAz.js} +2387 -2487
  31. package/es2015/mini-games-hub.cjs +1 -1
  32. package/es2015/mini-games-hub.js +1 -1
  33. package/esnext/mini-games-hub.js +1 -1
  34. package/package.json +1 -1
  35. package/components/MiniGamesHub-3XlqpfV_.cjs +0 -94
  36. package/components/WheelOfFortune-BKUcclpm.js +0 -895
  37. package/components/WheelOfFortune-CbvJZO8-.js +0 -885
  38. package/components/WheelOfFortune-DgAgnR_Q.cjs +0 -609
  39. package/components/WheelOfFortuneDrawResults-AskDnOA6.cjs +0 -1
  40. package/components/WheelOfFortuneDrawResults-C9BcE4Kr.js +0 -262
  41. package/components/WheelOfFortuneDrawResults-DnQPGIPX.js +0 -237
  42. package/components/WheelOfFortuneHistory-BA977Hfx.js +0 -230
  43. package/components/WheelOfFortuneHistory-CT-5jtfe.js +0 -230
  44. package/components/WheelOfFortuneHistory-uP606zLS.cjs +0 -13
  45. package/components/WheelOfFortuneRules-C16Md0m_.js +0 -117
  46. package/components/WheelOfFortuneRules-DQcA-d8i.js +0 -128
  47. package/components/WheelOfFortuneRules-zVRcNYIv.cjs +0 -5
  48. package/components/WheelOfFortuneWheel-6j7QTrsf.cjs +0 -3
  49. package/components/spin-controller-BjXSz9Me.js +0 -161
  50. package/components/spin-controller-q2CuZMYj.cjs +0 -1
  51. package/components/utils-Du65tqU5.cjs +0 -3
@@ -1,609 +0,0 @@
1
- "use strict";const t=require("./WheelOfFortuneWheel-6j7QTrsf.cjs"),e=require("./utils-Du65tqU5.cjs"),se=require("./WheelOfFortuneHistory-uP606zLS.cjs"),le=require("./WheelOfFortuneDrawResults-AskDnOA6.cjs"),pe=require("./WheelOfFortuneRules-zVRcNYIv.cjs"),ce=require("./constants-DM6Vdc6Z.cjs");var de=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>',2),ge=t.from_html("<button> </button>"),fe=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 me={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) { .WheelWrapper,
513
- .WheelWrapper::before,
514
- .WheelWrapper::after,
515
- .DropWrap,
516
- .WheelDisc,
517
- .CenterButton,
518
- .ButtonGlow,
519
- .SpinButton {
520
- animation: none !important;}
521
- } .WheelWrapper {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;} .WheelWrapper.is-assets-loading {opacity:0;pointer-events:none;} .WheelWrapper.is-assets-loading .DropWrap {animation-play-state:paused;} .WheelWrapper::before, .WheelWrapper::after {content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:0;} .WheelWrapper::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;} .WheelWrapper::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;} .WheelWrapper.is-dragging, .WheelWrapper.is-dragging::before, .WheelWrapper.is-dragging::after {animation-play-state:paused;} .WheelWrapper:active {cursor:grabbing;} .WheelWrapper.is-spinning::before {
525
- animation: svelte-17ly5gn-spinGlowPop 920ms cubic-bezier(0.12, 0.92, 0.22, 1) both;} .WheelWrapper.is-prize-hit::before {
526
- animation: svelte-17ly5gn-prizeStageGlow 3600ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .WheelWrapper.Blurred .WheelDisc {filter:blur(3px);} .WheelWrapper.Blurred .ButtonGlow {opacity:0 !important;
527
- animation: none !important;} .WheelWrapper.Blurred .CenterButton {filter:blur(3px);pointer-events:none;} .WheelWrapper.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);} .SparkleLayer {position:absolute;inset:-28%;z-index:6;pointer-events:none;overflow:visible;border-radius:50%;} .SparkleLayer::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);} .SparkleLayer::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);} .WheelWrapper.is-bursting .SparkleLayer::before {opacity:0.58;transform:scale(1.18);} .WheelWrapper.is-bursting .SparkleLayer::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;} .DropWrap {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));} .DropWrap::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;} .WheelDisc {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));} .SegmentsSvg {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)));} .ButtonGlow {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;} .ButtonGlow::before, .ButtonGlow::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;} .ButtonGlow::after {inset:-10%;opacity:0.55;animation-duration:2900ms;animation-delay:-900ms;} .CenterButton {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);} .CenterButton img {width:100%;height:auto;display:block;pointer-events:none;} .CenterButton:not(.is-pressing) {
540
- animation: svelte-17ly5gn-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .CenterButton.is-pressing {
541
- animation: svelte-17ly5gn-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both;} .CenterButton:hover {filter:drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) brightness(1.05);} .CenterButton:active {transform:scale(0.94);filter:drop-shadow(0 5px 9px rgba(0, 0, 0, 0.32)) brightness(0.98);} .CenterButton:focus-visible {outline:3px solid rgba(255, 237, 126, 0.78);outline-offset:5px;border-radius:50%;} .WheelWrapper.is-spin-active .CenterButton:not(.is-pressing) {
542
- animation: svelte-17ly5gn-centerButtonSpinBreath 1050ms ease-in-out infinite;} .SessionBadge {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;} .SessionBadge .SessionBadgeTitle {color:#ffffff;font-size:12px;font-weight:700;letter-spacing:0.2px;} .SessionBadge .SessionBadgeBody {color:rgba(255, 255, 255, 0.6509803922);font-size:10px;line-height:1.45;margin:0;} .SessionBadge .SessionBadgeClose {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;} .SessionBadge .SessionBadgeClose:hover {background:rgba(255, 255, 255, 0.2);} .WheelLoadingSpinner {position:absolute;top:54%;left:50%;translate:-50% -50%;opacity:0;transition:opacity 300ms ease;pointer-events:none;z-index:10;} .WheelLoadingSpinner::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;} .WheelWrapper.is-assets-loading ~ .WheelLoadingSpinner {
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) { .WheelWrapper {
549
- animation: none !important;filter:none;transform:translateZ(0);will-change:transform;} .WheelWrapper::before, .WheelWrapper::after {
550
- animation: none !important;filter:none !important;opacity:0 !important;} .DropWrap {filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.34));transform:translateZ(0);will-change:transform;} .DropWrap::before {
551
- animation: none !important;filter:none !important;opacity:0 !important;} .SparkleLayer::before,
552
- .SparkleLayer::after,
553
- .ButtonGlow,
554
- .ButtonGlow::before,
555
- .ButtonGlow::after {
556
- animation: none !important;filter:none !important;opacity:0 !important;} .WheelDisc {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
- .CenterButton {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
- } .WheelContainer.is-lite .WheelWrapper {
573
- animation: svelte-17ly5gn-wheelBob 3200ms ease-in-out infinite !important;will-change:transform;filter:none;} .WheelContainer.is-lite .WheelWrapper::before, .WheelContainer.is-lite .WheelWrapper::after {
574
- animation: none !important;filter:none !important;opacity:0 !important;} .WheelContainer.is-lite .DropWrap {filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.34));} .WheelContainer.is-lite .DropWrap::before {
575
- animation: none !important;filter:none !important;opacity:0 !important;} .WheelContainer.is-lite .SparkleLayer {display:none;} .WheelContainer.is-lite .ButtonGlow {
576
- animation: none !important;filter:none !important;opacity:0 !important;} .WheelContainer.is-lite .ButtonGlow::before, .WheelContainer.is-lite .ButtonGlow::after {
577
- animation: none !important;filter:none !important;opacity:0 !important;} .WheelContainer.is-lite .CenterButton {
578
- animation: none !important;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) !important;} .WheelContainer.is-lite .CenterButton.is-pressing {
579
- animation: svelte-17ly5gn-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both !important;} .WheelContainer.is-lite .WheelWrapper.is-spin-active .CenterButton:not(.is-pressing) {
580
- animation: none !important;} .WheelContainer.is-lite .segment-hit-fill {filter:none !important;
581
- animation: svelte-17ly5gn-liteHitPulse 1200ms ease-in-out infinite !important;} .WheelContainer.is-lite .SessionBadge {backdrop-filter:none;-webkit-backdrop-filter:none;} .WheelContainer.is-lite .Outer {filter:none;} .WheelContainer.is-lite .sparkle,
582
- .WheelContainer.is-lite .confetti {display:none;} .SpinButton.is-lite {
583
- animation: svelte-17ly5gn-buttonBreath 2400ms ease-in-out infinite !important;} .WheelContent {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:max-content;position:relative;transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);} .WheelContent > *:not(.WheelContainer):not(.WheelVideoBackground),
584
- .WheelContent .SpinsInfo {transition:opacity 0.4s ease, filter 0.4s ease;} .WheelContent.WheelBackgroundHalo {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%);} .WheelContent.is-spin-fullscreen .WheelContainer {scale:1.15;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .WheelContent.is-spin-fullscreen > *:not(.WheelContainer):not(.WheelVideoBackground),
585
- .WheelContent.is-spin-fullscreen .SpinsInfo,
586
- .WheelContent.is-spin-fullscreen .SpinButton {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;} .WheelVideoBackground {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
587
- @media (min-width: 720px) { .WheelVideoBackground {-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);}
588
- } .WheelVideoBackground.is-ready {opacity:0.2;} .BackButtonContainer {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;} .BackButtonContainer svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .WofTitle {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .WofTitle 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;} .WofTitle 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;} .WofTabs {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;} .WofTabs .Tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .WofTabs .Active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .Hidden {display:none !important;} .WheelContainer {width:var(--wof-size, clamp(276px, 100vw, 430px));position:relative;z-index:1;margin-block:clamp(-18px, -4vw, -32px);
589
- animation: svelte-17ly5gn-wheelBob 5000ms ease-in-out infinite;will-change:transform;} .SpinsInfo {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;} .SpinsInfo .SpinsCount {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(16px, 4.5vw, 20px);} .CountdownText {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;} .CountdownText .TimeSegment {font-variant-numeric:tabular-nums;} .SpinButton {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;
590
- animation: svelte-17ly5gn-spinButtonZoomGlow 1800ms ease-in-out infinite;transform-origin:50% 50%;transition:opacity 260ms ease, transform 160ms ease, filter 160ms ease;} .SpinButton:active {transform:translateY(2px) scale(0.98);animation-play-state:paused;} .SpinButton:disabled {
591
- animation: none;filter:saturate(0%);box-shadow:none;pointer-events:none;} .DrawResultPanel {inset:0;z-index:20;display:grid;place-items:center;padding:70px 20px;text-align:center;overflow:hidden;width:100%;height:100%;min-height:50dvh;background:transparent;
592
- animation: svelte-17ly5gn-drawResultPop 420ms cubic-bezier(0.16, 0.92, 0.22, 1.04) both;} .DrawResultConfettiLayer {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;
593
- 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;} .DrawResultStack {width:100%;display:grid;justify-items:center;position:relative;z-index:2;transform:translateY(clamp(16px, 5vw, 30px));} .DrawResultStack img {width:60%;max-width:300px;} .DrawResultStack 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;
594
- animation: svelte-17ly5gn-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .Coin svg,
595
- .Coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
596
- animation: svelte-17ly5gn-prizeCoinFloatZoom 1800ms ease-in-out infinite;} .DrawResultTitle {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);
597
- animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 250ms both;} .DrawResultSparkle {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;
598
- animation: svelte-17ly5gn-titleSparkle 900ms ease-out forwards;} .DrawResultDescription {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);
599
- animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 390ms both;} .DrawResultDescription span {font-size:clamp(15px, 4.1vw, 19px);font-weight:900;} .DrawResultErrorImage {max-width:170px;} .DrawResultDescription--error {margin:0 20px;} .DrawResultActions {display:grid;justify-items:center;gap:12px;margin-top:clamp(16px, 4.5vw, 26px);opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
600
- animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 560ms both;} .ButtonSpinner {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%;
601
- animation: svelte-17ly5gn-wofSpinnerRotate 600ms linear infinite;} .PrimaryCta {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;} .PrimaryCta:hover {filter:brightness(1.06);transform:translateY(-1px);} .PrimaryCta:active {transform:translateY(2px) scale(0.98);} .SecondaryCta {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;} .ConfirmModalContent {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;} .ConfirmModalTitle {color:#ffffff;font-size:26px;font-weight:700;letter-spacing:0.2px;margin:0 0 4px;} .ConfirmModalBody {color:rgba(255, 255, 255, 0.6509803922);font-size:14px;font-style:italic;line-height:1.45;margin:0 0 10px;} .ConfirmModalActions {display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;} .ConfirmModalActions button {width:fit-content;}
602
- @media (prefers-reduced-motion: reduce) { .Coin,
603
- .DrawResultTitle,
604
- .DrawResultDescription,
605
- .DrawResultActions {opacity:1;transform:none;filter:none;} .Coin svg,
606
- .Coin img {
607
- animation: none;} .success-confetti-piece {
608
- animation: none;}
609
- }`};function I(A,i){e.push(i,!0),t.append_styles(A,me);const h=()=>e.store_get(e.$format,"$_",O),[O,H]=e.setup_stores();e.dayjs.extend(t.duration);const E="https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4",o=t.prop(i,"program",7,null),d=t.prop(i,"endpoint",7,null),f=t.prop(i,"session",7,null),W=t.prop(i,"outerWheelAsset",7,null),B=t.prop(i,"wheelButtonAsset",7,null),C=t.prop(i,"backgroundVideoAsset",7,null),z=t.prop(i,"language",7,"en"),S=t.prop(i,"showBackButton",7,!0),m=t.prop(i,"liteMode",7,!1),g=e.user_derived(()=>!d()||!o()),V=e.user_derived(()=>{var n,r;return!e.get(g)&&((r=(n=o())==null?void 0:n.remainingTimes)!=null?r:0)>0}),X=e.user_derived(()=>{var n,r;return e.get(g)?ce.placeholderWheelSlices:(r=(n=o())==null?void 0:n.partitions)!=null?r:[]}),s=["history","play","rules"];let p=e.state(e.proxy(s[1]));const Z=n=>{var r,a,c,k;n===s[0]?window.postMessage({type:"event_wof_history_click",name:((r=o())==null?void 0:r.name)||null},window.location.href):n===s[2]?window.postMessage({type:"event_wof_rules_click",name:((a=o())==null?void 0:a.name)||null},window.location.href):window.postMessage({type:"event_wof_accessed",isUserLoggedIn:!e.get(g),name:((c=o())==null?void 0:c.name)||null,availableSpins:((k=o())==null?void 0:k.remainingTimes)||null},window.location.href),e.set(_,!1),e.set(p,n,!0)};let l=e.state(null),b=e.state(!1),_=e.state(!1);e.user_effect(()=>{if(e.get(b)){document.body.style.overflow="hidden";const n=r=>r.preventDefault();return document.addEventListener("touchmove",n,{passive:!1}),()=>{document.body.style.overflow="",document.removeEventListener("touchmove",n)}}});const q=()=>window.postMessage({type:"LuckyWheel:GoToLogin"},window.location.href),K=()=>window.postMessage({type:"CloseMiniGame"},window.location.href),G=n=>{if(n.data)switch(n.data.type){case"SpinAgain":case"BackToWheel":e.set(l,null);break}};t.onMount(()=>(window.addEventListener("message",G),()=>{window.removeEventListener("message",G)}));var U={get program(){return o()},set program(n=null){o(n),e.flushSync()},get endpoint(){return d()},set endpoint(n=null){d(n),e.flushSync()},get session(){return f()},set session(n=null){f(n),e.flushSync()},get outerWheelAsset(){return W()},set outerWheelAsset(n=null){W(n),e.flushSync()},get wheelButtonAsset(){return B()},set wheelButtonAsset(n=null){B(n),e.flushSync()},get backgroundVideoAsset(){return C()},set backgroundVideoAsset(n=null){C(n),e.flushSync()},get language(){return z()},set language(n="en"){z(n),e.flushSync()},get showBackButton(){return S()},set showBackButton(n=!0){S(n),e.flushSync()},get liteMode(){return m()},set liteMode(n=!1){m(n),e.flushSync()}},x=fe();let R;var L=e.child(x);{var N=n=>{var r=de();let a;r.muted=!0;var c=e.child(r);e.reset(r),e.template_effect(()=>{a=t.set_class(r,1,"WheelVideoBackground svelte-17ly5gn",null,a,{"is-ready":e.get(_)}),t.set_attribute(c,"src",C()||E)}),t.event("canplay",r,()=>e.set(_,!0)),t.append(n,r)};t.if_block(L,n=>{!m()&&e.get(p)===s[1]&&n(N)})}var u=e.sibling(L,2);let P;var T=e.sibling(e.child(u),2),J=e.child(T,!0);e.reset(T),e.reset(u);var y=e.sibling(u,2);let F;var D=e.child(y),Q=e.child(D,!0);e.reset(D);var M=e.sibling(D,2),$=e.child(M,!0);e.reset(M),e.reset(y);var v=e.sibling(y,2);let j;t.each(v,20,()=>s,n=>n,(n,r)=>{var a=ge();let c;var k=e.child(a,!0);e.reset(a),e.template_effect(ie=>{c=t.set_class(a,1,"Tab svelte-17ly5gn",null,c,{Active:e.get(p)===r}),t.set_text(k,ie)},[()=>h()(r)]),t.delegated("click",a,()=>Z(r)),t.append(n,a)}),e.reset(v);var w=e.sibling(v,2);let Y;var ee=e.child(w);t.WheelOfFortuneWheel(ee,{get program(){return o()},get endpoint(){return d()},get session(){return f()},get outerWheelAsset(){return W()},get wheelButtonAsset(){return B()},get wheelSlices(){return e.get(X)},get isPlaceholder(){return e.get(g)},get isWheelAvailable(){return e.get(V)},get liteMode(){return m()},onLogin:q,get spinResults(){return e.get(l)},set spinResults(n){e.set(l,n,!0)},get spinActive(){return e.get(b)},set spinActive(n){e.set(b,n,!0)}}),e.reset(w);var ne=e.sibling(w,2);{var te=n=>{le.WheelOfFortuneDrawResults(n,{get result(){return e.get(l)},get endpoint(){return d()},get session(){return f()}})},re=n=>{{let r=e.user_derived(()=>{var a;return(a=o())==null?void 0:a.id});se.WheelOfFortuneHistory(n,{get programId(){return e.get(r)},get endpoint(){return d()},get session(){return f()}})}},ae=n=>{pe.WheelOfFortuneRules(n,{get program(){return o()},get language(){return z()}})};t.if_block(ne,n=>{e.get(l)?n(te):e.get(p)===s[0]?n(re,1):e.get(p)===s[2]&&n(ae,2)})}e.reset(x),e.template_effect((n,r,a)=>{R=t.set_class(x,1,"WheelContent svelte-17ly5gn",null,R,{"is-spin-fullscreen":e.get(b),WheelBackgroundHalo:m()&&e.get(p)===s[1]}),P=t.set_class(u,1,"BackButtonContainer svelte-17ly5gn",null,P,{Hidden:e.get(g)||!S()}),t.set_text(J,n),F=t.set_class(y,1,"WofTitle svelte-17ly5gn",null,F,{Hidden:e.get(l)}),t.set_text(Q,r),t.set_text($,a),j=t.set_class(v,1,"WofTabs svelte-17ly5gn",null,j,{Hidden:e.get(g)||e.get(l)}),Y=t.set_style(w,"",Y,{display:e.get(p)!==s[1]||e.get(l)?"none":"contents"})},[()=>h()("backToHub"),()=>h()("wofTitle"),()=>h()("wofSubtitle")]),t.delegated("click",u,K),t.append(A,x);var oe=e.pop(U);return H(),oe}t.delegate(["click"]);customElements.define("wheel-of-fortune",t.create_custom_element(I,{program:{},endpoint:{},session:{},outerWheelAsset:{},wheelButtonAsset:{},backgroundVideoAsset:{},language:{},showBackButton:{},liteMode:{}},[],[]));exports.WheelOfFortune=I;
@@ -1 +0,0 @@
1
- "use strict";var L=(M,S,a)=>new Promise((W,A)=>{var x=f=>{try{k(a.next(f))}catch(C){A(C)}},z=f=>{try{k(a.throw(f))}catch(C){A(C)}},k=f=>f.done?W(f.value):Promise.resolve(f.value).then(x,z);k((a=a.apply(M,S)).next())});const t=require("./WheelOfFortuneWheel-6j7QTrsf.cjs"),e=require("./utils-Du65tqU5.cjs"),ce=require("./error-YyYl7p6_.cjs"),oe=require("./sparkles-BnriHiyw.cjs");var O=t.from_html('<span class="ButtonSpinner"></span>'),de=t.from_html('<div class="ConfirmModalContent"><p class="ConfirmModalTitle"> </p> <p class="ConfirmModalBody"></p> <div class="ConfirmModalActions"><button class="PrimaryCta"><span> </span> <!></button> <button class="SecondaryCta"><span> </span> <!></button></div></div>'),q=t.from_html('<h2 class="DrawResultTitle"> </h2> <p class="DrawResultDescription"> </p> <div class="DrawResultActions"><button class="SecondaryCta"> </button></div>',1),pe=t.from_html('<span class="DrawResultSparkle" aria-hidden="true">✦</span>'),_e=t.from_html('<h2 class="DrawResultTitle"> <!></h2> <p class="DrawResultDescription"></p> <div class="DrawResultActions"><button class="PrimaryCta"><span> </span> <!></button> <button class="SecondaryCta"> </button></div>',1),ve=t.from_html('<img alt="Error" class="DrawResultErrorImage"/> <p class="DrawResultDescription DrawResultDescription--error"> </p> <div class="DrawResultActions"><button class="SecondaryCta"> </button></div>',1),ue=t.from_html('<div class="DrawResultPanel"><div class="DrawResultConfettiLayer"></div> <!> <div class="DrawResultStack"><!></div></div>');function K(M,S){e.push(S,!0);const a=()=>e.store_get(e.$format,"$_",W),[W,A]=e.setup_stores(),x=t.prop(S,"result",7),z=t.prop(S,"endpoint",7),k=t.prop(S,"session",7),f=e.user_derived(()=>{var s;return((s=x())==null?void 0:s.success)!==!0}),C=e.user_derived(()=>{var s;return(s=x())==null?void 0:s.type}),X=e.user_derived(()=>e.get(C)==="noprize"),Y={bonus:a()("prizeBonus"),role:a()("prizeRole"),tournament:a()("prizeTournament"),ticket:a()("prizeTicket"),loyalty:a()("prizeLoyalty"),challenge:a()("prizeChallenge")},Q=[{t:"-0.7em",l:"5%",s:"0.45em",d:"680ms"},{t:"-0.5em",l:"22%",s:"0.28em",d:"760ms"},{t:"-0.9em",l:"40%",s:"0.38em",d:"820ms"},{t:"-0.6em",l:"58%",s:"0.3em",d:"740ms"},{t:"-0.8em",l:"76%",s:"0.42em",d:"900ms"},{t:"-0.4em",l:"92%",s:"0.25em",d:"860ms"},{t:"0.1em",l:"14%",s:"0.22em",d:"800ms"},{t:"0em",l:"72%",s:"0.2em",d:"950ms"}];let j=e.state(void 0),g=e.state("initial"),d=e.state(null);e.user_effect(()=>{e.get(j)&&e.get(g)==="claimSuccess"&&oe.burstSuccessConfetti(e.get(j))});const G=s=>{const r=new URL(`${z()}/v1/wof/draw/${x().lotteryProgramID}`),i=new Headers;k()&&i.append("X-SessionId",k()),i.append("Content-Type","application/json");const o={action:s,guid:x().guid};return fetch(r,{method:"PUT",headers:i,body:JSON.stringify(o)}).then(n=>n.json())},I=()=>L(this,null,function*(){e.set(d,"claim");try{const s=yield G(0),r=e.normalizeDrawResult(s,"draw"),i=(r==null?void 0:r.state)==="fulfilled"&&(r==null?void 0:r.completed),o=(r==null?void 0:r.state)==="drawn"&&!(r!=null&&r.completed);i?e.set(g,"claimSuccess"):e.set(g,"claimFailed")}catch(s){console.log(s),e.set(g,"claimFailed")}finally{e.set(d,null)}}),V=()=>L(this,null,function*(){e.set(d,"reject"),e.set(g,"initial");try{yield G(2),window.postMessage({type:"BackToWheel"},window.location.href)}catch(s){console.log(s)}finally{e.set(d,null)}}),Z=()=>{window.postMessage({type:"BackToWheel"},window.location.href)},B=()=>{window.postMessage({type:"SpinAgain"},window.location.href)};var $={get result(){return x()},set result(s){x(s),e.flushSync()},get endpoint(){return z()},set endpoint(s){z(s),e.flushSync()},get session(){return k()},set session(s){k(s),e.flushSync()}},E=ue(),N=e.child(E);t.bind_this(N,s=>e.set(j,s),()=>e.get(j));var J=e.sibling(N,2);{var ee=s=>{var r=de(),i=e.child(r),o=e.child(i,!0);e.reset(i);var n=e.sibling(i,2);t.html(n,()=>a()("rejectWarningText"),!0),e.reset(n);var p=e.sibling(n,2),c=e.child(p),l=e.child(c);let _;var v=e.child(l,!0);e.reset(l);var b=e.sibling(l,2);{var y=u=>{var R=O();t.append(u,R)};t.if_block(b,u=>{e.get(d)==="claim"&&u(y)})}e.reset(c);var T=e.sibling(c,2),w=e.child(T);let P;var m=e.child(w,!0);e.reset(w);var h=e.sibling(w,2);{var D=u=>{var R=O();t.append(u,R)};t.if_block(h,u=>{e.get(d)==="reject"&&u(D)})}e.reset(T),e.reset(p),e.reset(r),e.template_effect((u,R,F)=>{t.set_text(o,u),c.disabled=!!e.get(d),_=t.set_style(l,"",_,{opacity:e.get(d)==="claim"?0:1}),t.set_text(v,R),T.disabled=!!e.get(d),P=t.set_style(w,"",P,{opacity:e.get(d)==="reject"?0:1}),t.set_text(m,F)},[()=>a()("areYouSure"),()=>a()("keepPrize"),()=>a()("rejectPrize")]),t.delegated("click",c,I),t.delegated("click",T,V),t.append(s,r)};t.if_block(J,s=>{e.get(g)==="rejectModal"&&s(ee)})}var U=e.sibling(J,2),te=e.child(U);{var se=s=>{var r=q(),i=e.first_child(r),o=e.child(i,!0);e.reset(i);var n=e.sibling(i,2),p=e.child(n,!0);e.reset(n);var c=e.sibling(n,2),l=e.child(c),_=e.child(l,!0);e.reset(l),e.reset(c),e.template_effect((v,b,y)=>{t.set_text(o,v),t.set_text(p,b),t.set_text(_,y)},[()=>a()("prizeAssignedTitle"),()=>a()("prizeAssigned"),()=>a()("backToGame")]),t.delegated("click",l,Z),t.append(s,r)},re=s=>{var r=q(),i=e.first_child(r),o=e.child(i,!0);e.reset(i);var n=e.sibling(i,2),p=e.child(n,!0);e.reset(n);var c=e.sibling(n,2),l=e.child(c),_=e.child(l,!0);e.reset(l),e.reset(c),e.template_effect((v,b,y)=>{t.set_text(o,v),t.set_text(p,b),t.set_text(_,y)},[()=>a()("drawFailedTitle"),()=>a()("drawFailed"),()=>a()("backToGame")]),t.delegated("click",l,B),t.append(s,r)},ae=s=>{var r=q(),i=e.first_child(r),o=e.child(i,!0);e.reset(i);var n=e.sibling(i,2),p=e.child(n,!0);e.reset(n);var c=e.sibling(n,2),l=e.child(c),_=e.child(l,!0);e.reset(l),e.reset(c),e.template_effect((v,b,y)=>{t.set_text(o,v),t.set_text(p,b),l.disabled=!!e.get(d),t.set_text(_,y)},[()=>a()("noPrizeTitle"),()=>a()("noPrize"),()=>a()("spinAgain")]),t.delegated("click",l,B),t.append(s,r)},ie=s=>{var r=_e(),i=e.first_child(r),o=e.child(i),n=e.sibling(o);t.each(n,17,()=>Q,t.index,(m,h)=>{var D=pe();e.template_effect(()=>{var u,R,F,H;return t.set_style(D,`top:${(u=e.get(h).t)!=null?u:""};left:${(R=e.get(h).l)!=null?R:""};font-size:${(F=e.get(h).s)!=null?F:""};animation-delay:${(H=e.get(h).d)!=null?H:""}`)}),t.append(m,D)}),e.reset(i);var p=e.sibling(i,2);t.html(p,()=>a()("success",{values:{prize:Y[e.get(C)]}}),!0),e.reset(p);var c=e.sibling(p,2),l=e.child(c),_=e.child(l);let v;var b=e.child(_,!0);e.reset(_);var y=e.sibling(_,2);{var T=m=>{var h=O();t.append(m,h)};t.if_block(y,m=>{e.get(d)==="claim"&&m(T)})}e.reset(l);var w=e.sibling(l,2),P=e.child(w,!0);e.reset(w),e.reset(c),e.template_effect((m,h,D)=>{t.set_text(o,`${m!=null?m:""} `),l.disabled=!!e.get(d),v=t.set_style(_,"",v,{opacity:e.get(d)==="claim"?0:1}),t.set_text(b,h),w.disabled=!!e.get(d),t.set_text(P,D)},[()=>a()("congratulations"),()=>a()("claimReward"),()=>a()("reject")]),t.delegated("click",l,I),t.delegated("click",w,()=>e.set(g,"rejectModal")),t.append(s,r)},le=s=>{var r=ve(),i=e.first_child(r),o=e.sibling(i,2),n=e.child(o,!0);e.reset(o);var p=e.sibling(o,2),c=e.child(p),l=e.child(c,!0);e.reset(c),e.reset(p),e.template_effect((_,v)=>{t.set_attribute(i,"src",ce.Error),t.set_text(n,_),t.set_text(l,v)},[()=>a()("errorJSON"),()=>a()("backToGame")]),t.delegated("click",c,B),t.append(s,r)};t.if_block(te,s=>{e.get(g)==="claimSuccess"?s(se):e.get(g)==="claimFailed"?s(re,1):e.get(X)?s(ae,2):e.get(f)?s(le,-1):s(ie,3)})}e.reset(U),e.reset(E),t.append(M,E);var ne=e.pop($);return A(),ne}t.delegate(["click"]);t.create_custom_element(K,{result:{},endpoint:{},session:{}},[],[],{mode:"open"});exports.WheelOfFortuneDrawResults=K;