@everymatrix/mini-games-hub 0.1.2
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.
- package/components/GameCard-B2dUYs8D.cjs +3 -0
- package/components/GameCard-Bx4TWFNT.js +58 -0
- package/components/GameCard-DXX0iD0Z.js +58 -0
- package/components/MiniGamesHub-BBCzOhms.js +1269 -0
- package/components/MiniGamesHub-BbJIrcsb.cjs +28 -0
- package/components/MiniGamesHub-CLinNS2-.js +1288 -0
- package/components/WheelOfFortune-Cm-9CaHf.cjs +570 -0
- package/components/WheelOfFortune-DpMvjI6_.js +811 -0
- package/components/WheelOfFortune-u__JAdi_.js +820 -0
- package/components/WheelOfFortuneDrawResults-B2L6I4Po.cjs +1 -0
- package/components/WheelOfFortuneDrawResults-WD4ZaXdI.js +261 -0
- package/components/WheelOfFortuneDrawResults-XiJyW5cc.js +238 -0
- package/components/WheelOfFortuneHistory-BE1mGyJn.js +233 -0
- package/components/WheelOfFortuneHistory-CgWvWb5r.js +233 -0
- package/components/WheelOfFortuneHistory-mbWa96d6.cjs +13 -0
- package/components/WheelOfFortuneRules-CS1AnNsi.cjs +5 -0
- package/components/WheelOfFortuneRules-DEln64Ys.js +117 -0
- package/components/WheelOfFortuneRules-ICYWgDZn.js +128 -0
- package/components/WheelOfFortuneWheel-R5JZFn6S.js +643 -0
- package/components/WheelOfFortuneWheel-j83OpEdj.cjs +1 -0
- package/components/WheelOfFortuneWheel-le2uV09t.js +609 -0
- package/components/bonus-BcSq5fV_.cjs +1 -0
- package/components/bonus-BroDvSJR.js +4 -0
- package/components/coin-DetgSMGn.js +4 -0
- package/components/coin-dEAbLQma.cjs +1 -0
- package/components/constants-B5BwgkMh.cjs +1 -0
- package/components/constants-syi43uVY.js +29 -0
- package/components/error-DJgbe-Bh.js +4 -0
- package/components/error-YyYl7p6_.cjs +1 -0
- package/components/loyalty-Bf3uaVFP.js +4 -0
- package/components/loyalty-XDJlZgzx.cjs +1 -0
- package/components/noprize-BJ-U8c5U.cjs +1 -0
- package/components/noprize-DQHyTDC0.js +4 -0
- package/components/role-Bxkn_4_S.cjs +1 -0
- package/components/role-CNEtykLr.js +4 -0
- package/components/sparkles-Br3hNIM6.js +25 -0
- package/components/sparkles-CsUJD5iK.js +29 -0
- package/components/sparkles-DMNeGYKa.cjs +1 -0
- package/components/spin-controller-BfbakdA_.js +160 -0
- package/components/spin-controller-Do0l1eeX.cjs +1 -0
- package/components/spin-controller-Y0nB76qX.js +162 -0
- package/components/ticket-DP0fQfPa.cjs +1 -0
- package/components/ticket-DcOVRE_N.js +4 -0
- package/components/tournament-8UbfkV5I.cjs +1 -0
- package/components/tournament-BtKf5Btm.js +4 -0
- package/components/utils-CG5ADU6a.cjs +5 -0
- package/components/utils-ClIENp93.js +6906 -0
- package/components/utils-DrFJq1GB.js +6819 -0
- package/es2015/mini-games-hub.cjs +1 -0
- package/es2015/mini-games-hub.js +16 -0
- package/esnext/mini-games-hub.js +14 -0
- package/package.json +26 -0
|
@@ -0,0 +1,820 @@
|
|
|
1
|
+
import { d as he, W as xe } from "./WheelOfFortuneWheel-R5JZFn6S.js";
|
|
2
|
+
import { d as ye, e as ve, p as we, V as ke, f as We, h as f, s as Y, i as Be, W as ze, n as m, E as l, q as Ce, k as _, j as n, m as I, t as K, r as y, w as D, a0 as Se, x as A, y as _e, I as $, N as G, z as De, A as Ae, D as u, B as Ge, M as a, H as Q, l as U } from "./utils-ClIENp93.js";
|
|
3
|
+
import { W as Le } from "./WheelOfFortuneHistory-BE1mGyJn.js";
|
|
4
|
+
import { W as Te } from "./WheelOfFortuneDrawResults-WD4ZaXdI.js";
|
|
5
|
+
import { W as Pe } from "./WheelOfFortuneRules-ICYWgDZn.js";
|
|
6
|
+
import { p as Re } from "./constants-syi43uVY.js";
|
|
7
|
+
var He = $("<button> </button>"), je = $('<div><button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-17ly5gn"><path d="M6.41602 0.508789C6.52096 0.508793 6.59652 0.539241 6.66797 0.602539C6.7386 0.67644 6.76557 0.747068 6.76562 0.837891C6.76562 0.932337 6.7377 1.00571 6.66113 1.08203H6.66016L2.52344 5.21777L1.6543 6.08691H12.3633C12.475 6.08691 12.5456 6.11894 12.6084 6.18164C12.6712 6.24445 12.7034 6.31429 12.7031 6.4248C12.7029 6.53664 12.67 6.60779 12.6064 6.67188C12.5449 6.73387 12.4767 6.76611 12.3662 6.76562H1.6543L2.52344 7.63477L6.68066 11.791C6.75777 11.8681 6.77865 11.933 6.77637 12.0098C6.77383 12.0944 6.7457 12.1683 6.66797 12.249C6.58857 12.3195 6.50864 12.3512 6.40918 12.3545C6.33349 12.357 6.26929 12.3368 6.19238 12.2598L0.592773 6.66016C0.553631 6.62101 0.537222 6.59146 0.530273 6.57227C0.516661 6.53445 0.508264 6.48865 0.508789 6.43164C0.509411 6.36947 0.519283 6.31813 0.53418 6.27539C0.539753 6.25947 0.553255 6.23167 0.591797 6.19336L6.19238 0.592773C6.24602 0.539241 6.30834 0.508789 6.41602 0.508789Z" stroke="white" stroke-width="1.018" class="svelte-17ly5gn"></path></svg> <p class="svelte-17ly5gn"> </p></button> <div><h3 class="svelte-17ly5gn"> </h3> <p class="svelte-17ly5gn"> </p></div> <div></div> <div class="svelte-17ly5gn"><!></div> <!></div>');
|
|
8
|
+
const Fe = {
|
|
9
|
+
hash: "svelte-17ly5gn",
|
|
10
|
+
code: `@keyframes svelte-17ly5gn-wheelBob {
|
|
11
|
+
0%, 100% {
|
|
12
|
+
transform: translateY(0);
|
|
13
|
+
}
|
|
14
|
+
50% {
|
|
15
|
+
transform: translateY(-10px);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
@keyframes svelte-17ly5gn-stageFloat {
|
|
19
|
+
0%, 100% {
|
|
20
|
+
transform: translate3d(0, 0, 0) rotate(-0.12deg) scale(1);
|
|
21
|
+
}
|
|
22
|
+
42% {
|
|
23
|
+
transform: translate3d(0, -4px, 0) rotate(0.16deg) scale(1.002);
|
|
24
|
+
}
|
|
25
|
+
72% {
|
|
26
|
+
transform: translate3d(0, 2px, 0) rotate(-0.04deg) scale(0.999);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
@keyframes svelte-17ly5gn-stageGlow {
|
|
30
|
+
0%, 100% {
|
|
31
|
+
opacity: 0.46;
|
|
32
|
+
transform: scale(0.94);
|
|
33
|
+
filter: blur(27px);
|
|
34
|
+
}
|
|
35
|
+
50% {
|
|
36
|
+
opacity: 0.68;
|
|
37
|
+
transform: scale(1.02);
|
|
38
|
+
filter: blur(31px);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
@keyframes svelte-17ly5gn-glowOrbit {
|
|
42
|
+
0%, 100% {
|
|
43
|
+
opacity: 0.13;
|
|
44
|
+
transform: scale(0.88) rotate(-8deg);
|
|
45
|
+
}
|
|
46
|
+
50% {
|
|
47
|
+
opacity: 0.24;
|
|
48
|
+
transform: scale(0.95) rotate(5deg);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
@keyframes svelte-17ly5gn-frameGlowBreath {
|
|
52
|
+
0%, 100% {
|
|
53
|
+
opacity: 0.58;
|
|
54
|
+
transform: scale(0.94);
|
|
55
|
+
filter: blur(30px);
|
|
56
|
+
}
|
|
57
|
+
48% {
|
|
58
|
+
opacity: 0.82;
|
|
59
|
+
transform: scale(1.03);
|
|
60
|
+
filter: blur(34px);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
@keyframes svelte-17ly5gn-wheelDrop {
|
|
64
|
+
0% {
|
|
65
|
+
transform: translateY(-60vh) scale(0.961) rotate(-9deg);
|
|
66
|
+
opacity: 0;
|
|
67
|
+
}
|
|
68
|
+
70% {
|
|
69
|
+
transform: translateY(-20px) scale(1.012) rotate(2deg);
|
|
70
|
+
opacity: 1;
|
|
71
|
+
}
|
|
72
|
+
86% {
|
|
73
|
+
transform: translateY(0px) scale(0.997) rotate(-0.6deg);
|
|
74
|
+
}
|
|
75
|
+
100% {
|
|
76
|
+
transform: translateY(0) scale(1) rotate(0);
|
|
77
|
+
opacity: 1;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
@keyframes svelte-17ly5gn-spinGlowPop {
|
|
81
|
+
0% {
|
|
82
|
+
opacity: 0.56;
|
|
83
|
+
transform: scale(0.96);
|
|
84
|
+
filter: blur(25px);
|
|
85
|
+
}
|
|
86
|
+
32% {
|
|
87
|
+
opacity: 0.92;
|
|
88
|
+
transform: scale(1.08);
|
|
89
|
+
filter: blur(31px);
|
|
90
|
+
}
|
|
91
|
+
100% {
|
|
92
|
+
opacity: 0.58;
|
|
93
|
+
transform: scale(0.98);
|
|
94
|
+
filter: blur(27px);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
@keyframes svelte-17ly5gn-glowPulse {
|
|
98
|
+
0%, 100% {
|
|
99
|
+
opacity: 0.72;
|
|
100
|
+
transform: scale(0.95);
|
|
101
|
+
}
|
|
102
|
+
50% {
|
|
103
|
+
opacity: 1;
|
|
104
|
+
transform: scale(1.12);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
@keyframes svelte-17ly5gn-glowRing {
|
|
108
|
+
0%, 100% {
|
|
109
|
+
opacity: 0.42;
|
|
110
|
+
transform: scale(0.92);
|
|
111
|
+
}
|
|
112
|
+
50% {
|
|
113
|
+
opacity: 0.88;
|
|
114
|
+
transform: scale(1.18);
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
@keyframes svelte-17ly5gn-centerButtonSpinBreath {
|
|
118
|
+
0%, 100% {
|
|
119
|
+
transform: scale(1);
|
|
120
|
+
filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
|
|
121
|
+
}
|
|
122
|
+
45% {
|
|
123
|
+
transform: scale(1.032);
|
|
124
|
+
filter: drop-shadow(0 11px 18px rgba(0, 0, 0, 0.36)) brightness(1.07);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
@keyframes svelte-17ly5gn-middleButtonIdleZoomGlow {
|
|
128
|
+
0%, 100% {
|
|
129
|
+
transform: scale(1);
|
|
130
|
+
filter: drop-shadow(0 7px 12px rgba(0, 0, 0, 0.34)) drop-shadow(0 0 10px rgba(255, 212, 46, 0.22)) brightness(1);
|
|
131
|
+
}
|
|
132
|
+
50% {
|
|
133
|
+
transform: scale(1.045);
|
|
134
|
+
filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) drop-shadow(0 0 18px rgba(255, 212, 46, 0.42)) brightness(1.08);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
@keyframes svelte-17ly5gn-middleButtonPress {
|
|
138
|
+
0% {
|
|
139
|
+
transform: scale(1);
|
|
140
|
+
filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
|
|
141
|
+
}
|
|
142
|
+
28% {
|
|
143
|
+
transform: scale(0.91);
|
|
144
|
+
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.36)) brightness(0.98);
|
|
145
|
+
}
|
|
146
|
+
68% {
|
|
147
|
+
transform: scale(1.045);
|
|
148
|
+
filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.36)) brightness(1.08);
|
|
149
|
+
}
|
|
150
|
+
100% {
|
|
151
|
+
transform: scale(1);
|
|
152
|
+
filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
@keyframes svelte-17ly5gn-prizeStageGlow {
|
|
156
|
+
0% {
|
|
157
|
+
opacity: 0.54;
|
|
158
|
+
transform: scale(0.96);
|
|
159
|
+
filter: blur(26px);
|
|
160
|
+
}
|
|
161
|
+
22% {
|
|
162
|
+
opacity: 0.94;
|
|
163
|
+
transform: scale(1.06);
|
|
164
|
+
filter: blur(20px);
|
|
165
|
+
}
|
|
166
|
+
100% {
|
|
167
|
+
opacity: 0.54;
|
|
168
|
+
transform: scale(0.96);
|
|
169
|
+
filter: blur(26px);
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
@keyframes svelte-17ly5gn-prizeFillGlow {
|
|
173
|
+
0% {
|
|
174
|
+
opacity: 0;
|
|
175
|
+
transform: scale(0.982);
|
|
176
|
+
}
|
|
177
|
+
8% {
|
|
178
|
+
opacity: 0.94;
|
|
179
|
+
transform: scale(1.008);
|
|
180
|
+
}
|
|
181
|
+
24% {
|
|
182
|
+
opacity: 0.62;
|
|
183
|
+
transform: scale(0.997);
|
|
184
|
+
}
|
|
185
|
+
42% {
|
|
186
|
+
opacity: 0.8;
|
|
187
|
+
transform: scale(1.006);
|
|
188
|
+
}
|
|
189
|
+
60% {
|
|
190
|
+
opacity: 0.55;
|
|
191
|
+
transform: scale(0.999);
|
|
192
|
+
}
|
|
193
|
+
78% {
|
|
194
|
+
opacity: 0.72;
|
|
195
|
+
transform: scale(1.004);
|
|
196
|
+
}
|
|
197
|
+
100% {
|
|
198
|
+
opacity: 0;
|
|
199
|
+
transform: scale(0.99);
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
@keyframes svelte-17ly5gn-prizeEdgePulse {
|
|
203
|
+
0% {
|
|
204
|
+
opacity: 0;
|
|
205
|
+
stroke-width: 0.035;
|
|
206
|
+
}
|
|
207
|
+
8% {
|
|
208
|
+
opacity: 1;
|
|
209
|
+
stroke-width: 0.025;
|
|
210
|
+
}
|
|
211
|
+
24% {
|
|
212
|
+
opacity: 0.88;
|
|
213
|
+
stroke-width: 0.035;
|
|
214
|
+
}
|
|
215
|
+
42% {
|
|
216
|
+
opacity: 1;
|
|
217
|
+
stroke-width: 0.025;
|
|
218
|
+
}
|
|
219
|
+
60% {
|
|
220
|
+
opacity: 0.85;
|
|
221
|
+
stroke-width: 0.035;
|
|
222
|
+
}
|
|
223
|
+
78% {
|
|
224
|
+
opacity: 1;
|
|
225
|
+
stroke-width: 0.025;
|
|
226
|
+
}
|
|
227
|
+
100% {
|
|
228
|
+
opacity: 0.85;
|
|
229
|
+
stroke-width: 0.035;
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
@keyframes svelte-17ly5gn-prizeDashDance {
|
|
233
|
+
0% {
|
|
234
|
+
opacity: 0;
|
|
235
|
+
stroke-dashoffset: 12;
|
|
236
|
+
}
|
|
237
|
+
10% {
|
|
238
|
+
opacity: 0.94;
|
|
239
|
+
}
|
|
240
|
+
48% {
|
|
241
|
+
opacity: 0.78;
|
|
242
|
+
}
|
|
243
|
+
82% {
|
|
244
|
+
opacity: 0.66;
|
|
245
|
+
}
|
|
246
|
+
100% {
|
|
247
|
+
opacity: 0;
|
|
248
|
+
stroke-dashoffset: -26;
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
@keyframes svelte-17ly5gn-prizeSheenSweep {
|
|
252
|
+
0% {
|
|
253
|
+
opacity: 0;
|
|
254
|
+
transform: translateX(-7px) scale(0.98);
|
|
255
|
+
}
|
|
256
|
+
12% {
|
|
257
|
+
opacity: 0.58;
|
|
258
|
+
transform: translateX(-1px) scale(1.01);
|
|
259
|
+
}
|
|
260
|
+
36% {
|
|
261
|
+
opacity: 0.22;
|
|
262
|
+
transform: translateX(3px) scale(1);
|
|
263
|
+
}
|
|
264
|
+
62% {
|
|
265
|
+
opacity: 0.42;
|
|
266
|
+
transform: translateX(1px) scale(1.008);
|
|
267
|
+
}
|
|
268
|
+
100% {
|
|
269
|
+
opacity: 0;
|
|
270
|
+
transform: translateX(8px) scale(0.99);
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
@keyframes svelte-17ly5gn-superPrizeStageGlow {
|
|
274
|
+
0% {
|
|
275
|
+
transform: scale(0.96);
|
|
276
|
+
opacity: 0.2;
|
|
277
|
+
filter: blur(8px);
|
|
278
|
+
}
|
|
279
|
+
45% {
|
|
280
|
+
transform: scale(1.13);
|
|
281
|
+
opacity: 0.86;
|
|
282
|
+
filter: blur(13px);
|
|
283
|
+
}
|
|
284
|
+
100% {
|
|
285
|
+
transform: scale(1.03);
|
|
286
|
+
opacity: 0.45;
|
|
287
|
+
filter: blur(10px);
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
@keyframes svelte-17ly5gn-superPrizeFillGlow {
|
|
291
|
+
0% {
|
|
292
|
+
opacity: 0.2;
|
|
293
|
+
transform: scale(0.96);
|
|
294
|
+
}
|
|
295
|
+
32% {
|
|
296
|
+
opacity: 1;
|
|
297
|
+
transform: scale(1.045);
|
|
298
|
+
}
|
|
299
|
+
66% {
|
|
300
|
+
opacity: 0.72;
|
|
301
|
+
transform: scale(1.015);
|
|
302
|
+
}
|
|
303
|
+
100% {
|
|
304
|
+
opacity: 0.58;
|
|
305
|
+
transform: scale(1);
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
@keyframes svelte-17ly5gn-superPrizeSheenSweep {
|
|
309
|
+
0% {
|
|
310
|
+
opacity: 0;
|
|
311
|
+
transform: scale(0.88) rotate(-5deg);
|
|
312
|
+
}
|
|
313
|
+
34% {
|
|
314
|
+
opacity: 0.95;
|
|
315
|
+
transform: scale(1.08) rotate(2deg);
|
|
316
|
+
}
|
|
317
|
+
100% {
|
|
318
|
+
opacity: 0.2;
|
|
319
|
+
transform: scale(1.16) rotate(7deg);
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
@keyframes svelte-17ly5gn-superPrizeEdgePulse {
|
|
323
|
+
0% {
|
|
324
|
+
opacity: 0.4;
|
|
325
|
+
transform: scale(0.97);
|
|
326
|
+
}
|
|
327
|
+
38% {
|
|
328
|
+
opacity: 1;
|
|
329
|
+
transform: scale(1.055);
|
|
330
|
+
}
|
|
331
|
+
70% {
|
|
332
|
+
opacity: 0.86;
|
|
333
|
+
transform: scale(1.018);
|
|
334
|
+
}
|
|
335
|
+
100% {
|
|
336
|
+
opacity: 0.72;
|
|
337
|
+
transform: scale(1);
|
|
338
|
+
}
|
|
339
|
+
}
|
|
340
|
+
@keyframes svelte-17ly5gn-superPrizeDashDance {
|
|
341
|
+
0% {
|
|
342
|
+
opacity: 0;
|
|
343
|
+
stroke-dashoffset: 20;
|
|
344
|
+
transform: scale(0.95);
|
|
345
|
+
}
|
|
346
|
+
18% {
|
|
347
|
+
opacity: 1;
|
|
348
|
+
}
|
|
349
|
+
100% {
|
|
350
|
+
opacity: 0.76;
|
|
351
|
+
stroke-dashoffset: -42;
|
|
352
|
+
transform: scale(1.04);
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
@keyframes svelte-17ly5gn-spinButtonZoomGlow {
|
|
356
|
+
0%, 100% {
|
|
357
|
+
transform: scale(1);
|
|
358
|
+
filter: brightness(1);
|
|
359
|
+
box-shadow: 0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
|
|
360
|
+
}
|
|
361
|
+
50% {
|
|
362
|
+
transform: scale(1.065);
|
|
363
|
+
filter: brightness(1.08);
|
|
364
|
+
box-shadow: 0 12px 18px rgba(0, 0, 0, 0.34), 0 0 24px rgba(255, 204, 0, 0.62), 0 0 44px rgba(255, 183, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.46);
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
@keyframes svelte-17ly5gn-buttonBreath {
|
|
368
|
+
0%, 100% {
|
|
369
|
+
transform: scale(1);
|
|
370
|
+
}
|
|
371
|
+
50% {
|
|
372
|
+
transform: scale(1.035);
|
|
373
|
+
}
|
|
374
|
+
}
|
|
375
|
+
@keyframes svelte-17ly5gn-buttonAura {
|
|
376
|
+
0%, 100% {
|
|
377
|
+
filter: brightness(1) saturate(1);
|
|
378
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(83, 0, 18, 0.22), 0 4px 0 #710014, 0 13px 20px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 226, 135, 0.1);
|
|
379
|
+
}
|
|
380
|
+
50% {
|
|
381
|
+
filter: brightness(1.035) saturate(1.04);
|
|
382
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(83, 0, 18, 0.18), 0 4px 0 #710014, 0 15px 24px rgba(0, 0, 0, 0.24), 0 0 18px rgba(255, 183, 36, 0.13);
|
|
383
|
+
}
|
|
384
|
+
}
|
|
385
|
+
@keyframes svelte-17ly5gn-buttonSheen {
|
|
386
|
+
0%, 58%, 100% {
|
|
387
|
+
transform: translateX(-120%);
|
|
388
|
+
opacity: 0.22;
|
|
389
|
+
}
|
|
390
|
+
72% {
|
|
391
|
+
transform: translateX(120%);
|
|
392
|
+
opacity: 0.42;
|
|
393
|
+
}
|
|
394
|
+
}
|
|
395
|
+
@keyframes svelte-17ly5gn-buttonPop {
|
|
396
|
+
0% {
|
|
397
|
+
transform: translateY(2px) scale(0.985);
|
|
398
|
+
}
|
|
399
|
+
48% {
|
|
400
|
+
transform: translateY(-2px) scale(1.018);
|
|
401
|
+
}
|
|
402
|
+
100% {
|
|
403
|
+
transform: translateY(0) scale(1);
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
@keyframes svelte-17ly5gn-confettiFirework {
|
|
407
|
+
0% {
|
|
408
|
+
opacity: 0;
|
|
409
|
+
transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
|
|
410
|
+
}
|
|
411
|
+
9% {
|
|
412
|
+
opacity: 1;
|
|
413
|
+
transform: translate(calc(-50% + var(--tx) * 0.42), calc(-50% + var(--ty) * 0.42)) scale(1.18) rotate(calc(var(--rot) + var(--spin) * 0.24));
|
|
414
|
+
}
|
|
415
|
+
28% {
|
|
416
|
+
opacity: 0.98;
|
|
417
|
+
transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(calc(var(--rot) + var(--spin) * 0.56));
|
|
418
|
+
}
|
|
419
|
+
72% {
|
|
420
|
+
opacity: 0.78;
|
|
421
|
+
transform: translate(calc(-50% + var(--tx) * 1.08), calc(-50% + var(--ty) + var(--fall) * 0.62)) scale(0.88) rotate(calc(var(--rot) + var(--spin) * 0.86));
|
|
422
|
+
}
|
|
423
|
+
100% {
|
|
424
|
+
opacity: 0;
|
|
425
|
+
transform: translate(calc(-50% + var(--tx) * 1.14), calc(-50% + var(--ty) + var(--fall))) scale(0.62) rotate(calc(var(--rot) + var(--spin)));
|
|
426
|
+
}
|
|
427
|
+
}
|
|
428
|
+
@keyframes svelte-17ly5gn-swipeHandAcross {
|
|
429
|
+
0%, 100% {
|
|
430
|
+
transform: translateX(-70px) rotate(-22deg);
|
|
431
|
+
opacity: 0.65;
|
|
432
|
+
}
|
|
433
|
+
50% {
|
|
434
|
+
transform: translateX(70px) rotate(22deg);
|
|
435
|
+
opacity: 0.65;
|
|
436
|
+
}
|
|
437
|
+
25%, 75% {
|
|
438
|
+
opacity: 1;
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
@keyframes svelte-17ly5gn-wofSpinnerFadeIn {
|
|
442
|
+
to {
|
|
443
|
+
opacity: 1;
|
|
444
|
+
}
|
|
445
|
+
}
|
|
446
|
+
@keyframes svelte-17ly5gn-wofSpinnerRotate {
|
|
447
|
+
to {
|
|
448
|
+
transform: rotate(360deg);
|
|
449
|
+
}
|
|
450
|
+
}
|
|
451
|
+
@keyframes svelte-17ly5gn-drawResultPop {
|
|
452
|
+
0% {
|
|
453
|
+
opacity: 0;
|
|
454
|
+
transform: scale(0.92) translateY(8px);
|
|
455
|
+
}
|
|
456
|
+
62% {
|
|
457
|
+
opacity: 1;
|
|
458
|
+
transform: scale(1.016) translateY(-2px);
|
|
459
|
+
}
|
|
460
|
+
100% {
|
|
461
|
+
opacity: 1;
|
|
462
|
+
transform: scale(1) translateY(0);
|
|
463
|
+
}
|
|
464
|
+
}
|
|
465
|
+
@keyframes svelte-17ly5gn-successElementIn {
|
|
466
|
+
0% {
|
|
467
|
+
opacity: 0;
|
|
468
|
+
transform: translate3d(0, 18px, 0) scale(0.98);
|
|
469
|
+
filter: blur(3px);
|
|
470
|
+
}
|
|
471
|
+
70% {
|
|
472
|
+
opacity: 1;
|
|
473
|
+
transform: translate3d(0, -2px, 0) scale(1.01);
|
|
474
|
+
filter: blur(0);
|
|
475
|
+
}
|
|
476
|
+
100% {
|
|
477
|
+
opacity: 1;
|
|
478
|
+
transform: translate3d(0, 0, 0) scale(1);
|
|
479
|
+
filter: blur(0);
|
|
480
|
+
}
|
|
481
|
+
}
|
|
482
|
+
@keyframes svelte-17ly5gn-successConfettiFall {
|
|
483
|
+
0% {
|
|
484
|
+
opacity: 0;
|
|
485
|
+
transform: translate3d(-50%, -18px, 0) rotate(var(--rot)) scale(0.62);
|
|
486
|
+
}
|
|
487
|
+
9% {
|
|
488
|
+
opacity: 1;
|
|
489
|
+
}
|
|
490
|
+
46% {
|
|
491
|
+
opacity: 0.96;
|
|
492
|
+
transform: translate3d(calc(-50% + var(--tx) * 0.55), 48vh, 0) rotate(calc(var(--rot) + var(--spin) * 0.52)) scale(1);
|
|
493
|
+
}
|
|
494
|
+
100% {
|
|
495
|
+
opacity: 0;
|
|
496
|
+
transform: translate3d(calc(-50% + var(--tx)), 108vh, 0) rotate(calc(var(--rot) + var(--spin))) scale(0.86);
|
|
497
|
+
}
|
|
498
|
+
}
|
|
499
|
+
@keyframes svelte-17ly5gn-prizeCoinFloatZoom {
|
|
500
|
+
0%, 100% {
|
|
501
|
+
transform: translate3d(0, 0, 0) scale(1);
|
|
502
|
+
}
|
|
503
|
+
50% {
|
|
504
|
+
transform: translate3d(0, -8px, 0) scale(1.065);
|
|
505
|
+
}
|
|
506
|
+
}
|
|
507
|
+
@media (prefers-reduced-motion: reduce) { .WheelWrapper,
|
|
508
|
+
.WheelWrapper::before,
|
|
509
|
+
.WheelWrapper::after,
|
|
510
|
+
.DropWrap,
|
|
511
|
+
.WheelDisc,
|
|
512
|
+
.CenterButton,
|
|
513
|
+
.ButtonGlow,
|
|
514
|
+
.SpinButton {
|
|
515
|
+
animation: none !important;}
|
|
516
|
+
} .WheelWrapper {position:relative;isolation:isolate;width:100%;aspect-ratio:726/720;cursor:grab;transform-origin:50% 55%;
|
|
517
|
+
animation: svelte-17ly5gn-stageFloat 6400ms ease-in-out infinite;will-change:transform, filter;} .WheelWrapper.is-assets-loading {opacity:0;pointer-events:none;} .WheelWrapper.is-assets-loading .DropWrap {animation-play-state:paused;} .WheelWrapper::before, .WheelWrapper::after {content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:0;} .WheelWrapper::before {inset:5% 0 3%;opacity:0.54;transform:scale(0.96);background:radial-gradient(circle at 50% 52%, rgba(255, 234, 113, 0.46) 0 14%, rgba(255, 147, 28, 0.24) 30%, rgba(255, 36, 76, 0.15) 48%, transparent 68%);filter:blur(26px);
|
|
518
|
+
animation: svelte-17ly5gn-stageGlow 3900ms ease-in-out infinite;} .WheelWrapper::after {inset:15% 10% 8%;opacity:0.16;transform:scale(0.88) rotate(-8deg);border:1px solid rgba(255, 236, 148, 0.32);box-shadow:0 0 44px var(--color-overlay-primary-3, rgba(255, 191, 46, 0.28)), inset 0 0 32px rgba(255, 54, 83, 0.16);
|
|
519
|
+
animation: svelte-17ly5gn-glowOrbit 5600ms ease-in-out infinite;} .WheelWrapper.is-dragging, .WheelWrapper.is-dragging::before, .WheelWrapper.is-dragging::after {animation-play-state:paused;} .WheelWrapper:active {cursor:grabbing;} .WheelWrapper.is-spinning::before {
|
|
520
|
+
animation: svelte-17ly5gn-spinGlowPop 920ms cubic-bezier(0.12, 0.92, 0.22, 1) both;} .WheelWrapper.is-prize-hit::before {
|
|
521
|
+
animation: svelte-17ly5gn-prizeStageGlow 3600ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .WheelWrapper.Blurred .WheelDisc {filter:blur(3px);} .WheelWrapper.Blurred .ButtonGlow {opacity:0 !important;
|
|
522
|
+
animation: none !important;} .WheelWrapper.Blurred .CenterButton {filter:blur(3px);pointer-events:none;} .WheelWrapper.Blurred .Outer {filter:drop-shadow(0 0 18px var(--color-overlay-primary-5, rgba(255, 160, 0, 0.65))) drop-shadow(0 0 40px var(--color-overlay-primary-4, rgba(220, 100, 0, 0.35))) blur(3px);} .SparkleLayer {position:absolute;inset:-28%;z-index:6;pointer-events:none;overflow:visible;border-radius:50%;} .SparkleLayer::before {content:"";position:absolute;inset:20%;border-radius:50%;opacity:0;transform:scale(0.72);background:radial-gradient(circle at 50% 50%, rgba(255, 252, 187, 0.48) 0 4%, rgba(255, 205, 44, 0.26) 11%, rgba(255, 44, 82, 0.16) 31%, rgba(255, 141, 31, 0.08) 48%, transparent 72%);filter:blur(22px);transition:opacity 260ms ease, transform 980ms cubic-bezier(0.12, 0.82, 0.16, 1);} .SparkleLayer::after {content:"";position:absolute;inset:25%;border-radius:50%;opacity:0;transform:scale(0.48);border:1px solid rgba(255, 240, 140, 0.22);box-shadow:0 0 22px var(--color-overlay-primary-3, rgba(255, 200, 47, 0.24)), inset 0 0 20px rgba(255, 40, 82, 0.12);transition:opacity 300ms ease, transform 1050ms cubic-bezier(0.08, 0.7, 0.12, 1);} .WheelWrapper.is-bursting .SparkleLayer::before {opacity:0.58;transform:scale(1.18);} .WheelWrapper.is-bursting .SparkleLayer::after {opacity:0.32;transform:scale(1.34);} .sparkle,
|
|
523
|
+
.confetti {--tx: 0px;--ty: 0px;--fall: 80px;--rot: 0deg;--spin: 360deg;--hue: #ffd23e;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:var(--radius, 3px);background:var(--hue);filter:drop-shadow(0 0 5px rgba(255, 218, 74, 0.36));transform-origin:center;
|
|
524
|
+
animation: svelte-17ly5gn-confettiFirework var(--d) cubic-bezier(0.08, 0.82, 0.12, 1) forwards;} .sparkle {aspect-ratio:1;height:auto;border-radius:50%;background:radial-gradient(circle, #fffdf0 0 15%, #fff175 23% 42%, rgba(255, 96, 28, 0.86) 54%, transparent 73%);} .sparkle::after {content:"";position:absolute;inset:-92%;background:linear-gradient(90deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%), linear-gradient(0deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%);transform:rotate(var(--rot));opacity:0.5;} .confetti.is-diamond {transform:rotate(45deg);} .confetti.is-ribbon {border-radius:8px 2px;} .DropWrap {position:absolute;z-index:2;inset:0;isolation:isolate;transform-origin:50% 55%;
|
|
525
|
+
animation: svelte-17ly5gn-wheelDrop 1100ms cubic-bezier(0.16, 0.92, 0.23, 1.18) both;filter:drop-shadow(0 18px 25px rgba(0, 0, 0, 0.42));} .DropWrap::before {content:"";position:absolute;z-index:0;left:50%;top:55.1%;width:88%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle, rgba(255, 236, 96, 0.56) 0 18%, rgba(255, 198, 35, 0.34) 36%, rgba(255, 152, 21, 0.18) 56%, transparent 74%);filter:blur(28px);opacity:0.68;transform:scale(0.96);
|
|
526
|
+
animation: svelte-17ly5gn-frameGlowBreath 3600ms ease-in-out infinite;} .WheelDisc {position:absolute;z-index:1;width:59%;aspect-ratio:1;left:50%;top:54%;translate:-50% -50%;border-radius:50%;overflow:hidden;background:radial-gradient(circle, #8c4b05 0 4%, #3b2008 4.5% 100%);box-shadow:inset 0 0 0 9px rgba(255, 236, 159, 0.58), inset 0 0 0 17px rgba(121, 65, 15, 0.92), inset 0 0 30px rgba(0, 0, 0, 0.38), 0 0 28px var(--color-overlay-primary-3, rgba(255, 183, 36, 0.28));will-change:transform;touch-action:none;} .SegmentsSvg {width:100%;height:100%;display:block;} .segment {stroke:rgba(255, 236, 151, 0.66);stroke-width:0.018;stroke-linejoin:round;vector-effect:non-scaling-stroke;} .segment-surface-depth {fill:rgba(47, 13, 0, 0.22);opacity:0.82;mix-blend-mode:multiply;pointer-events:none;} .segment-surface-shine {fill:rgba(255, 255, 255, 0.1);mix-blend-mode:plus-lighter;pointer-events:none;} .segment-edge-shadow {fill:none;stroke:rgba(65, 27, 0, 0.32);stroke-width:0.021;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-edge-light {fill:none;stroke:rgba(255, 250, 198, 0.48);stroke-width:0.007;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-label {pointer-events:none;user-select:none;font-weight:950;letter-spacing:0.035em;fill:#fff8d6;paint-order:stroke;stroke:rgba(76, 18, 0, 0.76);stroke-width:0.012;stroke-linejoin:round;} .segment-hit-fill,
|
|
527
|
+
.segment-hit-sheen,
|
|
528
|
+
.segment-hit-edge,
|
|
529
|
+
.segment-hit-spark-edge {pointer-events:none;transform-box:fill-box;transform-origin:center;} .segment-hit-fill {fill:rgb(255, 244, 145);filter:drop-shadow(0 0 4px rgba(255, 231, 93, 0.74));
|
|
530
|
+
animation: svelte-17ly5gn-prizeFillGlow 6400ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .segment-hit-edge {fill:none;stroke:rgba(255, 252, 211, 0.98);stroke-width:0.05;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(255, 245, 174, 0.94)) drop-shadow(0 0 8px rgba(255, 154, 28, 0.62));
|
|
531
|
+
animation: svelte-17ly5gn-prizeEdgePulse 6400ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .segment-hit-spark-edge {fill:none;stroke:rgba(255, 185, 44, 0.7);stroke-width:0.008;stroke-linejoin:round;stroke-dasharray:0.048 0.031;filter:drop-shadow(0 0 4px var(--color-overlay-primary-5, rgba(255, 210, 58, 0.6)));
|
|
532
|
+
animation: svelte-17ly5gn-prizeDashDance 6400ms linear both;} .Outer {position:absolute;z-index:3;inset:0;width:75%;height:100%;left:12.5%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 0 18px var(--color-overlay-primary-5, rgba(255, 160, 0, 0.65))) drop-shadow(0 0 40px var(--color-overlay-primary-4, rgba(220, 100, 0, 0.35)));} .ButtonGlow {position:absolute;z-index:4;width:38%;aspect-ratio:1;left:50%;top:55.1%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle, rgba(255, 248, 174, 0.94) 0 7%, rgba(255, 209, 54, 0.72) 13%, rgba(255, 48, 78, 0.46) 34%, rgba(255, 122, 23, 0.22) 52%, transparent 72%);filter:blur(10px);
|
|
533
|
+
animation: svelte-17ly5gn-glowPulse 1700ms ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;} .ButtonGlow::before, .ButtonGlow::after {content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle, rgba(255, 239, 127, 0.62), transparent 62%);filter:blur(16px);
|
|
534
|
+
animation: svelte-17ly5gn-glowRing 2300ms ease-in-out infinite;} .ButtonGlow::after {inset:-10%;opacity:0.55;animation-duration:2900ms;animation-delay:-900ms;} .CenterButton {position:absolute;z-index:5;width:17%;left:50%;top:54%;translate:-50% -50%;padding:0;border:none;background:transparent;pointer-events:auto;user-select:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34));transform:scale(1);transform-origin:center;transition:filter 180ms ease, transform 180ms cubic-bezier(0.2, 0.9, 0.22, 1);} .CenterButton img {width:100%;height:auto;display:block;pointer-events:none;} .CenterButton:not(.is-pressing) {
|
|
535
|
+
animation: svelte-17ly5gn-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .CenterButton.is-pressing {
|
|
536
|
+
animation: svelte-17ly5gn-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both;} .CenterButton:hover {filter:drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) brightness(1.05);} .CenterButton:active {transform:scale(0.94);filter:drop-shadow(0 5px 9px rgba(0, 0, 0, 0.32)) brightness(0.98);} .CenterButton:focus-visible {outline:3px solid rgba(255, 237, 126, 0.78);outline-offset:5px;border-radius:50%;} .WheelWrapper.is-spin-active .CenterButton:not(.is-pressing) {
|
|
537
|
+
animation: svelte-17ly5gn-centerButtonSpinBreath 1050ms ease-in-out infinite;} .SessionBadge {position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:8;width:58%;padding:10px 12px;background:rgba(8, 4, 0, 0.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;} .SessionBadge .SessionBadgeTitle {color:#ffffff;font-size:12px;font-weight:700;letter-spacing:0.2px;} .SessionBadge .SessionBadgeBody {color:rgba(255, 255, 255, 0.6509803922);font-size:10px;line-height:1.45;margin:0;} .SessionBadge .SessionBadgeClose {margin-top:8px;padding:4px 14px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);border-radius:6px;color:#ffffff;font-size:11px;font-weight:600;cursor:pointer;transition:background 150ms ease;} .SessionBadge .SessionBadgeClose:hover {background:rgba(255, 255, 255, 0.2);} .WheelLoadingSpinner {position:absolute;top:54%;left:50%;translate:-50% -50%;opacity:0;transition:opacity 300ms ease;pointer-events:none;z-index:10;} .WheelLoadingSpinner::before {content:"";display:block;width:clamp(44px, 11vw, 60px);height:clamp(44px, 11vw, 60px);border-radius:50%;border:2px solid rgba(255, 220, 100, 0.12);border-top-color:rgba(255, 210, 50, 0.65);
|
|
538
|
+
animation: svelte-17ly5gn-wofSpinnerRotate 900ms linear infinite;} .WheelWrapper.is-assets-loading ~ .WheelLoadingSpinner {
|
|
539
|
+
animation: svelte-17ly5gn-wofSpinnerFadeIn 300ms ease 700ms forwards;} .swipe-hint-wrap {position:absolute;inset:0;z-index:8;pointer-events:none;transition:opacity 600ms ease, transform 600ms ease;} .swipe-hint {position:relative;width:100%;height:70%;display:flex;align-items:center;justify-content:center;} .swipe-hand {display:inline-block;font-size:clamp(52px, 14vw, 72px);line-height:1;filter:drop-shadow(0 4px 14px rgba(0, 0, 0, 0.873));transform-origin:50% 80%;
|
|
540
|
+
animation: svelte-17ly5gn-swipeHandAcross 3000ms ease-in-out infinite;} .swipe-label {position:absolute;bottom:9%;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;padding:clamp(5px, 1.5vw, 6px) clamp(11px, 3.3vw, 14px);border-radius:999px;background:rgba(0, 0, 0, 0.739);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 9px 20px rgba(0, 18, 40, 0.2);backdrop-filter:blur(2px);} .swipe-text {color:rgba(238, 246, 255, 0.78);font-size:clamp(12px, 3.1vw, 14px);font-weight:750;text-shadow:0 2px 7px rgba(0, 21, 45, 0.55);white-space:nowrap;} .swipe-hint-wrap.hidden {opacity:0;transform:translateY(-12px);pointer-events:none;}
|
|
541
|
+
@media (pointer: coarse), (max-width: 640px) { .WheelWrapper {
|
|
542
|
+
animation: none !important;filter:none;transform:translateZ(0);will-change:transform;} .WheelWrapper::before, .WheelWrapper::after {
|
|
543
|
+
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 {
|
|
544
|
+
animation: none !important;filter:none !important;opacity:0 !important;} .SparkleLayer::before,
|
|
545
|
+
.SparkleLayer::after,
|
|
546
|
+
.ButtonGlow,
|
|
547
|
+
.ButtonGlow::before,
|
|
548
|
+
.ButtonGlow::after {
|
|
549
|
+
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,
|
|
550
|
+
.segment-hit-edge,
|
|
551
|
+
.segment-hit-spark-edge,
|
|
552
|
+
.sparkle,
|
|
553
|
+
.confetti,
|
|
554
|
+
.CenterButton {filter:none !important;} .segment-hit-fill,
|
|
555
|
+
.segment-hit-edge,
|
|
556
|
+
.segment-hit-spark-edge {animation-duration:1800ms !important;}
|
|
557
|
+
} .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:auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;} .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),
|
|
558
|
+
.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),
|
|
559
|
+
.WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinsInfo,
|
|
560
|
+
.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);
|
|
561
|
+
animation: svelte-17ly5gn-wheelBob 5000ms ease-in-out infinite;will-change:transform;} .SpinsInfo {display:flex;align-items:center;gap:8px;font-size:clamp(14px, 4vw, 19px);font-weight:400;color:var(--color-text-default, rgba(238, 246, 255, 0.86));position:relative;z-index:2;} .SpinsInfo .SpinsCount {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(16px, 4.5vw, 20px);} .CountdownText {color:var(--color-overlay-neutral-4, rgba(255, 255, 255, 0.6509803922));font-size:clamp(13px, 3.8vw, 18px);text-align:center;position:relative;z-index:2;} .CountdownText .TimeSegment {font-variant-numeric:tabular-nums;} .SpinButton {min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-style:italic;font-weight:900;cursor:pointer;position:relative;z-index:2;
|
|
562
|
+
animation: svelte-17ly5gn-spinButtonZoomGlow 1800ms ease-in-out infinite;transform-origin:50% 50%;transition:opacity 260ms ease, transform 160ms ease, filter 160ms ease;} .SpinButton:active {transform:translateY(2px) scale(0.98);animation-play-state:paused;} .SpinButton:disabled {
|
|
563
|
+
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;
|
|
564
|
+
animation: svelte-17ly5gn-drawResultPop 420ms cubic-bezier(0.16, 0.92, 0.22, 1.04) both;} .DrawResultConfettiLayer {position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;} .success-confetti-piece {--x: 50%;--tx: 0px;--rot: 0deg;--spin: 360deg;--hue: #ffd23e;--w: 8px;--h: 12px;--d: 1800ms;position:absolute;left:var(--x);top:-24px;width:var(--w);height:var(--h);border-radius:3px;background:var(--hue);filter:drop-shadow(0 0 5px rgba(255, 218, 74, 0.24));transform-origin:center;
|
|
565
|
+
animation: svelte-17ly5gn-successConfettiFall var(--d) cubic-bezier(0.16, 0.68, 0.2, 1) forwards;} .success-confetti-piece.is-diamond {border-radius:2px;transform:rotate(45deg);} .success-confetti-piece.is-ribbon {border-radius:8px 2px;} .DrawResultStack {width:100%;display:grid;justify-items:center;position:relative;z-index:2;transform:translateY(clamp(16px, 5vw, 30px));} .DrawResultStack img {width:60%;} .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;
|
|
566
|
+
animation: svelte-17ly5gn-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .Coin svg,
|
|
567
|
+
.Coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
|
|
568
|
+
animation: svelte-17ly5gn-prizeCoinFloatZoom 1800ms ease-in-out infinite;} .DrawResultTitle {margin:clamp(18px, 5vw, 26px) 0 clamp(14px, 4vw, 20px);color:var(--color-text-brand, #ffcc00);font-size:clamp(26px, 7.5vw, 36px);line-height:1.05;font-weight:900;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
|
|
569
|
+
animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 250ms both;} .DrawResultCopy {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);
|
|
570
|
+
animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 390ms both;} .DrawResultCopy span {font-size:clamp(15px, 4.1vw, 19px);font-weight:900;} .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);
|
|
571
|
+
animation: svelte-17ly5gn-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 560ms both;} .PrimaryCta {min-width:clamp(148px, 42vw, 210px);min-height:clamp(42px, 10.5vw, 50px);border:none;border-radius:999px;color:var(--color-text-button-primary, #261d00);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4vw, 19px);font-style:italic;font-weight:900;cursor:pointer;padding:0 20px;transition:transform 160ms ease, filter 160ms ease;} .PrimaryCta:hover {filter:brightness(1.06);transform:translateY(-1px);} .PrimaryCta:active {transform:translateY(2px) scale(0.98);} .SecondaryCta {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));font:inherit;font-size:clamp(13px, 3.4vw, 15px);font-weight:750;cursor:pointer;border:1px solid var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));border-radius:999px;padding:10px 20px;} .ConfirmModalContent {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:70%;height:85%;max-height:500px;padding:10px 12px;background:rgba(8, 4, 0, 0.95);backdrop-filter:blur(16px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;} .ConfirmModalTitle {color:#ffffff;font-size:26px;font-weight:700;letter-spacing:0.2px;margin:0 0 4px;} .ConfirmModalBody {color:rgba(255, 255, 255, 0.6509803922);font-size:14px;font-style:italic;line-height:1.45;margin:0 0 10px;} .ConfirmModalActions {display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;} .ConfirmModalActions button {width:fit-content;}
|
|
572
|
+
@media (prefers-reduced-motion: reduce) { .Coin,
|
|
573
|
+
.DrawResultTitle,
|
|
574
|
+
.DrawResultCopy,
|
|
575
|
+
.DrawResultActions {opacity:1;transform:none;filter:none;} .Coin svg,
|
|
576
|
+
.Coin img {
|
|
577
|
+
animation: none;} .success-confetti-piece {
|
|
578
|
+
animation: none;}
|
|
579
|
+
}`
|
|
580
|
+
};
|
|
581
|
+
function Ye(E, p) {
|
|
582
|
+
we(p, !0), ke(E, Fe);
|
|
583
|
+
const v = () => De(Ae, "$_", ee), [ee, ne] = Ge();
|
|
584
|
+
We.extend(he);
|
|
585
|
+
const o = f(p, "program", 7, null), c = f(p, "endpoint", 7, null), b = f(p, "session", 7, null), L = f(p, "outerWheelAsset", 7, null), T = f(p, "wheelButtonAsset", 7, null), P = f(p, "language", 7, "en"), h = G(() => !c() || !o()), te = G(() => {
|
|
586
|
+
var e, t;
|
|
587
|
+
return !n(h) && ((t = (e = o()) == null ? void 0 : e.remainingTimes) != null ? t : 0) > 0;
|
|
588
|
+
}), re = G(() => {
|
|
589
|
+
var e, t;
|
|
590
|
+
return n(h) ? Re : (t = (e = o()) == null ? void 0 : e.partitions) != null ? t : [];
|
|
591
|
+
}), d = ["history", "play", "rules"];
|
|
592
|
+
let g = Y(Be(d[1]));
|
|
593
|
+
const ae = (e) => _(g, e, !0);
|
|
594
|
+
let s = Y(null), R = Y(!1);
|
|
595
|
+
const oe = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), se = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), M = (e) => {
|
|
596
|
+
if (e.data)
|
|
597
|
+
switch (e.data.type) {
|
|
598
|
+
case "SpinAgain":
|
|
599
|
+
case "BackToWheel":
|
|
600
|
+
_(s, null);
|
|
601
|
+
break;
|
|
602
|
+
}
|
|
603
|
+
};
|
|
604
|
+
ze(() => (window.addEventListener("message", M), () => {
|
|
605
|
+
window.removeEventListener("message", M);
|
|
606
|
+
}));
|
|
607
|
+
var ie = {
|
|
608
|
+
get program() {
|
|
609
|
+
return o();
|
|
610
|
+
},
|
|
611
|
+
set program(e = null) {
|
|
612
|
+
o(e), u();
|
|
613
|
+
},
|
|
614
|
+
get endpoint() {
|
|
615
|
+
return c();
|
|
616
|
+
},
|
|
617
|
+
set endpoint(e = null) {
|
|
618
|
+
c(e), u();
|
|
619
|
+
},
|
|
620
|
+
get session() {
|
|
621
|
+
return b();
|
|
622
|
+
},
|
|
623
|
+
set session(e = null) {
|
|
624
|
+
b(e), u();
|
|
625
|
+
},
|
|
626
|
+
get outerWheelAsset() {
|
|
627
|
+
return L();
|
|
628
|
+
},
|
|
629
|
+
set outerWheelAsset(e = null) {
|
|
630
|
+
L(e), u();
|
|
631
|
+
},
|
|
632
|
+
get wheelButtonAsset() {
|
|
633
|
+
return T();
|
|
634
|
+
},
|
|
635
|
+
set wheelButtonAsset(e = null) {
|
|
636
|
+
T(e), u();
|
|
637
|
+
},
|
|
638
|
+
get language() {
|
|
639
|
+
return P();
|
|
640
|
+
},
|
|
641
|
+
set language(e = "en") {
|
|
642
|
+
P(e), u();
|
|
643
|
+
}
|
|
644
|
+
}, w = je();
|
|
645
|
+
let X;
|
|
646
|
+
var x = l(w);
|
|
647
|
+
let Z;
|
|
648
|
+
x.__click = se;
|
|
649
|
+
var O = m(l(x), 2), le = l(O, !0);
|
|
650
|
+
a(O), a(x);
|
|
651
|
+
var k = m(x, 2);
|
|
652
|
+
let q;
|
|
653
|
+
var H = l(k), pe = l(H, !0);
|
|
654
|
+
a(H);
|
|
655
|
+
var N = m(H, 2), ce = l(N, !0);
|
|
656
|
+
a(N), a(k);
|
|
657
|
+
var W = m(k, 2);
|
|
658
|
+
let V;
|
|
659
|
+
Ce(W, 20, () => d, (e) => e, (e, t) => {
|
|
660
|
+
var r = He();
|
|
661
|
+
let z;
|
|
662
|
+
r.__click = () => ae(t);
|
|
663
|
+
var j = l(r, !0);
|
|
664
|
+
a(r), K(
|
|
665
|
+
(i) => {
|
|
666
|
+
z = y(r, 1, "Tab svelte-17ly5gn", null, z, { Active: n(g) === t }), D(j, i);
|
|
667
|
+
},
|
|
668
|
+
[() => v()(t)]
|
|
669
|
+
), A(e, r);
|
|
670
|
+
}), a(W);
|
|
671
|
+
var B = m(W, 2);
|
|
672
|
+
let J;
|
|
673
|
+
var de = l(B);
|
|
674
|
+
xe(de, {
|
|
675
|
+
get program() {
|
|
676
|
+
return o();
|
|
677
|
+
},
|
|
678
|
+
get endpoint() {
|
|
679
|
+
return c();
|
|
680
|
+
},
|
|
681
|
+
get session() {
|
|
682
|
+
return b();
|
|
683
|
+
},
|
|
684
|
+
get outerWheelAsset() {
|
|
685
|
+
return L();
|
|
686
|
+
},
|
|
687
|
+
get wheelButtonAsset() {
|
|
688
|
+
return T();
|
|
689
|
+
},
|
|
690
|
+
get wheelSlices() {
|
|
691
|
+
return n(re);
|
|
692
|
+
},
|
|
693
|
+
get isPlaceholder() {
|
|
694
|
+
return n(h);
|
|
695
|
+
},
|
|
696
|
+
get isWheelAvailable() {
|
|
697
|
+
return n(te);
|
|
698
|
+
},
|
|
699
|
+
onLogin: oe,
|
|
700
|
+
get spinResults() {
|
|
701
|
+
return n(s);
|
|
702
|
+
},
|
|
703
|
+
set spinResults(e) {
|
|
704
|
+
_(s, e, !0);
|
|
705
|
+
},
|
|
706
|
+
get spinActive() {
|
|
707
|
+
return n(R);
|
|
708
|
+
},
|
|
709
|
+
set spinActive(e) {
|
|
710
|
+
_(R, e, !0);
|
|
711
|
+
}
|
|
712
|
+
}), a(B);
|
|
713
|
+
var ge = m(B, 2);
|
|
714
|
+
{
|
|
715
|
+
var fe = (e) => {
|
|
716
|
+
Te(e, {
|
|
717
|
+
get result() {
|
|
718
|
+
return n(s);
|
|
719
|
+
},
|
|
720
|
+
get endpoint() {
|
|
721
|
+
return c();
|
|
722
|
+
},
|
|
723
|
+
get session() {
|
|
724
|
+
return b();
|
|
725
|
+
}
|
|
726
|
+
});
|
|
727
|
+
}, me = (e) => {
|
|
728
|
+
var t = Q(), r = U(t);
|
|
729
|
+
{
|
|
730
|
+
var z = (i) => {
|
|
731
|
+
{
|
|
732
|
+
let C = G(() => {
|
|
733
|
+
var S;
|
|
734
|
+
return (S = o()) == null ? void 0 : S.id;
|
|
735
|
+
});
|
|
736
|
+
Le(i, {
|
|
737
|
+
get programId() {
|
|
738
|
+
return n(C);
|
|
739
|
+
},
|
|
740
|
+
get endpoint() {
|
|
741
|
+
return c();
|
|
742
|
+
},
|
|
743
|
+
get session() {
|
|
744
|
+
return b();
|
|
745
|
+
}
|
|
746
|
+
});
|
|
747
|
+
}
|
|
748
|
+
}, j = (i) => {
|
|
749
|
+
var C = Q(), S = U(C);
|
|
750
|
+
{
|
|
751
|
+
var be = (F) => {
|
|
752
|
+
Pe(F, {
|
|
753
|
+
get program() {
|
|
754
|
+
return o();
|
|
755
|
+
},
|
|
756
|
+
get language() {
|
|
757
|
+
return P();
|
|
758
|
+
}
|
|
759
|
+
});
|
|
760
|
+
};
|
|
761
|
+
I(
|
|
762
|
+
S,
|
|
763
|
+
(F) => {
|
|
764
|
+
n(g) === d[2] && F(be);
|
|
765
|
+
},
|
|
766
|
+
!0
|
|
767
|
+
);
|
|
768
|
+
}
|
|
769
|
+
A(i, C);
|
|
770
|
+
};
|
|
771
|
+
I(
|
|
772
|
+
r,
|
|
773
|
+
(i) => {
|
|
774
|
+
n(g) === d[0] ? i(z) : i(j, !1);
|
|
775
|
+
},
|
|
776
|
+
!0
|
|
777
|
+
);
|
|
778
|
+
}
|
|
779
|
+
A(e, t);
|
|
780
|
+
};
|
|
781
|
+
I(ge, (e) => {
|
|
782
|
+
n(s) ? e(fe) : e(me, !1);
|
|
783
|
+
});
|
|
784
|
+
}
|
|
785
|
+
a(w), K(
|
|
786
|
+
(e, t, r) => {
|
|
787
|
+
X = y(w, 1, "WheelContent svelte-17ly5gn", null, X, {
|
|
788
|
+
WheelBackgroundHalo: n(g) === d[1],
|
|
789
|
+
"is-spin-fullscreen": n(R)
|
|
790
|
+
}), Z = y(x, 1, "BackButtonContainer svelte-17ly5gn", null, Z, { Hidden: n(h) }), D(le, e), q = y(k, 1, "WofTitle svelte-17ly5gn", null, q, { Hidden: n(s) }), D(pe, t), D(ce, r), V = y(W, 1, "WofTabs svelte-17ly5gn", null, V, { Hidden: n(h) || n(s) }), J = Se(B, "", J, {
|
|
791
|
+
display: n(g) !== d[1] || n(s) ? "none" : "contents"
|
|
792
|
+
});
|
|
793
|
+
},
|
|
794
|
+
[
|
|
795
|
+
() => v()("backToHub"),
|
|
796
|
+
() => v()("wofTitle"),
|
|
797
|
+
() => v()("wofSubtitle")
|
|
798
|
+
]
|
|
799
|
+
), A(E, w);
|
|
800
|
+
var ue = _e(ie);
|
|
801
|
+
return ne(), ue;
|
|
802
|
+
}
|
|
803
|
+
ye(["click"]);
|
|
804
|
+
customElements.define("wheel-of-fortune", ve(
|
|
805
|
+
Ye,
|
|
806
|
+
{
|
|
807
|
+
program: {},
|
|
808
|
+
endpoint: {},
|
|
809
|
+
session: {},
|
|
810
|
+
outerWheelAsset: {},
|
|
811
|
+
wheelButtonAsset: {},
|
|
812
|
+
language: {}
|
|
813
|
+
},
|
|
814
|
+
[],
|
|
815
|
+
[],
|
|
816
|
+
!1
|
|
817
|
+
));
|
|
818
|
+
export {
|
|
819
|
+
Ye as W
|
|
820
|
+
};
|