@everymatrix/mini-games-hub 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/components/{GameCard-8XBwX5mB.js → GameCard-DTz2IEhm.js} +27 -29
  2. package/components/GameCard-Dfgtrwdb.cjs +3 -0
  3. package/components/{GameCard-SP2WkMe4.js → GameCard-sNqb2_mR.js} +27 -29
  4. package/components/{MiniGamesHub-DKkDXC81.cjs → MiniGamesHub-3XlqpfV_.cjs} +5 -5
  5. package/components/{MiniGamesHub-BEAlx3WE.js → MiniGamesHub-DTPiOtNT.js} +318 -286
  6. package/components/{MiniGamesHub-CrRIFbj_.js → MiniGamesHub-iX9t9vSW.js} +261 -249
  7. package/components/{WheelOfFortune-B7NMoATV.js → WheelOfFortune-BKUcclpm.js} +197 -164
  8. package/components/{WheelOfFortune-0yZoHYHH.js → WheelOfFortune-CbvJZO8-.js} +184 -151
  9. package/components/{WheelOfFortune-BxbFigrE.cjs → WheelOfFortune-DgAgnR_Q.cjs} +27 -6
  10. package/components/WheelOfFortuneDrawResults-AskDnOA6.cjs +1 -0
  11. package/components/WheelOfFortuneDrawResults-C9BcE4Kr.js +262 -0
  12. package/components/WheelOfFortuneDrawResults-DnQPGIPX.js +237 -0
  13. package/components/WheelOfFortuneHistory-BA977Hfx.js +230 -0
  14. package/components/WheelOfFortuneHistory-CT-5jtfe.js +230 -0
  15. package/components/WheelOfFortuneHistory-uP606zLS.cjs +13 -0
  16. package/components/{WheelOfFortuneRules-BI3iP5jZ.js → WheelOfFortuneRules-C16Md0m_.js} +64 -64
  17. package/components/WheelOfFortuneRules-DQcA-d8i.js +128 -0
  18. package/components/WheelOfFortuneRules-zVRcNYIv.cjs +5 -0
  19. package/components/WheelOfFortuneWheel-6j7QTrsf.cjs +3 -0
  20. package/components/WheelOfFortuneWheel-BvI-fAML.js +1980 -0
  21. package/components/WheelOfFortuneWheel-CCmzx2yj.js +1910 -0
  22. package/components/{constants-syi43uVY.js → constants-CWz8CXw2.js} +1 -1
  23. package/components/{constants-B5BwgkMh.cjs → constants-DM6Vdc6Z.cjs} +1 -1
  24. package/components/{sparkles-DMNeGYKa.cjs → sparkles-BnriHiyw.cjs} +1 -1
  25. package/components/{sparkles-Br3hNIM6.js → sparkles-BzZDomk7.js} +1 -1
  26. package/components/{sparkles-CsUJD5iK.js → sparkles-C9wObsYC.js} +1 -1
  27. package/components/{spin-controller-BfbakdA_.js → spin-controller-BjXSz9Me.js} +53 -52
  28. package/components/{spin-controller-Y0nB76qX.js → spin-controller-CETKYiGM.js} +51 -50
  29. package/components/spin-controller-q2CuZMYj.cjs +1 -0
  30. package/components/utils-B53aGsNG.js +6095 -0
  31. package/components/utils-C0oX5v1l.js +6141 -0
  32. package/components/utils-Du65tqU5.cjs +3 -0
  33. package/es2015/mini-games-hub.cjs +1 -1
  34. package/es2015/mini-games-hub.js +1 -1
  35. package/esnext/mini-games-hub.js +1 -1
  36. package/package.json +3 -1
  37. package/components/GameCard-B2Vf_Okb.cjs +0 -3
  38. package/components/GameCard-B2dUYs8D.cjs +0 -3
  39. package/components/GameCard-Bx4TWFNT.js +0 -58
  40. package/components/GameCard-CKlgiS66.cjs +0 -3
  41. package/components/GameCard-DX4XDT2r.js +0 -58
  42. package/components/GameCard-DXX0iD0Z.js +0 -58
  43. package/components/GameCard-Dfi3jlxs.js +0 -58
  44. package/components/GameCard-FmSc9xvG.js +0 -58
  45. package/components/GameCard-lPup4pYJ.js +0 -58
  46. package/components/GameCard-txJxZVfs.cjs +0 -3
  47. package/components/MiniGamesHub-BBCzOhms.js +0 -1269
  48. package/components/MiniGamesHub-BaAiz62L.cjs +0 -94
  49. package/components/MiniGamesHub-BbJIrcsb.cjs +0 -28
  50. package/components/MiniGamesHub-C6Nsfrqn.js +0 -1369
  51. package/components/MiniGamesHub-CLinNS2-.js +0 -1288
  52. package/components/MiniGamesHub-DXmod0OW.cjs +0 -94
  53. package/components/MiniGamesHub-DZHG1XwH.js +0 -1357
  54. package/components/MiniGamesHub-Db8-msnK.js +0 -1338
  55. package/components/MiniGamesHub-DxW3lK75.js +0 -1369
  56. package/components/WheelOfFortune-B-sa8npV.cjs +0 -572
  57. package/components/WheelOfFortune-CdsgfPZg.js +0 -829
  58. package/components/WheelOfFortune-Cfe5KhF-.cjs +0 -588
  59. package/components/WheelOfFortune-Cm-9CaHf.cjs +0 -570
  60. package/components/WheelOfFortune-DDfYKRzu.js +0 -862
  61. package/components/WheelOfFortune-DpMvjI6_.js +0 -811
  62. package/components/WheelOfFortune-Dtoep2n2.js +0 -852
  63. package/components/WheelOfFortune-cD7JyRL5.js +0 -820
  64. package/components/WheelOfFortune-u__JAdi_.js +0 -820
  65. package/components/WheelOfFortuneDrawResults-3S77J9M5.js +0 -292
  66. package/components/WheelOfFortuneDrawResults-B2L6I4Po.cjs +0 -1
  67. package/components/WheelOfFortuneDrawResults-B6RkAQ_i.cjs +0 -1
  68. package/components/WheelOfFortuneDrawResults-BRgQ0mTi.js +0 -261
  69. package/components/WheelOfFortuneDrawResults-BZAetM0L.js +0 -238
  70. package/components/WheelOfFortuneDrawResults-C0J_0fRE.cjs +0 -1
  71. package/components/WheelOfFortuneDrawResults-CKkYMVLn.js +0 -317
  72. package/components/WheelOfFortuneDrawResults-CvyqGbQG.js +0 -292
  73. package/components/WheelOfFortuneDrawResults-DIO74xIg.js +0 -317
  74. package/components/WheelOfFortuneDrawResults-D_QT2RDK.cjs +0 -1
  75. package/components/WheelOfFortuneDrawResults-WD4ZaXdI.js +0 -261
  76. package/components/WheelOfFortuneDrawResults-XiJyW5cc.js +0 -238
  77. package/components/WheelOfFortuneHistory-3lEfr9Yn.cjs +0 -13
  78. package/components/WheelOfFortuneHistory-BE1mGyJn.js +0 -233
  79. package/components/WheelOfFortuneHistory-BagUH_Pn.js +0 -233
  80. package/components/WheelOfFortuneHistory-BpfmGEE1.js +0 -233
  81. package/components/WheelOfFortuneHistory-C_EX6Ecx.js +0 -233
  82. package/components/WheelOfFortuneHistory-CgWvWb5r.js +0 -233
  83. package/components/WheelOfFortuneHistory-CldOJOup.js +0 -233
  84. package/components/WheelOfFortuneHistory-D9EVcaH2.js +0 -233
  85. package/components/WheelOfFortuneHistory-DQ7yysUE.cjs +0 -13
  86. package/components/WheelOfFortuneHistory-DoYx_EbF.js +0 -233
  87. package/components/WheelOfFortuneHistory-mbWa96d6.cjs +0 -13
  88. package/components/WheelOfFortuneHistory-tcBNosXj.cjs +0 -13
  89. package/components/WheelOfFortuneRules-3Pnc2tv_.cjs +0 -5
  90. package/components/WheelOfFortuneRules-ByuqEg7o.js +0 -128
  91. package/components/WheelOfFortuneRules-CD5FcLZh.js +0 -117
  92. package/components/WheelOfFortuneRules-CS1AnNsi.cjs +0 -5
  93. package/components/WheelOfFortuneRules-DEln64Ys.js +0 -117
  94. package/components/WheelOfFortuneRules-DTZ61azL.js +0 -128
  95. package/components/WheelOfFortuneRules-DUjXad1Z.cjs +0 -5
  96. package/components/WheelOfFortuneRules-Dp6015wP.cjs +0 -5
  97. package/components/WheelOfFortuneRules-ICYWgDZn.js +0 -128
  98. package/components/WheelOfFortuneRules-Sa4GsYQ7.js +0 -117
  99. package/components/WheelOfFortuneRules-ssp6aAUp.js +0 -128
  100. package/components/WheelOfFortuneWheel-76dShj7s.cjs +0 -1
  101. package/components/WheelOfFortuneWheel-B-3ALU8u.js +0 -632
  102. package/components/WheelOfFortuneWheel-B0P_kjVI.js +0 -599
  103. package/components/WheelOfFortuneWheel-C2yIQKzY.js +0 -598
  104. package/components/WheelOfFortuneWheel-C6o9ZPV4.js +0 -598
  105. package/components/WheelOfFortuneWheel-JKN_P3ES.cjs +0 -1
  106. package/components/WheelOfFortuneWheel-LXdY_AV0.js +0 -633
  107. package/components/WheelOfFortuneWheel-R5JZFn6S.js +0 -643
  108. package/components/WheelOfFortuneWheel-j83OpEdj.cjs +0 -1
  109. package/components/WheelOfFortuneWheel-jv0TkAX_.js +0 -632
  110. package/components/WheelOfFortuneWheel-le2uV09t.js +0 -609
  111. package/components/WheelOfFortuneWheel-rP-wIp2j.cjs +0 -1
  112. package/components/bonus-BcSq5fV_.cjs +0 -1
  113. package/components/bonus-BroDvSJR.js +0 -4
  114. package/components/coin-DetgSMGn.js +0 -4
  115. package/components/coin-dEAbLQma.cjs +0 -1
  116. package/components/loyalty-Bf3uaVFP.js +0 -4
  117. package/components/loyalty-XDJlZgzx.cjs +0 -1
  118. package/components/noprize-BJ-U8c5U.cjs +0 -1
  119. package/components/noprize-DQHyTDC0.js +0 -4
  120. package/components/role-Bxkn_4_S.cjs +0 -1
  121. package/components/role-CNEtykLr.js +0 -4
  122. package/components/spin-controller-Do0l1eeX.cjs +0 -1
  123. package/components/ticket-DP0fQfPa.cjs +0 -1
  124. package/components/ticket-DcOVRE_N.js +0 -4
  125. package/components/tournament-8UbfkV5I.cjs +0 -1
  126. package/components/tournament-BtKf5Btm.js +0 -4
  127. package/components/utils-BCvapeyS.cjs +0 -5
  128. package/components/utils-CG5ADU6a.cjs +0 -5
  129. package/components/utils-COXr0j7Z.js +0 -6803
  130. package/components/utils-CbMHM9Bv.js +0 -6831
  131. package/components/utils-ClIENp93.js +0 -6906
  132. package/components/utils-Cun_uLlb.js +0 -6890
  133. package/components/utils-D6FQ3_dW.cjs +0 -5
  134. package/components/utils-De4h5fhB.js +0 -6918
  135. package/components/utils-DrFJq1GB.js +0 -6819
