@everymatrix/mini-games-hub 0.1.18 → 0.1.19

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 (47) hide show
  1. package/components/BackButton-BrfBWRIr.js +38 -0
  2. package/components/BackButton-DWyr6ELs.js +39 -0
  3. package/components/CoinFlip-CqHlL4t9.js +367 -0
  4. package/components/CoinFlip-zzM-FtUg.js +402 -0
  5. package/components/CoinRoyale-BJWVsEJj.cjs +759 -0
  6. package/components/CoinRoyale-DKWXkm3P.js +1040 -0
  7. package/components/CoinRoyale-Y2G7RWga.js +1020 -0
  8. package/components/CoinRoyale-hmGqx4pF.cjs +759 -0
  9. package/components/DrawResult-DXaJYat3.js +343 -0
  10. package/components/DrawResult-FwuHCP-y.js +373 -0
  11. package/components/GameCard-45tJnqY3.cjs +3 -0
  12. package/components/GameCard-C1IfKCWx.js +66 -0
  13. package/components/GameCard-CLXODhBl.js +63 -0
  14. package/components/GameCard-DZm1MFqf.cjs +3 -0
  15. package/components/GameHistory-9Xh7Sb6S.cjs +13 -0
  16. package/components/GameHistory-B6MiGA9Z.js +240 -0
  17. package/components/GameHistory-BmChILXB.js +241 -0
  18. package/components/GameHistory-DioZWMQ8.cjs +13 -0
  19. package/components/GamePlaceholder-2C54MJXM.js +87 -0
  20. package/components/GamePlaceholder-BPZQa2uj.cjs +18 -0
  21. package/components/GamePlaceholder-CXixYEW3.cjs +18 -0
  22. package/components/GamePlaceholder-zLYrDd0k.js +88 -0
  23. package/components/GameRules-DNete4N3.js +117 -0
  24. package/components/GameRules-DOPgbqxU.cjs +5 -0
  25. package/components/GameRules-DbfGxBGR.cjs +5 -0
  26. package/components/GameRules-lzdMrQZY.js +128 -0
  27. package/components/MiniGamesHub-9mWWh3N1.js +1111 -0
  28. package/components/MiniGamesHub-ChMf3rL7.js +1141 -0
  29. package/components/MiniGamesHub-Cv7rxLAO.cjs +79 -0
  30. package/components/MiniGamesHub-gVFlxi4x.cjs +79 -0
  31. package/components/MysteryChest-C1jSQFBT.cjs +741 -0
  32. package/components/MysteryChest-Cg48wdP6.cjs +741 -0
  33. package/components/MysteryChest-D5OWiZfM.js +1250 -0
  34. package/components/MysteryChest-DE2NS9aL.js +1299 -0
  35. package/components/WheelOfFortune-CriOHAfp.cjs +627 -0
  36. package/components/WheelOfFortune-D2AVLv8r.js +934 -0
  37. package/components/WheelOfFortune-Dsr3jMxy.cjs +627 -0
  38. package/components/WheelOfFortune-uTfPiHqd.js +950 -0
  39. package/components/WheelOfFortuneWheel-C91V0Bho.js +1741 -0
  40. package/components/WheelOfFortuneWheel-CDjrztMA.js +1812 -0
  41. package/components/countdown-Bn5Dj09X.js +157 -0
  42. package/components/utils-DT23SX1f.js +6007 -0
  43. package/es2015/mini-games-hub.cjs +1 -1
  44. package/es2015/mini-games-hub.js +1 -1
  45. package/esnext/mini-games-hub.cjs +1 -1
  46. package/esnext/mini-games-hub.js +1 -1
  47. package/package.json +1 -1
