@everymatrix/mini-games-hub 0.1.13 → 0.1.15

package/components/GamePlaceholder-Bp4nTJeL.js

@@ -0,0 +1,84 @@
+import { d as I, c as D, a as O, p as b, i as B, h, m as C, b as y, f as A, l as K, s as R, t as S } from "./WheelOfFortuneWheel-DUE4gyGP.js";
+import { G as T, aS as v, ah as w, L as E, aT as t, aO as N, aP as Q, aG as u, aQ as U, aW as o, a0 as W, au as Y, aM as H } from "./utils-DEov6Qk_.js";
+var J = A('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>', 2), X = A('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');
+const Z = {
+  hash: "svelte-1j7eq9g",
+  code: ` .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (max-width: 719px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
+}
+@media (min-width: 720px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .game-placeholder__video.is-ready {opacity:0.6;}
+@keyframes svelte-1j7eq9g-gamePlaceholderFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 500ms ease-out both;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 220ms ease-out 80ms both;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}`
+};
+function ee(_, r) {
+  T(r, !0), O(_, Z);
+  const n = () => N(Q, "$_", L), [L, j] = U(), z = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", s = b(r, "backgroundVideoAsset", 7, null), l = b(r, "liteMode", 7, !1), d = b(r, "onLogin", 7);
+  let f = H(!1);
+  var M = {
+    get backgroundVideoAsset() {
+      return s();
+    },
+    set backgroundVideoAsset(e = null) {
+      s(e), u();
+    },
+    get liteMode() {
+      return l();
+    },
+    set liteMode(e = !1) {
+      l(e), u();
+    },
+    get onLogin() {
+      return d();
+    },
+    set onLogin(e) {
+      d(e), u();
+    }
+  }, p = X(), x = t(p);
+  {
+    var V = (e) => {
+      var a = J();
+      let i;
+      a.muted = !0;
+      var F = t(a);
+      o(a), w(() => {
+        i = K(a, 1, "game-placeholder__video", null, i, { "is-ready": W(f) }), R(F, "src", s() || z);
+      }), S("canplay", a, () => Y(f, !0)), y(e, a);
+    };
+    B(x, (e) => {
+      l() || e(V);
+    });
+  }
+  var c = v(x, 2), g = t(c), G = t(g, !0);
+  o(g);
+  var k = v(g, 2), P = t(k, !0);
+  o(k), o(c);
+  var m = v(c, 2), $ = t(m, !0);
+  o(m), o(p), w(
+    (e, a, i) => {
+      h(G, e), h(P, a), h($, i);
+    },
+    [
+      () => n()("loginTitle"),
+      () => n()("loginDescription"),
+      () => n()("login")
+    ]
+  ), C("click", m, function(...e) {
+    d()?.apply(this, e);
+  }), y(_, p);
+  var q = E(M);
+  return j(), q;
+}
+I(["click"]);
+D(ee, { backgroundVideoAsset: {}, liteMode: {}, onLogin: {} }, [], [], { mode: "open" });
+export {
+  ee as G
+};

package/components/GamePlaceholder-COiYGwNi.cjs