@@ -1,862 +0,0 @@
1
- import { d as xe, W as ve } from "./WheelOfFortuneWheel-LXdY_AV0.js";
2
- import { d as we, e as ye, p as ke, U as We, f as Be, h as d, s as I, i as ze, V as Ce, n as x, E as c, q as Se, k as D, j as n, m as M, t as N, r as y, w as A, Y as _e, x as G, y as De, H as ee, M as L, z as Ae, A as Ge, D as m, B as Le, L as o, G as Q, l as $ } from "./utils-De4h5fhB.js";
3
- import { W as Re } from "./WheelOfFortuneHistory-DoYx_EbF.js";
4
- import { W as Te } from "./WheelOfFortuneDrawResults-CKkYMVLn.js";
5
- import { W as Pe } from "./WheelOfFortuneRules-DTZ61azL.js";
6
- import { p as He } from "./constants-syi43uVY.js";
7
- var je = ee("<button> </button>"), Ye = ee('<div><button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1eh22ef"><path d="M6.41602 0.508789C6.52096 0.508793 6.59652 0.539241 6.66797 0.602539C6.7386 0.67644 6.76557 0.747068 6.76562 0.837891C6.76562 0.932337 6.7377 1.00571 6.66113 1.08203H6.66016L2.52344 5.21777L1.6543 6.08691H12.3633C12.475 6.08691 12.5456 6.11894 12.6084 6.18164C12.6712 6.24445 12.7034 6.31429 12.7031 6.4248C12.7029 6.53664 12.67 6.60779 12.6064 6.67188C12.5449 6.73387 12.4767 6.76611 12.3662 6.76562H1.6543L2.52344 7.63477L6.68066 11.791C6.75777 11.8681 6.77865 11.933 6.77637 12.0098C6.77383 12.0944 6.7457 12.1683 6.66797 12.249C6.58857 12.3195 6.50864 12.3512 6.40918 12.3545C6.33349 12.357 6.26929 12.3368 6.19238 12.2598L0.592773 6.66016C0.553631 6.62101 0.537222 6.59146 0.530273 6.57227C0.516661 6.53445 0.508264 6.48865 0.508789 6.43164C0.509411 6.36947 0.519283 6.31813 0.53418 6.27539C0.539753 6.25947 0.553255 6.23167 0.591797 6.19336L6.19238 0.592773C6.24602 0.539241 6.30834 0.508789 6.41602 0.508789Z" stroke="white" stroke-width="1.018" class="svelte-1eh22ef"></path></svg> <p class="svelte-1eh22ef"> </p></button> <div><h3 class="svelte-1eh22ef"> </h3> <p class="svelte-1eh22ef"> </p></div> <div></div> <div class="svelte-1eh22ef"><!></div> <!></div>');
8
- const Fe = {
9
- hash: "svelte-1eh22ef",
10
- code: `@keyframes svelte-1eh22ef-wheelBob {
11
- 0%, 100% {
12
- transform: translateY(0);
13
- }
14
- 50% {
15
- transform: translateY(-10px);
16
- }
17
- }
18
- @keyframes svelte-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-buttonBreath {
368
- 0%, 100% {
369
- transform: scale(1);
370
- }
371
- 50% {
372
- transform: scale(1.035);
373
- }
374
- }
375
- @keyframes svelte-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-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-1eh22ef-wofSpinnerFadeIn {
442
- to {
443
- opacity: 1;
444
- }
445
- }
446
- @keyframes svelte-1eh22ef-wofSpinnerRotate {
447
- to {
448
- transform: rotate(360deg);
449
- }
450
- }
451
- @keyframes svelte-1eh22ef-titleSparkle {
452
- 0% {
453
- opacity: 0;
454
- transform: scale(0.2) rotate(0deg);
455
- }
456
- 40% {
457
- opacity: 1;
458
- transform: scale(1.4) rotate(35deg);
459
- }
460
- 100% {
461
- opacity: 0;
462
- transform: scale(0.6) translateY(-20px) rotate(75deg);
463
- }
464
- }
465
- @keyframes svelte-1eh22ef-drawResultPop {
466
- 0% {
467
- opacity: 0;
468
- transform: scale(0.92) translateY(8px);
469
- }
470
- 62% {
471
- opacity: 1;
472
- transform: scale(1.016) translateY(-2px);
473
- }
474
- 100% {
475
- opacity: 1;
476
- transform: scale(1) translateY(0);
477
- }
478
- }
479
- @keyframes svelte-1eh22ef-successElementIn {
480
- 0% {
481
- opacity: 0;
482
- transform: translate3d(0, 18px, 0) scale(0.98);
483
- filter: blur(3px);
484
- }
485
- 70% {
486
- opacity: 1;
487
- transform: translate3d(0, -2px, 0) scale(1.01);
488
- filter: blur(0);
489
- }
490
- 100% {
491
- opacity: 1;
492
- transform: translate3d(0, 0, 0) scale(1);
493
- filter: blur(0);
494
- }
495
- }
496
- @keyframes svelte-1eh22ef-successConfettiFall {
497
- 0% {
498
- opacity: 0;
499
- transform: translate3d(-50%, -18px, 0) rotate(var(--rot)) scale(0.62);
500
- }
501
- 9% {
502
- opacity: 1;
503
- }
504
- 46% {
505
- opacity: 0.96;
506
- transform: translate3d(calc(-50% + var(--tx) * 0.55), 48vh, 0) rotate(calc(var(--rot) + var(--spin) * 0.52)) scale(1);
507
- }
508
- 100% {
509
- opacity: 0;
510
- transform: translate3d(calc(-50% + var(--tx)), 108vh, 0) rotate(calc(var(--rot) + var(--spin))) scale(0.86);
511
- }
512
- }
513
- @keyframes svelte-1eh22ef-prizeCoinFloatZoom {
514
- 0%, 100% {
515
- transform: translate3d(0, 0, 0) scale(1);
516
- }
517
- 50% {
518
- transform: translate3d(0, -8px, 0) scale(1.065);
519
- }
520
- }
521
- @media (prefers-reduced-motion: reduce) { .WheelWrapper,
522
- .WheelWrapper::before,
523
- .WheelWrapper::after,
524
- .DropWrap,
525
- .WheelDisc,
526
- .CenterButton,
527
- .ButtonGlow,
528
- .SpinButton {
529
- animation: none !important;}
530
- } .WheelWrapper {position:relative;isolation:isolate;width:100%;aspect-ratio:726/720;cursor:grab;transform-origin:50% 55%;
531
- animation: svelte-1eh22ef-stageFloat 6400ms ease-in-out infinite;will-change:transform, filter;} .WheelWrapper.is-assets-loading {opacity:0;pointer-events:none;} .WheelWrapper.is-assets-loading .DropWrap {animation-play-state:paused;} .WheelWrapper::before, .WheelWrapper::after {content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:0;} .WheelWrapper::before {inset:5% 0 3%;opacity:0.54;transform:scale(0.96);background:radial-gradient(circle at 50% 52%, rgba(255, 234, 113, 0.46) 0 14%, rgba(255, 147, 28, 0.24) 30%, rgba(255, 36, 76, 0.15) 48%, transparent 68%);filter:blur(26px);
532
- animation: svelte-1eh22ef-stageGlow 3900ms ease-in-out infinite;} .WheelWrapper::after {inset:15% 10% 8%;opacity:0.16;transform:scale(0.88) rotate(-8deg);border:1px solid rgba(255, 236, 148, 0.32);box-shadow:0 0 44px var(--color-overlay-primary-3, rgba(255, 191, 46, 0.28)), inset 0 0 32px rgba(255, 54, 83, 0.16);
533
- animation: svelte-1eh22ef-glowOrbit 5600ms ease-in-out infinite;} .WheelWrapper.is-dragging, .WheelWrapper.is-dragging::before, .WheelWrapper.is-dragging::after {animation-play-state:paused;} .WheelWrapper:active {cursor:grabbing;} .WheelWrapper.is-spinning::before {
534
- animation: svelte-1eh22ef-spinGlowPop 920ms cubic-bezier(0.12, 0.92, 0.22, 1) both;} .WheelWrapper.is-prize-hit::before {
535
- animation: svelte-1eh22ef-prizeStageGlow 3600ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .WheelWrapper.Blurred .WheelDisc {filter:blur(3px);} .WheelWrapper.Blurred .ButtonGlow {opacity:0 !important;
536
- 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,
537
- .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;
538
- animation: svelte-1eh22ef-confettiFirework var(--d) cubic-bezier(0.08, 0.82, 0.12, 1) forwards;} .sparkle {aspect-ratio:1;height:auto;border-radius:50%;background:radial-gradient(circle, #fffdf0 0 15%, #fff175 23% 42%, rgba(255, 96, 28, 0.86) 54%, transparent 73%);} .sparkle::after {content:"";position:absolute;inset:-92%;background:linear-gradient(90deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%), linear-gradient(0deg, transparent 43%, rgba(255, 255, 255, 0.58) 49% 51%, transparent 57%);transform:rotate(var(--rot));opacity:0.5;} .confetti.is-diamond {transform:rotate(45deg);} .confetti.is-ribbon {border-radius:8px 2px;} .DropWrap {position:absolute;z-index:2;inset:0;isolation:isolate;transform-origin:50% 55%;
539
- animation: svelte-1eh22ef-wheelDrop 1100ms cubic-bezier(0.16, 0.92, 0.23, 1.18) both;filter:drop-shadow(0 18px 25px rgba(0, 0, 0, 0.42));} .DropWrap::before {content:"";position:absolute;z-index:0;left:50%;top:55.1%;width:88%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle, rgba(255, 236, 96, 0.56) 0 18%, rgba(255, 198, 35, 0.34) 36%, rgba(255, 152, 21, 0.18) 56%, transparent 74%);filter:blur(28px);opacity:0.68;transform:scale(0.96);
540
- animation: svelte-1eh22ef-frameGlowBreath 3600ms ease-in-out infinite;} .WheelDisc {position:absolute;z-index:1;width:59%;aspect-ratio:1;left:50%;top:54%;translate:-50% -50%;border-radius:50%;overflow:hidden;background:radial-gradient(circle, #8c4b05 0 4%, #3b2008 4.5% 100%);box-shadow:inset 0 0 0 9px rgba(255, 236, 159, 0.58), inset 0 0 0 17px rgba(121, 65, 15, 0.92), inset 0 0 30px rgba(0, 0, 0, 0.38), 0 0 28px var(--color-overlay-primary-3, rgba(255, 183, 36, 0.28));will-change:transform;touch-action:none;transform:rotate(var(--wheel-rotation, 0deg));} .SegmentsSvg {width:100%;height:100%;display:block;} .segment {stroke:rgba(255, 236, 151, 0.66);stroke-width:0.018;stroke-linejoin:round;vector-effect:non-scaling-stroke;} .segment-surface-depth {fill:rgba(47, 13, 0, 0.22);opacity:0.82;mix-blend-mode:multiply;pointer-events:none;} .segment-surface-shine {fill:rgba(255, 255, 255, 0.1);mix-blend-mode:plus-lighter;pointer-events:none;} .segment-edge-shadow {fill:none;stroke:rgba(65, 27, 0, 0.32);stroke-width:0.021;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-edge-light {fill:none;stroke:rgba(255, 250, 198, 0.48);stroke-width:0.007;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;} .segment-label {pointer-events:none;user-select:none;font-weight:950;letter-spacing:0.035em;fill:#fff8d6;paint-order:stroke;stroke:rgba(76, 18, 0, 0.76);stroke-width:0.012;stroke-linejoin:round;} .segment-hit-fill,
541
- .segment-hit-sheen,
542
- .segment-hit-edge,
543
- .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));
544
- animation: svelte-1eh22ef-prizeFillGlow 6400ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .segment-hit-edge {fill:none;stroke:rgba(255, 252, 211, 0.98);stroke-width:0.05;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(255, 245, 174, 0.94)) drop-shadow(0 0 8px rgba(255, 154, 28, 0.62));
545
- animation: svelte-1eh22ef-prizeEdgePulse 6400ms cubic-bezier(0.12, 0.92, 0.18, 1) both;} .segment-hit-spark-edge {fill:none;stroke:rgba(255, 185, 44, 0.7);stroke-width:0.008;stroke-linejoin:round;stroke-dasharray:0.048 0.031;filter:drop-shadow(0 0 4px var(--color-overlay-primary-5, rgba(255, 210, 58, 0.6)));
546
- animation: svelte-1eh22ef-prizeDashDance 6400ms linear both;} .Outer {position:absolute;z-index:3;inset:0;width:75%;height:100%;left:12.5%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 0 18px var(--color-overlay-primary-5, rgba(255, 160, 0, 0.65))) drop-shadow(0 0 40px var(--color-overlay-primary-4, rgba(220, 100, 0, 0.35)));} .ButtonGlow {position:absolute;z-index:4;width:38%;aspect-ratio:1;left:50%;top:55.1%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle, rgba(255, 248, 174, 0.94) 0 7%, rgba(255, 209, 54, 0.72) 13%, rgba(255, 48, 78, 0.46) 34%, rgba(255, 122, 23, 0.22) 52%, transparent 72%);filter:blur(10px);
547
- animation: svelte-1eh22ef-glowPulse 1700ms ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;} .ButtonGlow::before, .ButtonGlow::after {content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle, rgba(255, 239, 127, 0.62), transparent 62%);filter:blur(16px);
548
- animation: svelte-1eh22ef-glowRing 2300ms ease-in-out infinite;} .ButtonGlow::after {inset:-10%;opacity:0.55;animation-duration:2900ms;animation-delay:-900ms;} .CenterButton {position:absolute;z-index:5;width:17%;left:50%;top:54%;translate:-50% -50%;padding:0;border:none;background:transparent;pointer-events:auto;user-select:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34));transform:scale(1);transform-origin:center;transition:filter 180ms ease, transform 180ms cubic-bezier(0.2, 0.9, 0.22, 1);} .CenterButton img {width:100%;height:auto;display:block;pointer-events:none;} .CenterButton:not(.is-pressing) {
549
- animation: svelte-1eh22ef-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .CenterButton.is-pressing {
550
- animation: svelte-1eh22ef-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both;} .CenterButton:hover {filter:drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) brightness(1.05);} .CenterButton:active {transform:scale(0.94);filter:drop-shadow(0 5px 9px rgba(0, 0, 0, 0.32)) brightness(0.98);} .CenterButton:focus-visible {outline:3px solid rgba(255, 237, 126, 0.78);outline-offset:5px;border-radius:50%;} .WheelWrapper.is-spin-active .CenterButton:not(.is-pressing) {
551
- animation: svelte-1eh22ef-centerButtonSpinBreath 1050ms ease-in-out infinite;} .SessionBadge {position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:8;width:58%;padding:10px 12px;background:rgba(8, 4, 0, 0.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;} .SessionBadge .SessionBadgeTitle {color:#ffffff;font-size:12px;font-weight:700;letter-spacing:0.2px;} .SessionBadge .SessionBadgeBody {color:rgba(255, 255, 255, 0.6509803922);font-size:10px;line-height:1.45;margin:0;} .SessionBadge .SessionBadgeClose {margin-top:8px;padding:4px 14px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);border-radius:6px;color:#ffffff;font-size:11px;font-weight:600;cursor:pointer;transition:background 150ms ease;} .SessionBadge .SessionBadgeClose:hover {background:rgba(255, 255, 255, 0.2);} .WheelLoadingSpinner {position:absolute;top:54%;left:50%;translate:-50% -50%;opacity:0;transition:opacity 300ms ease;pointer-events:none;z-index:10;} .WheelLoadingSpinner::before {content:"";display:block;width:clamp(44px, 11vw, 60px);height:clamp(44px, 11vw, 60px);border-radius:50%;border:2px solid rgba(255, 220, 100, 0.12);border-top-color:rgba(255, 210, 50, 0.65);
552
- animation: svelte-1eh22ef-wofSpinnerRotate 900ms linear infinite;} .WheelWrapper.is-assets-loading ~ .WheelLoadingSpinner {
553
- animation: svelte-1eh22ef-wofSpinnerFadeIn 300ms ease 700ms forwards;} .swipe-hint-wrap {position:absolute;inset:0;z-index:8;pointer-events:none;transition:opacity 600ms ease, transform 600ms ease;} .swipe-hint {position:relative;width:100%;height:70%;display:flex;align-items:center;justify-content:center;} .swipe-hand {display:inline-block;font-size:clamp(52px, 14vw, 72px);line-height:1;filter:drop-shadow(0 4px 14px rgba(0, 0, 0, 0.873));transform-origin:50% 80%;
554
- animation: svelte-1eh22ef-swipeHandAcross 3000ms ease-in-out infinite;} .swipe-label {position:absolute;bottom:9%;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;padding:clamp(5px, 1.5vw, 6px) clamp(11px, 3.3vw, 14px);border-radius:999px;background:rgba(0, 0, 0, 0.739);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 9px 20px rgba(0, 18, 40, 0.2);backdrop-filter:blur(2px);} .swipe-text {color:rgba(238, 246, 255, 0.78);font-size:clamp(12px, 3.1vw, 14px);font-weight:750;text-shadow:0 2px 7px rgba(0, 21, 45, 0.55);white-space:nowrap;} .swipe-hint-wrap.hidden {opacity:0;transform:translateY(-12px);pointer-events:none;}
555
- @media (pointer: fine) and (min-width: 641px) { .swipe-hint-wrap {display:none;}
556
- }
557
- @media (pointer: coarse), (max-width: 640px) { .WheelWrapper {
558
- animation: none !important;filter:none;transform:translateZ(0);will-change:transform;} .WheelWrapper::before, .WheelWrapper::after {
559
- 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 {
560
- animation: none !important;filter:none !important;opacity:0 !important;} .SparkleLayer::before,
561
- .SparkleLayer::after,
562
- .ButtonGlow,
563
- .ButtonGlow::before,
564
- .ButtonGlow::after {
565
- 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,
566
- .segment-hit-edge,
567
- .segment-hit-spark-edge,
568
- .sparkle,
569
- .confetti,
570
- .CenterButton {filter:none !important;} .segment-hit-fill,
571
- .segment-hit-edge,
572
- .segment-hit-spark-edge {animation-duration:1800ms !important;}
573
- } .WofLottiePlayer {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;} .WheelContent {background-color:var(--color-primary-6, #301200);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;min-height:max-content;} .WheelContent.WheelBackgroundHalo {background-image:radial-gradient(circle at 50% 55%, rgba(var(--color-primary-2, 207, 120, 69), 0.78) 0 14%, rgba(var(--color-primary-4, 128, 60, 22), 0.7) 32%, rgba(var(--color-primary-6, 89, 24, 3), 0) 65%);transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);} .WheelContent.WheelBackgroundHalo > *:not(.WheelContainer),
574
- .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),
575
- .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinsInfo,
576
- .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);
577
- animation: svelte-1eh22ef-wheelBob 5000ms ease-in-out infinite;will-change:transform;} .SpinsInfo {display:flex;align-items:center;gap:8px;font-size:clamp(14px, 4vw, 19px);font-weight:400;color:var(--color-text-default, rgba(238, 246, 255, 0.86));position:relative;z-index:2;} .SpinsInfo .SpinsCount {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(16px, 4.5vw, 20px);} .CountdownText {color:var(--color-overlay-neutral-4, rgba(255, 255, 255, 0.6509803922));font-size:clamp(13px, 3.8vw, 18px);text-align:center;position:relative;z-index:2;} .CountdownText .TimeSegment {font-variant-numeric:tabular-nums;} .SpinButton {min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-style:italic;font-weight:900;cursor:pointer;position:relative;z-index:2;
578
- animation: svelte-1eh22ef-spinButtonZoomGlow 1800ms ease-in-out infinite;transform-origin:50% 50%;transition:opacity 260ms ease, transform 160ms ease, filter 160ms ease;} .SpinButton:active {transform:translateY(2px) scale(0.98);animation-play-state:paused;} .SpinButton:disabled {
579
- 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;
580
- animation: svelte-1eh22ef-drawResultPop 420ms cubic-bezier(0.16, 0.92, 0.22, 1.04) both;} .DrawResultConfettiLayer {position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;} .success-confetti-piece {--x: 50%;--tx: 0px;--rot: 0deg;--spin: 360deg;--hue: #ffd23e;--w: 8px;--h: 12px;--d: 1800ms;position:absolute;left:var(--x);top:-24px;width:var(--w);height:var(--h);border-radius:3px;background:var(--hue);filter:drop-shadow(0 0 5px rgba(255, 218, 74, 0.24));transform-origin:center;
581
- animation: svelte-1eh22ef-successConfettiFall var(--d) cubic-bezier(0.16, 0.68, 0.2, 1) forwards;} .success-confetti-piece.is-diamond {border-radius:2px;transform:rotate(45deg);} .success-confetti-piece.is-ribbon {border-radius:8px 2px;} .DrawResultStack {width:100%;display:grid;justify-items:center;position:relative;z-index:2;transform:translateY(clamp(16px, 5vw, 30px));} .DrawResultStack img {width:60%;max-width:300px;} .DrawResultStack img.Lose {filter:saturate(0%);} .Coin {width:clamp(140px, 38vw, 196px);height:clamp(142px, 38.5vw, 198px);display:grid;place-items:center;border-radius:0;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);will-change:opacity, transform;
582
- animation: svelte-1eh22ef-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .Coin svg,
583
- .Coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
584
- animation: svelte-1eh22ef-prizeCoinFloatZoom 1800ms ease-in-out infinite;} .DrawResultTitle {position:relative;margin:clamp(18px, 5vw, 26px) 0 clamp(14px, 4vw, 20px);color:var(--color-text-brand, #ffcc00);font-size:clamp(26px, 7.5vw, 36px);line-height:1.05;font-weight:900;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
585
- animation: svelte-1eh22ef-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 250ms both;} .DrawResultSparkle {position:absolute;color:var(--color-text-brand, #ffcc00);filter:drop-shadow(0 0 5px rgba(255, 204, 0, 0.9));opacity:0;pointer-events:none;
586
- animation: svelte-1eh22ef-titleSparkle 900ms ease-out forwards;} .DrawResultDescription {margin:0;color:var(--color-text-default, #ffffff);font-size:clamp(14px, 3.8vw, 17px);line-height:1.55;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
587
- animation: svelte-1eh22ef-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 390ms both;} .DrawResultDescription span {font-size:clamp(15px, 4.1vw, 19px);font-weight:900;} .DrawResultErrorImage {max-width:170px;} .DrawResultDescription--error {margin:0 20px;} .DrawResultActions {display:grid;justify-items:center;gap:12px;margin-top:clamp(16px, 4.5vw, 26px);opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
588
- animation: svelte-1eh22ef-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 560ms both;} .ButtonSpinner {position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
589
- animation: svelte-1eh22ef-wofSpinnerRotate 600ms linear infinite;} .PrimaryCta {position:relative;min-width:clamp(148px, 42vw, 210px);min-height:clamp(42px, 10.5vw, 50px);border:none;border-radius:999px;color:var(--color-text-button-primary, #261d00);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4vw, 19px);font-style:italic;font-weight:900;cursor:pointer;padding:0 20px;transition:transform 160ms ease, filter 160ms ease;} .PrimaryCta:hover {filter:brightness(1.06);transform:translateY(-1px);} .PrimaryCta:active {transform:translateY(2px) scale(0.98);} .SecondaryCta {position:relative;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));font:inherit;font-size:clamp(13px, 3.4vw, 15px);font-weight:750;cursor:pointer;border:1px solid var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));border-radius:999px;padding:10px 20px;} .ConfirmModalContent {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:70%;height:85%;max-height:500px;padding:10px 12px;background:rgba(8, 4, 0, 0.95);backdrop-filter:blur(16px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;} .ConfirmModalTitle {color:#ffffff;font-size:26px;font-weight:700;letter-spacing:0.2px;margin:0 0 4px;} .ConfirmModalBody {color:rgba(255, 255, 255, 0.6509803922);font-size:14px;font-style:italic;line-height:1.45;margin:0 0 10px;} .ConfirmModalActions {display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;} .ConfirmModalActions button {width:fit-content;}
590
- @media (prefers-reduced-motion: reduce) { .Coin,
591
- .DrawResultTitle,
592
- .DrawResultDescription,
593
- .DrawResultActions {opacity:1;transform:none;filter:none;} .Coin svg,
594
- .Coin img {
595
- animation: none;} .success-confetti-piece {
596
- animation: none;}
597
- }`
598
- };
599
- function Ie(E, s) {
600
- ke(s, !0), We(E, Fe);
601
- const k = () => Ae(Ge, "$_", ne), [ne, te] = Le();
602
- Be.extend(xe);
603
- const r = d(s, "program", 7, null), g = d(s, "endpoint", 7, null), v = d(s, "session", 7, null), R = d(s, "outerWheelAsset", 7, null), T = d(s, "wheelButtonAsset", 7, null), P = d(s, "language", 7, "en"), H = d(s, "showBackButton", 7, !0), h = L(() => !g() || !r()), re = L(() => {
604
- var e, t;
605
- return !n(h) && ((t = (e = r()) == null ? void 0 : e.remainingTimes) != null ? t : 0) > 0;
606
- }), ae = L(() => {
607
- var e, t;
608
- return n(h) ? He : (t = (e = r()) == null ? void 0 : e.partitions) != null ? t : [];
609
- }), i = ["history", "play", "rules"];
610
- let u = I(ze(i[1]));
611
- const oe = (e) => {
612
- var t, a, f, b;
613
- e === i[0] ? window.postMessage(
614
- {
615
- type: "event_wof_history_click",
616
- name: ((t = r()) == null ? void 0 : t.name) || null
617
- },
618
- window.location.href
619
- ) : e === i[2] ? window.postMessage({ type: "event_wof_rules_click", name: ((a = r()) == null ? void 0 : a.name) || null }, window.location.href) : window.postMessage(
620
- {
621
- type: "event_wof_accessed",
622
- isUserLoggedIn: !n(h),
623
- name: ((f = r()) == null ? void 0 : f.name) || null,
624
- availableSpins: ((b = r()) == null ? void 0 : b.remainingTimes) || null
625
- },
626
- window.location.href
627
- ), D(u, e, !0);
628
- };
629
- let l = I(null), j = I(!1);
630
- const se = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), ie = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), X = (e) => {
631
- if (e.data)
632
- switch (e.data.type) {
633
- case "SpinAgain":
634
- case "BackToWheel":
635
- D(l, null);
636
- break;
637
- }
638
- };
639
- Ce(() => (window.addEventListener("message", X), () => {
640
- window.removeEventListener("message", X);
641
- }));
642
- var le = {
643
- get program() {
644
- return r();
645
- },
646
- set program(e = null) {
647
- r(e), m();
648
- },
649
- get endpoint() {
650
- return g();
651
- },
652
- set endpoint(e = null) {
653
- g(e), m();
654
- },
655
- get session() {
656
- return v();
657
- },
658
- set session(e = null) {
659
- v(e), m();
660
- },
661
- get outerWheelAsset() {
662
- return R();
663
- },
664
- set outerWheelAsset(e = null) {
665
- R(e), m();
666
- },
667
- get wheelButtonAsset() {
668
- return T();
669
- },
670
- set wheelButtonAsset(e = null) {
671
- T(e), m();
672
- },
673
- get language() {
674
- return P();
675
- },
676
- set language(e = "en") {
677
- P(e), m();
678
- },
679
- get showBackButton() {
680
- return H();
681
- },
682
- set showBackButton(e = !0) {
683
- H(e), m();
684
- }
685
- }, W = Ye();
686
- let Z;
687
- var w = c(W);
688
- let O;
689
- w.__click = ie;
690
- var U = x(c(w), 2), pe = c(U, !0);
691
- o(U), o(w);
692
- var B = x(w, 2);
693
- let q;
694
- var Y = c(B), ce = c(Y, !0);
695
- o(Y);
696
- var V = x(Y, 2), fe = c(V, !0);
697
- o(V), o(B);
698
- var z = x(B, 2);
699
- let J;
700
- Se(z, 20, () => i, (e) => e, (e, t) => {
701
- var a = je();
702
- let f;
703
- a.__click = () => oe(t);
704
- var b = c(a, !0);
705
- o(a), N(
706
- (p) => {
707
- f = y(a, 1, "Tab svelte-1eh22ef", null, f, { Active: n(u) === t }), A(b, p);
708
- },
709
- [() => k()(t)]
710
- ), G(e, a);
711
- }), o(z);
712
- var C = x(z, 2);
713
- let K;
714
- var de = c(C);
715
- ve(de, {
716
- get program() {
717
- return r();
718
- },
719
- get endpoint() {
720
- return g();
721
- },
722
- get session() {
723
- return v();
724
- },
725
- get outerWheelAsset() {
726
- return R();
727
- },
728
- get wheelButtonAsset() {
729
- return T();
730
- },
731
- get wheelSlices() {
732
- return n(ae);
733
- },
734
- get isPlaceholder() {
735
- return n(h);
736
- },
737
- get isWheelAvailable() {
738
- return n(re);
739
- },
740
- onLogin: se,
741
- get spinResults() {
742
- return n(l);
743
- },
744
- set spinResults(e) {
745
- D(l, e, !0);
746
- },
747
- get spinActive() {
748
- return n(j);
749
- },
750
- set spinActive(e) {
751
- D(j, e, !0);
752
- }
753
- }), o(C);
754
- var me = x(C, 2);
755
- {
756
- var ge = (e) => {
757
- Te(e, {
758
- get result() {
759
- return n(l);
760
- },
761
- get endpoint() {
762
- return g();
763
- },
764
- get session() {
765
- return v();
766
- }
767
- });
768
- }, he = (e) => {
769
- var t = Q(), a = $(t);
770
- {
771
- var f = (p) => {
772
- {
773
- let S = L(() => {
774
- var _;
775
- return (_ = r()) == null ? void 0 : _.id;
776
- });
777
- Re(p, {
778
- get programId() {
779
- return n(S);
780
- },
781
- get endpoint() {
782
- return g();
783
- },
784
- get session() {
785
- return v();
786
- }
787
- });
788
- }
789
- }, b = (p) => {
790
- var S = Q(), _ = $(S);
791
- {
792
- var be = (F) => {
793
- Pe(F, {
794
- get program() {
795
- return r();
796
- },
797
- get language() {
798
- return P();
799
- }
800
- });
801
- };
802
- M(
803
- _,
804
- (F) => {
805
- n(u) === i[2] && F(be);
806
- },
807
- !0
808
- );
809
- }
810
- G(p, S);
811
- };
812
- M(
813
- a,
814
- (p) => {
815
- n(u) === i[0] ? p(f) : p(b, !1);
816
- },
817
- !0
818
- );
819
- }
820
- G(e, t);
821
- };
822
- M(me, (e) => {
823
- n(l) ? e(ge) : e(he, !1);
824
- });
825
- }
826
- o(W), N(
827
- (e, t, a) => {
828
- Z = y(W, 1, "WheelContent svelte-1eh22ef", null, Z, {
829
- WheelBackgroundHalo: n(u) === i[1],
830
- "is-spin-fullscreen": n(j)
831
- }), O = y(w, 1, "BackButtonContainer svelte-1eh22ef", null, O, { Hidden: n(h) || !H() }), A(pe, e), q = y(B, 1, "WofTitle svelte-1eh22ef", null, q, { Hidden: n(l) }), A(ce, t), A(fe, a), J = y(z, 1, "WofTabs svelte-1eh22ef", null, J, { Hidden: n(h) || n(l) }), K = _e(C, "", K, {
832
- display: n(u) !== i[1] || n(l) ? "none" : "contents"
833
- });
834
- },
835
- [
836
- () => k()("backToHub"),
837
- () => k()("wofTitle"),
838
- () => k()("wofSubtitle")
839
- ]
840
- ), G(E, W);
841
- var ue = De(le);
842
- return te(), ue;
843
- }
844
- we(["click"]);
845
- customElements.define("wheel-of-fortune", ye(
846
- Ie,
847
- {
848
- program: {},
849
- endpoint: {},
850
- session: {},
851
- outerWheelAsset: {},
852
- wheelButtonAsset: {},
853
- language: {},
854
- showBackButton: {}
855
- },
856
- [],
857
- [],
858
- !1
859
- ));
860
- export {
861
- Ie as W
862
- };