@everymatrix/mini-games-hub 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,588 @@
1
+ "use strict";const Y=require("./WheelOfFortuneWheel-JKN_P3ES.cjs"),e=require("./utils-D6FQ3_dW.cjs"),ae=require("./WheelOfFortuneHistory-3lEfr9Yn.cjs"),oe=require("./WheelOfFortuneDrawResults-D_QT2RDK.cjs"),se=require("./WheelOfFortuneRules-DUjXad1Z.cjs"),ie=require("./constants-B5BwgkMh.cjs");var le=e.from_html("<button> </button>"),pe=e.from_html('<div><button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1eh22ef"><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-1eh22ef"></path></svg> <p class="svelte-1eh22ef"> </p></button> <div><h3 class="svelte-1eh22ef"> </h3> <p class="svelte-1eh22ef"> </p></div> <div></div> <div class="svelte-1eh22ef"><!></div> <!></div>');const ce={hash:"svelte-1eh22ef",code:`@keyframes svelte-1eh22ef-wheelBob {
2
+ 0%, 100% {
3
+ transform: translateY(0);
4
+ }
5
+ 50% {
6
+ transform: translateY(-10px);
7
+ }
8
+ }
9
+ @keyframes svelte-1eh22ef-stageFloat {
10
+ 0%, 100% {
11
+ transform: translate3d(0, 0, 0) rotate(-0.12deg) scale(1);
12
+ }
13
+ 42% {
14
+ transform: translate3d(0, -4px, 0) rotate(0.16deg) scale(1.002);
15
+ }
16
+ 72% {
17
+ transform: translate3d(0, 2px, 0) rotate(-0.04deg) scale(0.999);
18
+ }
19
+ }
20
+ @keyframes svelte-1eh22ef-stageGlow {
21
+ 0%, 100% {
22
+ opacity: 0.46;
23
+ transform: scale(0.94);
24
+ filter: blur(27px);
25
+ }
26
+ 50% {
27
+ opacity: 0.68;
28
+ transform: scale(1.02);
29
+ filter: blur(31px);
30
+ }
31
+ }
32
+ @keyframes svelte-1eh22ef-glowOrbit {
33
+ 0%, 100% {
34
+ opacity: 0.13;
35
+ transform: scale(0.88) rotate(-8deg);
36
+ }
37
+ 50% {
38
+ opacity: 0.24;
39
+ transform: scale(0.95) rotate(5deg);
40
+ }
41
+ }
42
+ @keyframes svelte-1eh22ef-frameGlowBreath {
43
+ 0%, 100% {
44
+ opacity: 0.58;
45
+ transform: scale(0.94);
46
+ filter: blur(30px);
47
+ }
48
+ 48% {
49
+ opacity: 0.82;
50
+ transform: scale(1.03);
51
+ filter: blur(34px);
52
+ }
53
+ }
54
+ @keyframes svelte-1eh22ef-wheelDrop {
55
+ 0% {
56
+ transform: translateY(-60vh) scale(0.961) rotate(-9deg);
57
+ opacity: 0;
58
+ }
59
+ 70% {
60
+ transform: translateY(-20px) scale(1.012) rotate(2deg);
61
+ opacity: 1;
62
+ }
63
+ 86% {
64
+ transform: translateY(0px) scale(0.997) rotate(-0.6deg);
65
+ }
66
+ 100% {
67
+ transform: translateY(0) scale(1) rotate(0);
68
+ opacity: 1;
69
+ }
70
+ }
71
+ @keyframes svelte-1eh22ef-spinGlowPop {
72
+ 0% {
73
+ opacity: 0.56;
74
+ transform: scale(0.96);
75
+ filter: blur(25px);
76
+ }
77
+ 32% {
78
+ opacity: 0.92;
79
+ transform: scale(1.08);
80
+ filter: blur(31px);
81
+ }
82
+ 100% {
83
+ opacity: 0.58;
84
+ transform: scale(0.98);
85
+ filter: blur(27px);
86
+ }
87
+ }
88
+ @keyframes svelte-1eh22ef-glowPulse {
89
+ 0%, 100% {
90
+ opacity: 0.72;
91
+ transform: scale(0.95);
92
+ }
93
+ 50% {
94
+ opacity: 1;
95
+ transform: scale(1.12);
96
+ }
97
+ }
98
+ @keyframes svelte-1eh22ef-glowRing {
99
+ 0%, 100% {
100
+ opacity: 0.42;
101
+ transform: scale(0.92);
102
+ }
103
+ 50% {
104
+ opacity: 0.88;
105
+ transform: scale(1.18);
106
+ }
107
+ }
108
+ @keyframes svelte-1eh22ef-centerButtonSpinBreath {
109
+ 0%, 100% {
110
+ transform: scale(1);
111
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
112
+ }
113
+ 45% {
114
+ transform: scale(1.032);
115
+ filter: drop-shadow(0 11px 18px rgba(0, 0, 0, 0.36)) brightness(1.07);
116
+ }
117
+ }
118
+ @keyframes svelte-1eh22ef-middleButtonIdleZoomGlow {
119
+ 0%, 100% {
120
+ transform: scale(1);
121
+ filter: drop-shadow(0 7px 12px rgba(0, 0, 0, 0.34)) drop-shadow(0 0 10px rgba(255, 212, 46, 0.22)) brightness(1);
122
+ }
123
+ 50% {
124
+ transform: scale(1.045);
125
+ filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) drop-shadow(0 0 18px rgba(255, 212, 46, 0.42)) brightness(1.08);
126
+ }
127
+ }
128
+ @keyframes svelte-1eh22ef-middleButtonPress {
129
+ 0% {
130
+ transform: scale(1);
131
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
132
+ }
133
+ 28% {
134
+ transform: scale(0.91);
135
+ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.36)) brightness(0.98);
136
+ }
137
+ 68% {
138
+ transform: scale(1.045);
139
+ filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.36)) brightness(1.08);
140
+ }
141
+ 100% {
142
+ transform: scale(1);
143
+ filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
144
+ }
145
+ }
146
+ @keyframes svelte-1eh22ef-prizeStageGlow {
147
+ 0% {
148
+ opacity: 0.54;
149
+ transform: scale(0.96);
150
+ filter: blur(26px);
151
+ }
152
+ 22% {
153
+ opacity: 0.94;
154
+ transform: scale(1.06);
155
+ filter: blur(20px);
156
+ }
157
+ 100% {
158
+ opacity: 0.54;
159
+ transform: scale(0.96);
160
+ filter: blur(26px);
161
+ }
162
+ }
163
+ @keyframes svelte-1eh22ef-prizeFillGlow {
164
+ 0% {
165
+ opacity: 0;
166
+ transform: scale(0.982);
167
+ }
168
+ 8% {
169
+ opacity: 0.94;
170
+ transform: scale(1.008);
171
+ }
172
+ 24% {
173
+ opacity: 0.62;
174
+ transform: scale(0.997);
175
+ }
176
+ 42% {
177
+ opacity: 0.8;
178
+ transform: scale(1.006);
179
+ }
180
+ 60% {
181
+ opacity: 0.55;
182
+ transform: scale(0.999);
183
+ }
184
+ 78% {
185
+ opacity: 0.72;
186
+ transform: scale(1.004);
187
+ }
188
+ 100% {
189
+ opacity: 0;
190
+ transform: scale(0.99);
191
+ }
192
+ }
193
+ @keyframes svelte-1eh22ef-prizeEdgePulse {
194
+ 0% {
195
+ opacity: 0;
196
+ stroke-width: 0.035;
197
+ }
198
+ 8% {
199
+ opacity: 1;
200
+ stroke-width: 0.025;
201
+ }
202
+ 24% {
203
+ opacity: 0.88;
204
+ stroke-width: 0.035;
205
+ }
206
+ 42% {
207
+ opacity: 1;
208
+ stroke-width: 0.025;
209
+ }
210
+ 60% {
211
+ opacity: 0.85;
212
+ stroke-width: 0.035;
213
+ }
214
+ 78% {
215
+ opacity: 1;
216
+ stroke-width: 0.025;
217
+ }
218
+ 100% {
219
+ opacity: 0.85;
220
+ stroke-width: 0.035;
221
+ }
222
+ }
223
+ @keyframes svelte-1eh22ef-prizeDashDance {
224
+ 0% {
225
+ opacity: 0;
226
+ stroke-dashoffset: 12;
227
+ }
228
+ 10% {
229
+ opacity: 0.94;
230
+ }
231
+ 48% {
232
+ opacity: 0.78;
233
+ }
234
+ 82% {
235
+ opacity: 0.66;
236
+ }
237
+ 100% {
238
+ opacity: 0;
239
+ stroke-dashoffset: -26;
240
+ }
241
+ }
242
+ @keyframes svelte-1eh22ef-prizeSheenSweep {
243
+ 0% {
244
+ opacity: 0;
245
+ transform: translateX(-7px) scale(0.98);
246
+ }
247
+ 12% {
248
+ opacity: 0.58;
249
+ transform: translateX(-1px) scale(1.01);
250
+ }
251
+ 36% {
252
+ opacity: 0.22;
253
+ transform: translateX(3px) scale(1);
254
+ }
255
+ 62% {
256
+ opacity: 0.42;
257
+ transform: translateX(1px) scale(1.008);
258
+ }
259
+ 100% {
260
+ opacity: 0;
261
+ transform: translateX(8px) scale(0.99);
262
+ }
263
+ }
264
+ @keyframes svelte-1eh22ef-superPrizeStageGlow {
265
+ 0% {
266
+ transform: scale(0.96);
267
+ opacity: 0.2;
268
+ filter: blur(8px);
269
+ }
270
+ 45% {
271
+ transform: scale(1.13);
272
+ opacity: 0.86;
273
+ filter: blur(13px);
274
+ }
275
+ 100% {
276
+ transform: scale(1.03);
277
+ opacity: 0.45;
278
+ filter: blur(10px);
279
+ }
280
+ }
281
+ @keyframes svelte-1eh22ef-superPrizeFillGlow {
282
+ 0% {
283
+ opacity: 0.2;
284
+ transform: scale(0.96);
285
+ }
286
+ 32% {
287
+ opacity: 1;
288
+ transform: scale(1.045);
289
+ }
290
+ 66% {
291
+ opacity: 0.72;
292
+ transform: scale(1.015);
293
+ }
294
+ 100% {
295
+ opacity: 0.58;
296
+ transform: scale(1);
297
+ }
298
+ }
299
+ @keyframes svelte-1eh22ef-superPrizeSheenSweep {
300
+ 0% {
301
+ opacity: 0;
302
+ transform: scale(0.88) rotate(-5deg);
303
+ }
304
+ 34% {
305
+ opacity: 0.95;
306
+ transform: scale(1.08) rotate(2deg);
307
+ }
308
+ 100% {
309
+ opacity: 0.2;
310
+ transform: scale(1.16) rotate(7deg);
311
+ }
312
+ }
313
+ @keyframes svelte-1eh22ef-superPrizeEdgePulse {
314
+ 0% {
315
+ opacity: 0.4;
316
+ transform: scale(0.97);
317
+ }
318
+ 38% {
319
+ opacity: 1;
320
+ transform: scale(1.055);
321
+ }
322
+ 70% {
323
+ opacity: 0.86;
324
+ transform: scale(1.018);
325
+ }
326
+ 100% {
327
+ opacity: 0.72;
328
+ transform: scale(1);
329
+ }
330
+ }
331
+ @keyframes svelte-1eh22ef-superPrizeDashDance {
332
+ 0% {
333
+ opacity: 0;
334
+ stroke-dashoffset: 20;
335
+ transform: scale(0.95);
336
+ }
337
+ 18% {
338
+ opacity: 1;
339
+ }
340
+ 100% {
341
+ opacity: 0.76;
342
+ stroke-dashoffset: -42;
343
+ transform: scale(1.04);
344
+ }
345
+ }
346
+ @keyframes svelte-1eh22ef-spinButtonZoomGlow {
347
+ 0%, 100% {
348
+ transform: scale(1);
349
+ filter: brightness(1);
350
+ box-shadow: 0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
351
+ }
352
+ 50% {
353
+ transform: scale(1.065);
354
+ filter: brightness(1.08);
355
+ box-shadow: 0 12px 18px rgba(0, 0, 0, 0.34), 0 0 24px rgba(255, 204, 0, 0.62), 0 0 44px rgba(255, 183, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.46);
356
+ }
357
+ }
358
+ @keyframes svelte-1eh22ef-buttonBreath {
359
+ 0%, 100% {
360
+ transform: scale(1);
361
+ }
362
+ 50% {
363
+ transform: scale(1.035);
364
+ }
365
+ }
366
+ @keyframes svelte-1eh22ef-buttonAura {
367
+ 0%, 100% {
368
+ filter: brightness(1) saturate(1);
369
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(83, 0, 18, 0.22), 0 4px 0 #710014, 0 13px 20px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 226, 135, 0.1);
370
+ }
371
+ 50% {
372
+ filter: brightness(1.035) saturate(1.04);
373
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(83, 0, 18, 0.18), 0 4px 0 #710014, 0 15px 24px rgba(0, 0, 0, 0.24), 0 0 18px rgba(255, 183, 36, 0.13);
374
+ }
375
+ }
376
+ @keyframes svelte-1eh22ef-buttonSheen {
377
+ 0%, 58%, 100% {
378
+ transform: translateX(-120%);
379
+ opacity: 0.22;
380
+ }
381
+ 72% {
382
+ transform: translateX(120%);
383
+ opacity: 0.42;
384
+ }
385
+ }
386
+ @keyframes svelte-1eh22ef-buttonPop {
387
+ 0% {
388
+ transform: translateY(2px) scale(0.985);
389
+ }
390
+ 48% {
391
+ transform: translateY(-2px) scale(1.018);
392
+ }
393
+ 100% {
394
+ transform: translateY(0) scale(1);
395
+ }
396
+ }
397
+ @keyframes svelte-1eh22ef-confettiFirework {
398
+ 0% {
399
+ opacity: 0;
400
+ transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
401
+ }
402
+ 9% {
403
+ opacity: 1;
404
+ transform: translate(calc(-50% + var(--tx) * 0.42), calc(-50% + var(--ty) * 0.42)) scale(1.18) rotate(calc(var(--rot) + var(--spin) * 0.24));
405
+ }
406
+ 28% {
407
+ opacity: 0.98;
408
+ transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(calc(var(--rot) + var(--spin) * 0.56));
409
+ }
410
+ 72% {
411
+ opacity: 0.78;
412
+ transform: translate(calc(-50% + var(--tx) * 1.08), calc(-50% + var(--ty) + var(--fall) * 0.62)) scale(0.88) rotate(calc(var(--rot) + var(--spin) * 0.86));
413
+ }
414
+ 100% {
415
+ opacity: 0;
416
+ transform: translate(calc(-50% + var(--tx) * 1.14), calc(-50% + var(--ty) + var(--fall))) scale(0.62) rotate(calc(var(--rot) + var(--spin)));
417
+ }
418
+ }
419
+ @keyframes svelte-1eh22ef-swipeHandAcross {
420
+ 0%, 100% {
421
+ transform: translateX(-70px) rotate(-22deg);
422
+ opacity: 0.65;
423
+ }
424
+ 50% {
425
+ transform: translateX(70px) rotate(22deg);
426
+ opacity: 0.65;
427
+ }
428
+ 25%, 75% {
429
+ opacity: 1;
430
+ }
431
+ }
432
+ @keyframes svelte-1eh22ef-wofSpinnerFadeIn {
433
+ to {
434
+ opacity: 1;
435
+ }
436
+ }
437
+ @keyframes svelte-1eh22ef-wofSpinnerRotate {
438
+ to {
439
+ transform: rotate(360deg);
440
+ }
441
+ }
442
+ @keyframes svelte-1eh22ef-titleSparkle {
443
+ 0% {
444
+ opacity: 0;
445
+ transform: scale(0.2) rotate(0deg);
446
+ }
447
+ 40% {
448
+ opacity: 1;
449
+ transform: scale(1.4) rotate(35deg);
450
+ }
451
+ 100% {
452
+ opacity: 0;
453
+ transform: scale(0.6) translateY(-20px) rotate(75deg);
454
+ }
455
+ }
456
+ @keyframes svelte-1eh22ef-drawResultPop {
457
+ 0% {
458
+ opacity: 0;
459
+ transform: scale(0.92) translateY(8px);
460
+ }
461
+ 62% {
462
+ opacity: 1;
463
+ transform: scale(1.016) translateY(-2px);
464
+ }
465
+ 100% {
466
+ opacity: 1;
467
+ transform: scale(1) translateY(0);
468
+ }
469
+ }
470
+ @keyframes svelte-1eh22ef-successElementIn {
471
+ 0% {
472
+ opacity: 0;
473
+ transform: translate3d(0, 18px, 0) scale(0.98);
474
+ filter: blur(3px);
475
+ }
476
+ 70% {
477
+ opacity: 1;
478
+ transform: translate3d(0, -2px, 0) scale(1.01);
479
+ filter: blur(0);
480
+ }
481
+ 100% {
482
+ opacity: 1;
483
+ transform: translate3d(0, 0, 0) scale(1);
484
+ filter: blur(0);
485
+ }
486
+ }
487
+ @keyframes svelte-1eh22ef-successConfettiFall {
488
+ 0% {
489
+ opacity: 0;
490
+ transform: translate3d(-50%, -18px, 0) rotate(var(--rot)) scale(0.62);
491
+ }
492
+ 9% {
493
+ opacity: 1;
494
+ }
495
+ 46% {
496
+ opacity: 0.96;
497
+ transform: translate3d(calc(-50% + var(--tx) * 0.55), 48vh, 0) rotate(calc(var(--rot) + var(--spin) * 0.52)) scale(1);
498
+ }
499
+ 100% {
500
+ opacity: 0;
501
+ transform: translate3d(calc(-50% + var(--tx)), 108vh, 0) rotate(calc(var(--rot) + var(--spin))) scale(0.86);
502
+ }
503
+ }
504
+ @keyframes svelte-1eh22ef-prizeCoinFloatZoom {
505
+ 0%, 100% {
506
+ transform: translate3d(0, 0, 0) scale(1);
507
+ }
508
+ 50% {
509
+ transform: translate3d(0, -8px, 0) scale(1.065);
510
+ }
511
+ }
512
+ @media (prefers-reduced-motion: reduce) { .WheelWrapper,
513
+ .WheelWrapper::before,
514
+ .WheelWrapper::after,
515
+ .DropWrap,
516
+ .WheelDisc,
517
+ .CenterButton,
518
+ .ButtonGlow,
519
+ .SpinButton {
520
+ animation: none !important;}
521
+ } .WheelWrapper {position:relative;isolation:isolate;width:100%;aspect-ratio:726/720;cursor:grab;transform-origin:50% 55%;
522
+ animation: svelte-1eh22ef-stageFloat 6400ms ease-in-out infinite;will-change:transform, filter;} .WheelWrapper.is-assets-loading {opacity:0;pointer-events:none;} .WheelWrapper.is-assets-loading .DropWrap {animation-play-state:paused;} .WheelWrapper::before, .WheelWrapper::after {content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:0;} .WheelWrapper::before {inset:5% 0 3%;opacity:0.54;transform:scale(0.96);background:radial-gradient(circle at 50% 52%, rgba(255, 234, 113, 0.46) 0 14%, rgba(255, 147, 28, 0.24) 30%, rgba(255, 36, 76, 0.15) 48%, transparent 68%);filter:blur(26px);
523
+ animation: svelte-1eh22ef-stageGlow 3900ms ease-in-out infinite;} .WheelWrapper::after {inset:15% 10% 8%;opacity:0.16;transform:scale(0.88) rotate(-8deg);border:1px solid rgba(255, 236, 148, 0.32);box-shadow:0 0 44px var(--color-overlay-primary-3, rgba(255, 191, 46, 0.28)), inset 0 0 32px rgba(255, 54, 83, 0.16);
524
+ animation: svelte-1eh22ef-glowOrbit 5600ms ease-in-out infinite;} .WheelWrapper.is-dragging, .WheelWrapper.is-dragging::before, .WheelWrapper.is-dragging::after {animation-play-state:paused;} .WheelWrapper:active {cursor:grabbing;} .WheelWrapper.is-spinning::before {
525
+ animation: svelte-1eh22ef-spinGlowPop 920ms cubic-bezier(0.12, 0.92, 0.22, 1) both;} .WheelWrapper.is-prize-hit::before {
526
+ animation: svelte-1eh22ef-prizeStageGlow 3600ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .WheelWrapper.Blurred .WheelDisc {filter:blur(3px);} .WheelWrapper.Blurred .ButtonGlow {opacity:0 !important;
527
+ animation: none !important;} .WheelWrapper.Blurred .CenterButton {filter:blur(3px);pointer-events:none;} .WheelWrapper.Blurred .Outer {filter:drop-shadow(0 0 18px var(--color-overlay-primary-5, rgba(255, 160, 0, 0.65))) drop-shadow(0 0 40px var(--color-overlay-primary-4, rgba(220, 100, 0, 0.35))) blur(3px);} .SparkleLayer {position:absolute;inset:-28%;z-index:6;pointer-events:none;overflow:visible;border-radius:50%;} .SparkleLayer::before {content:"";position:absolute;inset:20%;border-radius:50%;opacity:0;transform:scale(0.72);background:radial-gradient(circle at 50% 50%, rgba(255, 252, 187, 0.48) 0 4%, rgba(255, 205, 44, 0.26) 11%, rgba(255, 44, 82, 0.16) 31%, rgba(255, 141, 31, 0.08) 48%, transparent 72%);filter:blur(22px);transition:opacity 260ms ease, transform 980ms cubic-bezier(0.12, 0.82, 0.16, 1);} .SparkleLayer::after {content:"";position:absolute;inset:25%;border-radius:50%;opacity:0;transform:scale(0.48);border:1px solid rgba(255, 240, 140, 0.22);box-shadow:0 0 22px var(--color-overlay-primary-3, rgba(255, 200, 47, 0.24)), inset 0 0 20px rgba(255, 40, 82, 0.12);transition:opacity 300ms ease, transform 1050ms cubic-bezier(0.08, 0.7, 0.12, 1);} .WheelWrapper.is-bursting .SparkleLayer::before {opacity:0.58;transform:scale(1.18);} .WheelWrapper.is-bursting .SparkleLayer::after {opacity:0.32;transform:scale(1.34);} .sparkle,
528
+ .confetti {--tx: 0px;--ty: 0px;--fall: 80px;--rot: 0deg;--spin: 360deg;--hue: #ffd23e;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:var(--radius, 3px);background:var(--hue);filter:drop-shadow(0 0 5px rgba(255, 218, 74, 0.36));transform-origin:center;
529
+ animation: svelte-1eh22ef-confettiFirework var(--d) cubic-bezier(0.08, 0.82, 0.12, 1) forwards;} .sparkle {aspect-ratio:1;height:auto;border-radius:50%;background:radial-gradient(circle, #fffdf0 0 15%, #fff175 23% 42%, rgba(255, 96, 28, 0.86) 54%, transparent 73%);} .sparkle::after {content:"";position:absolute;inset:-92%;background:linear-gradient(90deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%), linear-gradient(0deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%);transform:rotate(var(--rot));opacity:0.5;} .confetti.is-diamond {transform:rotate(45deg);} .confetti.is-ribbon {border-radius:8px 2px;} .DropWrap {position:absolute;z-index:2;inset:0;isolation:isolate;transform-origin:50% 55%;
530
+ animation: svelte-1eh22ef-wheelDrop 1100ms cubic-bezier(0.16, 0.92, 0.23, 1.18) both;filter:drop-shadow(0 18px 25px rgba(0, 0, 0, 0.42));} .DropWrap::before {content:"";position:absolute;z-index:0;left:50%;top:55.1%;width:88%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle, rgba(255, 236, 96, 0.56) 0 18%, rgba(255, 198, 35, 0.34) 36%, rgba(255, 152, 21, 0.18) 56%, transparent 74%);filter:blur(28px);opacity:0.68;transform:scale(0.96);
531
+ animation: svelte-1eh22ef-frameGlowBreath 3600ms ease-in-out infinite;} .WheelDisc {position:absolute;z-index:1;width:59%;aspect-ratio:1;left:50%;top:54%;translate:-50% -50%;border-radius:50%;overflow:hidden;background:radial-gradient(circle, #8c4b05 0 4%, #3b2008 4.5% 100%);box-shadow:inset 0 0 0 9px rgba(255, 236, 159, 0.58), inset 0 0 0 17px rgba(121, 65, 15, 0.92), inset 0 0 30px rgba(0, 0, 0, 0.38), 0 0 28px var(--color-overlay-primary-3, rgba(255, 183, 36, 0.28));will-change:transform;touch-action:none;transform:rotate(var(--wheel-rotation, 0deg));} .SegmentsSvg {width:100%;height:100%;display:block;} .segment {stroke:rgba(255, 236, 151, 0.66);stroke-width:0.018;stroke-linejoin:round;vector-effect:non-scaling-stroke;} .segment-surface-depth {fill:rgba(47, 13, 0, 0.22);opacity:0.82;mix-blend-mode:multiply;pointer-events:none;} .segment-surface-shine {fill:rgba(255, 255, 255, 0.1);mix-blend-mode:plus-lighter;pointer-events:none;} .segment-edge-shadow {fill:none;stroke:rgba(65, 27, 0, 0.32);stroke-width:0.021;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-edge-light {fill:none;stroke:rgba(255, 250, 198, 0.48);stroke-width:0.007;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-label {pointer-events:none;user-select:none;font-weight:950;letter-spacing:0.035em;fill:#fff8d6;paint-order:stroke;stroke:rgba(76, 18, 0, 0.76);stroke-width:0.012;stroke-linejoin:round;} .segment-hit-fill,
532
+ .segment-hit-sheen,
533
+ .segment-hit-edge,
534
+ .segment-hit-spark-edge {pointer-events:none;transform-box:fill-box;transform-origin:center;} .segment-hit-fill {fill:rgb(255, 244, 145);filter:drop-shadow(0 0 4px rgba(255, 231, 93, 0.74));
535
+ animation: svelte-1eh22ef-prizeFillGlow 6400ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .segment-hit-edge {fill:none;stroke:rgba(255, 252, 211, 0.98);stroke-width:0.05;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(255, 245, 174, 0.94)) drop-shadow(0 0 8px rgba(255, 154, 28, 0.62));
536
+ animation: svelte-1eh22ef-prizeEdgePulse 6400ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .segment-hit-spark-edge {fill:none;stroke:rgba(255, 185, 44, 0.7);stroke-width:0.008;stroke-linejoin:round;stroke-dasharray:0.048 0.031;filter:drop-shadow(0 0 4px var(--color-overlay-primary-5, rgba(255, 210, 58, 0.6)));
537
+ animation: svelte-1eh22ef-prizeDashDance 6400ms linear both;} .Outer {position:absolute;z-index:3;inset:0;width:75%;height:100%;left:12.5%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 0 18px var(--color-overlay-primary-5, rgba(255, 160, 0, 0.65))) drop-shadow(0 0 40px var(--color-overlay-primary-4, rgba(220, 100, 0, 0.35)));} .ButtonGlow {position:absolute;z-index:4;width:38%;aspect-ratio:1;left:50%;top:55.1%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle, rgba(255, 248, 174, 0.94) 0 7%, rgba(255, 209, 54, 0.72) 13%, rgba(255, 48, 78, 0.46) 34%, rgba(255, 122, 23, 0.22) 52%, transparent 72%);filter:blur(10px);
538
+ animation: svelte-1eh22ef-glowPulse 1700ms ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;} .ButtonGlow::before, .ButtonGlow::after {content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle, rgba(255, 239, 127, 0.62), transparent 62%);filter:blur(16px);
539
+ animation: svelte-1eh22ef-glowRing 2300ms ease-in-out infinite;} .ButtonGlow::after {inset:-10%;opacity:0.55;animation-duration:2900ms;animation-delay:-900ms;} .CenterButton {position:absolute;z-index:5;width:17%;left:50%;top:54%;translate:-50% -50%;padding:0;border:none;background:transparent;pointer-events:auto;user-select:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34));transform:scale(1);transform-origin:center;transition:filter 180ms ease, transform 180ms cubic-bezier(0.2, 0.9, 0.22, 1);} .CenterButton img {width:100%;height:auto;display:block;pointer-events:none;} .CenterButton:not(.is-pressing) {
540
+ animation: svelte-1eh22ef-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .CenterButton.is-pressing {
541
+ animation: svelte-1eh22ef-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both;} .CenterButton:hover {filter:drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) brightness(1.05);} .CenterButton:active {transform:scale(0.94);filter:drop-shadow(0 5px 9px rgba(0, 0, 0, 0.32)) brightness(0.98);} .CenterButton:focus-visible {outline:3px solid rgba(255, 237, 126, 0.78);outline-offset:5px;border-radius:50%;} .WheelWrapper.is-spin-active .CenterButton:not(.is-pressing) {
542
+ animation: svelte-1eh22ef-centerButtonSpinBreath 1050ms ease-in-out infinite;} .SessionBadge {position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:8;width:58%;padding:10px 12px;background:rgba(8, 4, 0, 0.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;} .SessionBadge .SessionBadgeTitle {color:#ffffff;font-size:12px;font-weight:700;letter-spacing:0.2px;} .SessionBadge .SessionBadgeBody {color:rgba(255, 255, 255, 0.6509803922);font-size:10px;line-height:1.45;margin:0;} .SessionBadge .SessionBadgeClose {margin-top:8px;padding:4px 14px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);border-radius:6px;color:#ffffff;font-size:11px;font-weight:600;cursor:pointer;transition:background 150ms ease;} .SessionBadge .SessionBadgeClose:hover {background:rgba(255, 255, 255, 0.2);} .WheelLoadingSpinner {position:absolute;top:54%;left:50%;translate:-50% -50%;opacity:0;transition:opacity 300ms ease;pointer-events:none;z-index:10;} .WheelLoadingSpinner::before {content:"";display:block;width:clamp(44px, 11vw, 60px);height:clamp(44px, 11vw, 60px);border-radius:50%;border:2px solid rgba(255, 220, 100, 0.12);border-top-color:rgba(255, 210, 50, 0.65);
543
+ animation: svelte-1eh22ef-wofSpinnerRotate 900ms linear infinite;} .WheelWrapper.is-assets-loading ~ .WheelLoadingSpinner {
544
+ animation: svelte-1eh22ef-wofSpinnerFadeIn 300ms ease 700ms forwards;} .swipe-hint-wrap {position:absolute;inset:0;z-index:8;pointer-events:none;transition:opacity 600ms ease, transform 600ms ease;} .swipe-hint {position:relative;width:100%;height:70%;display:flex;align-items:center;justify-content:center;} .swipe-hand {display:inline-block;font-size:clamp(52px, 14vw, 72px);line-height:1;filter:drop-shadow(0 4px 14px rgba(0, 0, 0, 0.873));transform-origin:50% 80%;
545
+ animation: svelte-1eh22ef-swipeHandAcross 3000ms ease-in-out infinite;} .swipe-label {position:absolute;bottom:9%;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;padding:clamp(5px, 1.5vw, 6px) clamp(11px, 3.3vw, 14px);border-radius:999px;background:rgba(0, 0, 0, 0.739);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 9px 20px rgba(0, 18, 40, 0.2);backdrop-filter:blur(2px);} .swipe-text {color:rgba(238, 246, 255, 0.78);font-size:clamp(12px, 3.1vw, 14px);font-weight:750;text-shadow:0 2px 7px rgba(0, 21, 45, 0.55);white-space:nowrap;} .swipe-hint-wrap.hidden {opacity:0;transform:translateY(-12px);pointer-events:none;}
546
+ @media (pointer: fine) and (min-width: 641px) { .swipe-hint-wrap {display:none;}
547
+ }
548
+ @media (pointer: coarse), (max-width: 640px) { .WheelWrapper {
549
+ animation: none !important;filter:none;transform:translateZ(0);will-change:transform;} .WheelWrapper::before, .WheelWrapper::after {
550
+ animation: none !important;filter:none !important;opacity:0 !important;} .DropWrap {filter:drop-shadow(0 12px 14px rgba(0, 0, 0, 0.34));transform:translateZ(0);will-change:transform;} .DropWrap::before {
551
+ animation: none !important;filter:none !important;opacity:0 !important;} .SparkleLayer::before,
552
+ .SparkleLayer::after,
553
+ .ButtonGlow,
554
+ .ButtonGlow::before,
555
+ .ButtonGlow::after {
556
+ animation: none !important;filter:none !important;opacity:0 !important;} .WheelDisc {backface-visibility:hidden;transform:translateZ(0) rotate(var(--wheel-rotation, 0deg));will-change:transform;} .segment-hit-fill,
557
+ .segment-hit-edge,
558
+ .segment-hit-spark-edge,
559
+ .sparkle,
560
+ .confetti,
561
+ .CenterButton {filter:none !important;} .segment-hit-fill,
562
+ .segment-hit-edge,
563
+ .segment-hit-spark-edge {animation-duration:1800ms !important;}
564
+ } .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),
565
+ .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),
566
+ .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinsInfo,
567
+ .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);
568
+ animation: svelte-1eh22ef-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;
569
+ animation: svelte-1eh22ef-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 {
570
+ 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;
571
+ animation: svelte-1eh22ef-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;
572
+ animation: svelte-1eh22ef-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;
573
+ animation: svelte-1eh22ef-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .Coin svg,
574
+ .Coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
575
+ animation: svelte-1eh22ef-prizeCoinFloatZoom 1800ms ease-in-out infinite;} .DrawResultTitle {position:relative;margin:clamp(18px, 5vw, 26px) 0 clamp(14px, 4vw, 20px);color:var(--color-text-brand, #ffcc00);font-size:clamp(26px, 7.5vw, 36px);line-height:1.05;font-weight:900;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
576
+ animation: svelte-1eh22ef-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 250ms both;} .DrawResultSparkle {position:absolute;color:var(--color-text-brand, #ffcc00);filter:drop-shadow(0 0 5px rgba(255, 204, 0, 0.9));opacity:0;pointer-events:none;
577
+ animation: svelte-1eh22ef-titleSparkle 900ms ease-out forwards;} .DrawResultDescription {margin:0;color:var(--color-text-default, #ffffff);font-size:clamp(14px, 3.8vw, 17px);line-height:1.55;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
578
+ animation: svelte-1eh22ef-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);
579
+ animation: svelte-1eh22ef-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 560ms both;} .ButtonSpinner {position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
580
+ animation: svelte-1eh22ef-wofSpinnerRotate 600ms linear infinite;} .PrimaryCta {position:relative;min-width:clamp(148px, 42vw, 210px);min-height:clamp(42px, 10.5vw, 50px);border:none;border-radius:999px;color:var(--color-text-button-primary, #261d00);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4vw, 19px);font-style:italic;font-weight:900;cursor:pointer;padding:0 20px;transition:transform 160ms ease, filter 160ms ease;} .PrimaryCta:hover {filter:brightness(1.06);transform:translateY(-1px);} .PrimaryCta:active {transform:translateY(2px) scale(0.98);} .SecondaryCta {position:relative;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));font:inherit;font-size:clamp(13px, 3.4vw, 15px);font-weight:750;cursor:pointer;border:1px solid var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));border-radius:999px;padding:10px 20px;} .ConfirmModalContent {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:70%;height:85%;max-height:500px;padding:10px 12px;background:rgba(8, 4, 0, 0.95);backdrop-filter:blur(16px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;} .ConfirmModalTitle {color:#ffffff;font-size:26px;font-weight:700;letter-spacing:0.2px;margin:0 0 4px;} .ConfirmModalBody {color:rgba(255, 255, 255, 0.6509803922);font-size:14px;font-style:italic;line-height:1.45;margin:0 0 10px;} .ConfirmModalActions {display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;} .ConfirmModalActions button {width:fit-content;}
581
+ @media (prefers-reduced-motion: reduce) { .Coin,
582
+ .DrawResultTitle,
583
+ .DrawResultDescription,
584
+ .DrawResultActions {opacity:1;transform:none;filter:none;} .Coin svg,
585
+ .Coin img {
586
+ animation: none;} .success-confetti-piece {
587
+ animation: none;}
588
+ }`};function I(R,o){e.push(o,!0),e.append_styles(R,ce);const u=()=>e.store_get(e.$format,"$_",M),[M,O]=e.setup_stores();e.dayjs.extend(Y.duration);const r=e.prop(o,"program",7,null),c=e.prop(o,"endpoint",7,null),m=e.prop(o,"session",7,null),W=e.prop(o,"outerWheelAsset",7,null),B=e.prop(o,"wheelButtonAsset",7,null),z=e.prop(o,"language",7,"en"),C=e.prop(o,"showBackButton",7,!0),f=e.user_derived(()=>!c()||!r()),E=e.user_derived(()=>{var n,t;return!e.get(f)&&((t=(n=r())==null?void 0:n.remainingTimes)!=null?t:0)>0}),X=e.user_derived(()=>{var n,t;return e.get(f)?ie.placeholderWheelSlices:(t=(n=r())==null?void 0:n.partitions)!=null?t:[]}),s=["history","play","rules"];let d=e.state(e.proxy(s[1]));const Z=n=>{var t,a,p,g;n===s[0]?window.postMessage({type:"event_wof_history_click",name:((t=r())==null?void 0:t.name)||null},window.location.href):n===s[2]?window.postMessage({type:"event_wof_rules_click",name:((a=r())==null?void 0:a.name)||null},window.location.href):window.postMessage({type:"event_wof_accessed",isUserLoggedIn:!e.get(f),name:((p=r())==null?void 0:p.name)||null,availableSpins:((g=r())==null?void 0:g.remainingTimes)||null},window.location.href),e.set(d,n,!0)};let i=e.state(null),S=e.state(!1);const q=()=>window.postMessage({type:"LuckyWheel:GoToLogin"},window.location.href),U=()=>window.postMessage({type:"CloseMiniGame"},window.location.href),A=n=>{if(n.data)switch(n.data.type){case"SpinAgain":case"BackToWheel":e.set(i,null);break}};e.onMount(()=>(window.addEventListener("message",A),()=>{window.removeEventListener("message",A)}));var J={get program(){return r()},set program(n=null){r(n),e.flushSync()},get endpoint(){return c()},set endpoint(n=null){c(n),e.flushSync()},get session(){return m()},set session(n=null){m(n),e.flushSync()},get outerWheelAsset(){return W()},set outerWheelAsset(n=null){W(n),e.flushSync()},get wheelButtonAsset(){return B()},set wheelButtonAsset(n=null){B(n),e.flushSync()},get language(){return z()},set language(n="en"){z(n),e.flushSync()},get showBackButton(){return C()},set showBackButton(n=!0){C(n),e.flushSync()}},b=pe();let G;var h=e.child(b);let L;h.__click=U;var T=e.sibling(e.child(h),2),K=e.child(T,!0);e.reset(T),e.reset(h);var x=e.sibling(h,2);let P;var _=e.child(x),N=e.child(_,!0);e.reset(_);var F=e.sibling(_,2),Q=e.child(F,!0);e.reset(F),e.reset(x);var v=e.sibling(x,2);let H;e.each(v,20,()=>s,n=>n,(n,t)=>{var a=le();let p;a.__click=()=>Z(t);var g=e.child(a,!0);e.reset(a),e.template_effect(l=>{p=e.set_class(a,1,"Tab svelte-1eh22ef",null,p,{Active:e.get(d)===t}),e.set_text(g,l)},[()=>u()(t)]),e.append(n,a)}),e.reset(v);var w=e.sibling(v,2);let j;var V=e.child(w);Y.WheelOfFortuneWheel(V,{get program(){return r()},get endpoint(){return c()},get session(){return m()},get outerWheelAsset(){return W()},get wheelButtonAsset(){return B()},get wheelSlices(){return e.get(X)},get isPlaceholder(){return e.get(f)},get isWheelAvailable(){return e.get(E)},onLogin:q,get spinResults(){return e.get(i)},set spinResults(n){e.set(i,n,!0)},get spinActive(){return e.get(S)},set spinActive(n){e.set(S,n,!0)}}),e.reset(w);var $=e.sibling(w,2);{var ee=n=>{oe.WheelOfFortuneDrawResults(n,{get result(){return e.get(i)},get endpoint(){return c()},get session(){return m()}})},ne=n=>{var t=e.comment(),a=e.first_child(t);{var p=l=>{{let y=e.user_derived(()=>{var k;return(k=r())==null?void 0:k.id});ae.WheelOfFortuneHistory(l,{get programId(){return e.get(y)},get endpoint(){return c()},get session(){return m()}})}},g=l=>{var y=e.comment(),k=e.first_child(y);{var re=D=>{se.WheelOfFortuneRules(D,{get program(){return r()},get language(){return z()}})};e.if_block(k,D=>{e.get(d)===s[2]&&D(re)},!0)}e.append(l,y)};e.if_block(a,l=>{e.get(d)===s[0]?l(p):l(g,!1)},!0)}e.append(n,t)};e.if_block($,n=>{e.get(i)?n(ee):n(ne,!1)})}e.reset(b),e.template_effect((n,t,a)=>{G=e.set_class(b,1,"WheelContent svelte-1eh22ef",null,G,{WheelBackgroundHalo:e.get(d)===s[1],"is-spin-fullscreen":e.get(S)}),L=e.set_class(h,1,"BackButtonContainer svelte-1eh22ef",null,L,{Hidden:e.get(f)||!C()}),e.set_text(K,n),P=e.set_class(x,1,"WofTitle svelte-1eh22ef",null,P,{Hidden:e.get(i)}),e.set_text(N,t),e.set_text(Q,a),H=e.set_class(v,1,"WofTabs svelte-1eh22ef",null,H,{Hidden:e.get(f)||e.get(i)}),j=e.set_style(w,"",j,{display:e.get(d)!==s[1]||e.get(i)?"none":"contents"})},[()=>u()("backToHub"),()=>u()("wofTitle"),()=>u()("wofSubtitle")]),e.append(R,b);var te=e.pop(J);return O(),te}e.delegate(["click"]);customElements.define("wheel-of-fortune",e.create_custom_element(I,{program:{},endpoint:{},session:{},outerWheelAsset:{},wheelButtonAsset:{},language:{},showBackButton:{}},[],[],!1));exports.WheelOfFortune=I;