@everymatrix/mini-games-hub 0.1.2 → 0.1.4

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 (52) hide show
  1. package/components/GameCard-8XBwX5mB.js +58 -0
  2. package/components/GameCard-CKlgiS66.cjs +3 -0
  3. package/components/GameCard-Dfi3jlxs.js +58 -0
  4. package/components/GameCard-SP2WkMe4.js +58 -0
  5. package/components/GameCard-lPup4pYJ.js +58 -0
  6. package/components/GameCard-txJxZVfs.cjs +3 -0
  7. package/components/MiniGamesHub-C6Nsfrqn.js +1369 -0
  8. package/components/MiniGamesHub-CrRIFbj_.js +1350 -0
  9. package/components/MiniGamesHub-DKkDXC81.cjs +94 -0
  10. package/components/MiniGamesHub-DXmod0OW.cjs +94 -0
  11. package/components/MiniGamesHub-DZHG1XwH.js +1357 -0
  12. package/components/MiniGamesHub-Db8-msnK.js +1338 -0
  13. package/components/WheelOfFortune-0yZoHYHH.js +852 -0
  14. package/components/WheelOfFortune-B-sa8npV.cjs +572 -0
  15. package/components/WheelOfFortune-B7NMoATV.js +862 -0
  16. package/components/WheelOfFortune-BxbFigrE.cjs +588 -0
  17. package/components/WheelOfFortune-CdsgfPZg.js +829 -0
  18. package/components/WheelOfFortune-cD7JyRL5.js +820 -0
  19. package/components/WheelOfFortuneDrawResults-B6RkAQ_i.cjs +1 -0
  20. package/components/WheelOfFortuneDrawResults-BRgQ0mTi.js +261 -0
  21. package/components/WheelOfFortuneDrawResults-BZAetM0L.js +238 -0
  22. package/components/WheelOfFortuneDrawResults-C0J_0fRE.cjs +1 -0
  23. package/components/WheelOfFortuneDrawResults-CvyqGbQG.js +292 -0
  24. package/components/WheelOfFortuneDrawResults-DIO74xIg.js +317 -0
  25. package/components/WheelOfFortuneHistory-BagUH_Pn.js +233 -0
  26. package/components/WheelOfFortuneHistory-C_EX6Ecx.js +233 -0
  27. package/components/WheelOfFortuneHistory-CldOJOup.js +233 -0
  28. package/components/WheelOfFortuneHistory-D9EVcaH2.js +233 -0
  29. package/components/WheelOfFortuneHistory-DQ7yysUE.cjs +13 -0
  30. package/components/WheelOfFortuneHistory-tcBNosXj.cjs +13 -0
  31. package/components/WheelOfFortuneRules-3Pnc2tv_.cjs +5 -0
  32. package/components/WheelOfFortuneRules-BI3iP5jZ.js +117 -0
  33. package/components/WheelOfFortuneRules-ByuqEg7o.js +128 -0
  34. package/components/WheelOfFortuneRules-Dp6015wP.cjs +5 -0
  35. package/components/WheelOfFortuneRules-Sa4GsYQ7.js +117 -0
  36. package/components/WheelOfFortuneRules-ssp6aAUp.js +128 -0
  37. package/components/WheelOfFortuneWheel-76dShj7s.cjs +1 -0
  38. package/components/WheelOfFortuneWheel-B-3ALU8u.js +632 -0
  39. package/components/WheelOfFortuneWheel-C2yIQKzY.js +598 -0
  40. package/components/WheelOfFortuneWheel-C6o9ZPV4.js +598 -0
  41. package/components/WheelOfFortuneWheel-jv0TkAX_.js +632 -0
  42. package/components/WheelOfFortuneWheel-rP-wIp2j.cjs +1 -0
  43. package/components/utils-BCvapeyS.cjs +5 -0
  44. package/components/utils-COXr0j7Z.js +6803 -0
  45. package/components/utils-CbMHM9Bv.js +6831 -0
  46. package/components/utils-Cun_uLlb.js +6890 -0
  47. package/components/utils-D6FQ3_dW.cjs +5 -0
  48. package/components/utils-De4h5fhB.js +6918 -0
  49. package/es2015/mini-games-hub.cjs +1 -1
  50. package/es2015/mini-games-hub.js +1 -1
  51. package/esnext/mini-games-hub.js +1 -1
  52. package/package.json +1 -1
