@everymatrix/mini-games-hub 0.1.16 → 0.1.18

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