@@ -0,0 +1,15 @@
+"use strict";const t=require("./WheelOfFortuneWheel-BQFaJ7ZB.cjs"),e=require("./utils-fG_nzyoc.cjs");var V=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>',2),F=t.from_html('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');const M={hash:"svelte-1j7eq9g",code:` .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (max-width: 719px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
+}
+@media (min-width: 720px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .game-placeholder__video.is-ready {opacity:0.6;}
+@keyframes svelte-1j7eq9g-gamePlaceholderFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 500ms ease-out both;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 220ms ease-out 80ms both;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}`};function v(b,r){e.push(r,!0),t.append_styles(b,M);const n=()=>e.store_get(e.$format,"$_",f),[f,x]=e.setup_stores(),k="https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4",l=t.prop(r,"backgroundVideoAsset",7,null),s=t.prop(r,"liteMode",7,!1),d=t.prop(r,"onLogin",7);let h=e.state(!1);var y={get backgroundVideoAsset(){return l()},set backgroundVideoAsset(a=null){l(a),e.flushSync()},get liteMode(){return s()},set liteMode(a=!1){s(a),e.flushSync()},get onLogin(){return d()},set onLogin(a){d(a),e.flushSync()}},c=F(),u=e.child(c);{var w=a=>{var o=V();let i;o.muted=!0;var z=e.child(o);e.reset(o),e.template_effect(()=>{i=t.set_class(o,1,"game-placeholder__video",null,i,{"is-ready":e.get(h)}),t.set_attribute(z,"src",l()||k)}),t.event("canplay",o,()=>e.set(h,!0)),t.append(a,o)};t.if_block(u,a=>{s()||a(w)})}var p=e.sibling(u,2),g=e.child(p),A=e.child(g,!0);e.reset(g);var _=e.sibling(g,2),L=e.child(_,!0);e.reset(_),e.reset(p);var m=e.sibling(p,2),j=e.child(m,!0);e.reset(m),e.reset(c),e.template_effect((a,o,i)=>{t.set_text(A,a),t.set_text(L,o),t.set_text(j,i)},[()=>n()("loginTitle"),()=>n()("loginDescription"),()=>n()("login")]),t.delegated("click",m,function(...a){d()?.apply(this,a)}),t.append(b,c);var q=e.pop(y);return x(),q}t.delegate(["click"]);t.create_custom_element(v,{backgroundVideoAsset:{},liteMode:{},onLogin:{}},[],[],{mode:"open"});exports.GamePlaceholder=v;

package/components/GamePlaceholder-CfJ4hx9w.js

@@ -0,0 +1,70 @@
+import { d as C, c as K, a as P, p as u, i as R, h as m, m as S, b as k, f as A, l as T, s as q, t as E } from "./WheelOfFortuneWheel-DgVQP4GA.js";
+import { G as F, aS as v, ah as w, L as I, aT as t, aO as N, aP as Q, aG as f, aQ as U, aW as o, a0 as W, au as Y, aM as H } from "./utils-DwrHy7a0.js";
+var J = A('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>', 2), X = A('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');
+const Z = {
+  hash: "svelte-1j7eq9g",
+  code: " .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;} .game-placeholder__video.is-ready {opacity:1;} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}"
+};
+function ee(_, r) {
+  F(r, !0), P(_, Z);
+  const i = () => N(Q, "$_", L), [L, z] = U(), M = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", l = u(r, "backgroundVideoAsset", 7, null), n = u(r, "liteMode", 7, !1), d = u(r, "onLogin", 7);
+  let h = H(!1);
+  var V = {
+    get backgroundVideoAsset() {
+      return l();
+    },
+    set backgroundVideoAsset(e = null) {
+      l(e), f();
+    },
+    get liteMode() {
+      return n();
+    },
+    set liteMode(e = !1) {
+      n(e), f();
+    },
+    get onLogin() {
+      return d();
+    },
+    set onLogin(e) {
+      d(e), f();
+    }
+  }, p = X(), x = t(p);
+  {
+    var G = (e) => {
+      var a = J();
+      let s;
+      a.muted = !0;
+      var B = t(a);
+      o(a), w(() => {
+        s = T(a, 1, "game-placeholder__video", null, s, { "is-ready": W(h) }), q(B, "src", l() || M);
+      }), E("canplay", a, () => Y(h, !0)), k(e, a);
+    };
+    R(x, (e) => {
+      n() || e(G);
+    });
+  }
+  var c = v(x, 2), g = t(c), $ = t(g, !0);
+  o(g);
+  var y = v(g, 2), j = t(y, !0);
+  o(y), o(c);
+  var b = v(c, 2), D = t(b, !0);
+  o(b), o(p), w(
+    (e, a, s) => {
+      m($, e), m(j, a), m(D, s);
+    },
+    [
+      () => i()("loginTitle"),
+      () => i()("loginDescription"),
+      () => i()("login")
+    ]
+  ), S("click", b, function(...e) {
+    d()?.apply(this, e);
+  }), k(_, p);
+  var O = I(V);
+  return z(), O;
+}
+C(["click"]);
+K(ee, { backgroundVideoAsset: {}, liteMode: {}, onLogin: {} }, [], [], { mode: "open" });
+export {
+  ee as G
+};

package/components/GamePlaceholder-D9JEXsAk.js

@@ -0,0 +1,84 @@
+import { d as I, c as D, a as O, p as b, i as B, h, m as C, b as y, f as A, l as K, s as R, t as S } from "./WheelOfFortuneWheel-DgVQP4GA.js";
+import { G as T, aS as v, ah as w, L as E, aT as t, aO as N, aP as Q, aG as u, aQ as U, aW as o, a0 as W, au as Y, aM as H } from "./utils-DwrHy7a0.js";
+var J = A('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>', 2), X = A('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');
+const Z = {
+  hash: "svelte-1j7eq9g",
+  code: ` .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (max-width: 719px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
+}
+@media (min-width: 720px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .game-placeholder__video.is-ready {opacity:0.6;}
+@keyframes svelte-1j7eq9g-gamePlaceholderFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 500ms ease-out both;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 220ms ease-out 80ms both;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}`
+};
+function ee(_, r) {
+  T(r, !0), O(_, Z);
+  const n = () => N(Q, "$_", L), [L, j] = U(), z = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", s = b(r, "backgroundVideoAsset", 7, null), l = b(r, "liteMode", 7, !1), d = b(r, "onLogin", 7);
+  let f = H(!1);
+  var M = {
+    get backgroundVideoAsset() {
+      return s();
+    },
+    set backgroundVideoAsset(e = null) {
+      s(e), u();
+    },
+    get liteMode() {
+      return l();
+    },
+    set liteMode(e = !1) {
+      l(e), u();
+    },
+    get onLogin() {
+      return d();
+    },
+    set onLogin(e) {
+      d(e), u();
+    }
+  }, p = X(), x = t(p);
+  {
+    var V = (e) => {
+      var a = J();
+      let i;
+      a.muted = !0;
+      var F = t(a);
+      o(a), w(() => {
+        i = K(a, 1, "game-placeholder__video", null, i, { "is-ready": W(f) }), R(F, "src", s() || z);
+      }), S("canplay", a, () => Y(f, !0)), y(e, a);
+    };
+    B(x, (e) => {
+      l() || e(V);
+    });
+  }
+  var c = v(x, 2), g = t(c), G = t(g, !0);
+  o(g);
+  var k = v(g, 2), P = t(k, !0);
+  o(k), o(c);
+  var m = v(c, 2), $ = t(m, !0);
+  o(m), o(p), w(
+    (e, a, i) => {
+      h(G, e), h(P, a), h($, i);
+    },
+    [
+      () => n()("loginTitle"),
+      () => n()("loginDescription"),
+      () => n()("login")
+    ]
+  ), C("click", m, function(...e) {
+    d()?.apply(this, e);
+  }), y(_, p);
+  var q = E(M);
+  return j(), q;
+}
+I(["click"]);
+D(ee, { backgroundVideoAsset: {}, liteMode: {}, onLogin: {} }, [], [], { mode: "open" });
+export {
+  ee as G
+};

package/components/GamePlaceholder-DGnB06iW.js

@@ -0,0 +1,71 @@
+import { d as B, c as C, a as K, p as u, i as P, s as m, m as T, b as k, f as A, l as q, j as E, t as F } from "./WheelOfFortuneWheel-BYEHNHdI.js";
+import { G as I, aO as v, ah as w, L as N, aT as t, aP as Q, aQ as S, aG as f, aR as U, aW as o, a0 as W, au as Y, aM as H } from "./utils-B3aNdyMX.js";
+var J = A('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>', 2), X = A('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');
+const Z = {
+  hash: "svelte-1j7eq9g",
+  code: " .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;} .game-placeholder__video.is-ready {opacity:1;} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}"
+};
+function ee(_, r) {
+  I(r, !0), K(_, Z);
+  const i = () => Q(S, "$_", L), [L, z] = U(), M = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", l = u(r, "backgroundVideoAsset", 7, null), n = u(r, "liteMode", 7, !1), d = u(r, "onLogin", 7);
+  let x = H(!1);
+  var V = {
+    get backgroundVideoAsset() {
+      return l();
+    },
+    set backgroundVideoAsset(e = null) {
+      l(e), f();
+    },
+    get liteMode() {
+      return n();
+    },
+    set liteMode(e = !1) {
+      n(e), f();
+    },
+    get onLogin() {
+      return d();
+    },
+    set onLogin(e) {
+      d(e), f();
+    }
+  }, p = X(), h = t(p);
+  {
+    var G = (e) => {
+      var a = J();
+      let s;
+      a.muted = !0;
+      var R = t(a);
+      o(a), w(() => {
+        s = q(a, 1, "game-placeholder__video", null, s, { "is-ready": W(x) }), E(R, "src", l() || M);
+      }), F("canplay", a, () => Y(x, !0)), k(e, a);
+    };
+    P(h, (e) => {
+      n() || e(G);
+    });
+  }
+  var c = v(h, 2), g = t(c), $ = t(g, !0);
+  o(g);
+  var y = v(g, 2), j = t(y, !0);
+  o(y), o(c);
+  var b = v(c, 2), D = t(b, !0);
+  o(b), o(p), w(
+    (e, a, s) => {
+      m($, e), m(j, a), m(D, s);
+    },
+    [
+      () => i()("loginTitle"),
+      () => i()("loginDescription"),
+      () => i()("login")
+    ]
+  ), T("click", b, function(...e) {
+    var a;
+    (a = d()) == null || a.apply(this, e);
+  }), k(_, p);
+  var O = N(V);
+  return z(), O;
+}
+B(["click"]);
+C(ee, { backgroundVideoAsset: {}, liteMode: {}, onLogin: {} }, [], [], { mode: "open" });
+export {
+  ee as G
+};

package/components/GamePlaceholder-DS5evGU6.js

@@ -0,0 +1,85 @@
+import { d as I, c as D, a as O, p as b, i as R, s as h, m as B, b as y, f as A, l as C, j as K, t as T } from "./WheelOfFortuneWheel-BABzaEBd.js";
+import { G as E, aO as v, ah as w, L as N, aT as t, aP as Q, aQ as S, aG as u, aR as U, aW as o, a0 as W, au as Y, aM as H } from "./utils-BJHloM10.js";
+var J = A('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>', 2), X = A('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');
+const Z = {
+  hash: "svelte-1j7eq9g",
+  code: ` .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (max-width: 719px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
+}
+@media (min-width: 720px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .game-placeholder__video.is-ready {opacity:0.6;}
+@keyframes svelte-1j7eq9g-gamePlaceholderFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 500ms ease-out both;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 220ms ease-out 80ms both;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}`
+};
+function ee(_, r) {
+  E(r, !0), O(_, Z);
+  const n = () => Q(S, "$_", L), [L, j] = U(), z = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", s = b(r, "backgroundVideoAsset", 7, null), l = b(r, "liteMode", 7, !1), d = b(r, "onLogin", 7);
+  let f = H(!1);
+  var M = {
+    get backgroundVideoAsset() {
+      return s();
+    },
+    set backgroundVideoAsset(e = null) {
+      s(e), u();
+    },
+    get liteMode() {
+      return l();
+    },
+    set liteMode(e = !1) {
+      l(e), u();
+    },
+    get onLogin() {
+      return d();
+    },
+    set onLogin(e) {
+      d(e), u();
+    }
+  }, p = X(), x = t(p);
+  {
+    var V = (e) => {
+      var a = J();
+      let i;
+      a.muted = !0;
+      var F = t(a);
+      o(a), w(() => {
+        i = C(a, 1, "game-placeholder__video", null, i, { "is-ready": W(f) }), K(F, "src", s() || z);
+      }), T("canplay", a, () => Y(f, !0)), y(e, a);
+    };
+    R(x, (e) => {
+      l() || e(V);
+    });
+  }
+  var c = v(x, 2), g = t(c), G = t(g, !0);
+  o(g);
+  var k = v(g, 2), P = t(k, !0);
+  o(k), o(c);
+  var m = v(c, 2), $ = t(m, !0);
+  o(m), o(p), w(
+    (e, a, i) => {
+      h(G, e), h(P, a), h($, i);
+    },
+    [
+      () => n()("loginTitle"),
+      () => n()("loginDescription"),
+      () => n()("login")
+    ]
+  ), B("click", m, function(...e) {
+    var a;
+    (a = d()) == null || a.apply(this, e);
+  }), y(_, p);
+  var q = N(M);
+  return j(), q;
+}
+I(["click"]);
+D(ee, { backgroundVideoAsset: {}, liteMode: {}, onLogin: {} }, [], [], { mode: "open" });
+export {
+  ee as G
+};

package/components/GamePlaceholder-DmiU1G7G.cjs

@@ -0,0 +1,15 @@
+"use strict";const t=require("./WheelOfFortuneWheel-BoZ9evN7.cjs"),e=require("./utils-8EFTHKcu.cjs");var V=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>',2),F=t.from_html('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');const M={hash:"svelte-1j7eq9g",code:` .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (max-width: 719px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
+}
+@media (min-width: 720px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .game-placeholder__video.is-ready {opacity:0.6;}
+@keyframes svelte-1j7eq9g-gamePlaceholderFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 500ms ease-out both;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 220ms ease-out 80ms both;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}`};function v(b,r){e.push(r,!0),t.append_styles(b,M);const n=()=>e.store_get(e.$format,"$_",f),[f,x]=e.setup_stores(),k="https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4",l=t.prop(r,"backgroundVideoAsset",7,null),s=t.prop(r,"liteMode",7,!1),d=t.prop(r,"onLogin",7);let h=e.state(!1);var y={get backgroundVideoAsset(){return l()},set backgroundVideoAsset(a=null){l(a),e.flushSync()},get liteMode(){return s()},set liteMode(a=!1){s(a),e.flushSync()},get onLogin(){return d()},set onLogin(a){d(a),e.flushSync()}},c=F(),u=e.child(c);{var w=a=>{var o=V();let i;o.muted=!0;var z=e.child(o);e.reset(o),e.template_effect(()=>{i=t.set_class(o,1,"game-placeholder__video",null,i,{"is-ready":e.get(h)}),t.set_attribute(z,"src",l()||k)}),t.event("canplay",o,()=>e.set(h,!0)),t.append(a,o)};t.if_block(u,a=>{s()||a(w)})}var p=e.sibling(u,2),g=e.child(p),A=e.child(g,!0);e.reset(g);var _=e.sibling(g,2),L=e.child(_,!0);e.reset(_),e.reset(p);var m=e.sibling(p,2),j=e.child(m,!0);e.reset(m),e.reset(c),e.template_effect((a,o,i)=>{t.set_text(A,a),t.set_text(L,o),t.set_text(j,i)},[()=>n()("loginTitle"),()=>n()("loginDescription"),()=>n()("login")]),t.delegated("click",m,function(...a){d()?.apply(this,a)}),t.append(b,c);var q=e.pop(y);return x(),q}t.delegate(["click"]);t.create_custom_element(v,{backgroundVideoAsset:{},liteMode:{},onLogin:{}},[],[],{mode:"open"});exports.GamePlaceholder=v;

package/components/GamePlaceholder-Dwo_YAUQ.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./WheelOfFortuneWheel-B4fe-idJ.cjs"),e=require("./utils-Rda5erjI.cjs");var $=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>',2),j=t.from_html('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');const q={hash:"svelte-1j7eq9g",code:" .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;} .game-placeholder__video.is-ready {opacity:1;} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}"};function f(h,r){e.push(r,!0),t.append_styles(h,q);const l=()=>e.store_get(e.$format,"$_",v),[v,x]=e.setup_stores(),y="https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4",n=t.prop(r,"backgroundVideoAsset",7,null),s=t.prop(r,"liteMode",7,!1),c=t.prop(r,"onLogin",7);let _=e.state(!1);var k={get backgroundVideoAsset(){return n()},set backgroundVideoAsset(o=null){n(o),e.flushSync()},get liteMode(){return s()},set liteMode(o=!1){s(o),e.flushSync()},get onLogin(){return c()},set onLogin(o){c(o),e.flushSync()}},d=j(),b=e.child(d);{var w=o=>{var a=$();let i;a.muted=!0;var M=e.child(a);e.reset(a),e.template_effect(()=>{i=t.set_class(a,1,"game-placeholder__video",null,i,{"is-ready":e.get(_)}),t.set_attribute(M,"src",n()||y)}),t.event("canplay",a,()=>e.set(_,!0)),t.append(o,a)};t.if_block(b,o=>{s()||o(w)})}var p=e.sibling(b,2),g=e.child(p),A=e.child(g,!0);e.reset(g);var m=e.sibling(g,2),L=e.child(m,!0);e.reset(m),e.reset(p);var u=e.sibling(p,2),z=e.child(u,!0);e.reset(u),e.reset(d),e.template_effect((o,a,i)=>{t.set_text(A,o),t.set_text(L,a),t.set_text(z,i)},[()=>l()("loginTitle"),()=>l()("loginDescription"),()=>l()("login")]),t.delegated("click",u,function(...o){var a;(a=c())==null||a.apply(this,o)}),t.append(h,d);var V=e.pop(k);return x(),V}t.delegate(["click"]);t.create_custom_element(f,{backgroundVideoAsset:{},liteMode:{},onLogin:{}},[],[],{mode:"open"});exports.GamePlaceholder=f;

package/components/GamePlaceholder-Uni3xW09.cjs

@@ -0,0 +1,15 @@
+"use strict";const t=require("./WheelOfFortuneWheel-B4fe-idJ.cjs"),e=require("./utils-Rda5erjI.cjs");var V=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>',2),F=t.from_html('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');const M={hash:"svelte-1j7eq9g",code:` .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (max-width: 719px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
+}
+@media (min-width: 720px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .game-placeholder__video.is-ready {opacity:0.6;}
+@keyframes svelte-1j7eq9g-gamePlaceholderFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 500ms ease-out both;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 220ms ease-out 80ms both;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}`};function v(b,r){e.push(r,!0),t.append_styles(b,M);const n=()=>e.store_get(e.$format,"$_",f),[f,x]=e.setup_stores(),k="https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4",l=t.prop(r,"backgroundVideoAsset",7,null),s=t.prop(r,"liteMode",7,!1),d=t.prop(r,"onLogin",7);let h=e.state(!1);var y={get backgroundVideoAsset(){return l()},set backgroundVideoAsset(a=null){l(a),e.flushSync()},get liteMode(){return s()},set liteMode(a=!1){s(a),e.flushSync()},get onLogin(){return d()},set onLogin(a){d(a),e.flushSync()}},c=F(),u=e.child(c);{var w=a=>{var o=V();let i;o.muted=!0;var z=e.child(o);e.reset(o),e.template_effect(()=>{i=t.set_class(o,1,"game-placeholder__video",null,i,{"is-ready":e.get(h)}),t.set_attribute(z,"src",l()||k)}),t.event("canplay",o,()=>e.set(h,!0)),t.append(a,o)};t.if_block(u,a=>{s()||a(w)})}var p=e.sibling(u,2),g=e.child(p),A=e.child(g,!0);e.reset(g);var _=e.sibling(g,2),L=e.child(_,!0);e.reset(_),e.reset(p);var m=e.sibling(p,2),j=e.child(m,!0);e.reset(m),e.reset(c),e.template_effect((a,o,i)=>{t.set_text(A,a),t.set_text(L,o),t.set_text(j,i)},[()=>n()("loginTitle"),()=>n()("loginDescription"),()=>n()("login")]),t.delegated("click",m,function(...a){var o;(o=d())==null||o.apply(this,a)}),t.append(b,c);var q=e.pop(y);return x(),q}t.delegate(["click"]);t.create_custom_element(v,{backgroundVideoAsset:{},liteMode:{},onLogin:{}},[],[],{mode:"open"});exports.GamePlaceholder=v;

package/components/GamePlaceholder-fVPk29f9.cjs

@@ -0,0 +1,15 @@
+"use strict";const t=require("./WheelOfFortuneWheel-7PqVvd_8.cjs"),e=require("./utils-C1uNHR_J.cjs");var V=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>',2),F=t.from_html('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');const M={hash:"svelte-1j7eq9g",code:` .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (max-width: 719px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
+}
+@media (min-width: 720px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .game-placeholder__video.is-ready {opacity:0.6;}
+@keyframes svelte-1j7eq9g-gamePlaceholderFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 500ms ease-out both;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 220ms ease-out 80ms both;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}`};function v(b,r){e.push(r,!0),t.append_styles(b,M);const n=()=>e.store_get(e.$format,"$_",f),[f,x]=e.setup_stores(),k="https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4",l=t.prop(r,"backgroundVideoAsset",7,null),s=t.prop(r,"liteMode",7,!1),d=t.prop(r,"onLogin",7);let h=e.state(!1);var y={get backgroundVideoAsset(){return l()},set backgroundVideoAsset(a=null){l(a),e.flushSync()},get liteMode(){return s()},set liteMode(a=!1){s(a),e.flushSync()},get onLogin(){return d()},set onLogin(a){d(a),e.flushSync()}},c=F(),u=e.child(c);{var w=a=>{var o=V();let i;o.muted=!0;var z=e.child(o);e.reset(o),e.template_effect(()=>{i=t.set_class(o,1,"game-placeholder__video",null,i,{"is-ready":e.get(h)}),t.set_attribute(z,"src",l()||k)}),t.event("canplay",o,()=>e.set(h,!0)),t.append(a,o)};t.if_block(u,a=>{s()||a(w)})}var p=e.sibling(u,2),g=e.child(p),A=e.child(g,!0);e.reset(g);var _=e.sibling(g,2),L=e.child(_,!0);e.reset(_),e.reset(p);var m=e.sibling(p,2),j=e.child(m,!0);e.reset(m),e.reset(c),e.template_effect((a,o,i)=>{t.set_text(A,a),t.set_text(L,o),t.set_text(j,i)},[()=>n()("loginTitle"),()=>n()("loginDescription"),()=>n()("login")]),t.delegated("click",m,function(...a){var o;(o=d())==null||o.apply(this,a)}),t.append(b,c);var q=e.pop(y);return x(),q}t.delegate(["click"]);t.create_custom_element(v,{backgroundVideoAsset:{},liteMode:{},onLogin:{}},[],[],{mode:"open"});exports.GamePlaceholder=v;

package/components/GamePlaceholder-vUYYV2Ps.js

@@ -0,0 +1,85 @@
+import { d as I, c as D, a as O, p as b, i as R, s as h, m as B, b as y, f as A, l as C, j as K, t as T } from "./WheelOfFortuneWheel-BYEHNHdI.js";
+import { G as E, aO as v, ah as w, L as N, aT as t, aP as Q, aQ as S, aG as u, aR as U, aW as o, a0 as W, au as Y, aM as H } from "./utils-B3aNdyMX.js";
+var J = A('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>', 2), X = A('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');
+const Z = {
+  hash: "svelte-1j7eq9g",
+  code: ` .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (max-width: 719px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
+}
+@media (min-width: 720px) { .game-placeholder__video {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .game-placeholder__video.is-ready {opacity:0.6;}
+@keyframes svelte-1j7eq9g-gamePlaceholderFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;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;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 500ms ease-out both;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;
+  animation: svelte-1j7eq9g-gamePlaceholderFadeIn 220ms ease-out 80ms both;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}`
+};
+function ee(_, r) {
+  E(r, !0), O(_, Z);
+  const n = () => Q(S, "$_", L), [L, j] = U(), z = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", s = b(r, "backgroundVideoAsset", 7, null), l = b(r, "liteMode", 7, !1), d = b(r, "onLogin", 7);
+  let f = H(!1);
+  var M = {
+    get backgroundVideoAsset() {
+      return s();
+    },
+    set backgroundVideoAsset(e = null) {
+      s(e), u();
+    },
+    get liteMode() {
+      return l();
+    },
+    set liteMode(e = !1) {
+      l(e), u();
+    },
+    get onLogin() {
+      return d();
+    },
+    set onLogin(e) {
+      d(e), u();
+    }
+  }, p = X(), x = t(p);
+  {
+    var V = (e) => {
+      var a = J();
+      let i;
+      a.muted = !0;
+      var F = t(a);
+      o(a), w(() => {
+        i = C(a, 1, "game-placeholder__video", null, i, { "is-ready": W(f) }), K(F, "src", s() || z);
+      }), T("canplay", a, () => Y(f, !0)), y(e, a);
+    };
+    R(x, (e) => {
+      l() || e(V);
+    });
+  }
+  var c = v(x, 2), g = t(c), G = t(g, !0);
+  o(g);
+  var k = v(g, 2), P = t(k, !0);
+  o(k), o(c);
+  var m = v(c, 2), $ = t(m, !0);
+  o(m), o(p), w(
+    (e, a, i) => {
+      h(G, e), h(P, a), h($, i);
+    },
+    [
+      () => n()("loginTitle"),
+      () => n()("loginDescription"),
+      () => n()("login")
+    ]
+  ), B("click", m, function(...e) {
+    var a;
+    (a = d()) == null || a.apply(this, e);
+  }), y(_, p);
+  var q = N(M);
+  return j(), q;
+}
+I(["click"]);
+D(ee, { backgroundVideoAsset: {}, liteMode: {}, onLogin: {} }, [], [], { mode: "open" });
+export {
+  ee as G
+};