@roudanio/maze 0.2.1 → 0.2.3

package/dist/maze.js

@@ -1,440 +1,440 @@
-var fe, A, Je, X, Pe, Ze, Qe, et, Se, Ce, ye, tt, ee = {}, nt = [], bt = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, me = Array.isArray;
-function H(t, e) {
-  for (var n in e) t[n] = e[n];
-  return t;
+var _e, M, Je, Y, Pe, Ze, Qe, et, ze, ye, be, tt, ne = {}, nt = [], yt = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, ve = Array.isArray;
+function B(e, t) {
+  for (var n in t) e[n] = t[n];
+  return e;
 }
-function ze(t) {
-  t && t.parentNode && t.parentNode.removeChild(t);
+function Ee(e) {
+  e && e.parentNode && e.parentNode.removeChild(e);
 }
-function Tt(t, e, n) {
-  var o, i, s, a = {};
-  for (s in e) s == "key" ? o = e[s] : s == "ref" ? i = e[s] : a[s] = e[s];
-  if (arguments.length > 2 && (a.children = arguments.length > 3 ? fe.call(arguments, 2) : n), typeof t == "function" && t.defaultProps != null) for (s in t.defaultProps) a[s] == null && (a[s] = t.defaultProps[s]);
-  return se(t, a, o, i, null);
+function bt(e, t, n) {
+  var o, i, s, l = {};
+  for (s in t) s == "key" ? o = t[s] : s == "ref" ? i = t[s] : l[s] = t[s];
+  if (arguments.length > 2 && (l.children = arguments.length > 3 ? _e.call(arguments, 2) : n), typeof e == "function" && e.defaultProps != null) for (s in e.defaultProps) l[s] == null && (l[s] = e.defaultProps[s]);
+  return ae(e, l, o, i, null);
 }
-function se(t, e, n, o, i) {
-  var s = { type: t, props: e, key: n, ref: o, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: i ?? ++Je, __i: -1, __u: 0 };
-  return i == null && A.vnode != null && A.vnode(s), s;
+function ae(e, t, n, o, i) {
+  var s = { type: e, props: t, key: n, ref: o, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: i ?? ++Je, __i: -1, __u: 0 };
+  return i == null && M.vnode != null && M.vnode(s), s;
 }
-function _e(t) {
-  return t.children;
+function ge(e) {
+  return e.children;
 }
-function ae(t, e) {
-  this.props = t, this.context = e;
+function ce(e, t) {
+  this.props = e, this.context = t;
 }
-function K(t, e) {
-  if (e == null) return t.__ ? K(t.__, t.__i + 1) : null;
-  for (var n; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) return n.__e;
-  return typeof t.type == "function" ? K(t) : null;
+function Z(e, t) {
+  if (t == null) return e.__ ? Z(e.__, e.__i + 1) : null;
+  for (var n; t < e.__k.length; t++) if ((n = e.__k[t]) != null && n.__e != null) return n.__e;
+  return typeof e.type == "function" ? Z(e) : null;
 }
-function ot(t) {
-  var e, n;
-  if ((t = t.__) != null && t.__c != null) {
-    for (t.__e = t.__c.base = null, e = 0; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) {
-      t.__e = t.__c.base = n.__e;
+function ot(e) {
+  var t, n;
+  if ((e = e.__) != null && e.__c != null) {
+    for (e.__e = e.__c.base = null, t = 0; t < e.__k.length; t++) if ((n = e.__k[t]) != null && n.__e != null) {
+      e.__e = e.__c.base = n.__e;
       break;
     }
-    return ot(t);
+    return ot(e);
   }
 }
-function be(t) {
-  (!t.__d && (t.__d = !0) && X.push(t) && !de.__r++ || Pe != A.debounceRendering) && ((Pe = A.debounceRendering) || Ze)(de);
+function Te(e) {
+  (!e.__d && (e.__d = !0) && Y.push(e) && !fe.__r++ || Pe != M.debounceRendering) && ((Pe = M.debounceRendering) || Ze)(fe);
 }
-function de() {
-  for (var t, e, n, o, i, s, a, r = 1; X.length; ) X.length > r && X.sort(Qe), t = X.shift(), r = X.length, t.__d && (n = void 0, i = (o = (e = t).__v).__e, s = [], a = [], e.__P && ((n = H({}, o)).__v = o.__v + 1, A.vnode && A.vnode(n), Ee(e.__P, n, o, e.__n, e.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? K(o), !!(32 & o.__u), a), n.__v = o.__v, n.__.__k[n.__i] = n, st(s, n, a), n.__e != i && ot(n)));
-  de.__r = 0;
+function fe() {
+  for (var e, t, n, o, i, s, l, r = 1; Y.length; ) Y.length > r && Y.sort(Qe), e = Y.shift(), r = Y.length, e.__d && (n = void 0, i = (o = (t = e).__v).__e, s = [], l = [], t.__P && ((n = B({}, o)).__v = o.__v + 1, M.vnode && M.vnode(n), Le(t.__P, n, o, t.__n, t.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? Z(o), !!(32 & o.__u), l), n.__v = o.__v, n.__.__k[n.__i] = n, st(s, n, l), n.__e != i && ot(n)));
+  fe.__r = 0;
 }
-function rt(t, e, n, o, i, s, a, r, l, c, d) {
-  var u, h, f, k, p, _, b = o && o.__k || nt, w = e.length;
-  for (l = kt(n, e, b, l, w), u = 0; u < w; u++) (f = n.__k[u]) != null && (h = f.__i == -1 ? ee : b[f.__i] || ee, f.__i = u, _ = Ee(t, f, h, i, s, a, r, l, c, d), k = f.__e, f.ref && h.ref != f.ref && (h.ref && Le(h.ref, null, f), d.push(f.ref, f.__c || k, f)), p == null && k != null && (p = k), 4 & f.__u || h.__k === f.__k ? l = it(f, l, t) : typeof f.type == "function" && _ !== void 0 ? l = _ : k && (l = k.nextSibling), f.__u &= -7);
-  return n.__e = p, l;
+function rt(e, t, n, o, i, s, l, r, a, c, d) {
+  var u, h, f, p, v, _, b = o && o.__k || nt, C = t.length;
+  for (a = Tt(n, t, b, a, C), u = 0; u < C; u++) (f = n.__k[u]) != null && (h = f.__i == -1 ? ne : b[f.__i] || ne, f.__i = u, _ = Le(e, f, h, i, s, l, r, a, c, d), p = f.__e, f.ref && h.ref != f.ref && (h.ref && Ne(h.ref, null, f), d.push(f.ref, f.__c || p, f)), v == null && p != null && (v = p), 4 & f.__u || h.__k === f.__k ? a = it(f, a, e) : typeof f.type == "function" && _ !== void 0 ? a = _ : p && (a = p.nextSibling), f.__u &= -7);
+  return n.__e = v, a;
 }
-function kt(t, e, n, o, i) {
-  var s, a, r, l, c, d = n.length, u = d, h = 0;
-  for (t.__k = new Array(i), s = 0; s < i; s++) (a = e[s]) != null && typeof a != "boolean" && typeof a != "function" ? (l = s + h, (a = t.__k[s] = typeof a == "string" || typeof a == "number" || typeof a == "bigint" || a.constructor == String ? se(null, a, null, null, null) : me(a) ? se(_e, { children: a }, null, null, null) : a.constructor == null && a.__b > 0 ? se(a.type, a.props, a.key, a.ref ? a.ref : null, a.__v) : a).__ = t, a.__b = t.__b + 1, r = null, (c = a.__i = St(a, n, l, u)) != -1 && (u--, (r = n[c]) && (r.__u |= 2)), r == null || r.__v == null ? (c == -1 && (i > d ? h-- : i < d && h++), typeof a.type != "function" && (a.__u |= 4)) : c != l && (c == l - 1 ? h-- : c == l + 1 ? h++ : (c > l ? h-- : h++, a.__u |= 4))) : t.__k[s] = null;
-  if (u) for (s = 0; s < d; s++) (r = n[s]) != null && (2 & r.__u) == 0 && (r.__e == o && (o = K(r)), lt(r, r));
+function Tt(e, t, n, o, i) {
+  var s, l, r, a, c, d = n.length, u = d, h = 0;
+  for (e.__k = new Array(i), s = 0; s < i; s++) (l = t[s]) != null && typeof l != "boolean" && typeof l != "function" ? (a = s + h, (l = e.__k[s] = typeof l == "string" || typeof l == "number" || typeof l == "bigint" || l.constructor == String ? ae(null, l, null, null, null) : ve(l) ? ae(ge, { children: l }, null, null, null) : l.constructor == null && l.__b > 0 ? ae(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : l).__ = e, l.__b = e.__b + 1, r = null, (c = l.__i = kt(l, n, a, u)) != -1 && (u--, (r = n[c]) && (r.__u |= 2)), r == null || r.__v == null ? (c == -1 && (i > d ? h-- : i < d && h++), typeof l.type != "function" && (l.__u |= 4)) : c != a && (c == a - 1 ? h-- : c == a + 1 ? h++ : (c > a ? h-- : h++, l.__u |= 4))) : e.__k[s] = null;
+  if (u) for (s = 0; s < d; s++) (r = n[s]) != null && (2 & r.__u) == 0 && (r.__e == o && (o = Z(r)), at(r, r));
   return o;
 }
-function it(t, e, n) {
+function it(e, t, n) {
   var o, i;
-  if (typeof t.type == "function") {
-    for (o = t.__k, i = 0; o && i < o.length; i++) o[i] && (o[i].__ = t, e = it(o[i], e, n));
-    return e;
+  if (typeof e.type == "function") {
+    for (o = e.__k, i = 0; o && i < o.length; i++) o[i] && (o[i].__ = e, t = it(o[i], t, n));
+    return t;
   }
-  t.__e != e && (e && t.type && !n.contains(e) && (e = K(t)), n.insertBefore(t.__e, e || null), e = t.__e);
+  e.__e != t && (t && e.type && !n.contains(t) && (t = Z(e)), n.insertBefore(e.__e, t || null), t = e.__e);
   do
-    e = e && e.nextSibling;
-  while (e != null && e.nodeType == 8);
-  return e;
+    t = t && t.nextSibling;
+  while (t != null && t.nodeType == 8);
+  return t;
 }
-function St(t, e, n, o) {
-  var i, s, a = t.key, r = t.type, l = e[n];
-  if (l === null && t.key == null || l && a == l.key && r == l.type && (2 & l.__u) == 0) return n;
-  if (o > (l != null && (2 & l.__u) == 0 ? 1 : 0)) for (i = n - 1, s = n + 1; i >= 0 || s < e.length; ) {
+function kt(e, t, n, o) {
+  var i, s, l = e.key, r = e.type, a = t[n];
+  if (a === null && e.key == null || a && l == a.key && r == a.type && (2 & a.__u) == 0) return n;
+  if (o > (a != null && (2 & a.__u) == 0 ? 1 : 0)) for (i = n - 1, s = n + 1; i >= 0 || s < t.length; ) {
     if (i >= 0) {
-      if ((l = e[i]) && (2 & l.__u) == 0 && a == l.key && r == l.type) return i;
+      if ((a = t[i]) && (2 & a.__u) == 0 && l == a.key && r == a.type) return i;
       i--;
     }
-    if (s < e.length) {
-      if ((l = e[s]) && (2 & l.__u) == 0 && a == l.key && r == l.type) return s;
+    if (s < t.length) {
+      if ((a = t[s]) && (2 & a.__u) == 0 && l == a.key && r == a.type) return s;
       s++;
     }
   }
   return -1;
 }
-function Ie(t, e, n) {
-  e[0] == "-" ? t.setProperty(e, n ?? "") : t[e] = n == null ? "" : typeof n != "number" || bt.test(e) ? n : n + "px";
+function Ie(e, t, n) {
+  t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || yt.test(t) ? n : n + "px";
 }
-function re(t, e, n, o, i) {
+function se(e, t, n, o, i) {
   var s;
-  e: if (e == "style") if (typeof n == "string") t.style.cssText = n;
+  e: if (t == "style") if (typeof n == "string") e.style.cssText = n;
   else {
-    if (typeof o == "string" && (t.style.cssText = o = ""), o) for (e in o) n && e in n || Ie(t.style, e, "");
-    if (n) for (e in n) o && n[e] == o[e] || Ie(t.style, e, n[e]);
+    if (typeof o == "string" && (e.style.cssText = o = ""), o) for (t in o) n && t in n || Ie(e.style, t, "");
+    if (n) for (t in n) o && n[t] == o[t] || Ie(e.style, t, n[t]);
   }
-  else if (e[0] == "o" && e[1] == "n") s = e != (e = e.replace(et, "$1")), e = e.toLowerCase() in t || e == "onFocusOut" || e == "onFocusIn" ? e.toLowerCase().slice(2) : e.slice(2), t.l || (t.l = {}), t.l[e + s] = n, n ? o ? n.u = o.u : (n.u = Se, t.addEventListener(e, s ? ye : Ce, s)) : t.removeEventListener(e, s ? ye : Ce, s);
+  else if (t[0] == "o" && t[1] == "n") s = t != (t = t.replace(et, "$1")), t = t.toLowerCase() in e || t == "onFocusOut" || t == "onFocusIn" ? t.toLowerCase().slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + s] = n, n ? o ? n.u = o.u : (n.u = ze, e.addEventListener(t, s ? be : ye, s)) : e.removeEventListener(t, s ? be : ye, s);
   else {
-    if (i == "http://www.w3.org/2000/svg") e = e.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
-    else if (e != "width" && e != "height" && e != "href" && e != "list" && e != "form" && e != "tabIndex" && e != "download" && e != "rowSpan" && e != "colSpan" && e != "role" && e != "popover" && e in t) try {
-      t[e] = n ?? "";
+    if (i == "http://www.w3.org/2000/svg") t = t.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if (t != "width" && t != "height" && t != "href" && t != "list" && t != "form" && t != "tabIndex" && t != "download" && t != "rowSpan" && t != "colSpan" && t != "role" && t != "popover" && t in e) try {
+      e[t] = n ?? "";
       break e;
     } catch {
     }
-    typeof n == "function" || (n == null || n === !1 && e[4] != "-" ? t.removeAttribute(e) : t.setAttribute(e, e == "popover" && n == 1 ? "" : n));
+    typeof n == "function" || (n == null || n === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && n == 1 ? "" : n));
   }
 }
-function xe(t) {
-  return function(e) {
+function xe(e) {
+  return function(t) {
     if (this.l) {
-      var n = this.l[e.type + t];
-      if (e.t == null) e.t = Se++;
-      else if (e.t < n.u) return;
-      return n(A.event ? A.event(e) : e);
+      var n = this.l[t.type + e];
+      if (t.t == null) t.t = ze++;
+      else if (t.t < n.u) return;
+      return n(M.event ? M.event(t) : t);
     }
   };
 }
-function Ee(t, e, n, o, i, s, a, r, l, c) {
-  var d, u, h, f, k, p, _, b, w, M, C, z, S, E, L, y, g, v = e.type;
-  if (e.constructor != null) return null;
-  128 & n.__u && (l = !!(32 & n.__u), s = [r = e.__e = n.__e]), (d = A.__b) && d(e);
-  e: if (typeof v == "function") try {
-    if (b = e.props, w = "prototype" in v && v.prototype.render, M = (d = v.contextType) && o[d.__c], C = d ? M ? M.props.value : d.__ : o, n.__c ? _ = (u = e.__c = n.__c).__ = u.__E : (w ? e.__c = u = new v(b, C) : (e.__c = u = new ae(b, C), u.constructor = v, u.render = Et), M && M.sub(u), u.props = b, u.state || (u.state = {}), u.context = C, u.__n = o, h = u.__d = !0, u.__h = [], u._sb = []), w && u.__s == null && (u.__s = u.state), w && v.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = H({}, u.__s)), H(u.__s, v.getDerivedStateFromProps(b, u.__s))), f = u.props, k = u.state, u.__v = e, h) w && v.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), w && u.componentDidMount != null && u.__h.push(u.componentDidMount);
+function Le(e, t, n, o, i, s, l, r, a, c) {
+  var d, u, h, f, p, v, _, b, C, T, g, k, w, y, S, N, z, E = t.type;
+  if (t.constructor != null) return null;
+  128 & n.__u && (a = !!(32 & n.__u), s = [r = t.__e = n.__e]), (d = M.__b) && d(t);
+  e: if (typeof E == "function") try {
+    if (b = t.props, C = "prototype" in E && E.prototype.render, T = (d = E.contextType) && o[d.__c], g = d ? T ? T.props.value : d.__ : o, n.__c ? _ = (u = t.__c = n.__c).__ = u.__E : (C ? t.__c = u = new E(b, g) : (t.__c = u = new ce(b, g), u.constructor = E, u.render = zt), T && T.sub(u), u.props = b, u.state || (u.state = {}), u.context = g, u.__n = o, h = u.__d = !0, u.__h = [], u._sb = []), C && u.__s == null && (u.__s = u.state), C && E.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = B({}, u.__s)), B(u.__s, E.getDerivedStateFromProps(b, u.__s))), f = u.props, p = u.state, u.__v = t, h) C && E.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), C && u.componentDidMount != null && u.__h.push(u.componentDidMount);
     else {
-      if (w && v.getDerivedStateFromProps == null && b !== f && u.componentWillReceiveProps != null && u.componentWillReceiveProps(b, C), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(b, u.__s, C) === !1 || e.__v == n.__v) {
-        for (e.__v != n.__v && (u.props = b, u.state = u.__s, u.__d = !1), e.__e = n.__e, e.__k = n.__k, e.__k.some(function(T) {
-          T && (T.__ = e);
-        }), z = 0; z < u._sb.length; z++) u.__h.push(u._sb[z]);
-        u._sb = [], u.__h.length && a.push(u);
+      if (C && E.getDerivedStateFromProps == null && b !== f && u.componentWillReceiveProps != null && u.componentWillReceiveProps(b, g), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(b, u.__s, g) === !1 || t.__v == n.__v) {
+        for (t.__v != n.__v && (u.props = b, u.state = u.__s, u.__d = !1), t.__e = n.__e, t.__k = n.__k, t.__k.some(function(L) {
+          L && (L.__ = t);
+        }), k = 0; k < u._sb.length; k++) u.__h.push(u._sb[k]);
+        u._sb = [], u.__h.length && l.push(u);
         break e;
       }
-      u.componentWillUpdate != null && u.componentWillUpdate(b, u.__s, C), w && u.componentDidUpdate != null && u.__h.push(function() {
-        u.componentDidUpdate(f, k, p);
+      u.componentWillUpdate != null && u.componentWillUpdate(b, u.__s, g), C && u.componentDidUpdate != null && u.__h.push(function() {
+        u.componentDidUpdate(f, p, v);
       });
     }
-    if (u.context = C, u.props = b, u.__P = t, u.__e = !1, S = A.__r, E = 0, w) {
-      for (u.state = u.__s, u.__d = !1, S && S(e), d = u.render(u.props, u.state, u.context), L = 0; L < u._sb.length; L++) u.__h.push(u._sb[L]);
+    if (u.context = g, u.props = b, u.__P = e, u.__e = !1, w = M.__r, y = 0, C) {
+      for (u.state = u.__s, u.__d = !1, w && w(t), d = u.render(u.props, u.state, u.context), S = 0; S < u._sb.length; S++) u.__h.push(u._sb[S]);
       u._sb = [];
     } else do
-      u.__d = !1, S && S(e), d = u.render(u.props, u.state, u.context), u.state = u.__s;
-    while (u.__d && ++E < 25);
-    u.state = u.__s, u.getChildContext != null && (o = H(H({}, o), u.getChildContext())), w && !h && u.getSnapshotBeforeUpdate != null && (p = u.getSnapshotBeforeUpdate(f, k)), y = d, d != null && d.type === _e && d.key == null && (y = at(d.props.children)), r = rt(t, me(y) ? y : [y], e, n, o, i, s, a, r, l, c), u.base = e.__e, e.__u &= -161, u.__h.length && a.push(u), _ && (u.__E = u.__ = null);
-  } catch (T) {
-    if (e.__v = null, l || s != null) if (T.then) {
-      for (e.__u |= l ? 160 : 128; r && r.nodeType == 8 && r.nextSibling; ) r = r.nextSibling;
-      s[s.indexOf(r)] = null, e.__e = r;
-    } else for (g = s.length; g--; ) ze(s[g]);
-    else e.__e = n.__e, e.__k = n.__k;
-    A.__e(T, e, n);
+      u.__d = !1, w && w(t), d = u.render(u.props, u.state, u.context), u.state = u.__s;
+    while (u.__d && ++y < 25);
+    u.state = u.__s, u.getChildContext != null && (o = B(B({}, o), u.getChildContext())), C && !h && u.getSnapshotBeforeUpdate != null && (v = u.getSnapshotBeforeUpdate(f, p)), N = d, d != null && d.type === ge && d.key == null && (N = lt(d.props.children)), r = rt(e, ve(N) ? N : [N], t, n, o, i, s, l, r, a, c), u.base = t.__e, t.__u &= -161, u.__h.length && l.push(u), _ && (u.__E = u.__ = null);
+  } catch (L) {
+    if (t.__v = null, a || s != null) if (L.then) {
+      for (t.__u |= a ? 160 : 128; r && r.nodeType == 8 && r.nextSibling; ) r = r.nextSibling;
+      s[s.indexOf(r)] = null, t.__e = r;
+    } else for (z = s.length; z--; ) Ee(s[z]);
+    else t.__e = n.__e, t.__k = n.__k;
+    M.__e(L, t, n);
   }
-  else s == null && e.__v == n.__v ? (e.__k = n.__k, e.__e = n.__e) : r = e.__e = zt(n.__e, e, n, o, i, s, a, l, c);
-  return (d = A.diffed) && d(e), 128 & e.__u ? void 0 : r;
+  else s == null && t.__v == n.__v ? (t.__k = n.__k, t.__e = n.__e) : r = t.__e = St(n.__e, t, n, o, i, s, l, a, c);
+  return (d = M.diffed) && d(t), 128 & t.__u ? void 0 : r;
 }
-function st(t, e, n) {
-  for (var o = 0; o < n.length; o++) Le(n[o], n[++o], n[++o]);
-  A.__c && A.__c(e, t), t.some(function(i) {
+function st(e, t, n) {
+  for (var o = 0; o < n.length; o++) Ne(n[o], n[++o], n[++o]);
+  M.__c && M.__c(t, e), e.some(function(i) {
     try {
-      t = i.__h, i.__h = [], t.some(function(s) {
+      e = i.__h, i.__h = [], e.some(function(s) {
         s.call(i);
       });
     } catch (s) {
-      A.__e(s, i.__v);
+      M.__e(s, i.__v);
     }
   });
 }
-function at(t) {
-  return typeof t != "object" || t == null || t.__b && t.__b > 0 ? t : me(t) ? t.map(at) : H({}, t);
+function lt(e) {
+  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : ve(e) ? e.map(lt) : B({}, e);
 }
-function zt(t, e, n, o, i, s, a, r, l) {
-  var c, d, u, h, f, k, p, _ = n.props, b = e.props, w = e.type;
-  if (w == "svg" ? i = "http://www.w3.org/2000/svg" : w == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), s != null) {
-    for (c = 0; c < s.length; c++) if ((f = s[c]) && "setAttribute" in f == !!w && (w ? f.localName == w : f.nodeType == 3)) {
-      t = f, s[c] = null;
+function St(e, t, n, o, i, s, l, r, a) {
+  var c, d, u, h, f, p, v, _ = n.props, b = t.props, C = t.type;
+  if (C == "svg" ? i = "http://www.w3.org/2000/svg" : C == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), s != null) {
+    for (c = 0; c < s.length; c++) if ((f = s[c]) && "setAttribute" in f == !!C && (C ? f.localName == C : f.nodeType == 3)) {
+      e = f, s[c] = null;
       break;
     }
   }
-  if (t == null) {
-    if (w == null) return document.createTextNode(b);
-    t = document.createElementNS(i, w, b.is && b), r && (A.__m && A.__m(e, s), r = !1), s = null;
+  if (e == null) {
+    if (C == null) return document.createTextNode(b);
+    e = document.createElementNS(i, C, b.is && b), r && (M.__m && M.__m(t, s), r = !1), s = null;
   }
-  if (w == null) _ === b || r && t.data == b || (t.data = b);
+  if (C == null) _ === b || r && e.data == b || (e.data = b);
   else {
-    if (s = s && fe.call(t.childNodes), _ = n.props || ee, !r && s != null) for (_ = {}, c = 0; c < t.attributes.length; c++) _[(f = t.attributes[c]).name] = f.value;
+    if (s = s && _e.call(e.childNodes), _ = n.props || ne, !r && s != null) for (_ = {}, c = 0; c < e.attributes.length; c++) _[(f = e.attributes[c]).name] = f.value;
     for (c in _) if (f = _[c], c != "children") {
       if (c == "dangerouslySetInnerHTML") u = f;
       else if (!(c in b)) {
         if (c == "value" && "defaultValue" in b || c == "checked" && "defaultChecked" in b) continue;
-        re(t, c, null, f, i);
+        se(e, c, null, f, i);
       }
     }
-    for (c in b) f = b[c], c == "children" ? h = f : c == "dangerouslySetInnerHTML" ? d = f : c == "value" ? k = f : c == "checked" ? p = f : r && typeof f != "function" || _[c] === f || re(t, c, f, _[c], i);
-    if (d) r || u && (d.__html == u.__html || d.__html == t.innerHTML) || (t.innerHTML = d.__html), e.__k = [];
-    else if (u && (t.innerHTML = ""), rt(e.type == "template" ? t.content : t, me(h) ? h : [h], e, n, o, w == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, a, s ? s[0] : n.__k && K(n, 0), r, l), s != null) for (c = s.length; c--; ) ze(s[c]);
-    r || (c = "value", w == "progress" && k == null ? t.removeAttribute("value") : k != null && (k !== t[c] || w == "progress" && !k || w == "option" && k != _[c]) && re(t, c, k, _[c], i), c = "checked", p != null && p != t[c] && re(t, c, p, _[c], i));
+    for (c in b) f = b[c], c == "children" ? h = f : c == "dangerouslySetInnerHTML" ? d = f : c == "value" ? p = f : c == "checked" ? v = f : r && typeof f != "function" || _[c] === f || se(e, c, f, _[c], i);
+    if (d) r || u && (d.__html == u.__html || d.__html == e.innerHTML) || (e.innerHTML = d.__html), t.__k = [];
+    else if (u && (e.innerHTML = ""), rt(t.type == "template" ? e.content : e, ve(h) ? h : [h], t, n, o, C == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, l, s ? s[0] : n.__k && Z(n, 0), r, a), s != null) for (c = s.length; c--; ) Ee(s[c]);
+    r || (c = "value", C == "progress" && p == null ? e.removeAttribute("value") : p != null && (p !== e[c] || C == "progress" && !p || C == "option" && p != _[c]) && se(e, c, p, _[c], i), c = "checked", v != null && v != e[c] && se(e, c, v, _[c], i));
   }
-  return t;
+  return e;
 }
-function Le(t, e, n) {
+function Ne(e, t, n) {
   try {
-    if (typeof t == "function") {
-      var o = typeof t.__u == "function";
-      o && t.__u(), o && e == null || (t.__u = t(e));
-    } else t.current = e;
+    if (typeof e == "function") {
+      var o = typeof e.__u == "function";
+      o && e.__u(), o && t == null || (e.__u = e(t));
+    } else e.current = t;
   } catch (i) {
-    A.__e(i, n);
+    M.__e(i, n);
   }
 }
-function lt(t, e, n) {
+function at(e, t, n) {
   var o, i;
-  if (A.unmount && A.unmount(t), (o = t.ref) && (o.current && o.current != t.__e || Le(o, null, e)), (o = t.__c) != null) {
+  if (M.unmount && M.unmount(e), (o = e.ref) && (o.current && o.current != e.__e || Ne(o, null, t)), (o = e.__c) != null) {
     if (o.componentWillUnmount) try {
       o.componentWillUnmount();
     } catch (s) {
-      A.__e(s, e);
+      M.__e(s, t);
     }
     o.base = o.__P = null;
   }
-  if (o = t.__k) for (i = 0; i < o.length; i++) o[i] && lt(o[i], e, n || typeof t.type != "function");
-  n || ze(t.__e), t.__c = t.__ = t.__e = void 0;
+  if (o = e.__k) for (i = 0; i < o.length; i++) o[i] && at(o[i], t, n || typeof e.type != "function");
+  n || Ee(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function Et(t, e, n) {
-  return this.constructor(t, n);
+function zt(e, t, n) {
+  return this.constructor(e, n);
 }
-function Re(t, e, n) {
-  var o, i, s, a;
-  e == document && (e = document.documentElement), A.__ && A.__(t, e), i = (o = !1) ? null : e.__k, s = [], a = [], Ee(e, t = e.__k = Tt(_e, null, [t]), i || ee, ee, e.namespaceURI, i ? null : e.firstChild ? fe.call(e.childNodes) : null, s, i ? i.__e : e.firstChild, o, a), st(s, t, a);
+function Re(e, t, n) {
+  var o, i, s, l;
+  t == document && (t = document.documentElement), M.__ && M.__(e, t), i = (o = !1) ? null : t.__k, s = [], l = [], Le(t, e = t.__k = bt(ge, null, [e]), i || ne, ne, t.namespaceURI, i ? null : t.firstChild ? _e.call(t.childNodes) : null, s, i ? i.__e : t.firstChild, o, l), st(s, e, l);
 }
-function Lt(t) {
-  function e(n) {
+function Et(e) {
+  function t(n) {
     var o, i;
-    return this.getChildContext || (o = /* @__PURE__ */ new Set(), (i = {})[e.__c] = this, this.getChildContext = function() {
+    return this.getChildContext || (o = /* @__PURE__ */ new Set(), (i = {})[t.__c] = this, this.getChildContext = function() {
       return i;
     }, this.componentWillUnmount = function() {
       o = null;
     }, this.shouldComponentUpdate = function(s) {
-      this.props.value != s.value && o.forEach(function(a) {
-        a.__e = !0, be(a);
+      this.props.value != s.value && o.forEach(function(l) {
+        l.__e = !0, Te(l);
       });
     }, this.sub = function(s) {
       o.add(s);
-      var a = s.componentWillUnmount;
+      var l = s.componentWillUnmount;
       s.componentWillUnmount = function() {
-        o && o.delete(s), a && a.call(s);
+        o && o.delete(s), l && l.call(s);
       };
     }), n.children;
   }
-  return e.__c = "__cC" + tt++, e.__ = t, e.Provider = e.__l = (e.Consumer = function(n, o) {
+  return t.__c = "__cC" + tt++, t.__ = e, t.Provider = t.__l = (t.Consumer = function(n, o) {
     return n.children(o);
-  }).contextType = e, e;
+  }).contextType = t, t;
 }
-fe = nt.slice, A = { __e: function(t, e, n, o) {
-  for (var i, s, a; e = e.__; ) if ((i = e.__c) && !i.__) try {
-    if ((s = i.constructor) && s.getDerivedStateFromError != null && (i.setState(s.getDerivedStateFromError(t)), a = i.__d), i.componentDidCatch != null && (i.componentDidCatch(t, o || {}), a = i.__d), a) return i.__E = i;
+_e = nt.slice, M = { __e: function(e, t, n, o) {
+  for (var i, s, l; t = t.__; ) if ((i = t.__c) && !i.__) try {
+    if ((s = i.constructor) && s.getDerivedStateFromError != null && (i.setState(s.getDerivedStateFromError(e)), l = i.__d), i.componentDidCatch != null && (i.componentDidCatch(e, o || {}), l = i.__d), l) return i.__E = i;
   } catch (r) {
-    t = r;
+    e = r;
   }
-  throw t;
-} }, Je = 0, ae.prototype.setState = function(t, e) {
+  throw e;
+} }, Je = 0, ce.prototype.setState = function(e, t) {
   var n;
-  n = this.__s != null && this.__s != this.state ? this.__s : this.__s = H({}, this.state), typeof t == "function" && (t = t(H({}, n), this.props)), t && H(n, t), t != null && this.__v && (e && this._sb.push(e), be(this));
-}, ae.prototype.forceUpdate = function(t) {
-  this.__v && (this.__e = !0, t && this.__h.push(t), be(this));
-}, ae.prototype.render = _e, X = [], Ze = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Qe = function(t, e) {
-  return t.__v.__b - e.__v.__b;
-}, de.__r = 0, et = /(PointerCapture)$|Capture$/i, Se = 0, Ce = xe(!1), ye = xe(!0), tt = 0;
-var Nt = 0;
-function m(t, e, n, o, i, s) {
-  e || (e = {});
-  var a, r, l = e;
-  if ("ref" in l) for (r in l = {}, e) r == "ref" ? a = e[r] : l[r] = e[r];
-  var c = { type: t, props: l, key: n, ref: a, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Nt, __i: -1, __u: 0, __source: i, __self: s };
-  if (typeof t == "function" && (a = t.defaultProps)) for (r in a) l[r] === void 0 && (l[r] = a[r]);
-  return A.vnode && A.vnode(c), c;
-}
-var J, x, pe, Fe, te = 0, ct = [], F = A, De = F.__b, Oe = F.__r, $e = F.diffed, Ue = F.__c, Ge = F.unmount, We = F.__;
-function ve(t, e) {
-  F.__h && F.__h(x, t, te || e), te = 0;
-  var n = x.__H || (x.__H = { __: [], __h: [] });
-  return t >= n.__.length && n.__.push({}), n.__[t];
-}
-function U(t) {
-  return te = 1, Mt(dt, t);
-}
-function Mt(t, e, n) {
-  var o = ve(J++, 2);
-  if (o.t = t, !o.__c && (o.__ = [dt(void 0, e), function(r) {
-    var l = o.__N ? o.__N[0] : o.__[0], c = o.t(l, r);
-    l !== c && (o.__N = [c, o.__[1]], o.__c.setState({}));
-  }], o.__c = x, !x.__f)) {
-    var i = function(r, l, c) {
+  n = this.__s != null && this.__s != this.state ? this.__s : this.__s = B({}, this.state), typeof e == "function" && (e = e(B({}, n), this.props)), e && B(n, e), e != null && this.__v && (t && this._sb.push(t), Te(this));
+}, ce.prototype.forceUpdate = function(e) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), Te(this));
+}, ce.prototype.render = ge, Y = [], Ze = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Qe = function(e, t) {
+  return e.__v.__b - t.__v.__b;
+}, fe.__r = 0, et = /(PointerCapture)$|Capture$/i, ze = 0, ye = xe(!1), be = xe(!0), tt = 0;
+var Lt = 0;
+function m(e, t, n, o, i, s) {
+  t || (t = {});
+  var l, r, a = t;
+  if ("ref" in a) for (r in a = {}, t) r == "ref" ? l = t[r] : a[r] = t[r];
+  var c = { type: e, props: a, key: n, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Lt, __i: -1, __u: 0, __source: i, __self: s };
+  if (typeof e == "function" && (l = e.defaultProps)) for (r in l) a[r] === void 0 && (a[r] = l[r]);
+  return M.vnode && M.vnode(c), c;
+}
+var Q, P, Ce, Fe, oe = 0, ct = [], R = M, De = R.__b, Oe = R.__r, $e = R.diffed, Ue = R.__c, Ge = R.unmount, We = R.__;
+function pe(e, t) {
+  R.__h && R.__h(P, e, oe || t), oe = 0;
+  var n = P.__H || (P.__H = { __: [], __h: [] });
+  return e >= n.__.length && n.__.push({}), n.__[e];
+}
+function G(e) {
+  return oe = 1, Nt(dt, e);
+}
+function Nt(e, t, n) {
+  var o = pe(Q++, 2);
+  if (o.t = e, !o.__c && (o.__ = [dt(void 0, t), function(r) {
+    var a = o.__N ? o.__N[0] : o.__[0], c = o.t(a, r);
+    a !== c && (o.__N = [c, o.__[1]], o.__c.setState({}));
+  }], o.__c = P, !P.__f)) {
+    var i = function(r, a, c) {
       if (!o.__c.__H) return !0;
       var d = o.__c.__H.__.filter(function(h) {
         return !!h.__c;
       });
       if (d.every(function(h) {
         return !h.__N;
-      })) return !s || s.call(this, r, l, c);
+      })) return !s || s.call(this, r, a, c);
       var u = o.__c.props !== r;
       return d.forEach(function(h) {
         if (h.__N) {
           var f = h.__[0];
           h.__ = h.__N, h.__N = void 0, f !== h.__[0] && (u = !0);
         }
-      }), s && s.call(this, r, l, c) || u;
+      }), s && s.call(this, r, a, c) || u;
     };
-    x.__f = !0;
-    var s = x.shouldComponentUpdate, a = x.componentWillUpdate;
-    x.componentWillUpdate = function(r, l, c) {
+    P.__f = !0;
+    var s = P.shouldComponentUpdate, l = P.componentWillUpdate;
+    P.componentWillUpdate = function(r, a, c) {
       if (this.__e) {
         var d = s;
-        s = void 0, i(r, l, c), s = d;
+        s = void 0, i(r, a, c), s = d;
       }
-      a && a.call(this, r, l, c);
-    }, x.shouldComponentUpdate = i;
+      l && l.call(this, r, a, c);
+    }, P.shouldComponentUpdate = i;
   }
   return o.__N || o.__;
 }
-function R(t, e) {
-  var n = ve(J++, 3);
-  !F.__s && ut(n.__H, e) && (n.__ = t, n.u = e, x.__H.__h.push(n));
+function x(e, t) {
+  var n = pe(Q++, 3);
+  !R.__s && ut(n.__H, t) && (n.__ = e, n.u = t, P.__H.__h.push(n));
 }
-function O(t) {
-  return te = 5, Z(function() {
-    return { current: t };
+function F(e) {
+  return oe = 5, ee(function() {
+    return { current: e };
   }, []);
 }
-function Z(t, e) {
-  var n = ve(J++, 7);
-  return ut(n.__H, e) && (n.__ = t(), n.__H = e, n.__h = t), n.__;
+function ee(e, t) {
+  var n = pe(Q++, 7);
+  return ut(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
 }
-function je(t, e) {
-  return te = 8, Z(function() {
-    return t;
-  }, e);
+function je(e, t) {
+  return oe = 8, ee(function() {
+    return e;
+  }, t);
 }
-function At(t) {
-  var e = x.context[t.__c], n = ve(J++, 9);
-  return n.c = t, e ? (n.__ == null && (n.__ = !0, e.sub(x)), e.props.value) : t.__;
+function Mt(e) {
+  var t = P.context[e.__c], n = pe(Q++, 9);
+  return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(P)), t.props.value) : e.__;
 }
-function Pt() {
-  for (var t; t = ct.shift(); ) if (t.__P && t.__H) try {
-    t.__H.__h.forEach(le), t.__H.__h.forEach(Te), t.__H.__h = [];
-  } catch (e) {
-    t.__H.__h = [], F.__e(e, t.__v);
+function At() {
+  for (var e; e = ct.shift(); ) if (e.__P && e.__H) try {
+    e.__H.__h.forEach(ue), e.__H.__h.forEach(ke), e.__H.__h = [];
+  } catch (t) {
+    e.__H.__h = [], R.__e(t, e.__v);
   }
 }
-F.__b = function(t) {
-  x = null, De && De(t);
-}, F.__ = function(t, e) {
-  t && e.__k && e.__k.__m && (t.__m = e.__k.__m), We && We(t, e);
-}, F.__r = function(t) {
-  Oe && Oe(t), J = 0;
-  var e = (x = t.__c).__H;
-  e && (pe === x ? (e.__h = [], x.__h = [], e.__.forEach(function(n) {
+R.__b = function(e) {
+  P = null, De && De(e);
+}, R.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), We && We(e, t);
+}, R.__r = function(e) {
+  Oe && Oe(e), Q = 0;
+  var t = (P = e.__c).__H;
+  t && (Ce === P ? (t.__h = [], P.__h = [], t.__.forEach(function(n) {
     n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
-  })) : (e.__h.forEach(le), e.__h.forEach(Te), e.__h = [], J = 0)), pe = x;
-}, F.diffed = function(t) {
-  $e && $e(t);
-  var e = t.__c;
-  e && e.__H && (e.__H.__h.length && (ct.push(e) !== 1 && Fe === F.requestAnimationFrame || ((Fe = F.requestAnimationFrame) || It)(Pt)), e.__H.__.forEach(function(n) {
+  })) : (t.__h.forEach(ue), t.__h.forEach(ke), t.__h = [], Q = 0)), Ce = P;
+}, R.diffed = function(e) {
+  $e && $e(e);
+  var t = e.__c;
+  t && t.__H && (t.__H.__h.length && (ct.push(t) !== 1 && Fe === R.requestAnimationFrame || ((Fe = R.requestAnimationFrame) || Pt)(At)), t.__H.__.forEach(function(n) {
     n.u && (n.__H = n.u), n.u = void 0;
-  })), pe = x = null;
-}, F.__c = function(t, e) {
-  e.some(function(n) {
+  })), Ce = P = null;
+}, R.__c = function(e, t) {
+  t.some(function(n) {
     try {
-      n.__h.forEach(le), n.__h = n.__h.filter(function(o) {
-        return !o.__ || Te(o);
+      n.__h.forEach(ue), n.__h = n.__h.filter(function(o) {
+        return !o.__ || ke(o);
       });
     } catch (o) {
-      e.some(function(i) {
+      t.some(function(i) {
         i.__h && (i.__h = []);
-      }), e = [], F.__e(o, n.__v);
+      }), t = [], R.__e(o, n.__v);
     }
-  }), Ue && Ue(t, e);
-}, F.unmount = function(t) {
-  Ge && Ge(t);
-  var e, n = t.__c;
+  }), Ue && Ue(e, t);
+}, R.unmount = function(e) {
+  Ge && Ge(e);
+  var t, n = e.__c;
   n && n.__H && (n.__H.__.forEach(function(o) {
     try {
-      le(o);
+      ue(o);
     } catch (i) {
-      e = i;
+      t = i;
     }
-  }), n.__H = void 0, e && F.__e(e, n.__v));
+  }), n.__H = void 0, t && R.__e(t, n.__v));
 };
 var qe = typeof requestAnimationFrame == "function";
-function It(t) {
-  var e, n = function() {
-    clearTimeout(o), qe && cancelAnimationFrame(e), setTimeout(t);
+function Pt(e) {
+  var t, n = function() {
+    clearTimeout(o), qe && cancelAnimationFrame(t), setTimeout(e);
   }, o = setTimeout(n, 100);
-  qe && (e = requestAnimationFrame(n));
+  qe && (t = requestAnimationFrame(n));
 }
-function le(t) {
-  var e = x, n = t.__c;
-  typeof n == "function" && (t.__c = void 0, n()), x = e;
+function ue(e) {
+  var t = P, n = e.__c;
+  typeof n == "function" && (e.__c = void 0, n()), P = t;
 }
-function Te(t) {
-  var e = x;
-  t.__c = t.__(), x = e;
+function ke(e) {
+  var t = P;
+  e.__c = e.__(), P = t;
 }
-function ut(t, e) {
-  return !t || t.length !== e.length || e.some(function(n, o) {
-    return n !== t[o];
+function ut(e, t) {
+  return !e || e.length !== t.length || t.some(function(n, o) {
+    return n !== e[o];
   });
 }
-function dt(t, e) {
-  return typeof e == "function" ? e(t) : e;
+function dt(e, t) {
+  return typeof t == "function" ? t(e) : t;
 }
-const xt = (t) => ({
-  saveGameData(e) {
+const It = (e) => ({
+  saveGameData(t) {
     try {
-      localStorage.setItem(t, JSON.stringify(e));
+      localStorage.setItem(e, JSON.stringify(t));
     } catch (n) {
       console.error("Failed to save maze game data:", n);
     }
   },
   loadGameData() {
     try {
-      const e = localStorage.getItem(t);
-      return e ? JSON.parse(e) : null;
-    } catch (e) {
-      return console.error("Failed to load maze game data:", e), null;
+      const t = localStorage.getItem(e);
+      return t ? JSON.parse(t) : null;
+    } catch (t) {
+      return console.error("Failed to load maze game data:", t), null;
     }
   },
   resetGameData() {
     try {
-      localStorage.removeItem(t);
-    } catch (e) {
-      console.error("Failed to reset maze game data:", e);
+      localStorage.removeItem(e);
+    } catch (t) {
+      console.error("Failed to reset maze game data:", t);
     }
   }
-}), ht = Lt(void 0), He = {
+}), ht = Et(void 0), He = {
   currentLevel: 1,
   highestUnlockedLevel: 1,
   currentTier: 1,
   highestUnlockedTier: 1,
   levelScores: {},
   totalScore: 0
-}, ke = {
+}, Se = {
   isGameActive: !0,
   levelTransitioning: !1,
   maze: null,
@@ -447,9 +447,9 @@ const xt = (t) => ({
   showClue: !1,
   playerPath: [],
   visitCounts: {}
-}, Rt = ({ children: t, config: e }) => {
-  const n = xt(e.lcPrefix + "progress"), o = n.loadGameData(), [i, s] = U(() => o || { ...He });
-  R(() => {
+}, xt = ({ children: e, config: t }) => {
+  const n = It(t.lcPrefix + "progress"), o = n.loadGameData(), [i, s] = G(() => o || { ...He });
+  x(() => {
     const u = Object.values(i.levelScores).reduce(
       (h, f) => h + f,
       0
@@ -458,7 +458,7 @@ const xt = (t) => ({
       ...h,
       totalScore: u
     }));
-  }, [i.levelScores]), R(() => {
+  }, [i.levelScores]), x(() => {
     n.saveGameData(i);
   }, [
     i.currentLevel,
@@ -468,26 +468,26 @@ const xt = (t) => ({
     i.levelScores,
     i.totalScore
   ]);
-  const [a, r] = U({
-    ...ke
-  }), l = O(a);
-  R(() => {
-    l.current = a;
-  }, [a]);
-  const c = Z(() => [
-    a.playerAtExit ? 1 : 0,
-    a.foodCollected === a.totalFoodCount ? 1 : 0,
-    a.showClue ? 0 : 1
+  const [l, r] = G({
+    ...Se
+  }), a = F(l);
+  x(() => {
+    a.current = l;
+  }, [l]);
+  const c = ee(() => [
+    l.playerAtExit ? 1 : 0,
+    l.foodCollected === l.totalFoodCount ? 1 : 0,
+    l.showClue ? 0 : 1
   ], [
-    a.playerAtExit,
-    a.foodCollected,
-    a.totalFoodCount,
-    a.showClue
+    l.playerAtExit,
+    l.foodCollected,
+    l.totalFoodCount,
+    l.showClue
   ]), d = () => {
     n.resetGameData(), s({
       ...He
     }), r({
-      ...ke
+      ...Se
     });
   };
   return /* @__PURE__ */ m(
@@ -496,84 +496,84 @@ const xt = (t) => ({
       value: {
         gameProgress: i,
         setGameProgress: s,
-        gamePlayState: a,
+        gamePlayState: l,
         setGamePlayState: r,
-        gamePlayStateRef: l,
+        gamePlayStateRef: a,
         currentScore: c,
-        config: e,
+        config: t,
         resetGame: d
       },
-      children: t
+      children: e
     }
   );
-}, ne = () => {
-  const t = At(ht);
-  if (!t)
+}, re = () => {
+  const e = Mt(ht);
+  if (!e)
     throw new Error("useGameContext must be used within a GameProvider");
-  return t;
-}, oe = (t) => Z(() => {
-  const e = t.map((r) => r.length), n = e.reduce((r, l) => r + l, 0), o = t.length, i = (r) => {
+  return e;
+}, ie = (e) => ee(() => {
+  const t = e.map((r) => r.length), n = t.reduce((r, a) => r + a, 0), o = e.length, i = (r) => {
     if (r < 1 || r > n) return 0;
-    let l = 0;
-    for (let c = 0; c < e.length; c++)
-      if (l += e[c], r <= l) return c + 1;
+    let a = 0;
+    for (let c = 0; c < t.length; c++)
+      if (a += t[c], r <= a) return c + 1;
     return 0;
-  }, s = (r) => r < 1 || r > o ? 0 : e.slice(0, r - 1).reduce((l, c) => l + c, 0) + 1, a = {
+  }, s = (r) => r < 1 || r > o ? 0 : t.slice(0, r - 1).reduce((a, c) => a + c, 0) + 1, l = {
     getTotalLevels: () => n,
     getTotalTiers: () => o,
     getTierLevelsRange: (r) => {
       if (r < 1 || r > o) return [0, 0];
-      const l = s(r), c = l + e[r - 1] - 1;
-      return [l, c];
+      const a = s(r), c = a + t[r - 1] - 1;
+      return [a, c];
     },
     getTierByLevel: i,
     getFirstLevelOfTier: s,
     getLevelConfig: (r) => {
       if (r < 1 || r > n) return null;
-      const l = i(r), c = s(l), d = r - c;
-      return t[l - 1][d];
+      const a = i(r), c = s(a), d = r - c;
+      return e[a - 1][d];
     },
-    getTierConfig: (r) => r < 1 || r > o ? null : t[r - 1],
-    isLevelUnlocked: (r, l) => r <= l,
-    isTierUnlocked: (r, l) => r <= l,
+    getTierConfig: (r) => r < 1 || r > o ? null : e[r - 1],
+    isLevelUnlocked: (r, a) => r <= a,
+    isTierUnlocked: (r, a) => r <= a,
     getNextLevelInfo: (r) => {
       if (r >= n) return null;
-      const l = r + 1, c = i(r), d = i(l);
+      const a = r + 1, c = i(r), d = i(a);
       return {
-        nextLevel: l,
+        nextLevel: a,
         nextTier: d,
         isTierChange: d > c
       };
     },
-    getCurrentTierProgress: (r, l) => {
-      const [c, d] = a.getTierLevelsRange(l), u = r - c + 1, h = d - c + 1;
+    getCurrentTierProgress: (r, a) => {
+      const [c, d] = l.getTierLevelsRange(a), u = r - c + 1, h = d - c + 1;
       return { current: u, total: h };
     },
     isLastLevelInTier: (r) => {
-      const l = i(r), [, c] = a.getTierLevelsRange(l);
+      const a = i(r), [, c] = l.getTierLevelsRange(a);
       return r === c;
     },
     getPreviousLevelInfo: (r) => {
       if (r <= 1) return null;
-      const l = r - 1, c = i(r), d = i(l);
+      const a = r - 1, c = i(r), d = i(a);
       return {
-        prevLevel: l,
+        prevLevel: a,
         prevTier: d,
         isTierChange: d < c
       };
     }
   };
-  return a;
-}, [t]), Ft = ({ onTierChange: t, disabled: e }) => {
-  const { gameProgress: n, config: o } = ne(), { i18n: i, levelConfig: s } = o, { currentTier: a, highestUnlockedTier: r } = n, c = oe(s).getTotalTiers();
+  return l;
+}, [e]), Rt = ({ onTierChange: e, disabled: t }) => {
+  const { gameProgress: n, config: o } = re(), { i18n: i, levelConfig: s } = o, { currentTier: l, highestUnlockedTier: r } = n, c = ie(s).getTotalTiers();
   return /* @__PURE__ */ m("div", { className: "tier-selector", children: /* @__PURE__ */ m(
     "select",
     {
-      value: a,
+      value: l,
       onChange: (d) => {
-        d.target && d.target.value && t(Number(d.target.value));
+        d.target && d.target.value && e(Number(d.target.value));
       },
-      disabled: e,
+      disabled: t,
       className: "tier-dropdown",
       children: Array.from({ length: c }, (d, u) => u + 1).map((d) => /* @__PURE__ */ m(
         "option",
@@ -586,25 +586,25 @@ const xt = (t) => ({
       ))
     }
   ) });
-}, Dt = ({ onLevelChange: t, disabled: e }) => {
-  const { gameProgress: n, config: o } = ne(), { i18n: i, levelConfig: s } = o, { currentTier: a, levelScores: r, currentLevel: l, highestUnlockedLevel: c } = n, d = oe(s), u = Z(() => {
-    const [h, f] = d.getTierLevelsRange(a);
-    return Array.from({ length: f - h + 1 }, (k, p) => {
-      const _ = h + p, b = r[_] || 0;
+}, Ft = ({ onLevelChange: e, disabled: t }) => {
+  const { gameProgress: n, config: o } = re(), { i18n: i, levelConfig: s } = o, { currentTier: l, levelScores: r, currentLevel: a, highestUnlockedLevel: c } = n, d = ie(s), u = ee(() => {
+    const [h, f] = d.getTierLevelsRange(l);
+    return Array.from({ length: f - h + 1 }, (p, v) => {
+      const _ = h + v, b = r[_] || 0;
       return {
         level: _,
         score: b
       };
     });
-  }, [a, r]);
+  }, [l, r]);
   return /* @__PURE__ */ m("div", { className: "level-selector", children: /* @__PURE__ */ m(
     "select",
     {
-      value: l,
+      value: a,
       onChange: (h) => {
-        h.target && h.target.value && t(Number(h.target.value));
+        h.target && h.target.value && e(Number(h.target.value));
       },
-      disabled: e,
+      disabled: t,
       className: "level-dropdown",
       children: u.map(({ level: h, score: f }) => /* @__PURE__ */ m(
         "option",
@@ -617,44 +617,44 @@ const xt = (t) => ({
       ))
     }
   ) });
-}, Q = ({
-  isOpen: t,
-  title: e,
+}, te = ({
+  isOpen: e,
+  title: t,
   className: n = "",
   message: o,
   children: i,
   noConfirm: s = !1,
-  noCancel: a = !1,
+  noCancel: l = !1,
   confirmText: r = "OK",
-  cancelText: l = "Cancel",
+  cancelText: a = "Cancel",
   confirmClass: c = "",
   cancelClass: d = "",
   onConfirm: u,
   onCancel: h
 }) => {
-  const f = O(null);
-  return R(() => {
-    const k = (p) => {
-      p.key === "Escape" && h?.();
+  const f = F(null);
+  return x(() => {
+    const p = (v) => {
+      v.key === "Escape" && h?.();
     };
-    return t && document.addEventListener("keydown", k), () => {
-      document.removeEventListener("keydown", k);
+    return e && document.addEventListener("keydown", p), () => {
+      document.removeEventListener("keydown", p);
     };
-  }, [t, h]), /* @__PURE__ */ m(
+  }, [e, h]), /* @__PURE__ */ m(
     "div",
     {
-      className: `maze-dialog-overlay ${t ? "maze-dialog-visible" : ""}`,
+      className: `maze-dialog-overlay ${e ? "maze-dialog-visible" : ""}`,
       children: /* @__PURE__ */ m("div", { className: "maze-dialog " + n, ref: f, children: [
-        /* @__PURE__ */ m("div", { className: "maze-dialog-title", children: e }),
+        /* @__PURE__ */ m("div", { className: "maze-dialog-title", children: t }),
         /* @__PURE__ */ m("div", { className: "maze-dialog-content", children: i || /* @__PURE__ */ m("div", { className: "maze-dialog-message", children: o }) }),
-        (!a || !s) && /* @__PURE__ */ m("div", { className: "maze-dialog-buttons", children: [
-          !a && /* @__PURE__ */ m(
+        (!l || !s) && /* @__PURE__ */ m("div", { className: "maze-dialog-buttons", children: [
+          !l && /* @__PURE__ */ m(
             "button",
             {
               type: "button",
               className: "maze-dialog-cancel " + d,
               onClick: h,
-              children: l
+              children: a
             }
           ),
           !s && /* @__PURE__ */ m(
@@ -670,17 +670,17 @@ const xt = (t) => ({
       ] })
     }
   );
-}, j = {
+}, q = {
   container: null,
   // attach Toast container to element, only need to execute once
-  attachTo(t) {
-    return this.container && this.container.parentNode && this.container.parentNode.removeChild(this.container), this.container = document.createElement("div"), this.container.className = "toast-container position-bottom", t.appendChild(this.container), this.container;
+  attachTo(e) {
+    return this.container && this.container.parentNode && this.container.parentNode.removeChild(this.container), this.container = document.createElement("div"), this.container.className = "toast-container position-bottom", e.appendChild(this.container), this.container;
   },
   // current toast element
   currentToast: null,
   currentTimer: null,
   // use it in any component
-  show(t, e = 2e3) {
+  show(e, t = 2e3) {
     if (!this.container) {
       console.warn(
         "NativeToast: container not initialized, please call attachTo first"
@@ -689,66 +689,66 @@ const xt = (t) => ({
     }
     this.currentToast && this.container.contains(this.currentToast) && (this.container.removeChild(this.currentToast), this.currentToast = null), this.currentTimer && (clearTimeout(this.currentTimer), this.currentTimer = null);
     const n = document.createElement("div");
-    n.className = "toast-message toast-visible", n.textContent = t, this.container.appendChild(n), this.currentToast = n, this.currentTimer = setTimeout(() => {
+    n.className = "toast-message toast-visible", n.textContent = e, this.container.appendChild(n), this.currentToast = n, this.currentTimer = setTimeout(() => {
       n.classList.remove("toast-visible"), setTimeout(() => {
         this.container && this.container.contains(n) && (this.container.removeChild(n), this.currentToast === n && (this.currentToast = null));
       }, 300), this.currentTimer = null;
-    }, e);
+    }, t);
   },
   clearAll() {
     if (this.container)
       for (; this.container.firstChild; )
         this.container.removeChild(this.container.firstChild);
   }
-}, Ot = () => {
+}, Dt = () => {
   const {
-    gameProgress: t,
-    setGameProgress: e,
+    gameProgress: e,
+    setGameProgress: t,
     gamePlayState: n,
     setGamePlayState: o,
     gamePlayStateRef: i,
     resetGame: s,
-    config: a
-  } = ne(), { i18n: r, levelConfig: l } = a, c = oe(l), { levelTransitioning: d, showClue: u } = n, { highestUnlockedLevel: h, totalScore: f } = t, k = c.getTotalLevels(), [p, _] = U(!1), [b, w] = U(!1), [M, C] = U(!1), z = (D) => {
-    const I = c.getFirstLevelOfTier(D);
-    c.isLevelUnlocked(I, h) && (e(($) => ({ ...$, currentTier: D })), S(I));
-  }, S = (D) => {
-    c.isLevelUnlocked(D, h) && (e((I) => ({ ...I, currentLevel: D })), j.show(r.levelGoToast.replace("%LEVEL%", D.toString())));
-  }, E = () => {
+    config: l
+  } = re(), { i18n: r, levelConfig: a } = l, c = ie(a), { levelTransitioning: d, showClue: u } = n, { highestUnlockedLevel: h, totalScore: f } = e, p = c.getTotalLevels(), [v, _] = G(!1), [b, C] = G(!1), [T, g] = G(!1), k = (O) => {
+    const $ = c.getFirstLevelOfTier(O);
+    c.isLevelUnlocked($, h) && (t((W) => ({ ...W, currentTier: O })), w($));
+  }, w = (O) => {
+    c.isLevelUnlocked(O, h) && (t(($) => ({ ...$, currentLevel: O })), q.show(r.levelGoToast.replace("%LEVEL%", O.toString())));
+  }, y = () => {
     _(!0);
-  }, L = () => {
+  }, S = () => {
     _(!1);
-  }, y = () => {
-    C(!0);
-  }, g = () => {
-    C(!1);
-  }, v = () => {
-    j.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
+  }, N = () => {
+    g(!0);
+  }, z = () => {
+    g(!1);
+  }, E = () => {
+    q.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
       ...i.current,
       // need to sync with ref
       showClue: !i.current.showClue
-    })), C(!1);
-  }, T = () => {
-    w(!0);
-  }, N = () => {
-    s(), w(!1), j.show(r.resetDoneToast);
-  }, P = () => {
-    w(!1);
+    })), g(!1);
+  }, L = () => {
+    C(!0);
+  }, A = () => {
+    s(), C(!1), q.show(r.resetDoneToast);
+  }, I = () => {
+    C(!1);
   };
   return /* @__PURE__ */ m("div", { class: "game-panel-container", children: [
     /* @__PURE__ */ m("div", { className: "game-controls", children: [
       /* @__PURE__ */ m("div", { className: "selectors-container", children: [
         /* @__PURE__ */ m(
-          Ft,
+          Rt,
           {
-            onTierChange: z,
+            onTierChange: k,
             disabled: d
           }
         ),
         /* @__PURE__ */ m(
-          Dt,
+          Ft,
           {
-            onLevelChange: S,
+            onLevelChange: w,
             disabled: d
           }
         )
@@ -759,23 +759,23 @@ const xt = (t) => ({
           className: `settings-clue-button ${u ? "clue-on" : "clue-off"}`,
           disabled: u,
           title: "Toggle Clue",
-          onClick: y,
+          onClick: N,
           children: u ? r.clueOn : r.clueOff
         }
       )
     ] }),
-    /* @__PURE__ */ m("div", { className: "game-settings", children: /* @__PURE__ */ m("span", { className: "game-settings-icon", onClick: E, children: "★ " + f }) }),
+    /* @__PURE__ */ m("div", { className: "game-settings", children: /* @__PURE__ */ m("span", { className: "game-settings-icon", onClick: y, children: "★ " + f }) }),
     /* @__PURE__ */ m(
-      Q,
+      te,
       {
-        isOpen: p,
+        isOpen: v,
         title: r.settings,
         noConfirm: !0,
         cancelText: r.close,
-        onCancel: L,
+        onCancel: S,
         children: [
           /* @__PURE__ */ m("div", { className: "settings-stats", children: [
-            /* @__PURE__ */ m("div", { children: r.levelComplete + `: ${h}/${k}` }),
+            /* @__PURE__ */ m("div", { children: r.levelComplete + `: ${h}/${p}` }),
             /* @__PURE__ */ m("div", { children: r.starsCollected + ": " + f }),
             /* @__PURE__ */ m("div", { children: r.avgStarPerLevel + ": " + (f / h).toFixed(2) })
           ] }),
@@ -785,7 +785,7 @@ const xt = (t) => ({
               {
                 className: "settings-reset-button",
                 title: "Reset Game",
-                onClick: T,
+                onClick: L,
                 children: r.reset
               }
             ),
@@ -795,127 +795,127 @@ const xt = (t) => ({
       }
     ),
     /* @__PURE__ */ m(
-      Q,
+      te,
       {
         isOpen: b,
         title: r.confirmReset,
         message: r.confirmResetMessage,
         confirmText: r.reset,
         cancelText: r.cancel,
-        onConfirm: N,
-        onCancel: P
+        onConfirm: A,
+        onCancel: I
       }
     ),
     /* @__PURE__ */ m(
-      Q,
+      te,
       {
-        isOpen: M,
+        isOpen: T,
         title: r.confirmClue,
         message: r.confirmClueMessage,
         confirmText: r.confirm,
         cancelText: r.cancel,
-        onConfirm: v,
-        onCancel: g
+        onConfirm: E,
+        onCancel: z
       }
     )
   ] });
 };
-function Ne(t, e) {
-  if (!(t instanceof e))
+function Me(e, t) {
+  if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function $t(t, e) {
-  for (var n = 0; n < e.length; n++) {
-    var o = e[n];
-    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
+function Ot(e, t) {
+  for (var n = 0; n < t.length; n++) {
+    var o = t[n];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
   }
 }
-function Me(t, e, n) {
-  return e && $t(t.prototype, e), t;
+function Ae(e, t, n) {
+  return t && Ot(e.prototype, t), e;
 }
-function Be(t) {
-  return +t.replace(/px/, "");
+function Be(e) {
+  return +e.replace(/px/, "");
 }
-function Ut(t) {
-  var e = window.devicePixelRatio, n = getComputedStyle(t), o = Be(n.getPropertyValue("width")), i = Be(n.getPropertyValue("height"));
-  t.setAttribute("width", (o * e).toString()), t.setAttribute("height", (i * e).toString());
+function $t(e) {
+  var t = window.devicePixelRatio, n = getComputedStyle(e), o = Be(n.getPropertyValue("width")), i = Be(n.getPropertyValue("height"));
+  e.setAttribute("width", (o * t).toString()), e.setAttribute("height", (i * t).toString());
 }
-function W(t, e) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0, o = Math.random() * (e - t) + t;
+function j(e, t) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0, o = Math.random() * (t - e) + e;
   return Math.floor(o * Math.pow(10, n)) / Math.pow(10, n);
 }
-function Ve(t) {
-  return t[W(0, t.length)];
+function Ve(e) {
+  return e[j(0, e.length)];
 }
-var Gt = 125e-5, Wt = 5e-4, jt = 9e-4, qt = 1e-5, Ht = 6, Bt = 80, Vt = 0.9, Xt = 1.7, Yt = 0.2, Kt = 0.6, Jt = 0.03, Zt = 0.07, Qt = 15, en = 82, tn = 100, nn = 250, on = 40, rn = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
-function Xe(t) {
-  var e = 1920;
-  return Math.log(t) / Math.log(e);
+var Ut = 125e-5, Gt = 5e-4, Wt = 9e-4, jt = 1e-5, qt = 6, Ht = 80, Bt = 0.9, Vt = 1.7, Xt = 0.2, Yt = 0.6, Kt = 0.03, Jt = 0.07, Zt = 15, Qt = 82, en = 100, tn = 250, nn = 40, on = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
+function Xe(e) {
+  var t = 1920;
+  return Math.log(e) / Math.log(t);
 }
 var Ye = /* @__PURE__ */ function() {
-  function t(e) {
-    Ne(this, t);
-    var n = e.initialPosition, o = e.direction, i = e.confettiRadius, s = e.confettiColors, a = e.emojis, r = e.emojiSize, l = e.canvasWidth, c = W(Vt, Xt, 3), d = c * Xe(l);
+  function e(t) {
+    Me(this, e);
+    var n = t.initialPosition, o = t.direction, i = t.confettiRadius, s = t.confettiColors, l = t.emojis, r = t.emojiSize, a = t.canvasWidth, c = j(Bt, Vt, 3), d = c * Xe(a);
     this.confettiSpeed = {
       x: d,
       y: d
-    }, this.finalConfettiSpeedX = W(Yt, Kt, 3), this.rotationSpeed = a.length ? 0.01 : W(Jt, Zt, 3) * Xe(l), this.dragForceCoefficient = W(Wt, jt, 6), this.radius = {
+    }, this.finalConfettiSpeedX = j(Xt, Yt, 3), this.rotationSpeed = l.length ? 0.01 : j(Kt, Jt, 3) * Xe(a), this.dragForceCoefficient = j(Gt, Wt, 6), this.radius = {
       x: i,
       y: i
-    }, this.initialRadius = i, this.rotationAngle = o === "left" ? W(0, 0.2, 3) : W(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = W(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
-    var u = o === "left" ? W(en, Qt) * Math.PI / 180 : W(-15, -82) * Math.PI / 180;
+    }, this.initialRadius = i, this.rotationAngle = o === "left" ? j(0, 0.2, 3) : j(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = j(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
+    var u = o === "left" ? j(Qt, Zt) * Math.PI / 180 : j(-15, -82) * Math.PI / 180;
     this.absCos = Math.abs(Math.cos(u)), this.absSin = Math.abs(Math.sin(u));
-    var h = W(-150, 0), f = {
+    var h = j(-150, 0), f = {
       x: n.x + (o === "left" ? -h : h) * this.absCos,
       y: n.y - h * this.absSin
     };
-    this.currentPosition = Object.assign({}, f), this.initialPosition = Object.assign({}, f), this.color = a.length ? null : Ve(s), this.emoji = a.length ? Ve(a) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
+    this.currentPosition = Object.assign({}, f), this.initialPosition = Object.assign({}, f), this.color = l.length ? null : Ve(s), this.emoji = l.length ? Ve(l) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
   }
-  return Me(t, [{
+  return Ae(e, [{
     key: "draw",
     value: function(n) {
-      var o = this.currentPosition, i = this.radius, s = this.color, a = this.emoji, r = this.rotationAngle, l = this.emojiRotationAngle, c = this.emojiSize, d = window.devicePixelRatio;
-      s ? (n.fillStyle = s, n.beginPath(), n.ellipse(o.x * d, o.y * d, i.x * d, i.y * d, r, 0, 2 * Math.PI), n.fill()) : a && (n.font = "".concat(c, "px serif"), n.save(), n.translate(d * o.x, d * o.y), n.rotate(l), n.textAlign = "center", n.fillText(a, 0, 0), n.restore());
+      var o = this.currentPosition, i = this.radius, s = this.color, l = this.emoji, r = this.rotationAngle, a = this.emojiRotationAngle, c = this.emojiSize, d = window.devicePixelRatio;
+      s ? (n.fillStyle = s, n.beginPath(), n.ellipse(o.x * d, o.y * d, i.x * d, i.y * d, r, 0, 2 * Math.PI), n.fill()) : l && (n.font = "".concat(c, "px serif"), n.save(), n.translate(d * o.x, d * o.y), n.rotate(a), n.textAlign = "center", n.fillText(l, 0, 0), n.restore());
     }
   }, {
     key: "updatePosition",
     value: function(n, o) {
-      var i = this.confettiSpeed, s = this.dragForceCoefficient, a = this.finalConfettiSpeedX, r = this.radiusYUpdateDirection, l = this.rotationSpeed, c = this.createdAt, d = this.direction, u = o - c;
-      if (i.x > a && (this.confettiSpeed.x -= s * n), this.currentPosition.x += i.x * (d === "left" ? -this.absCos : this.absCos) * n, this.currentPosition.y = this.initialPosition.y - i.y * this.absSin * u + Gt * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : qt * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
+      var i = this.confettiSpeed, s = this.dragForceCoefficient, l = this.finalConfettiSpeedX, r = this.radiusYUpdateDirection, a = this.rotationSpeed, c = this.createdAt, d = this.direction, u = o - c;
+      if (i.x > l && (this.confettiSpeed.x -= s * n), this.currentPosition.x += i.x * (d === "left" ? -this.absCos : this.absCos) * n, this.currentPosition.y = this.initialPosition.y - i.y * this.absSin * u + Ut * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : jt * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
         this.emojiRotationAngle += this.rotationSpeed * n % (2 * Math.PI);
         return;
       }
-      r === "down" ? (this.radius.y -= n * l, this.radius.y <= 0 && (this.radius.y = 0, this.radiusYUpdateDirection = "up")) : (this.radius.y += n * l, this.radius.y >= this.initialRadius && (this.radius.y = this.initialRadius, this.radiusYUpdateDirection = "down"));
+      r === "down" ? (this.radius.y -= n * a, this.radius.y <= 0 && (this.radius.y = 0, this.radiusYUpdateDirection = "up")) : (this.radius.y += n * a, this.radius.y >= this.initialRadius && (this.radius.y = this.initialRadius, this.radiusYUpdateDirection = "down"));
     }
   }, {
     key: "getIsVisibleOnCanvas",
     value: function(n) {
-      return this.currentPosition.y < n + tn;
+      return this.currentPosition.y < n + en;
     }
-  }]), t;
+  }]), e;
 }();
-function sn() {
-  var t = document.createElement("canvas");
-  return t.style.position = "fixed", t.style.width = "100%", t.style.height = "100%", t.style.top = "0", t.style.left = "0", t.style.zIndex = "1000", t.style.pointerEvents = "none", document.body.appendChild(t), t;
+function rn() {
+  var e = document.createElement("canvas");
+  return e.style.position = "fixed", e.style.width = "100%", e.style.height = "100%", e.style.top = "0", e.style.left = "0", e.style.zIndex = "1000", e.style.pointerEvents = "none", document.body.appendChild(e), e;
 }
-function an(t) {
-  var e = t.confettiRadius, n = e === void 0 ? Ht : e, o = t.confettiNumber, i = o === void 0 ? t.confettiesNumber || (t.emojis ? on : nn) : o, s = t.confettiColors, a = s === void 0 ? rn : s, r = t.emojis, l = r === void 0 ? t.emojies || [] : r, c = t.emojiSize, d = c === void 0 ? Bt : c;
-  return t.emojies && console.error("emojies argument is deprecated, please use emojis instead"), t.confettiesNumber && console.error("confettiesNumber argument is deprecated, please use confettiNumber instead"), {
+function sn(e) {
+  var t = e.confettiRadius, n = t === void 0 ? qt : t, o = e.confettiNumber, i = o === void 0 ? e.confettiesNumber || (e.emojis ? nn : tn) : o, s = e.confettiColors, l = s === void 0 ? on : s, r = e.emojis, a = r === void 0 ? e.emojies || [] : r, c = e.emojiSize, d = c === void 0 ? Ht : c;
+  return e.emojies && console.error("emojies argument is deprecated, please use emojis instead"), e.confettiesNumber && console.error("confettiesNumber argument is deprecated, please use confettiNumber instead"), {
     confettiRadius: n,
     confettiNumber: i,
-    confettiColors: a,
-    emojis: l,
+    confettiColors: l,
+    emojis: a,
     emojiSize: d
   };
 }
 var ln = /* @__PURE__ */ function() {
-  function t(e) {
+  function e(t) {
     var n = this;
-    Ne(this, t), this.canvasContext = e, this.shapes = [], this.promise = new Promise(function(o) {
+    Me(this, e), this.canvasContext = t, this.shapes = [], this.promise = new Promise(function(o) {
       return n.resolvePromise = o;
     });
   }
-  return Me(t, [{
+  return Ae(e, [{
     key: "getBatchCompletePromise",
     value: function() {
       return this.promise;
@@ -935,27 +935,27 @@ var ln = /* @__PURE__ */ function() {
   }, {
     key: "processShapes",
     value: function(n, o, i) {
-      var s = this, a = n.timeDelta, r = n.currentTime;
-      this.shapes = this.shapes.filter(function(l) {
-        return l.updatePosition(a, r), l.draw(s.canvasContext), i ? l.getIsVisibleOnCanvas(o) : !0;
+      var s = this, l = n.timeDelta, r = n.currentTime;
+      this.shapes = this.shapes.filter(function(a) {
+        return a.updatePosition(l, r), a.draw(s.canvasContext), i ? a.getIsVisibleOnCanvas(o) : !0;
       });
     }
-  }]), t;
-}(), cn = /* @__PURE__ */ function() {
-  function t() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    Ne(this, t), this.activeConfettiBatches = [], this.canvas = e.canvas || sn(), this.canvasContext = this.canvas.getContext("2d"), this.requestAnimationFrameRequested = !1, this.lastUpdated = (/* @__PURE__ */ new Date()).getTime(), this.iterationIndex = 0, this.loop = this.loop.bind(this), requestAnimationFrame(this.loop);
+  }]), e;
+}(), an = /* @__PURE__ */ function() {
+  function e() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    Me(this, e), this.activeConfettiBatches = [], this.canvas = t.canvas || rn(), this.canvasContext = this.canvas.getContext("2d"), this.requestAnimationFrameRequested = !1, this.lastUpdated = (/* @__PURE__ */ new Date()).getTime(), this.iterationIndex = 0, this.loop = this.loop.bind(this), requestAnimationFrame(this.loop);
   }
-  return Me(t, [{
+  return Ae(e, [{
     key: "loop",
     value: function() {
-      this.requestAnimationFrameRequested = !1, Ut(this.canvas);
+      this.requestAnimationFrameRequested = !1, $t(this.canvas);
       var n = (/* @__PURE__ */ new Date()).getTime(), o = n - this.lastUpdated, i = this.canvas.offsetHeight, s = this.iterationIndex % 10 === 0;
-      this.activeConfettiBatches = this.activeConfettiBatches.filter(function(a) {
-        return a.processShapes({
+      this.activeConfettiBatches = this.activeConfettiBatches.filter(function(l) {
+        return l.processShapes({
           timeDelta: o,
           currentTime: n
-        }, i, s), s ? !a.complete() : !0;
+        }, i, s), s ? !l.complete() : !0;
       }), this.iterationIndex++, this.queueAnimationFrameIfNeeded(n);
     }
   }, {
@@ -966,35 +966,35 @@ var ln = /* @__PURE__ */ function() {
   }, {
     key: "addConfetti",
     value: function() {
-      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = an(n), i = o.confettiRadius, s = o.confettiNumber, a = o.confettiColors, r = o.emojis, l = o.emojiSize, c = this.canvas.getBoundingClientRect(), d = c.width, u = c.height, h = u * 5 / 7, f = {
+      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = sn(n), i = o.confettiRadius, s = o.confettiNumber, l = o.confettiColors, r = o.emojis, a = o.emojiSize, c = this.canvas.getBoundingClientRect(), d = c.width, u = c.height, h = u * 5 / 7, f = {
         x: 0,
         y: h
-      }, k = {
+      }, p = {
         x: d,
         y: h
-      }, p = new ln(this.canvasContext), _ = 0; _ < s / 2; _++) {
+      }, v = new ln(this.canvasContext), _ = 0; _ < s / 2; _++) {
         var b = new Ye({
           initialPosition: f,
           direction: "right",
           confettiRadius: i,
-          confettiColors: a,
+          confettiColors: l,
           confettiNumber: s,
           emojis: r,
-          emojiSize: l,
+          emojiSize: a,
           canvasWidth: d
-        }), w = new Ye({
-          initialPosition: k,
+        }), C = new Ye({
+          initialPosition: p,
           direction: "left",
           confettiRadius: i,
-          confettiColors: a,
+          confettiColors: l,
           confettiNumber: s,
           emojis: r,
-          emojiSize: l,
+          emojiSize: a,
           canvasWidth: d
         });
-        p.addShapes(b, w);
+        v.addShapes(b, C);
       }
-      return this.activeConfettiBatches.push(p), this.queueAnimationFrameIfNeeded(), p.getBatchCompletePromise();
+      return this.activeConfettiBatches.push(v), this.queueAnimationFrameIfNeeded(), v.getBatchCompletePromise();
     }
   }, {
     key: "clearCanvas",
@@ -1006,91 +1006,91 @@ var ln = /* @__PURE__ */ function() {
     value: function() {
       this.canvas.remove();
     }
-  }]), t;
+  }]), e;
 }();
-const un = new cn(), we = 3, dn = ({ onRetry: t }) => {
+const cn = new an(), we = 3, un = ({ onRetry: e }) => {
   const {
-    config: e,
+    config: t,
     currentScore: n,
     gamePlayState: o,
     setGamePlayState: i,
     gameProgress: s,
-    setGameProgress: a
-  } = ne(), { i18n: r, levelConfig: l } = e, [c, d, u] = n, { foodCollected: h, totalFoodCount: f, playerAtExit: k, levelTransitioning: p } = o, { currentLevel: _ } = s, [b, w] = U(!1);
-  R(() => {
-    k && p && (un.addConfetti(), j.show(r.levelCompleteToast), w(!0));
-  }, [k, p]);
-  const M = oe(l), C = M.getTotalLevels(), z = Z(() => _ >= C, [_, C]), S = () => {
-    w(!1), j.show(r.levelRestartToast), t?.();
-  }, E = () => {
-    w(!1), i((g) => ({
-      ...g,
+    setGameProgress: l
+  } = re(), { i18n: r, levelConfig: a } = t, [c, d, u] = n, { foodCollected: h, totalFoodCount: f, playerAtExit: p, levelTransitioning: v } = o, { currentLevel: _ } = s, [b, C] = G(!1);
+  x(() => {
+    p && v && (cn.addConfetti(), q.show(r.levelCompleteToast), C(!0));
+  }, [p, v]);
+  const T = ie(a), g = T.getTotalLevels(), k = ee(() => _ >= g, [_, g]), w = () => {
+    C(!1), q.show(r.levelRestartToast), e?.();
+  }, y = () => {
+    C(!1), i((z) => ({
+      ...z,
       isGameActive: !0,
       levelTransitioning: !1
     }));
-  }, L = () => {
-    w(!1);
-    const g = M.getNextLevelInfo(_);
-    if (!g) return;
-    const { nextLevel: v, nextTier: T, isTierChange: N } = g;
-    N && j.show(
-      r.tierUnlockedToast.replace("%TIER%", T.toString())
-    ), a((P) => ({
-      ...P,
-      currentLevel: v,
-      currentTier: T,
-      highestUnlockedLevel: Math.max(P.highestUnlockedLevel, v),
-      highestUnlockedTier: Math.max(P.highestUnlockedTier, T),
+  }, S = () => {
+    C(!1);
+    const z = T.getNextLevelInfo(_);
+    if (!z) return;
+    const { nextLevel: E, nextTier: L, isTierChange: A } = z;
+    A && q.show(
+      r.tierUnlockedToast.replace("%TIER%", L.toString())
+    ), l((I) => ({
+      ...I,
+      currentLevel: E,
+      currentTier: L,
+      highestUnlockedLevel: Math.max(I.highestUnlockedLevel, E),
+      highestUnlockedTier: Math.max(I.highestUnlockedTier, L),
       levelScores: {
-        ...P.levelScores,
-        [P.currentLevel]: Math.max(
+        ...I.levelScores,
+        [I.currentLevel]: Math.max(
           Object.values(n).filter(Boolean).length,
-          P.levelScores[P.currentLevel] || 0
+          I.levelScores[I.currentLevel] || 0
         )
       }
     }));
-  }, y = () => {
-    w(!1), a((g) => {
-      const v = Math.max(
+  }, N = () => {
+    C(!1), l((z) => {
+      const E = Math.max(
         Object.values(n).filter(Boolean).length,
-        g.levelScores[g.currentLevel] || 0
-      ), T = {
-        ...g.levelScores,
-        [g.currentLevel]: v
+        z.levelScores[z.currentLevel] || 0
+      ), L = {
+        ...z.levelScores,
+        [z.currentLevel]: E
       };
-      let N = 0, P = 0;
-      const D = Object.entries(T).sort(
-        (I, $) => Number(I[0]) - Number($[0])
+      let A = 0, I = 0;
+      const O = Object.entries(L).sort(
+        ($, W) => Number($[0]) - Number(W[0])
       );
-      for (const [I, $] of D)
-        if ($ < we) {
-          N = Number(I), P = M.getTierByLevel(N);
+      for (const [$, W] of O)
+        if (W < we) {
+          A = Number($), I = T.getTierByLevel(A);
           break;
         }
-      return (N > 0 && N !== _ || v < we) && j.show(r.notCompleteLevel), (N === 0 || v < we) && t?.(), {
-        ...g,
-        currentLevel: N || g.currentLevel,
-        currentTier: P || g.currentTier,
-        levelScores: T
+      return (A > 0 && A !== _ || E < we) && q.show(r.notCompleteLevel), (A === 0 || E < we) && e?.(), {
+        ...z,
+        currentLevel: A || z.currentLevel,
+        currentTier: I || z.currentTier,
+        levelScores: L
       };
     });
   };
-  return R(() => {
-    const g = document.querySelector(".maze-game-container"), v = (T) => {
-      b && ((T.key === " " || T.code === "Space") && g && (g.contains(document.activeElement) || document.activeElement === document.body) && (T.preventDefault(), z ? y() : L()), (T.key === "r" || T.code === "KeyR") && S(), (T.key === "c" || T.code === "KeyC") && E());
+  return x(() => {
+    const z = document.querySelector(".maze-game-container"), E = (L) => {
+      b && ((L.key === " " || L.code === "Space") && z && (z.contains(document.activeElement) || document.activeElement === document.body) && (L.preventDefault(), k ? N() : S()), (L.key === "r" || L.code === "KeyR") && w(), (L.key === "c" || L.code === "KeyC") && y());
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, [b, z]), /* @__PURE__ */ m(
-    Q,
+    return window.addEventListener("keydown", E), () => window.removeEventListener("keydown", E);
+  }, [b, k]), /* @__PURE__ */ m(
+    te,
     {
       className: "level-complete-dialog",
       isOpen: b,
       title: r.congratulations,
       cancelText: r.retry + " (R)",
-      onCancel: S,
+      onCancel: w,
       noConfirm: !!d,
       confirmText: r.continue + " (C)",
-      onConfirm: E,
+      onConfirm: y,
       confirmClass: "maze-continue-btn",
       children: [
         /* @__PURE__ */ m("div", { className: "maze-summary-message", children: [
@@ -1098,13 +1098,13 @@ const un = new cn(), we = 3, dn = ({ onRetry: t }) => {
           /* @__PURE__ */ m("div", { children: u ? "★ - " + r.withoutClue : "☆ - " + r.withClue }),
           /* @__PURE__ */ m("div", { children: (d ? "★ - " + r.collectAllStars : "☆ - " + r.notCollectAllStars) + ` (${h}/${f})` })
         ] }),
-        z && /* @__PURE__ */ m("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
-        /* @__PURE__ */ m("div", { className: "maze-go-next", children: z ? /* @__PURE__ */ m(
+        k && /* @__PURE__ */ m("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
+        /* @__PURE__ */ m("div", { className: "maze-go-next", children: k ? /* @__PURE__ */ m(
           "button",
           {
             className: "maze-go-next-btn",
             type: "button",
-            onClick: y,
+            onClick: N,
             children: [
               /* @__PURE__ */ m("span", { children: r.lastOK }),
               /* @__PURE__ */ m("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
@@ -1115,7 +1115,7 @@ const un = new cn(), we = 3, dn = ({ onRetry: t }) => {
           {
             className: "maze-go-next-btn",
             type: "button",
-            onClick: L,
+            onClick: S,
             children: [
               /* @__PURE__ */ m("span", { children: r.nextLevel }),
               /* @__PURE__ */ m("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
@@ -1126,239 +1126,226 @@ const un = new cn(), we = 3, dn = ({ onRetry: t }) => {
       ]
     }
   );
-}, ft = (t, e) => {
-  const n = O({
+}, ft = (e, t) => {
+  const n = F({
     canvasWidth: 0,
     canvasHeight: 0
   });
-  return R(() => {
+  return x(() => {
     const o = () => {
-      const s = t.current;
+      const s = e.current;
       if (!s) return;
-      const a = s.parentElement;
-      if (!a) return;
-      const r = a.clientWidth, l = window.devicePixelRatio || 1;
+      const l = s.parentElement;
+      if (!l) return;
+      const r = l.clientWidth, a = window.devicePixelRatio || 1;
       s.style.width = `${r}px`, s.style.height = `${r}px`;
-      const c = r * l, d = r * l;
-      s.width = c, s.height = d, n.current = { canvasWidth: c, canvasHeight: d }, e?.();
+      const c = r * a, d = r * a;
+      s.width = c, s.height = d, n.current = { canvasWidth: c, canvasHeight: d }, t?.();
     };
     o();
     let i = null;
-    return window.ResizeObserver && t.current && (i = new ResizeObserver(o), i.observe(t.current.parentElement)), window.addEventListener("resize", o), () => {
+    return window.ResizeObserver && e.current && (i = new ResizeObserver(o), i.observe(e.current.parentElement)), window.addEventListener("resize", o), () => {
       window.removeEventListener("resize", o), i?.disconnect();
     };
-  }, [t, e]), n;
-}, mt = (t, e, n) => {
-  const o = O({ cellWidth: 0, cellHeight: 0 });
-  return R(() => {
+  }, [e, t]), n;
+}, mt = (e, t, n) => {
+  const o = F({ cellWidth: 0, cellHeight: 0 });
+  return x(() => {
     const i = () => {
-      const a = t.current, r = e.maze;
-      if (!a || !r) return;
-      const { rows: l, cols: c } = r;
-      if (l <= 0 || c <= 0) return;
-      const d = (a.width - n * 2) / c, u = (a.height - n * 2) / l;
+      const l = e.current, r = t.maze;
+      if (!l || !r) return;
+      const { rows: a, cols: c } = r;
+      if (a <= 0 || c <= 0) return;
+      const d = (l.width - n * 2) / c, u = (l.height - n * 2) / a;
       o.current = { cellWidth: d, cellHeight: u };
     };
     i();
     let s = null;
-    return t.current && window.ResizeObserver && (s = new ResizeObserver(i), s.observe(t.current)), () => {
-      t.current && s?.disconnect();
+    return e.current && window.ResizeObserver && (s = new ResizeObserver(i), s.observe(e.current)), () => {
+      e.current && s?.disconnect();
     };
-  }, [t, e.maze, n]), o;
-}, ie = {
+  }, [e, t.maze, n]), o;
+}, le = {
   ArrowUp: [-1, 0],
   ArrowDown: [1, 0],
   ArrowLeft: [0, -1],
   ArrowRight: [0, 1]
 }, _t = ({
-  containerRef: t,
   gamePlayStateRef: e,
-  setGamePlayState: n,
-  moveSpeed: o,
+  setGamePlayState: t,
+  moveSpeed: n,
   // move X grid units per frame, default 0.03
-  moveSpeedRef: i,
+  moveSpeedRef: o,
   // alternative: ref to move speed for dynamic updates
-  playerRadius: s,
+  playerRadius: i,
   // player radius in grid unit, default 0.2
-  onFoodCollected: a,
-  onExitReached: r,
-  onFirstMove: l
+  onFoodCollected: s,
+  onExitReached: l,
+  onFirstMove: r
 }) => {
-  const c = () => i?.current ?? o ?? 0.03, d = O(!1), u = O(/* @__PURE__ */ new Set()), h = O(!1), f = je(
-    (C, z) => {
-      const S = e.current;
-      if (!S.maze)
+  const a = () => o?.current ?? n ?? 0.03, c = F(!1), d = F(/* @__PURE__ */ new Set()), u = F(!1), h = je(
+    (T, g) => {
+      const k = e.current;
+      if (!k.maze)
         return { canMove: !1, newCell: null };
-      const E = c(), [L, y] = ie[C];
+      const w = a(), [y, S] = le[T];
       if (Ke(
-        z,
-        L,
+        g,
         y,
-        s,
-        E,
-        S.maze
+        S,
+        i,
+        w,
+        k.maze
       ))
         return { canMove: !1, newCell: null };
-      const { row: v, col: T } = z, N = v + L * E, P = T + y * E, D = -0.5, I = S.maze.rows, $ = S.maze.cols;
-      if (N < D || N >= I || P < D || P >= $)
+      const { row: z, col: E } = g, L = z + y * w, A = E + S * w, I = -0.5, O = k.maze.rows, $ = k.maze.cols;
+      if (L < I || L >= O || A < I || A >= $)
         return { canMove: !1, newCell: null };
-      const B = v < 0 ? 0 : Math.floor(v), V = T < 0 ? 0 : Math.floor(T), G = N < 0 ? 0 : Math.floor(N), q = P < 0 ? 0 : Math.floor(P);
-      return G !== B || q !== V ? S.maze.isValid(G, q) ? {
+      const W = z < 0 ? 0 : Math.floor(z), K = E < 0 ? 0 : Math.floor(E), D = L < 0 ? 0 : Math.floor(L), U = A < 0 ? 0 : Math.floor(A);
+      return D !== W || U !== K ? k.maze.isValid(D, U) ? {
         canMove: !0,
-        newCell: { row: G, col: q }
+        newCell: { row: D, col: U }
       } : { canMove: !1, newCell: null } : { canMove: !0, newCell: null };
     },
-    [s, c]
-  ), k = () => {
-    const C = e.current, { row: z, col: S } = C.playerCell, E = s * 2, L = C.foodCells.findIndex((v) => Math.sqrt(
-      Math.pow(z - v.row, 2) + Math.pow(S - v.col, 2)
-    ) < E);
-    L !== -1 && a && (a(), e.current = {
+    [i, a]
+  ), f = () => {
+    const T = e.current, { row: g, col: k } = T.playerCell, w = i * 2, y = T.foodCells.findIndex((z) => Math.sqrt(
+      Math.pow(g - z.row, 2) + Math.pow(k - z.col, 2)
+    ) < w);
+    y !== -1 && s && (s(), e.current = {
       ...e.current,
       foodCollected: e.current.foodCollected + 1,
       foodCells: e.current.foodCells.filter(
-        (v, T) => T !== L
+        (z, E) => E !== y
       )
     });
-    const g = mn(
-      C.playerCell,
-      C.exitCell,
-      C.maze
+    const N = fn(
+      T.playerCell,
+      T.exitCell,
+      T.maze
     );
-    g && !e.current.playerAtExit ? (e.current = {
+    N && !e.current.playerAtExit ? (e.current = {
       ...e.current,
       playerAtExit: !0,
       isGameActive: !1,
       // pause render loop and controls
       levelTransitioning: !0
-    }, r && r(), requestIdleCallback(
+    }, l && l(), requestIdleCallback(
       () => {
-        n(() => ({ ...e.current }));
+        t(() => ({ ...e.current }));
       },
       { timeout: 10 }
-    )) : !g && e.current.playerAtExit && (e.current = {
+    )) : !N && e.current.playerAtExit && (e.current = {
       ...e.current,
       playerAtExit: !1,
       isGameActive: !0,
       levelTransitioning: !1
     });
-  }, p = (C) => {
-    const z = e.current, S = Math.round(C.row), E = Math.round(C.col), L = z.playerPath[z.playerPath.length - 1], y = L.row === S && L.col === E, g = Math.abs(L.row - S), v = Math.abs(L.col - E);
-    if ((g === 1 && v === 0 || g === 0 && v === 1) && !y) {
-      const N = `${L.row},${L.col}-${S},${E}`;
+  }, p = (T) => {
+    const g = e.current, k = Math.round(T.row), w = Math.round(T.col), y = g.playerPath[g.playerPath.length - 1], S = y.row === k && y.col === w, N = Math.abs(y.row - k), z = Math.abs(y.col - w);
+    if ((N === 1 && z === 0 || N === 0 && z === 1) && !S) {
+      const L = `${y.row},${y.col}-${k},${w}`;
       e.current = {
         ...e.current,
         playerPath: [
           ...e.current.playerPath,
-          { row: S, col: E }
+          { row: k, col: w }
         ],
         visitCounts: {
           ...e.current.visitCounts,
-          [N]: (e.current.visitCounts[N] || 0) + 1
+          [L]: (e.current.visitCounts[L] || 0) + 1
         }
       };
     }
-  }, _ = () => {
-    if (d.current || u.current.size === 0) return;
-    const C = e.current;
-    !C.playerCell || !Array.from(u.current).some(
-      (S) => {
-        const { canMove: E } = f(
-          S,
-          C.playerCell
+  }, v = () => {
+    if (c.current || d.current.size === 0) return;
+    const T = e.current;
+    !T.playerCell || !Array.from(d.current).some(
+      (k) => {
+        const { canMove: w } = h(
+          k,
+          T.playerCell
         );
-        return E;
+        return w;
       }
-    ) || (!h.current && l && (h.current = !0, l()), d.current = !0);
+    ) || (!u.current && r && (u.current = !0, r()), c.current = !0);
   };
-  R(() => {
-    const C = (y) => {
-      if (y.key === "ArrowUp" || y.key === "ArrowDown" || y.key === "ArrowLeft" || y.key === "ArrowRight" || y.key === " ") {
-        const g = document.activeElement;
-        if (g && (g.tagName === "INPUT" || g.tagName === "TEXTAREA" || g.getAttribute("contenteditable") === "true")) return;
-        y.preventDefault();
+  x(() => {
+    const T = (w) => {
+      if (w.key === "ArrowUp" || w.key === "ArrowDown" || w.key === "ArrowLeft" || w.key === "ArrowRight" || w.key === " ") {
+        const y = document.activeElement;
+        if (y && (y.tagName === "INPUT" || y.tagName === "TEXTAREA" || y.getAttribute("contenteditable") === "true")) return;
+        w.preventDefault();
       }
-    }, z = (y) => {
-      const g = y.key;
-      if (!(g in ie)) return;
-      const v = document.activeElement;
-      v && (v.tagName === "INPUT" || v.tagName === "TEXTAREA" || v.getAttribute("contenteditable") === "true") || (y.preventDefault(), e.current.isGameActive && (u.current.has(g) || (u.current.add(g), d.current || _())));
-    }, S = (y) => {
-      const g = y.key;
-      if (!(g in ie)) return;
-      const v = document.activeElement;
-      v && (v.tagName === "INPUT" || v.tagName === "TEXTAREA" || v.getAttribute("contenteditable") === "true") || (y.preventDefault(), u.current.delete(g), u.current.size === 0 && w());
-    }, E = (y) => {
-      y.preventDefault();
-      const g = e.current;
-      if (!g.isGameActive || !g.maze || d.current)
-        return;
-      const v = y.touches[0], T = document.elementFromPoint(v.clientX, v.clientY);
-      let N = null;
-      T && (T.classList.contains("maze-up") ? N = "ArrowUp" : T.classList.contains("maze-down") ? N = "ArrowDown" : T.classList.contains("maze-left") ? N = "ArrowLeft" : T.classList.contains("maze-right") && (N = "ArrowRight")), N && (u.current.clear(), u.current.add(N), _());
-    }, L = () => {
-      w();
+    }, g = (w) => {
+      const y = w.key;
+      if (!(y in le)) return;
+      const S = document.activeElement;
+      S && (S.tagName === "INPUT" || S.tagName === "TEXTAREA" || S.getAttribute("contenteditable") === "true") || (w.preventDefault(), e.current.isGameActive && (d.current.has(y) || (d.current.add(y), c.current || v())));
+    }, k = (w) => {
+      const y = w.key;
+      if (!(y in le)) return;
+      const S = document.activeElement;
+      S && (S.tagName === "INPUT" || S.tagName === "TEXTAREA" || S.getAttribute("contenteditable") === "true") || (w.preventDefault(), d.current.delete(y), d.current.size === 0 && b());
     };
-    return window.addEventListener("keydown", C, {
+    return window.addEventListener("keydown", T, {
       capture: !0
-    }), window.addEventListener("keydown", z), window.addEventListener("keyup", S), t.current?.addEventListener("touchstart", E, {
-      passive: !1
-    }), t.current?.addEventListener("touchend", L), () => {
-      window.removeEventListener("keydown", C, {
+    }), window.addEventListener("keydown", g), window.addEventListener("keyup", k), () => {
+      window.removeEventListener("keydown", T, {
         capture: !0
-      }), window.removeEventListener("keydown", z), window.removeEventListener("keyup", S), t.current?.removeEventListener("touchstart", E), t.current?.removeEventListener("touchend", L);
+      }), window.removeEventListener("keydown", g), window.removeEventListener("keyup", k);
     };
   }, []);
-  const b = je(() => {
-    if (!d.current || u.current.size === 0)
+  const _ = je(() => {
+    if (!c.current || d.current.size === 0)
       return e.current.playerCell;
-    const C = c(), z = e.current.playerCell;
-    let S = 0, E = 0, L = 0;
-    for (const Y of u.current) {
-      const { canMove: ge } = f(Y, z);
-      if (ge) {
-        const [Ae, yt] = ie[Y];
-        S += Ae, E += yt, L++;
+    const T = a(), g = e.current.playerCell;
+    let k = 0, w = 0, y = 0;
+    for (const H of d.current) {
+      const { canMove: J } = h(H, g);
+      if (J) {
+        const [V, X] = le[H];
+        k += V, w += X, y++;
       }
     }
-    if (L === 0)
+    if (y === 0)
       return e.current.playerCell;
-    const y = Math.sqrt(S * S + E * E), g = y > 0 ? S / y : 0, v = y > 0 ? E / y : 0, T = Number(
-      (z.row + g * C).toFixed(2)
-    ), N = Number(
-      (z.col + v * C).toFixed(2)
-    ), P = T - z.row, D = N - z.col, I = Math.sqrt(P * P + D * D);
-    if (I > 0) {
-      const Y = P / I, ge = D / I;
+    const S = Math.sqrt(k * k + w * w), N = S > 0 ? k / S : 0, z = S > 0 ? w / S : 0, E = Number(
+      (g.row + N * T).toFixed(2)
+    ), L = Number(
+      (g.col + z * T).toFixed(2)
+    ), A = E - g.row, I = L - g.col, O = Math.sqrt(A * A + I * I);
+    if (O > 0) {
+      const H = A / O, J = I / O;
       if (Ke(
-        z,
-        Y,
-        ge,
-        s,
-        I,
+        g,
+        H,
+        J,
+        i,
+        O,
         e.current.maze
       ))
         return e.current.playerCell;
     }
     e.current.playerCell = {
-      row: T,
-      col: N
-    }, k();
-    const $ = z.row < 0 ? 0 : Math.round(z.row), B = z.col < 0 ? 0 : Math.round(z.col), V = T < 0 ? 0 : Math.round(T), G = N < 0 ? 0 : Math.round(N);
-    return (V !== $ || G !== B) && p({ row: V, col: G }), e.current.playerCell;
-  }, [c, f]), w = () => {
-    d.current = !1, u.current.clear();
+      row: E,
+      col: L
+    }, f();
+    const $ = g.row < 0 ? 0 : Math.round(g.row), W = g.col < 0 ? 0 : Math.round(g.col), K = E < 0 ? 0 : Math.round(E), D = L < 0 ? 0 : Math.round(L);
+    return (K !== $ || D !== W) && p({ row: K, col: D }), e.current.playerCell;
+  }, [a, h]), b = () => {
+    c.current = !1, d.current.clear();
   };
   return {
-    updatePlayerPos: b,
-    resetMovingState: w,
+    updatePlayerPos: _,
+    resetMovingState: b,
     resetFirstMoveState: () => {
-      h.current = !1;
+      u.current = !1;
     }
   };
 };
-function Ke(t, e, n, o, i, s) {
-  const a = t.row + e * i, r = t.col + n * i, l = { row: a, col: r }, c = [], d = t.row < 0 ? 0 : Math.floor(t.row), u = t.col < 0 ? 0 : Math.floor(t.col);
+function Ke(e, t, n, o, i, s) {
+  const l = e.row + t * i, r = e.col + n * i, a = { row: l, col: r }, c = [], d = e.row < 0 ? 0 : Math.floor(e.row), u = e.col < 0 ? 0 : Math.floor(e.col);
   c.push({ row: d, col: u });
   const h = [
     [-1, 0],
@@ -1378,278 +1365,278 @@ function Ke(t, e, n, o, i, s) {
     [1, 1]
     // lower right, diagonal
   ];
-  for (const [f, k] of h) {
-    const p = d + f, _ = u + k;
-    s.isValid(p, _) && c.push({ row: p, col: _ });
+  for (const [f, p] of h) {
+    const v = d + f, _ = u + p;
+    s.isValid(v, _) && c.push({ row: v, col: _ });
   }
   for (const f of c) {
-    const k = hn(f.row, f.col, s);
-    for (const p of k)
-      if (fn(l, p) < o)
+    const p = dn(f.row, f.col, s);
+    for (const v of p)
+      if (hn(a, v) < o)
         return !0;
   }
   return !1;
 }
-function hn(t, e, n) {
-  const o = [], i = n.grid[t][e];
+function dn(e, t, n) {
+  const o = [], i = n.grid[e][t];
   return i.walls.top && o.push({
-    start: { row: t - 0.5, col: e - 0.5 },
-    end: { row: t - 0.5, col: e + 0.5 }
+    start: { row: e - 0.5, col: t - 0.5 },
+    end: { row: e - 0.5, col: t + 0.5 }
   }), i.walls.right && o.push({
-    start: { row: t - 0.5, col: e + 0.5 },
-    end: { row: t + 0.5, col: e + 0.5 }
+    start: { row: e - 0.5, col: t + 0.5 },
+    end: { row: e + 0.5, col: t + 0.5 }
   }), i.walls.bottom && o.push({
-    start: { row: t + 0.5, col: e - 0.5 },
-    end: { row: t + 0.5, col: e + 0.5 }
+    start: { row: e + 0.5, col: t - 0.5 },
+    end: { row: e + 0.5, col: t + 0.5 }
   }), i.walls.left && o.push({
-    start: { row: t - 0.5, col: e - 0.5 },
-    end: { row: t + 0.5, col: e - 0.5 }
+    start: { row: e - 0.5, col: t - 0.5 },
+    end: { row: e + 0.5, col: t - 0.5 }
   }), o;
 }
-function fn(t, e) {
-  const { start: n, end: o } = e, i = o.col - n.col, s = o.row - n.row, a = t.col - n.col, r = t.row - n.row, l = i * i + s * s;
-  if (l === 0)
-    return Math.sqrt(a * a + r * r);
+function hn(e, t) {
+  const { start: n, end: o } = t, i = o.col - n.col, s = o.row - n.row, l = e.col - n.col, r = e.row - n.row, a = i * i + s * s;
+  if (a === 0)
+    return Math.sqrt(l * l + r * r);
   const c = Math.max(
     0,
     Math.min(
       1,
-      (a * i + r * s) / l
+      (l * i + r * s) / a
     )
-  ), d = n.col + c * i, u = n.row + c * s, h = t.col - d, f = t.row - u;
+  ), d = n.col + c * i, u = n.row + c * s, h = e.col - d, f = e.row - u;
   return Math.sqrt(h * h + f * f);
 }
-function mn(t, e, n) {
-  if (!n.isValid(e.row, e.col)) return !1;
-  const o = t.col >= e.col - 0.5 && t.col <= e.col + 0.5, i = t.row >= e.row + 0.5, s = t.row >= e.row - 0.5;
+function fn(e, t, n) {
+  if (!n.isValid(t.row, t.col)) return !1;
+  const o = e.col >= t.col - 0.5 && e.col <= t.col + 0.5, i = e.row >= t.row + 0.5, s = e.row >= t.row - 0.5;
   return o && i && s;
 }
-function vt(t, e, n, o, i) {
-  if (!t || !e.maze) return;
-  const { canvasWidth: s, canvasHeight: a } = n, { cellWidth: r, cellHeight: l } = o, {
+function vt(e, t, n, o, i) {
+  if (!e || !t.maze) return;
+  const { canvasWidth: s, canvasHeight: l } = n, { cellWidth: r, cellHeight: a } = o, {
     maze: c,
     playerCell: d,
     // row, col, but floating allowed
     exitCell: u,
     foodCells: h,
     showClue: f,
-    playerPath: k,
-    visitCounts: p
-  } = e, {
+    playerPath: p,
+    visitCounts: v
+  } = t, {
     padding: _,
     wallWidth: b,
     // need merge with level config when passed here
-    wallColor: w,
-    playerColor: M,
-    playerRadius: C,
-    foodColor: z,
-    backgroundColor: S,
-    clueColor: E,
-    exitColor: L,
-    exitWallWidth: y,
-    exitDashArray: g
+    wallColor: C,
+    playerColor: T,
+    playerRadius: g,
+    foodColor: k,
+    backgroundColor: w,
+    clueColor: y,
+    exitColor: S,
+    exitWallWidth: N,
+    exitDashArray: z
   } = i;
-  t.clearRect(0, 0, s, a), t.save(), t.fillStyle = S, t.fillRect(0, 0, s, a), t.restore(), f && Cn({
-    ctx: t,
-    playerPath: k,
-    visitCounts: p,
+  e.clearRect(0, 0, s, l), e.save(), e.fillStyle = w, e.fillRect(0, 0, s, l), e.restore(), f && Cn({
+    ctx: e,
+    playerPath: p,
+    visitCounts: v,
     cellWidth: r,
-    cellHeight: l,
+    cellHeight: a,
     padding: _,
-    clueColor: E
-  }), _n({
-    ctx: t,
+    clueColor: y
+  }), mn({
+    ctx: e,
     maze: c,
     cellWidth: r,
-    cellHeight: l,
+    cellHeight: a,
     padding: _,
-    wallColor: w,
+    wallColor: C,
     wallWidth: b
-  }), gn({
-    ctx: t,
+  }), vn({
+    ctx: e,
     maze: c,
     exitCell: u,
     cellWidth: r,
-    cellHeight: l,
+    cellHeight: a,
     padding: _,
-    exitColor: L,
-    exitWallWidth: y,
-    exitDashArray: g
-  }), pn({
-    ctx: t,
+    exitColor: S,
+    exitWallWidth: N,
+    exitDashArray: z
+  }), gn({
+    ctx: e,
     foodCells: h,
     cellWidth: r,
-    cellHeight: l,
+    cellHeight: a,
     padding: _,
-    foodColor: z
-  }), vn({
-    ctx: t,
+    foodColor: k
+  }), _n({
+    ctx: e,
     playerCell: d,
-    playerRadius: C,
+    playerRadius: g,
     cellWidth: r,
-    cellHeight: l,
+    cellHeight: a,
     padding: _,
-    playerColor: M
+    playerColor: T
   });
 }
-function _n({
-  ctx: t,
-  maze: e,
+function mn({
+  ctx: e,
+  maze: t,
   cellWidth: n,
   cellHeight: o,
   padding: i,
   wallColor: s,
-  wallWidth: a
+  wallWidth: l
 }) {
-  t.save(), t.strokeStyle = s, t.lineWidth = a, t.lineCap = "round", t.beginPath(), yn(e, n, o, i).forEach((l) => {
-    t.moveTo(l.x1, l.y1), t.lineTo(l.x2, l.y2);
-  }), t.stroke(), t.restore();
+  e.save(), e.strokeStyle = s, e.lineWidth = l, e.lineCap = "round", e.beginPath(), wn(t, n, o, i).forEach((a) => {
+    e.moveTo(a.x1, a.y1), e.lineTo(a.x2, a.y2);
+  }), e.stroke(), e.restore();
 }
-function vn({
-  ctx: t,
-  playerCell: e,
+function _n({
+  ctx: e,
+  playerCell: t,
   playerRadius: n,
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  playerColor: a
+  playerColor: l
 }) {
-  const { x: r, y: l } = he(
-    e.row,
-    e.col,
+  const { x: r, y: a } = me(
+    t.row,
+    t.col,
     o,
     i,
     s
   ), c = Math.min(o, i) * Math.min(n, 0.5);
-  t.save(), t.fillStyle = a, t.beginPath(), t.arc(r, l, c, 0, Math.PI * 2), t.fill(), t.restore();
+  e.save(), e.fillStyle = l, e.beginPath(), e.arc(r, a, c, 0, Math.PI * 2), e.fill(), e.restore();
 }
-function gn({
-  ctx: t,
-  maze: e,
+function vn({
+  ctx: e,
+  maze: t,
   exitCell: n,
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  exitColor: a,
+  exitColor: l,
   exitWallWidth: r,
-  exitDashArray: l = [8, 12]
+  exitDashArray: a = [8, 12]
 }) {
   const { row: c, col: d } = n;
-  if (!e.isValid(c, d)) return;
+  if (!t.isValid(c, d)) return;
   const u = s + d * o, h = s + c * i;
-  t.save(), t.globalCompositeOperation = "destination-out", t.lineWidth = r, t.lineCap = "round", t.beginPath(), t.moveTo(u, h + i), t.lineTo(u + o, h + i), t.stroke(), t.globalCompositeOperation = "source-over", t.strokeStyle = a, t.lineWidth = r, t.setLineDash(l), t.beginPath(), t.moveTo(u, h + i), t.lineTo(u + o, h + i), t.stroke(), t.restore();
+  e.save(), e.globalCompositeOperation = "destination-out", e.lineWidth = r, e.lineCap = "round", e.beginPath(), e.moveTo(u, h + i), e.lineTo(u + o, h + i), e.stroke(), e.globalCompositeOperation = "source-over", e.strokeStyle = l, e.lineWidth = r, e.setLineDash(a), e.beginPath(), e.moveTo(u, h + i), e.lineTo(u + o, h + i), e.stroke(), e.restore();
 }
-function pn({
-  ctx: t,
-  foodCells: e,
+function gn({
+  ctx: e,
+  foodCells: t,
   cellWidth: n,
   cellHeight: o,
   padding: i,
   foodColor: s
 }) {
-  t.fillStyle = s;
-  const a = Math.min(n, o) * 0.25;
-  e.forEach((r) => {
-    const { x: l, y: c } = he(
+  e.fillStyle = s;
+  const l = Math.min(n, o) * 0.25;
+  t.forEach((r) => {
+    const { x: a, y: c } = me(
       r.row,
       r.col,
       n,
       o,
       i
     );
-    wn(t, l, c, a * 1.2, 5, a * 0.6);
+    pn(e, a, c, l * 1.2, 5, l * 0.6);
   });
 }
-function wn(t, e, n, o, i, s) {
-  t.save(), t.beginPath();
-  for (let a = 0; a < i * 2; a++) {
-    const r = a % 2 === 0 ? o : s, l = Math.PI * a / i;
-    t.lineTo(e + r * Math.sin(l), n + r * Math.cos(l));
+function pn(e, t, n, o, i, s) {
+  e.save(), e.beginPath();
+  for (let l = 0; l < i * 2; l++) {
+    const r = l % 2 === 0 ? o : s, a = Math.PI * l / i;
+    e.lineTo(t + r * Math.sin(a), n + r * Math.cos(a));
   }
-  t.closePath(), t.fill(), t.restore();
+  e.closePath(), e.fill(), e.restore();
 }
 function Cn({
-  ctx: t,
-  playerPath: e,
+  ctx: e,
+  playerPath: t,
   visitCounts: n,
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  clueColor: a
+  clueColor: l
 }) {
-  if (!(!e || e.length < 2 || !n)) {
-    t.save();
-    for (let r = 1; r < e.length; r++) {
-      const l = e[r - 1], c = e[r], d = `${l.row},${l.col}-${c.row},${c.col}`, u = `${c.row},${c.col}-${l.row},${l.col}`, h = (n[d] || 0) + (n[u] || 0), f = Math.min(0.2 + h * 0.1, 0.9), k = Math.max(3, o * 0.1) + h * 0.5;
+  if (!(!t || t.length < 2 || !n)) {
+    e.save();
+    for (let r = 1; r < t.length; r++) {
+      const a = t[r - 1], c = t[r], d = `${a.row},${a.col}-${c.row},${c.col}`, u = `${c.row},${c.col}-${a.row},${a.col}`, h = (n[d] || 0) + (n[u] || 0), f = Math.min(0.2 + h * 0.1, 0.9), p = Math.max(3, o * 0.1) + h * 0.5;
       try {
-        t.strokeStyle = a.replace(")", `, ${f})`).replace("rgb(", "rgba(");
+        e.strokeStyle = l.replace(")", `, ${f})`).replace("rgb(", "rgba(");
       } catch {
-        t.strokeStyle = `rgba(255, 0, 0, ${f})`;
+        e.strokeStyle = `rgba(255, 0, 0, ${f})`;
       }
-      t.lineWidth = k, t.lineCap = "round", t.lineJoin = "round";
-      const { x: p, y: _ } = he(
-        l.row,
-        l.col,
+      e.lineWidth = p, e.lineCap = "round", e.lineJoin = "round";
+      const { x: v, y: _ } = me(
+        a.row,
+        a.col,
         o,
         i,
         s
-      ), { x: b, y: w } = he(
+      ), { x: b, y: C } = me(
         c.row,
         c.col,
         o,
         i,
         s
       );
-      t.beginPath(), t.moveTo(p, _), t.lineTo(b, w), t.stroke();
+      e.beginPath(), e.moveTo(v, _), e.lineTo(b, C), e.stroke();
     }
-    t.restore();
+    e.restore();
   }
 }
-function yn(t, e, n, o) {
+function wn(e, t, n, o) {
   const i = [];
-  for (let s = 0; s < t.rows; s++)
-    for (let a = 0; a < t.cols; a++) {
-      const r = t.grid[s][a], l = o + a * e, c = o + s * n;
+  for (let s = 0; s < e.rows; s++)
+    for (let l = 0; l < e.cols; l++) {
+      const r = e.grid[s][l], a = o + l * t, c = o + s * n;
       r.walls.top && i.push({
-        x1: l,
+        x1: a,
         y1: c,
-        x2: l + e,
+        x2: a + t,
         y2: c
       }), r.walls.right && i.push({
-        x1: l + e,
+        x1: a + t,
         y1: c,
-        x2: l + e,
+        x2: a + t,
         y2: c + n
       }), r.walls.bottom && i.push({
-        x1: l,
+        x1: a,
         y1: c + n,
-        x2: l + e,
+        x2: a + t,
         y2: c + n
       }), r.walls.left && i.push({
-        x1: l,
+        x1: a,
         y1: c,
-        x2: l,
+        x2: a,
         y2: c + n
       });
     }
   return i;
 }
-function he(t, e, n, o, i) {
+function me(e, t, n, o, i) {
   return {
-    x: i + e * n + n / 2,
-    y: i + t * o + o / 2
+    x: i + t * n + n / 2,
+    y: i + e * o + o / 2
   };
 }
-function bn(t) {
+function yn(e) {
   return function() {
-    let e = t += 1831565813;
-    return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
+    let t = e += 1831565813;
+    return t = Math.imul(t ^ t >>> 15, t | 1), t ^= t + Math.imul(t ^ t >>> 7, t | 61), ((t ^ t >>> 14) >>> 0) / 4294967296;
   };
 }
-class Tn {
+class bn {
   // initially all walls exit
-  constructor(e, n) {
-    this.row = e, this.col = n;
+  constructor(t, n) {
+    this.row = t, this.col = n;
   }
   visited = !1;
   walls = { top: !0, right: !0, bottom: !0, left: !0 };
@@ -1670,25 +1657,25 @@ class gt {
    * @param entry Optional entry cell position
    * @param exit Optional exit cell position
    */
-  constructor(e, n, o, i, s = { row: 0, col: 0 }, a = { row: e - 1, col: n - 1 }) {
-    this.rows = e, this.cols = n, this.seed = i ?? Math.floor(Math.random() * 1e6), this.random = bn(this.seed), this.grid = this.initializeGrid(), this.generate(o, s, a);
+  constructor(t, n, o, i, s = { row: 0, col: 0 }, l = { row: t - 1, col: n - 1 }) {
+    this.rows = t, this.cols = n, this.seed = i ?? Math.floor(Math.random() * 1e6), this.random = yn(this.seed), this.grid = this.initializeGrid(), this.generate(o, s, l);
   }
   // Initialize the grid with new MazeCell objects
   initializeGrid() {
-    const e = [];
+    const t = [];
     for (let n = 0; n < this.rows; n++) {
-      e[n] = [];
+      t[n] = [];
       for (let o = 0; o < this.cols; o++)
-        e[n][o] = new Tn(n, o);
+        t[n][o] = new bn(n, o);
     }
-    return e;
+    return t;
   }
   // Check if coordinates are within the grid boundaries
-  isValid(e, n) {
-    return e >= 0 && e < this.rows && n >= 0 && n < this.cols;
+  isValid(t, n) {
+    return t >= 0 && t < this.rows && n >= 0 && n < this.cols;
   }
   // Get all valid neighbors (top, right, bottom, left)
-  getNeighbors(e, n) {
+  getNeighbors(t, n) {
     const o = [], i = [
       { r: -1, c: 0 },
       // Top
@@ -1700,29 +1687,29 @@ class gt {
       // Left
     ];
     for (const s of i) {
-      const a = e + s.r, r = n + s.c;
-      this.isValid(a, r) && o.push({ row: a, col: r });
+      const l = t + s.r, r = n + s.c;
+      this.isValid(l, r) && o.push({ row: l, col: r });
     }
     return o;
   }
   // Get only neighbors that haven't been visited yet
-  getUnvisitedNeighbors(e, n) {
-    return this.getNeighbors(e, n).filter(
+  getUnvisitedNeighbors(t, n) {
+    return this.getNeighbors(t, n).filter(
       (o) => !this.grid[o.row][o.col].visited
     );
   }
   /**
    * Gets neighbors that have already been visited (part of the maze path).
    */
-  getVisitedNeighbors(e, n) {
-    return this.getNeighbors(e, n).filter(
+  getVisitedNeighbors(t, n) {
+    return this.getNeighbors(t, n).filter(
       (o) => this.grid[o.row][o.col].visited
     );
   }
   // Remove the wall between two adjacent cells
-  removeWall(e, n, o, i) {
-    const s = this.grid[e][n], a = this.grid[o][i];
-    e === o + 1 ? (s.walls.top = !1, a.walls.bottom = !1) : e === o - 1 ? (s.walls.bottom = !1, a.walls.top = !1) : n === i + 1 ? (s.walls.left = !1, a.walls.right = !1) : n === i - 1 && (s.walls.right = !1, a.walls.left = !1);
+  removeWall(t, n, o, i) {
+    const s = this.grid[t][n], l = this.grid[o][i];
+    t === o + 1 ? (s.walls.top = !1, l.walls.bottom = !1) : t === o - 1 ? (s.walls.bottom = !1, l.walls.top = !1) : n === i + 1 ? (s.walls.left = !1, l.walls.right = !1) : n === i - 1 && (s.walls.right = !1, l.walls.left = !1);
   }
   // --- Generation Methods ---
   /**
@@ -1732,8 +1719,8 @@ class gt {
    * @param entry The entry cell position
    * @param exit The exit cell position
    */
-  generate(e, n = { row: 0, col: 0 }, o = { row: this.rows - 1, col: this.cols - 1 }) {
-    switch (e) {
+  generate(t, n = { row: 0, col: 0 }, o = { row: this.rows - 1, col: this.cols - 1 }) {
+    switch (t) {
       case "backtracking":
         this.generateWithBacktracking();
         break;
@@ -1741,82 +1728,82 @@ class gt {
         this.generateWithPrims();
         break;
       default:
-        throw new Error(`Unknown maze generation method: ${e}`);
+        throw new Error(`Unknown maze generation method: ${t}`);
     }
     this.addOpenings(n, o);
   }
   // --- Backtracking Algorithm Implementation ---
   generateWithBacktracking() {
-    const e = [], n = this.randomNumber(this.rows), o = this.randomNumber(this.cols);
+    const t = [], n = this.randomNumber(this.rows), o = this.randomNumber(this.cols);
     let i = { row: n, col: o };
-    for (this.grid[n][o].visited = !0, e.push(i); e.length > 0; ) {
-      i = e[e.length - 1];
-      const { row: s, col: a } = i, r = this.getUnvisitedNeighbors(s, a);
+    for (this.grid[n][o].visited = !0, t.push(i); t.length > 0; ) {
+      i = t[t.length - 1];
+      const { row: s, col: l } = i, r = this.getUnvisitedNeighbors(s, l);
       if (r.length > 0) {
-        const l = this.randomPick(r), { row: c, col: d } = l;
-        this.removeWall(s, a, c, d), this.grid[c][d].visited = !0, e.push(l);
+        const a = this.randomPick(r), { row: c, col: d } = a;
+        this.removeWall(s, l, c, d), this.grid[c][d].visited = !0, t.push(a);
       } else
-        e.pop();
+        t.pop();
     }
   }
   // --- Prim's Algorithm Implementation ---
   generateWithPrims() {
-    const e = [], n = (s, a) => {
-      const r = this.getNeighbors(s, a);
-      for (const l of r)
-        !this.grid[l.row][l.col].visited && !e.some(
-          (c) => c.row === l.row && c.col === l.col
-        ) && e.push(l);
+    const t = [], n = (s, l) => {
+      const r = this.getNeighbors(s, l);
+      for (const a of r)
+        !this.grid[a.row][a.col].visited && !t.some(
+          (c) => c.row === a.row && c.col === a.col
+        ) && t.push(a);
     }, o = this.randomNumber(this.rows), i = this.randomNumber(this.cols);
-    for (this.grid[o][i].visited = !0, n(o, i); e.length > 0; ) {
-      const s = this.randomNumber(e.length), a = e[s], { row: r, col: l } = a, c = this.getVisitedNeighbors(r, l);
+    for (this.grid[o][i].visited = !0, n(o, i); t.length > 0; ) {
+      const s = this.randomNumber(t.length), l = t[s], { row: r, col: a } = l, c = this.getVisitedNeighbors(r, a);
       if (c.length > 0) {
         const d = this.randomPick(c);
-        this.removeWall(r, l, d.row, d.col), this.grid[r][l].visited = !0, n(r, l);
+        this.removeWall(r, a, d.row, d.col), this.grid[r][a].visited = !0, n(r, a);
       }
-      e.splice(s, 1);
+      t.splice(s, 1);
     }
   }
   // --- Helper Methods ---
   /**
    * Adds openings at the entry and exit points of the maze.
    */
-  addOpenings(e, n) {
-    this.grid[e.row][e.col].walls.top = !1, this.isValid(n.row, n.col) && (this.grid[n.row][n.col].walls.bottom = !1);
+  addOpenings(t, n) {
+    this.grid[t.row][t.col].walls.top = !1, this.isValid(n.row, n.col) && (this.grid[n.row][n.col].walls.bottom = !1);
   }
   /**
    * Generates a random number between 0 and len-1.
    */
-  randomNumber(e) {
-    return Math.floor(this.random() * e);
+  randomNumber(t) {
+    return Math.floor(this.random() * t);
   }
   /**
    * Randomly picks an item from a list.
    */
-  randomPick(e) {
-    return e[Math.floor(this.random() * e.length)];
+  randomPick(t) {
+    return t[Math.floor(this.random() * t.length)];
   }
 }
-const pt = (t, e, n) => {
-  if (!t.isValid(e, n)) return !1;
-  const o = t.grid[e][n];
+const pt = (e, t, n) => {
+  if (!e.isValid(t, n)) return !1;
+  const o = e.grid[t][n];
   return !o.walls.top || !o.walls.right || !o.walls.bottom || !o.walls.left;
-}, kn = (t) => t === 1 ? 2 : t >= 2 && t <= 5 ? 3 : t >= 6 && t <= 11 ? 4 : t >= 12 && t <= 15 ? 5 : 6, Sn = (t, e) => {
-  if (!e)
-    return console.error(`Cannot find Level ${t}'s config.`), null;
-  const { size: n, seed: o, method: i, entry: s, exit: a } = e, r = n, l = n, c = s || { row: 0, col: 0 }, d = a || {
+}, Tn = (e) => e === 1 ? 2 : e >= 2 && e <= 5 ? 3 : e >= 6 && e <= 11 ? 4 : e >= 12 && e <= 15 ? 5 : 6, kn = (e, t) => {
+  if (!t)
+    return console.error(`Cannot find Level ${e}'s config.`), null;
+  const { size: n, seed: o, method: i, entry: s, exit: l } = t, r = n, a = n, c = s || { row: 0, col: 0 }, d = l || {
     row: r - 1,
-    col: l - 1
-  }, u = new gt(r, l, i, o, c, d), h = kn(t), f = [];
-  for (let k = 0; k < h; k++) {
-    let p;
+    col: a - 1
+  }, u = new gt(r, a, i, o, c, d), h = Tn(e), f = [];
+  for (let p = 0; p < h; p++) {
+    let v;
     do
-      p = {
+      v = {
         row: Math.floor(u.random() * r),
-        col: Math.floor(u.random() * l)
+        col: Math.floor(u.random() * a)
       };
-    while (p.row === c.row && p.col === c.col || p.row === d.row && p.col === d.col || !pt(u, p.row, p.col) || f.some((_) => _.row === p.row && _.col === p.col));
-    f.push(p);
+    while (v.row === c.row && v.col === c.col || v.row === d.row && v.col === d.col || !pt(u, v.row, v.col) || f.some((_) => _.row === v.row && _.col === v.col));
+    f.push(v);
   }
   return {
     isGameActive: !0,
@@ -1832,282 +1819,291 @@ const pt = (t, e, n) => {
     playerPath: [c],
     visitCounts: { [`${c.row},${c.col}`]: 1 }
   };
-}, zn = ({
-  size: t,
-  seed: e,
+}, Sn = ({
+  size: e,
+  seed: t,
   method: n,
-  foodCount: o
+  foodCount: o,
+  clue: i
 }) => {
-  const i = t, s = t, a = { row: 0, col: 0 }, r = { row: i - 1, col: s - 1 }, l = new gt(i, s, n, e, a, r), c = [];
-  for (let d = 0; d < o; d++) {
-    let u, h = 0;
+  const s = e, l = e, r = { row: 0, col: 0 }, a = { row: s - 1, col: l - 1 }, c = new gt(s, l, n, t, r, a), d = [];
+  for (let u = 0; u < o; u++) {
+    let h, f = 0;
     do
-      u = {
-        row: Math.floor(l.random() * i),
-        col: Math.floor(l.random() * s)
-      }, h++;
-    while (h < 50 && (u.row === a.row && u.col === a.col || u.row === r.row && u.col === r.col || !pt(l, u.row, u.col) || c.some(
-      (f) => f.row === u.row && f.col === u.col
+      h = {
+        row: Math.floor(c.random() * s),
+        col: Math.floor(c.random() * l)
+      }, f++;
+    while (f < 50 && (h.row === r.row && h.col === r.col || h.row === a.row && h.col === a.col || !pt(c, h.row, h.col) || d.some(
+      (p) => p.row === h.row && p.col === h.col
     )));
-    h < 50 && c.push(u);
+    f < 50 && d.push(h);
   }
   return {
     isGameActive: !0,
     levelTransitioning: !1,
-    maze: l,
-    playerCell: a,
-    exitCell: r,
-    foodCells: c,
+    maze: c,
+    playerCell: r,
+    exitCell: a,
+    foodCells: d,
     playerAtExit: !1,
     foodCollected: 0,
-    totalFoodCount: o
+    totalFoodCount: o,
+    showClue: i,
+    playerPath: [r],
+    visitCounts: { [`${r.row},${r.col}`]: 1 }
   };
 };
-function En() {
+function zn() {
   const {
-    setGamePlayState: t,
-    gamePlayState: e,
+    setGamePlayState: e,
+    gamePlayState: t,
     gamePlayStateRef: n,
     gameProgress: o,
     config: i
-  } = ne(), s = O(null), a = O(null), { i18n: r, levelConfig: l, renderConfig: c } = i, d = oe(l), u = O(
+  } = re(), s = F(null), l = F(null), { i18n: r, levelConfig: a, renderConfig: c } = i, d = ie(a), u = F(
     d.getLevelConfig(o.currentLevel)
   );
-  R(() => {
-    s.current && j.attachTo(s.current);
+  x(() => {
+    s.current && q.attachTo(s.current);
   }, []);
-  const h = O(), f = ft(a, () => {
+  const h = F(), f = ft(l, () => {
     h.current?.();
-  }), k = mt(
-    a,
-    e,
+  }), p = mt(
+    l,
+    t,
     c.padding
   );
-  R(() => {
+  x(() => {
     u.current = d.getLevelConfig(
       o.currentLevel
     );
   }, [o.currentLevel]);
-  const p = () => {
-    const M = Sn(
+  const v = () => {
+    const T = kn(
       o.currentLevel,
       u.current
     );
-    M && t((C) => ({
-      ...C,
-      ...M
+    T && e((g) => ({
+      ...g,
+      ...T
     }));
   };
-  R(() => {
-    p();
+  x(() => {
+    v();
   }, [o.currentLevel]);
   const _ = () => {
-    p();
-  }, { updatePlayerPos: b, resetMovingState: w } = _t({
-    containerRef: s,
+    v();
+  }, { updatePlayerPos: b, resetMovingState: C } = _t({
     gamePlayStateRef: n,
-    setGamePlayState: t,
+    setGamePlayState: e,
     playerRadius: c.playerRadius,
     moveSpeed: c.gridMoveSpeed,
     onFoodCollected: () => {
-      const M = n.current.totalFoodCount - n.current.foodCollected - 1;
-      M > 0 ? j.show(
-        r.foodCollectedToast.replace("%NUM%", M.toString()),
+      const T = n.current.totalFoodCount - n.current.foodCollected - 1;
+      T > 0 ? q.show(
+        r.foodCollectedToast.replace("%NUM%", T.toString()),
         3e3
-      ) : j.show(r.allFoodCollectedToast);
+      ) : q.show(r.allFoodCollectedToast);
     }
   });
-  return R(() => {
-    w();
-  }, [o.currentLevel, w]), R(() => {
-    let M, C = !document.hidden;
-    const z = () => {
-      const L = a.current?.getContext("2d"), y = n.current;
-      if (!(C && y?.isGameActive && L && y?.maze)) {
-        M = requestAnimationFrame(z);
+  return x(() => {
+    C();
+  }, [o.currentLevel, C]), x(() => {
+    let T, g = !document.hidden;
+    const k = () => {
+      const S = l.current?.getContext("2d"), N = n.current;
+      if (!(g && N?.isGameActive && S && N?.maze)) {
+        T = requestAnimationFrame(k);
         return;
       }
-      b(), S(), M = requestAnimationFrame(z);
-    }, S = () => {
-      const L = a.current?.getContext("2d"), y = n.current;
-      if (L && y?.maze) {
-        const g = u.current?.wallWidth || c?.wallWidth, v = u.current?.exitColor || c?.exitColor, T = u.current?.exitWallWidth || c?.exitWallWidth, N = u.current?.exitDashArray || c?.exitDashArray;
-        vt(L, y, f.current, k.current, {
+      b(), w(), T = requestAnimationFrame(k);
+    }, w = () => {
+      const S = l.current?.getContext("2d"), N = n.current;
+      if (S && N?.maze) {
+        const z = u.current?.wallWidth || c?.wallWidth, E = u.current?.exitColor || c?.exitColor, L = u.current?.exitWallWidth || c?.exitWallWidth, A = u.current?.exitDashArray || c?.exitDashArray;
+        vt(S, N, f.current, p.current, {
           ...c,
-          wallWidth: g,
-          exitColor: v,
-          exitWallWidth: T,
-          exitDashArray: N
+          wallWidth: z,
+          exitColor: E,
+          exitWallWidth: L,
+          exitDashArray: A
         });
       }
     };
-    h.current = S;
-    const E = (L) => {
-      const y = C;
-      C = !document.hidden && document.visibilityState === "visible" && (!L || L.type !== "blur"), !y && C ? n.current?.levelTransitioning === !1 && t({
+    h.current = w;
+    const y = (S) => {
+      const N = g;
+      g = !document.hidden && document.visibilityState === "visible" && (!S || S.type !== "blur"), !N && g ? n.current?.levelTransitioning === !1 && e({
         ...n.current,
         isGameActive: !0
-      }) : y && !C && t({
+      }) : N && !g && e({
         ...n.current,
         isGameActive: !1
       });
     };
-    return document.addEventListener("visibilitychange", E), window.addEventListener("blur", E), window.addEventListener("focus", E), M = requestAnimationFrame(z), () => {
-      cancelAnimationFrame(M), document.removeEventListener("visibilitychange", E), window.removeEventListener("blur", E), window.removeEventListener("focus", E);
+    return document.addEventListener("visibilitychange", y), window.addEventListener("blur", y), window.addEventListener("focus", y), T = requestAnimationFrame(k), () => {
+      cancelAnimationFrame(T), document.removeEventListener("visibilitychange", y), window.removeEventListener("blur", y), window.removeEventListener("focus", y);
     };
-  }, []), R(() => {
-    j.show(r.useArrowKeyTips, 3e3);
+  }, []), x(() => {
+    q.show(r.useArrowKeyTips, 3e3);
   }, []), /* @__PURE__ */ m("div", { className: "maze-game-container", children: [
-    /* @__PURE__ */ m(Ot, {}),
-    /* @__PURE__ */ m(dn, { onRetry: _ }),
-    /* @__PURE__ */ m("div", { className: "maze-canvas-container", ref: s, children: [
-      /* @__PURE__ */ m("canvas", { ref: a, className: "maze-game-canvas" }),
-      /* @__PURE__ */ m("div", { className: "maze-touch-area maze-up" }),
-      /* @__PURE__ */ m("div", { className: "maze-touch-area maze-down" }),
-      /* @__PURE__ */ m("div", { className: "maze-touch-area maze-left" }),
-      /* @__PURE__ */ m("div", { className: "maze-touch-area maze-right" })
-    ] })
+    /* @__PURE__ */ m(Dt, {}),
+    /* @__PURE__ */ m(un, { onRetry: _ }),
+    /* @__PURE__ */ m("div", { className: "maze-canvas-container", ref: s, children: /* @__PURE__ */ m("canvas", { ref: l, className: "maze-game-canvas" }) })
   ] });
 }
-const Ln = (t) => {
-  const e = Math.floor(t / 60), n = t % 60;
-  return `${e.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
-}, Nn = ({
-  timer: t,
-  onTimeUp: e
+const En = (e) => {
+  const t = Math.floor(e / 60), n = e % 60;
+  return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+}, Ln = ({
+  timer: e,
+  onTimeUp: t
 }) => {
-  const [n, o] = U(t), i = O(), s = O(!1);
-  return R(() => {
-    const a = () => {
+  const [n, o] = G(e), i = F(), s = F(!1), l = F(0);
+  return x(() => {
+    const r = () => {
       !s.current && !i.current && (s.current = !0, i.current = setInterval(() => {
-        o((l) => l <= 1 ? (clearInterval(i.current), e(), 0) : l - 1);
+        o((c) => (l.current = e - c + 1, c <= 1 ? (clearInterval(i.current), t(), 0) : c - 1));
       }, 1e3));
-    }, r = () => {
-      clearInterval(i.current), i.current = void 0;
+    }, a = () => {
+      clearInterval(i.current), i.current = void 0, window.dispatchEvent(
+        new CustomEvent("maze:timeUsed", {
+          detail: { timeUsed: l.current }
+        })
+      );
     };
-    return window.addEventListener("maze:firstMove", a), window.addEventListener("maze:gameSuccess", r), () => {
-      window.removeEventListener("maze:firstMove", a), window.removeEventListener("maze:gameSuccess", r), clearInterval(i.current);
+    return window.addEventListener("maze:firstMove", r), window.addEventListener("maze:gameSuccess", a), () => {
+      window.removeEventListener("maze:firstMove", r), window.removeEventListener("maze:gameSuccess", a), clearInterval(i.current);
     };
-  }, []), R(() => {
-    i.current && (clearInterval(i.current), i.current = void 0), o(t), s.current = !1;
-  }, [t]), /* @__PURE__ */ m("div", { className: "single-maze-timer", children: /* @__PURE__ */ m(
+  }, []), x(() => {
+    i.current && (clearInterval(i.current), i.current = void 0), o(e), s.current = !1, l.current = 0;
+  }, [e]), /* @__PURE__ */ m("div", { className: "single-maze-timer", children: /* @__PURE__ */ m(
     "span",
     {
       className: `maze-timer-text ${n <= 10 && s.current ? "maze-timer-warning" : ""}`,
       children: [
         "⏱️ ",
-        Ln(n)
+        En(n)
       ]
     }
   ) });
 };
-function Mn({ config: t }) {
+function Nn({ config: e }) {
   const {
-    size: e,
+    size: t,
     seed: n,
     method: o,
     foodCount: i,
-    renderConfig: s,
-    successCallback: a,
-    failCallback: r,
-    timer: l,
-    i18n: c
-  } = t, [d, u] = U({
-    ...ke
-  }), [h, f] = U(!1), [k, p] = U(!1), [_, b] = U(!1), [w, M] = U(""), C = O(null), z = O(null), S = O(d), E = O(), L = ft(C, () => {
-    E.current?.();
-  }), y = mt(C, d, s.padding);
-  R(() => {
-    S.current = d;
-  }, [d]);
-  const { updatePlayerPos: g, resetMovingState: v, resetFirstMoveState: T } = _t({
-    containerRef: z,
-    gamePlayStateRef: S,
-    setGamePlayState: u,
-    playerRadius: s.playerRadius,
-    moveSpeed: s.gridMoveSpeed,
+    clue: s,
+    renderConfig: l,
+    successCallback: r,
+    failCallback: a,
+    timer: c,
+    i18n: d
+  } = e, [u, h] = G({
+    ...Se
+  }), [f, p] = G(!1), [v, _] = G(!1), [b, C] = G(!1), [T, g] = G(""), k = F(0), w = F(!1), y = F(null), S = F(null), N = F(u), z = F(), E = ft(y, () => {
+    z.current?.();
+  }), L = mt(y, u, l.padding);
+  x(() => {
+    N.current = u;
+  }, [u]);
+  const { updatePlayerPos: A, resetMovingState: I, resetFirstMoveState: O } = _t({
+    gamePlayStateRef: N,
+    setGamePlayState: h,
+    playerRadius: l.playerRadius,
+    moveSpeed: l.gridMoveSpeed,
     onFoodCollected: () => {
       console.log("Food collected in single maze");
     },
     onExitReached: () => {
-      k || P();
+      w.current = !0, v || W();
     },
     onFirstMove: () => {
       window.dispatchEvent(new CustomEvent("maze:firstMove"));
     }
-  }), N = () => {
-    p(!0), M(`⏰ ${c.failMsg}`), b(!0), u((I) => ({
-      ...I,
+  }), $ = () => {
+    _(!0), g(`⏰ ${d.failMsg}`), C(!0), h((D) => ({
+      ...D,
       isGameActive: !1
-    })), r && r();
-  }, P = () => {
-    p(!0), M(`🎉 ${c.successMsg}`), b(!0), window.dispatchEvent(new CustomEvent("maze:gameSuccess")), a && a();
-  }, D = () => {
-    b(!1);
+    }));
+  }, W = () => {
+    _(!0), g(`🎉 ${d.successMsg}`), C(!0), window.dispatchEvent(new CustomEvent("maze:gameSuccess"));
+  }, K = () => {
+    C(!1), h((D) => ({
+      ...D,
+      showClue: !0
+    })), w.current ? r?.(k.current) : a?.();
   };
-  return R(() => {
+  return x(() => {
     (async () => {
-      f(!0);
+      p(!0);
       try {
-        const $ = zn({
-          size: e,
+        const U = Sn({
+          size: t,
           seed: n,
           method: o,
-          foodCount: i
+          foodCount: i,
+          clue: s
         });
-        S.current = $, u($);
-      } catch ($) {
-        console.error("Error generating single maze:", $);
+        N.current = U, h(U);
+      } catch (U) {
+        console.error("Error generating single maze:", U);
       } finally {
-        f(!1);
+        p(!1);
       }
     })();
-  }, [t]), R(() => {
-    let I;
-    const $ = !document.hidden, B = () => {
-      const G = C.current?.getContext("2d"), q = S.current;
-      if (!($ && q?.isGameActive && G && q?.maze)) {
-        I = requestAnimationFrame(B);
+  }, [e]), x(() => {
+    let D;
+    const U = !document.hidden, H = () => {
+      const V = y.current?.getContext("2d"), X = N.current;
+      if (!(U && X?.isGameActive && V && X?.maze)) {
+        D = requestAnimationFrame(H);
         return;
       }
-      g(), V(), I = requestAnimationFrame(B);
-    }, V = () => {
-      const G = C.current?.getContext("2d"), q = S.current;
-      G && q?.maze && vt(
-        G,
-        q,
+      A(), J(), D = requestAnimationFrame(H);
+    }, J = () => {
+      const V = y.current?.getContext("2d"), X = N.current;
+      V && X?.maze && vt(
+        V,
+        X,
+        E.current,
         L.current,
-        y.current,
-        s
+        l
       );
     };
-    return E.current = V, I = requestAnimationFrame(B), () => {
-      cancelAnimationFrame(I);
+    return z.current = J, D = requestAnimationFrame(H), () => {
+      cancelAnimationFrame(D);
     };
-  }, []), R(() => {
-    v(), T();
-  }, [t, v, T]), h ? /* @__PURE__ */ m("div", { className: "single-maze-loading", children: /* @__PURE__ */ m("div", { children: "Generating maze..." }) }) : d ? /* @__PURE__ */ m("div", { className: "maze-game-container", children: [
-    /* @__PURE__ */ m(Nn, { timer: l, onTimeUp: N }),
-    /* @__PURE__ */ m("div", { className: "single-maze-canvas-container", ref: z, children: [
-      /* @__PURE__ */ m("canvas", { ref: C, className: "maze-game-canvas" }),
-      /* @__PURE__ */ m("div", { className: "maze-touch-area maze-up" }),
-      /* @__PURE__ */ m("div", { className: "maze-touch-area maze-down" }),
-      /* @__PURE__ */ m("div", { className: "maze-touch-area maze-left" }),
-      /* @__PURE__ */ m("div", { className: "maze-touch-area maze-right" })
-    ] }),
+  }, []), x(() => {
+    I(), O();
+  }, [e, I, O]), x(() => {
+    const D = (U) => {
+      k.current = U.detail.timeUsed;
+    };
+    return window.addEventListener("maze:timeUsed", D), () => {
+      window.removeEventListener(
+        "maze:timeUsed",
+        D
+      );
+    };
+  }, []), f ? /* @__PURE__ */ m("div", { className: "single-maze-loading", children: /* @__PURE__ */ m("div", { children: "Generating maze..." }) }) : u ? /* @__PURE__ */ m("div", { className: "maze-game-container", children: [
+    /* @__PURE__ */ m(Ln, { timer: c, onTimeUp: $ }),
+    /* @__PURE__ */ m("div", { className: "single-maze-canvas-container", ref: S, children: /* @__PURE__ */ m("canvas", { ref: y, className: "maze-game-canvas" }) }),
     /* @__PURE__ */ m(
-      Q,
+      te,
       {
-        isOpen: _,
-        title: w,
+        isOpen: b,
+        title: T,
         noConfirm: !0,
         cancelText: "OK",
-        onCancel: D
+        onCancel: K
       }
     )
   ] }) : /* @__PURE__ */ m("div", { className: "single-maze-error", children: /* @__PURE__ */ m("div", { children: "Failed to generate maze" }) });
 }
-const wt = [
+const Ct = [
   // Tier 1 (Levels 1-12) - Beginner
   [
     // debug
@@ -2265,8 +2261,8 @@ const wt = [
     { size: 68, seed: 33341, method: "backtracking" }
     // Level 60 - Master
   ]
-], An = 0.07, Ct = {
-  gridMoveSpeed: An,
+], Mn = 0.07, wt = {
+  gridMoveSpeed: Mn,
   padding: 10,
   wallWidth: 2,
   wallColor: "#000000",
@@ -2281,7 +2277,7 @@ const wt = [
   // default exit wall width if not specified in level config, should always be a little wider than normal wallWidth
   exitDashArray: [8, 12]
   // default dash: 8px dash, 12px gap
-}, ce = {
+}, de = {
   lcPrefix: "maze-",
   i18n: {
     reset: "Reset",
@@ -2326,9 +2322,9 @@ const wt = [
     cluePathDisabled: "Clue Path Disabled",
     useArrowKeyTips: "Use arrow keys to navigate the maze. Press'C' to toggle path clue."
   },
-  renderConfig: Ct,
-  levelConfig: wt
-}, ue = {
+  renderConfig: wt,
+  levelConfig: Ct
+}, he = {
   i18n: {
     successMsg: "Congratulations! You completed the maze!",
     failMsg: "Time is up!",
@@ -2337,8 +2333,9 @@ const wt = [
   size: 8,
   seed: 12345,
   method: "backtracking",
+  clue: !1,
   foodCount: 3,
-  renderConfig: Ct,
+  renderConfig: wt,
   timer: 10 * 60,
   // 10 minutes
   successCallback: () => {
@@ -2348,56 +2345,56 @@ const wt = [
     console.log("⏰ Time is up! Game failed.");
   }
 };
-function Pn({ config: t = {} }) {
-  const e = { ...ce.i18n, ...t.i18n || {} }, n = {
-    ...ce.renderConfig,
-    ...t.renderConfig || {}
-  }, o = t.levelConfig || wt, i = {
-    ...ce,
-    ...t,
-    i18n: e,
+function An({ config: e = {} }) {
+  const t = { ...de.i18n, ...e.i18n || {} }, n = {
+    ...de.renderConfig,
+    ...e.renderConfig || {}
+  }, o = e.levelConfig || Ct, i = {
+    ...de,
+    ...e,
+    i18n: t,
     levelConfig: o,
     renderConfig: n
   };
-  return /* @__PURE__ */ m(Rt, { config: i, children: /* @__PURE__ */ m(En, {}) });
+  return /* @__PURE__ */ m(xt, { config: i, children: /* @__PURE__ */ m(zn, {}) });
 }
-function In({
-  config: t = {}
+function Pn({
+  config: e = {}
 }) {
-  const e = { ...ue.i18n, ...t.i18n || {} }, n = {
-    ...ue.renderConfig,
-    ...t.renderConfig || {}
+  const t = { ...he.i18n, ...e.i18n || {} }, n = {
+    ...he.renderConfig,
+    ...e.renderConfig || {}
   }, o = {
-    ...ue,
-    ...t,
-    i18n: e,
+    ...he,
+    ...e,
+    i18n: t,
     renderConfig: n
   };
-  return /* @__PURE__ */ m(Mn, { config: o });
+  return /* @__PURE__ */ m(Nn, { config: o });
 }
-const xn = {
-  root: "https://unpkg.com/@roudanio/maze@0.2.1/dist/",
-  ...ce
+const In = {
+  root: "https://unpkg.com/@roudanio/maze@0.2.3/dist/",
+  ...de
 };
-`${JSON.stringify(xn, null, 2)}`;
-const Rn = {
-  root: "https://unpkg.com/@roudanio/maze@0.2.1/dist/",
-  ...ue
+`${JSON.stringify(In, null, 2)}`;
+const xn = {
+  root: "https://unpkg.com/@roudanio/maze@0.2.3/dist/",
+  ...he
 };
 `${JSON.stringify(
-  Rn,
-  (t, e) => typeof e == "function" ? e.toString() : e,
+  xn,
+  (e, t) => typeof t == "function" ? t.toString() : t,
   2
 )}`;
 const Fn = {
   showNotice() {
     console.warn("Cannot find the root element");
-    const t = document.createElement("div");
-    t.style.textAlign = "center", t.style.padding = "20px", t.innerHTML = "Cannot find the root element", document.body.append(t);
+    const e = document.createElement("div");
+    e.style.textAlign = "center", e.style.padding = "20px", e.innerHTML = "Cannot find the root element", document.body.append(e);
   },
-  addLoadingIndicator(t) {
-    const e = document.createElement("div"), n = document.createElement("div");
-    e.style.cssText = `
+  addLoadingIndicator(e) {
+    const t = document.createElement("div"), n = document.createElement("div");
+    t.style.cssText = `
       height: 30px;
       width: 100%;
       border: solid 2px #999;
@@ -2408,7 +2405,7 @@ const Fn = {
       background: #999;
       animation: loading 1.5s ease-in-out;
       transition: width 1.5s ease-in-out;
-    `, e.append(n), t.append(e);
+    `, t.append(n), e.append(t);
     const o = document.createElement("style");
     o.innerHTML = `
       @keyframes loading {
@@ -2416,30 +2413,30 @@ const Fn = {
       100% { width: 99%; }
     }`, document.head.appendChild(o);
   },
-  async loadCSS(t) {
-    const e = document.createElement("link");
-    return e.rel = "stylesheet", e.href = "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap", document.head.appendChild(e), new Promise((n, o) => {
+  async loadCSS(e) {
+    const t = document.createElement("link");
+    return t.rel = "stylesheet", t.href = "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap", document.head.appendChild(t), new Promise((n, o) => {
       const i = document.createElement("link");
-      i.rel = "stylesheet", i.type = "text/css", i.href = t, i.onload = n, i.onerror = o, document.head.appendChild(i);
+      i.rel = "stylesheet", i.type = "text/css", i.href = e, i.onload = n, i.onerror = o, document.head.appendChild(i);
     });
   },
-  async init(t, e) {
-    const n = typeof t == "string" ? document.querySelector(t) : t;
+  async init(e, t) {
+    const n = typeof e == "string" ? document.querySelector(e) : e;
     if (!n) {
       this.showNotice();
       return;
     }
-    let { root: o = location.origin } = e;
-    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", Re(/* @__PURE__ */ m(Pn, { config: e }), n);
+    let { root: o = location.origin } = t;
+    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", Re(/* @__PURE__ */ m(An, { config: t }), n);
   },
-  async initSingle(t, e) {
-    const n = typeof t == "string" ? document.querySelector(t) : t;
+  async initSingle(e, t) {
+    const n = typeof e == "string" ? document.querySelector(e) : e;
     if (!n) {
       this.showNotice();
       return;
     }
-    let { root: o = location.origin } = e;
-    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", Re(/* @__PURE__ */ m(In, { config: e }), n);
+    let { root: o = location.origin } = t;
+    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", Re(/* @__PURE__ */ m(Pn, { config: t }), n);
   }
 };
 export {