@roudanio/maze 0.0.4 → 0.0.6

package/dist/maze.js

@@ -1,4 +1,4 @@
-var ne, C, qe, O, we, Xe, Ye, Je, de, le, ce, Ke, B = {}, Ze = [], Nt = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, X = Array.isArray;
+var ne, y, qe, O, we, Xe, Ye, Je, de, ae, ce, Ke, B = {}, Ze = [], St = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, X = Array.isArray;
 function I(e, t) {
   for (var o in t) e[o] = t[o];
   return e;
@@ -6,7 +6,7 @@ function I(e, t) {
 function he(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function D(e, t, o) {
+function W(e, t, o) {
   var n, i, r, s = {};
   for (r in t) r == "key" ? n = t[r] : r == "ref" ? i = t[r] : s[r] = t[r];
   if (arguments.length > 2 && (s.children = arguments.length > 3 ? ne.call(arguments, 2) : o), typeof e == "function" && e.defaultProps != null) for (r in e.defaultProps) s[r] == null && (s[r] = e.defaultProps[r]);
@@ -14,12 +14,12 @@ function D(e, t, o) {
 }
 function Z(e, t, o, n, i) {
   var r = { type: e, props: t, key: o, ref: n, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: i ?? ++qe, __i: -1, __u: 0 };
-  return i == null && C.vnode != null && C.vnode(r), r;
+  return i == null && y.vnode != null && y.vnode(r), r;
 }
 function j(e) {
   return e.children;
 }
-function R(e, t) {
+function $(e, t) {
   this.props = e, this.context = t;
 }
 function H(e, t) {
@@ -38,21 +38,21 @@ function Qe(e) {
   }
 }
 function ue(e) {
-  (!e.__d && (e.__d = !0) && O.push(e) && !te.__r++ || we != C.debounceRendering) && ((we = C.debounceRendering) || Xe)(te);
+  (!e.__d && (e.__d = !0) && O.push(e) && !te.__r++ || we != y.debounceRendering) && ((we = y.debounceRendering) || Xe)(te);
 }
 function te() {
-  for (var e, t, o, n, i, r, s, a = 1; O.length; ) O.length > a && O.sort(Ye), e = O.shift(), a = O.length, e.__d && (o = void 0, i = (n = (t = e).__v).__e, r = [], s = [], t.__P && ((o = I({}, n)).__v = n.__v + 1, C.vnode && C.vnode(o), fe(t.__P, o, n, t.__n, t.__P.namespaceURI, 32 & n.__u ? [i] : null, r, i ?? H(n), !!(32 & n.__u), s), o.__v = n.__v, o.__.__k[o.__i] = o, ot(r, o, s), o.__e != i && Qe(o)));
+  for (var e, t, o, n, i, r, s, l = 1; O.length; ) O.length > l && O.sort(Ye), e = O.shift(), l = O.length, e.__d && (o = void 0, i = (n = (t = e).__v).__e, r = [], s = [], t.__P && ((o = I({}, n)).__v = n.__v + 1, y.vnode && y.vnode(o), fe(t.__P, o, n, t.__n, t.__P.namespaceURI, 32 & n.__u ? [i] : null, r, i ?? H(n), !!(32 & n.__u), s), o.__v = n.__v, o.__.__k[o.__i] = o, ot(r, o, s), o.__e != i && Qe(o)));
   te.__r = 0;
 }
-function et(e, t, o, n, i, r, s, a, l, c, _) {
-  var u, h, d, m, v, y, g = n && n.__k || Ze, p = t.length;
-  for (l = Lt(o, t, g, l, p), u = 0; u < p; u++) (d = o.__k[u]) != null && (h = d.__i == -1 ? B : g[d.__i] || B, d.__i = u, y = fe(e, d, h, i, r, s, a, l, c, _), m = d.__e, d.ref && h.ref != d.ref && (h.ref && me(h.ref, null, d), _.push(d.ref, d.__c || m, d)), v == null && m != null && (v = m), 4 & d.__u || h.__k === d.__k ? l = tt(d, l, e) : typeof d.type == "function" && y !== void 0 ? l = y : m && (l = m.nextSibling), d.__u &= -7);
-  return o.__e = v, l;
+function et(e, t, o, n, i, r, s, l, a, c, _) {
+  var u, h, d, f, g, v, C = n && n.__k || Ze, p = t.length;
+  for (a = Lt(o, t, C, a, p), u = 0; u < p; u++) (d = o.__k[u]) != null && (h = d.__i == -1 ? B : C[d.__i] || B, d.__i = u, v = fe(e, d, h, i, r, s, l, a, c, _), f = d.__e, d.ref && h.ref != d.ref && (h.ref && me(h.ref, null, d), _.push(d.ref, d.__c || f, d)), g == null && f != null && (g = f), 4 & d.__u || h.__k === d.__k ? a = tt(d, a, e) : typeof d.type == "function" && v !== void 0 ? a = v : f && (a = f.nextSibling), d.__u &= -7);
+  return o.__e = g, a;
 }
 function Lt(e, t, o, n, i) {
-  var r, s, a, l, c, _ = o.length, u = _, h = 0;
-  for (e.__k = new Array(i), r = 0; r < i; r++) (s = t[r]) != null && typeof s != "boolean" && typeof s != "function" ? (l = r + h, (s = e.__k[r] = typeof s == "string" || typeof s == "number" || typeof s == "bigint" || s.constructor == String ? Z(null, s, null, null, null) : X(s) ? Z(j, { children: s }, null, null, null) : s.constructor == null && s.__b > 0 ? Z(s.type, s.props, s.key, s.ref ? s.ref : null, s.__v) : s).__ = e, s.__b = e.__b + 1, a = null, (c = s.__i = xt(s, o, l, u)) != -1 && (u--, (a = o[c]) && (a.__u |= 2)), a == null || a.__v == null ? (c == -1 && (i > _ ? h-- : i < _ && h++), typeof s.type != "function" && (s.__u |= 4)) : c != l && (c == l - 1 ? h-- : c == l + 1 ? h++ : (c > l ? h-- : h++, s.__u |= 4))) : e.__k[r] = null;
-  if (u) for (r = 0; r < _; r++) (a = o[r]) != null && (2 & a.__u) == 0 && (a.__e == n && (n = H(a)), it(a, a));
+  var r, s, l, a, c, _ = o.length, u = _, h = 0;
+  for (e.__k = new Array(i), r = 0; r < i; r++) (s = t[r]) != null && typeof s != "boolean" && typeof s != "function" ? (a = r + h, (s = e.__k[r] = typeof s == "string" || typeof s == "number" || typeof s == "bigint" || s.constructor == String ? Z(null, s, null, null, null) : X(s) ? Z(j, { children: s }, null, null, null) : s.constructor == null && s.__b > 0 ? Z(s.type, s.props, s.key, s.ref ? s.ref : null, s.__v) : s).__ = e, s.__b = e.__b + 1, l = null, (c = s.__i = xt(s, o, a, u)) != -1 && (u--, (l = o[c]) && (l.__u |= 2)), l == null || l.__v == null ? (c == -1 && (i > _ ? h-- : i < _ && h++), typeof s.type != "function" && (s.__u |= 4)) : c != a && (c == a - 1 ? h-- : c == a + 1 ? h++ : (c > a ? h-- : h++, s.__u |= 4))) : e.__k[r] = null;
+  if (u) for (r = 0; r < _; r++) (l = o[r]) != null && (2 & l.__u) == 0 && (l.__e == n && (n = H(l)), it(l, l));
   return n;
 }
 function tt(e, t, o) {
@@ -73,22 +73,22 @@ function oe(e, t) {
   }) : t.push(e)), t;
 }
 function xt(e, t, o, n) {
-  var i, r, s = e.key, a = e.type, l = t[o];
-  if (l === null && e.key == null || l && s == l.key && a == l.type && (2 & l.__u) == 0) return o;
-  if (n > (l != null && (2 & l.__u) == 0 ? 1 : 0)) for (i = o - 1, r = o + 1; i >= 0 || r < t.length; ) {
+  var i, r, s = e.key, l = e.type, a = t[o];
+  if (a === null && e.key == null || a && s == a.key && l == a.type && (2 & a.__u) == 0) return o;
+  if (n > (a != null && (2 & a.__u) == 0 ? 1 : 0)) for (i = o - 1, r = o + 1; i >= 0 || r < t.length; ) {
     if (i >= 0) {
-      if ((l = t[i]) && (2 & l.__u) == 0 && s == l.key && a == l.type) return i;
+      if ((a = t[i]) && (2 & a.__u) == 0 && s == a.key && l == a.type) return i;
       i--;
     }
     if (r < t.length) {
-      if ((l = t[r]) && (2 & l.__u) == 0 && s == l.key && a == l.type) return r;
+      if ((a = t[r]) && (2 & a.__u) == 0 && s == a.key && l == a.type) return r;
       r++;
     }
   }
   return -1;
 }
 function be(e, t, o) {
-  t[0] == "-" ? e.setProperty(t, o ?? "") : e[t] = o == null ? "" : typeof o != "number" || Nt.test(t) ? o : o + "px";
+  t[0] == "-" ? e.setProperty(t, o ?? "") : e[t] = o == null ? "" : typeof o != "number" || St.test(t) ? o : o + "px";
 }
 function J(e, t, o, n, i) {
   var r;
@@ -97,7 +97,7 @@ function J(e, t, o, n, i) {
     if (typeof n == "string" && (e.style.cssText = n = ""), n) for (t in n) o && t in o || be(e.style, t, "");
     if (o) for (t in o) n && o[t] == n[t] || be(e.style, t, o[t]);
   }
-  else if (t[0] == "o" && t[1] == "n") r = t != (t = t.replace(Je, "$1")), t = t.toLowerCase() in e || t == "onFocusOut" || t == "onFocusIn" ? t.toLowerCase().slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + r] = o, o ? n ? o.u = n.u : (o.u = de, e.addEventListener(t, r ? ce : le, r)) : e.removeEventListener(t, r ? ce : le, r);
+  else if (t[0] == "o" && t[1] == "n") r = t != (t = t.replace(Je, "$1")), t = t.toLowerCase() in e || t == "onFocusOut" || t == "onFocusIn" ? t.toLowerCase().slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + r] = o, o ? n ? o.u = n.u : (o.u = de, e.addEventListener(t, r ? ce : ae, r)) : e.removeEventListener(t, r ? ce : ae, r);
   else {
     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 {
@@ -114,63 +114,63 @@ function ke(e) {
       var o = this.l[t.type + e];
       if (t.t == null) t.t = de++;
       else if (t.t < o.u) return;
-      return o(C.event ? C.event(t) : t);
+      return o(y.event ? y.event(t) : t);
     }
   };
 }
-function fe(e, t, o, n, i, r, s, a, l, c) {
-  var _, u, h, d, m, v, y, g, p, T, k, E, P, F, M, S, N, z = t.type;
+function fe(e, t, o, n, i, r, s, l, a, c) {
+  var _, u, h, d, f, g, v, C, p, T, k, E, P, F, M, N, S, z = t.type;
   if (t.constructor != null) return null;
-  128 & o.__u && (l = !!(32 & o.__u), r = [a = t.__e = o.__e]), (_ = C.__b) && _(t);
+  128 & o.__u && (a = !!(32 & o.__u), r = [l = t.__e = o.__e]), (_ = y.__b) && _(t);
   e: if (typeof z == "function") try {
-    if (g = t.props, p = "prototype" in z && z.prototype.render, T = (_ = z.contextType) && n[_.__c], k = _ ? T ? T.props.value : _.__ : n, o.__c ? y = (u = t.__c = o.__c).__ = u.__E : (p ? t.__c = u = new z(g, k) : (t.__c = u = new R(g, k), u.constructor = z, u.render = Et), T && T.sub(u), u.props = g, u.state || (u.state = {}), u.context = k, u.__n = n, h = u.__d = !0, u.__h = [], u._sb = []), p && u.__s == null && (u.__s = u.state), p && z.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = I({}, u.__s)), I(u.__s, z.getDerivedStateFromProps(g, u.__s))), d = u.props, m = u.state, u.__v = t, h) p && z.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), p && u.componentDidMount != null && u.__h.push(u.componentDidMount);
+    if (C = t.props, p = "prototype" in z && z.prototype.render, T = (_ = z.contextType) && n[_.__c], k = _ ? T ? T.props.value : _.__ : n, o.__c ? v = (u = t.__c = o.__c).__ = u.__E : (p ? t.__c = u = new z(C, k) : (t.__c = u = new $(C, k), u.constructor = z, u.render = Et), T && T.sub(u), u.props = C, u.state || (u.state = {}), u.context = k, u.__n = n, h = u.__d = !0, u.__h = [], u._sb = []), p && u.__s == null && (u.__s = u.state), p && z.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = I({}, u.__s)), I(u.__s, z.getDerivedStateFromProps(C, u.__s))), d = u.props, f = u.state, u.__v = t, h) p && z.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), p && u.componentDidMount != null && u.__h.push(u.componentDidMount);
     else {
-      if (p && z.getDerivedStateFromProps == null && g !== d && u.componentWillReceiveProps != null && u.componentWillReceiveProps(g, k), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(g, u.__s, k) === !1 || t.__v == o.__v) {
-        for (t.__v != o.__v && (u.props = g, u.state = u.__s, u.__d = !1), t.__e = o.__e, t.__k = o.__k, t.__k.some(function(U) {
+      if (p && z.getDerivedStateFromProps == null && C !== d && u.componentWillReceiveProps != null && u.componentWillReceiveProps(C, k), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(C, u.__s, k) === !1 || t.__v == o.__v) {
+        for (t.__v != o.__v && (u.props = C, u.state = u.__s, u.__d = !1), t.__e = o.__e, t.__k = o.__k, t.__k.some(function(U) {
           U && (U.__ = t);
         }), E = 0; E < u._sb.length; E++) u.__h.push(u._sb[E]);
         u._sb = [], u.__h.length && s.push(u);
         break e;
       }
-      u.componentWillUpdate != null && u.componentWillUpdate(g, u.__s, k), p && u.componentDidUpdate != null && u.__h.push(function() {
-        u.componentDidUpdate(d, m, v);
+      u.componentWillUpdate != null && u.componentWillUpdate(C, u.__s, k), p && u.componentDidUpdate != null && u.__h.push(function() {
+        u.componentDidUpdate(d, f, g);
       });
     }
-    if (u.context = k, u.props = g, u.__P = e, u.__e = !1, P = C.__r, F = 0, p) {
+    if (u.context = k, u.props = C, u.__P = e, u.__e = !1, P = y.__r, F = 0, p) {
       for (u.state = u.__s, u.__d = !1, P && P(t), _ = u.render(u.props, u.state, u.context), M = 0; M < u._sb.length; M++) u.__h.push(u._sb[M]);
       u._sb = [];
     } else do
       u.__d = !1, P && P(t), _ = u.render(u.props, u.state, u.context), u.state = u.__s;
     while (u.__d && ++F < 25);
-    u.state = u.__s, u.getChildContext != null && (n = I(I({}, n), u.getChildContext())), p && !h && u.getSnapshotBeforeUpdate != null && (v = u.getSnapshotBeforeUpdate(d, m)), S = _, _ != null && _.type === j && _.key == null && (S = nt(_.props.children)), a = et(e, X(S) ? S : [S], t, o, n, i, r, s, a, l, c), u.base = t.__e, t.__u &= -161, u.__h.length && s.push(u), y && (u.__E = u.__ = null);
+    u.state = u.__s, u.getChildContext != null && (n = I(I({}, n), u.getChildContext())), p && !h && u.getSnapshotBeforeUpdate != null && (g = u.getSnapshotBeforeUpdate(d, f)), N = _, _ != null && _.type === j && _.key == null && (N = nt(_.props.children)), l = et(e, X(N) ? N : [N], t, o, n, i, r, s, l, a, c), u.base = t.__e, t.__u &= -161, u.__h.length && s.push(u), v && (u.__E = u.__ = null);
   } catch (U) {
-    if (t.__v = null, l || r != null) if (U.then) {
-      for (t.__u |= l ? 160 : 128; a && a.nodeType == 8 && a.nextSibling; ) a = a.nextSibling;
-      r[r.indexOf(a)] = null, t.__e = a;
-    } else for (N = r.length; N--; ) he(r[N]);
+    if (t.__v = null, a || r != null) if (U.then) {
+      for (t.__u |= a ? 160 : 128; l && l.nodeType == 8 && l.nextSibling; ) l = l.nextSibling;
+      r[r.indexOf(l)] = null, t.__e = l;
+    } else for (S = r.length; S--; ) he(r[S]);
     else t.__e = o.__e, t.__k = o.__k;
-    C.__e(U, t, o);
+    y.__e(U, t, o);
   }
-  else r == null && t.__v == o.__v ? (t.__k = o.__k, t.__e = o.__e) : a = t.__e = At(o.__e, t, o, n, i, r, s, l, c);
-  return (_ = C.diffed) && _(t), 128 & t.__u ? void 0 : a;
+  else r == null && t.__v == o.__v ? (t.__k = o.__k, t.__e = o.__e) : l = t.__e = At(o.__e, t, o, n, i, r, s, a, c);
+  return (_ = y.diffed) && _(t), 128 & t.__u ? void 0 : l;
 }
 function ot(e, t, o) {
   for (var n = 0; n < o.length; n++) me(o[n], o[++n], o[++n]);
-  C.__c && C.__c(t, e), e.some(function(i) {
+  y.__c && y.__c(t, e), e.some(function(i) {
     try {
       e = i.__h, i.__h = [], e.some(function(r) {
         r.call(i);
       });
     } catch (r) {
-      C.__e(r, i.__v);
+      y.__e(r, i.__v);
     }
   });
 }
 function nt(e) {
   return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : X(e) ? e.map(nt) : I({}, e);
 }
-function At(e, t, o, n, i, r, s, a, l) {
-  var c, _, u, h, d, m, v, y = o.props, g = t.props, p = t.type;
+function At(e, t, o, n, i, r, s, l, a) {
+  var c, _, u, h, d, f, g, v = o.props, C = t.props, p = t.type;
   if (p == "svg" ? i = "http://www.w3.org/2000/svg" : p == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), r != null) {
     for (c = 0; c < r.length; c++) if ((d = r[c]) && "setAttribute" in d == !!p && (p ? d.localName == p : d.nodeType == 3)) {
       e = d, r[c] = null;
@@ -178,23 +178,23 @@ function At(e, t, o, n, i, r, s, a, l) {
     }
   }
   if (e == null) {
-    if (p == null) return document.createTextNode(g);
-    e = document.createElementNS(i, p, g.is && g), a && (C.__m && C.__m(t, r), a = !1), r = null;
+    if (p == null) return document.createTextNode(C);
+    e = document.createElementNS(i, p, C.is && C), l && (y.__m && y.__m(t, r), l = !1), r = null;
   }
-  if (p == null) y === g || a && e.data == g || (e.data = g);
+  if (p == null) v === C || l && e.data == C || (e.data = C);
   else {
-    if (r = r && ne.call(e.childNodes), y = o.props || B, !a && r != null) for (y = {}, c = 0; c < e.attributes.length; c++) y[(d = e.attributes[c]).name] = d.value;
-    for (c in y) if (d = y[c], c != "children") {
+    if (r = r && ne.call(e.childNodes), v = o.props || B, !l && r != null) for (v = {}, c = 0; c < e.attributes.length; c++) v[(d = e.attributes[c]).name] = d.value;
+    for (c in v) if (d = v[c], c != "children") {
       if (c == "dangerouslySetInnerHTML") u = d;
-      else if (!(c in g)) {
-        if (c == "value" && "defaultValue" in g || c == "checked" && "defaultChecked" in g) continue;
+      else if (!(c in C)) {
+        if (c == "value" && "defaultValue" in C || c == "checked" && "defaultChecked" in C) continue;
         J(e, c, null, d, i);
       }
     }
-    for (c in g) d = g[c], c == "children" ? h = d : c == "dangerouslySetInnerHTML" ? _ = d : c == "value" ? m = d : c == "checked" ? v = d : a && typeof d != "function" || y[c] === d || J(e, c, d, y[c], i);
-    if (_) a || u && (_.__html == u.__html || _.__html == e.innerHTML) || (e.innerHTML = _.__html), t.__k = [];
-    else if (u && (e.innerHTML = ""), et(t.type == "template" ? e.content : e, X(h) ? h : [h], t, o, n, p == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, r, s, r ? r[0] : o.__k && H(o, 0), a, l), r != null) for (c = r.length; c--; ) he(r[c]);
-    a || (c = "value", p == "progress" && m == null ? e.removeAttribute("value") : m != null && (m !== e[c] || p == "progress" && !m || p == "option" && m != y[c]) && J(e, c, m, y[c], i), c = "checked", v != null && v != e[c] && J(e, c, v, y[c], i));
+    for (c in C) d = C[c], c == "children" ? h = d : c == "dangerouslySetInnerHTML" ? _ = d : c == "value" ? f = d : c == "checked" ? g = d : l && typeof d != "function" || v[c] === d || J(e, c, d, v[c], i);
+    if (_) l || u && (_.__html == u.__html || _.__html == e.innerHTML) || (e.innerHTML = _.__html), t.__k = [];
+    else if (u && (e.innerHTML = ""), et(t.type == "template" ? e.content : e, X(h) ? h : [h], t, o, n, p == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, r, s, r ? r[0] : o.__k && H(o, 0), l, a), r != null) for (c = r.length; c--; ) he(r[c]);
+    l || (c = "value", p == "progress" && f == null ? e.removeAttribute("value") : f != null && (f !== e[c] || p == "progress" && !f || p == "option" && f != v[c]) && J(e, c, f, v[c], i), c = "checked", g != null && g != e[c] && J(e, c, g, v[c], i));
   }
   return e;
 }
@@ -205,16 +205,16 @@ function me(e, t, o) {
       n && e.__u(), n && t == null || (e.__u = e(t));
     } else e.current = t;
   } catch (i) {
-    C.__e(i, o);
+    y.__e(i, o);
   }
 }
 function it(e, t, o) {
   var n, i;
-  if (C.unmount && C.unmount(e), (n = e.ref) && (n.current && n.current != e.__e || me(n, null, t)), (n = e.__c) != null) {
+  if (y.unmount && y.unmount(e), (n = e.ref) && (n.current && n.current != e.__e || me(n, null, t)), (n = e.__c) != null) {
     if (n.componentWillUnmount) try {
       n.componentWillUnmount();
     } catch (r) {
-      C.__e(r, t);
+      y.__e(r, t);
     }
     n.base = n.__P = null;
   }
@@ -226,7 +226,7 @@ function Et(e, t, o) {
 }
 function Mt(e, t, o) {
   var n, i, r, s;
-  t == document && (t = document.documentElement), C.__ && C.__(e, t), i = (n = !1) ? null : t.__k, r = [], s = [], fe(t, e = t.__k = D(j, null, [e]), i || B, B, t.namespaceURI, i ? null : t.firstChild ? ne.call(t.childNodes) : null, r, i ? i.__e : t.firstChild, n, s), ot(r, e, s);
+  t == document && (t = document.documentElement), y.__ && y.__(e, t), i = (n = !1) ? null : t.__k, r = [], s = [], fe(t, e = t.__k = W(j, null, [e]), i || B, B, t.namespaceURI, i ? null : t.firstChild ? ne.call(t.childNodes) : null, r, i ? i.__e : t.firstChild, n, s), ot(r, e, s);
 }
 function rt(e) {
   function t(o) {
@@ -251,96 +251,96 @@ function rt(e) {
     return o.children(n);
   }).contextType = t, t;
 }
-ne = Ze.slice, C = { __e: function(e, t, o, n) {
+ne = Ze.slice, y = { __e: function(e, t, o, n) {
   for (var i, r, s; t = t.__; ) if ((i = t.__c) && !i.__) try {
     if ((r = i.constructor) && r.getDerivedStateFromError != null && (i.setState(r.getDerivedStateFromError(e)), s = i.__d), i.componentDidCatch != null && (i.componentDidCatch(e, n || {}), s = i.__d), s) return i.__E = i;
-  } catch (a) {
-    e = a;
+  } catch (l) {
+    e = l;
   }
   throw e;
-} }, qe = 0, R.prototype.setState = function(e, t) {
+} }, qe = 0, $.prototype.setState = function(e, t) {
   var o;
   o = this.__s != null && this.__s != this.state ? this.__s : this.__s = I({}, this.state), typeof e == "function" && (e = e(I({}, o), this.props)), e && I(o, e), e != null && this.__v && (t && this._sb.push(t), ue(this));
-}, R.prototype.forceUpdate = function(e) {
+}, $.prototype.forceUpdate = function(e) {
   this.__v && (this.__e = !0, e && this.__h.push(e), ue(this));
-}, R.prototype.render = j, O = [], Xe = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Ye = function(e, t) {
+}, $.prototype.render = j, O = [], Xe = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Ye = function(e, t) {
   return e.__v.__b - t.__v.__b;
-}, te.__r = 0, Je = /(PointerCapture)$|Capture$/i, de = 0, le = ke(!1), ce = ke(!0), Ke = 0;
+}, te.__r = 0, Je = /(PointerCapture)$|Capture$/i, de = 0, ae = ke(!1), ce = ke(!0), Ke = 0;
 var It = 0;
-function f(e, t, o, n, i, r) {
+function m(e, t, o, n, i, r) {
   t || (t = {});
-  var s, a, l = t;
-  if ("ref" in l) for (a in l = {}, t) a == "ref" ? s = t[a] : l[a] = t[a];
-  var c = { type: e, props: l, key: o, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --It, __i: -1, __u: 0, __source: i, __self: r };
-  if (typeof e == "function" && (s = e.defaultProps)) for (a in s) l[a] === void 0 && (l[a] = s[a]);
-  return C.vnode && C.vnode(c), c;
+  var s, l, a = t;
+  if ("ref" in a) for (l in a = {}, t) l == "ref" ? s = t[l] : a[l] = t[l];
+  var c = { type: e, props: a, key: o, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --It, __i: -1, __u: 0, __source: i, __self: r };
+  if (typeof e == "function" && (s = e.defaultProps)) for (l in s) a[l] === void 0 && (a[l] = s[l]);
+  return y.vnode && y.vnode(c), c;
 }
-var G, w, re, Te, V = 0, st = [], b = C, ze = b.__b, Pe = b.__r, Se = b.diffed, Ne = b.__c, Le = b.unmount, xe = b.__;
+var G, w, re, Te, V = 0, st = [], b = y, ze = b.__b, Pe = b.__r, Ne = b.diffed, Se = b.__c, Le = b.unmount, xe = b.__;
 function ie(e, t) {
   b.__h && b.__h(w, e, V || t), V = 0;
   var o = w.__H || (w.__H = { __: [], __h: [] });
   return e >= o.__.length && o.__.push({}), o.__[e];
 }
-function $(e) {
-  return V = 1, $t(ct, e);
+function R(e) {
+  return V = 1, Rt(ct, e);
 }
-function $t(e, t, o) {
+function Rt(e, t, o) {
   var n = ie(G++, 2);
-  if (n.t = e, !n.__c && (n.__ = [o ? o(t) : ct(void 0, t), function(a) {
-    var l = n.__N ? n.__N[0] : n.__[0], c = n.t(l, a);
-    l !== c && (n.__N = [c, n.__[1]], n.__c.setState({}));
+  if (n.t = e, !n.__c && (n.__ = [o ? o(t) : ct(void 0, t), function(l) {
+    var a = n.__N ? n.__N[0] : n.__[0], c = n.t(a, l);
+    a !== c && (n.__N = [c, n.__[1]], n.__c.setState({}));
   }], n.__c = w, !w.__f)) {
-    var i = function(a, l, c) {
+    var i = function(l, a, c) {
       if (!n.__c.__H) return !0;
       var _ = n.__c.__H.__.filter(function(h) {
         return !!h.__c;
       });
       if (_.every(function(h) {
         return !h.__N;
-      })) return !r || r.call(this, a, l, c);
-      var u = n.__c.props !== a;
+      })) return !r || r.call(this, l, a, c);
+      var u = n.__c.props !== l;
       return _.forEach(function(h) {
         if (h.__N) {
           var d = h.__[0];
           h.__ = h.__N, h.__N = void 0, d !== h.__[0] && (u = !0);
         }
-      }), r && r.call(this, a, l, c) || u;
+      }), r && r.call(this, l, a, c) || u;
     };
     w.__f = !0;
     var r = w.shouldComponentUpdate, s = w.componentWillUpdate;
-    w.componentWillUpdate = function(a, l, c) {
+    w.componentWillUpdate = function(l, a, c) {
       if (this.__e) {
         var _ = r;
-        r = void 0, i(a, l, c), r = _;
+        r = void 0, i(l, a, c), r = _;
       }
-      s && s.call(this, a, l, c);
+      s && s.call(this, l, a, c);
     }, w.shouldComponentUpdate = i;
   }
   return n.__N || n.__;
 }
 function A(e, t) {
   var o = ie(G++, 3);
-  !b.__s && lt(o.__H, t) && (o.__ = e, o.u = t, w.__H.__h.push(o));
+  !b.__s && at(o.__H, t) && (o.__ = e, o.u = t, w.__H.__h.push(o));
 }
-function W(e) {
+function D(e) {
   return V = 5, pe(function() {
     return { current: e };
   }, []);
 }
 function pe(e, t) {
   var o = ie(G++, 7);
-  return lt(o.__H, t) && (o.__ = e(), o.__H = t, o.__h = e), o.__;
+  return at(o.__H, t) && (o.__ = e(), o.__H = t, o.__h = e), o.__;
 }
 function Ae(e, t) {
   return V = 8, pe(function() {
     return e;
   }, t);
 }
-function at(e) {
+function lt(e) {
   var t = w.context[e.__c], o = ie(G++, 9);
   return o.c = e, t ? (o.__ == null && (o.__ = !0, t.sub(w)), t.props.value) : e.__;
 }
-function Rt() {
+function $t() {
   for (var e; e = st.shift(); ) if (e.__P && e.__H) try {
     e.__H.__h.forEach(Q), e.__H.__h.forEach(_e), e.__H.__h = [];
   } catch (t) {
@@ -358,9 +358,9 @@ b.__b = function(e) {
     o.__N && (o.__ = o.__N), o.u = o.__N = void 0;
   })) : (t.__h.forEach(Q), t.__h.forEach(_e), t.__h = [], G = 0)), re = w;
 }, b.diffed = function(e) {
-  Se && Se(e);
+  Ne && Ne(e);
   var t = e.__c;
-  t && t.__H && (t.__H.__h.length && (st.push(t) !== 1 && Te === b.requestAnimationFrame || ((Te = b.requestAnimationFrame) || Ft)(Rt)), t.__H.__.forEach(function(o) {
+  t && t.__H && (t.__H.__h.length && (st.push(t) !== 1 && Te === b.requestAnimationFrame || ((Te = b.requestAnimationFrame) || Ft)($t)), t.__H.__.forEach(function(o) {
     o.u && (o.__H = o.u), o.u = void 0;
   })), re = w = null;
 }, b.__c = function(e, t) {
@@ -374,7 +374,7 @@ b.__b = function(e) {
         i.__h && (i.__h = []);
       }), t = [], b.__e(n, o.__v);
     }
-  }), Ne && Ne(e, t);
+  }), Se && Se(e, t);
 }, b.unmount = function(e) {
   Le && Le(e);
   var t, o = e.__c;
@@ -401,7 +401,7 @@ function _e(e) {
   var t = w;
   e.__c = e.__(), w = t;
 }
-function lt(e, t) {
+function at(e, t) {
   return !e || e.length !== t.length || t.some(function(o, n) {
     return o !== e[n];
   });
@@ -448,7 +448,7 @@ const Ut = (e) => ({
     }
   }
 }), ut = rt(void 0), Ot = ({ children: e, config: t }) => {
-  const o = W(t), n = Ut(t.lcPrefix + "score"), i = n.loadGameData(), [r, s] = $({
+  const o = D(t), n = Ut(t.lcPrefix + "score"), i = n.loadGameData(), [r, s] = R({
     currentLevel: 1,
     highestUnlockedLevel: 1,
     currentTier: 1,
@@ -479,9 +479,9 @@ const Ut = (e) => ({
     r.totalScore,
     r.currentLevel
   ]);
-  const a = () => {
-    n.resetGameData(), s((l) => ({
-      ...l,
+  const l = () => {
+    n.resetGameData(), s((a) => ({
+      ...a,
       currentLevel: 1,
       highestUnlockedLevel: 1,
       currentTier: 1,
@@ -498,20 +498,20 @@ const Ut = (e) => ({
       showClue: !1
     }));
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ m(
     ut.Provider,
     {
       value: {
         gameState: r,
         setGameState: s,
         config: o,
-        resetGame: a
+        resetGame: l
       },
       children: e
     }
   );
 }, _t = () => {
-  const e = at(ut);
+  const e = lt(ut);
   if (!e)
     throw new Error("useGameContext must be used within a GameProvider");
   return e;
@@ -532,7 +532,7 @@ function ge(e, t, o) {
 function Me(e) {
   return +e.replace(/px/, "");
 }
-function jt(e) {
+function Wt(e) {
   var t = window.devicePixelRatio, o = getComputedStyle(e), n = Me(o.getPropertyValue("width")), i = Me(o.getPropertyValue("height"));
   e.setAttribute("width", (n * t).toString()), e.setAttribute("height", (i * t).toString());
 }
@@ -543,22 +543,22 @@ function x(e, t) {
 function Ie(e) {
   return e[x(0, e.length)];
 }
-var Ht = 125e-5, Gt = 5e-4, Wt = 9e-4, Bt = 1e-5, Vt = 6, qt = 80, Xt = 0.9, Yt = 1.7, Jt = 0.2, Kt = 0.6, Zt = 0.03, Qt = 0.07, eo = 15, to = 82, oo = 100, no = 250, io = 40, ro = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
-function $e(e) {
+var jt = 125e-5, Ht = 5e-4, Gt = 9e-4, Bt = 1e-5, Vt = 6, qt = 80, Xt = 0.9, Yt = 1.7, Jt = 0.2, Kt = 0.6, Zt = 0.03, Qt = 0.07, eo = 15, to = 82, oo = 100, no = 250, io = 40, ro = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
+function Re(e) {
   var t = 1920;
   return Math.log(e) / Math.log(t);
 }
-var Re = /* @__PURE__ */ function() {
+var $e = /* @__PURE__ */ function() {
   function e(t) {
     ve(this, e);
-    var o = t.initialPosition, n = t.direction, i = t.confettiRadius, r = t.confettiColors, s = t.emojis, a = t.emojiSize, l = t.canvasWidth, c = x(Xt, Yt, 3), _ = c * $e(l);
+    var o = t.initialPosition, n = t.direction, i = t.confettiRadius, r = t.confettiColors, s = t.emojis, l = t.emojiSize, a = t.canvasWidth, c = x(Xt, Yt, 3), _ = c * Re(a);
     this.confettiSpeed = {
       x: _,
       y: _
-    }, this.finalConfettiSpeedX = x(Jt, Kt, 3), this.rotationSpeed = s.length ? 0.01 : x(Zt, Qt, 3) * $e(l), this.dragForceCoefficient = x(Gt, Wt, 6), this.radius = {
+    }, this.finalConfettiSpeedX = x(Jt, Kt, 3), this.rotationSpeed = s.length ? 0.01 : x(Zt, Qt, 3) * Re(a), this.dragForceCoefficient = x(Ht, Gt, 6), this.radius = {
       x: i,
       y: i
-    }, this.initialRadius = i, this.rotationAngle = n === "left" ? x(0, 0.2, 3) : x(-0.2, 0, 3), this.emojiSize = a, this.emojiRotationAngle = x(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
+    }, this.initialRadius = i, this.rotationAngle = n === "left" ? x(0, 0.2, 3) : x(-0.2, 0, 3), this.emojiSize = l, this.emojiRotationAngle = x(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
     var u = n === "left" ? x(to, eo) * Math.PI / 180 : x(-15, -82) * Math.PI / 180;
     this.absCos = Math.abs(Math.cos(u)), this.absSin = Math.abs(Math.sin(u));
     var h = x(-150, 0), d = {
@@ -570,18 +570,18 @@ var Re = /* @__PURE__ */ function() {
   return ge(e, [{
     key: "draw",
     value: function(o) {
-      var n = this.currentPosition, i = this.radius, r = this.color, s = this.emoji, a = this.rotationAngle, l = this.emojiRotationAngle, c = this.emojiSize, _ = window.devicePixelRatio;
-      r ? (o.fillStyle = r, o.beginPath(), o.ellipse(n.x * _, n.y * _, i.x * _, i.y * _, a, 0, 2 * Math.PI), o.fill()) : s && (o.font = "".concat(c, "px serif"), o.save(), o.translate(_ * n.x, _ * n.y), o.rotate(l), o.textAlign = "center", o.fillText(s, 0, 0), o.restore());
+      var n = this.currentPosition, i = this.radius, r = this.color, s = this.emoji, l = this.rotationAngle, a = this.emojiRotationAngle, c = this.emojiSize, _ = window.devicePixelRatio;
+      r ? (o.fillStyle = r, o.beginPath(), o.ellipse(n.x * _, n.y * _, i.x * _, i.y * _, l, 0, 2 * Math.PI), o.fill()) : s && (o.font = "".concat(c, "px serif"), o.save(), o.translate(_ * n.x, _ * n.y), o.rotate(a), o.textAlign = "center", o.fillText(s, 0, 0), o.restore());
     }
   }, {
     key: "updatePosition",
     value: function(o, n) {
-      var i = this.confettiSpeed, r = this.dragForceCoefficient, s = this.finalConfettiSpeedX, a = this.radiusYUpdateDirection, l = this.rotationSpeed, c = this.createdAt, _ = this.direction, u = n - c;
-      if (i.x > s && (this.confettiSpeed.x -= r * o), this.currentPosition.x += i.x * (_ === "left" ? -this.absCos : this.absCos) * o, this.currentPosition.y = this.initialPosition.y - i.y * this.absSin * u + Ht * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Bt * o, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
+      var i = this.confettiSpeed, r = this.dragForceCoefficient, s = this.finalConfettiSpeedX, l = this.radiusYUpdateDirection, a = this.rotationSpeed, c = this.createdAt, _ = this.direction, u = n - c;
+      if (i.x > s && (this.confettiSpeed.x -= r * o), this.currentPosition.x += i.x * (_ === "left" ? -this.absCos : this.absCos) * o, this.currentPosition.y = this.initialPosition.y - i.y * this.absSin * u + jt * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Bt * o, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
         this.emojiRotationAngle += this.rotationSpeed * o % (2 * Math.PI);
         return;
       }
-      a === "down" ? (this.radius.y -= o * l, this.radius.y <= 0 && (this.radius.y = 0, this.radiusYUpdateDirection = "up")) : (this.radius.y += o * l, this.radius.y >= this.initialRadius && (this.radius.y = this.initialRadius, this.radiusYUpdateDirection = "down"));
+      l === "down" ? (this.radius.y -= o * a, this.radius.y <= 0 && (this.radius.y = 0, this.radiusYUpdateDirection = "up")) : (this.radius.y += o * a, this.radius.y >= this.initialRadius && (this.radius.y = this.initialRadius, this.radiusYUpdateDirection = "down"));
     }
   }, {
     key: "getIsVisibleOnCanvas",
@@ -594,17 +594,17 @@ function so() {
   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 ao(e) {
-  var t = e.confettiRadius, o = t === void 0 ? Vt : t, n = e.confettiNumber, i = n === void 0 ? e.confettiesNumber || (e.emojis ? io : no) : n, r = e.confettiColors, s = r === void 0 ? ro : r, a = e.emojis, l = a === void 0 ? e.emojies || [] : a, c = e.emojiSize, _ = c === void 0 ? qt : c;
+function lo(e) {
+  var t = e.confettiRadius, o = t === void 0 ? Vt : t, n = e.confettiNumber, i = n === void 0 ? e.confettiesNumber || (e.emojis ? io : no) : n, r = e.confettiColors, s = r === void 0 ? ro : r, l = e.emojis, a = l === void 0 ? e.emojies || [] : l, c = e.emojiSize, _ = c === void 0 ? qt : 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: o,
     confettiNumber: i,
     confettiColors: s,
-    emojis: l,
+    emojis: a,
     emojiSize: _
   };
 }
-var lo = /* @__PURE__ */ function() {
+var ao = /* @__PURE__ */ function() {
   function e(t) {
     var o = this;
     ve(this, e), this.canvasContext = t, this.shapes = [], this.promise = new Promise(function(n) {
@@ -631,9 +631,9 @@ var lo = /* @__PURE__ */ function() {
   }, {
     key: "processShapes",
     value: function(o, n, i) {
-      var r = this, s = o.timeDelta, a = o.currentTime;
-      this.shapes = this.shapes.filter(function(l) {
-        return l.updatePosition(s, a), l.draw(r.canvasContext), i ? l.getIsVisibleOnCanvas(n) : !0;
+      var r = this, s = o.timeDelta, l = o.currentTime;
+      this.shapes = this.shapes.filter(function(a) {
+        return a.updatePosition(s, l), a.draw(r.canvasContext), i ? a.getIsVisibleOnCanvas(n) : !0;
       });
     }
   }]), e;
@@ -645,7 +645,7 @@ var lo = /* @__PURE__ */ function() {
   return ge(e, [{
     key: "loop",
     value: function() {
-      this.requestAnimationFrameRequested = !1, jt(this.canvas);
+      this.requestAnimationFrameRequested = !1, Wt(this.canvas);
       var o = (/* @__PURE__ */ new Date()).getTime(), n = o - this.lastUpdated, i = this.canvas.offsetHeight, r = this.iterationIndex % 10 === 0;
       this.activeConfettiBatches = this.activeConfettiBatches.filter(function(s) {
         return s.processShapes({
@@ -662,35 +662,35 @@ var lo = /* @__PURE__ */ function() {
   }, {
     key: "addConfetti",
     value: function() {
-      for (var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = ao(o), i = n.confettiRadius, r = n.confettiNumber, s = n.confettiColors, a = n.emojis, l = n.emojiSize, c = this.canvas.getBoundingClientRect(), _ = c.width, u = c.height, h = u * 5 / 7, d = {
+      for (var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = lo(o), i = n.confettiRadius, r = n.confettiNumber, s = n.confettiColors, l = n.emojis, a = n.emojiSize, c = this.canvas.getBoundingClientRect(), _ = c.width, u = c.height, h = u * 5 / 7, d = {
         x: 0,
         y: h
-      }, m = {
+      }, f = {
         x: _,
         y: h
-      }, v = new lo(this.canvasContext), y = 0; y < r / 2; y++) {
-        var g = new Re({
+      }, g = new ao(this.canvasContext), v = 0; v < r / 2; v++) {
+        var C = new $e({
           initialPosition: d,
           direction: "right",
           confettiRadius: i,
           confettiColors: s,
           confettiNumber: r,
-          emojis: a,
-          emojiSize: l,
+          emojis: l,
+          emojiSize: a,
           canvasWidth: _
-        }), p = new Re({
-          initialPosition: m,
+        }), p = new $e({
+          initialPosition: f,
           direction: "left",
           confettiRadius: i,
           confettiColors: s,
           confettiNumber: r,
-          emojis: a,
-          emojiSize: l,
+          emojis: l,
+          emojiSize: a,
           canvasWidth: _
         });
-        v.addShapes(g, p);
+        g.addShapes(C, p);
       }
-      return this.activeConfettiBatches.push(v), this.queueAnimationFrameIfNeeded(), v.getBatchCompletePromise();
+      return this.activeConfettiBatches.push(g), this.queueAnimationFrameIfNeeded(), g.getBatchCompletePromise();
     }
   }, {
     key: "clearCanvas",
@@ -716,11 +716,11 @@ function Fe(e, t) {
 function Ue(e, t) {
   this.props = e, this.context = t;
 }
-(Ue.prototype = new R()).isPureReactComponent = !0, Ue.prototype.shouldComponentUpdate = function(e, t) {
+(Ue.prototype = new $()).isPureReactComponent = !0, Ue.prototype.shouldComponentUpdate = function(e, t) {
   return Fe(this.props, e) || Fe(this.state, t);
 };
-var Oe = C.__b;
-C.__b = function(e) {
+var Oe = y.__b;
+y.__b = function(e) {
   e.type && e.type.__f && e.ref && (e.props.ref = e.ref, e.ref = null), Oe && Oe(e);
 };
 var uo = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
@@ -731,14 +731,14 @@ function ht(e) {
   }
   return t.$$typeof = uo, t.render = t, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (e.displayName || e.name) + ")", t;
 }
-var _o = C.__e;
-C.__e = function(e, t, o, n) {
+var _o = y.__e;
+y.__e = function(e, t, o, n) {
   if (e.then) {
     for (var i, r = t; r = r.__; ) if ((i = r.__c) && i.__c) return t.__e == null && (t.__e = o.__e, t.__k = o.__k), i.__c(e, t);
   }
   _o(e, t, o, n);
 };
-var De = C.unmount;
+var De = y.unmount;
 function ft(e, t, o) {
   return e && (e.__c && e.__c.__H && (e.__c.__H.__.forEach(function(n) {
     typeof n.__c == "function" && n.__c();
@@ -761,21 +761,21 @@ function pt(e) {
 function K() {
   this.i = null, this.l = null;
 }
-C.unmount = function(e) {
+y.unmount = function(e) {
   var t = e.__c;
   t && t.__R && t.__R(), t && 32 & e.__u && (e.type = null), De && De(e);
-}, (se.prototype = new R()).__c = function(e, t) {
+}, (se.prototype = new $()).__c = function(e, t) {
   var o = t.__c, n = this;
   n.o == null && (n.o = []), n.o.push(o);
   var i = pt(n.__v), r = !1, s = function() {
-    r || (r = !0, o.__R = null, i ? i(a) : a());
+    r || (r = !0, o.__R = null, i ? i(l) : l());
   };
   o.__R = s;
-  var a = function() {
+  var l = function() {
     if (!--n.__u) {
       if (n.state.__a) {
-        var l = n.state.__a;
-        n.__v.__k[0] = mt(l, l.__c.__P, l.__c.__O);
+        var a = n.state.__a;
+        n.__v.__k[0] = mt(a, a.__c.__P, a.__c.__O);
       }
       var c;
       for (n.setState({ __a: n.__b = null }); c = n.o.pop(); ) c.forceUpdate();
@@ -792,21 +792,21 @@ C.unmount = function(e) {
     }
     this.__b = null;
   }
-  var i = t.__a && D(j, null, e.fallback);
-  return i && (i.__u &= -33), [D(j, null, t.__a ? null : e.children), i];
+  var i = t.__a && W(j, null, e.fallback);
+  return i && (i.__u &= -33), [W(j, null, t.__a ? null : e.children), i];
 };
-var je = function(e, t, o) {
+var We = function(e, t, o) {
   if (++o[1] === o[0] && e.l.delete(t), e.props.revealOrder && (e.props.revealOrder[0] !== "t" || !e.l.size)) for (o = e.i; o; ) {
     for (; o.length > 3; ) o.pop()();
     if (o[1] < o[0]) break;
     e.i = o = o[2];
   }
 };
-(K.prototype = new R()).__a = function(e) {
+(K.prototype = new $()).__a = function(e) {
   var t = this, o = pt(t.__v), n = t.l.get(e);
   return n[0]++, function(i) {
     var r = function() {
-      t.props.revealOrder ? (n.push(i), je(t, e, n)) : i();
+      t.props.revealOrder ? (n.push(i), We(t, e, n)) : i();
     };
     o ? o(r) : r();
   };
@@ -819,20 +819,20 @@ var je = function(e, t, o) {
 }, K.prototype.componentDidUpdate = K.prototype.componentDidMount = function() {
   var e = this;
   this.l.forEach(function(t, o) {
-    je(e, o, t);
+    We(e, o, t);
   });
 };
 var ho = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, fo = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, mo = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, po = /[A-Z0-9]/g, vo = typeof document < "u", go = function(e) {
   return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(e);
 };
-R.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(e) {
-  Object.defineProperty(R.prototype, e, { configurable: !0, get: function() {
+$.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(e) {
+  Object.defineProperty($.prototype, e, { configurable: !0, get: function() {
     return this["UNSAFE_" + e];
   }, set: function(t) {
     Object.defineProperty(this, e, { configurable: !0, writable: !0, value: t });
   } });
 });
-var He = C.event;
+var je = y.event;
 function Co() {
 }
 function yo() {
@@ -841,20 +841,20 @@ function yo() {
 function wo() {
   return this.defaultPrevented;
 }
-C.event = function(e) {
-  return He && (e = He(e)), e.persist = Co, e.isPropagationStopped = yo, e.isDefaultPrevented = wo, e.nativeEvent = e;
+y.event = function(e) {
+  return je && (e = je(e)), e.persist = Co, e.isPropagationStopped = yo, e.isDefaultPrevented = wo, e.nativeEvent = e;
 };
 var bo = { enumerable: !1, configurable: !0, get: function() {
   return this.class;
-} }, Ge = C.vnode;
-C.vnode = function(e) {
+} }, He = y.vnode;
+y.vnode = function(e) {
   typeof e.type == "string" && function(t) {
     var o = t.props, n = t.type, i = {}, r = n.indexOf("-") === -1;
     for (var s in o) {
-      var a = o[s];
-      if (!(s === "value" && "defaultValue" in o && a == null || vo && s === "children" && n === "noscript" || s === "class" || s === "className")) {
-        var l = s.toLowerCase();
-        s === "defaultValue" && "value" in o && o.value == null ? s = "value" : s === "download" && a === !0 ? a = "" : l === "translate" && a === "no" ? a = !1 : l[0] === "o" && l[1] === "n" ? l === "ondoubleclick" ? s = "ondblclick" : l !== "onchange" || n !== "input" && n !== "textarea" || go(o.type) ? l === "onfocus" ? s = "onfocusin" : l === "onblur" ? s = "onfocusout" : mo.test(s) && (s = l) : l = s = "oninput" : r && fo.test(s) ? s = s.replace(po, "-$&").toLowerCase() : a === null && (a = void 0), l === "oninput" && i[s = l] && (s = "oninputCapture"), i[s] = a;
+      var l = o[s];
+      if (!(s === "value" && "defaultValue" in o && l == null || vo && s === "children" && n === "noscript" || s === "class" || s === "className")) {
+        var a = s.toLowerCase();
+        s === "defaultValue" && "value" in o && o.value == null ? s = "value" : s === "download" && l === !0 ? l = "" : a === "translate" && l === "no" ? l = !1 : a[0] === "o" && a[1] === "n" ? a === "ondoubleclick" ? s = "ondblclick" : a !== "onchange" || n !== "input" && n !== "textarea" || go(o.type) ? a === "onfocus" ? s = "onfocusin" : a === "onblur" ? s = "onfocusout" : mo.test(s) && (s = a) : a = s = "oninput" : r && fo.test(s) ? s = s.replace(po, "-$&").toLowerCase() : l === null && (l = void 0), a === "oninput" && i[s = a] && (s = "oninputCapture"), i[s] = l;
       }
     }
     n == "select" && i.multiple && Array.isArray(i.value) && (i.value = oe(o.children).forEach(function(c) {
@@ -862,14 +862,14 @@ C.vnode = function(e) {
     })), n == "select" && i.defaultValue != null && (i.value = oe(o.children).forEach(function(c) {
       c.props.selected = i.multiple ? i.defaultValue.indexOf(c.props.value) != -1 : i.defaultValue == c.props.value;
     })), o.class && !o.className ? (i.class = o.class, Object.defineProperty(i, "className", bo)) : (o.className && !o.class || o.class && o.className) && (i.class = i.className = o.className), t.props = i;
-  }(e), e.$$typeof = ho, Ge && Ge(e);
+  }(e), e.$$typeof = ho, He && He(e);
 };
-var We = C.__r;
-C.__r = function(e) {
-  We && We(e), e.__c;
+var Ge = y.__r;
+y.__r = function(e) {
+  Ge && Ge(e), e.__c;
 };
-var Be = C.diffed;
-C.diffed = function(e) {
+var Be = y.diffed;
+y.diffed = function(e) {
   Be && Be(e);
   var t = e.props, o = e.__e;
   o != null && e.type === "textarea" && "value" in t && t.value !== o.value && (o.value = t.value == null ? "" : t.value);
@@ -913,21 +913,21 @@ const zo = ht(
     className: i = "",
     children: r,
     iconNode: s,
-    ...a
-  }, l) => D(
+    ...l
+  }, a) => W(
     "svg",
     {
-      ref: l,
+      ref: a,
       ...To,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: n ? Number(o) * 24 / Number(t) : o,
       className: vt("lucide", i),
-      ...a
+      ...l
     },
     [
-      ...s.map(([c, _]) => D(c, _)),
+      ...s.map(([c, _]) => W(c, _)),
       ...Array.isArray(r) ? r : [r]
     ]
   )
@@ -940,7 +940,7 @@ const zo = ht(
  */
 const Po = (e, t) => {
   const o = ht(
-    ({ className: n, ...i }, r) => D(zo, {
+    ({ className: n, ...i }, r) => W(zo, {
       ref: r,
       iconNode: t,
       className: vt(`lucide-${ko(e)}`, n),
@@ -955,7 +955,7 @@ const Po = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const So = [
+const No = [
   [
     "path",
     {
@@ -964,23 +964,23 @@ const So = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], No = Po("Settings", So), gt = rt(void 0), Lo = ({ children: e }) => {
-  const [t, o] = $(null), [n, i] = $(!1), [r, s] = $(
+], So = Po("Settings", No), gt = rt(void 0), Lo = ({ children: e }) => {
+  const [t, o] = R(null), [n, i] = R(!1), [r, s] = R(
     "info"
-  ), [a, l] = $(null), c = Ae(() => {
-    i(!1), a && (clearTimeout(a), l(null));
-  }, [a]), _ = Ae(
+  ), [l, a] = R(null), c = Ae(() => {
+    i(!1), l && (clearTimeout(l), a(null));
+  }, [l]), _ = Ae(
     (u, h = "info", d = 3e3) => {
       if (n && c(), o(u), s(h), i(!0), d > 0) {
-        const m = setTimeout(() => {
+        const f = setTimeout(() => {
           i(!1);
         }, d);
-        l(m);
+        a(f);
       }
     },
     [n, c]
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ m(
     gt.Provider,
     {
       value: { message: t, visible: n, type: r, showToast: _, hideToast: c },
@@ -988,7 +988,7 @@ const So = [
     }
   );
 }, Ce = () => {
-  const e = at(gt);
+  const e = lt(gt);
   if (!e)
     throw new Error("useToast must be used within a ToastProvider");
   return e;
@@ -999,7 +999,7 @@ const So = [
   highestUnlockedTier: n,
   onTierChange: i,
   disabled: r
-}) => /* @__PURE__ */ f("div", { className: "tier-selector", children: /* @__PURE__ */ f(
+}) => /* @__PURE__ */ m("div", { className: "tier-selector", children: /* @__PURE__ */ m(
   "select",
   {
     value: o,
@@ -1008,7 +1008,7 @@ const So = [
     },
     disabled: r,
     className: "tier-dropdown",
-    children: Array.from({ length: t }, (s, a) => a + 1).map((s) => /* @__PURE__ */ f(
+    children: Array.from({ length: t }, (s, l) => l + 1).map((s) => /* @__PURE__ */ m(
       "option",
       {
         value: s,
@@ -1031,31 +1031,31 @@ const So = [
   disabled: r
 }) => {
   const s = Ao(t);
-  return /* @__PURE__ */ f("div", { className: "level-selector", children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ m("div", { className: "level-selector", children: /* @__PURE__ */ m(
     "select",
     {
       value: o,
-      onChange: (a) => {
-        a.target && a.target.value && i(Number(a.target.value));
+      onChange: (l) => {
+        l.target && l.target.value && i(Number(l.target.value));
       },
       disabled: r,
       className: "level-dropdown",
-      children: s.map((a) => /* @__PURE__ */ f(
+      children: s.map((l) => /* @__PURE__ */ m(
         "option",
         {
-          value: a,
-          disabled: a > n,
+          value: l,
+          disabled: l > n,
           children: [
             e.level,
             " ",
-            a
+            l
           ]
         },
-        `level-${a}`
+        `level-${l}`
       ))
     }
   ) });
-}, ae = ({
+}, le = ({
   isOpen: e,
   title: t,
   message: o,
@@ -1063,11 +1063,11 @@ const So = [
   noConfirm: i = !1,
   noCancel: r = !1,
   confirmText: s = "OK",
-  cancelText: a = "Cancel",
-  onConfirm: l,
+  cancelText: l = "Cancel",
+  onConfirm: a,
   onCancel: c
 }) => {
-  const _ = W(null);
+  const _ = D(null);
   return A(() => {
     const u = (h) => {
       h.key === "Escape" && c?.();
@@ -1075,16 +1075,16 @@ const So = [
     return e && document.addEventListener("keydown", u), () => {
       document.removeEventListener("keydown", u);
     };
-  }, [e, c]), /* @__PURE__ */ f(
+  }, [e, c]), /* @__PURE__ */ m(
     "div",
     {
       className: `maze-dialog-overlay ${e ? "maze-dialog-visible" : ""}`,
-      children: /* @__PURE__ */ f("div", { className: "maze-dialog", ref: _, children: [
-        /* @__PURE__ */ f("div", { className: "maze-dialog-title", children: t }),
-        /* @__PURE__ */ f("div", { className: "maze-dialog-content", children: n || /* @__PURE__ */ f("div", { className: "maze-dialog-message", children: o }) }),
-        /* @__PURE__ */ f("div", { className: "maze-dialog-buttons", children: [
-          !r && /* @__PURE__ */ f("button", { className: "maze-dialog-cancel", onClick: c, children: a }),
-          !i && /* @__PURE__ */ f("button", { className: "maze-dialog-confirm", onClick: l, children: s })
+      children: /* @__PURE__ */ m("div", { className: "maze-dialog", ref: _, children: [
+        /* @__PURE__ */ m("div", { className: "maze-dialog-title", children: t }),
+        /* @__PURE__ */ m("div", { className: "maze-dialog-content", children: n || /* @__PURE__ */ m("div", { className: "maze-dialog-message", children: o }) }),
+        /* @__PURE__ */ m("div", { className: "maze-dialog-buttons", children: [
+          !r && /* @__PURE__ */ m("button", { className: "maze-dialog-cancel", onClick: c, children: l }),
+          !i && /* @__PURE__ */ m("button", { className: "maze-dialog-confirm", onClick: a, children: s })
         ] })
       ] })
     }
@@ -1268,6 +1268,7 @@ const ye = [
   renderConfig: {
     padding: 10,
     wallWidth: 4,
+    minWallWidth: 1,
     wallColor: "#000000",
     exitColor: "#F44336",
     foodColor: "#4CAF50",
@@ -1279,7 +1280,7 @@ const ye = [
   levelConfig: ye
   // levelsPerTier: 12,
 }, Io = (e) => e === 1 ? 2 : e >= 2 && e <= 5 ? 3 : e >= 6 && e <= 11 ? 4 : e >= 12 && e <= 15 ? 5 : 6;
-class $o {
+class Ro {
   // initially all walls exit
   constructor(t, o) {
     this.row = t, this.col = o;
@@ -1287,7 +1288,7 @@ class $o {
   visited = !1;
   walls = { top: !0, right: !0, bottom: !0, left: !0 };
 }
-class Ro {
+class $o {
   rows;
   cols;
   grid;
@@ -1302,7 +1303,7 @@ class Ro {
     for (let o = 0; o < this.rows; o++) {
       t[o] = [];
       for (let n = 0; n < this.cols; n++)
-        t[o][n] = new $o(o, n);
+        t[o][n] = new Ro(o, n);
     }
     return t;
   }
@@ -1323,8 +1324,8 @@ class Ro {
       // Left
     ];
     for (const r of i) {
-      const s = t + r.r, a = o + r.c;
-      this.isValid(s, a) && n.push({ row: s, col: a });
+      const s = t + r.r, l = o + r.c;
+      this.isValid(s, l) && n.push({ row: s, col: l });
     }
     return n;
   }
@@ -1351,7 +1352,7 @@ class Ro {
 class Fo {
   maze;
   constructor(t, o, n, i, r = { row: 0, col: 0 }, s = { row: t - 1, col: o - 1 }) {
-    switch (this.maze = new Ro(t, o, i), n) {
+    switch (this.maze = new $o(t, o, i), n) {
       case "backtracking":
         this.runBacktracking();
         break;
@@ -1375,10 +1376,10 @@ class Fo {
     let i = { row: o, col: n };
     for (this.maze.grid[o][n].visited = !0, t.push(i); t.length > 0; ) {
       i = t[t.length - 1];
-      const { row: r, col: s } = i, a = this.maze.getUnvisitedNeighbors(r, s);
-      if (a.length > 0) {
-        const l = this.randomPick(a), { row: c, col: _ } = l;
-        this.maze.removeWall(r, s, c, _), this.maze.grid[c][_].visited = !0, t.push(l);
+      const { row: r, col: s } = i, l = this.maze.getUnvisitedNeighbors(r, s);
+      if (l.length > 0) {
+        const a = this.randomPick(l), { row: c, col: _ } = a;
+        this.maze.removeWall(r, s, c, _), this.maze.grid[c][_].visited = !0, t.push(a);
       } else
         t.pop();
     }
@@ -1386,17 +1387,17 @@ class Fo {
   // --- Prim's Algorithm Implementation ---
   runPrims() {
     const t = [], o = (r, s) => {
-      const a = this.maze.getNeighbors(r, s);
-      for (const l of a)
-        !this.maze.grid[l.row][l.col].visited && !t.some(
-          (c) => c.row === l.row && c.col === l.col
-        ) && t.push(l);
+      const l = this.maze.getNeighbors(r, s);
+      for (const a of l)
+        !this.maze.grid[a.row][a.col].visited && !t.some(
+          (c) => c.row === a.row && c.col === a.col
+        ) && t.push(a);
     }, n = this.randomNumber(this.maze.rows), i = this.randomNumber(this.maze.cols);
     for (this.maze.grid[n][i].visited = !0, o(n, i); t.length > 0; ) {
-      const r = this.randomNumber(t.length), s = t[r], { row: a, col: l } = s, c = this.maze.getVisitedNeighbors(a, l);
+      const r = this.randomNumber(t.length), s = t[r], { row: l, col: a } = s, c = this.maze.getVisitedNeighbors(l, a);
       if (c.length > 0) {
         const _ = this.randomPick(c);
-        this.maze.removeWall(a, l, _.row, _.col), this.maze.grid[a][l].visited = !0, o(a, l);
+        this.maze.removeWall(l, a, _.row, _.col), this.maze.grid[l][a].visited = !0, o(l, a);
       }
       t.splice(r, 1);
     }
@@ -1425,21 +1426,21 @@ const Oo = (e, t, o) => {
   const o = e - 1, n = t[o];
   if (!n)
     return console.error(`Cannot find Level ${e}'s config.`), null;
-  const i = n.size, r = i, s = i, a = n.seed, l = n.method, c = n.entry || { row: 0, col: 0 }, _ = n.exit || {
+  const i = n.size, r = i, s = i, l = n.seed, a = n.method, c = n.entry || { row: 0, col: 0 }, _ = n.exit || {
     row: r - 1,
     col: s - 1
-  }, u = Uo(r, s, l, a, c, _), h = Io(e), d = [];
-  for (let m = 0; m < h; m++) {
-    let v;
+  }, u = Uo(r, s, a, l, c, _), h = Io(e), d = [];
+  for (let f = 0; f < h; f++) {
+    let g;
     do
-      v = {
+      g = {
         row: Math.floor(u.random() * r),
         col: Math.floor(u.random() * s)
       };
-    while (v.row === c.row && v.col === c.col || v.row === _.row && v.col === _.col || !Oo(u, v.row, v.col) || d.some(
-      (y) => y.row === v.row && y.col === v.col
+    while (g.row === c.row && g.col === c.col || g.row === _.row && g.col === _.col || !Oo(u, g.row, g.col) || d.some(
+      (v) => v.row === g.row && v.col === g.col
     ));
-    d.push(v);
+    d.push(g);
   }
   return {
     maze: u,
@@ -1469,52 +1470,52 @@ const Oo = (e, t, o) => {
     }));
   }
 }), wt = (e) => pe(() => {
-  const t = e.map((a) => a.length), o = t.reduce((a, l) => a + l, 0), n = e.length, i = (a) => {
-    if (a < 1 || a > o) return 0;
-    let l = 0;
+  const t = e.map((l) => l.length), o = t.reduce((l, a) => l + a, 0), n = e.length, i = (l) => {
+    if (l < 1 || l > o) return 0;
+    let a = 0;
     for (let c = 0; c < t.length; c++)
-      if (l += t[c], a <= l) return c + 1;
+      if (a += t[c], l <= a) return c + 1;
     return 0;
-  }, r = (a) => a < 1 || a > n ? 0 : t.slice(0, a - 1).reduce((l, c) => l + c, 0) + 1, s = {
+  }, r = (l) => l < 1 || l > n ? 0 : t.slice(0, l - 1).reduce((a, c) => a + c, 0) + 1, s = {
     getTotalLevels: () => o,
     getTotalTiers: () => n,
-    getTierLevelsRange: (a) => {
-      if (a < 1 || a > n) return [0, 0];
-      const l = r(a), c = l + t[a - 1] - 1;
-      return [l, c];
+    getTierLevelsRange: (l) => {
+      if (l < 1 || l > n) return [0, 0];
+      const a = r(l), c = a + t[l - 1] - 1;
+      return [a, c];
     },
     getTierByLevel: i,
     getFirstLevelOfTier: r,
-    getLevelConfig: (a) => {
-      if (a < 1 || a > o) return null;
-      const l = i(a), c = r(l), _ = a - c;
-      return e[l - 1][_];
+    getLevelConfig: (l) => {
+      if (l < 1 || l > o) return null;
+      const a = i(l), c = r(a), _ = l - c;
+      return e[a - 1][_];
     },
-    getTierConfig: (a) => a < 1 || a > n ? null : e[a - 1],
-    isLevelUnlocked: (a, l) => a <= l,
-    isTierUnlocked: (a, l) => a <= l,
-    getNextLevelInfo: (a) => {
-      if (a >= o) return null;
-      const l = a + 1, c = i(a), _ = i(l);
+    getTierConfig: (l) => l < 1 || l > n ? null : e[l - 1],
+    isLevelUnlocked: (l, a) => l <= a,
+    isTierUnlocked: (l, a) => l <= a,
+    getNextLevelInfo: (l) => {
+      if (l >= o) return null;
+      const a = l + 1, c = i(l), _ = i(a);
       return {
-        nextLevel: l,
+        nextLevel: a,
         nextTier: _,
         isTierChange: _ > c
       };
     },
-    getCurrentTierProgress: (a, l) => {
-      const [c, _] = s.getTierLevelsRange(l), u = a - c + 1, h = _ - c + 1;
+    getCurrentTierProgress: (l, a) => {
+      const [c, _] = s.getTierLevelsRange(a), u = l - c + 1, h = _ - c + 1;
       return { current: u, total: h };
     },
-    isLastLevelInTier: (a) => {
-      const l = i(a), [, c] = s.getTierLevelsRange(l);
-      return a === c;
+    isLastLevelInTier: (l) => {
+      const a = i(l), [, c] = s.getTierLevelsRange(a);
+      return l === c;
     },
-    getPreviousLevelInfo: (a) => {
-      if (a <= 1) return null;
-      const l = a - 1, c = i(a), _ = i(l);
+    getPreviousLevelInfo: (l) => {
+      if (l <= 1) return null;
+      const a = l - 1, c = i(l), _ = i(a);
       return {
-        prevLevel: l,
+        prevLevel: a,
         prevTier: _,
         isTierChange: _ < c
       };
@@ -1522,7 +1523,7 @@ const Oo = (e, t, o) => {
   };
   return s;
 }, [e]), Do = () => {
-  const { gameState: e, setGameState: t, resetGame: o, config: n } = _t(), i = n.current.i18n, r = n.current.levelConfig, s = wt(r), { showToast: a } = Ce(), { currentLevel: l, totalScore: c, levelScores: _, currentScore: u, showClue: h } = e, d = _[l] || 0, m = s.getTotalTiers(), [v, y] = $(!1), [g, p] = $(!1), [T, k] = $(!1), [E, P] = $(s.getTierLevelsRange(1)), { generateCurrentLevelMaze: F } = yt({
+  const { gameState: e, setGameState: t, resetGame: o, config: n } = _t(), i = n.current.i18n, r = n.current.levelConfig, s = wt(r), { showToast: l } = Ce(), { currentLevel: a, totalScore: c, levelScores: _, currentScore: u, showClue: h } = e, d = _[a] || 0, f = s.getTotalTiers(), [g, v] = R(!1), [C, p] = R(!1), [T, k] = R(!1), [E, P] = R(s.getTierLevelsRange(1)), { generateCurrentLevelMaze: F } = yt({
     gameState: e,
     setGameState: t,
     config: n
@@ -1537,25 +1538,25 @@ const Oo = (e, t, o) => {
     s.isLevelUnlocked(
       Y,
       e.highestUnlockedLevel
-    ) && (t((St) => ({ ...St, currentTier: L })), S(Y));
-  }, S = (L) => {
+    ) && (t((Nt) => ({ ...Nt, currentTier: L })), N(Y));
+  }, N = (L) => {
     s.isLevelUnlocked(L, e.highestUnlockedLevel) && (t((Y) => ({
       ...Y,
       currentLevel: L
-    })), F(), a(
+    })), F(), l(
       i.levelGoToast.replace("%LEVEL%", L.toString()),
       "success"
     ));
-  }, N = () => {
-    y(!0);
+  }, S = () => {
+    v(!0);
   }, z = () => {
-    y(!1);
+    v(!1);
   }, U = () => {
     k(!0);
   }, bt = () => {
     k(!1);
   }, kt = () => {
-    t((L) => (a(L.showClue ? i.cluePathDisabled : i.cluePathEnabled), {
+    t((L) => (l(L.showClue ? i.cluePathDisabled : i.cluePathEnabled), {
       ...L,
       showClue: !L.showClue,
       currentScore: Math.floor(L.currentScore / 2)
@@ -1564,79 +1565,79 @@ const Oo = (e, t, o) => {
   }, Tt = () => {
     p(!0);
   }, zt = () => {
-    o(), p(!1), a(i.resetDoneToast);
+    o(), p(!1), l(i.resetDoneToast);
   }, Pt = () => {
     p(!1);
   };
-  return /* @__PURE__ */ f("div", { class: "game-panel-container", children: [
-    /* @__PURE__ */ f("div", { className: "game-controls", children: [
-      /* @__PURE__ */ f("div", { className: "selectors-container", children: [
-        /* @__PURE__ */ f(
+  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(
           xo,
           {
             i18n: i,
-            totalTiers: m,
+            totalTiers: f,
             currentTier: e.currentTier,
             highestUnlockedTier: e.highestUnlockedTier,
             onTierChange: M,
             disabled: e.levelTransitioning
           }
         ),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ m(
           Eo,
           {
             i18n: i,
             levelsRange: E,
             currentLevel: e.currentLevel,
             highestUnlockedLevel: e.highestUnlockedLevel,
-            onLevelChange: S,
+            onLevelChange: N,
             disabled: e.levelTransitioning
           }
         )
       ] }),
-      /* @__PURE__ */ f("div", { className: "score-container", children: [
-        /* @__PURE__ */ f("div", { className: "score-box currentscore", children: [
-          /* @__PURE__ */ f("span", { className: "score-label", children: [
+      /* @__PURE__ */ m("div", { className: "score-container", children: [
+        /* @__PURE__ */ m("div", { className: "score-box currentscore", children: [
+          /* @__PURE__ */ m("span", { className: "score-label", children: [
             i.levelScore,
             ":"
           ] }),
-          /* @__PURE__ */ f("span", { className: "score-data", children: u })
+          /* @__PURE__ */ m("span", { className: "score-data", children: u })
         ] }),
-        /* @__PURE__ */ f("div", { className: "score-box bestscore", children: [
-          /* @__PURE__ */ f("span", { className: "score-label", children: [
+        /* @__PURE__ */ m("div", { className: "score-box bestscore", children: [
+          /* @__PURE__ */ m("span", { className: "score-label", children: [
             i.bestScore,
             ":"
           ] }),
-          /* @__PURE__ */ f("span", { className: "score-data", children: d })
+          /* @__PURE__ */ m("span", { className: "score-data", children: d })
         ] }),
-        /* @__PURE__ */ f("div", { className: "score-box totalscore", children: [
-          /* @__PURE__ */ f("span", { className: "score-label", children: [
+        /* @__PURE__ */ m("div", { className: "score-box totalscore", children: [
+          /* @__PURE__ */ m("span", { className: "score-label", children: [
             i.total,
             ":"
           ] }),
-          /* @__PURE__ */ f("span", { className: "score-data", children: c })
+          /* @__PURE__ */ m("span", { className: "score-data", children: c })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ f("div", { className: "game-settings", children: /* @__PURE__ */ f(
-      No,
+    /* @__PURE__ */ m("div", { className: "game-settings", children: /* @__PURE__ */ m(
+      So,
       {
-        onClick: N,
+        onClick: S,
         className: "game-settings-icon"
       }
     ) }),
-    /* @__PURE__ */ f(
-      ae,
+    /* @__PURE__ */ m(
+      le,
       {
-        isOpen: v,
+        isOpen: g,
         title: i.settings,
         noConfirm: !0,
         cancelText: i.close,
         onCancel: z,
         children: [
-          /* @__PURE__ */ f("div", { className: "settings-item-box", children: [
-            /* @__PURE__ */ f("div", {}),
-            /* @__PURE__ */ f(
+          /* @__PURE__ */ m("div", { className: "settings-item-box", children: [
+            /* @__PURE__ */ m("div", {}),
+            /* @__PURE__ */ m(
               "button",
               {
                 className: `settings-clue-button ${h ? "clue-on" : "clue-off"}`,
@@ -1646,10 +1647,10 @@ const Oo = (e, t, o) => {
                 children: h ? i.clueOn : i.clueOff
               }
             ),
-            /* @__PURE__ */ f("div", { className: "settings-item-tip", children: i.clueTip })
+            /* @__PURE__ */ m("div", { className: "settings-item-tip", children: i.clueTip })
           ] }),
-          /* @__PURE__ */ f("div", { className: "settings-item-box", children: [
-            /* @__PURE__ */ f(
+          /* @__PURE__ */ m("div", { className: "settings-item-box", children: [
+            /* @__PURE__ */ m(
               "button",
               {
                 className: "settings-reset-button",
@@ -1658,15 +1659,15 @@ const Oo = (e, t, o) => {
                 children: i.reset
               }
             ),
-            /* @__PURE__ */ f("div", { className: "settings-item-tip", children: i.resetTip })
+            /* @__PURE__ */ m("div", { className: "settings-item-tip", children: i.resetTip })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ f(
-      ae,
+    /* @__PURE__ */ m(
+      le,
       {
-        isOpen: g,
+        isOpen: C,
         title: i.confirmReset,
         message: i.confirmResetMessage,
         confirmText: i.reset,
@@ -1675,8 +1676,8 @@ const Oo = (e, t, o) => {
         onCancel: Pt
       }
     ),
-    /* @__PURE__ */ f(
-      ae,
+    /* @__PURE__ */ m(
+      le,
       {
         isOpen: T,
         title: i.confirmClue,
@@ -1688,7 +1689,7 @@ const Oo = (e, t, o) => {
       }
     )
   ] });
-}, jo = ({
+}, Wo = ({
   message: e,
   visible: t,
   duration: o = 2e3,
@@ -1702,15 +1703,15 @@ const Oo = (e, t, o) => {
   }, o)), () => {
     s && clearTimeout(s);
   };
-}, [t, o, n]), /* @__PURE__ */ f("div", { className: `toast-container position-${i}`, children: /* @__PURE__ */ f("div", { className: `toast-message type-${r} ${t ? "toast-visible" : ""}`, children: e }) })) : null, Ho = (e, t, o) => {
+}, [t, o, n]), /* @__PURE__ */ m("div", { className: `toast-container position-${i}`, children: /* @__PURE__ */ m("div", { className: `toast-message type-${r} ${t ? "toast-visible" : ""}`, children: e }) })) : null, jo = (e, t, o) => {
   A(() => {
     const n = () => {
       const i = e.current;
       if (!i) return;
       const r = i.parentElement;
       if (!r) return;
-      const s = r.clientWidth, a = window.devicePixelRatio || 1;
-      i.style.width = `${s}px`, i.style.height = `${s}px`, i.width = s * a, i.height = s * a, t(e, o.current);
+      const s = r.clientWidth, l = window.devicePixelRatio || 1;
+      i.style.width = `${s}px`, i.style.height = `${s}px`, i.width = s * l, i.height = s * l, t(e, o.current);
     };
     return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
   }, [e]);
@@ -1719,7 +1720,7 @@ const Oo = (e, t, o) => {
   ArrowDown: [1, 0],
   ArrowLeft: [0, -1],
   ArrowRight: [0, 1]
-}, Go = ({
+}, Ho = ({
   containerRef: e,
   gameState: t,
   setGameState: o,
@@ -1727,56 +1728,56 @@ const Oo = (e, t, o) => {
   onFoodNotAllCollected: i
 }) => {
   A(() => {
-    const r = (l) => {
+    const r = (a) => {
       if (!t.isGameActive || !t.maze) return;
-      const [c, _] = Ve[l], { row: u, col: h } = t.playerPosition, d = u + c, m = h + _;
-      if (!t.maze.isValid(d, m)) return;
-      const v = t.maze.grid[u][h];
-      if (c === -1 && v.walls.top || c === 1 && v.walls.bottom || _ === -1 && v.walls.left || _ === 1 && v.walls.right)
+      const [c, _] = Ve[a], { row: u, col: h } = t.playerPosition, d = u + c, f = h + _;
+      if (!t.maze.isValid(d, f)) return;
+      const g = t.maze.grid[u][h];
+      if (c === -1 && g.walls.top || c === 1 && g.walls.bottom || _ === -1 && g.walls.left || _ === 1 && g.walls.right)
         return;
-      const y = { row: d, col: m }, g = `${d},${m}`;
+      const v = { row: d, col: f }, C = `${d},${f}`;
       o((p) => {
         const T = p.foodPositions.some(
-          (N) => N.row === d && N.col === m
+          (S) => S.row === d && S.col === f
         );
         T && n();
         const k = Math.max(
           0,
           p.currentScore - 1
-        ), E = `${u},${h}-${d},${m}`, P = d === p.exitPosition.row && m === p.exitPosition.col, F = T ? p.foodCollected + 1 : p.foodCollected, M = F === p.totalFoodCount, S = P && M;
+        ), E = `${u},${h}-${d},${f}`, P = d === p.exitPosition.row && f === p.exitPosition.col, F = T ? p.foodCollected + 1 : p.foodCollected, M = F === p.totalFoodCount, N = P && M;
         return P && !M && i(), {
           ...p,
-          playerPosition: y,
-          playerPath: [...p.playerPath, y],
+          playerPosition: v,
+          playerPath: [...p.playerPath, v],
           foodPositions: p.foodPositions.filter(
-            (N) => !(N.row === d && N.col === m)
+            (S) => !(S.row === d && S.col === f)
           ),
           foodCollected: F,
           currentScore: k,
           visitCounts: {
             ...p.visitCounts,
             [E]: (p.visitCounts[E] || 0) + 1,
-            [g]: (p.visitCounts[g] || 0) + 1
+            [C]: (p.visitCounts[C] || 0) + 1
           },
           moveCount: p.moveCount + 1,
           playerAtExit: P,
-          isGameActive: !S,
-          levelTransitioning: S
+          isGameActive: !N,
+          levelTransitioning: N
         };
       });
-    }, s = (l) => {
+    }, s = (a) => {
       if (!t.isGameActive || !t.maze) return;
-      const c = l.key;
-      c in Ve && (l.preventDefault(), r(c));
-    }, a = (l) => {
-      if (l.preventDefault(), !t.isGameActive || !t.maze) return;
-      const c = l.touches[0], _ = document.elementFromPoint(c.clientX, c.clientY);
+      const c = a.key;
+      c in Ve && (a.preventDefault(), r(c));
+    }, l = (a) => {
+      if (a.preventDefault(), !t.isGameActive || !t.maze) return;
+      const c = a.touches[0], _ = document.elementFromPoint(c.clientX, c.clientY);
       _ && (_.classList.contains("maze-up") ? r("ArrowUp") : _.classList.contains("maze-down") ? r("ArrowDown") : _.classList.contains("maze-left") ? r("ArrowLeft") : _.classList.contains("maze-right") && r("ArrowRight"));
     };
-    return window.addEventListener("keydown", s), e.current?.addEventListener("touchstart", a, {
+    return window.addEventListener("keydown", s), e.current?.addEventListener("touchstart", l, {
       passive: !1
     }), () => {
-      window.removeEventListener("keydown", s), e.current?.removeEventListener("touchstart", a);
+      window.removeEventListener("keydown", s), e.current?.removeEventListener("touchstart", l);
     };
   }, [
     t.isGameActive,
@@ -1784,7 +1785,7 @@ const Oo = (e, t, o) => {
     t.playerPosition,
     t.exitPosition
   ]);
-}, Wo = ({
+}, Go = ({
   gameState: e,
   setGameState: t,
   config: o,
@@ -1794,36 +1795,36 @@ const Oo = (e, t, o) => {
   A(() => {
     if (e.levelTransitioning) {
       n();
-      const a = setTimeout(() => {
+      const l = setTimeout(() => {
         s(
           e.currentScore,
           o.current.levelConfig
         );
       }, 1e3);
-      return () => clearTimeout(a);
+      return () => clearTimeout(l);
     }
   }, [e.levelTransitioning]);
-  const r = wt(o.current.levelConfig), s = (a, l) => {
+  const r = wt(o.current.levelConfig), s = (l, a) => {
     const c = r.getNextLevelInfo(
       e.currentLevel
     );
     if (!c) return;
-    const { nextLevel: _, nextTier: u, isTierChange: h } = c, d = Ct(_, l.flat());
-    d && t((m) => {
+    const { nextLevel: _, nextTier: u, isTierChange: h } = c, d = Ct(_, a.flat());
+    d && t((f) => {
       h && i(u);
-      const v = { ...m.levelScores };
-      return v[m.currentLevel] = Math.max(
-        a,
-        v[m.currentLevel] || 0
+      const g = { ...f.levelScores };
+      return g[f.currentLevel] = Math.max(
+        l,
+        g[f.currentLevel] || 0
       ), {
-        ...m,
+        ...f,
         ...d,
         currentLevel: _,
         currentTier: u,
-        highestUnlockedLevel: Math.max(m.highestUnlockedLevel, _),
-        highestUnlockedTier: Math.max(m.highestUnlockedTier, u),
-        levelScores: v,
-        totalScore: Object.values(v).reduce((y, g) => y + g, 0),
+        highestUnlockedLevel: Math.max(f.highestUnlockedLevel, _),
+        highestUnlockedTier: Math.max(f.highestUnlockedTier, u),
+        levelScores: g,
+        totalScore: Object.values(g).reduce((v, C) => v + C, 0),
         showClue: !1,
         // reset to false on new level
         isGameActive: !0,
@@ -1840,45 +1841,45 @@ function Bo(e, t) {
   t.playerColor = e.playerAtExit ? t.playerAtExitColor : t.playerColor;
   const {
     padding: s,
-    wallWidth: a,
-    wallColor: l,
+    wallWidth: l,
+    wallColor: a,
     playerColor: c,
     exitColor: _,
     foodColor: u,
     clueColor: h,
     backgroundColor: d
-  } = t, m = r.cols, v = r.rows, y = (n - s * 2) / m, g = (i - s * 2) / v;
+  } = t, f = r.cols, g = r.rows, v = (n - s * 2) / f, C = (i - s * 2) / g;
   o.clearRect(0, 0, n, i), o.save(), o.fillStyle = d, o.fillRect(0, 0, n, i), o.restore(), e.showClue && e.playerPath && e.playerPath.length > 0 && Ko(e, {
-    cellWidth: y,
-    cellHeight: g,
+    cellWidth: v,
+    cellHeight: C,
     padding: s,
     clueColor: h
   }), Vo(e, {
-    cellWidth: y,
-    cellHeight: g,
+    cellWidth: v,
+    cellHeight: C,
     padding: s,
-    wallColor: l,
-    wallWidth: a
+    wallColor: a,
+    wallWidth: l
   }), Yo(e, {
-    cellWidth: y,
-    cellHeight: g,
+    cellWidth: v,
+    cellHeight: C,
     padding: s,
     foodColor: u
   }), e.playerAtExit || Xo(e, {
-    cellWidth: y,
-    cellHeight: g,
+    cellWidth: v,
+    cellHeight: C,
     padding: s,
     exitColor: _
   }), qo(e, {
-    cellWidth: y,
-    cellHeight: g,
+    cellWidth: v,
+    cellHeight: C,
     padding: s,
     playerColor: c
   });
 }
 function Vo(e, t) {
-  const { ctx: o, maze: n } = e, { cellWidth: i, cellHeight: r, padding: s, wallColor: a, wallWidth: l } = t;
-  o.save(), o.strokeStyle = a, o.lineWidth = l, o.lineCap = "round", o.beginPath();
+  const { ctx: o, maze: n } = e, { cellWidth: i, cellHeight: r, padding: s, wallColor: l, wallWidth: a } = t;
+  o.save(), o.strokeStyle = l, o.lineWidth = a, o.lineCap = "round", o.beginPath();
   for (let c = 0; c < n.rows; c++)
     for (let _ = 0; _ < n.cols; _++) {
       const u = n.grid[c][_], h = s + _ * i, d = s + c * r;
@@ -1887,29 +1888,29 @@ function Vo(e, t) {
   o.stroke(), o.restore();
 }
 function qo(e, t) {
-  const { ctx: o, playerPosition: n } = e, { cellWidth: i, cellHeight: r, padding: s, playerColor: a } = t, { x: l, y: c } = q(
+  const { ctx: o, playerPosition: n } = e, { cellWidth: i, cellHeight: r, padding: s, playerColor: l } = t, { x: a, y: c } = q(
     n.row,
     n.col,
     i,
     r,
     s
   ), _ = Math.min(i, r) * 0.35;
-  o.save(), o.fillStyle = a, o.beginPath(), o.arc(l, c, _, 0, Math.PI * 2), o.fill(), o.restore();
+  o.save(), o.fillStyle = l, o.beginPath(), o.arc(a, c, _, 0, Math.PI * 2), o.fill(), o.restore();
 }
 function Xo(e, t) {
-  const { ctx: o, exitPosition: n } = e, { cellWidth: i, cellHeight: r, padding: s, exitColor: a } = t, { x: l, y: c } = q(
+  const { ctx: o, exitPosition: n } = e, { cellWidth: i, cellHeight: r, padding: s, exitColor: l } = t, { x: a, y: c } = q(
     n.row,
     n.col,
     i,
     r,
     s
   ), _ = Math.min(i, r) * 0.35;
-  o.save(), o.fillStyle = a, o.beginPath(), o.arc(l, c, _, 0, Math.PI * 2), o.fill(), o.restore();
+  o.save(), o.fillStyle = l, o.beginPath(), o.arc(a, c, _, 0, Math.PI * 2), o.fill(), o.restore();
 }
 function Yo(e, t) {
-  const { ctx: o, foodPositions: n } = e, { cellWidth: i, cellHeight: r, padding: s, foodColor: a } = t;
-  o.fillStyle = a;
-  const l = Math.min(i, r) * 0.25;
+  const { ctx: o, foodPositions: n } = e, { cellWidth: i, cellHeight: r, padding: s, foodColor: l } = t;
+  o.fillStyle = l;
+  const a = Math.min(i, r) * 0.25;
   n.forEach((c) => {
     const { x: _, y: u } = q(
       c.row,
@@ -1918,31 +1919,43 @@ function Yo(e, t) {
       r,
       s
     );
-    Jo(o, _, u, l * 1.2, 5, l * 0.6);
+    Jo(o, _, u, a * 1.2, 5, a * 0.6);
   });
 }
 function Jo(e, t, o, n, i, r) {
   e.save(), e.beginPath();
   for (let s = 0; s < i * 2; s++) {
-    const a = s % 2 === 0 ? n : r, l = Math.PI * s / i;
-    e.lineTo(t + a * Math.sin(l), o + a * Math.cos(l));
+    const l = s % 2 === 0 ? n : r, a = Math.PI * s / i;
+    e.lineTo(t + l * Math.sin(a), o + l * Math.cos(a));
   }
   e.closePath(), e.fill(), e.restore();
 }
 function Ko(e, t) {
-  const { ctx: o, playerPath: n, visitCounts: i } = e, { cellWidth: r, cellHeight: s, padding: a, clueColor: l } = t;
+  const { ctx: o, playerPath: n, visitCounts: i } = e, { cellWidth: r, cellHeight: s, padding: l, clueColor: a } = t;
   if (!(!n || n.length < 2 || !i)) {
     o.save();
     for (let c = 1; c < n.length; c++) {
-      const _ = n[c - 1], u = n[c], h = `${_.row},${_.col}-${u.row},${u.col}`, d = `${u.row},${u.col}-${_.row},${_.col}`, m = (i[h] || 0) + (i[d] || 0), v = Math.min(0.2 + m * 0.1, 0.9), y = Math.max(3, r * 0.1) + m * 0.5;
+      const _ = n[c - 1], u = n[c], h = `${_.row},${_.col}-${u.row},${u.col}`, d = `${u.row},${u.col}-${_.row},${_.col}`, f = (i[h] || 0) + (i[d] || 0), g = Math.min(0.2 + f * 0.1, 0.9), v = Math.max(3, r * 0.1) + f * 0.5;
       try {
-        o.strokeStyle = l.replace(")", `, ${v})`).replace("rgb(", "rgba(");
+        o.strokeStyle = a.replace(")", `, ${g})`).replace("rgb(", "rgba(");
       } catch {
-        o.strokeStyle = `rgba(255, 0, 0, ${v})`;
+        o.strokeStyle = `rgba(255, 0, 0, ${g})`;
       }
-      o.lineWidth = y, o.lineCap = "round", o.lineJoin = "round";
-      const { x: g, y: p } = q(_.row, _.col, r, s, a), { x: T, y: k } = q(u.row, u.col, r, s, a);
-      o.beginPath(), o.moveTo(g, p), o.lineTo(T, k), o.stroke();
+      o.lineWidth = v, o.lineCap = "round", o.lineJoin = "round";
+      const { x: C, y: p } = q(
+        _.row,
+        _.col,
+        r,
+        s,
+        l
+      ), { x: T, y: k } = q(
+        u.row,
+        u.col,
+        r,
+        s,
+        l
+      );
+      o.beginPath(), o.moveTo(C, p), o.lineTo(T, k), o.stroke();
     }
     o.restore();
   }
@@ -1955,8 +1968,8 @@ function q(e, t, o, n, i) {
 }
 const Zo = new co(), Qo = () => {
   const { message: e, visible: t, type: o, hideToast: n } = Ce();
-  return /* @__PURE__ */ f(
-    jo,
+  return /* @__PURE__ */ m(
+    Wo,
     {
       message: e,
       visible: t,
@@ -1966,94 +1979,111 @@ const Zo = new co(), Qo = () => {
     }
   );
 }, en = () => {
-  const { gameState: e, setGameState: t, config: o } = _t(), n = W(null), i = W(null), r = W(e), s = o.current.i18n, { showToast: a } = Ce();
+  const { gameState: e, setGameState: t, config: o } = _t(), n = D(null), i = D(null), r = D(e), s = o.current.i18n, { showToast: l } = Ce(), a = D(!1);
   A(() => {
     r.current = e;
   }, [e]);
-  const l = () => {
-    const h = e.totalFoodCount - e.foodCollected - 1;
-    if (h > 0) {
-      a(
-        s.foodCollectedToast.replace("%NUM%", h.toString()),
+  const c = () => {
+    const d = e.totalFoodCount - e.foodCollected - 1;
+    if (d > 0) {
+      l(
+        s.foodCollectedToast.replace("%NUM%", d.toString()),
         "success"
       );
       return;
     }
-    a(s.allFoodCollectedToast, "success");
-  }, c = () => {
-    const h = e.totalFoodCount - e.foodCollected - 1;
-    a(
-      s.warnNotAllFoodCollectedToast.replace("%NUM%", h.toString()),
+    l(s.allFoodCollectedToast, "success");
+  }, _ = () => {
+    const d = e.totalFoodCount - e.foodCollected - 1;
+    l(
+      s.warnNotAllFoodCollectedToast.replace("%NUM%", d.toString()),
       "warning"
     );
-  }, _ = (h, d) => {
-    const m = h.current?.getContext("2d");
-    m && d.maze && Bo(
+  }, u = (d, f) => {
+    const g = d.current?.getContext("2d");
+    if (!g || !f.maze || a.current) return;
+    a.current = !0;
+    const v = { ...o.current.renderConfig || {} }, p = o.current.levelConfig.flat()[f.currentLevel - 1];
+    p.wallWidth ? v.wallWidth = p.wallWidth : f.maze.cols > 40 && (v.wallWidth -= v.wallWidth * 0.05 * (f.maze.cols - 40), v.wallWidth = Math.max(
+      v.wallWidth,
+      v.minWallWidth
+    )), Bo(
       {
-        ctx: m,
-        width: h.current.width,
-        height: h.current.height,
-        maze: d.maze,
-        playerPosition: d.playerPosition,
-        exitPosition: d.exitPosition,
-        foodPositions: d.foodPositions,
-        showClue: d.showClue,
-        playerPath: d.playerPath,
-        visitCounts: d.visitCounts,
-        playerAtExit: d.playerAtExit
+        ctx: g,
+        width: d.current.width,
+        height: d.current.height,
+        maze: f.maze,
+        playerPosition: f.playerPosition,
+        exitPosition: f.exitPosition,
+        foodPositions: f.foodPositions,
+        showClue: f.showClue,
+        playerPath: f.playerPath,
+        visitCounts: f.visitCounts,
+        playerAtExit: f.playerAtExit
       },
-      o.current.renderConfig || {}
-    );
+      v
+    ), requestAnimationFrame(() => {
+      a.current = !1;
+    });
   };
   A(() => {
-    a(s.useArrowKeyTips, "info", 3e3);
-  }, []), Ho(i, _, r);
-  const { generateCurrentLevelMaze: u } = yt({
+    l(s.useArrowKeyTips, "info", 3e3);
+  }, []), jo(i, u, r);
+  const { generateCurrentLevelMaze: h } = yt({
     gameState: e,
     setGameState: t,
     config: o
   });
-  return Go({
+  return Ho({
     containerRef: n,
     gameState: e,
     setGameState: t,
-    onFoodCollected: l,
-    onFoodNotAllCollected: c
-  }), Wo({
+    onFoodCollected: c,
+    onFoodNotAllCollected: _
+  }), Go({
     gameState: e,
     setGameState: t,
     config: o,
     onLevelComplete: () => {
-      Zo.addConfetti(), a(s.levelCompleteToast, "success");
+      Zo.addConfetti(), l(s.levelCompleteToast, "success");
     },
-    onTierUnlocked: (h) => {
-      a(
-        s.tierUnlockedToast.replace("%TIER%", h.toString()),
+    onTierUnlocked: (d) => {
+      l(
+        s.tierUnlockedToast.replace("%TIER%", d.toString()),
         "success"
       );
     }
   }), A(() => {
-    e.isGameActive && !e.levelTransitioning && u();
+    e.isGameActive && !e.levelTransitioning && h();
   }, [
     e.currentLevel,
     e.isGameActive,
     e.levelTransitioning
   ]), A(() => {
-    i.current && e.maze && _(i, e);
-  }, [e]), /* @__PURE__ */ f("div", { className: "maze-game-container", children: [
-    /* @__PURE__ */ f(Qo, {}),
-    /* @__PURE__ */ f(Do, {}),
-    /* @__PURE__ */ f("div", { className: "maze-canvas-container", ref: n, children: [
-      /* @__PURE__ */ f("canvas", { ref: i, className: "maze-game-canvas" }),
-      /* @__PURE__ */ f("div", { className: "maze-touch-area maze-up" }),
-      /* @__PURE__ */ f("div", { className: "maze-touch-area maze-down" }),
-      /* @__PURE__ */ f("div", { className: "maze-touch-area maze-left" }),
-      /* @__PURE__ */ f("div", { className: "maze-touch-area maze-right" })
+    i.current && e.maze && u(i, e);
+  }, [
+    e.maze,
+    e.playerPosition,
+    e.exitPosition,
+    e.foodPositions,
+    e.showClue,
+    e.playerPath,
+    e.visitCounts,
+    e.playerAtExit
+  ]), /* @__PURE__ */ m("div", { className: "maze-game-container", children: [
+    /* @__PURE__ */ m(Qo, {}),
+    /* @__PURE__ */ m(Do, {}),
+    /* @__PURE__ */ m("div", { className: "maze-canvas-container", ref: n, children: [
+      /* @__PURE__ */ m("canvas", { ref: i, 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" })
     ] })
   ] });
 };
 function tn() {
-  return /* @__PURE__ */ f(Lo, { children: /* @__PURE__ */ f(en, {}) });
+  return /* @__PURE__ */ m(Lo, { children: /* @__PURE__ */ m(en, {}) });
 }
 function on({ config: e = {} }) {
   const t = { ...ee.i18n, ...e.i18n || {} }, o = { ...ee.renderConfig, ...e.renderConfig || {} }, n = e.levelConfig || ye;
@@ -2063,10 +2093,10 @@ function on({ config: e = {} }) {
     i18n: t,
     levelConfig: n,
     renderConfig: o
-  }, /* @__PURE__ */ f(Ot, { config: e, children: /* @__PURE__ */ f(tn, {}) });
+  }, /* @__PURE__ */ m(Ot, { config: e, children: /* @__PURE__ */ m(tn, {}) });
 }
 const nn = {
-  root: "https://unpkg.com/@roudanio/maze@0.0.4/dist/",
+  root: "https://unpkg.com/@roudanio/maze@0.0.6/dist/",
   ...ee
 };
 `${JSON.stringify(nn, null, 2)}`;
@@ -2075,8 +2105,8 @@ const rn = {
     const o = typeof e == "string" ? document.querySelector(e) : e;
     if (!o) {
       console.warn("Cannot find the root element");
-      const l = document.createElement("div");
-      l.style.textAlign = "center", l.style.padding = "20px", l.innerHTML = "Cannot find the root element", document.body.append(l);
+      const a = document.createElement("div");
+      a.style.textAlign = "center", a.style.padding = "20px", a.innerHTML = "Cannot find the root element", document.body.append(a);
       return;
     }
     let { root: n = location.origin } = t;
@@ -2100,10 +2130,10 @@ const rn = {
       @keyframes loading {
       0% { width: 0%; }
       100% { width: 99%; }
-    }`, document.head.appendChild(s), await (async (l) => new Promise((c, _) => {
+    }`, document.head.appendChild(s), await (async (a) => new Promise((c, _) => {
       const u = document.createElement("link");
-      u.rel = "stylesheet", u.type = "text/css", u.href = l, u.onload = c, u.onerror = _, document.head.appendChild(u);
-    }))(n + "maze.css"), Mt(/* @__PURE__ */ f(on, { config: t }), o);
+      u.rel = "stylesheet", u.type = "text/css", u.href = a, u.onload = c, u.onerror = _, document.head.appendChild(u);
+    }))(n + "maze.css"), Mt(/* @__PURE__ */ m(on, { config: t }), o);
   }
 };
 export {