@roudanio/maze 0.2.3 → 0.2.4

package/dist/maze.js

@@ -1,73 +1,73 @@
-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) {
+var ge, M, Qe, X, xe, et, tt, nt, Le, Te, ke, ot, ne = {}, rt = [], Tt = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, pe = Array.isArray;
+function H(e, t) {
   for (var n in t) e[n] = t[n];
   return e;
 }
-function Ee(e) {
+function Ne(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function bt(e, t, n) {
+function kt(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);
+  if (arguments.length > 2 && (l.children = arguments.length > 3 ? ge.call(arguments, 2) : n), typeof e == "function" && e.defaultProps != null) for (s in e.defaultProps) l[s] == null && (l[s] = e.defaultProps[s]);
+  return ue(e, l, o, i, null);
 }
-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 };
+function ue(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 ?? ++Qe, __i: -1, __u: 0 };
   return i == null && M.vnode != null && M.vnode(s), s;
 }
-function ge(e) {
+function we(e) {
   return e.children;
 }
-function ce(e, t) {
+function de(e, t) {
   this.props = e, this.context = t;
 }
-function Z(e, t) {
-  if (t == null) return e.__ ? Z(e.__, e.__i + 1) : null;
+function J(e, t) {
+  if (t == null) return e.__ ? J(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;
+  return typeof e.type == "function" ? J(e) : null;
 }
-function ot(e) {
+function it(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(e);
+    return it(e);
   }
 }
-function Te(e) {
-  (!e.__d && (e.__d = !0) && Y.push(e) && !fe.__r++ || Pe != M.debounceRendering) && ((Pe = M.debounceRendering) || Ze)(fe);
+function Se(e) {
+  (!e.__d && (e.__d = !0) && X.push(e) && !_e.__r++ || xe != M.debounceRendering) && ((xe = M.debounceRendering) || et)(_e);
 }
-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 _e() {
+  for (var e, t, n, o, i, s, l, r = 1; X.length; ) X.length > r && X.sort(tt), e = X.shift(), r = X.length, e.__d && (n = void 0, i = (o = (t = e).__v).__e, s = [], l = [], t.__P && ((n = H({}, o)).__v = o.__v + 1, M.vnode && M.vnode(n), Me(t.__P, n, o, t.__n, t.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? J(o), !!(32 & o.__u), l), n.__v = o.__v, n.__.__k[n.__i] = n, at(s, n, l), n.__e != i && it(n)));
+  _e.__r = 0;
 }
-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 st(e, t, n, o, i, s, l, r, a, c, d) {
+  var u, h, f, g, _, v, T = o && o.__k || rt, b = t.length;
+  for (a = St(n, t, T, a, b), u = 0; u < b; u++) (f = n.__k[u]) != null && (h = f.__i == -1 ? ne : T[f.__i] || ne, f.__i = u, v = Me(e, f, h, i, s, l, r, a, c, d), g = f.__e, f.ref && h.ref != f.ref && (h.ref && Ae(h.ref, null, f), d.push(f.ref, f.__c || g, f)), _ == null && g != null && (_ = g), 4 & f.__u || h.__k === f.__k ? a = lt(f, a, e) : typeof f.type == "function" && v !== void 0 ? a = v : g && (a = g.nextSibling), f.__u &= -7);
+  return n.__e = _, a;
 }
-function Tt(e, t, n, o, i) {
+function St(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));
+  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 ? ue(null, l, null, null, null) : pe(l) ? ue(we, { children: l }, null, null, null) : l.constructor == null && l.__b > 0 ? ue(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 = zt(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 = J(r)), ut(r, r));
   return o;
 }
-function it(e, t, n) {
+function lt(e, t, n) {
   var o, i;
   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));
+    for (o = e.__k, i = 0; o && i < o.length; i++) o[i] && (o[i].__ = e, t = lt(o[i], t, n));
     return t;
   }
-  e.__e != t && (t && e.type && !n.contains(t) && (t = Z(e)), n.insertBefore(e.__e, t || null), t = e.__e);
+  e.__e != t && (t && e.type && !n.contains(t) && (t = J(e)), n.insertBefore(e.__e, t || null), t = e.__e);
   do
     t = t && t.nextSibling;
   while (t != null && t.nodeType == 8);
   return t;
 }
-function kt(e, t, n, o) {
+function zt(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; ) {
@@ -82,17 +82,17 @@ function kt(e, t, n, o) {
   }
   return -1;
 }
-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(e, t, n) {
+  t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || Tt.test(t) ? n : n + "px";
 }
-function se(e, t, n, o, i) {
+function ae(e, t, n, o, i) {
   var s;
   e: if (t == "style") if (typeof n == "string") e.style.cssText = n;
   else {
-    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]);
+    if (typeof o == "string" && (e.style.cssText = o = ""), o) for (t in o) n && t in n || Re(e.style, t, "");
+    if (n) for (t in n) o && n[t] == o[t] || Re(e.style, t, n[t]);
   }
-  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 (t[0] == "o" && t[1] == "n") s = t != (t = t.replace(nt, "$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 = Le, e.addEventListener(t, s ? ke : Te, s)) : e.removeEventListener(t, s ? ke : Te, s);
   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 {
@@ -103,54 +103,54 @@ function se(e, t, n, o, i) {
     typeof n == "function" || (n == null || n === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && n == 1 ? "" : n));
   }
 }
-function xe(e) {
+function Fe(e) {
   return function(t) {
     if (this.l) {
       var n = this.l[t.type + e];
-      if (t.t == null) t.t = ze++;
+      if (t.t == null) t.t = Le++;
       else if (t.t < n.u) return;
       return n(M.event ? M.event(t) : t);
     }
   };
 }
-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;
+function Me(e, t, n, o, i, s, l, r, a, c) {
+  var d, u, h, f, g, _, v, T, b, C, p, S, w, y, z, N, E, k = 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);
+  e: if (typeof k == "function") try {
+    if (T = t.props, b = "prototype" in k && k.prototype.render, C = (d = k.contextType) && o[d.__c], p = d ? C ? C.props.value : d.__ : o, n.__c ? v = (u = t.__c = n.__c).__ = u.__E : (b ? t.__c = u = new k(T, p) : (t.__c = u = new de(T, p), u.constructor = k, u.render = Lt), C && C.sub(u), u.props = T, u.state || (u.state = {}), u.context = p, u.__n = o, h = u.__d = !0, u.__h = [], u._sb = []), b && u.__s == null && (u.__s = u.state), b && k.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = H({}, u.__s)), H(u.__s, k.getDerivedStateFromProps(T, u.__s))), f = u.props, g = u.state, u.__v = t, h) b && k.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), b && u.componentDidMount != null && u.__h.push(u.componentDidMount);
     else {
-      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) {
+      if (b && k.getDerivedStateFromProps == null && T !== f && u.componentWillReceiveProps != null && u.componentWillReceiveProps(T, p), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(T, u.__s, p) === !1 || t.__v == n.__v) {
+        for (t.__v != n.__v && (u.props = T, 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]);
+        }), S = 0; S < u._sb.length; S++) u.__h.push(u._sb[S]);
         u._sb = [], u.__h.length && l.push(u);
         break e;
       }
-      u.componentWillUpdate != null && u.componentWillUpdate(b, u.__s, g), C && u.componentDidUpdate != null && u.__h.push(function() {
-        u.componentDidUpdate(f, p, v);
+      u.componentWillUpdate != null && u.componentWillUpdate(T, u.__s, p), b && u.componentDidUpdate != null && u.__h.push(function() {
+        u.componentDidUpdate(f, g, _);
       });
     }
-    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]);
+    if (u.context = p, u.props = T, u.__P = e, u.__e = !1, w = M.__r, y = 0, b) {
+      for (u.state = u.__s, u.__d = !1, w && w(t), d = u.render(u.props, u.state, u.context), z = 0; z < u._sb.length; z++) u.__h.push(u._sb[z]);
       u._sb = [];
     } else do
       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);
+    u.state = u.__s, u.getChildContext != null && (o = H(H({}, o), u.getChildContext())), b && !h && u.getSnapshotBeforeUpdate != null && (_ = u.getSnapshotBeforeUpdate(f, g)), N = d, d != null && d.type === we && d.key == null && (N = ct(d.props.children)), r = st(e, pe(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), v && (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 for (E = s.length; E--; ) Ne(s[E]);
     else t.__e = n.__e, t.__k = n.__k;
     M.__e(L, t, n);
   }
-  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);
+  else s == null && t.__v == n.__v ? (t.__k = n.__k, t.__e = n.__e) : r = t.__e = Et(n.__e, t, n, o, i, s, l, a, c);
   return (d = M.diffed) && d(t), 128 & t.__u ? void 0 : r;
 }