@@ -0,0 +1,950 @@
1
+ import { d as xe, c as ye, a as ve, p as l, o as ke, i as $, g as ze, W as _e, m as y, s as T, r as Be, e as D, f as L, k as Ae, t as Se, n as Ge } from "./WheelOfFortuneWheel-CDjrztMA.js";
2
+ import { G as Pe, aM as b, aC as Re, W as je, a0 as n, au as o, aO as x, ah as X, L as Fe, aX as v, aT as u, aP as Ye, aQ as Me, aG as p, aR as We, aW as g, b5 as Ce } from "./utils-BJHloM10.js";
3
+ import { G as Ee } from "./GameHistory-BmChILXB.js";
4
+ import { D as Ie } from "./DrawResult-FwuHCP-y.js";
5
+ import { G as Te } from "./GameRules-lzdMrQZY.js";
6
+ import { B as De } from "./BackButton-DWyr6ELs.js";
7
+ import { c as Xe, f as Le } from "./remaining-times-Dexper1E.js";
8
+ var Oe = L('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>', 2), Ze = L("<button> </button>"), Ve = L('<div><!> <!> <div><h3 class="svelte-17ly5gn"> </h3> <p class="svelte-17ly5gn"> </p></div> <div></div> <div class="svelte-17ly5gn"><!></div> <!></div>');
9
+ const He = {
10
+ hash: "svelte-17ly5gn",
11
+ code: `@keyframes svelte-17ly5gn-game-bob {
12
+ 0%, 100% {
13
+ transform: translateY(0);
14
+ }
15
+ 50% {
16
+ transform: translateY(-10px);
17
+ }
18
+ }
19
+ @keyframes svelte-17ly5gn-game-bg-drift {
20
+ 0%, 100% {
21
+ transform: scale(1.06) translate(0, 0);
22
+ }
23
+ 50% {
24
+ transform: scale(1.12) translate(-1.5%, -1%);
25
+ }
26
+ }
27
+ @keyframes svelte-17ly5gn-game-cta-glow {
28
+ 0%, 100% {
29
+ transform: scale(1);
30
+ filter: brightness(1);
31
+ 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);
32
+ }
33
+ 50% {
34
+ transform: scale(1.065);
35
+ filter: brightness(1.08);
36
+ 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);
37
+ }
38
+ }
39
+ @keyframes svelte-17ly5gn-stageFloat {
40
+ 0%, 100% {
41
+ transform: translate3d(0, 0, 0) rotate(-0.12deg) scale(1);
42
+ }
43
+ 42% {
44
+ transform: translate3d(0, -4px, 0) rotate(0.16deg) scale(1.002);
45
+ }
46
+ 72% {
47
+ transform: translate3d(0, 2px, 0) rotate(-0.04deg) scale(0.999);
48
+ }
49
+ }
50
+ @keyframes svelte-17ly5gn-stageGlow {
51
+ 0%, 100% {
52
+ opacity: 0.46;
53
+ transform: scale(0.94);
54
+ filter: blur(27px);
55
+ }
56
+ 50% {
57
+ opacity: 0.68;
58
+ transform: scale(1.02);
59
+ filter: blur(31px);
60
+ }
61
+ }
62
+ @keyframes svelte-17ly5gn-glowOrbit {
63
+ 0%, 100% {
64
+ opacity: 0.13;
65
+ transform: scale(0.88) rotate(-8deg);
66
+ }
67
+ 50% {
68
+ opacity: 0.24;
69
+ transform: scale(0.95) rotate(5deg);
70
+ }
71
+ }
72
+ @keyframes svelte-17ly5gn-frameGlowBreath {
73
+ 0%, 100% {
74
+ opacity: 0.58;
75
+ transform: scale(0.94);
76
+ filter: blur(30px);
77
+ }
78
+ 48% {
79
+ opacity: 0.82;
80
+ transform: scale(1.03);
81
+ filter: blur(34px);
82
+ }
83
+ }
84
+ @keyframes svelte-17ly5gn-wheelDrop {
85
+ 0% {
86
+ transform: translateY(-60vh) scale(0.961) rotate(-9deg);
87
+ opacity: 0;
88
+ }
89
+ 70% {
90
+ transform: translateY(-20px) scale(1.012) rotate(2deg);
91
+ opacity: 1;
92
+ }
93
+ 86% {
94
+ transform: translateY(0px) scale(0.997) rotate(-0.6deg);
95
+ }
96
+ 100% {
97
+ transform: translateY(0) scale(1) rotate(0);
98
+ opacity: 1;
99
+ }
100
+ }
101
+ @keyframes svelte-17ly5gn-spinGlowPop {
102
+ 0% {
103
+ opacity: 0.56;
104
+ transform: scale(0.96);
105
+ filter: blur(25px);
106
+ }
107
+ 32% {
108
+ opacity: 0.92;
109
+ transform: scale(1.08);
110
+ filter: blur(31px);
111
+ }
112
+ 100% {
113
+ opacity: 0.58;
114
+ transform: scale(0.98);
115
+ filter: blur(27px);
116
+ }
117
+ }
118
+ @keyframes svelte-17ly5gn-glowPulse {
119
+ 0%, 100% {
120
+ opacity: 0.72;
121
+ transform: scale(0.95);
122
+ }
123
+ 50% {
124
+ opacity: 1;
125
+ transform: scale(1.12);
126
+ }
127
+ }
128
+ @keyframes svelte-17ly5gn-glowRing {
129
+ 0%, 100% {
130
+ opacity: 0.42;
131
+ transform: scale(0.92);
132
+ }
133
+ 50% {
134
+ opacity: 0.88;
135
+ transform: scale(1.18);
136
+ }
137
+ }
138
+ @keyframes svelte-17ly5gn-centerButtonSpinBreath {
139
+ 0%, 100% {
140
+ transform: scale(1);
141
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
142
+ }
143
+ 45% {
144
+ transform: scale(1.032);
145
+ filter: drop-shadow(0 11px 18px rgba(0, 0, 0, 0.36)) brightness(1.07);
146
+ }
147
+ }
148
+ @keyframes svelte-17ly5gn-middleButtonIdleZoomGlow {
149
+ 0%, 100% {
150
+ transform: scale(1);
151
+ 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);
152
+ }
153
+ 50% {
154
+ transform: scale(1.045);
155
+ 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);
156
+ }
157
+ }
158
+ @keyframes svelte-17ly5gn-middleButtonPress {
159
+ 0% {
160
+ transform: scale(1);
161
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
162
+ }
163
+ 28% {
164
+ transform: scale(0.91);
165
+ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.36)) brightness(0.98);
166
+ }
167
+ 68% {
168
+ transform: scale(1.045);
169
+ filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.36)) brightness(1.08);
170
+ }
171
+ 100% {
172
+ transform: scale(1);
173
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
174
+ }
175
+ }
176
+ @keyframes svelte-17ly5gn-prizeStageGlow {
177
+ 0% {
178
+ opacity: 0.54;
179
+ transform: scale(0.96);
180
+ filter: blur(26px);
181
+ }
182
+ 22% {
183
+ opacity: 0.94;
184
+ transform: scale(1.06);
185
+ filter: blur(20px);
186
+ }
187
+ 100% {
188
+ opacity: 0.54;
189
+ transform: scale(0.96);
190
+ filter: blur(26px);
191
+ }
192
+ }
193
+ @keyframes svelte-17ly5gn-prizeFillGlow {
194
+ 0% {
195
+ opacity: 0;
196
+ transform: scale(0.982);
197
+ }
198
+ 8% {
199
+ opacity: 0.94;
200
+ transform: scale(1.008);
201
+ }
202
+ 24% {
203
+ opacity: 0.62;
204
+ transform: scale(0.997);
205
+ }
206
+ 42% {
207
+ opacity: 0.8;
208
+ transform: scale(1.006);
209
+ }
210
+ 60% {
211
+ opacity: 0.55;
212
+ transform: scale(0.999);
213
+ }
214
+ 78% {
215
+ opacity: 0.72;
216
+ transform: scale(1.004);
217
+ }
218
+ 100% {
219
+ opacity: 0;
220
+ transform: scale(0.99);
221
+ }
222
+ }
223
+ @keyframes svelte-17ly5gn-prizeEdgePulse {
224
+ 0% {
225
+ opacity: 0;
226
+ stroke-width: 0.035;
227
+ }
228
+ 8% {
229
+ opacity: 1;
230
+ stroke-width: 0.025;
231
+ }
232
+ 24% {
233
+ opacity: 0.88;
234
+ stroke-width: 0.035;
235
+ }
236
+ 42% {
237
+ opacity: 1;
238
+ stroke-width: 0.025;
239
+ }
240
+ 60% {
241
+ opacity: 0.85;
242
+ stroke-width: 0.035;
243
+ }
244
+ 78% {
245
+ opacity: 1;
246
+ stroke-width: 0.025;
247
+ }
248
+ 100% {
249
+ opacity: 0.85;
250
+ stroke-width: 0.035;
251
+ }
252
+ }
253
+ @keyframes svelte-17ly5gn-prizeDashDance {
254
+ 0% {
255
+ opacity: 0;
256
+ stroke-dashoffset: 12;
257
+ }
258
+ 10% {
259
+ opacity: 0.94;
260
+ }
261
+ 48% {
262
+ opacity: 0.78;
263
+ }
264
+ 82% {
265
+ opacity: 0.66;
266
+ }
267
+ 100% {
268
+ opacity: 0;
269
+ stroke-dashoffset: -26;
270
+ }
271
+ }
272
+ @keyframes svelte-17ly5gn-prizeSheenSweep {
273
+ 0% {
274
+ opacity: 0;
275
+ transform: translateX(-7px) scale(0.98);
276
+ }
277
+ 12% {
278
+ opacity: 0.58;
279
+ transform: translateX(-1px) scale(1.01);
280
+ }
281
+ 36% {
282
+ opacity: 0.22;
283
+ transform: translateX(3px) scale(1);
284
+ }
285
+ 62% {
286
+ opacity: 0.42;
287
+ transform: translateX(1px) scale(1.008);
288
+ }
289
+ 100% {
290
+ opacity: 0;
291
+ transform: translateX(8px) scale(0.99);
292
+ }
293
+ }
294
+ @keyframes svelte-17ly5gn-superPrizeStageGlow {
295
+ 0% {
296
+ transform: scale(0.96);
297
+ opacity: 0.2;
298
+ filter: blur(8px);
299
+ }
300
+ 45% {
301
+ transform: scale(1.13);
302
+ opacity: 0.86;
303
+ filter: blur(13px);
304
+ }
305
+ 100% {
306
+ transform: scale(1.03);
307
+ opacity: 0.45;
308
+ filter: blur(10px);
309
+ }
310
+ }
311
+ @keyframes svelte-17ly5gn-superPrizeFillGlow {
312
+ 0% {
313
+ opacity: 0.2;
314
+ transform: scale(0.96);
315
+ }
316
+ 32% {
317
+ opacity: 1;
318
+ transform: scale(1.045);
319
+ }
320
+ 66% {
321
+ opacity: 0.72;
322
+ transform: scale(1.015);
323
+ }
324
+ 100% {
325
+ opacity: 0.58;
326
+ transform: scale(1);
327
+ }
328
+ }
329
+ @keyframes svelte-17ly5gn-superPrizeSheenSweep {
330
+ 0% {
331
+ opacity: 0;
332
+ transform: scale(0.88) rotate(-5deg);
333
+ }
334
+ 34% {
335
+ opacity: 0.95;
336
+ transform: scale(1.08) rotate(2deg);
337
+ }
338
+ 100% {
339
+ opacity: 0.2;
340
+ transform: scale(1.16) rotate(7deg);
341
+ }
342
+ }
343
+ @keyframes svelte-17ly5gn-superPrizeEdgePulse {
344
+ 0% {
345
+ opacity: 0.4;
346
+ transform: scale(0.97);
347
+ }
348
+ 38% {
349
+ opacity: 1;
350
+ transform: scale(1.055);
351
+ }
352
+ 70% {
353
+ opacity: 0.86;
354
+ transform: scale(1.018);
355
+ }
356
+ 100% {
357
+ opacity: 0.72;
358
+ transform: scale(1);
359
+ }
360
+ }
361
+ @keyframes svelte-17ly5gn-superPrizeDashDance {
362
+ 0% {
363
+ opacity: 0;
364
+ stroke-dashoffset: 20;
365
+ transform: scale(0.95);
366
+ }
367
+ 18% {
368
+ opacity: 1;
369
+ }
370
+ 100% {
371
+ opacity: 0.76;
372
+ stroke-dashoffset: -42;
373
+ transform: scale(1.04);
374
+ }
375
+ }
376
+ @keyframes svelte-17ly5gn-buttonBreath {
377
+ 0%, 100% {
378
+ transform: scale(1);
379
+ }
380
+ 50% {
381
+ transform: scale(1.035);
382
+ }
383
+ }
384
+ @keyframes svelte-17ly5gn-buttonAura {
385
+ 0%, 100% {
386
+ filter: brightness(1) saturate(1);
387
+ 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);
388
+ }
389
+ 50% {
390
+ filter: brightness(1.035) saturate(1.04);
391
+ 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);
392
+ }
393
+ }
394
+ @keyframes svelte-17ly5gn-buttonSheen {
395
+ 0%, 58%, 100% {
396
+ transform: translateX(-120%);
397
+ opacity: 0.22;
398
+ }
399
+ 72% {
400
+ transform: translateX(120%);
401
+ opacity: 0.42;
402
+ }
403
+ }
404
+ @keyframes svelte-17ly5gn-buttonPop {
405
+ 0% {
406
+ transform: translateY(2px) scale(0.985);
407
+ }
408
+ 48% {
409
+ transform: translateY(-2px) scale(1.018);
410
+ }
411
+ 100% {
412
+ transform: translateY(0) scale(1);
413
+ }
414
+ }
415
+ @keyframes svelte-17ly5gn-confettiFirework {
416
+ 0% {
417
+ opacity: 0;
418
+ transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
419
+ }
420
+ 9% {
421
+ opacity: 1;
422
+ 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));
423
+ }
424
+ 28% {
425
+ opacity: 0.98;
426
+ transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(calc(var(--rot) + var(--spin) * 0.56));
427
+ }
428
+ 72% {
429
+ opacity: 0.78;
430
+ 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));
431
+ }
432
+ 100% {
433
+ opacity: 0;
434
+ transform: translate(calc(-50% + var(--tx) * 1.14), calc(-50% + var(--ty) + var(--fall))) scale(0.62) rotate(calc(var(--rot) + var(--spin)));
435
+ }
436
+ }
437
+ @keyframes svelte-17ly5gn-swipeHandAcross {
438
+ 0%, 100% {
439
+ transform: translateX(-70px) rotate(-22deg);
440
+ opacity: 0.65;
441
+ }
442
+ 50% {
443
+ transform: translateX(70px) rotate(22deg);
444
+ opacity: 0.65;
445
+ }
446
+ 25%, 75% {
447
+ opacity: 1;
448
+ }
449
+ }
450
+ @keyframes svelte-17ly5gn-wofSpinnerFadeIn {
451
+ to {
452
+ opacity: 1;
453
+ }
454
+ }
455
+ @keyframes svelte-17ly5gn-wofSpinnerRotate {
456
+ to {
457
+ transform: rotate(360deg);
458
+ }
459
+ }
460
+ @keyframes svelte-17ly5gn-titleSparkle {
461
+ 0% {
462
+ opacity: 0;
463
+ transform: scale(0.2) rotate(0deg);
464
+ }
465
+ 40% {
466
+ opacity: 1;
467
+ transform: scale(1.4) rotate(35deg);
468
+ }
469
+ 100% {
470
+ opacity: 0;
471
+ transform: scale(0.6) translateY(-20px) rotate(75deg);
472
+ }
473
+ }
474
+ @keyframes svelte-17ly5gn-drawResultPop {
475
+ 0% {
476
+ opacity: 0;
477
+ transform: scale(0.92) translateY(8px);
478
+ }
479
+ 62% {
480
+ opacity: 1;
481
+ transform: scale(1.016) translateY(-2px);
482
+ }
483
+ 100% {
484
+ opacity: 1;
485
+ transform: scale(1) translateY(0);
486
+ }
487
+ }
488
+ @keyframes svelte-17ly5gn-successElementIn {
489
+ 0% {
490
+ opacity: 0;
491
+ transform: translate3d(0, 18px, 0) scale(0.98);
492
+ filter: blur(3px);
493
+ }
494
+ 70% {
495
+ opacity: 1;
496
+ transform: translate3d(0, -2px, 0) scale(1.01);
497
+ filter: blur(0);
498
+ }
499
+ 100% {
500
+ opacity: 1;
501
+ transform: translate3d(0, 0, 0) scale(1);
502
+ filter: blur(0);
503
+ }
504
+ }
505
+ @keyframes svelte-17ly5gn-successConfettiFall {
506
+ 0% {
507
+ opacity: 0;
508
+ transform: translate3d(-50%, -18px, 0) rotate(var(--rot)) scale(0.62);
509
+ }
510
+ 9% {
511
+ opacity: 1;
512
+ }
513
+ 46% {
514
+ opacity: 0.96;
515
+ transform: translate3d(calc(-50% + var(--tx) * 0.55), 48vh, 0) rotate(calc(var(--rot) + var(--spin) * 0.52)) scale(1);
516
+ }
517
+ 100% {
518
+ opacity: 0;
519
+ transform: translate3d(calc(-50% + var(--tx)), 108vh, 0) rotate(calc(var(--rot) + var(--spin))) scale(0.86);
520
+ }
521
+ }
522
+ @keyframes svelte-17ly5gn-prizeCoinFloatZoom {
523
+ 0%, 100% {
524
+ transform: translate3d(0, 0, 0) scale(1);
525
+ }
526
+ 50% {
527
+ transform: translate3d(0, -8px, 0) scale(1.065);
528
+ }
529
+ }
530
+ @media (prefers-reduced-motion: reduce) { .wheel-wrapper,
531
+ .wheel-wrapper::before,
532
+ .wheel-wrapper::after,
533
+ .drop-wrap,
534
+ .wheel-disc,
535
+ .center-button,
536
+ .button-glow,
537
+ .spin-button {
538
+ animation: none !important;}
539
+ } .wheel-wrapper {position:relative;isolation:isolate;width:100%;aspect-ratio:726/720;cursor:grab;transform-origin:50% 55%;
540
+ animation: svelte-17ly5gn-stageFloat 6400ms ease-in-out infinite;will-change:transform, filter;} .wheel-wrapper.is-assets-loading {opacity:0;pointer-events:none;} .wheel-wrapper.is-assets-loading .drop-wrap {animation-play-state:paused;} .wheel-wrapper::before, .wheel-wrapper::after {content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:0;} .wheel-wrapper::before {inset:5% 0 3%;opacity:0.54;transform:scale(0.96);background:radial-gradient(circle at 50% 52%, rgba(255, 234, 113, 0.46) 0 14%, rgba(255, 147, 28, 0.24) 30%, rgba(255, 36, 76, 0.15) 48%, transparent 68%);filter:blur(26px);
541
+ animation: svelte-17ly5gn-stageGlow 3900ms ease-in-out infinite;} .wheel-wrapper::after {inset:15% 10% 8%;opacity:0.16;transform:scale(0.88) rotate(-8deg);border:1px solid rgba(255, 236, 148, 0.32);box-shadow:0 0 44px var(--color-overlay-primary-3, rgba(255, 191, 46, 0.28)), inset 0 0 32px rgba(255, 54, 83, 0.16);
542
+ animation: svelte-17ly5gn-glowOrbit 5600ms ease-in-out infinite;} .wheel-wrapper.is-dragging, .wheel-wrapper.is-dragging::before, .wheel-wrapper.is-dragging::after {animation-play-state:paused;} .wheel-wrapper:active {cursor:grabbing;} .wheel-wrapper.is-spinning::before {
543
+ animation: svelte-17ly5gn-spinGlowPop 920ms cubic-bezier(0.12, 0.92, 0.22, 1) both;} .wheel-wrapper.is-prize-hit::before {
544
+ animation: svelte-17ly5gn-prizeStageGlow 3600ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .wheel-wrapper.blurred .wheel-disc {filter:blur(3px);} .wheel-wrapper.blurred .button-glow {opacity:0 !important;
545
+ animation: none !important;} .wheel-wrapper.blurred .center-button {filter:blur(3px);pointer-events:none;} .wheel-wrapper.blurred .outer {filter:drop-shadow(0 0 18px var(--color-overlay-primary-5, rgba(255, 160, 0, 0.65))) drop-shadow(0 0 40px var(--color-overlay-primary-4, rgba(220, 100, 0, 0.35))) blur(3px);} .sparkle-layer {position:absolute;inset:-28%;z-index:6;pointer-events:none;overflow:visible;border-radius:50%;} .sparkle-layer::before {content:"";position:absolute;inset:20%;border-radius:50%;opacity:0;transform:scale(0.72);background:radial-gradient(circle at 50% 50%, rgba(255, 252, 187, 0.48) 0 4%, rgba(255, 205, 44, 0.26) 11%, rgba(255, 44, 82, 0.16) 31%, rgba(255, 141, 31, 0.08) 48%, transparent 72%);filter:blur(22px);transition:opacity 260ms ease, transform 980ms cubic-bezier(0.12, 0.82, 0.16, 1);} .sparkle-layer::after {content:"";position:absolute;inset:25%;border-radius:50%;opacity:0;transform:scale(0.48);border:1px solid rgba(255, 240, 140, 0.22);box-shadow:0 0 22px var(--color-overlay-primary-3, rgba(255, 200, 47, 0.24)), inset 0 0 20px rgba(255, 40, 82, 0.12);transition:opacity 300ms ease, transform 1050ms cubic-bezier(0.08, 0.7, 0.12, 1);} .wheel-wrapper.is-bursting .sparkle-layer::before {opacity:0.58;transform:scale(1.18);} .wheel-wrapper.is-bursting .sparkle-layer::after {opacity:0.32;transform:scale(1.34);} .sparkle,
546
+ .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;
547
+ animation: svelte-17ly5gn-confettiFirework var(--d) cubic-bezier(0.08, 0.82, 0.12, 1) forwards;} .sparkle {aspect-ratio:1;height:auto;border-radius:50%;background:radial-gradient(circle, #fffdf0 0 15%, #fff175 23% 42%, rgba(255, 96, 28, 0.86) 54%, transparent 73%);} .sparkle::after {content:"";position:absolute;inset:-92%;background:linear-gradient(90deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%), linear-gradient(0deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%);transform:rotate(var(--rot));opacity:0.5;} .confetti.is-diamond {transform:rotate(45deg);} .confetti.is-ribbon {border-radius:8px 2px;} .drop-wrap {position:absolute;z-index:2;inset:0;isolation:isolate;transform-origin:50% 55%;
548
+ animation: svelte-17ly5gn-wheelDrop 1100ms cubic-bezier(0.16, 0.92, 0.23, 1.18) both;filter:drop-shadow(0 18px 25px rgba(0, 0, 0, 0.42));} .drop-wrap::before {content:"";position:absolute;z-index:0;left:50%;top:55.1%;width:88%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle, rgba(255, 236, 96, 0.56) 0 18%, rgba(255, 198, 35, 0.34) 36%, rgba(255, 152, 21, 0.18) 56%, transparent 74%);filter:blur(28px);opacity:0.68;transform:scale(0.96);
549
+ animation: svelte-17ly5gn-frameGlowBreath 3600ms ease-in-out infinite;} .wheel-disc {position:absolute;z-index:1;width:59%;aspect-ratio:1;left:50%;top:54%;translate:-50% -50%;border-radius:50%;overflow:hidden;background:radial-gradient(circle, #8c4b05 0 4%, #3b2008 4.5% 100%);box-shadow:inset 0 0 0 9px rgba(255, 236, 159, 0.58), inset 0 0 0 17px rgba(121, 65, 15, 0.92), inset 0 0 30px rgba(0, 0, 0, 0.38), 0 0 28px var(--color-overlay-primary-3, rgba(255, 183, 36, 0.28));will-change:transform;touch-action:none;transform:rotate(var(--wheel-rotation, 0deg));} .segments-svg {width:100%;height:100%;display:block;} .segment {stroke:rgba(255, 236, 151, 0.66);stroke-width:0.018;stroke-linejoin:round;vector-effect:non-scaling-stroke;} .segment-surface-depth {fill:rgba(47, 13, 0, 0.22);opacity:0.82;mix-blend-mode:multiply;pointer-events:none;} .segment-surface-shine {fill:rgba(255, 255, 255, 0.1);mix-blend-mode:plus-lighter;pointer-events:none;} .segment-edge-shadow {fill:none;stroke:rgba(65, 27, 0, 0.32);stroke-width:0.021;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-edge-light {fill:none;stroke:rgba(255, 250, 198, 0.48);stroke-width:0.007;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-label {pointer-events:none;user-select:none;font-weight:950;letter-spacing:0.035em;fill:#fff8d6;paint-order:stroke;stroke:rgba(76, 18, 0, 0.76);stroke-width:0.012;stroke-linejoin:round;} .segment-hit-fill,
550
+ .segment-hit-sheen,
551
+ .segment-hit-edge,
552
+ .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));
553
+ 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));
554
+ 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)));
555
+ animation: svelte-17ly5gn-prizeDashDance 6400ms linear both;} .outer {position:absolute;z-index:3;inset:0;width:75%;height:100%;left:12.5%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 0 18px var(--color-overlay-primary-5, rgba(255, 160, 0, 0.65))) drop-shadow(0 0 40px var(--color-overlay-primary-4, rgba(220, 100, 0, 0.35)));} .button-glow {position:absolute;z-index:4;width:38%;aspect-ratio:1;left:50%;top:55.1%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle, rgba(255, 248, 174, 0.94) 0 7%, rgba(255, 209, 54, 0.72) 13%, rgba(255, 48, 78, 0.46) 34%, rgba(255, 122, 23, 0.22) 52%, transparent 72%);filter:blur(10px);
556
+ animation: svelte-17ly5gn-glowPulse 1700ms ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;} .button-glow::before, .button-glow::after {content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle, rgba(255, 239, 127, 0.62), transparent 62%);filter:blur(16px);
557
+ animation: svelte-17ly5gn-glowRing 2300ms ease-in-out infinite;} .button-glow::after {inset:-10%;opacity:0.55;animation-duration:2900ms;animation-delay:-900ms;} .center-button {position:absolute;z-index:5;width:17%;left:50%;top:54%;translate:-50% -50%;padding:0;border:none;background:transparent;pointer-events:auto;user-select:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34));transform:scale(1);transform-origin:center;transition:filter 180ms ease, transform 180ms cubic-bezier(0.2, 0.9, 0.22, 1);} .center-button img {width:100%;height:auto;display:block;pointer-events:none;} .center-button:not(.is-pressing) {
558
+ animation: svelte-17ly5gn-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .center-button.is-pressing {
559
+ animation: svelte-17ly5gn-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both;} .center-button:hover {filter:drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) brightness(1.05);} .center-button:active {transform:scale(0.94);filter:drop-shadow(0 5px 9px rgba(0, 0, 0, 0.32)) brightness(0.98);} .center-button:focus-visible {outline:3px solid rgba(255, 237, 126, 0.78);outline-offset:5px;border-radius:50%;} .center-button:disabled {pointer-events:none;} .wheel-wrapper.is-spin-active .center-button:not(.is-pressing) {
560
+ animation: svelte-17ly5gn-centerButtonSpinBreath 1050ms ease-in-out infinite;} .session-badge {position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:8;width:58%;padding:10px 12px;background:rgba(8, 4, 0, 0.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;} .session-badge .session-badge-title {color:#ffffff;font-size:12px;font-weight:700;letter-spacing:0.2px;} .session-badge .session-badge-body {color:rgba(255, 255, 255, 0.6509803922);font-size:10px;line-height:1.45;margin:0;} .session-badge .session-badge-close {margin-top:8px;padding:4px 14px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);border-radius:6px;color:#ffffff;font-size:11px;font-weight:600;cursor:pointer;transition:background 150ms ease;} .session-badge .session-badge-close:hover {background:rgba(255, 255, 255, 0.2);} .wheel-loading-spinner {position:absolute;top:54%;left:50%;translate:-50% -50%;opacity:0;transition:opacity 300ms ease;pointer-events:none;z-index:10;} .wheel-loading-spinner::before {content:"";display:block;width:clamp(44px, 11vw, 60px);height:clamp(44px, 11vw, 60px);border-radius:50%;border:2px solid rgba(255, 220, 100, 0.12);border-top-color:rgba(255, 210, 50, 0.65);
561
+ animation: svelte-17ly5gn-wofSpinnerRotate 900ms linear infinite;} .wheel-wrapper.is-assets-loading ~ .wheel-loading-spinner {
562
+ 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%;
563
+ 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;}
564
+ @media (pointer: fine) and (min-width: 641px) { .swipe-hint-wrap {display:none;}
565
+ }
566
+ @media (pointer: coarse), (max-width: 640px) { .wheel-wrapper {
567
+ animation: none !important;filter:none;transform:translateZ(0);will-change:transform;} .wheel-wrapper::before, .wheel-wrapper::after {
568
+ animation: none !important;filter:none !important;opacity:0 !important;} .drop-wrap {filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.34));transform:translateZ(0);will-change:transform;} .drop-wrap::before {
569
+ animation: none !important;filter:none !important;opacity:0 !important;} .sparkle-layer::before,
570
+ .sparkle-layer::after,
571
+ .button-glow,
572
+ .button-glow::before,
573
+ .button-glow::after {
574
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-disc {backface-visibility:hidden;transform:translateZ(0) rotate(var(--wheel-rotation, 0deg));will-change:transform;} .segment-hit-fill,
575
+ .segment-hit-edge,
576
+ .segment-hit-spark-edge,
577
+ .sparkle,
578
+ .confetti,
579
+ .center-button {filter:none !important;} .segment-hit-fill,
580
+ .segment-hit-edge,
581
+ .segment-hit-spark-edge {animation-duration:1800ms !important;}
582
+ }
583
+ @keyframes svelte-17ly5gn-liteHitPulse {
584
+ 0%, 100% {
585
+ opacity: 0.5;
586
+ }
587
+ 50% {
588
+ opacity: 1;
589
+ }
590
+ } .wheel-container.is-lite .wheel-wrapper {
591
+ animation: wheelBob 3200ms ease-in-out infinite !important;will-change:transform;filter:none;} .wheel-container.is-lite .wheel-wrapper::before, .wheel-container.is-lite .wheel-wrapper::after {
592
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .drop-wrap {filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.34));} .wheel-container.is-lite .drop-wrap::before {
593
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .sparkle-layer {display:none;} .wheel-container.is-lite .button-glow {
594
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .button-glow::before, .wheel-container.is-lite .button-glow::after {
595
+ animation: none !important;filter:none !important;opacity:0 !important;} .wheel-container.is-lite .center-button {
596
+ animation: none !important;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) !important;} .wheel-container.is-lite .center-button.is-pressing {
597
+ animation: svelte-17ly5gn-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both !important;} .wheel-container.is-lite .wheel-wrapper.is-spin-active .center-button:not(.is-pressing) {
598
+ animation: none !important;} .wheel-container.is-lite .segment-hit-fill {filter:none !important;
599
+ animation: svelte-17ly5gn-liteHitPulse 1200ms ease-in-out infinite !important;} .wheel-container.is-lite .session-badge {backdrop-filter:none;-webkit-backdrop-filter:none;} .wheel-container.is-lite .outer {filter:none;} .wheel-container.is-lite .sparkle,
600
+ .wheel-container.is-lite .confetti {display:none;} .spin-button.is-lite {
601
+ animation: svelte-17ly5gn-buttonBreath 2400ms ease-in-out infinite !important;} .wheel-content {background-color:var(--color-primary-6, #301200);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;min-height:calc(var(--game-stage-size, clamp(276px, 100vw, 430px)) + 400px);position:relative;} .wheel-content > *:not(.wheel-container):not(.wheel-video-background),
602
+ .wheel-content .spins-info,
603
+ .wheel-content .spin-button {transition:opacity 0.4s ease, filter 0.4s ease;} .wheel-content.wheel-background-halo {background-image:radial-gradient(circle at 50% 55%, rgba(var(--color-primary-2, 207, 120, 69), 0.78) 0 14%, rgba(var(--color-primary-4, 128, 60, 22), 0.7) 32%, rgba(var(--color-primary-6, 89, 24, 3), 0) 65%);} .wheel-content.is-spin-blocking {touch-action:none;} .wheel-content.is-spin-blocking > *:not(.wheel-container):not(.wheel-video-background),
604
+ .wheel-content.is-spin-blocking .spins-info,
605
+ .wheel-content.is-spin-blocking .spin-button {pointer-events:none;}
606
+ @media (pointer: coarse), (max-width: 640px) { .wheel-content.is-spin-fullscreen {touch-action:none;} .wheel-content.is-spin-fullscreen .wheel-container {scale:1.15;margin-block:0;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1), margin-block 0.6s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .wheel-content.is-spin-fullscreen > *:not(.wheel-container):not(.wheel-video-background),
607
+ .wheel-content.is-spin-fullscreen .spins-info,
608
+ .wheel-content.is-spin-fullscreen .spin-button {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;}
609
+ } .wheel-video-background {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
610
+ @media (max-width: 719px) { .wheel-video-background {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
611
+ }
612
+ @media (min-width: 720px) { .wheel-video-background {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
613
+ } .wheel-video-background.is-ready {opacity:0.2;} .wof-title {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .wof-title h3 {text-align:center;margin:0;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(20px, 5.5vw, 28px);line-height:1.05;} .wof-title p {text-align:center;margin:0 0 clamp(10px, 3vw, 16px);color:var(--color-text-default, rgba(238, 246, 255, 0.96));font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;} .wof-tabs {display:flex;border-radius:50px;background-color:var(--color-tabs, rgba(251, 251, 251, 0.1019607843));padding:6px;width:90%;justify-content:center;margin-bottom:12px;position:relative;z-index:2;} .wof-tabs .tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .wof-tabs .active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .hidden {display:none !important;} .wheel-container {width:var(--game-stage-size, clamp(276px, 100vw, 430px));position:relative;z-index:1;margin-block:clamp(-18px, -4vw, -32px);
614
+ animation: svelte-17ly5gn-game-bob 5000ms ease-in-out infinite;will-change:transform;} .spins-info {display:flex;align-items:center;gap:8px;font-size:clamp(12px, 3.4vw, 14px);font-weight:400;color:var(--color-text-default, rgba(238, 246, 255, 0.86));position:relative;z-index:2;} .spins-info .spins-count {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(14px, 4vw, 16px);} .spins-info .spins-count-loader {display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
615
+ animation: svelte-17ly5gn-wofSpinnerRotate 600ms linear infinite;} .countdown-text {color:var(--color-overlay-neutral-4, rgba(255, 255, 255, 0.6509803922));font-size:clamp(13px, 3.8vw, 18px);text-align:center;position:relative;z-index:2;} .countdown-text .time-segment {font-variant-numeric:tabular-nums;} .spin-button {min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;position:relative;z-index:2;
616
+ animation: svelte-17ly5gn-game-cta-glow 1800ms ease-in-out infinite;transform-origin:50% 50%;transition:opacity 260ms ease, transform 160ms ease, filter 160ms ease;} .spin-button:active {transform:translateY(2px) scale(0.98);animation-play-state:paused;} .spin-button:disabled {
617
+ animation: none;filter:saturate(0%);box-shadow:none;pointer-events:none;} .draw-result-panel {flex:1;z-index:20;display:grid;place-items:center;padding:20px;text-align:center;overflow:hidden;width:100%;background:transparent;
618
+ animation: svelte-17ly5gn-drawResultPop 420ms cubic-bezier(0.16, 0.92, 0.22, 1.04) both;} .draw-result-confetti-layer {position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;} .success-confetti-piece {--x: 50%;--tx: 0px;--rot: 0deg;--spin: 360deg;--hue: #ffd23e;--w: 8px;--h: 12px;--d: 1800ms;position:absolute;left:var(--x);top:-24px;width:var(--w);height:var(--h);border-radius:3px;background:var(--hue);filter:drop-shadow(0 0 5px rgba(255, 218, 74, 0.24));transform-origin:center;
619
+ animation: svelte-17ly5gn-successConfettiFall var(--d) cubic-bezier(0.16, 0.68, 0.2, 1) forwards;} .success-confetti-piece.is-diamond {border-radius:2px;transform:rotate(45deg);} .success-confetti-piece.is-ribbon {border-radius:8px 2px;} .draw-result-stack {width:100%;display:grid;justify-items:center;position:relative;z-index:2;transform:translateY(clamp(16px, 5vw, 30px));} .draw-result-stack img {width:60%;max-width:300px;} .draw-result-stack img.lose {filter:saturate(0%);} .draw-result-stack .draw-result-image-wrap {width:70%;max-width:350px;} .draw-result-stack .draw-result-image-wrap img {width:100%;max-width:none;} .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;
620
+ animation: svelte-17ly5gn-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .coin svg,
621
+ .coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
622
+ animation: svelte-17ly5gn-prizeCoinFloatZoom 1800ms ease-in-out infinite;} .draw-result-title {position:relative;margin:clamp(18px, 5vw, 26px) 0 clamp(14px, 4vw, 20px);color:var(--color-text-brand, #ffcc00);font-size:clamp(26px, 7.5vw, 36px);line-height:1.05;font-weight:900;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
623
+ animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 250ms both;} .draw-result-sparkle {position:absolute;color:var(--color-text-brand, #ffcc00);filter:drop-shadow(0 0 5px rgba(255, 204, 0, 0.9));opacity:0;pointer-events:none;
624
+ animation: svelte-17ly5gn-titleSparkle 900ms ease-out forwards;} .draw-result-description {margin:0;color:var(--color-text-default, #ffffff);font-size:clamp(14px, 3.8vw, 17px);line-height:1.55;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
625
+ animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 390ms both;} .draw-result-description span {font-size:clamp(15px, 4.1vw, 19px);font-weight:900;} .draw-result-error-image {max-width:170px;} .draw-result-description--error {margin:0 20px;} .draw-result-actions {display:grid;justify-items:center;gap:12px;margin-top:clamp(16px, 4.5vw, 26px);opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
626
+ animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 560ms both;} .button-spinner {position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
627
+ animation: svelte-17ly5gn-wofSpinnerRotate 600ms linear infinite;} .primary-cta {position:relative;min-width:clamp(148px, 42vw, 210px);min-height:clamp(42px, 10.5vw, 50px);border:none;border-radius:999px;color:var(--color-text-button-primary, #261d00);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4vw, 19px);font-weight:900;cursor:pointer;padding:0 20px;transition:transform 160ms ease, filter 160ms ease;} .primary-cta:hover {filter:brightness(1.06);transform:translateY(-1px);} .primary-cta:active {transform:translateY(2px) scale(0.98);} .secondary-cta {position:relative;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));font:inherit;font-size:clamp(13px, 3.4vw, 15px);font-weight:750;cursor:pointer;border:1px solid var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));border-radius:999px;padding:10px 20px;} .confirm-modal-content {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:70%;height:85%;max-height:500px;padding:10px 12px;background:rgba(8, 4, 0, 0.95);backdrop-filter:blur(16px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;} .confirm-modal-title {color:#ffffff;font-size:26px;font-weight:700;letter-spacing:0.2px;margin:0 0 4px;} .confirm-modal-body {color:rgba(255, 255, 255, 0.6509803922);font-size:14px;line-height:1.45;margin:0 0 10px;} .confirm-modal-actions {display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;} .confirm-modal-actions button {width:fit-content;}
628
+ @media (prefers-reduced-motion: reduce) { .coin,
629
+ .draw-result-title,
630
+ .draw-result-description,
631
+ .draw-result-actions {opacity:1;transform:none;filter:none;} .coin svg,
632
+ .coin img {
633
+ animation: none;} .success-confetti-piece {
634
+ animation: none;}
635
+ } .game-back-button {position:relative;z-index:2;display:flex;align-items:center;justify-content:start;gap:10px;width:100%;max-width:700px;height:52px;flex-shrink:0;margin:0 auto;padding:10px;line-height:20px;border-radius:6px;background:transparent;border:none;color:var(--white);cursor:pointer;font-size:16px;} .game-back-button--hidden {display:none;} .game-back-button__icon {width:25px;height:25px;padding:7px;border-radius:50%;background:var(--color-overlay-neutral-2, rgba(255, 255, 255, 0.14));box-sizing:border-box;transition:transform 0.12s ease;} .game-back-button:active .game-back-button__icon {transform:scale(0.92);} .game-back-button__label {margin:0;}
636
+ @media (max-width: 767px) { .game-back-button {display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:0;align-self:stretch;width:auto;height:44px;margin:12px 2px;padding:4px 8px;font-size:16px;line-height:24px;background-color:var(--color-bg-surface-level-3, var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843)));} .game-back-button__icon {justify-self:start;width:24px;height:24px;margin-left:6px;padding:4px;background:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));} .game-back-button__label {overflow:hidden;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
637
+ }`
638
+ };
639
+ function Ue(O, i) {
640
+ Pe(i, !0), ve(O, He);
641
+ const R = () => Ye(Me, "$_", ee), [ee, ne] = We(), te = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", a = l(i, "program", 7), h = l(i, "endpoint", 7), w = l(i, "session", 7), j = l(i, "outerWheelAsset", 7, null), F = l(i, "wheelButtonAsset", 7, null), Y = l(i, "backgroundVideoAsset", 7, null), M = l(i, "language", 7, "en"), W = l(i, "showBackButton", 7, !0), f = l(i, "liteMode", 7, !1), k = v(() => {
642
+ var e, t;
643
+ return (t = (e = a()) == null ? void 0 : e.remainingTimes) != null ? t : null;
644
+ }), re = v(() => {
645
+ var e, t;
646
+ return ((t = (e = a()) == null ? void 0 : e.remainingTimes) != null ? t : 0) > 0;
647
+ }), ae = v(() => {
648
+ var e, t;
649
+ return (t = (e = a()) == null ? void 0 : e.partitions) != null ? t : [];
650
+ }), s = ["history", "play", "rules"];
651
+ let c = b(Re(s[1]));
652
+ const oe = (e) => {
653
+ var t, r, m;
654
+ e !== n(c) && (e === s[0] ? window.postMessage(
655
+ {
656
+ type: "event_wof_history_click",
657
+ name: ((t = a()) == null ? void 0 : t.name) || null,
658
+ availableSpins: n(k)
659
+ },
660
+ window.location.href
661
+ ) : e === s[2] ? window.postMessage(
662
+ {
663
+ type: "event_wof_rules_click",
664
+ name: ((r = a()) == null ? void 0 : r.name) || null,
665
+ availableSpins: n(k)
666
+ },
667
+ window.location.href
668
+ ) : window.postMessage(
669
+ {
670
+ type: "event_wof_accessed",
671
+ isUserLoggedIn: !0,
672
+ name: ((m = a()) == null ? void 0 : m.name) || null,
673
+ availableSpins: n(k)
674
+ },
675
+ window.location.href
676
+ ), o(C, !1), o(c, e, !0));
677
+ };
678
+ let d = b(null), z = b(!1), C = b(!1), E = b(!1), _ = b(!1), B = b(!1);
679
+ je(() => {
680
+ if (!f()) {
681
+ if (n(z))
682
+ o(_, !0), o(B, !1);
683
+ else if (n(_)) {
684
+ o(B, !0);
685
+ const e = setTimeout(
686
+ () => {
687
+ o(_, !1), o(B, !1);
688
+ },
689
+ 350
690
+ );
691
+ return () => clearTimeout(e);
692
+ }
693
+ }
694
+ });
695
+ const ie = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), Z = () => Le({
696
+ endpoint: h(),
697
+ session: w(),
698
+ program: Ce(a())
699
+ }).finally(() => {
700
+ o(E, !1);
701
+ }), V = Xe({
702
+ onReset: () => o(d, null),
703
+ onSkipFetch: () => o(E, !0),
704
+ refetch: Z
705
+ });
706
+ ke(() => {
707
+ var e;
708
+ return window.postMessage(
709
+ {
710
+ type: "event_wof_accessed",
711
+ isUserLoggedIn: !0,
712
+ name: ((e = a()) == null ? void 0 : e.name) || null,
713
+ availableSpins: n(k)
714
+ },
715
+ window.location.href
716
+ ), window.addEventListener("message", V), () => {
717
+ window.removeEventListener("message", V);
718
+ };
719
+ });
720
+ var se = {
721
+ get program() {
722
+ return a();
723
+ },
724
+ set program(e) {
725
+ a(e), p();
726
+ },
727
+ get endpoint() {
728
+ return h();
729
+ },
730
+ set endpoint(e) {
731
+ h(e), p();
732
+ },
733
+ get session() {
734
+ return w();
735
+ },
736
+ set session(e) {
737
+ w(e), p();
738
+ },
739
+ get outerWheelAsset() {
740
+ return j();
741
+ },
742
+ set outerWheelAsset(e = null) {
743
+ j(e), p();
744
+ },
745
+ get wheelButtonAsset() {
746
+ return F();
747
+ },
748
+ set wheelButtonAsset(e = null) {
749
+ F(e), p();
750
+ },
751
+ get backgroundVideoAsset() {
752
+ return Y();
753
+ },
754
+ set backgroundVideoAsset(e = null) {
755
+ Y(e), p();
756
+ },
757
+ get language() {
758
+ return M();
759
+ },
760
+ set language(e = "en") {
761
+ M(e), p();
762
+ },
763
+ get showBackButton() {
764
+ return W();
765
+ },
766
+ set showBackButton(e = !0) {
767
+ W(e), p();
768
+ },
769
+ get liteMode() {
770
+ return f();
771
+ },
772
+ set liteMode(e = !1) {
773
+ f(e), p();
774
+ }
775
+ }, A = Ve();
776
+ let H;
777
+ var U = u(A);
778
+ {
779
+ var le = (e) => {
780
+ var t = Oe();
781
+ let r;
782
+ t.muted = !0;
783
+ var m = u(t);
784
+ g(t), X(() => {
785
+ r = y(t, 1, "wheel-video-background svelte-17ly5gn", null, r, { "is-ready": n(C) }), Ae(m, "src", Y() || te);
786
+ }), Se("canplay", t, () => o(C, !0)), D(e, t);
787
+ };
788
+ $(U, (e) => {
789
+ !f() && n(c) === s[1] && e(le);
790
+ });
791
+ }
792
+ var K = x(U, 2);
793
+ {
794
+ let e = v(() => !W());
795
+ De(K, {
796
+ onClick: ie,
797
+ get hidden() {
798
+ return n(e);
799
+ }
800
+ });
801
+ }
802
+ var S = x(K, 2);
803
+ let N;
804
+ var I = u(S), pe = u(I, !0);
805
+ g(I);
806
+ var Q = x(I, 2), ce = u(Q, !0);
807
+ g(Q), g(S);
808
+ var G = x(S, 2);
809
+ let q;
810
+ ze(G, 20, () => s, (e) => e, (e, t) => {
811
+ var r = Ze();
812
+ let m;
813
+ var he = u(r, !0);
814
+ g(r), X(
815
+ (we) => {
816
+ m = y(r, 1, "tab svelte-17ly5gn", null, m, { active: n(c) === t }), T(he, we);
817
+ },
818
+ [() => R()(t)]
819
+ ), Ge("click", r, () => oe(t)), D(e, r);
820
+ }), g(G);
821
+ var P = x(G, 2);
822
+ let J;
823
+ var de = u(P);
824
+ _e(de, {
825
+ get program() {
826
+ return a();
827
+ },
828
+ get endpoint() {
829
+ return h();
830
+ },
831
+ get session() {
832
+ return w();
833
+ },
834
+ get outerWheelAsset() {
835
+ return j();
836
+ },
837
+ get wheelButtonAsset() {
838
+ return F();
839
+ },
840
+ get wheelSlices() {
841
+ return n(ae);
842
+ },
843
+ get isWheelAvailable() {
844
+ return n(re);
845
+ },
846
+ get liteMode() {
847
+ return f();
848
+ },
849
+ get remainingTimesLoading() {
850
+ return n(E);
851
+ },
852
+ get spinResults() {
853
+ return n(d);
854
+ },
855
+ set spinResults(e) {
856
+ o(d, e, !0);
857
+ },
858
+ get spinActive() {
859
+ return n(z);
860
+ },
861
+ set spinActive(e) {
862
+ o(z, e, !0);
863
+ }
864
+ }), g(P);
865
+ var ge = x(P, 2);
866
+ {
867
+ var fe = (e) => {
868
+ Ie(e, {
869
+ get result() {
870
+ return n(d);
871
+ },
872
+ get endpoint() {
873
+ return h();
874
+ },
875
+ get session() {
876
+ return w();
877
+ },
878
+ get liteMode() {
879
+ return f();
880
+ },
881
+ onFetchRemainingTimes: Z
882
+ });
883
+ }, me = (e) => {
884
+ {
885
+ let t = v(() => {
886
+ var r;
887
+ return (r = a()) == null ? void 0 : r.id;
888
+ });
889
+ Ee(e, {
890
+ get programId() {
891
+ return n(t);
892
+ },
893
+ get endpoint() {
894
+ return h();
895
+ },
896
+ get session() {
897
+ return w();
898
+ }
899
+ });
900
+ }
901
+ }, be = (e) => {
902
+ Te(e, {
903
+ get program() {
904
+ return a();
905
+ },
906
+ get language() {
907
+ return M();
908
+ }
909
+ });
910
+ };
911
+ $(ge, (e) => {
912
+ n(d) ? e(fe) : n(c) === s[0] ? e(me, 1) : n(c) === s[2] && e(be, 2);
913
+ });
914
+ }
915
+ g(A), X(
916
+ (e, t) => {
917
+ H = y(A, 1, "wheel-content svelte-17ly5gn", null, H, {
918
+ "is-spin-blocking": n(z),
919
+ "is-spin-fullscreen": n(_),
920
+ "is-spin-exiting": n(B),
921
+ "wheel-background-halo": f() && n(c) === s[1]
922
+ }), N = y(S, 1, "wof-title svelte-17ly5gn", null, N, { hidden: n(d) }), T(pe, e), T(ce, t), q = y(G, 1, "wof-tabs svelte-17ly5gn", null, q, { hidden: n(d) }), J = Be(P, "", J, {
923
+ display: n(c) !== s[1] || n(d) ? "none" : "contents"
924
+ });
925
+ },
926
+ [() => R()("wofTitle"), () => R()("wofSubtitle")]
927
+ ), D(O, A);
928
+ var ue = Fe(se);
929
+ return ne(), ue;
930
+ }
931
+ xe(["click"]);
932
+ customElements.define("wheel-of-fortune", ye(
933
+ Ue,
934
+ {
935
+ program: {},
936
+ endpoint: {},
937
+ session: {},
938
+ outerWheelAsset: {},
939
+ wheelButtonAsset: {},
940
+ backgroundVideoAsset: {},
941
+ language: {},
942
+ showBackButton: {},
943
+ liteMode: {}
944
+ },
945
+ [],
946
+ []
947
+ ));
948
+ export {
949
+ Ue as W
950
+ };