@everymatrix/mini-games-hub 0.1.21 → 0.1.22

package/components/MysteryChest-CRJtPhlo.cjs

@@ -1,743 +0,0 @@
-"use strict";const t=require("./WheelOfFortuneWheel-CsOjhUcv.cjs"),e=require("./utils-Dwz-wUFC.cjs"),yt=require("./constants-BDMySuIA.cjs"),Ee=require("./remaining-times-Gt6ytHaa.cjs"),mt=require("./DrawResult-CG5KTjF7.cjs"),gt=require("./GameHistory-CmiIChL-.cjs"),ft=require("./GameRules-DrBYjWA6.cjs"),ht=require("./mystery-chest-bg-vrQMNafs.cjs"),ut=require("./mystery-chest-locked-DiyrvNm3.cjs"),xt=require("./mystery-chest-empty-CSY7-Vbl.cjs"),_t=require("./mystery-chest-win-OxXZtQQd.cjs"),Le=require("./key-CFhvp9Ju.cjs");var vt=t.from_html('<span class="mystery-chest__particle svelte-1af7gxu"></span>'),bt=t.from_html('<div class="mystery-chest__scene-glow svelte-1af7gxu"></div> <!>',1),wt=t.from_html('<button role="tab" type="button"> </button>'),kt=t.from_html('<span class="mystery-chest__rays svelte-1af7gxu" aria-hidden="true"></span> <span class="mystery-chest__shockwave svelte-1af7gxu" aria-hidden="true"></span> <span class="mystery-chest__opening-glow svelte-1af7gxu" aria-hidden="true"></span>',1),zt=t.from_svg('<path class="mystery-chest__keyhole-solid svelte-1af7gxu"></path>'),Ct=t.from_svg('<path class="mystery-chest__keyhole-dots svelte-1af7gxu"></path><path class="mystery-chest__keyhole-light svelte-1af7gxu" pathLength="100"></path>',1),St=t.from_svg('<svg viewBox="0 0 100 150" aria-hidden="true"><path class="mystery-chest__keyhole-fill svelte-1af7gxu"></path><!></svg>'),Yt=t.from_html('<span class="mystery-chest__lock-flash svelte-1af7gxu"></span>'),Bt=t.from_html('<div><img class="mystery-chest__key-img svelte-1af7gxu" alt="" draggable="false"/></div>'),Tt=t.from_html('<img alt="" aria-hidden="true" draggable="false"/>'),Et=t.from_html('<div class="mystery-chest__badge svelte-1af7gxu"><p class="mystery-chest__badge-title svelte-1af7gxu"> </p> <p class="mystery-chest__badge-body svelte-1af7gxu"> </p> <button class="mystery-chest__badge-close svelte-1af7gxu" type="button"> </button></div>'),Lt=t.from_html('<div class="mystery-chest__badge svelte-1af7gxu"><p class="mystery-chest__badge-title svelte-1af7gxu"> </p> <p class="mystery-chest__badge-body svelte-1af7gxu"> </p></div>'),Pt=t.from_html('<span class="mystery-chest__flips-loader svelte-1af7gxu"></span>'),Rt=t.from_html('<p class="mystery-chest__hint svelte-1af7gxu"> </p> <p class="mystery-chest__flips svelte-1af7gxu"> <span class="mystery-chest__flips-count svelte-1af7gxu"><svg class="mystery-chest__flips-icon svelte-1af7gxu" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M10 6H10.0067M10 10C12.2091 10 14 8.20914 14 6C14 3.79086 12.2091 2 10 2C7.79086 2 6 3.79086 6 6C6 6.18245 6.01222 6.36205 6.03587 6.53802C6.07478 6.82745 6.09424 6.97217 6.08114 7.06373C6.0675 7.1591 6.05013 7.2105 6.00313 7.2946C5.958 7.37533 5.87847 7.45486 5.71942 7.61391L2.31242 11.0209C2.19712 11.1362 2.13947 11.1939 2.09824 11.2611C2.06169 11.3208 2.03475 11.3858 2.01842 11.4538C2 11.5306 2 11.6121 2 11.7752V12.9333C2 13.3067 2 13.4934 2.07266 13.636C2.13658 13.7614 2.23856 13.8634 2.36401 13.9273C2.50661 14 2.6933 14 3.06667 14H4.22484C4.3879 14 4.46943 14 4.54615 13.9816C4.61418 13.9652 4.67921 13.9383 4.73886 13.9018C4.80613 13.8605 4.86378 13.8029 4.97909 13.6876L8.38609 10.2806C8.54514 10.1215 8.62467 10.042 8.7054 9.99687C8.7895 9.94987 8.8409 9.9325 8.93627 9.91886C9.02783 9.90576 9.17255 9.92522 9.46198 9.96413C9.63795 9.98778 9.81755 10 10 10Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" class="svelte-1af7gxu"></path></svg> <!></span></p>',1),jt=t.from_html('<div class="mystery-chest__play svelte-1af7gxu"><div><!> <img class="mystery-chest__chest-img svelte-1af7gxu" alt="" draggable="false"/> <!> <!></div> <!> <!> <!></div> <!> <button class="mystery-chest__cta svelte-1af7gxu" type="button"> </button>',1),Mt=t.from_html('<div><div class="mystery-chest__scene svelte-1af7gxu" aria-hidden="true"><img class="mystery-chest__scene-img svelte-1af7gxu" alt="" draggable="false"/> <div class="mystery-chest__scene-tint svelte-1af7gxu"></div> <!> <div class="mystery-chest__scene-veil svelte-1af7gxu"></div></div> <button type="button"><svg class="mystery-chest__back-icon svelte-1af7gxu" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svelte-1af7gxu"></path></svg> <p class="mystery-chest__back-label svelte-1af7gxu"> </p></button> <div class="mystery-chest__heading svelte-1af7gxu"><h3 class="mystery-chest__title svelte-1af7gxu"> </h3> <p class="mystery-chest__subtitle svelte-1af7gxu"> </p></div> <div class="mystery-chest__tabs svelte-1af7gxu" role="tablist"><div class="mystery-chest__tab-indicator svelte-1af7gxu"></div> <!></div> <!></div>');const It={hash:"svelte-1af7gxu",code:`@keyframes svelte-1af7gxu-mc-loader-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes svelte-1af7gxu-mc-bg-drift {
-  0%, 100% {
-    transform: scale(1.06) translate(0, 0);
-  }
-  50% {
-    transform: scale(1.12) translate(-1.5%, -1%);
-  }
-}
-@keyframes svelte-1af7gxu-mc-float-up {
-  0% {
-    transform: translateY(0);
-    opacity: 0;
-  }
-  15% {
-    opacity: 1;
-  }
-  100% {
-    transform: translateY(-420px);
-    opacity: 0;
-  }
-}
-@keyframes svelte-1af7gxu-mc-bob {
-  0%, 100% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(-10px);
-  }
-}
-@keyframes svelte-1af7gxu-mc-dot-march {
-  to {
-    stroke-dashoffset: -9;
-  }
-}
-@keyframes svelte-1af7gxu-mc-light-run {
-  to {
-    stroke-dashoffset: -100;
-  }
-}
-@keyframes svelte-1af7gxu-mc-key-halo-pulse {
-  0%, 100% {
-    border-color: rgba(255, 236, 150, 0.55);
-    box-shadow: 0 0 12px rgba(255, 204, 0, 0.25), inset 0 0 8px rgba(255, 204, 0, 0.15);
-  }
-  50% {
-    border-color: rgba(255, 236, 150, 0.95);
-    box-shadow: 0 0 24px rgba(255, 204, 0, 0.55), inset 0 0 14px rgba(255, 204, 0, 0.3);
-  }
-}
-@keyframes svelte-1af7gxu-mc-lock-jolt {
-  0% {
-    transform: translateY(0) rotate(0);
-  }
-  20% {
-    transform: translateY(2px) rotate(-1.5deg);
-  }
-  45% {
-    transform: translateY(-3px) rotate(1.2deg);
-  }
-  70% {
-    transform: translateY(1px) rotate(-0.5deg);
-  }
-  100% {
-    transform: translateY(0) rotate(0);
-  }
-}
-@keyframes svelte-1af7gxu-mc-lock-flash {
-  0% {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(0.3);
-  }
-  35% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(1.8);
-  }
-}
-@keyframes svelte-1af7gxu-mc-ray-spin {
-  from {
-    transform: translate(-50%, -50%) rotate(0deg);
-  }
-  to {
-    transform: translate(-50%, -50%) rotate(360deg);
-  }
-}
-@keyframes svelte-1af7gxu-mc-ray-in {
-  0% {
-    opacity: 0;
-  }
-  60% {
-    opacity: 0.9;
-  }
-  100% {
-    opacity: 0.75;
-  }
-}
-@keyframes svelte-1af7gxu-mc-shockwave {
-  0% {
-    transform: translate(-50%, -50%) scale(0.2);
-    opacity: 0.8;
-  }
-  100% {
-    transform: translate(-50%, -50%) scale(2.6);
-    opacity: 0;
-  }
-}
-@keyframes svelte-1af7gxu-mc-opening-glow {
-  0%, 100% {
-    transform: translate(-50%, -50%) scale(1);
-    opacity: 0.55;
-  }
-  50% {
-    transform: translate(-50%, -50%) scale(1.08);
-    opacity: 0.9;
-  }
-}
-@keyframes svelte-1af7gxu-mc-chest-shake {
-  0%, 100% {
-    transform: translate(0, 0) rotate(0deg);
-  }
-  20% {
-    transform: translate(-5px, 1px) rotate(-2.5deg);
-  }
-  40% {
-    transform: translate(5px, -1px) rotate(2.5deg);
-  }
-  60% {
-    transform: translate(-4px, 2px) rotate(-2deg);
-  }
-  80% {
-    transform: translate(4px, -2px) rotate(2deg);
-  }
-}
-@keyframes svelte-1af7gxu-mc-chest-burst {
-  0% {
-    transform: scale(1);
-  }
-  40% {
-    transform: scale(0.92) translateY(6px);
-  }
-  70% {
-    transform: scale(1.12) translateY(-14px);
-  }
-  100% {
-    transform: scale(1) translateY(0);
-  }
-}
-@keyframes svelte-1af7gxu-mc-dust-puff {
-  0% {
-    transform: translate(0, 0) scale(0.4);
-    opacity: 0;
-  }
-  30% {
-    opacity: 0.6;
-  }
-  100% {
-    transform: translate(var(--dust-dx, 0), var(--dust-dy, -80px)) scale(1.6);
-    opacity: 0;
-  }
-} .mystery-chest {--yellow: var(--color-text-brand, #ffd400);--white: var(--color-text-default, #f4f8ff);--ease: cubic-bezier(0.22, 0.61, 0.32, 1);--mc-bob: 5000ms;--mc-stage-h: max(820px, min(100dvh, 900px));--mc-bg-w: calc(var(--mc-stage-h) * 1.013);container-type:inline-size;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto;gap:clamp(6px, 2vw, 12px);padding:20px 20px 50px;min-height:calc(var(--game-stage-size, clamp(276px, 100vw, 430px)) + 400px);flex-shrink:0;overflow:hidden;color:var(--white);background:transparent;} .mystery-chest *,
- .mystery-chest *::before,
- .mystery-chest *::after {box-sizing:border-box;} .mystery-chest.mystery-chest--plain .mystery-chest__scene {opacity:0;transition:none;} .mystery-chest.mystery-chest--plain .mystery-chest__scene-img,
- .mystery-chest.mystery-chest--plain .mystery-chest__particle {animation-play-state:paused;} .mystery-chest.mystery-chest--result .mystery-chest__heading,
- .mystery-chest.mystery-chest--result .mystery-chest__tabs {display:none;} .mystery-chest.mystery-chest--busy .mystery-chest__back,
- .mystery-chest.mystery-chest--busy .mystery-chest__tabs,
- .mystery-chest.mystery-chest--busy .mystery-chest__cta {pointer-events:none;} .mystery-chest.mystery-chest--opening .mystery-chest__back,
- .mystery-chest.mystery-chest--opening .mystery-chest__heading,
- .mystery-chest.mystery-chest--opening .mystery-chest__tabs,
- .mystery-chest.mystery-chest--opening .mystery-chest__hint,
- .mystery-chest.mystery-chest--opening .mystery-chest__flips,
- .mystery-chest.mystery-chest--opening .mystery-chest__cta,
- .mystery-chest.mystery-chest--opening .mystery-chest__key {opacity:0;filter:blur(4px);pointer-events:none;transition:opacity 0.4s ease, filter 0.4s ease;} .mystery-chest.mystery-chest--opening .mystery-chest__scene-img {opacity:0.25;transition:opacity 0.4s ease;} .mystery-chest.mystery-chest--opening .mystery-chest__scene-glow,
- .mystery-chest.mystery-chest--opening .mystery-chest__particle {opacity:0;transition:opacity 0.4s ease;} .mystery-chest__scene {position:absolute;top:0;left:0;right:0;height:var(--mc-stage-h);z-index:0;overflow:hidden;pointer-events:none;transition:opacity 1s ease;} .mystery-chest__scene-img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 68%;} .mystery-chest:not(.mystery-chest--result, .mystery-chest--lite) .mystery-chest__scene-img {
-  animation: svelte-1af7gxu-mc-bg-drift 26s ease-in-out infinite;} .mystery-chest__scene-tint {position:absolute;inset:0;background:color-mix(in srgb, var(--color-primary-6, #301200) 55%, transparent);} .mystery-chest__scene-glow {position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 38%, rgba(79, 169, 255, 0.28) 0%, rgba(2, 38, 82, 0) 55%), radial-gradient(140% 90% at 50% 110%, rgba(1, 12, 30, 0.9) 0%, rgba(1, 12, 30, 0) 60%);} .mystery-chest__particle {position:absolute;bottom:96px;border-radius:50%;background:#ffe680;box-shadow:0 0 8px 2px rgba(255, 204, 0, 0.7);opacity:0;
-  animation: svelte-1af7gxu-mc-float-up linear infinite;} .mystery-chest__scene-veil {position:absolute;inset:0;background:linear-gradient(180deg, rgba(6, 12, 32, 0.35) 0%, rgba(6, 12, 32, 0) 30%, rgba(4, 8, 22, 0.85) 100%);}
-@container (min-width: 600px) { .mystery-chest__scene {left:50%;right:auto;width:min(var(--mc-bg-w), 100cqw);transform:translateX(-50%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 22%, #000 78%, transparent 100%), linear-gradient(to bottom, #000 82%, transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right, transparent 0, #000 22%, #000 78%, transparent 100%), linear-gradient(to bottom, #000 82%, transparent 100%);mask-composite:intersect;}
-} .mystery-chest__back {position:relative;z-index:2;display:flex;align-items:center;justify-content:start;gap:10px;width:100%;max-width:700px;height:52px;flex-shrink:0;margin:0 auto;padding:10px;line-height:20px;border-radius:6px;background:transparent;border:none;color:var(--white);cursor:pointer;font-size:16px;} .mystery-chest__back--hidden {display:none;} .mystery-chest__back-icon {width:25px;height:25px;padding:7px;border-radius:50%;background:var(--color-overlay-neutral-2, rgba(255, 255, 255, 0.14));transition:transform 0.12s ease;} .mystery-chest__back:active .mystery-chest__back-icon {transform:scale(0.92);} .mystery-chest__back-label {margin:0;} .mystery-chest__heading {position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:6px;} .mystery-chest__title {margin:0;text-align:center;font-size:clamp(20px, 5.5vw, 28px);font-weight:900;line-height:1.05;color:var(--yellow);text-shadow:0 3px 14px rgba(0, 0, 0, 0.35);} .mystery-chest__subtitle {margin:0 0 clamp(10px, 3vw, 16px);text-align:center;font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;color:var(--white);opacity:0.92;} .mystery-chest__tabs {position:relative;z-index:2;display:flex;justify-content:center;width:90%;max-width:700px;margin-bottom:12px;padding:6px;border-radius:50px;background:var(--color-tabs, rgba(255, 255, 255, 0.1));box-shadow:inset 0 0 0 1px var(--color-border-subtle, rgba(255, 255, 255, 0.08)), inset 0 2px 6px rgba(0, 0, 0, 0.25);height:46px;} .mystery-chest__tab-indicator {position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px) / 3);border-radius:50px;background:var(--color-tabs-selected, linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.12)));box-shadow:0 2px 8px rgba(0, 0, 0, 0.25);transition:transform 0.32s var(--ease);pointer-events:none;} .mystery-chest__tab {position:relative;z-index:1;width:100%;padding:5px;border:none;border-radius:50px;background:transparent;color:var(--white);cursor:pointer;opacity:0.75;transition:opacity 0.15s ease, transform 0.1s ease;font-size:16px;} .mystery-chest__tab--active {opacity:1;} .mystery-chest__tab:active {transform:scale(0.95);} .mystery-chest__play {position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:clamp(32px, 10vw, 56px);width:var(--game-stage-size, clamp(276px, 100vw, 430px));padding-top:clamp(8px, 3vw, 20px);} .mystery-chest__chest {position:relative;width:min(280px, 100%);
-  animation: svelte-1af7gxu-mc-bob var(--mc-bob) ease-in-out infinite;will-change:transform;}
-@media (min-width: 768px) { .mystery-chest__chest {width:360px;}
-} .mystery-chest__chest--still {
-  animation: none;} .mystery-chest__chest--locked {
-  animation: none;} .mystery-chest__chest--locked .mystery-chest__chest-img {filter:blur(3px) drop-shadow(0 18px 24px rgba(0, 0, 0, 0.45));opacity:0.75;pointer-events:none;} .mystery-chest__chest--filling {
-  animation: svelte-1af7gxu-mc-lock-jolt 0.5s ease-out both;} .mystery-chest__chest--opening {
-  animation: none;} .mystery-chest__chest--opening .mystery-chest__chest-img {
-  animation: svelte-1af7gxu-mc-chest-shake 0.5s ease-in-out 0.4s 2, svelte-1af7gxu-mc-chest-burst 0.7s ease-out 1.4s forwards;} .mystery-chest__chest--opening .mystery-chest__keyhole {opacity:0;transition:opacity 0.2s ease;} .mystery-chest__rays {position:absolute;top:50%;left:50%;z-index:0;width:clamp(380px, 110vw, 620px);aspect-ratio:1;border-radius:50%;pointer-events:none;transform:translate(-50%, -50%);background:conic-gradient(from 0deg, rgba(255, 255, 255, 0) 0deg, rgba(255, 236, 150, 0.55) 12deg, rgba(255, 255, 255, 0) 24deg, rgba(255, 236, 150, 0.55) 36deg, rgba(255, 255, 255, 0) 48deg, rgba(255, 236, 150, 0.55) 60deg, rgba(255, 255, 255, 0) 72deg, rgba(255, 236, 150, 0.55) 84deg, rgba(255, 255, 255, 0) 96deg, rgba(255, 236, 150, 0.55) 108deg, rgba(255, 255, 255, 0) 120deg);-webkit-mask-image:radial-gradient(circle, transparent 22%, black 30%, transparent 72%);mask-image:radial-gradient(circle, transparent 22%, black 30%, transparent 72%);
-  animation: svelte-1af7gxu-mc-ray-spin 6s linear infinite, svelte-1af7gxu-mc-ray-in 0.8s ease-out both;} .mystery-chest__shockwave {position:absolute;top:50%;left:50%;z-index:1;width:280px;height:280px;border-radius:50%;border:2px solid #ffe680;pointer-events:none;transform:translate(-50%, -50%) scale(0.2);opacity:0;
-  animation: svelte-1af7gxu-mc-shockwave 1.1s ease-out 0.9s forwards;} .mystery-chest__opening-glow {position:absolute;top:50%;left:50%;z-index:1;width:320px;height:320px;border-radius:50%;pointer-events:none;transform:translate(-50%, -50%);background:radial-gradient(circle, rgba(255, 236, 150, 0.55), transparent 65%);filter:blur(10px);
-  animation: svelte-1af7gxu-mc-opening-glow 0.8s ease-in-out infinite;} .mystery-chest__chest--opening .mystery-chest__chest-img {position:relative;z-index:2;} .mystery-chest__chest-img {display:block;width:100%;height:auto;user-select:none;filter:drop-shadow(0 18px 24px rgba(0, 0, 0, 0.45));} .mystery-chest__keyhole {position:absolute;height:auto;overflow:visible;transform:translate(-55%, -50%);scale:0.9;filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.6));transition:scale 0.2s var(--ease), filter 0.2s var(--ease);pointer-events:none;} .mystery-chest__keyhole--active {scale:0.95;filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 14px rgba(255, 204, 0, 0.95));} .mystery-chest__keyhole--active .mystery-chest__keyhole-dots {stroke:#ffcc00;} .mystery-chest__keyhole-fill {fill:rgba(1, 12, 30, 0.5);} .mystery-chest__keyhole-dots {fill:none;stroke:rgba(255, 255, 255, 0.9);stroke-width:3;stroke-dasharray:1 8;stroke-linecap:round;
-  animation: svelte-1af7gxu-mc-dot-march 1.4s linear infinite;} .mystery-chest__keyhole-light {fill:none;stroke:#fff2b0;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 90;opacity:0.95;filter:drop-shadow(0 0 6px rgba(255, 204, 0, 0.95));
-  animation: svelte-1af7gxu-mc-light-run 1.8s linear infinite;} .mystery-chest__keyhole--filling {scale:1;filter:drop-shadow(0 0 10px rgba(255, 204, 0, 0.95));} .mystery-chest__keyhole-solid {fill:none;stroke:#ffcc00;stroke-width:4;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(255, 204, 0, 0.95));} .mystery-chest__lock-flash {position:absolute;width:90px;height:90px;border-radius:50%;pointer-events:none;transform:translate(-50%, -50%);background:radial-gradient(circle, rgba(255, 236, 150, 0.9), rgba(255, 204, 0, 0.3) 45%, transparent 70%);
-  animation: svelte-1af7gxu-mc-lock-flash 0.7s ease-out both;} .mystery-chest__key {position:relative;z-index:3;width:92px;touch-action:none;user-select:none;cursor:grab;transition:transform 0.2s var(--ease);} .mystery-chest__key::before {content:"";position:absolute;top:50%;left:50%;width:160px;height:60px;border-radius:50%;background:linear-gradient(-45deg, rgba(255, 255, 255, 0.9), rgba(79, 169, 255, 0.6));filter:blur(32px);transform:translate(-50%, -50%);pointer-events:none;z-index:-1;} .mystery-chest__key--dragging::before {opacity:0;} .mystery-chest__key--dragging {cursor:grabbing;transition:none;} .mystery-chest__key-img {display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.45));
-  animation: svelte-1af7gxu-mc-bob var(--mc-bob) ease-in-out calc(var(--mc-bob) / -2) infinite;will-change:transform;} .mystery-chest__key--dragging .mystery-chest__key-img {animation-play-state:paused;} .mystery-chest__key--hidden {visibility:hidden;} .mystery-chest__key-fly {position:fixed;top:0;left:0;z-index:50;width:92px;pointer-events:none;filter:drop-shadow(0 8px 12px rgba(0, 0, 0, 0.6));will-change:transform, left, top;} .mystery-chest__key-fly--flying {transition:left 0.55s cubic-bezier(0.3, 0.7, 0.3, 1), top 0.55s cubic-bezier(0.3, 0.7, 0.3, 1), transform 0.55s ease-out;} .mystery-chest__key-fly--inserting {transition:left 0.3s ease-in, top 0.3s ease-in, transform 0.3s ease-in;} .mystery-chest__key-fly--fading {opacity:0;transition:opacity 0.3s ease-out;} .mystery-chest--lite {--mc-bob: 3200ms;} .mystery-chest__hint {position:relative;z-index:2;margin:0;font-size:clamp(11px, 3vw, 13px);color:var(--white);opacity:0.85;} .mystery-chest__flips {position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin:0;font-size:clamp(12px, 3.4vw, 14px);font-weight:400;color:var(--white);} .mystery-chest__flips-count {display:flex;align-items:center;gap:6px;font-size:clamp(14px, 4vw, 16px);font-weight:900;color:var(--yellow);} .mystery-chest__flips-icon {width:16px;height:16px;color:#ffcc00;flex-shrink:0;} .mystery-chest__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;font-style:italic;color:var(--color-text-button-primary, #0a2140);background:linear-gradient(180deg, color-mix(in srgb, var(--color-button-primary, #ffd400) 70%, white) 0%, var(--color-button-primary, #ffd400) 55%, var(--color-button-primary-hover, #e0b400) 100%);cursor:pointer;transition:transform 0.15s ease, filter 0.15s ease;} .mystery-chest__cta:active {transform:translateY(2px);} .mystery-chest__cta:disabled {filter:grayscale(0.5) brightness(0.75);cursor:default;} .mystery-chest__flips-loader {display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
-  animation: svelte-1af7gxu-mc-loader-spin 600ms linear infinite;} .draw-result-dust {position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:0;} .draw-result-dust__puff {position:absolute;border-radius:50%;background:#cdbfae;filter:blur(2px);opacity:0;
-  animation: svelte-1af7gxu-mc-dust-puff 2s ease-out infinite;} .draw-result-image-wrap {position:relative;isolation:isolate;width:42%;max-width:210px;} .draw-result-image-wrap::before {content:"";position:absolute;top:50%;left:50%;z-index:-1;width:230px;height:230px;border-radius:50%;background:linear-gradient(-45deg, rgba(255, 255, 255, 0.9), rgba(79, 169, 255, 0.6));filter:blur(42px);transform:translate(-50%, -50%);pointer-events:none;} .draw-result-stack .draw-result-image-wrap img {display:block;width:100%;max-width:none;
-  animation: svelte-1af7gxu-mc-bob var(--mc-bob) ease-in-out infinite;will-change:transform;} .mystery-chest__badge {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:8;width:58%;padding:10px 12px;border-radius:10px;text-align:center;background:rgba(4, 18, 43, 0.86);border:1px solid rgba(255, 255, 255, 0.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);} .mystery-chest__badge-title {margin:0;color:#ffffff;font-size:12px;font-weight:700;} .mystery-chest__badge-body {margin:0;color:var(--color-text-subtle, rgba(244, 248, 255, 0.75));font-size:10px;line-height:1.45;} .mystery-chest__badge-close {margin-top:8px;padding:4px 14px;border-radius:6px;border:1px solid rgba(255, 255, 255, 0.22);background:rgba(255, 255, 255, 0.12);color:#ffffff;font-size:11px;font-weight:600;cursor:pointer;}
-@media (max-width: 767px) { .mystery-chest {padding:20px 10px 30px;} .mystery-chest__back {display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:0;align-self:stretch;width:auto;height:44px;margin:12px 2px;padding:4px 8px;font-size:16px;line-height:24px;background-color:var(--color-bg-surface-level-3, var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843)));} .mystery-chest__back-icon {justify-self:start;width:24px;height:24px;margin-left:6px;padding:4px;background:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));} .mystery-chest__back-label {overflow:hidden;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap;} .mystery-chest__tabs {width:100%;margin:0 auto;} .mystery-chest__tab {font-size:12px;}
-}
-@keyframes svelte-1af7gxu-wheelBob {
-  0%, 100% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(-10px);
-  }
-}
-@keyframes svelte-1af7gxu-stageFloat {
-  0%, 100% {
-    transform: translate3d(0, 0, 0) rotate(-0.12deg) scale(1);
-  }
-  42% {
-    transform: translate3d(0, -4px, 0) rotate(0.16deg) scale(1.002);
-  }
-  72% {
-    transform: translate3d(0, 2px, 0) rotate(-0.04deg) scale(0.999);
-  }
-}
-@keyframes svelte-1af7gxu-stageGlow {
-  0%, 100% {
-    opacity: 0.46;
-    transform: scale(0.94);
-    filter: blur(27px);
-  }
-  50% {
-    opacity: 0.68;
-    transform: scale(1.02);
-    filter: blur(31px);
-  }
-}
-@keyframes svelte-1af7gxu-glowOrbit {
-  0%, 100% {
-    opacity: 0.13;
-    transform: scale(0.88) rotate(-8deg);
-  }
-  50% {
-    opacity: 0.24;
-    transform: scale(0.95) rotate(5deg);
-  }
-}
-@keyframes svelte-1af7gxu-frameGlowBreath {
-  0%, 100% {
-    opacity: 0.58;
-    transform: scale(0.94);
-    filter: blur(30px);
-  }
-  48% {
-    opacity: 0.82;
-    transform: scale(1.03);
-    filter: blur(34px);
-  }
-}
-@keyframes svelte-1af7gxu-wheelDrop {
-  0% {
-    transform: translateY(-60vh) scale(0.961) rotate(-9deg);
-    opacity: 0;
-  }
-  70% {
-    transform: translateY(-20px) scale(1.012) rotate(2deg);
-    opacity: 1;
-  }
-  86% {
-    transform: translateY(0px) scale(0.997) rotate(-0.6deg);
-  }
-  100% {
-    transform: translateY(0) scale(1) rotate(0);
-    opacity: 1;
-  }
-}
-@keyframes svelte-1af7gxu-spinGlowPop {
-  0% {
-    opacity: 0.56;
-    transform: scale(0.96);
-    filter: blur(25px);
-  }
-  32% {
-    opacity: 0.92;
-    transform: scale(1.08);
-    filter: blur(31px);
-  }
-  100% {
-    opacity: 0.58;
-    transform: scale(0.98);
-    filter: blur(27px);
-  }
-}
-@keyframes svelte-1af7gxu-glowPulse {
-  0%, 100% {
-    opacity: 0.72;
-    transform: scale(0.95);
-  }
-  50% {
-    opacity: 1;
-    transform: scale(1.12);
-  }
-}
-@keyframes svelte-1af7gxu-glowRing {
-  0%, 100% {
-    opacity: 0.42;
-    transform: scale(0.92);
-  }
-  50% {
-    opacity: 0.88;
-    transform: scale(1.18);
-  }
-}
-@keyframes svelte-1af7gxu-centerButtonSpinBreath {
-  0%, 100% {
-    transform: scale(1);
-    filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
-  }
-  45% {
-    transform: scale(1.032);
-    filter: drop-shadow(0 11px 18px rgba(0, 0, 0, 0.36)) brightness(1.07);
-  }
-}
-@keyframes svelte-1af7gxu-middleButtonIdleZoomGlow {
-  0%, 100% {
-    transform: scale(1);
-    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);
-  }
-  50% {
-    transform: scale(1.045);
-    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);
-  }
-}
-@keyframes svelte-1af7gxu-middleButtonPress {
-  0% {
-    transform: scale(1);
-    filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
-  }
-  28% {
-    transform: scale(0.91);
-    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.36)) brightness(0.98);
-  }
-  68% {
-    transform: scale(1.045);
-    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.36)) brightness(1.08);
-  }
-  100% {
-    transform: scale(1);
-    filter: drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34)) brightness(1);
-  }
-}
-@keyframes svelte-1af7gxu-prizeStageGlow {
-  0% {
-    opacity: 0.54;
-    transform: scale(0.96);
-    filter: blur(26px);
-  }
-  22% {
-    opacity: 0.94;
-    transform: scale(1.06);
-    filter: blur(20px);
-  }
-  100% {
-    opacity: 0.54;
-    transform: scale(0.96);
-    filter: blur(26px);
-  }
-}
-@keyframes svelte-1af7gxu-prizeFillGlow {
-  0% {
-    opacity: 0;
-    transform: scale(0.982);
-  }
-  8% {
-    opacity: 0.94;
-    transform: scale(1.008);
-  }
-  24% {
-    opacity: 0.62;
-    transform: scale(0.997);
-  }
-  42% {
-    opacity: 0.8;
-    transform: scale(1.006);
-  }
-  60% {
-    opacity: 0.55;
-    transform: scale(0.999);
-  }
-  78% {
-    opacity: 0.72;
-    transform: scale(1.004);
-  }
-  100% {
-    opacity: 0;
-    transform: scale(0.99);
-  }
-}
-@keyframes svelte-1af7gxu-prizeEdgePulse {
-  0% {
-    opacity: 0;
-    stroke-width: 0.035;
-  }
-  8% {
-    opacity: 1;
-    stroke-width: 0.025;
-  }
-  24% {
-    opacity: 0.88;
-    stroke-width: 0.035;
-  }
-  42% {
-    opacity: 1;
-    stroke-width: 0.025;
-  }
-  60% {
-    opacity: 0.85;
-    stroke-width: 0.035;
-  }
-  78% {
-    opacity: 1;
-    stroke-width: 0.025;
-  }
-  100% {
-    opacity: 0.85;
-    stroke-width: 0.035;
-  }
-}
-@keyframes svelte-1af7gxu-prizeDashDance {
-  0% {
-    opacity: 0;
-    stroke-dashoffset: 12;
-  }
-  10% {
-    opacity: 0.94;
-  }
-  48% {
-    opacity: 0.78;
-  }
-  82% {
-    opacity: 0.66;
-  }
-  100% {
-    opacity: 0;
-    stroke-dashoffset: -26;
-  }
-}
-@keyframes svelte-1af7gxu-prizeSheenSweep {
-  0% {
-    opacity: 0;
-    transform: translateX(-7px) scale(0.98);
-  }
-  12% {
-    opacity: 0.58;
-    transform: translateX(-1px) scale(1.01);
-  }
-  36% {
-    opacity: 0.22;
-    transform: translateX(3px) scale(1);
-  }
-  62% {
-    opacity: 0.42;
-    transform: translateX(1px) scale(1.008);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(8px) scale(0.99);
-  }
-}
-@keyframes svelte-1af7gxu-superPrizeStageGlow {
-  0% {
-    transform: scale(0.96);
-    opacity: 0.2;
-    filter: blur(8px);
-  }
-  45% {
-    transform: scale(1.13);
-    opacity: 0.86;
-    filter: blur(13px);
-  }
-  100% {
-    transform: scale(1.03);
-    opacity: 0.45;
-    filter: blur(10px);
-  }
-}
-@keyframes svelte-1af7gxu-superPrizeFillGlow {
-  0% {
-    opacity: 0.2;
-    transform: scale(0.96);
-  }
-  32% {
-    opacity: 1;
-    transform: scale(1.045);
-  }
-  66% {
-    opacity: 0.72;
-    transform: scale(1.015);
-  }
-  100% {
-    opacity: 0.58;
-    transform: scale(1);
-  }
-}
-@keyframes svelte-1af7gxu-superPrizeSheenSweep {
-  0% {
-    opacity: 0;
-    transform: scale(0.88) rotate(-5deg);
-  }
-  34% {
-    opacity: 0.95;
-    transform: scale(1.08) rotate(2deg);
-  }
-  100% {
-    opacity: 0.2;
-    transform: scale(1.16) rotate(7deg);
-  }
-}
-@keyframes svelte-1af7gxu-superPrizeEdgePulse {
-  0% {
-    opacity: 0.4;
-    transform: scale(0.97);
-  }
-  38% {
-    opacity: 1;
-    transform: scale(1.055);
-  }
-  70% {
-    opacity: 0.86;
-    transform: scale(1.018);
-  }
-  100% {
-    opacity: 0.72;
-    transform: scale(1);
-  }
-}
-@keyframes svelte-1af7gxu-superPrizeDashDance {
-  0% {
-    opacity: 0;
-    stroke-dashoffset: 20;
-    transform: scale(0.95);
-  }
-  18% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.76;
-    stroke-dashoffset: -42;
-    transform: scale(1.04);
-  }
-}
-@keyframes svelte-1af7gxu-spinButtonZoomGlow {
-  0%, 100% {
-    transform: scale(1);
-    filter: brightness(1);
-    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);
-  }
-  50% {
-    transform: scale(1.065);
-    filter: brightness(1.08);
-    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);
-  }
-}
-@keyframes svelte-1af7gxu-buttonBreath {
-  0%, 100% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.035);
-  }
-}
-@keyframes svelte-1af7gxu-buttonAura {
-  0%, 100% {
-    filter: brightness(1) saturate(1);
-    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);
-  }
-  50% {
-    filter: brightness(1.035) saturate(1.04);
-    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);
-  }
-}
-@keyframes svelte-1af7gxu-buttonSheen {
-  0%, 58%, 100% {
-    transform: translateX(-120%);
-    opacity: 0.22;
-  }
-  72% {
-    transform: translateX(120%);
-    opacity: 0.42;
-  }
-}
-@keyframes svelte-1af7gxu-buttonPop {
-  0% {
-    transform: translateY(2px) scale(0.985);
-  }
-  48% {
-    transform: translateY(-2px) scale(1.018);
-  }
-  100% {
-    transform: translateY(0) scale(1);
-  }
-}
-@keyframes svelte-1af7gxu-confettiFirework {
-  0% {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
-  }
-  9% {
-    opacity: 1;
-    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));
-  }
-  28% {
-    opacity: 0.98;
-    transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(calc(var(--rot) + var(--spin) * 0.56));
-  }
-  72% {
-    opacity: 0.78;
-    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));
-  }
-  100% {
-    opacity: 0;
-    transform: translate(calc(-50% + var(--tx) * 1.14), calc(-50% + var(--ty) + var(--fall))) scale(0.62) rotate(calc(var(--rot) + var(--spin)));
-  }
-}
-@keyframes svelte-1af7gxu-swipeHandAcross {
-  0%, 100% {
-    transform: translateX(-70px) rotate(-22deg);
-    opacity: 0.65;
-  }
-  50% {
-    transform: translateX(70px) rotate(22deg);
-    opacity: 0.65;
-  }
-  25%, 75% {
-    opacity: 1;
-  }
-}
-@keyframes svelte-1af7gxu-wofSpinnerFadeIn {
-  to {
-    opacity: 1;
-  }
-}
-@keyframes svelte-1af7gxu-wofSpinnerRotate {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes svelte-1af7gxu-titleSparkle {
-  0% {
-    opacity: 0;
-    transform: scale(0.2) rotate(0deg);
-  }
-  40% {
-    opacity: 1;
-    transform: scale(1.4) rotate(35deg);
-  }
-  100% {
-    opacity: 0;
-    transform: scale(0.6) translateY(-20px) rotate(75deg);
-  }
-}
-@keyframes svelte-1af7gxu-drawResultPop {
-  0% {
-    opacity: 0;
-    transform: scale(0.92) translateY(8px);
-  }
-  62% {
-    opacity: 1;
-    transform: scale(1.016) translateY(-2px);
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-}
-@keyframes svelte-1af7gxu-successElementIn {
-  0% {
-    opacity: 0;
-    transform: translate3d(0, 18px, 0) scale(0.98);
-    filter: blur(3px);
-  }
-  70% {
-    opacity: 1;
-    transform: translate3d(0, -2px, 0) scale(1.01);
-    filter: blur(0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3d(0, 0, 0) scale(1);
-    filter: blur(0);
-  }
-}
-@keyframes svelte-1af7gxu-successConfettiFall {
-  0% {
-    opacity: 0;
-    transform: translate3d(-50%, -18px, 0) rotate(var(--rot)) scale(0.62);
-  }
-  9% {
-    opacity: 1;
-  }
-  46% {
-    opacity: 0.96;
-    transform: translate3d(calc(-50% + var(--tx) * 0.55), 48vh, 0) rotate(calc(var(--rot) + var(--spin) * 0.52)) scale(1);
-  }
-  100% {
-    opacity: 0;
-    transform: translate3d(calc(-50% + var(--tx)), 108vh, 0) rotate(calc(var(--rot) + var(--spin))) scale(0.86);
-  }
-}
-@keyframes svelte-1af7gxu-prizeCoinFloatZoom {
-  0%, 100% {
-    transform: translate3d(0, 0, 0) scale(1);
-  }
-  50% {
-    transform: translate3d(0, -8px, 0) scale(1.065);
-  }
-}
-@media (prefers-reduced-motion: reduce) { .wheel-wrapper,
-   .wheel-wrapper::before,
-   .wheel-wrapper::after,
-   .drop-wrap,
-   .wheel-disc,
-   .center-button,
-   .button-glow,
-   .spin-button {
-    animation: none !important;}
-} .draw-result-panel {flex:1;z-index:20;display:grid;place-items:center;padding:20px;text-align:center;overflow:hidden;width:100%;background:transparent;
-  animation: svelte-1af7gxu-drawResultPop 420ms cubic-bezier(0.16, 0.92, 0.22, 1.04) both;} .draw-result-confetti-layer {position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;} .success-confetti-piece {--x: 50%;--tx: 0px;--rot: 0deg;--spin: 360deg;--hue: #ffd23e;--w: 8px;--h: 12px;--d: 1800ms;position:absolute;left:var(--x);top:-24px;width:var(--w);height:var(--h);border-radius:3px;background:var(--hue);filter:drop-shadow(0 0 5px rgba(255, 218, 74, 0.24));transform-origin:center;
-  animation: svelte-1af7gxu-successConfettiFall var(--d) cubic-bezier(0.16, 0.68, 0.2, 1) forwards;} .success-confetti-piece.is-diamond {border-radius:2px;transform:rotate(45deg);} .success-confetti-piece.is-ribbon {border-radius:8px 2px;} .draw-result-stack {width:100%;display:grid;justify-items:center;position:relative;z-index:2;transform:translateY(clamp(16px, 5vw, 30px));} .draw-result-stack img {width:60%;max-width:300px;} .draw-result-stack img.lose {filter:saturate(0%);} .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;
-  animation: svelte-1af7gxu-successElementIn 620ms cubic-bezier(0.16, 0.92, 0.22, 1) 90ms both;} .coin svg,
- .coin img {width:100%;height:100%;object-fit:contain;transform-origin:50% 54%;
-  animation: svelte-1af7gxu-prizeCoinFloatZoom 1800ms ease-in-out infinite;} .draw-result-title {position:relative;margin:clamp(18px, 5vw, 26px) 0 clamp(14px, 4vw, 20px);color:var(--color-text-brand, #ffcc00);font-size:clamp(26px, 7.5vw, 36px);line-height:1.05;font-weight:900;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
-  animation: svelte-1af7gxu-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 250ms both;} .draw-result-sparkle {position:absolute;color:var(--color-text-brand, #ffcc00);filter:drop-shadow(0 0 5px rgba(255, 204, 0, 0.9));opacity:0;pointer-events:none;
-  animation: svelte-1af7gxu-titleSparkle 900ms ease-out forwards;} .draw-result-description {margin:0;color:var(--color-text-default, #ffffff);font-size:clamp(14px, 3.8vw, 17px);line-height:1.55;opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
-  animation: svelte-1af7gxu-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 390ms both;} .draw-result-description span {font-size:clamp(15px, 4.1vw, 19px);font-weight:900;} .draw-result-error-image {max-width:170px;} .draw-result-description--error {margin:0 20px;} .draw-result-actions {display:grid;justify-items:center;gap:12px;margin-top:clamp(16px, 4.5vw, 26px);opacity:0;transform:translate3d(0, 18px, 0) scale(0.98);
-  animation: svelte-1af7gxu-successElementIn 560ms cubic-bezier(0.16, 0.92, 0.22, 1) 560ms both;} .button-spinner {position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
-  animation: svelte-1af7gxu-wofSpinnerRotate 600ms linear infinite;} .primary-cta {position:relative;min-width:clamp(148px, 42vw, 210px);min-height:clamp(42px, 10.5vw, 50px);border:none;border-radius:999px;color:var(--color-text-button-primary, #261d00);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4vw, 19px);font-weight:900;cursor:pointer;padding:0 20px;transition:transform 160ms ease, filter 160ms ease;} .primary-cta:hover {filter:brightness(1.06);transform:translateY(-1px);} .primary-cta:active {transform:translateY(2px) scale(0.98);} .secondary-cta {position:relative;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));font:inherit;font-size:clamp(13px, 3.4vw, 15px);font-weight:750;cursor:pointer;border:1px solid var(--color-text-subtle, rgba(238, 246, 255, 0.8196078431));border-radius:999px;padding:10px 20px;} .confirm-modal-content {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:70%;height:85%;max-height:500px;padding:10px 12px;background:rgba(8, 4, 0, 0.95);backdrop-filter:blur(16px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;} .confirm-modal-title {color:#ffffff;font-size:26px;font-weight:700;letter-spacing:0.2px;margin:0 0 4px;} .confirm-modal-body {color:rgba(255, 255, 255, 0.6509803922);font-size:14px;line-height:1.45;margin:0 0 10px;} .confirm-modal-actions {display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;} .confirm-modal-actions button {width:fit-content;}
-@media (prefers-reduced-motion: reduce) { .coin,
-   .draw-result-title,
-   .draw-result-description,
-   .draw-result-actions {opacity:1;transform:none;filter:none;} .coin svg,
-   .coin img {
-    animation: none;} .success-confetti-piece {
-    animation: none;}
-}`};function Pe(le,Y){e.push(Y,!0),t.append_styles(le,It);const g=()=>e.store_get(e.$format,"$_",Re),[Re,je]=e.setup_stores();e.dayjs.extend(t.duration);const y=t.prop(Y,"program",7,null),B=t.prop(Y,"endpoint",7,null),T=t.prop(Y,"session",7,null),ee=t.prop(Y,"language",7,"en"),te=t.prop(Y,"showBackButton",7,!0),G=t.prop(Y,"liteMode",7,!1),L=["history","play","rules"],x={x:.38,y:.61,width:.22,ratio:1.5},Me=[{left:17.34,size:7.02,duration:8.3,delay:.82},{left:17.65,size:7.04,duration:5.23,delay:.87},{left:22.05,size:6.06,duration:8.1,delay:4.14},{left:32.98,size:3.94,duration:8.5,delay:5.97},{left:33.48,size:4.65,duration:5.54,delay:2.22},{left:86.92,size:5.49,duration:6.98,delay:5.13},{left:69.3,size:4.59,duration:9.94,delay:4.69},{left:59.41,size:6.79,duration:7.18,delay:2.33},{left:88.73,size:4.55,duration:8.69,delay:2.98},{left:83.45,size:6.33,duration:9.85,delay:4.96},{left:38.41,size:6.88,duration:8.47,delay:2.86},{left:68.36,size:5.33,duration:5.15,delay:2.17},{left:87.64,size:4.64,duration:5.11,delay:5.7},{left:34.09,size:7.96,duration:8.16,delay:2.01}],H="M50 18 C33 18 20 31 20 48 C20 60 27 69 37 73 L29 128 C28 133 32 137 37 137 L63 137 C68 137 72 133 71 128 L63 73 C73 69 80 60 80 48 C80 31 67 18 50 18 Z";let z=e.state(e.proxy(L[1])),P=e.state(null),R=e.state(!1),K=e.state(!1),A=e.state(!1),c=e.state("drag"),_=e.state(null);const ce=e.user_derived(()=>!!B()&&!!y()&&(y()?.remainingTimes??0)>0),X=e.user_derived(()=>!!y()&&(y()?.remainingTimes??0)<=0),ne=e.user_derived(()=>e.get(ce)&&!e.get(R)&&!e.get(K)&&!e.get(A)),j=n=>new Promise(a=>setTimeout(a,n));let q=e.state(e.proxy({})),pe;const de=()=>{const n=e.dayjs(),a=e.dayjs(y()?.next?.startTime),s=e.dayjs.duration(a.diff(n));e.set(q,{days:Math.floor(s.asDays()),hours:String(s.hours()).padStart(2,"0"),minutes:String(s.minutes()).padStart(2,"0"),seconds:String(s.seconds()).padStart(2,"0")},!0)};e.user_effect(()=>{if(e.get(X))return de(),pe=setInterval(de,1e3),()=>clearInterval(pe)});const Ie=()=>window.postMessage({type:"CloseMiniGame"},window.location.href),De=n=>{n===e.get(z)||e.get(R)||e.set(z,n,!0)},Ge=async n=>{const a=new URL(`${B()}/v1/wof/draw/${y()?.id}`),s=new Headers;return T()&&s.append("X-SessionId",T()),s.append("Content-Type","application/json"),(await fetch(a,{method:"PUT",headers:s,cache:"no-store",body:JSON.stringify({action:1,guid:n})})).json()},Ke=()=>{if(e.get($)){const a=e.get($).getBoundingClientRect();return{x:a.left+a.width/2,y:a.top+a.height/2}}if(!e.get(M))return null;const n=e.get(M).getBoundingClientRect();return{x:n.left+n.width*x.x,y:n.top+n.height*x.y}},ye=()=>{e.set(c,"drag"),e.set(_,null)},Xe=async(n,a)=>{const s=Ke();s&&(e.set(c,"flying"),e.set(_,{x:n,y:a,scale:1,rot:0},!0),await j(30),e.set(_,{x:s.x-80,y:s.y,scale:1,rot:0},!0),await j(570),e.set(c,"inserting"),e.set(_,{x:s.x,y:s.y-15,scale:1,rot:0},!0),await j(350),e.set(c,"fading"),await j(300),e.set(c,"filling"),e.set(_,null),await j(700))},qe=async()=>{e.set(c,"opening"),e.set(_,null),await j(2400)},me=async(n,a)=>{if(!e.get(ne))return;if(e.set(R,!0),e.set(K,!1),n===void 0||a===void 0){const d=e.get(F)?.getBoundingClientRect();n=d?d.left+d.width/2:window.innerWidth/2,a=d?d.top+d.height/2:window.innerHeight/2}let s=!1;const l=setTimeout(()=>{s||(s=!0,e.set(K,!0),e.set(R,!1),ye())},yt.SPIN_TIMEOUT_MS),p=e.generateUUID(),h=Ge(p).catch(d=>(console.log(d),null));await Xe(n,a),await qe();const D=await h;if(!s){if(s=!0,clearTimeout(l),D){const d=e.normalizeDrawResult(D,"draw");e.set(P,{...d,guid:p,lotteryProgramID:d.lotteryProgramID??y()?.id},!0)}e.set(R,!1),ye()}},Fe=()=>e.set(K,!1);let M=e.state(void 0),F=e.state(void 0),$=e.state(void 0),I=e.state(!1),U=e.state(e.proxy({x:0,y:0})),Z=e.state(!1),se={x:0,y:0},ae={x:0,y:0};const Oe=()=>{if(!e.get(M)||!e.get(F))return!1;const n=e.get(M).getBoundingClientRect(),a=e.get(F).getBoundingClientRect(),s=n.width*x.width,l=s*x.ratio,p=n.left+n.width*x.x-s/2,h=n.top+n.height*x.y-l/2;return a.left<p+s&&a.right>p&&a.top<h+l&&a.bottom>h},He=n=>{!e.get(ne)||e.get(I)||(e.set(I,!0),se={x:n.clientX,y:n.clientY},ae={x:n.clientX,y:n.clientY})},ge=n=>{e.get(I)&&(e.set(U,{x:n.clientX-se.x,y:n.clientY-se.y},!0),ae={x:n.clientX,y:n.clientY},e.set(Z,Oe(),!0))},fe=n=>{if(!e.get(I))return;const a=n&&e.get(Z),s=ae;e.set(I,!1),e.set(Z,!1),e.set(U,{x:0,y:0},!0),a&&me(s.x,s.y)},he=()=>fe(!0),ue=()=>fe(!1),xe=()=>Ee.fetchRemainingTimes({endpoint:B(),session:T(),program:e.snapshot(y())}).finally(()=>{e.set(A,!1)}),_e=Ee.createSpinResultListener({onReset:()=>e.set(P,null),onSkipFetch:()=>e.set(A,!0),refetch:xe});t.onMount(()=>(window.addEventListener("message",_e),window.addEventListener("pointermove",ge),window.addEventListener("pointerup",he),window.addEventListener("pointercancel",ue),()=>{window.removeEventListener("message",_e),window.removeEventListener("pointermove",ge),window.removeEventListener("pointerup",he),window.removeEventListener("pointercancel",ue)}));var Ae={get program(){return y()},set program(n=null){y(n),e.flushSync()},get endpoint(){return B()},set endpoint(n=null){B(n),e.flushSync()},get session(){return T()},set session(n=null){T(n),e.flushSync()},get language(){return ee()},set language(n="en"){ee(n),e.flushSync()},get showBackButton(){return te()},set showBackButton(n=!0){te(n),e.flushSync()},get liteMode(){return G()},set liteMode(n=!1){G(n),e.flushSync()}},W=Mt();let ve;var re=e.child(W),be=e.child(re),$e=e.sibling(be,4);{var Ue=n=>{var a=bt(),s=e.sibling(e.first_child(a),2);{var l=p=>{var h=t.comment(),D=e.first_child(h);t.each(D,17,()=>Me,t.index,(d,C)=>{var J=vt();let V;e.template_effect(()=>V=t.set_style(J,"",V,{left:`${e.get(C).left??""}%`,width:`${e.get(C).size??""}px`,height:`${e.get(C).size??""}px`,"animation-duration":`${e.get(C).duration??""}s`,"animation-delay":`${e.get(C).delay??""}s`})),t.append(d,J)}),t.append(p,h)};t.if_block(s,p=>{G()||p(l)})}t.append(n,a)};t.if_block($e,n=>{e.get(P)||n(Ue)})}e.next(2),e.reset(re);var O=e.sibling(re,2);let we;var ke=e.sibling(e.child(O),2),Ze=e.child(ke,!0);e.reset(ke),e.reset(O);var ie=e.sibling(O,2),oe=e.child(ie),We=e.child(oe,!0);e.reset(oe);var ze=e.sibling(oe,2),Ne=e.child(ze,!0);e.reset(ze),e.reset(ie);var N=e.sibling(ie,2),Ce=e.child(N);let Se;var Je=e.sibling(Ce,2);t.each(Je,16,()=>L,n=>n,(n,a)=>{var s=wt();let l;var p=e.child(s,!0);e.reset(s),e.template_effect(h=>{l=t.set_class(s,1,"mystery-chest__tab svelte-1af7gxu",null,l,{"mystery-chest__tab--active":e.get(z)===a}),t.set_attribute(s,"aria-selected",e.get(z)===a),t.set_text(p,h)},[()=>g()(a)]),t.delegated("click",s,()=>De(a)),t.append(n,s)}),e.reset(N);var Ve=e.sibling(N,2);{var Qe=n=>{{let a=e.user_derived(()=>({noPrize:xt.chestEmpty,win:_t.chestWin}));mt.DrawResult(n,{get result(){return e.get(P)},get endpoint(){return B()},get session(){return T()},get liteMode(){return G()},get images(){return e.get(a)},noPrizeDust:!0,onFetchRemainingTimes:xe})}},et=n=>{var a=jt(),s=e.first_child(a),l=e.child(s);let p;var h=e.child(l);{var D=i=>{var r=kt();e.next(4),t.append(i,r)};t.if_block(h,i=>{e.get(c)==="opening"&&i(D)})}var d=e.sibling(h,2),C=e.sibling(d,2);{var J=i=>{var r=St();let o,v;var m=e.child(r);t.set_attribute(m,"d",H);var b=e.sibling(m);{var w=u=>{var k=zt();t.set_attribute(k,"d",H),t.append(u,k)},E=u=>{var k=Ct(),f=e.first_child(k);t.set_attribute(f,"d",H);var S=e.sibling(f);t.set_attribute(S,"d",H),t.append(u,k)};t.if_block(b,u=>{e.get(c)==="filling"?u(w):u(E,-1)})}e.reset(r),t.bind_this(r,u=>e.set($,u),()=>e.get($)),e.template_effect(()=>{o=t.set_class(r,0,"mystery-chest__keyhole svelte-1af7gxu",null,o,{"mystery-chest__keyhole--active":e.get(Z),"mystery-chest__keyhole--filling":e.get(c)==="filling"}),v=t.set_style(r,"",v,{left:`${x.x*100}%`,top:`${x.y*100}%`,width:`${x.width*100}%`})}),t.append(i,r)};t.if_block(C,i=>{e.get(X)||i(J)})}var V=e.sibling(C,2);{var at=i=>{var r=Yt();let o;e.template_effect(()=>o=t.set_style(r,"",o,{left:`${x.x*100}%`,top:`${x.y*100}%`})),t.append(i,r)};t.if_block(V,i=>{e.get(c)==="filling"&&i(at)})}e.reset(l),t.bind_this(l,i=>e.set(M,i),()=>e.get(M));var Ye=e.sibling(l,2);{var rt=i=>{var r=Bt();let o,v;var m=e.child(r);e.reset(r),t.bind_this(r,b=>e.set(F,b),()=>e.get(F)),e.template_effect(()=>{o=t.set_class(r,1,"mystery-chest__key svelte-1af7gxu",null,o,{"mystery-chest__key--dragging":e.get(I),"mystery-chest__key--hidden":e.get(c)!=="drag"}),v=t.set_style(r,"",v,{transform:`translate3d(${e.get(U).x??""}px, ${e.get(U).y??""}px, 0)`}),t.set_attribute(m,"src",Le.keyImg)}),t.delegated("pointerdown",r,He),t.append(i,r)};t.if_block(Ye,i=>{e.get(X)||i(rt)})}var Be=e.sibling(Ye,2);{var it=i=>{var r=Tt();let o;e.template_effect(()=>{t.set_class(r,1,`mystery-chest__key-fly mystery-chest__key-fly--${e.get(c)??""}`,"svelte-1af7gxu"),t.set_attribute(r,"src",Le.keyImg),o=t.set_style(r,"",o,{left:`${e.get(_).x??""}px`,top:`${e.get(_).y??""}px`,transform:`translate(-50%, -50%) rotate(${e.get(_).rot??""}deg) scale(${e.get(_).scale??""})`})}),t.append(i,r)};t.if_block(Be,i=>{e.get(_)&&i(it)})}var ot=e.sibling(Be,2);{var lt=i=>{var r=Et(),o=e.child(r),v=e.child(o,!0);e.reset(o);var m=e.sibling(o,2),b=e.child(m,!0);e.reset(m);var w=e.sibling(m,2),E=e.child(w,!0);e.reset(w),e.reset(r),e.template_effect((u,k,f)=>{t.set_text(v,u),t.set_text(b,k),t.set_text(E,f)},[()=>g()("timeoutTitle"),()=>g()("timeoutDescription"),()=>g()("close")]),t.delegated("click",w,Fe),t.append(i,r)},ct=i=>{var r=Lt(),o=e.child(r),v=e.child(o,!0);e.reset(o);var m=e.sibling(o,2),b=e.child(m,!0);e.reset(m),e.reset(r),e.template_effect((w,E)=>{t.set_text(v,w),t.set_text(b,E)},[()=>g()("nextAvailable"),()=>g()("countdown",{values:{days:e.get(q).days,hours:e.get(q).hours,minutes:e.get(q).minutes,seconds:e.get(q).seconds}})]),t.append(i,r)};t.if_block(ot,i=>{e.get(K)?i(lt):e.get(X)&&i(ct,1)})}e.reset(s);var Te=e.sibling(s,2);{var pt=i=>{var r=Rt(),o=e.first_child(r),v=e.child(o,!0);e.reset(o);var m=e.sibling(o,2),b=e.child(m),w=e.sibling(b),E=e.sibling(e.child(w),2);{var u=f=>{var S=Pt();t.append(f,S)},k=f=>{var S=t.text();e.template_effect(()=>t.set_text(S,y()?.current?.remainingTimes??y()?.remainingTimes)),t.append(f,S)};t.if_block(E,f=>{e.get(A)?f(u):f(k,-1)})}e.reset(w),e.reset(m),e.template_effect((f,S)=>{t.set_text(v,f),t.set_text(b,`${S??""} `)},[()=>g()("dragKeyToKeyhole"),()=>g()("remainingKeys")]),t.append(i,r)};t.if_block(Te,i=>{e.get(ce)&&i(pt)})}var Q=e.sibling(Te,2),dt=e.child(Q,!0);e.reset(Q),e.template_effect(i=>{p=t.set_class(l,1,"mystery-chest__chest svelte-1af7gxu",null,p,{"mystery-chest__chest--still":e.get(c)==="flying"||e.get(c)==="inserting","mystery-chest__chest--filling":e.get(c)==="filling","mystery-chest__chest--opening":e.get(c)==="opening","mystery-chest__chest--locked":e.get(X)}),t.set_attribute(d,"src",ut.chestLocked),Q.disabled=!e.get(ne),t.set_text(dt,i)},[()=>g()("openChest")]),t.delegated("click",Q,()=>me()),t.append(n,a)},tt=n=>{{let a=e.user_derived(()=>y()?.id);gt.GameHistory(n,{get programId(){return e.get(a)},get endpoint(){return B()},get session(){return T()}})}},nt=n=>{ft.GameRules(n,{get program(){return y()},get language(){return ee()}})};t.if_block(Ve,n=>{e.get(P)?n(Qe):e.get(z)===L[1]?n(et,1):e.get(z)===L[0]?n(tt,2):n(nt,-1)})}e.reset(W),e.template_effect((n,a,s,l,p)=>{ve=t.set_class(W,1,"mystery-chest svelte-1af7gxu",null,ve,{"mystery-chest--lite":G(),"mystery-chest--result":!!e.get(P),"mystery-chest--plain":e.get(z)!==L[1],"mystery-chest--busy":e.get(R),"mystery-chest--opening":e.get(c)==="opening"}),t.set_attribute(be,"src",ht.bgScene),we=t.set_class(O,1,"mystery-chest__back svelte-1af7gxu",null,we,{"mystery-chest__back--hidden":!te()}),t.set_text(Ze,n),t.set_text(We,a),t.set_text(Ne,s),t.set_attribute(N,"aria-label",l),Se=t.set_style(Ce,"",Se,p)},[()=>g()("backToHub"),()=>g()("mysteryChestTitle"),()=>g()("wofSubtitle"),()=>g()("mysteryChestTitle"),()=>({transform:`translateX(${L.indexOf(e.get(z))*100}%)`})]),t.delegated("click",O,Ie),t.append(le,W);var st=e.pop(Ae);return je(),st}t.delegate(["click","pointerdown"]);t.create_custom_element(Pe,{program:{},endpoint:{},session:{},language:{},showBackButton:{},liteMode:{}},[],[],{mode:"open"});exports.MysteryChest=Pe;