-function st(e, t, n) {
-  for (var o = 0; o < n.length; o++) Ne(n[o], n[++o], n[++o]);
+function at(e, t, n) {
+  for (var o = 0; o < n.length; o++) Ae(n[o], n[++o], n[++o]);
   M.__c && M.__c(t, e), e.some(function(i) {
     try {
       e = i.__h, i.__h = [], e.some(function(s) {
@@ -161,39 +161,39 @@ function st(e, t, n) {
     }
   });
 }
-function lt(e) {
-  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : ve(e) ? e.map(lt) : B({}, e);
+function ct(e) {
+  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : pe(e) ? e.map(ct) : H({}, e);
 }
-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)) {
+function Et(e, t, n, o, i, s, l, r, a) {
+  var c, d, u, h, f, g, _, v = n.props, T = t.props, b = t.type;
+  if (b == "svg" ? i = "http://www.w3.org/2000/svg" : b == "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 == !!b && (b ? f.localName == b : f.nodeType == 3)) {
       e = f, s[c] = null;
       break;
     }
   }
   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 (b == null) return document.createTextNode(T);
+    e = document.createElementNS(i, b, T.is && T), r && (M.__m && M.__m(t, s), r = !1), s = null;
   }
-  if (C == null) _ === b || r && e.data == b || (e.data = b);
+  if (b == null) v === T || r && e.data == T || (e.data = T);
   else {
-    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 (s = s && ge.call(e.childNodes), v = n.props || ne, !r && s != null) for (v = {}, c = 0; c < e.attributes.length; c++) v[(f = e.attributes[c]).name] = f.value;
+    for (c in v) if (f = v[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;
-        se(e, c, null, f, i);
+      else if (!(c in T)) {
+        if (c == "value" && "defaultValue" in T || c == "checked" && "defaultChecked" in T) continue;
+        ae(e, c, null, f, 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);
+    for (c in T) f = T[c], c == "children" ? h = f : c == "dangerouslySetInnerHTML" ? d = f : c == "value" ? g = f : c == "checked" ? _ = f : r && typeof f != "function" || v[c] === f || ae(e, c, f, v[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));
+    else if (u && (e.innerHTML = ""), st(t.type == "template" ? e.content : e, pe(h) ? h : [h], t, n, o, b == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, l, s ? s[0] : n.__k && J(n, 0), r, a), s != null) for (c = s.length; c--; ) Ne(s[c]);
+    r || (c = "value", b == "progress" && g == null ? e.removeAttribute("value") : g != null && (g !== e[c] || b == "progress" && !g || b == "option" && g != v[c]) && ae(e, c, g, v[c], i), c = "checked", _ != null && _ != e[c] && ae(e, c, _, v[c], i));
   }
   return e;
 }
-function Ne(e, t, n) {
+function Ae(e, t, n) {
   try {
     if (typeof e == "function") {
       var o = typeof e.__u == "function";
@@ -203,9 +203,9 @@ function Ne(e, t, n) {
     M.__e(i, n);
   }
 }
-function at(e, t, n) {
+function ut(e, t, n) {
   var o, i;
-  if (M.unmount && M.unmount(e), (o = e.ref) && (o.current && o.current != e.__e || Ne(o, null, t)), (o = e.__c) != null) {
+  if (M.unmount && M.unmount(e), (o = e.ref) && (o.current && o.current != e.__e || Ae(o, null, t)), (o = e.__c) != null) {
     if (o.componentWillUnmount) try {
       o.componentWillUnmount();
     } catch (s) {
@@ -213,17 +213,17 @@ function at(e, t, n) {
     }
     o.base = o.__P = null;
   }
-  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;
+  if (o = e.__k) for (i = 0; i < o.length; i++) o[i] && ut(o[i], t, n || typeof e.type != "function");
+  n || Ne(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function zt(e, t, n) {
+function Lt(e, t, n) {
   return this.constructor(e, n);
 }
-function Re(e, t, n) {
+function De(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);
+  t == document && (t = document.documentElement), M.__ && M.__(e, t), i = (o = !1) ? null : t.__k, s = [], l = [], Me(t, e = t.__k = kt(we, null, [e]), i || ne, ne, t.namespaceURI, i ? null : t.firstChild ? ge.call(t.childNodes) : null, s, i ? i.__e : t.firstChild, o, l), at(s, e, l);
 }
-function Et(e) {
+function Nt(e) {
   function t(n) {
     var o, i;
     return this.getChildContext || (o = /* @__PURE__ */ new Set(), (i = {})[t.__c] = this, this.getChildContext = function() {
@@ -232,7 +232,7 @@ function Et(e) {
       o = null;
     }, this.shouldComponentUpdate = function(s) {
       this.props.value != s.value && o.forEach(function(l) {
-        l.__e = !0, Te(l);
+        l.__e = !0, Se(l);
       });
     }, this.sub = function(s) {
       o.add(s);
@@ -242,46 +242,46 @@ function Et(e) {
       };
     }), n.children;
   }
-  return t.__c = "__cC" + tt++, t.__ = e, t.Provider = t.__l = (t.Consumer = function(n, o) {
+  return t.__c = "__cC" + ot++, t.__ = e, t.Provider = t.__l = (t.Consumer = function(n, o) {
     return n.children(o);
   }).contextType = t, t;
 }
-_e = nt.slice, M = { __e: function(e, t, n, o) {
+ge = rt.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) {
     e = r;
   }
   throw e;
-} }, Je = 0, ce.prototype.setState = function(e, t) {
+} }, Qe = 0, de.prototype.setState = function(e, t) {
   var n;
-  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) {
+  n = this.__s != null && this.__s != this.state ? this.__s : this.__s = H({}, this.state), typeof e == "function" && (e = e(H({}, n), this.props)), e && H(n, e), e != null && this.__v && (t && this._sb.push(t), Se(this));
+}, de.prototype.forceUpdate = function(e) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), Se(this));
+}, de.prototype.render = we, X = [], et = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, tt = 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;
+}, _e.__r = 0, nt = /(PointerCapture)$|Capture$/i, Le = 0, Te = Fe(!1), ke = Fe(!0), ot = 0;
+var Mt = 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 };
+  var c = { type: e, props: a, key: n, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Mt, __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 Z, P, ye, Oe, oe = 0, dt = [], F = M, $e = F.__b, Ue = F.__r, Ge = F.diffed, We = F.__c, je = F.unmount, qe = F.__;
+function Ce(e, t) {
+  F.__h && F.__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 W(e) {
+  return oe = 1, At(ft, e);
 }
-function Nt(e, t, n) {
-  var o = pe(Q++, 2);
-  if (o.t = e, !o.__c && (o.__ = [dt(void 0, t), function(r) {
+function At(e, t, n) {
+  var o = Ce(Z++, 2);
+  if (o.t = e, !o.__c && (o.__ = [ft(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)) {
@@ -313,98 +313,98 @@ function Nt(e, t, n) {
   }
   return o.__N || o.__;
 }
-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 I(e, t) {
+  var n = Ce(Z++, 3);
+  !F.__s && ht(n.__H, t) && (n.__ = e, n.u = t, P.__H.__h.push(n));
 }
-function F(e) {
-  return oe = 5, ee(function() {
+function R(e) {
+  return oe = 5, Q(function() {
     return { current: e };
   }, []);
 }
-function ee(e, t) {
-  var n = pe(Q++, 7);
-  return ut(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
+function Q(e, t) {
+  var n = Ce(Z++, 7);
+  return ht(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
 }
-function je(e, t) {
-  return oe = 8, ee(function() {
+function He(e, t) {
+  return oe = 8, Q(function() {
     return e;
   }, t);
 }
-function Mt(e) {
-  var t = P.context[e.__c], n = pe(Q++, 9);
+function Pt(e) {
+  var t = P.context[e.__c], n = Ce(Z++, 9);
   return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(P)), t.props.value) : e.__;
 }
-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 = [];
+function It() {
+  for (var e; e = dt.shift(); ) if (e.__P && e.__H) try {
+    e.__H.__h.forEach(he), e.__H.__h.forEach(ze), e.__H.__h = [];
   } catch (t) {
-    e.__H.__h = [], R.__e(t, e.__v);
+    e.__H.__h = [], F.__e(t, e.__v);
   }
 }
-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;
+F.__b = function(e) {
+  P = null, $e && $e(e);
+}, F.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), qe && qe(e, t);
+}, F.__r = function(e) {
+  Ue && Ue(e), Z = 0;
   var t = (P = e.__c).__H;
-  t && (Ce === P ? (t.__h = [], P.__h = [], t.__.forEach(function(n) {
+  t && (ye === P ? (t.__h = [], P.__h = [], t.__.forEach(function(n) {
     n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
-  })) : (t.__h.forEach(ue), t.__h.forEach(ke), t.__h = [], Q = 0)), Ce = P;
-}, R.diffed = function(e) {
-  $e && $e(e);
+  })) : (t.__h.forEach(he), t.__h.forEach(ze), t.__h = [], Z = 0)), ye = P;
+}, F.diffed = function(e) {
+  Ge && Ge(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) {
+  t && t.__H && (t.__H.__h.length && (dt.push(t) !== 1 && Oe === F.requestAnimationFrame || ((Oe = F.requestAnimationFrame) || xt)(It)), t.__H.__.forEach(function(n) {
     n.u && (n.__H = n.u), n.u = void 0;
-  })), Ce = P = null;
-}, R.__c = function(e, t) {
+  })), ye = P = null;
+}, F.__c = function(e, t) {
   t.some(function(n) {
     try {
-      n.__h.forEach(ue), n.__h = n.__h.filter(function(o) {
-        return !o.__ || ke(o);
+      n.__h.forEach(he), n.__h = n.__h.filter(function(o) {
+        return !o.__ || ze(o);
       });
     } catch (o) {
       t.some(function(i) {
         i.__h && (i.__h = []);
-      }), t = [], R.__e(o, n.__v);
+      }), t = [], F.__e(o, n.__v);
     }
-  }), Ue && Ue(e, t);
-}, R.unmount = function(e) {
-  Ge && Ge(e);
+  }), We && We(e, t);
+}, F.unmount = function(e) {
+  je && je(e);
   var t, n = e.__c;
   n && n.__H && (n.__H.__.forEach(function(o) {
     try {
-      ue(o);
+      he(o);
     } catch (i) {
       t = i;
     }
-  }), n.__H = void 0, t && R.__e(t, n.__v));
+  }), n.__H = void 0, t && F.__e(t, n.__v));
 };
-var qe = typeof requestAnimationFrame == "function";
-function Pt(e) {
+var Be = typeof requestAnimationFrame == "function";
+function xt(e) {
   var t, n = function() {
-    clearTimeout(o), qe && cancelAnimationFrame(t), setTimeout(e);
+    clearTimeout(o), Be && cancelAnimationFrame(t), setTimeout(e);
   }, o = setTimeout(n, 100);
-  qe && (t = requestAnimationFrame(n));
+  Be && (t = requestAnimationFrame(n));
 }
-function ue(e) {
+function he(e) {
   var t = P, n = e.__c;
   typeof n == "function" && (e.__c = void 0, n()), P = t;
 }
-function ke(e) {
+function ze(e) {
   var t = P;
   e.__c = e.__(), P = t;
 }
-function ut(e, t) {
+function ht(e, t) {
   return !e || e.length !== t.length || t.some(function(n, o) {
     return n !== e[o];
   });
 }
-function dt(e, t) {
+function ft(e, t) {
   return typeof t == "function" ? t(e) : t;
 }
-const It = (e) => ({
+const Rt = (e) => ({
   saveGameData(t) {
     try {
       localStorage.setItem(e, JSON.stringify(t));
@@ -427,14 +427,14 @@ const It = (e) => ({
       console.error("Failed to reset maze game data:", t);
     }
   }
-}), ht = Et(void 0), He = {
+}), mt = Nt(void 0), Ve = {
   currentLevel: 1,
   highestUnlockedLevel: 1,
   currentTier: 1,
   highestUnlockedTier: 1,
   levelScores: {},
   totalScore: 0
-}, Se = {
+}, Ee = {
   isGameActive: !0,
   levelTransitioning: !1,
   maze: null,
@@ -447,9 +447,9 @@ const It = (e) => ({
   showClue: !1,
   playerPath: [],
   visitCounts: {}
-}, xt = ({ children: e, config: t }) => {
-  const n = It(t.lcPrefix + "progress"), o = n.loadGameData(), [i, s] = G(() => o || { ...He });
-  x(() => {
+}, Ft = ({ children: e, config: t }) => {
+  const n = Rt(t.lcPrefix + "progress"), o = n.loadGameData(), [i, s] = W(() => o || { ...Ve });
+  I(() => {
     const u = Object.values(i.levelScores).reduce(
       (h, f) => h + f,
       0
@@ -458,7 +458,7 @@ const It = (e) => ({
       ...h,
       totalScore: u
     }));
-  }, [i.levelScores]), x(() => {
+  }, [i.levelScores]), I(() => {
     n.saveGameData(i);
   }, [
     i.currentLevel,
@@ -468,13 +468,13 @@ const It = (e) => ({
     i.levelScores,
     i.totalScore
   ]);
-  const [l, r] = G({
-    ...Se
-  }), a = F(l);
-  x(() => {
+  const [l, r] = W({
+    ...Ee
+  }), a = R(l);
+  I(() => {
     a.current = l;
   }, [l]);
-  const c = ee(() => [
+  const c = Q(() => [
     l.playerAtExit ? 1 : 0,
     l.foodCollected === l.totalFoodCount ? 1 : 0,
     l.showClue ? 0 : 1
@@ -485,13 +485,13 @@ const It = (e) => ({
     l.showClue
   ]), d = () => {
     n.resetGameData(), s({
-      ...He
+      ...Ve
     }), r({
-      ...Se
+      ...Ee
     });
   };
   return /* @__PURE__ */ m(
-    ht.Provider,
+    mt.Provider,
     {
       value: {
         gameProgress: i,
@@ -507,11 +507,11 @@ const It = (e) => ({
     }
   );
 }, re = () => {
-  const e = Mt(ht);
+  const e = Pt(mt);
   if (!e)
     throw new Error("useGameContext must be used within a GameProvider");
   return e;
-}, ie = (e) => ee(() => {
+}, ie = (e) => Q(() => {
   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 a = 0;
@@ -564,7 +564,7 @@ const It = (e) => ({
     }
   };
   return l;
-}, [e]), Rt = ({ onTierChange: e, disabled: t }) => {
+}, [e]), Dt = ({ 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",
@@ -586,14 +586,14 @@ const It = (e) => ({
       ))
     }
   ) });
-}, 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(() => {
+}, Ot = ({ 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 = Q(() => {
     const [h, f] = d.getTierLevelsRange(l);
-    return Array.from({ length: f - h + 1 }, (p, v) => {
-      const _ = h + v, b = r[_] || 0;
+    return Array.from({ length: f - h + 1 }, (g, _) => {
+      const v = h + _, T = r[v] || 0;
       return {
-        level: _,
-        score: b
+        level: v,
+        score: T
       };
     });
   }, [l, r]);
@@ -632,13 +632,13 @@ const It = (e) => ({
   onConfirm: u,
   onCancel: h
 }) => {
-  const f = F(null);
-  return x(() => {
-    const p = (v) => {
-      v.key === "Escape" && h?.();
+  const f = R(null);
+  return I(() => {
+    const g = (_) => {
+      _.key === "Escape" && h?.();
     };
-    return e && document.addEventListener("keydown", p), () => {
-      document.removeEventListener("keydown", p);
+    return e && document.addEventListener("keydown", g), () => {
+      document.removeEventListener("keydown", g);
     };
   }, [e, h]), /* @__PURE__ */ m(
     "div",
@@ -700,7 +700,7 @@ const It = (e) => ({
       for (; this.container.firstChild; )
         this.container.removeChild(this.container.firstChild);
   }
-}, Dt = () => {
+}, $t = () => {
   const {
     gameProgress: e,
     setGameProgress: t,
@@ -709,44 +709,44 @@ const It = (e) => ({
     gamePlayStateRef: i,
     resetGame: s,
     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) => {
+  } = re(), { i18n: r, levelConfig: a } = l, c = ie(a), { levelTransitioning: d, showClue: u } = n, { highestUnlockedLevel: h, totalScore: f } = e, g = c.getTotalLevels(), [_, v] = W(!1), [T, b] = W(!1), [C, p] = W(!1), S = (O) => {
     const $ = c.getFirstLevelOfTier(O);
-    c.isLevelUnlocked($, h) && (t((W) => ({ ...W, currentTier: O })), w($));
+    c.isLevelUnlocked($, h) && (t((U) => ({ ...U, currentTier: O })), w($));
   }, w = (O) => {
     c.isLevelUnlocked(O, h) && (t(($) => ({ ...$, currentLevel: O })), q.show(r.levelGoToast.replace("%LEVEL%", O.toString())));
   }, y = () => {
-    _(!0);
-  }, S = () => {
-    _(!1);
-  }, N = () => {
-    g(!0);
+    v(!0);
   }, z = () => {
-    g(!1);
+    v(!1);
+  }, N = () => {
+    p(!0);
   }, E = () => {
+    p(!1);
+  }, k = () => {
     q.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
       ...i.current,
       // need to sync with ref
       showClue: !i.current.showClue
-    })), g(!1);
+    })), p(!1);
   }, L = () => {
-    C(!0);
+    b(!0);
   }, A = () => {
-    s(), C(!1), q.show(r.resetDoneToast);
-  }, I = () => {
-    C(!1);
+    s(), b(!1), q.show(r.resetDoneToast);
+  }, x = () => {
+    b(!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(
-          Rt,
+          Dt,
           {
-            onTierChange: k,
+            onTierChange: S,
             disabled: d
           }
         ),
         /* @__PURE__ */ m(
-          Ft,
+          Ot,
           {
             onLevelChange: w,
             disabled: d
@@ -768,14 +768,14 @@ const It = (e) => ({
     /* @__PURE__ */ m(
       te,
       {
-        isOpen: v,
+        isOpen: _,
         title: r.settings,
         noConfirm: !0,
         cancelText: r.close,
-        onCancel: S,
+        onCancel: z,
         children: [
           /* @__PURE__ */ m("div", { className: "settings-stats", children: [
-            /* @__PURE__ */ m("div", { children: r.levelComplete + `: ${h}/${p}` }),
+            /* @__PURE__ */ m("div", { children: r.levelComplete + `: ${h}/${g}` }),
             /* @__PURE__ */ m("div", { children: r.starsCollected + ": " + f }),
             /* @__PURE__ */ m("div", { children: r.avgStarPerLevel + ": " + (f / h).toFixed(2) })
           ] }),
@@ -797,81 +797,81 @@ const It = (e) => ({
     /* @__PURE__ */ m(
       te,
       {
-        isOpen: b,
+        isOpen: T,
         title: r.confirmReset,
         message: r.confirmResetMessage,
         confirmText: r.reset,
         cancelText: r.cancel,
         onConfirm: A,
-        onCancel: I
+        onCancel: x
       }
     ),
     /* @__PURE__ */ m(
       te,
       {
-        isOpen: T,
+        isOpen: C,
         title: r.confirmClue,
         message: r.confirmClueMessage,
         confirmText: r.confirm,
         cancelText: r.cancel,
-        onConfirm: E,
-        onCancel: z
+        onConfirm: k,
+        onCancel: E
       }
     )
   ] });
 };
-function Me(e, t) {
+function Pe(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function Ot(e, t) {
+function Ut(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 Ae(e, t, n) {
-  return t && Ot(e.prototype, t), e;
+function Ie(e, t, n) {
+  return t && Ut(e.prototype, t), e;
 }
-function Be(e) {
+function Xe(e) {
   return +e.replace(/px/, "");
 }
-function $t(e) {
-  var t = window.devicePixelRatio, n = getComputedStyle(e), o = Be(n.getPropertyValue("width")), i = Be(n.getPropertyValue("height"));
+function Gt(e) {
+  var t = window.devicePixelRatio, n = getComputedStyle(e), o = Xe(n.getPropertyValue("width")), i = Xe(n.getPropertyValue("height"));
   e.setAttribute("width", (o * t).toString()), e.setAttribute("height", (i * t).toString());
 }
 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(e) {
+function Ye(e) {
   return e[j(0, e.length)];
 }
-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 Wt = 125e-5, jt = 5e-4, qt = 9e-4, Ht = 1e-5, Bt = 6, Vt = 80, Xt = 0.9, Yt = 1.7, Kt = 0.2, Jt = 0.6, Zt = 0.03, Qt = 0.07, en = 15, tn = 82, nn = 100, on = 250, rn = 40, sn = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
+function Ke(e) {
   var t = 1920;
   return Math.log(e) / Math.log(t);
 }
-var Ye = /* @__PURE__ */ function() {
+var Je = /* @__PURE__ */ function() {
   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);
+    Pe(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(Xt, Yt, 3), d = c * Ke(a);
     this.confettiSpeed = {
       x: d,
       y: d
-    }, 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 = {
+    }, this.finalConfettiSpeedX = j(Kt, Jt, 3), this.rotationSpeed = l.length ? 0.01 : j(Zt, Qt, 3) * Ke(a), this.dragForceCoefficient = j(jt, qt, 6), this.radius = {
       x: i,
       y: i
     }, 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;
+    var u = o === "left" ? j(tn, en) * 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 = 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 = l.length ? null : Ve(s), this.emoji = l.length ? Ve(l) : 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 : Ye(s), this.emoji = l.length ? Ye(l) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
   }
-  return Ae(e, [{
+  return Ie(e, [{
     key: "draw",
     value: function(n) {
       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;
@@ -881,7 +881,7 @@ var Ye = /* @__PURE__ */ function() {
     key: "updatePosition",
     value: function(n, o) {
       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) {
+      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 + Wt * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Ht * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
         this.emojiRotationAngle += this.rotationSpeed * n % (2 * Math.PI);
         return;
       }
@@ -890,16 +890,16 @@ var Ye = /* @__PURE__ */ function() {
   }, {
     key: "getIsVisibleOnCanvas",
     value: function(n) {
-      return this.currentPosition.y < n + en;
+      return this.currentPosition.y < n + nn;
     }
   }]), e;
 }();
-function rn() {
+function ln() {
   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 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;
+function an(e) {
+  var t = e.confettiRadius, n = t === void 0 ? Bt : t, o = e.confettiNumber, i = o === void 0 ? e.confettiesNumber || (e.emojis ? rn : on) : o, s = e.confettiColors, l = s === void 0 ? sn : s, r = e.emojis, a = r === void 0 ? e.emojies || [] : r, c = e.emojiSize, d = c === void 0 ? Vt : 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,
@@ -908,14 +908,14 @@ function sn(e) {
     emojiSize: d
   };
 }
-var ln = /* @__PURE__ */ function() {
+var cn = /* @__PURE__ */ function() {
   function e(t) {
     var n = this;
-    Me(this, e), this.canvasContext = t, this.shapes = [], this.promise = new Promise(function(o) {
+    Pe(this, e), this.canvasContext = t, this.shapes = [], this.promise = new Promise(function(o) {
       return n.resolvePromise = o;
     });
   }
-  return Ae(e, [{
+  return Ie(e, [{
     key: "getBatchCompletePromise",
     value: function() {
       return this.promise;
@@ -941,15 +941,15 @@ var ln = /* @__PURE__ */ function() {
       });
     }
   }]), e;
-}(), an = /* @__PURE__ */ function() {
+}(), un = /* @__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);
+    Pe(this, e), this.activeConfettiBatches = [], this.canvas = t.canvas || ln(), 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 Ae(e, [{
+  return Ie(e, [{
     key: "loop",
     value: function() {
-      this.requestAnimationFrameRequested = !1, $t(this.canvas);
+      this.requestAnimationFrameRequested = !1, Gt(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(l) {
         return l.processShapes({
@@ -966,14 +966,14 @@ var ln = /* @__PURE__ */ function() {
   }, {
     key: "addConfetti",
     value: function() {
-      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 = {
+      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = an(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
-      }, p = {
+      }, g = {
         x: d,
         y: h
-      }, v = new ln(this.canvasContext), _ = 0; _ < s / 2; _++) {
-        var b = new Ye({
+      }, _ = new cn(this.canvasContext), v = 0; v < s / 2; v++) {
+        var T = new Je({
           initialPosition: f,
           direction: "right",
           confettiRadius: i,
@@ -982,8 +982,8 @@ var ln = /* @__PURE__ */ function() {
           emojis: r,
           emojiSize: a,
           canvasWidth: d
-        }), C = new Ye({
-          initialPosition: p,
+        }), b = new Je({
+          initialPosition: g,
           direction: "left",
           confettiRadius: i,
           confettiColors: l,
@@ -992,9 +992,9 @@ var ln = /* @__PURE__ */ function() {
           emojiSize: a,
           canvasWidth: d
         });
-        v.addShapes(b, C);
+        _.addShapes(T, b);
       }
-      return this.activeConfettiBatches.push(v), this.queueAnimationFrameIfNeeded(), v.getBatchCompletePromise();
+      return this.activeConfettiBatches.push(_), this.queueAnimationFrameIfNeeded(), _.getBatchCompletePromise();
     }
   }, {
     key: "clearCanvas",
@@ -1008,7 +1008,7 @@ var ln = /* @__PURE__ */ function() {
     }
   }]), e;
 }();
-const cn = new an(), we = 3, un = ({ onRetry: e }) => {
+const dn = new un(), be = 3, hn = ({ onRetry: e }) => {
   const {
     config: t,
     currentScore: n,
@@ -1016,75 +1016,75 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
     setGamePlayState: i,
     gameProgress: s,
     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?.();
+  } = re(), { i18n: r, levelConfig: a } = t, [c, d, u] = n, { foodCollected: h, totalFoodCount: f, playerAtExit: g, levelTransitioning: _ } = o, { currentLevel: v } = s, [T, b] = W(!1);
+  I(() => {
+    g && _ && (dn.addConfetti(), q.show(r.levelCompleteToast), b(!0));
+  }, [g, _]);
+  const C = ie(a), p = C.getTotalLevels(), S = Q(() => v >= p, [v, p]), w = () => {
+    b(!1), q.show(r.levelRestartToast), e?.();
   }, y = () => {
-    C(!1), i((z) => ({
-      ...z,
+    b(!1), i((E) => ({
+      ...E,
       isGameActive: !0,
       levelTransitioning: !1
     }));
-  }, S = () => {
-    C(!1);
-    const z = T.getNextLevelInfo(_);
-    if (!z) return;
-    const { nextLevel: E, nextTier: L, isTierChange: A } = z;
+  }, z = () => {
+    b(!1);
+    const E = C.getNextLevelInfo(v);
+    if (!E) return;
+    const { nextLevel: k, nextTier: L, isTierChange: A } = E;
     A && q.show(
       r.tierUnlockedToast.replace("%TIER%", L.toString())
-    ), l((I) => ({
-      ...I,
-      currentLevel: E,
+    ), l((x) => ({
+      ...x,
+      currentLevel: k,
       currentTier: L,
-      highestUnlockedLevel: Math.max(I.highestUnlockedLevel, E),
-      highestUnlockedTier: Math.max(I.highestUnlockedTier, L),
+      highestUnlockedLevel: Math.max(x.highestUnlockedLevel, k),
+      highestUnlockedTier: Math.max(x.highestUnlockedTier, L),
       levelScores: {
-        ...I.levelScores,
-        [I.currentLevel]: Math.max(
+        ...x.levelScores,
+        [x.currentLevel]: Math.max(
           Object.values(n).filter(Boolean).length,
-          I.levelScores[I.currentLevel] || 0
+          x.levelScores[x.currentLevel] || 0
         )
       }
     }));
   }, N = () => {
-    C(!1), l((z) => {
-      const E = Math.max(
+    b(!1), l((E) => {
+      const k = Math.max(
         Object.values(n).filter(Boolean).length,
-        z.levelScores[z.currentLevel] || 0
+        E.levelScores[E.currentLevel] || 0
       ), L = {
-        ...z.levelScores,
-        [z.currentLevel]: E
+        ...E.levelScores,
+        [E.currentLevel]: k
       };
-      let A = 0, I = 0;
+      let A = 0, x = 0;
       const O = Object.entries(L).sort(
-        ($, W) => Number($[0]) - Number(W[0])
+        ($, U) => Number($[0]) - Number(U[0])
       );
-      for (const [$, W] of O)
-        if (W < we) {
-          A = Number($), I = T.getTierByLevel(A);
+      for (const [$, U] of O)
+        if (U < be) {
+          A = Number($), x = C.getTierByLevel(A);
           break;
         }
-      return (A > 0 && A !== _ || E < we) && q.show(r.notCompleteLevel), (A === 0 || E < we) && e?.(), {
-        ...z,
-        currentLevel: A || z.currentLevel,
-        currentTier: I || z.currentTier,
+      return (A > 0 && A !== v || k < be) && q.show(r.notCompleteLevel), (A === 0 || k < be) && e?.(), {
+        ...E,
+        currentLevel: A || E.currentLevel,
+        currentTier: x || E.currentTier,
         levelScores: L
       };
     });
   };
-  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 I(() => {
+    const E = document.querySelector(".maze-game-container"), k = (L) => {
+      T && ((L.key === " " || L.code === "Space") && E && (E.contains(document.activeElement) || document.activeElement === document.body) && (L.preventDefault(), S ? N() : z()), (L.key === "r" || L.code === "KeyR") && w(), (L.key === "c" || L.code === "KeyC") && y());
     };
-    return window.addEventListener("keydown", E), () => window.removeEventListener("keydown", E);
-  }, [b, k]), /* @__PURE__ */ m(
+    return window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k);
+  }, [T, S]), /* @__PURE__ */ m(
     te,
     {
       className: "level-complete-dialog",
-      isOpen: b,
+      isOpen: T,
       title: r.congratulations,
       cancelText: r.retry + " (R)",
       onCancel: w,
@@ -1098,8 +1098,8 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
           /* @__PURE__ */ m("div", { children: u ? "★ - " + r.withoutClue : "☆ - " + r.withClue }),
           /* @__PURE__ */ m("div", { children: (d ? "★ - " + r.collectAllStars : "☆ - " + r.notCollectAllStars) + ` (${h}/${f})` })
         ] }),
-        k && /* @__PURE__ */ m("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
-        /* @__PURE__ */ m("div", { className: "maze-go-next", children: k ? /* @__PURE__ */ m(
+        S && /* @__PURE__ */ m("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
+        /* @__PURE__ */ m("div", { className: "maze-go-next", children: S ? /* @__PURE__ */ m(
           "button",
           {
             className: "maze-go-next-btn",
@@ -1115,7 +1115,7 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
           {
             className: "maze-go-next-btn",
             type: "button",
-            onClick: S,
+            onClick: z,
             children: [
               /* @__PURE__ */ m("span", { children: r.nextLevel }),
               /* @__PURE__ */ m("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
@@ -1126,18 +1126,21 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
       ]
     }
   );
-}, ft = (e, t) => {
-  const n = F({
+}, _t = (e, t) => {
+  const n = R({
     canvasWidth: 0,
     canvasHeight: 0
   });
-  return x(() => {
+  return I(() => {
     const o = () => {
       const s = e.current;
       if (!s) return;
       const l = s.parentElement;
       if (!l) return;
-      const r = l.clientWidth, a = window.devicePixelRatio || 1;
+      const r = l.clientWidth;
+      if (r === 0)
+        return;
+      const a = window.devicePixelRatio || 1;
       s.style.width = `${r}px`, s.style.height = `${r}px`;
       const c = r * a, d = r * a;
       s.width = c, s.height = d, n.current = { canvasWidth: c, canvasHeight: d }, t?.();
@@ -1148,9 +1151,9 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
       window.removeEventListener("resize", o), i?.disconnect();
     };
   }, [e, t]), n;
-}, mt = (e, t, n) => {
-  const o = F({ cellWidth: 0, cellHeight: 0 });
-  return x(() => {
+}, vt = (e, t, n) => {
+  const o = R({ cellWidth: 0, cellHeight: 0 });
+  return I(() => {
     const i = () => {
       const l = e.current, r = t.maze;
       if (!l || !r) return;
@@ -1165,12 +1168,12 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
       e.current && s?.disconnect();
     };
   }, [e, t.maze, n]), o;
-}, le = {
+}, ce = {
   ArrowUp: [-1, 0],
   ArrowDown: [1, 0],
   ArrowLeft: [0, -1],
   ArrowRight: [0, 1]
-}, _t = ({
+}, gt = ({
   gamePlayStateRef: e,
   setGamePlayState: t,
   moveSpeed: n,
@@ -1183,46 +1186,46 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
   onExitReached: l,
   onFirstMove: r
 }) => {
-  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)
+  const a = () => o?.current ?? n ?? 0.03, c = R(!1), d = R(/* @__PURE__ */ new Set()), u = R(!1), h = He(
+    (C, p) => {
+      const S = e.current;
+      if (!S.maze)
         return { canMove: !1, newCell: null };
-      const w = a(), [y, S] = le[T];
-      if (Ke(
-        g,
+      const w = a(), [y, z] = ce[C];
+      if (Ze(
+        p,
         y,
-        S,
+        z,
         i,
         w,
-        k.maze
+        S.maze
       ))
         return { canMove: !1, newCell: null };
-      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 >= $)
+      const { row: E, col: k } = p, L = E + y * w, A = k + z * w, x = -0.5, O = S.maze.rows, $ = S.maze.cols;
+      if (L < x || L >= O || A < x || A >= $)
         return { canMove: !1, newCell: null };
-      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) ? {
+      const U = E < 0 ? 0 : Math.floor(E), V = k < 0 ? 0 : Math.floor(k), B = L < 0 ? 0 : Math.floor(L), Y = A < 0 ? 0 : Math.floor(A);
+      return B !== U || Y !== V ? S.maze.isValid(B, Y) ? {
         canMove: !0,
-        newCell: { row: D, col: U }
+        newCell: { row: B, col: Y }
       } : { canMove: !1, newCell: null } : { canMove: !0, newCell: null };
     },
     [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)
+    const C = e.current, { row: p, col: S } = C.playerCell, w = i * 2, y = C.foodCells.findIndex((E) => Math.sqrt(
+      Math.pow(p - E.row, 2) + Math.pow(S - E.col, 2)
     ) < w);
     y !== -1 && s && (s(), e.current = {
       ...e.current,
       foodCollected: e.current.foodCollected + 1,
       foodCells: e.current.foodCells.filter(
-        (z, E) => E !== y
+        (E, k) => k !== y
       )
     });
-    const N = fn(
-      T.playerCell,
-      T.exitCell,
-      T.maze
+    const N = _n(
+      C.playerCell,
+      C.exitCell,
+      C.maze
     );
     N && !e.current.playerAtExit ? (e.current = {
       ...e.current,
@@ -1241,15 +1244,15 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
       isGameActive: !0,
       levelTransitioning: !1
     });
-  }, 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}`;
+  }, g = (C) => {
+    const p = e.current, S = Math.round(C.row), w = Math.round(C.col), y = p.playerPath[p.playerPath.length - 1], z = y.row === S && y.col === w, N = Math.abs(y.row - S), E = Math.abs(y.col - w);
+    if ((N === 1 && E === 0 || N === 0 && E === 1) && !z) {
+      const L = `${y.row},${y.col}-${S},${w}`;
       e.current = {
         ...e.current,
         playerPath: [
           ...e.current.playerPath,
-          { row: k, col: w }
+          { row: S, col: w }
         ],
         visitCounts: {
           ...e.current.visitCounts,
@@ -1257,70 +1260,70 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
         }
       };
     }
-  }, v = () => {
+  }, _ = () => {
     if (c.current || d.current.size === 0) return;
-    const T = e.current;
-    !T.playerCell || !Array.from(d.current).some(
-      (k) => {
+    const C = e.current;
+    !C.playerCell || !Array.from(d.current).some(
+      (S) => {
         const { canMove: w } = h(
-          k,
-          T.playerCell
+          S,
+          C.playerCell
         );
         return w;
       }
     ) || (!u.current && r && (u.current = !0, r()), c.current = !0);
   };
-  x(() => {
-    const T = (w) => {
+  I(() => {
+    const C = (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();
       }
-    }, g = (w) => {
+    }, p = (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) => {
+      if (!(y in ce)) return;
+      const z = document.activeElement;
+      z && (z.tagName === "INPUT" || z.tagName === "TEXTAREA" || z.getAttribute("contenteditable") === "true") || (w.preventDefault(), e.current.isGameActive && (d.current.has(y) || (d.current.add(y), c.current || _())));
+    }, S = (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());
+      if (!(y in ce)) return;
+      const z = document.activeElement;
+      z && (z.tagName === "INPUT" || z.tagName === "TEXTAREA" || z.getAttribute("contenteditable") === "true") || (w.preventDefault(), d.current.delete(y), d.current.size === 0 && T());
     };
-    return window.addEventListener("keydown", T, {
+    return window.addEventListener("keydown", C, {
       capture: !0
-    }), window.addEventListener("keydown", g), window.addEventListener("keyup", k), () => {
-      window.removeEventListener("keydown", T, {
+    }), window.addEventListener("keydown", p), window.addEventListener("keyup", S), () => {
+      window.removeEventListener("keydown", C, {
         capture: !0
-      }), window.removeEventListener("keydown", g), window.removeEventListener("keyup", k);
+      }), window.removeEventListener("keydown", p), window.removeEventListener("keyup", S);
     };
   }, []);
-  const _ = je(() => {
+  const v = He(() => {
     if (!c.current || d.current.size === 0)
       return e.current.playerCell;
-    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++;
+    const C = a(), p = e.current.playerCell;
+    let S = 0, w = 0, y = 0;
+    for (const D of d.current) {
+      const { canMove: G } = h(D, p);
+      if (G) {
+        const [K, se] = ce[D];
+        S += K, w += se, y++;
       }
     }
     if (y === 0)
       return e.current.playerCell;
-    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)
+    const z = Math.sqrt(S * S + w * w), N = z > 0 ? S / z : 0, E = z > 0 ? w / z : 0, k = Number(
+      (p.row + N * C).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);
+      (p.col + E * C).toFixed(2)
+    ), A = k - p.row, x = L - p.col, O = Math.sqrt(A * A + x * x);
     if (O > 0) {
-      const H = A / O, J = I / O;
-      if (Ke(
-        g,
-        H,
-        J,
+      const D = A / O, G = x / O;
+      if (Ze(
+        p,
+        D,
+        G,
         i,
         O,
         e.current.maze
@@ -1328,23 +1331,23 @@ const cn = new an(), we = 3, un = ({ onRetry: e }) => {
         return e.current.playerCell;
     }
     e.current.playerCell = {
-      row: E,
+      row: k,
       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 = () => {
+    const $ = p.row < 0 ? 0 : Math.round(p.row), U = p.col < 0 ? 0 : Math.round(p.col), V = k < 0 ? 0 : Math.round(k), B = L < 0 ? 0 : Math.round(L);
+    return (V !== $ || B !== U) && g({ row: V, col: B }), e.current.playerCell;
+  }, [a, h]), T = () => {
     c.current = !1, d.current.clear();
   };
   return {
-    updatePlayerPos: _,
-    resetMovingState: b,
+    updatePlayerPos: v,
+    resetMovingState: T,
     resetFirstMoveState: () => {
       u.current = !1;
     }
   };
 };
-function Ke(e, t, n, o, i, s) {
+function Ze(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 = [
@@ -1365,19 +1368,19 @@ function Ke(e, t, n, o, i, s) {
     [1, 1]
     // lower right, diagonal
   ];
-  for (const [f, p] of h) {
-    const v = d + f, _ = u + p;
-    s.isValid(v, _) && c.push({ row: v, col: _ });
+  for (const [f, g] of h) {
+    const _ = d + f, v = u + g;
+    s.isValid(_, v) && c.push({ row: _, col: v });
   }
   for (const f of c) {
-    const p = dn(f.row, f.col, s);
-    for (const v of p)
-      if (hn(a, v) < o)
+    const g = fn(f.row, f.col, s);
+    for (const _ of g)
+      if (mn(a, _) < o)
         return !0;
   }
   return !1;
 }
-function dn(e, t, n) {
+function fn(e, t, n) {
   const o = [], i = n.grid[e][t];
   return i.walls.top && o.push({
     start: { row: e - 0.5, col: t - 0.5 },
@@ -1393,7 +1396,7 @@ function dn(e, t, n) {
     end: { row: e + 0.5, col: t - 0.5 }
   }), o;
 }
-function hn(e, t) {
+function mn(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);
@@ -1406,12 +1409,12 @@ function hn(e, t) {
   ), 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 fn(e, t, n) {
+function _n(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(e, t, n, o, i) {
+function pt(e, t, n, o, i) {
   if (!e || !t.maze) return;
   const { canvasWidth: s, canvasHeight: l } = n, { cellWidth: r, cellHeight: a } = o, {
     maze: c,
@@ -1420,66 +1423,66 @@ function vt(e, t, n, o, i) {
     exitCell: u,
     foodCells: h,
     showClue: f,
-    playerPath: p,
-    visitCounts: v
+    playerPath: g,
+    visitCounts: _
   } = t, {
-    padding: _,
-    wallWidth: b,
+    padding: v,
+    wallWidth: T,
     // need merge with level config when passed here
-    wallColor: C,
-    playerColor: T,
-    playerRadius: g,
-    foodColor: k,
+    wallColor: b,
+    playerColor: C,
+    playerRadius: p,
+    foodColor: S,
     backgroundColor: w,
     clueColor: y,
-    exitColor: S,
+    exitColor: z,
     exitWallWidth: N,
-    exitDashArray: z
+    exitDashArray: E
   } = i;
-  e.clearRect(0, 0, s, l), e.save(), e.fillStyle = w, e.fillRect(0, 0, s, l), e.restore(), f && Cn({
+  e.clearRect(0, 0, s, l), e.save(), e.fillStyle = w, e.fillRect(0, 0, s, l), e.restore(), f && yn({
     ctx: e,
-    playerPath: p,
-    visitCounts: v,
+    playerPath: g,
+    visitCounts: _,
     cellWidth: r,
     cellHeight: a,
-    padding: _,
+    padding: v,
     clueColor: y
-  }), mn({
+  }), vn({
     ctx: e,
     maze: c,
     cellWidth: r,
     cellHeight: a,
-    padding: _,
-    wallColor: C,
-    wallWidth: b
-  }), vn({
+    padding: v,
+    wallColor: b,
+    wallWidth: T
+  }), pn({
     ctx: e,
     maze: c,
     exitCell: u,
     cellWidth: r,
     cellHeight: a,
-    padding: _,
-    exitColor: S,
+    padding: v,
+    exitColor: z,
     exitWallWidth: N,
-    exitDashArray: z
-  }), gn({
+    exitDashArray: E
+  }), wn({
     ctx: e,
     foodCells: h,
     cellWidth: r,
     cellHeight: a,
-    padding: _,
-    foodColor: k
-  }), _n({
+    padding: v,
+    foodColor: S
+  }), gn({
     ctx: e,
     playerCell: d,
-    playerRadius: g,
+    playerRadius: p,
     cellWidth: r,
     cellHeight: a,
-    padding: _,
-    playerColor: T
+    padding: v,
+    playerColor: C
   });
 }
-function mn({
+function vn({
   ctx: e,
   maze: t,
   cellWidth: n,
@@ -1488,11 +1491,11 @@ function mn({
   wallColor: s,
   wallWidth: l
 }) {
-  e.save(), e.strokeStyle = s, e.lineWidth = l, e.lineCap = "round", e.beginPath(), wn(t, n, o, i).forEach((a) => {
+  e.save(), e.strokeStyle = s, e.lineWidth = l, e.lineCap = "round", e.beginPath(), bn(t, n, o, i).forEach((a) => {
     e.moveTo(a.x1, a.y1), e.lineTo(a.x2, a.y2);
   }), e.stroke(), e.restore();
 }
-function _n({
+function gn({
   ctx: e,
   playerCell: t,
   playerRadius: n,
@@ -1501,7 +1504,7 @@ function _n({
   padding: s,
   playerColor: l
 }) {
-  const { x: r, y: a } = me(
+  const { x: r, y: a } = ve(
     t.row,
     t.col,
     o,
@@ -1510,7 +1513,7 @@ function _n({
   ), c = Math.min(o, i) * Math.min(n, 0.5);
   e.save(), e.fillStyle = l, e.beginPath(), e.arc(r, a, c, 0, Math.PI * 2), e.fill(), e.restore();
 }
-function vn({
+function pn({
   ctx: e,
   maze: t,
   exitCell: n,
@@ -1526,7 +1529,7 @@ function vn({
   const u = s + d * o, h = s + c * i;
   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 gn({
+function wn({
   ctx: e,
   foodCells: t,
   cellWidth: n,
@@ -1537,17 +1540,17 @@ function gn({
   e.fillStyle = s;
   const l = Math.min(n, o) * 0.25;
   t.forEach((r) => {
-    const { x: a, y: c } = me(
+    const { x: a, y: c } = ve(
       r.row,
       r.col,
       n,
       o,
       i
     );
-    pn(e, a, c, l * 1.2, 5, l * 0.6);
+    Cn(e, a, c, l * 1.2, 5, l * 0.6);
   });
 }
-function pn(e, t, n, o, i, s) {
+function Cn(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;
@@ -1555,7 +1558,7 @@ function pn(e, t, n, o, i, s) {
   }
   e.closePath(), e.fill(), e.restore();
 }
-function Cn({
+function yn({
   ctx: e,
   playerPath: t,
   visitCounts: n,
@@ -1567,32 +1570,32 @@ function Cn({
   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;
+      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), g = Math.max(3, o * 0.1) + h * 0.5;
       try {
         e.strokeStyle = l.replace(")", `, ${f})`).replace("rgb(", "rgba(");
       } catch {
         e.strokeStyle = `rgba(255, 0, 0, ${f})`;
       }
-      e.lineWidth = p, e.lineCap = "round", e.lineJoin = "round";
-      const { x: v, y: _ } = me(
+      e.lineWidth = g, e.lineCap = "round", e.lineJoin = "round";
+      const { x: _, y: v } = ve(
         a.row,
         a.col,
         o,
         i,
         s
-      ), { x: b, y: C } = me(
+      ), { x: T, y: b } = ve(
         c.row,
         c.col,
         o,
         i,
         s
       );
-      e.beginPath(), e.moveTo(v, _), e.lineTo(b, C), e.stroke();
+      e.beginPath(), e.moveTo(_, v), e.lineTo(T, b), e.stroke();
     }
     e.restore();
   }
 }
-function wn(e, t, n, o) {
+function bn(e, t, n, o) {
   const i = [];
   for (let s = 0; s < e.rows; s++)
     for (let l = 0; l < e.cols; l++) {
@@ -1621,19 +1624,19 @@ function wn(e, t, n, o) {
     }
   return i;
 }
-function me(e, t, n, o, i) {
+function ve(e, t, n, o, i) {
   return {
     x: i + t * n + n / 2,
     y: i + e * o + o / 2
   };
 }
-function yn(e) {
+function Tn(e) {
   return function() {
     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 bn {
+class kn {
   // initially all walls exit
   constructor(t, n) {
     this.row = t, this.col = n;
@@ -1641,7 +1644,7 @@ class bn {
   visited = !1;
   walls = { top: !0, right: !0, bottom: !0, left: !0 };
 }
-class gt {
+class wt {
   rows;
   cols;
   grid;
@@ -1658,7 +1661,7 @@ class gt {
    * @param exit Optional exit cell position
    */
   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);
+    this.rows = t, this.cols = n, this.seed = i ?? Math.floor(Math.random() * 1e6), this.random = Tn(this.seed), this.grid = this.initializeGrid(), this.generate(o, s, l);
   }
   // Initialize the grid with new MazeCell objects
   initializeGrid() {
@@ -1666,7 +1669,7 @@ class gt {
     for (let n = 0; n < this.rows; n++) {
       t[n] = [];
       for (let o = 0; o < this.cols; o++)
-        t[n][o] = new bn(n, o);
+        t[n][o] = new kn(n, o);
     }
     return t;
   }
@@ -1784,26 +1787,26 @@ class gt {
     return t[Math.floor(this.random() * t.length)];
   }
 }
-const pt = (e, t, n) => {
+const Ct = (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;
-}, Tn = (e) => e === 1 ? 2 : e >= 2 && e <= 5 ? 3 : e >= 6 && e <= 11 ? 4 : e >= 12 && e <= 15 ? 5 : 6, kn = (e, t) => {
+}, Sn = (e) => e === 1 ? 2 : e >= 2 && e <= 5 ? 3 : e >= 6 && e <= 11 ? 4 : e >= 12 && e <= 15 ? 5 : 6, zn = (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: a - 1
-  }, u = new gt(r, a, i, o, c, d), h = Tn(e), f = [];
-  for (let p = 0; p < h; p++) {
-    let v;
+  }, u = new wt(r, a, i, o, c, d), h = Sn(e), f = [];
+  for (let g = 0; g < h; g++) {
+    let _;
     do
-      v = {
+      _ = {
         row: Math.floor(u.random() * r),
         col: Math.floor(u.random() * a)
       };
-    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);
+    while (_.row === c.row && _.col === c.col || _.row === d.row && _.col === d.col || !Ct(u, _.row, _.col) || f.some((v) => v.row === _.row && v.col === _.col));
+    f.push(_);
   }
   return {
     isGameActive: !0,
@@ -1819,291 +1822,305 @@ const pt = (e, t, n) => {
     playerPath: [c],
     visitCounts: { [`${c.row},${c.col}`]: 1 }
   };
-}, Sn = ({
+}, En = ({
   size: e,
   seed: t,
   method: n,
   foodCount: o,
-  clue: i
+  foodRace: i,
+  clue: s
 }) => {
-  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
-      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
-    )));
-    f < 50 && d.push(h);
-  }
+  const l = e, r = e, a = { row: 0, col: 0 }, c = { row: l - 1, col: r - 1 }, d = new wt(l, r, n, t, a, c), u = [];
+  if (i)
+    for (let h = 0; h < o; h++) {
+      let f, g = 0;
+      do
+        f = {
+          row: Math.floor(d.random() * l),
+          col: Math.floor(d.random() * r)
+        }, g++;
+      while (g < 50 && (f.row === a.row && f.col === a.col || f.row === c.row && f.col === c.col || !Ct(d, f.row, f.col) || u.some(
+        (_) => _.row === f.row && _.col === f.col
+      )));
+      g < 50 && u.push(f);
+    }
   return {
     isGameActive: !0,
     levelTransitioning: !1,
-    maze: c,
-    playerCell: r,
-    exitCell: a,
-    foodCells: d,
+    maze: d,
+    playerCell: a,
+    exitCell: c,
+    foodCells: u,
     playerAtExit: !1,
     foodCollected: 0,
-    totalFoodCount: o,
-    showClue: i,
-    playerPath: [r],
-    visitCounts: { [`${r.row},${r.col}`]: 1 }
+    totalFoodCount: i ? o : 0,
+    showClue: s,
+    playerPath: [a],
+    visitCounts: { [`${a.row},${a.col}`]: 1 }
   };
 };
-function zn() {
+function Ln() {
   const {
     setGamePlayState: e,
     gamePlayState: t,
     gamePlayStateRef: n,
     gameProgress: o,
     config: i
-  } = re(), s = F(null), l = F(null), { i18n: r, levelConfig: a, renderConfig: c } = i, d = ie(a), u = F(
+  } = re(), s = R(null), l = R(null), { i18n: r, levelConfig: a, renderConfig: c } = i, d = ie(a), u = R(
     d.getLevelConfig(o.currentLevel)
   );
-  x(() => {
+  I(() => {
     s.current && q.attachTo(s.current);
   }, []);
-  const h = F(), f = ft(l, () => {
+  const h = R(), f = _t(l, () => {
     h.current?.();
-  }), p = mt(
+  }), g = vt(
     l,
     t,
     c.padding
   );
-  x(() => {
+  I(() => {
     u.current = d.getLevelConfig(
       o.currentLevel
     );
   }, [o.currentLevel]);
-  const v = () => {
-    const T = kn(
+  const _ = () => {
+    const C = zn(
       o.currentLevel,
       u.current
     );
-    T && e((g) => ({
-      ...g,
-      ...T
+    C && e((p) => ({
+      ...p,
+      ...C
     }));
   };
-  x(() => {
-    v();
+  I(() => {
+    _();
   }, [o.currentLevel]);
-  const _ = () => {
-    v();
-  }, { updatePlayerPos: b, resetMovingState: C } = _t({
+  const v = () => {
+    _();
+  }, { updatePlayerPos: T, resetMovingState: b } = gt({
     gamePlayStateRef: n,
     setGamePlayState: e,
     playerRadius: c.playerRadius,
     moveSpeed: c.gridMoveSpeed,
     onFoodCollected: () => {
-      const T = n.current.totalFoodCount - n.current.foodCollected - 1;
-      T > 0 ? q.show(
-        r.foodCollectedToast.replace("%NUM%", T.toString()),
+      const C = n.current.totalFoodCount - n.current.foodCollected - 1;
+      C > 0 ? q.show(
+        r.foodCollectedToast.replace("%NUM%", C.toString()),
         3e3
       ) : q.show(r.allFoodCollectedToast);
     }
   });
-  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 I(() => {
+    b();
+  }, [o.currentLevel, b]), I(() => {
+    let C, p = !document.hidden;
+    const S = () => {
+      const z = l.current?.getContext("2d"), N = n.current;
+      if (!(p && N?.isGameActive && z && N?.maze)) {
+        C = requestAnimationFrame(S);
         return;
       }
-      b(), w(), T = requestAnimationFrame(k);
+      T(), w(), C = requestAnimationFrame(S);
     }, 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, {
+      const z = l.current?.getContext("2d"), N = n.current;
+      if (z && N?.maze) {
+        const E = u.current?.wallWidth || c?.wallWidth, k = u.current?.exitColor || c?.exitColor, L = u.current?.exitWallWidth || c?.exitWallWidth, A = u.current?.exitDashArray || c?.exitDashArray;
+        pt(z, N, f.current, g.current, {
           ...c,
-          wallWidth: z,
-          exitColor: E,
+          wallWidth: E,
+          exitColor: k,
           exitWallWidth: L,
           exitDashArray: A
         });
       }
     };
     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({
+    const y = (z) => {
+      const N = p;
+      p = !document.hidden && document.visibilityState === "visible" && (!z || z.type !== "blur"), !N && p ? n.current?.levelTransitioning === !1 && e({
         ...n.current,
         isGameActive: !0
-      }) : N && !g && e({
+      }) : N && !p && e({
         ...n.current,
         isGameActive: !1
       });
     };
-    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);
+    return document.addEventListener("visibilitychange", y), window.addEventListener("blur", y), window.addEventListener("focus", y), C = requestAnimationFrame(S), () => {
+      cancelAnimationFrame(C), document.removeEventListener("visibilitychange", y), window.removeEventListener("blur", y), window.removeEventListener("focus", y);
     };
-  }, []), x(() => {
+  }, []), I(() => {
     q.show(r.useArrowKeyTips, 3e3);
   }, []), /* @__PURE__ */ m("div", { className: "maze-game-container", children: [
-    /* @__PURE__ */ m(Dt, {}),
-    /* @__PURE__ */ m(un, { onRetry: _ }),
+    /* @__PURE__ */ m($t, {}),
+    /* @__PURE__ */ m(hn, { onRetry: v }),
     /* @__PURE__ */ m("div", { className: "maze-canvas-container", ref: s, children: /* @__PURE__ */ m("canvas", { ref: l, className: "maze-game-canvas" }) })
   ] });
 }
-const En = (e) => {
+const Nn = (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] = 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((c) => (l.current = e - c + 1, c <= 1 ? (clearInterval(i.current), t(), 0) : c - 1));
+}, Mn = ({ timer: e }) => {
+  const [t, n] = W(e), o = R(), i = R(!1), s = R(0);
+  return I(() => {
+    const l = () => {
+      !i.current && !o.current && (i.current = !0, o.current = setInterval(() => {
+        n((a) => (s.current = e - a + 1, a <= 1 ? (clearInterval(o.current), window.dispatchEvent(new CustomEvent("maze:timeUp")), 0) : a - 1));
       }, 1e3));
-    }, a = () => {
-      clearInterval(i.current), i.current = void 0, window.dispatchEvent(
+    }, r = () => {
+      clearInterval(o.current), o.current = void 0, window.dispatchEvent(
         new CustomEvent("maze:timeUsed", {
-          detail: { timeUsed: l.current }
+          detail: { timeUsed: s.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);
+    return window.addEventListener("maze:firstMove", l), window.addEventListener("maze:gameSuccess", r), () => {
+      window.removeEventListener("maze:firstMove", l), window.removeEventListener("maze:gameSuccess", r), clearInterval(o.current);
     };
-  }, []), x(() => {
-    i.current && (clearInterval(i.current), i.current = void 0), o(e), s.current = !1, l.current = 0;
+  }, [e]), I(() => {
+    o.current && (clearInterval(o.current), o.current = void 0), n(e), i.current = !1, s.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" : ""}`,
+      className: `maze-timer-text ${t <= 10 && i.current ? "maze-timer-warning" : ""}`,
       children: [
         "⏱️ ",
-        En(n)
+        Nn(t)
       ]
     }
   ) });
 };
-function Nn({ config: e }) {
+function An({ config: e }) {
   const {
     size: t,
     seed: n,
     method: o,
     foodCount: i,
-    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,
+    foodRace: s,
+    clue: l,
+    renderConfig: r,
+    successCallback: a,
+    failCallback: c,
+    timer: d,
+    i18n: u
+  } = e, [h, f] = W({
+    ...Ee
+  }), [g, _] = W(!1), [v, T] = W(!0), [b, C] = W(!1), [p, S] = W(""), w = R(0), y = R(!1), z = R(!1), N = R(null), E = R(null), k = R(h), L = R(), A = _t(N, () => {
+    L.current?.();
+  }), x = vt(N, h, r.padding);
+  I(() => {
+    k.current = h;
+  }, [h]);
+  const { updatePlayerPos: O, resetMovingState: $, resetFirstMoveState: U } = gt({
+    gamePlayStateRef: k,
+    setGamePlayState: f,
+    playerRadius: r.playerRadius,
+    moveSpeed: r.gridMoveSpeed,
     onFoodCollected: () => {
       console.log("Food collected in single maze");
     },
     onExitReached: () => {
-      w.current = !0, v || W();
+      if (!y.current) {
+        if (s && k.current.foodCollected < k.current.totalFoodCount) {
+          S(`⭐️ ${u.foodMsg}`), C(!0), requestAnimationFrame(() => {
+            f((D) => ({
+              ...D,
+              playerAtExit: !1,
+              isGameActive: !0,
+              levelTransitioning: !1
+            }));
+          });
+          return;
+        }
+        B();
+      }
     },
     onFirstMove: () => {
       window.dispatchEvent(new CustomEvent("maze:firstMove"));
     }
-  }), $ = () => {
-    _(!0), g(`⏰ ${d.failMsg}`), C(!0), h((D) => ({
-      ...D,
+  }), V = () => {
+    y.current = !0, S(`⏰ ${u.failMsg}`), C(!0), f({
+      ...k.current,
       isGameActive: !1
-    }));
-  }, W = () => {
-    _(!0), g(`🎉 ${d.successMsg}`), C(!0), window.dispatchEvent(new CustomEvent("maze:gameSuccess"));
-  }, K = () => {
-    C(!1), h((D) => ({
+    });
+  }, B = () => {
+    y.current = !0, z.current = !0, S(`🎉 ${u.successMsg}`), C(!0), window.dispatchEvent(new CustomEvent("maze:gameSuccess"));
+  }, Y = () => {
+    C(!1), y.current && (T(!1), f((D) => ({
       ...D,
       showClue: !0
-    })), w.current ? r?.(k.current) : a?.();
+    })), z.current ? a?.(w.current) : c?.());
   };
-  return x(() => {
+  return I(() => {
     (async () => {
-      p(!0);
+      _(!0);
       try {
-        const U = Sn({
+        const G = En({
           size: t,
           seed: n,
           method: o,
           foodCount: i,
-          clue: s
+          foodRace: s,
+          clue: l
         });
-        N.current = U, h(U);
-      } catch (U) {
-        console.error("Error generating single maze:", U);
+        k.current = G, f(G);
+      } catch (G) {
+        console.error("Error generating single maze:", G);
       } finally {
-        p(!1);
+        _(!1);
       }
     })();
-  }, [e]), x(() => {
+  }, [e]), I(() => {
     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);
+    const G = !document.hidden, K = () => {
+      const le = N.current?.getContext("2d"), ee = k.current;
+      if (!(G && ee?.isGameActive && le && ee?.maze)) {
+        D = requestAnimationFrame(K);
         return;
       }
-      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,
-        l
+      O(), se(), D = requestAnimationFrame(K);
+    }, se = () => {
+      const le = N.current?.getContext("2d"), ee = k.current;
+      le && ee?.maze && pt(
+        le,
+        ee,
+        A.current,
+        x.current,
+        r
       );
     };
-    return z.current = J, D = requestAnimationFrame(H), () => {
+    return L.current = se, D = requestAnimationFrame(K), () => {
       cancelAnimationFrame(D);
     };
-  }, []), x(() => {
-    I(), O();
-  }, [e, I, O]), x(() => {
-    const D = (U) => {
-      k.current = U.detail.timeUsed;
+  }, []), I(() => {
+    $(), U();
+  }, [e, $, U]), I(() => {
+    const D = (G) => {
+      w.current = G.detail.timeUsed;
     };
-    return window.addEventListener("maze:timeUsed", D), () => {
+    return window.addEventListener("maze:timeUsed", D), window.addEventListener("maze:timeUp", V), () => {
       window.removeEventListener(
         "maze:timeUsed",
         D
-      );
+      ), window.removeEventListener("maze:timeUp", V);
     };
-  }, []), 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" }) }),
+  }, []), g ? /* @__PURE__ */ m("div", { className: "single-maze-loading", children: /* @__PURE__ */ m("div", { children: "Generating maze..." }) }) : h ? /* @__PURE__ */ m("div", { className: "maze-game-container", children: [
+    v && /* @__PURE__ */ m(Mn, { timer: d }),
+    /* @__PURE__ */ m("div", { className: "single-maze-canvas-container", ref: E, children: /* @__PURE__ */ m("canvas", { ref: N, className: "maze-game-canvas" }) }),
     /* @__PURE__ */ m(
       te,
       {
         isOpen: b,
-        title: T,
+        title: p,
         noConfirm: !0,
         cancelText: "OK",
-        onCancel: K
+        onCancel: Y
       }
     )
   ] }) : /* @__PURE__ */ m("div", { className: "single-maze-error", children: /* @__PURE__ */ m("div", { children: "Failed to generate maze" }) });
 }
-const Ct = [
+const yt = [
   // Tier 1 (Levels 1-12) - Beginner
   [
     // debug
@@ -2261,8 +2278,8 @@ const Ct = [
     { size: 68, seed: 33341, method: "backtracking" }
     // Level 60 - Master
   ]
-], Mn = 0.07, wt = {
-  gridMoveSpeed: Mn,
+], Pn = 0.07, bt = {
+  gridMoveSpeed: Pn,
   padding: 10,
   wallWidth: 2,
   wallColor: "#000000",
@@ -2277,7 +2294,7 @@ const Ct = [
   // 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
-}, de = {
+}, fe = {
   lcPrefix: "maze-",
   i18n: {
     reset: "Reset",
@@ -2322,20 +2339,22 @@ const Ct = [
     cluePathDisabled: "Clue Path Disabled",
     useArrowKeyTips: "Use arrow keys to navigate the maze. Press'C' to toggle path clue."
   },
-  renderConfig: wt,
-  levelConfig: Ct
-}, he = {
+  renderConfig: bt,
+  levelConfig: yt
+}, me = {
   i18n: {
     successMsg: "Congratulations! You completed the maze!",
     failMsg: "Time is up!",
-    restart: "Restart"
+    foodMsg: "Please collect all stars before leaving!"
   },
   size: 8,
   seed: 12345,
   method: "backtracking",
   clue: !1,
-  foodCount: 3,
-  renderConfig: wt,
+  foodCount: 0,
+  foodRace: !1,
+  // false then omit foodCount, make it to 0, true need to force all food collected
+  renderConfig: bt,
   timer: 10 * 60,
   // 10 minutes
   successCallback: () => {
@@ -2345,48 +2364,48 @@ const Ct = [
     console.log("⏰ Time is up! Game failed.");
   }
 };
-function An({ config: e = {} }) {
-  const t = { ...de.i18n, ...e.i18n || {} }, n = {
-    ...de.renderConfig,
+function In({ config: e = {} }) {
+  const t = { ...fe.i18n, ...e.i18n || {} }, n = {
+    ...fe.renderConfig,
     ...e.renderConfig || {}
-  }, o = e.levelConfig || Ct, i = {
-    ...de,
+  }, o = e.levelConfig || yt, i = {
+    ...fe,
     ...e,
     i18n: t,
     levelConfig: o,
     renderConfig: n
   };
-  return /* @__PURE__ */ m(xt, { config: i, children: /* @__PURE__ */ m(zn, {}) });
+  return /* @__PURE__ */ m(Ft, { config: i, children: /* @__PURE__ */ m(Ln, {}) });
 }
-function Pn({
+function xn({
   config: e = {}
 }) {
-  const t = { ...he.i18n, ...e.i18n || {} }, n = {
-    ...he.renderConfig,
+  const t = { ...me.i18n, ...e.i18n || {} }, n = {
+    ...me.renderConfig,
     ...e.renderConfig || {}
   }, o = {
-    ...he,
+    ...me,
     ...e,
     i18n: t,
     renderConfig: n
   };
-  return /* @__PURE__ */ m(Nn, { config: o });
+  return /* @__PURE__ */ m(An, { config: o });
 }
-const In = {
-  root: "https://unpkg.com/@roudanio/maze@0.2.3/dist/",
-  ...de
+const Rn = {
+  root: "https://unpkg.com/@roudanio/maze@0.2.4/dist/",
+  ...fe
 };
-`${JSON.stringify(In, null, 2)}`;
-const xn = {
-  root: "https://unpkg.com/@roudanio/maze@0.2.3/dist/",
-  ...he
+`${JSON.stringify(Rn, null, 2)}`;
+const Fn = {
+  root: "https://unpkg.com/@roudanio/maze@0.2.4/dist/",
+  ...me
 };
 `${JSON.stringify(
-  xn,
+  Fn,
   (e, t) => typeof t == "function" ? t.toString() : t,
   2
 )}`;
-const Fn = {
+const On = {
   showNotice() {
     console.warn("Cannot find the root element");
     const e = document.createElement("div");
@@ -2427,7 +2446,7 @@ const Fn = {
       return;
     }
     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);
+    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", De(/* @__PURE__ */ m(In, { config: t }), n);
   },
   async initSingle(e, t) {
     const n = typeof e == "string" ? document.querySelector(e) : e;
@@ -2436,9 +2455,9 @@ const Fn = {
       return;
     }
     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);
+    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", De(/* @__PURE__ */ m(xn, { config: t }), n);
   }
 };
 export {
-  Fn as default
+  On as default
 };