@@ -0,0 +1,820 @@
1
+ import { d as xe, W as ye } from "./WheelOfFortuneWheel-C6o9ZPV4.js";
2
+ import { d as ve, e as we, p as ke, U as We, f as Be, h as c, s as Y, i as ze, V as Ce, o as Se, k as S, j as n, m as I, t as J, q as y, v as D, _ as De, w as _, x as _e, G as $, E as p, L as A, y as Ae, z as Ge, D as u, C as d, A as Le, K as r, T as N, l as Q } from "./utils-COXr0j7Z.js";
3
+ import { W as Te } from "./WheelOfFortuneHistory-BagUH_Pn.js";
4
+ import { W as Re } from "./WheelOfFortuneDrawResults-BZAetM0L.js";
5
+ import { W as Pe } from "./WheelOfFortuneRules-Sa4GsYQ7.js";
6
+ import { p as je } from "./constants-syi43uVY.js";
7
+ var He = $("<button> </button>"), Fe = $('<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>');
8
+ const Ye = {
9
+ hash: "svelte-17ly5gn",
10
+ code: `@keyframes svelte-17ly5gn-wheelBob {
11
+ 0%, 100% {
12
+ transform: translateY(0);
13
+ }
14
+ 50% {
15
+ transform: translateY(-10px);
16
+ }
17
+ }
18
+ @keyframes svelte-17ly5gn-stageFloat {
19
+ 0%, 100% {
20
+ transform: translate3d(0, 0, 0) rotate(-0.12deg) scale(1);
21
+ }
22
+ 42% {
23
+ transform: translate3d(0, -4px, 0) rotate(0.16deg) scale(1.002);
24
+ }
25
+ 72% {
26
+ transform: translate3d(0, 2px, 0) rotate(-0.04deg) scale(0.999);
27
+ }
28
+ }
29
+ @keyframes svelte-17ly5gn-stageGlow {
30
+ 0%, 100% {
31
+ opacity: 0.46;
32
+ transform: scale(0.94);
33
+ filter: blur(27px);
34
+ }
35
+ 50% {
36
+ opacity: 0.68;
37
+ transform: scale(1.02);
38
+ filter: blur(31px);
39
+ }
40
+ }
41
+ @keyframes svelte-17ly5gn-glowOrbit {
42
+ 0%, 100% {
43
+ opacity: 0.13;
44
+ transform: scale(0.88) rotate(-8deg);
45
+ }
46
+ 50% {
47
+ opacity: 0.24;
48
+ transform: scale(0.95) rotate(5deg);
49
+ }
50
+ }
51
+ @keyframes svelte-17ly5gn-frameGlowBreath {
52
+ 0%, 100% {
53
+ opacity: 0.58;
54
+ transform: scale(0.94);
55
+ filter: blur(30px);
56
+ }
57
+ 48% {
58
+ opacity: 0.82;
59
+ transform: scale(1.03);
60
+ filter: blur(34px);
61
+ }
62
+ }
63
+ @keyframes svelte-17ly5gn-wheelDrop {
64
+ 0% {
65
+ transform: translateY(-60vh) scale(0.961) rotate(-9deg);
66
+ opacity: 0;
67
+ }
68
+ 70% {
69
+ transform: translateY(-20px) scale(1.012) rotate(2deg);
70
+ opacity: 1;
71
+ }
72
+ 86% {
73
+ transform: translateY(0px) scale(0.997) rotate(-0.6deg);
74
+ }
75
+ 100% {
76
+ transform: translateY(0) scale(1) rotate(0);
77
+ opacity: 1;
78
+ }
79
+ }
80
+ @keyframes svelte-17ly5gn-spinGlowPop {
81
+ 0% {
82
+ opacity: 0.56;
83
+ transform: scale(0.96);
84
+ filter: blur(25px);
85
+ }
86
+ 32% {
87
+ opacity: 0.92;
88
+ transform: scale(1.08);
89
+ filter: blur(31px);
90
+ }
91
+ 100% {
92
+ opacity: 0.58;
93
+ transform: scale(0.98);
94
+ filter: blur(27px);
95
+ }
96
+ }
97
+ @keyframes svelte-17ly5gn-glowPulse {
98
+ 0%, 100% {
99
+ opacity: 0.72;
100
+ transform: scale(0.95);
101
+ }
102
+ 50% {
103
+ opacity: 1;
104
+ transform: scale(1.12);
105
+ }
106
+ }
107
+ @keyframes svelte-17ly5gn-glowRing {
108
+ 0%, 100% {
109
+ opacity: 0.42;
110
+ transform: scale(0.92);
111
+ }
112
+ 50% {
113
+ opacity: 0.88;
114
+ transform: scale(1.18);
115
+ }
116
+ }
117
+ @keyframes svelte-17ly5gn-centerButtonSpinBreath {
118
+ 0%, 100% {
119
+ transform: scale(1);
120
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
121
+ }
122
+ 45% {
123
+ transform: scale(1.032);
124
+ filter: drop-shadow(0 11px 18px rgba(0, 0, 0, 0.36)) brightness(1.07);
125
+ }
126
+ }
127
+ @keyframes svelte-17ly5gn-middleButtonIdleZoomGlow {
128
+ 0%, 100% {
129
+ transform: scale(1);
130
+ 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);
131
+ }
132
+ 50% {
133
+ transform: scale(1.045);
134
+ 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);
135
+ }
136
+ }
137
+ @keyframes svelte-17ly5gn-middleButtonPress {
138
+ 0% {
139
+ transform: scale(1);
140
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
141
+ }
142
+ 28% {
143
+ transform: scale(0.91);
144
+ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.36)) brightness(0.98);
145
+ }
146
+ 68% {
147
+ transform: scale(1.045);
148
+ filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.36)) brightness(1.08);
149
+ }
150
+ 100% {
151
+ transform: scale(1);
152
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
153
+ }
154
+ }
155
+ @keyframes svelte-17ly5gn-prizeStageGlow {
156
+ 0% {
157
+ opacity: 0.54;
158
+ transform: scale(0.96);
159
+ filter: blur(26px);
160
+ }
161
+ 22% {
162
+ opacity: 0.94;
163
+ transform: scale(1.06);
164
+ filter: blur(20px);
165
+ }
166
+ 100% {
167
+ opacity: 0.54;
168
+ transform: scale(0.96);
169
+ filter: blur(26px);
170
+ }
171
+ }
172
+ @keyframes svelte-17ly5gn-prizeFillGlow {
173
+ 0% {
174
+ opacity: 0;
175
+ transform: scale(0.982);
176
+ }
177
+ 8% {
178
+ opacity: 0.94;
179
+ transform: scale(1.008);
180
+ }
181
+ 24% {
182
+ opacity: 0.62;
183
+ transform: scale(0.997);
184
+ }
185
+ 42% {
186
+ opacity: 0.8;
187
+ transform: scale(1.006);
188
+ }
189
+ 60% {
190
+ opacity: 0.55;
191
+ transform: scale(0.999);
192
+ }
193
+ 78% {
194
+ opacity: 0.72;
195
+ transform: scale(1.004);
196
+ }
197
+ 100% {
198
+ opacity: 0;
199
+ transform: scale(0.99);
200
+ }
201
+ }
202
+ @keyframes svelte-17ly5gn-prizeEdgePulse {
203
+ 0% {
204
+ opacity: 0;
205
+ stroke-width: 0.035;
206
+ }
207
+ 8% {
208
+ opacity: 1;
209
+ stroke-width: 0.025;
210
+ }
211
+ 24% {
212
+ opacity: 0.88;
213
+ stroke-width: 0.035;
214
+ }
215
+ 42% {
216
+ opacity: 1;
217
+ stroke-width: 0.025;
218
+ }
219
+ 60% {
220
+ opacity: 0.85;
221
+ stroke-width: 0.035;
222
+ }
223
+ 78% {
224
+ opacity: 1;
225
+ stroke-width: 0.025;
226
+ }
227
+ 100% {
228
+ opacity: 0.85;
229
+ stroke-width: 0.035;
230
+ }
231
+ }
232
+ @keyframes svelte-17ly5gn-prizeDashDance {
233
+ 0% {
234
+ opacity: 0;
235
+ stroke-dashoffset: 12;
236
+ }
237
+ 10% {
238
+ opacity: 0.94;
239
+ }
240
+ 48% {
241
+ opacity: 0.78;
242
+ }
243
+ 82% {
244
+ opacity: 0.66;
245
+ }
246
+ 100% {
247
+ opacity: 0;
248
+ stroke-dashoffset: -26;
249
+ }
250
+ }
251
+ @keyframes svelte-17ly5gn-prizeSheenSweep {
252
+ 0% {
253
+ opacity: 0;
254
+ transform: translateX(-7px) scale(0.98);
255
+ }
256
+ 12% {
257
+ opacity: 0.58;
258
+ transform: translateX(-1px) scale(1.01);
259
+ }
260
+ 36% {
261
+ opacity: 0.22;
262
+ transform: translateX(3px) scale(1);
263
+ }
264
+ 62% {
265
+ opacity: 0.42;
266
+ transform: translateX(1px) scale(1.008);
267
+ }
268
+ 100% {
269
+ opacity: 0;
270
+ transform: translateX(8px) scale(0.99);
271
+ }
272
+ }
273
+ @keyframes svelte-17ly5gn-superPrizeStageGlow {
274
+ 0% {
275
+ transform: scale(0.96);
276
+ opacity: 0.2;
277
+ filter: blur(8px);
278
+ }
279
+ 45% {
280
+ transform: scale(1.13);
281
+ opacity: 0.86;
282
+ filter: blur(13px);
283
+ }
284
+ 100% {
285
+ transform: scale(1.03);
286
+ opacity: 0.45;
287
+ filter: blur(10px);
288
+ }
289
+ }
290
+ @keyframes svelte-17ly5gn-superPrizeFillGlow {
291
+ 0% {
292
+ opacity: 0.2;
293
+ transform: scale(0.96);
294
+ }
295
+ 32% {
296
+ opacity: 1;
297
+ transform: scale(1.045);
298
+ }
299
+ 66% {
300
+ opacity: 0.72;
301
+ transform: scale(1.015);
302
+ }
303
+ 100% {
304
+ opacity: 0.58;
305
+ transform: scale(1);
306
+ }
307
+ }
308
+ @keyframes svelte-17ly5gn-superPrizeSheenSweep {
309
+ 0% {
310
+ opacity: 0;
311
+ transform: scale(0.88) rotate(-5deg);
312
+ }
313
+ 34% {
314
+ opacity: 0.95;
315
+ transform: scale(1.08) rotate(2deg);
316
+ }
317
+ 100% {
318
+ opacity: 0.2;
319
+ transform: scale(1.16) rotate(7deg);
320
+ }
321
+ }
322
+ @keyframes svelte-17ly5gn-superPrizeEdgePulse {
323
+ 0% {
324
+ opacity: 0.4;
325
+ transform: scale(0.97);
326
+ }
327
+ 38% {
328
+ opacity: 1;
329
+ transform: scale(1.055);
330
+ }
331
+ 70% {
332
+ opacity: 0.86;
333
+ transform: scale(1.018);
334
+ }
335
+ 100% {
336
+ opacity: 0.72;
337
+ transform: scale(1);
338
+ }
339
+ }
340
+ @keyframes svelte-17ly5gn-superPrizeDashDance {
341
+ 0% {
342
+ opacity: 0;
343
+ stroke-dashoffset: 20;
344
+ transform: scale(0.95);
345
+ }
346
+ 18% {
347
+ opacity: 1;
348
+ }
349
+ 100% {
350
+ opacity: 0.76;
351
+ stroke-dashoffset: -42;
352
+ transform: scale(1.04);
353
+ }
354
+ }
355
+ @keyframes svelte-17ly5gn-spinButtonZoomGlow {
356
+ 0%, 100% {
357
+ transform: scale(1);
358
+ filter: brightness(1);
359
+ 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);
360
+ }
361
+ 50% {
362
+ transform: scale(1.065);
363
+ filter: brightness(1.08);
364
+ 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);
365
+ }
366
+ }
367
+ @keyframes svelte-17ly5gn-buttonBreath {
368
+ 0%, 100% {
369
+ transform: scale(1);
370
+ }
371
+ 50% {
372
+ transform: scale(1.035);
373
+ }
374
+ }
375
+ @keyframes svelte-17ly5gn-buttonAura {
376
+ 0%, 100% {
377
+ filter: brightness(1) saturate(1);
378
+ 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);
379
+ }
380
+ 50% {
381
+ filter: brightness(1.035) saturate(1.04);
382
+ 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);
383
+ }
384
+ }
385
+ @keyframes svelte-17ly5gn-buttonSheen {
386
+ 0%, 58%, 100% {
387
+ transform: translateX(-120%);
388
+ opacity: 0.22;
389
+ }
390
+ 72% {
391
+ transform: translateX(120%);
392
+ opacity: 0.42;
393
+ }
394
+ }
395
+ @keyframes svelte-17ly5gn-buttonPop {
396
+ 0% {
397
+ transform: translateY(2px) scale(0.985);
398
+ }
399
+ 48% {
400
+ transform: translateY(-2px) scale(1.018);
401
+ }
402
+ 100% {
403
+ transform: translateY(0) scale(1);
404
+ }
405
+ }
406
+ @keyframes svelte-17ly5gn-confettiFirework {
407
+ 0% {
408
+ opacity: 0;
409
+ transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
410
+ }
411
+ 9% {
412
+ opacity: 1;
413
+ 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));
414
+ }
415
+ 28% {
416
+ opacity: 0.98;
417
+ transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(calc(var(--rot) + var(--spin) * 0.56));
418
+ }
419
+ 72% {
420
+ opacity: 0.78;
421
+ 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));
422
+ }
423
+ 100% {
424
+ opacity: 0;
425
+ transform: translate(calc(-50% + var(--tx) * 1.14), calc(-50% + var(--ty) + var(--fall))) scale(0.62) rotate(calc(var(--rot) + var(--spin)));
426
+ }
427
+ }
428
+ @keyframes svelte-17ly5gn-swipeHandAcross {
429
+ 0%, 100% {
430
+ transform: translateX(-70px) rotate(-22deg);
431
+ opacity: 0.65;
432
+ }
433
+ 50% {
434
+ transform: translateX(70px) rotate(22deg);
435
+ opacity: 0.65;
436
+ }
437
+ 25%, 75% {
438
+ opacity: 1;
439
+ }
440
+ }
441
+ @keyframes svelte-17ly5gn-wofSpinnerFadeIn {
442
+ to {
443
+ opacity: 1;
444
+ }
445
+ }
446
+ @keyframes svelte-17ly5gn-wofSpinnerRotate {
447
+ to {
448
+ transform: rotate(360deg);
449
+ }
450
+ }
451
+ @keyframes svelte-17ly5gn-drawResultPop {
452
+ 0% {
453
+ opacity: 0;
454
+ transform: scale(0.92) translateY(8px);
455
+ }
456
+ 62% {
457
+ opacity: 1;
458
+ transform: scale(1.016) translateY(-2px);
459
+ }
460
+ 100% {
461
+ opacity: 1;
462
+ transform: scale(1) translateY(0);
463
+ }
464
+ }
465
+ @keyframes svelte-17ly5gn-successElementIn {
466
+ 0% {
467
+ opacity: 0;
468
+ transform: translate3d(0, 18px, 0) scale(0.98);
469
+ filter: blur(3px);
470
+ }
471
+ 70% {
472
+ opacity: 1;
473
+ transform: translate3d(0, -2px, 0) scale(1.01);
474
+ filter: blur(0);
475
+ }
476
+ 100% {
477
+ opacity: 1;
478
+ transform: translate3d(0, 0, 0) scale(1);
479
+ filter: blur(0);
480
+ }
481
+ }
482
+ @keyframes svelte-17ly5gn-successConfettiFall {
483
+ 0% {
484
+ opacity: 0;
485
+ transform: translate3d(-50%, -18px, 0) rotate(var(--rot)) scale(0.62);
486
+ }
487
+ 9% {
488
+ opacity: 1;
489
+ }
490
+ 46% {
491
+ opacity: 0.96;
492
+ transform: translate3d(calc(-50% + var(--tx) * 0.55), 48vh, 0) rotate(calc(var(--rot) + var(--spin) * 0.52)) scale(1);
493
+ }
494
+ 100% {
495
+ opacity: 0;
496
+ transform: translate3d(calc(-50% + var(--tx)), 108vh, 0) rotate(calc(var(--rot) + var(--spin))) scale(0.86);
497
+ }
498
+ }
499
+ @keyframes svelte-17ly5gn-prizeCoinFloatZoom {
500
+ 0%, 100% {
501
+ transform: translate3d(0, 0, 0) scale(1);
502
+ }
503
+ 50% {
504
+ transform: translate3d(0, -8px, 0) scale(1.065);
505
+ }
506
+ }
507
+ @media (prefers-reduced-motion: reduce) { .WheelWrapper,
508
+ .WheelWrapper::before,
509
+ .WheelWrapper::after,
510
+ .DropWrap,
511
+ .WheelDisc,
512
+ .CenterButton,
513
+ .ButtonGlow,
514
+ .SpinButton {
515
+ animation: none !important;}
516
+ } .WheelWrapper {position:relative;isolation:isolate;width:100%;aspect-ratio:726/720;cursor:grab;transform-origin:50% 55%;
517
+ 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);
518
+ 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);
519
+ 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 {
520
+ animation: svelte-17ly5gn-spinGlowPop 920ms cubic-bezier(0.12, 0.92, 0.22, 1) both;} .WheelWrapper.is-prize-hit::before {
521
+ 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;
522
+ 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,
523
+ .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;
524
+ 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%;
525
+ 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);
526
+ 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,
527
+ .segment-hit-sheen,
528
+ .segment-hit-edge,
529
+ .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));
530
+ 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));
531
+ 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)));
532
+ 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);
533
+ 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);
534
+ 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) {
535
+ animation: svelte-17ly5gn-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .CenterButton.is-pressing {
536
+ 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) {
537
+ 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);
538
+ animation: svelte-17ly5gn-wofSpinnerRotate 900ms linear infinite;} .WheelWrapper.is-assets-loading ~ .WheelLoadingSpinner {
539
+ 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%;
540
+ 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;}
541
+ @media (pointer: fine) and (min-width: 641px) { .swipe-hint-wrap {display:none;}
542
+ }
543
+ @media (pointer: coarse), (max-width: 640px) { .WheelWrapper {
544
+ animation: none !important;filter:none;transform:translateZ(0);will-change:transform;} .WheelWrapper::before, .WheelWrapper::after {
545
+ 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 {
546
+ animation: none !important;filter:none !important;opacity:0 !important;} .SparkleLayer::before,
547
+ .SparkleLayer::after,
548
+ .ButtonGlow,
549
+ .ButtonGlow::before,
550
+ .ButtonGlow::after {
551
+ 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,
552
+ .segment-hit-edge,
553
+ .segment-hit-spark-edge,
554
+ .sparkle,
555
+ .confetti,
556
+ .CenterButton {filter:none !important;} .segment-hit-fill,
557
+ .segment-hit-edge,
558
+ .segment-hit-spark-edge {animation-duration:1800ms !important;}
559
+ } .WofLottiePlayer {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;} .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;} .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%);transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);} .WheelContent.WheelBackgroundHalo > *:not(.WheelContainer),
560
+ .WheelContent.WheelBackgroundHalo .SpinsInfo {transition:opacity 0.4s ease, filter 0.4s ease;} .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .WheelContainer {scale:1.15;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .WheelContent.WheelBackgroundHalo.is-spin-fullscreen > *:not(.WheelContainer),
561
+ .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinsInfo,
562
+ .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinButton {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;} .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);
563
+ 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;
564
+ 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 {
565
+ 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;
566
+ 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;
567
+ 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;
568
+ animation: svelte-17ly5gn-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .Coin svg,
569
+ .Coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
570
+ animation: svelte-17ly5gn-prizeCoinFloatZoom 1800ms ease-in-out infinite;} .DrawResultTitle {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);
571
+ animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 250ms both;} .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);
572
+ 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);
573
+ animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 560ms both;} .PrimaryCta {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 {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;}
574
+ @media (prefers-reduced-motion: reduce) { .Coin,
575
+ .DrawResultTitle,
576
+ .DrawResultDescription,
577
+ .DrawResultActions {opacity:1;transform:none;filter:none;} .Coin svg,
578
+ .Coin img {
579
+ animation: none;} .success-confetti-piece {
580
+ animation: none;}
581
+ }`
582
+ };
583
+ function Ie(E, a) {
584
+ ke(a, !0), We(E, Ye);
585
+ const v = () => Ae(Ge, "$_", ee), [ee, ne] = Le();
586
+ Be.extend(xe);
587
+ const o = c(a, "program", 7, null), g = c(a, "endpoint", 7, null), b = c(a, "session", 7, null), G = c(a, "outerWheelAsset", 7, null), L = c(a, "wheelButtonAsset", 7, null), T = c(a, "language", 7, "en"), R = c(a, "showBackButton", 7, !0), h = A(() => !g() || !o()), te = A(() => !n(h) && (o()?.remainingTimes ?? 0) > 0), re = A(() => n(h) ? je : o()?.partitions ?? []), f = ["history", "play", "rules"];
588
+ let m = Y(ze(f[1]));
589
+ const ae = (e) => S(m, e, !0);
590
+ let s = Y(null), P = Y(!1);
591
+ const oe = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), se = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), M = (e) => {
592
+ if (e.data)
593
+ switch (e.data.type) {
594
+ case "SpinAgain":
595
+ case "BackToWheel":
596
+ S(s, null);
597
+ break;
598
+ }
599
+ };
600
+ Ce(() => (window.addEventListener("message", M), () => {
601
+ window.removeEventListener("message", M);
602
+ }));
603
+ var ie = {
604
+ get program() {
605
+ return o();
606
+ },
607
+ set program(e = null) {
608
+ o(e), d();
609
+ },
610
+ get endpoint() {
611
+ return g();
612
+ },
613
+ set endpoint(e = null) {
614
+ g(e), d();
615
+ },
616
+ get session() {
617
+ return b();
618
+ },
619
+ set session(e = null) {
620
+ b(e), d();
621
+ },
622
+ get outerWheelAsset() {
623
+ return G();
624
+ },
625
+ set outerWheelAsset(e = null) {
626
+ G(e), d();
627
+ },
628
+ get wheelButtonAsset() {
629
+ return L();
630
+ },
631
+ set wheelButtonAsset(e = null) {
632
+ L(e), d();
633
+ },
634
+ get language() {
635
+ return T();
636
+ },
637
+ set language(e = "en") {
638
+ T(e), d();
639
+ },
640
+ get showBackButton() {
641
+ return R();
642
+ },
643
+ set showBackButton(e = !0) {
644
+ R(e), d();
645
+ }
646
+ }, w = Fe();
647
+ let X;
648
+ var x = p(w);
649
+ let Z;
650
+ x.__click = se;
651
+ var O = u(p(x), 2), le = p(O, !0);
652
+ r(O), r(x);
653
+ var k = u(x, 2);
654
+ let q;
655
+ var j = p(k), pe = p(j, !0);
656
+ r(j);
657
+ var K = u(j, 2), ce = p(K, !0);
658
+ r(K), r(k);
659
+ var W = u(k, 2);
660
+ let U;
661
+ Se(W, 20, () => f, (e) => e, (e, i) => {
662
+ var t = He();
663
+ let z;
664
+ t.__click = () => ae(i);
665
+ var H = p(t, !0);
666
+ r(t), J(
667
+ (l) => {
668
+ z = y(t, 1, "Tab svelte-17ly5gn", null, z, { Active: n(m) === i }), D(H, l);
669
+ },
670
+ [() => v()(i)]
671
+ ), _(e, t);
672
+ }), r(W);
673
+ var B = u(W, 2);
674
+ let V;
675
+ var de = p(B);
676
+ ye(de, {
677
+ get program() {
678
+ return o();
679
+ },
680
+ get endpoint() {
681
+ return g();
682
+ },
683
+ get session() {
684
+ return b();
685
+ },
686
+ get outerWheelAsset() {
687
+ return G();
688
+ },
689
+ get wheelButtonAsset() {
690
+ return L();
691
+ },
692
+ get wheelSlices() {
693
+ return n(re);
694
+ },
695
+ get isPlaceholder() {
696
+ return n(h);
697
+ },
698
+ get isWheelAvailable() {
699
+ return n(te);
700
+ },
701
+ onLogin: oe,
702
+ get spinResults() {
703
+ return n(s);
704
+ },
705
+ set spinResults(e) {
706
+ S(s, e, !0);
707
+ },
708
+ get spinActive() {
709
+ return n(P);
710
+ },
711
+ set spinActive(e) {
712
+ S(P, e, !0);
713
+ }
714
+ }), r(B);
715
+ var ge = u(B, 2);
716
+ {
717
+ var fe = (e) => {
718
+ Re(e, {
719
+ get result() {
720
+ return n(s);
721
+ },
722
+ get endpoint() {
723
+ return g();
724
+ },
725
+ get session() {
726
+ return b();
727
+ }
728
+ });
729
+ }, me = (e) => {
730
+ var i = N(), t = Q(i);
731
+ {
732
+ var z = (l) => {
733
+ {
734
+ let C = A(() => o()?.id);
735
+ Te(l, {
736
+ get programId() {
737
+ return n(C);
738
+ },
739
+ get endpoint() {
740
+ return g();
741
+ },
742
+ get session() {
743
+ return b();
744
+ }
745
+ });
746
+ }
747
+ }, H = (l) => {
748
+ var C = N(), be = Q(C);
749
+ {
750
+ var he = (F) => {
751
+ Pe(F, {
752
+ get program() {
753
+ return o();
754
+ },
755
+ get language() {
756
+ return T();
757
+ }
758
+ });
759
+ };
760
+ I(
761
+ be,
762
+ (F) => {
763
+ n(m) === f[2] && F(he);
764
+ },
765
+ !0
766
+ );
767
+ }
768
+ _(l, C);
769
+ };
770
+ I(
771
+ t,
772
+ (l) => {
773
+ n(m) === f[0] ? l(z) : l(H, !1);
774
+ },
775
+ !0
776
+ );
777
+ }
778
+ _(e, i);
779
+ };
780
+ I(ge, (e) => {
781
+ n(s) ? e(fe) : e(me, !1);
782
+ });
783
+ }
784
+ r(w), J(
785
+ (e, i, t) => {
786
+ X = y(w, 1, "WheelContent svelte-17ly5gn", null, X, {
787
+ WheelBackgroundHalo: n(m) === f[1],
788
+ "is-spin-fullscreen": n(P)
789
+ }), Z = y(x, 1, "BackButtonContainer svelte-17ly5gn", null, Z, { Hidden: n(h) || !R() }), D(le, e), q = y(k, 1, "WofTitle svelte-17ly5gn", null, q, { Hidden: n(s) }), D(pe, i), D(ce, t), U = y(W, 1, "WofTabs svelte-17ly5gn", null, U, { Hidden: n(h) || n(s) }), V = De(B, "", V, {
790
+ display: n(m) !== f[1] || n(s) ? "none" : "contents"
791
+ });
792
+ },
793
+ [
794
+ () => v()("backToHub"),
795
+ () => v()("wofTitle"),
796
+ () => v()("wofSubtitle")
797
+ ]
798
+ ), _(E, w);
799
+ var ue = _e(ie);
800
+ return ne(), ue;
801
+ }
802
+ ve(["click"]);
803
+ customElements.define("wheel-of-fortune", we(
804
+ Ie,
805
+ {
806
+ program: {},
807
+ endpoint: {},
808
+ session: {},
809
+ outerWheelAsset: {},
810
+ wheelButtonAsset: {},
811
+ language: {},
812
+ showBackButton: {}
813
+ },
814
+ [],
815
+ [],
816
+ !1
817
+ ));
818
+ export {
819
+ Ie as W
820
+ };