@roudanio/maze 0.3.0 → 0.3.2

package/dist/maze.js

@@ -1,25 +1,25 @@
-var ve, N, ot, Y, Re, rt, it, st, Le, ke, Se, at, re = {}, lt = [], Lt = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, pe = Array.isArray;
-function H(e, t) {
+var ge, N, nt, Y, Re, ot, rt, it, Me, Te, Se, st, re = {}, at = [], Mt = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, pe = Array.isArray;
+function V(e, t) {
   for (var n in t) e[n] = t[n];
   return e;
 }
-function Ne(e) {
+function Le(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function Nt(e, t, n) {
+function Lt(e, t, n) {
   var o, i, s, a = {};
   for (s in t) s == "key" ? o = t[s] : s == "ref" ? i = t[s] : a[s] = t[s];
-  if (arguments.length > 2 && (a.children = arguments.length > 3 ? ve.call(arguments, 2) : n), typeof e == "function" && e.defaultProps != null) for (s in e.defaultProps) a[s] === void 0 && (a[s] = e.defaultProps[s]);
+  if (arguments.length > 2 && (a.children = arguments.length > 3 ? ge.call(arguments, 2) : n), typeof e == "function" && e.defaultProps != null) for (s in e.defaultProps) a[s] === void 0 && (a[s] = e.defaultProps[s]);
   return de(e, a, o, i, null);
 }
 function de(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 ?? ++ot, __i: -1, __u: 0 };
+  var s = { type: e, props: t, key: n, ref: o, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: i ?? ++nt, __i: -1, __u: 0 };
   return i == null && N.vnode != null && N.vnode(s), s;
 }
-function Ce(e) {
+function we(e) {
   return e.children;
 }
-function fe(e, t) {
+function he(e, t) {
   this.props = e, this.context = t;
 }
 function J(e, t) {
@@ -27,38 +27,38 @@ function J(e, t) {
   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" ? J(e) : null;
 }
-function ct(e) {
+function lt(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 ct(e);
+    return lt(e);
   }
 }
-function Ee(e) {
-  (!e.__d && (e.__d = !0) && Y.push(e) && !ge.__r++ || Re != N.debounceRendering) && ((Re = N.debounceRendering) || rt)(ge);
+function ke(e) {
+  (!e.__d && (e.__d = !0) && Y.push(e) && !ve.__r++ || Re != N.debounceRendering) && ((Re = N.debounceRendering) || ot)(ve);
 }
-function ge() {
-  for (var e, t, n, o, i, s, a, r = 1; Y.length; ) Y.length > r && Y.sort(it), e = Y.shift(), r = Y.length, e.__d && (n = void 0, o = void 0, i = (o = (t = e).__v).__e, s = [], a = [], t.__P && ((n = H({}, o)).__v = o.__v + 1, N.vnode && N.vnode(n), Ae(t.__P, n, o, t.__n, t.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? J(o), !!(32 & o.__u), a), n.__v = o.__v, n.__.__k[n.__i] = n, ft(s, n, a), o.__e = o.__ = null, n.__e != i && ct(n)));
-  ge.__r = 0;
+function ve() {
+  for (var e, t, n, o, i, s, a, r = 1; Y.length; ) Y.length > r && Y.sort(rt), e = Y.shift(), r = Y.length, e.__d && (n = void 0, o = void 0, i = (o = (t = e).__v).__e, s = [], a = [], t.__P && ((n = V({}, o)).__v = o.__v + 1, N.vnode && N.vnode(n), Ne(t.__P, n, o, t.__n, t.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? J(o), !!(32 & o.__u), a), n.__v = o.__v, n.__.__k[n.__i] = n, dt(s, n, a), o.__e = o.__ = null, n.__e != i && lt(n)));
+  ve.__r = 0;
 }
-function ut(e, t, n, o, i, s, a, r, c, l, d) {
-  var u, f, h, m, v, g, p, T = o && o.__k || lt, C = t.length;
-  for (c = At(n, t, T, c, C), u = 0; u < C; u++) (h = n.__k[u]) != null && (f = h.__i == -1 ? re : T[h.__i] || re, h.__i = u, g = Ae(e, h, f, i, s, a, r, c, l, d), m = h.__e, h.ref && f.ref != h.ref && (f.ref && Pe(f.ref, null, h), d.push(h.ref, h.__c || m, h)), v == null && m != null && (v = m), (p = !!(4 & h.__u)) || f.__k === h.__k ? c = dt(h, c, e, p) : typeof h.type == "function" && g !== void 0 ? c = g : m && (c = m.nextSibling), h.__u &= -7);
-  return n.__e = v, c;
+function ct(e, t, n, o, i, s, a, r, c, l, d) {
+  var u, h, f, m, g, v, w, y = o && o.__k || at, T = t.length;
+  for (c = Nt(n, t, y, c, T), u = 0; u < T; u++) (f = n.__k[u]) != null && (h = f.__i == -1 ? re : y[f.__i] || re, f.__i = u, v = Ne(e, f, h, i, s, a, r, c, l, d), m = f.__e, f.ref && h.ref != f.ref && (h.ref && Ae(h.ref, null, f), d.push(f.ref, f.__c || m, f)), g == null && m != null && (g = m), (w = !!(4 & f.__u)) || h.__k === f.__k ? c = ut(f, c, e, w) : typeof f.type == "function" && v !== void 0 ? c = v : m && (c = m.nextSibling), f.__u &= -7);
+  return n.__e = g, c;
 }
-function At(e, t, n, o, i) {
-  var s, a, r, c, l, d = n.length, u = d, f = 0;
-  for (e.__k = new Array(i), s = 0; s < i; s++) (a = t[s]) != null && typeof a != "boolean" && typeof a != "function" ? (c = s + f, (a = e.__k[s] = typeof a == "string" || typeof a == "number" || typeof a == "bigint" || a.constructor == String ? de(null, a, null, null, null) : pe(a) ? de(Ce, { children: a }, null, null, null) : a.constructor == null && a.__b > 0 ? de(a.type, a.props, a.key, a.ref ? a.ref : null, a.__v) : a).__ = e, a.__b = e.__b + 1, r = null, (l = a.__i = Pt(a, n, c, u)) != -1 && (u--, (r = n[l]) && (r.__u |= 2)), r == null || r.__v == null ? (l == -1 && (i > d ? f-- : i < d && f++), typeof a.type != "function" && (a.__u |= 4)) : l != c && (l == c - 1 ? f-- : l == c + 1 ? f++ : (l > c ? f-- : f++, a.__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)), mt(r, r));
+function Nt(e, t, n, o, i) {
+  var s, a, r, c, l, d = n.length, u = d, h = 0;
+  for (e.__k = new Array(i), s = 0; s < i; s++) (a = t[s]) != null && typeof a != "boolean" && typeof a != "function" ? (c = s + h, (a = e.__k[s] = typeof a == "string" || typeof a == "number" || typeof a == "bigint" || a.constructor == String ? de(null, a, null, null, null) : pe(a) ? de(we, { children: a }, null, null, null) : a.constructor == null && a.__b > 0 ? de(a.type, a.props, a.key, a.ref ? a.ref : null, a.__v) : a).__ = e, a.__b = e.__b + 1, r = null, (l = a.__i = At(a, n, c, u)) != -1 && (u--, (r = n[l]) && (r.__u |= 2)), r == null || r.__v == null ? (l == -1 && (i > d ? h-- : i < d && h++), typeof a.type != "function" && (a.__u |= 4)) : l != c && (l == c - 1 ? h-- : l == c + 1 ? h++ : (l > c ? h-- : h++, a.__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)), ft(r, r));
   return o;
 }
-function dt(e, t, n, o) {
+function ut(e, t, n, o) {
   var i, s;
   if (typeof e.type == "function") {
-    for (i = e.__k, s = 0; i && s < i.length; s++) i[s] && (i[s].__ = e, t = dt(i[s], t, n, o));
+    for (i = e.__k, s = 0; i && s < i.length; s++) i[s] && (i[s].__ = e, t = ut(i[s], t, n, o));
     return t;
   }
   e.__e != t && (o && (t && e.type && !t.parentNode && (t = J(e)), n.insertBefore(e.__e, t || null)), t = e.__e);
@@ -67,7 +67,7 @@ function dt(e, t, n, o) {
   while (t != null && t.nodeType == 8);
   return t;
 }
-function Pt(e, t, n, o) {
+function At(e, t, n, o) {
   var i, s, a, r = e.key, c = e.type, l = t[n], d = l != null && (2 & l.__u) == 0;
   if (l === null && e.key == null || d && r == l.key && c == l.type) return n;
   if (o > (d ? 1 : 0)) {
@@ -75,17 +75,17 @@ function Pt(e, t, n, o) {
   }
   return -1;
 }
-function Oe(e, t, n) {
-  t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || Lt.test(t) ? n : n + "px";
+function Fe(e, t, n) {
+  t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || Mt.test(t) ? n : n + "px";
 }
 function ce(e, t, n, o, i) {
   var s, a;
   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 || Oe(e.style, t, "");
-    if (n) for (t in n) o && n[t] == o[t] || Oe(e.style, t, n[t]);
+    if (typeof o == "string" && (e.style.cssText = o = ""), o) for (t in o) n && t in n || Fe(e.style, t, "");
+    if (n) for (t in n) o && n[t] == o[t] || Fe(e.style, t, n[t]);
   }
-  else if (t[0] == "o" && t[1] == "n") s = t != (t = t.replace(st, "$1")), a = t.toLowerCase(), t = a in e || t == "onFocusOut" || t == "onFocusIn" ? a.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 ? Se : ke, s)) : e.removeEventListener(t, s ? Se : ke, s);
+  else if (t[0] == "o" && t[1] == "n") s = t != (t = t.replace(it, "$1")), a = t.toLowerCase(), t = a in e || t == "onFocusOut" || t == "onFocusIn" ? a.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + s] = n, n ? o ? n.u = o.u : (n.u = Me, e.addEventListener(t, s ? Se : Te, s)) : e.removeEventListener(t, s ? Se : 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 {
@@ -100,56 +100,56 @@ function De(e) {
   return function(t) {
     if (this.l) {
       var n = this.l[t.type + e];
-      if (t.t == null) t.t = Le++;
+      if (t.t == null) t.t = Me++;
       else if (t.t < n.u) return;
       return n(N.event ? N.event(t) : t);
     }
   };
 }
-function Ae(e, t, n, o, i, s, a, r, c, l) {
-  var d, u, f, h, m, v, g, p, T, C, w, z, y, k, S, L, E, M = t.type;
+function Ne(e, t, n, o, i, s, a, r, c, l) {
+  var d, u, h, f, m, g, v, w, y, T, p, z, C, S, k, L, E, M = t.type;
   if (t.constructor != null) return null;
   128 & n.__u && (c = !!(32 & n.__u), s = [r = t.__e = n.__e]), (d = N.__b) && d(t);
   e: if (typeof M == "function") try {
-    if (p = t.props, T = "prototype" in M && M.prototype.render, C = (d = M.contextType) && o[d.__c], w = d ? C ? C.props.value : d.__ : o, n.__c ? g = (u = t.__c = n.__c).__ = u.__E : (T ? t.__c = u = new M(p, w) : (t.__c = u = new fe(p, w), u.constructor = M, u.render = It), C && C.sub(u), u.props = p, u.state || (u.state = {}), u.context = w, u.__n = o, f = u.__d = !0, u.__h = [], u._sb = []), T && u.__s == null && (u.__s = u.state), T && M.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = H({}, u.__s)), H(u.__s, M.getDerivedStateFromProps(p, u.__s))), h = u.props, m = u.state, u.__v = t, f) T && M.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), T && u.componentDidMount != null && u.__h.push(u.componentDidMount);
+    if (w = t.props, y = "prototype" in M && M.prototype.render, T = (d = M.contextType) && o[d.__c], p = d ? T ? T.props.value : d.__ : o, n.__c ? v = (u = t.__c = n.__c).__ = u.__E : (y ? t.__c = u = new M(w, p) : (t.__c = u = new he(w, p), u.constructor = M, u.render = xt), T && T.sub(u), u.props = w, u.state || (u.state = {}), u.context = p, u.__n = o, h = u.__d = !0, u.__h = [], u._sb = []), y && u.__s == null && (u.__s = u.state), y && M.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = V({}, u.__s)), V(u.__s, M.getDerivedStateFromProps(w, u.__s))), f = u.props, m = u.state, u.__v = t, h) y && M.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), y && u.componentDidMount != null && u.__h.push(u.componentDidMount);
     else {
-      if (T && M.getDerivedStateFromProps == null && p !== h && u.componentWillReceiveProps != null && u.componentWillReceiveProps(p, w), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(p, u.__s, w) === !1 || t.__v == n.__v) {
-        for (t.__v != n.__v && (u.props = p, u.state = u.__s, u.__d = !1), t.__e = n.__e, t.__k = n.__k, t.__k.some(function(b) {
+      if (y && M.getDerivedStateFromProps == null && w !== f && u.componentWillReceiveProps != null && u.componentWillReceiveProps(w, p), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(w, u.__s, p) === !1 || t.__v == n.__v) {
+        for (t.__v != n.__v && (u.props = w, u.state = u.__s, u.__d = !1), t.__e = n.__e, t.__k = n.__k, t.__k.some(function(b) {
           b && (b.__ = t);
         }), z = 0; z < u._sb.length; z++) u.__h.push(u._sb[z]);
         u._sb = [], u.__h.length && a.push(u);
         break e;
       }
-      u.componentWillUpdate != null && u.componentWillUpdate(p, u.__s, w), T && u.componentDidUpdate != null && u.__h.push(function() {
-        u.componentDidUpdate(h, m, v);
+      u.componentWillUpdate != null && u.componentWillUpdate(w, u.__s, p), y && u.componentDidUpdate != null && u.__h.push(function() {
+        u.componentDidUpdate(f, m, g);
       });
     }
-    if (u.context = w, u.props = p, u.__P = e, u.__e = !1, y = N.__r, k = 0, T) {
-      for (u.state = u.__s, u.__d = !1, y && y(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 = w, u.__P = e, u.__e = !1, C = N.__r, S = 0, y) {
+      for (u.state = u.__s, u.__d = !1, C && C(t), d = u.render(u.props, u.state, u.context), k = 0; k < u._sb.length; k++) u.__h.push(u._sb[k]);
       u._sb = [];
     } else do
-      u.__d = !1, y && y(t), d = u.render(u.props, u.state, u.context), u.state = u.__s;
-    while (u.__d && ++k < 25);
-    u.state = u.__s, u.getChildContext != null && (o = H(H({}, o), u.getChildContext())), T && !f && u.getSnapshotBeforeUpdate != null && (v = u.getSnapshotBeforeUpdate(h, m)), L = d, d != null && d.type === Ce && d.key == null && (L = ht(d.props.children)), r = ut(e, pe(L) ? L : [L], t, n, o, i, s, a, r, c, l), u.base = t.__e, t.__u &= -161, u.__h.length && a.push(u), g && (u.__E = u.__ = null);
+      u.__d = !1, C && C(t), d = u.render(u.props, u.state, u.context), u.state = u.__s;
+    while (u.__d && ++S < 25);
+    u.state = u.__s, u.getChildContext != null && (o = V(V({}, o), u.getChildContext())), y && !h && u.getSnapshotBeforeUpdate != null && (g = u.getSnapshotBeforeUpdate(f, m)), L = d, d != null && d.type === we && d.key == null && (L = ht(d.props.children)), r = ct(e, pe(L) ? L : [L], t, n, o, i, s, a, r, c, l), u.base = t.__e, t.__u &= -161, u.__h.length && a.push(u), v && (u.__E = u.__ = null);
   } catch (b) {
     if (t.__v = null, c || s != null) if (b.then) {
       for (t.__u |= c ? 160 : 128; r && r.nodeType == 8 && r.nextSibling; ) r = r.nextSibling;
       s[s.indexOf(r)] = null, t.__e = r;
     } else {
-      for (E = s.length; E--; ) Ne(s[E]);
-      ze(t);
+      for (E = s.length; E--; ) Le(s[E]);
+      Ee(t);
     }
-    else t.__e = n.__e, t.__k = n.__k, b.then || ze(t);
+    else t.__e = n.__e, t.__k = n.__k, b.then || Ee(t);
     N.__e(b, t, n);
   }
-  else s == null && t.__v == n.__v ? (t.__k = n.__k, t.__e = n.__e) : r = t.__e = xt(n.__e, t, n, o, i, s, a, c, l);
+  else s == null && t.__v == n.__v ? (t.__k = n.__k, t.__e = n.__e) : r = t.__e = Pt(n.__e, t, n, o, i, s, a, c, l);
   return (d = N.diffed) && d(t), 128 & t.__u ? void 0 : r;
 }
-function ze(e) {
-  e && e.__c && (e.__c.__e = !0), e && e.__k && e.__k.forEach(ze);
+function Ee(e) {
+  e && e.__c && (e.__c.__e = !0), e && e.__k && e.__k.forEach(Ee);
 }
-function ft(e, t, n) {
-  for (var o = 0; o < n.length; o++) Pe(n[o], n[++o], n[++o]);
+function dt(e, t, n) {
+  for (var o = 0; o < n.length; o++) Ae(n[o], n[++o], n[++o]);
   N.__c && N.__c(t, e), e.some(function(i) {
     try {
       e = i.__h, i.__h = [], e.some(function(s) {
@@ -161,38 +161,38 @@ function ft(e, t, n) {
   });
 }
 function ht(e) {
-  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : pe(e) ? e.map(ht) : H({}, e);
+  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : pe(e) ? e.map(ht) : V({}, e);
 }
-function xt(e, t, n, o, i, s, a, r, c) {
-  var l, d, u, f, h, m, v, g = n.props, p = t.props, T = t.type;
-  if (T == "svg" ? i = "http://www.w3.org/2000/svg" : T == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), s != null) {
-    for (l = 0; l < s.length; l++) if ((h = s[l]) && "setAttribute" in h == !!T && (T ? h.localName == T : h.nodeType == 3)) {
-      e = h, s[l] = null;
+function Pt(e, t, n, o, i, s, a, r, c) {
+  var l, d, u, h, f, m, g, v = n.props, w = t.props, y = t.type;
+  if (y == "svg" ? i = "http://www.w3.org/2000/svg" : y == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), s != null) {
+    for (l = 0; l < s.length; l++) if ((f = s[l]) && "setAttribute" in f == !!y && (y ? f.localName == y : f.nodeType == 3)) {
+      e = f, s[l] = null;
       break;
     }
   }
   if (e == null) {
-    if (T == null) return document.createTextNode(p);
-    e = document.createElementNS(i, T, p.is && p), r && (N.__m && N.__m(t, s), r = !1), s = null;
+    if (y == null) return document.createTextNode(w);
+    e = document.createElementNS(i, y, w.is && w), r && (N.__m && N.__m(t, s), r = !1), s = null;
   }
-  if (T == null) g === p || r && e.data == p || (e.data = p);
+  if (y == null) v === w || r && e.data == w || (e.data = w);
   else {
-    if (s = s && ve.call(e.childNodes), g = n.props || re, !r && s != null) for (g = {}, l = 0; l < e.attributes.length; l++) g[(h = e.attributes[l]).name] = h.value;
-    for (l in g) if (h = g[l], l != "children") {
-      if (l == "dangerouslySetInnerHTML") u = h;
-      else if (!(l in p)) {
-        if (l == "value" && "defaultValue" in p || l == "checked" && "defaultChecked" in p) continue;
-        ce(e, l, null, h, i);
+    if (s = s && ge.call(e.childNodes), v = n.props || re, !r && s != null) for (v = {}, l = 0; l < e.attributes.length; l++) v[(f = e.attributes[l]).name] = f.value;
+    for (l in v) if (f = v[l], l != "children") {
+      if (l == "dangerouslySetInnerHTML") u = f;
+      else if (!(l in w)) {
+        if (l == "value" && "defaultValue" in w || l == "checked" && "defaultChecked" in w) continue;
+        ce(e, l, null, f, i);
       }
     }
-    for (l in p) h = p[l], l == "children" ? f = h : l == "dangerouslySetInnerHTML" ? d = h : l == "value" ? m = h : l == "checked" ? v = h : r && typeof h != "function" || g[l] === h || ce(e, l, h, g[l], i);
+    for (l in w) f = w[l], l == "children" ? h = f : l == "dangerouslySetInnerHTML" ? d = f : l == "value" ? m = f : l == "checked" ? g = f : r && typeof f != "function" || v[l] === f || ce(e, l, f, v[l], i);
     if (d) r || u && (d.__html == u.__html || d.__html == e.innerHTML) || (e.innerHTML = d.__html), t.__k = [];
-    else if (u && (e.innerHTML = ""), ut(t.type == "template" ? e.content : e, pe(f) ? f : [f], t, n, o, T == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, a, s ? s[0] : n.__k && J(n, 0), r, c), s != null) for (l = s.length; l--; ) Ne(s[l]);
-    r || (l = "value", T == "progress" && m == null ? e.removeAttribute("value") : m != null && (m !== e[l] || T == "progress" && !m || T == "option" && m != g[l]) && ce(e, l, m, g[l], i), l = "checked", v != null && v != e[l] && ce(e, l, v, g[l], i));
+    else if (u && (e.innerHTML = ""), ct(t.type == "template" ? e.content : e, pe(h) ? h : [h], t, n, o, y == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, a, s ? s[0] : n.__k && J(n, 0), r, c), s != null) for (l = s.length; l--; ) Le(s[l]);
+    r || (l = "value", y == "progress" && m == null ? e.removeAttribute("value") : m != null && (m !== e[l] || y == "progress" && !m || y == "option" && m != v[l]) && ce(e, l, m, v[l], i), l = "checked", g != null && g != e[l] && ce(e, l, g, v[l], i));
   }
   return e;
 }
-function Pe(e, t, n) {
+function Ae(e, t, n) {
   try {
     if (typeof e == "function") {
       var o = typeof e.__u == "function";
@@ -202,9 +202,9 @@ function Pe(e, t, n) {
     N.__e(i, n);
   }
 }
-function mt(e, t, n) {
+function ft(e, t, n) {
   var o, i;
-  if (N.unmount && N.unmount(e), (o = e.ref) && (o.current && o.current != e.__e || Pe(o, null, t)), (o = e.__c) != null) {
+  if (N.unmount && N.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) {
@@ -212,17 +212,17 @@ function mt(e, t, n) {
     }
     o.base = o.__P = null;
   }
-  if (o = e.__k) for (i = 0; i < o.length; i++) o[i] && mt(o[i], t, n || typeof e.type != "function");
-  n || Ne(e.__e), e.__c = e.__ = e.__e = void 0;
+  if (o = e.__k) for (i = 0; i < o.length; i++) o[i] && ft(o[i], t, n || typeof e.type != "function");
+  n || Le(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function It(e, t, n) {
+function xt(e, t, n) {
   return this.constructor(e, n);
 }
-function $e(e, t, n) {
+function Oe(e, t, n) {
   var o, i, s, a;
-  t == document && (t = document.documentElement), N.__ && N.__(e, t), i = (o = !1) ? null : t.__k, s = [], a = [], Ae(t, e = t.__k = Nt(Ce, null, [e]), i || re, re, t.namespaceURI, i ? null : t.firstChild ? ve.call(t.childNodes) : null, s, i ? i.__e : t.firstChild, o, a), ft(s, e, a);
+  t == document && (t = document.documentElement), N.__ && N.__(e, t), i = (o = !1) ? null : t.__k, s = [], a = [], Ne(t, e = t.__k = Lt(we, null, [e]), i || re, re, t.namespaceURI, i ? null : t.firstChild ? ge.call(t.childNodes) : null, s, i ? i.__e : t.firstChild, o, a), dt(s, e, a);
 }
-function Ft(e) {
+function It(e) {
   function t(n) {
     var o, i;
     return this.getChildContext || (o = /* @__PURE__ */ new Set(), (i = {})[t.__c] = this, this.getChildContext = function() {
@@ -231,7 +231,7 @@ function Ft(e) {
       o = null;
     }, this.shouldComponentUpdate = function(s) {
       this.props.value != s.value && o.forEach(function(a) {
-        a.__e = !0, Ee(a);
+        a.__e = !0, ke(a);
       });
     }, this.sub = function(s) {
       o.add(s);
@@ -241,25 +241,25 @@ function Ft(e) {
       };
     }), n.children;
   }
-  return t.__c = "__cC" + at++, t.__ = e, t.Provider = t.__l = (t.Consumer = function(n, o) {
+  return t.__c = "__cC" + st++, t.__ = e, t.Provider = t.__l = (t.Consumer = function(n, o) {
     return n.children(o);
   }).contextType = t, t;
 }
-ve = lt.slice, N = { __e: function(e, t, n, o) {
+ge = at.slice, N = { __e: function(e, t, n, o) {
   for (var i, s, a; t = t.__; ) if ((i = t.__c) && !i.__) try {
     if ((s = i.constructor) && s.getDerivedStateFromError != null && (i.setState(s.getDerivedStateFromError(e)), a = i.__d), i.componentDidCatch != null && (i.componentDidCatch(e, o || {}), a = i.__d), a) return i.__E = i;
   } catch (r) {
     e = r;
   }
   throw e;
-} }, ot = 0, fe.prototype.setState = function(e, t) {
+} }, nt = 0, he.prototype.setState = function(e, t) {
   var n;
-  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), Ee(this));
-}, fe.prototype.forceUpdate = function(e) {
-  this.__v && (this.__e = !0, e && this.__h.push(e), Ee(this));
-}, fe.prototype.render = Ce, Y = [], rt = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, it = function(e, t) {
+  n = this.__s != null && this.__s != this.state ? this.__s : this.__s = V({}, this.state), typeof e == "function" && (e = e(V({}, n), this.props)), e && V(n, e), e != null && this.__v && (t && this._sb.push(t), ke(this));
+}, he.prototype.forceUpdate = function(e) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), ke(this));
+}, he.prototype.render = we, Y = [], ot = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, rt = function(e, t) {
   return e.__v.__b - t.__v.__b;
-}, ge.__r = 0, st = /(PointerCapture)$|Capture$/i, Le = 0, ke = De(!1), Se = De(!0), at = 0;
+}, ve.__r = 0, it = /(PointerCapture)$|Capture$/i, Me = 0, Te = De(!1), Se = De(!0), st = 0;
 var Rt = 0;
 function _(e, t, n, o, i, s) {
   t || (t = {});
@@ -269,133 +269,133 @@ function _(e, t, n, o, i, s) {
   if (typeof e == "function" && (a = e.defaultProps)) for (r in a) c[r] === void 0 && (c[r] = a[r]);
   return N.vnode && N.vnode(l), l;
 }
-var Q, I, be, Ue, ie = 0, _t = [], D = N, Ge = D.__b, je = D.__r, We = D.diffed, qe = D.__c, Be = D.unmount, Ve = D.__;
-function we(e, t) {
-  D.__h && D.__h(I, e, ie || t), ie = 0;
-  var n = I.__H || (I.__H = { __: [], __h: [] });
+var Q, x, ye, $e, ie = 0, mt = [], O = N, Ue = O.__b, Ge = O.__r, je = O.diffed, We = O.__c, qe = O.unmount, Be = O.__;
+function Ce(e, t) {
+  O.__h && O.__h(x, e, ie || t), ie = 0;
+  var n = x.__H || (x.__H = { __: [], __h: [] });
   return e >= n.__.length && n.__.push({}), n.__[e];
 }
-function j(e) {
-  return ie = 1, Ot(vt, e);
+function G(e) {
+  return ie = 1, Ft(vt, e);
 }
-function Ot(e, t, n) {
-  var o = we(Q++, 2);
+function Ft(e, t, n) {
+  var o = Ce(Q++, 2);
   if (o.t = e, !o.__c && (o.__ = [vt(void 0, t), function(r) {
     var c = o.__N ? o.__N[0] : o.__[0], l = o.t(c, r);
     c !== l && (o.__N = [l, o.__[1]], o.__c.setState({}));
-  }], o.__c = I, !I.__f)) {
+  }], o.__c = x, !x.__f)) {
     var i = function(r, c, l) {
       if (!o.__c.__H) return !0;
-      var d = o.__c.__H.__.filter(function(f) {
-        return !!f.__c;
+      var d = o.__c.__H.__.filter(function(h) {
+        return !!h.__c;
       });
-      if (d.every(function(f) {
-        return !f.__N;
+      if (d.every(function(h) {
+        return !h.__N;
       })) return !s || s.call(this, r, c, l);
       var u = o.__c.props !== r;
-      return d.forEach(function(f) {
-        if (f.__N) {
-          var h = f.__[0];
-          f.__ = f.__N, f.__N = void 0, h !== f.__[0] && (u = !0);
+      return d.forEach(function(h) {
+        if (h.__N) {
+          var f = h.__[0];
+          h.__ = h.__N, h.__N = void 0, f !== h.__[0] && (u = !0);
         }
       }), s && s.call(this, r, c, l) || u;
     };
-    I.__f = !0;
-    var s = I.shouldComponentUpdate, a = I.componentWillUpdate;
-    I.componentWillUpdate = function(r, c, l) {
+    x.__f = !0;
+    var s = x.shouldComponentUpdate, a = x.componentWillUpdate;
+    x.componentWillUpdate = function(r, c, l) {
       if (this.__e) {
         var d = s;
         s = void 0, i(r, c, l), s = d;
       }
       a && a.call(this, r, c, l);
-    }, I.shouldComponentUpdate = i;
+    }, x.shouldComponentUpdate = i;
   }
   return o.__N || o.__;
 }
 function F(e, t) {
-  var n = we(Q++, 3);
-  !D.__s && gt(n.__H, t) && (n.__ = e, n.u = t, I.__H.__h.push(n));
+  var n = Ce(Q++, 3);
+  !O.__s && _t(n.__H, t) && (n.__ = e, n.u = t, x.__H.__h.push(n));
 }
-function R(e) {
+function D(e) {
   return ie = 5, ee(function() {
     return { current: e };
   }, []);
 }
 function ee(e, t) {
-  var n = we(Q++, 7);
-  return gt(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
+  var n = Ce(Q++, 7);
+  return _t(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
 }
-function He(e, t) {
+function Ve(e, t) {
   return ie = 8, ee(function() {
     return e;
   }, t);
 }
 function Dt(e) {
-  var t = I.context[e.__c], n = we(Q++, 9);
-  return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(I)), t.props.value) : e.__;
+  var t = x.context[e.__c], n = Ce(Q++, 9);
+  return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(x)), t.props.value) : e.__;
 }
-function $t() {
-  for (var e; e = _t.shift(); ) if (e.__P && e.__H) try {
-    e.__H.__h.forEach(he), e.__H.__h.forEach(Me), e.__H.__h = [];
+function Ot() {
+  for (var e; e = mt.shift(); ) if (e.__P && e.__H) try {
+    e.__H.__h.forEach(fe), e.__H.__h.forEach(ze), e.__H.__h = [];
   } catch (t) {
-    e.__H.__h = [], D.__e(t, e.__v);
+    e.__H.__h = [], O.__e(t, e.__v);
   }
 }
-D.__b = function(e) {
-  I = null, Ge && Ge(e);
-}, D.__ = function(e, t) {
-  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Ve && Ve(e, t);
-}, D.__r = function(e) {
-  je && je(e), Q = 0;
-  var t = (I = e.__c).__H;
-  t && (be === I ? (t.__h = [], I.__h = [], t.__.forEach(function(n) {
+O.__b = function(e) {
+  x = null, Ue && Ue(e);
+}, O.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Be && Be(e, t);
+}, O.__r = function(e) {
+  Ge && Ge(e), Q = 0;
+  var t = (x = e.__c).__H;
+  t && (ye === x ? (t.__h = [], x.__h = [], t.__.forEach(function(n) {
     n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
-  })) : (t.__h.forEach(he), t.__h.forEach(Me), t.__h = [], Q = 0)), be = I;
-}, D.diffed = function(e) {
-  We && We(e);
+  })) : (t.__h.forEach(fe), t.__h.forEach(ze), t.__h = [], Q = 0)), ye = x;
+}, O.diffed = function(e) {
+  je && je(e);
   var t = e.__c;
-  t && t.__H && (t.__H.__h.length && (_t.push(t) !== 1 && Ue === D.requestAnimationFrame || ((Ue = D.requestAnimationFrame) || Ut)($t)), t.__H.__.forEach(function(n) {
+  t && t.__H && (t.__H.__h.length && (mt.push(t) !== 1 && $e === O.requestAnimationFrame || (($e = O.requestAnimationFrame) || $t)(Ot)), t.__H.__.forEach(function(n) {
     n.u && (n.__H = n.u), n.u = void 0;
-  })), be = I = null;
-}, D.__c = function(e, t) {
+  })), ye = x = null;
+}, O.__c = function(e, t) {
   t.some(function(n) {
     try {
-      n.__h.forEach(he), n.__h = n.__h.filter(function(o) {
-        return !o.__ || Me(o);
+      n.__h.forEach(fe), n.__h = n.__h.filter(function(o) {
+        return !o.__ || ze(o);
       });
     } catch (o) {
       t.some(function(i) {
         i.__h && (i.__h = []);
-      }), t = [], D.__e(o, n.__v);
+      }), t = [], O.__e(o, n.__v);
     }
-  }), qe && qe(e, t);
-}, D.unmount = function(e) {
-  Be && Be(e);
+  }), We && We(e, t);
+}, O.unmount = function(e) {
+  qe && qe(e);
   var t, n = e.__c;
   n && n.__H && (n.__H.__.forEach(function(o) {
     try {
-      he(o);
+      fe(o);
     } catch (i) {
       t = i;
     }
-  }), n.__H = void 0, t && D.__e(t, n.__v));
+  }), n.__H = void 0, t && O.__e(t, n.__v));
 };
-var Xe = typeof requestAnimationFrame == "function";
-function Ut(e) {
+var He = typeof requestAnimationFrame == "function";
+function $t(e) {
   var t, n = function() {
-    clearTimeout(o), Xe && cancelAnimationFrame(t), setTimeout(e);
+    clearTimeout(o), He && cancelAnimationFrame(t), setTimeout(e);
   }, o = setTimeout(n, 35);
-  Xe && (t = requestAnimationFrame(n));
+  He && (t = requestAnimationFrame(n));
 }
-function he(e) {
-  var t = I, n = e.__c;
-  typeof n == "function" && (e.__c = void 0, n()), I = t;
+function fe(e) {
+  var t = x, n = e.__c;
+  typeof n == "function" && (e.__c = void 0, n()), x = t;
 }
-function Me(e) {
-  var t = I;
-  e.__c = e.__(), I = t;
+function ze(e) {
+  var t = x;
+  e.__c = e.__(), x = t;
 }
-function gt(e, t) {
+function _t(e, t) {
   return !e || e.length !== t.length || t.some(function(n, o) {
     return n !== e[o];
   });
@@ -403,7 +403,7 @@ function gt(e, t) {
 function vt(e, t) {
   return typeof t == "function" ? t(e) : t;
 }
-const Gt = (e) => ({
+const Ut = (e) => ({
   saveGameData(t) {
     try {
       localStorage.setItem(e, JSON.stringify(t));
@@ -426,40 +426,37 @@ const Gt = (e) => ({
       console.error("Failed to reset maze game data:", t);
     }
   }
-}), pt = Ft(void 0), Ye = {
+}), gt = It(void 0), Xe = {
   currentLevel: 1,
   highestUnlockedLevel: 1,
   currentTier: 1,
   highestUnlockedTier: 1,
   levelScores: {},
   totalScore: 0
-}, Ct = {
+}, pt = {
   isGameActive: !0,
   levelTransitioning: !1,
   maze: null,
   playerCell: { row: 0, col: 0 },
   exitCell: { row: 0, col: 0 },
   foodCells: [],
-  fogEnabled: !0,
+  fogEnabled: !1,
   playerAtExit: !1,
   foodCollected: 0,
   totalFoodCount: 0,
   showClue: !1,
   playerPath: [],
   visitCounts: {}
-}, jt = ({ children: e, config: t }) => {
-  const n = Gt(t.lcPrefix + "progress"), o = n.loadGameData(), i = t.renderConfig?.fogEnabled ?? !0, s = () => ({
-    ...Ct,
+}, Gt = ({ children: e, config: t }) => {
+  const n = Ut(t.lcPrefix + "progress"), o = n.loadGameData(), i = t.renderConfig?.fogEnabled ?? !0, s = () => ({
+    ...pt,
     fogEnabled: i
-  }), [a, r] = j(() => o || { ...Ye });
+  }), [a, r] = G(() => o || { ...Xe });
   F(() => {
-    const h = Object.values(a.levelScores).reduce(
-      (m, v) => m + v,
-      0
-    );
+    const f = Object.values(a.levelScores).reduce((m, g) => m + g, 0);
     r((m) => ({
       ...m,
-      totalScore: h
+      totalScore: f
     }));
   }, [a.levelScores]), F(() => {
     n.saveGameData(a);
@@ -471,9 +468,9 @@ const Gt = (e) => ({
     a.levelScores,
     a.totalScore
   ]);
-  const [c, l] = j({
+  const [c, l] = G({
     ...s()
-  }), d = R(c);
+  }), d = D(c);
   F(() => {
     d.current = c;
   }, [c]);
@@ -481,20 +478,15 @@ const Gt = (e) => ({
     c.playerAtExit ? 1 : 0,
     c.foodCollected === c.totalFoodCount ? 1 : 0,
     c.showClue ? 0 : 1
-  ], [
-    c.playerAtExit,
-    c.foodCollected,
-    c.totalFoodCount,
-    c.showClue
-  ]), f = () => {
+  ], [c.playerAtExit, c.foodCollected, c.totalFoodCount, c.showClue]), h = () => {
     n.resetGameData(), r({
-      ...Ye
+      ...Xe
     }), l({
       ...s()
     });
   };
   return /* @__PURE__ */ _(
-    pt.Provider,
+    gt.Provider,
     {
       value: {
         gameProgress: a,
@@ -504,13 +496,13 @@ const Gt = (e) => ({
         gamePlayStateRef: d,
         currentScore: u,
         config: t,
-        resetGame: f
+        resetGame: h
       },
       children: e
     }
   );
 }, se = () => {
-  const e = Dt(pt);
+  const e = Dt(gt);
   if (!e)
     throw new Error("useGameContext must be used within a GameProvider");
   return e;
@@ -549,8 +541,8 @@ const Gt = (e) => ({
       };
     },
     getCurrentTierProgress: (r, c) => {
-      const [l, d] = a.getTierLevelsRange(c), u = r - l + 1, f = d - l + 1;
-      return { current: u, total: f };
+      const [l, d] = a.getTierLevelsRange(c), u = r - l + 1, h = d - l + 1;
+      return { current: u, total: h };
     },
     isLastLevelInTier: (r) => {
       const c = i(r), [, l] = a.getTierLevelsRange(c);
@@ -567,7 +559,7 @@ const Gt = (e) => ({
     }
   };
   return a;
-}, [e]), Wt = ({ onTierChange: e, disabled: t }) => {
+}, [e]), jt = ({ onTierChange: e, disabled: t }) => {
   const { gameProgress: n, config: o } = se(), { i18n: i, levelConfig: s } = o, { currentTier: a, highestUnlockedTier: r } = n, l = ae(s).getTotalTiers();
   return /* @__PURE__ */ _("div", { className: "tier-selector", children: /* @__PURE__ */ _(
     "select",
@@ -578,25 +570,17 @@ const Gt = (e) => ({
       },
       disabled: t,
       className: "tier-dropdown",
-      children: Array.from({ length: l }, (d, u) => u + 1).map((d) => /* @__PURE__ */ _(
-        "option",
-        {
-          value: d,
-          disabled: d > r,
-          children: i.tier + " " + d
-        },
-        `tier-${d}`
-      ))
+      children: Array.from({ length: l }, (d, u) => u + 1).map((d) => /* @__PURE__ */ _("option", { value: d, disabled: d > r, children: i.tier + " " + d }, `tier-${d}`))
     }
   ) });
-}, qt = ({ onLevelChange: e, disabled: t }) => {
+}, Wt = ({ onLevelChange: e, disabled: t }) => {
   const { gameProgress: n, config: o } = se(), { i18n: i, levelConfig: s } = o, { currentTier: a, levelScores: r, currentLevel: c, highestUnlockedLevel: l } = n, d = ae(s), u = ee(() => {
-    const [f, h] = d.getTierLevelsRange(a);
-    return Array.from({ length: h - f + 1 }, (m, v) => {
-      const g = f + v, p = r[g] || 0;
+    const [h, f] = d.getTierLevelsRange(a);
+    return Array.from({ length: f - h + 1 }, (m, g) => {
+      const v = h + g, w = r[v] || 0;
       return {
-        level: g,
-        score: p
+        level: v,
+        score: w
       };
     });
   }, [a, r]);
@@ -604,20 +588,12 @@ const Gt = (e) => ({
     "select",
     {
       value: c,
-      onChange: (f) => {
-        f.target && f.target.value && e(Number(f.target.value));
+      onChange: (h) => {
+        h.target && h.target.value && e(Number(h.target.value));
       },
       disabled: t,
       className: "level-dropdown",
-      children: u.map(({ level: f, score: h }) => /* @__PURE__ */ _(
-        "option",
-        {
-          value: f,
-          disabled: f > l,
-          children: `${i.level} ${f} ${"★".repeat(h)}`
-        },
-        `level-${f}`
-      ))
+      children: u.map(({ level: h, score: f }) => /* @__PURE__ */ _("option", { value: h, disabled: h > l, children: `${i.level} ${h} ${"★".repeat(f)}` }, `level-${h}`))
     }
   ) });
 }, oe = ({
@@ -633,47 +609,25 @@ const Gt = (e) => ({
   confirmClass: l = "",
   cancelClass: d = "",
   onConfirm: u,
-  onCancel: f
+  onCancel: h
 }) => {
-  const h = R(null);
+  const f = D(null);
   return F(() => {
-    const m = (v) => {
-      v.key === "Escape" && f?.();
+    const m = (g) => {
+      g.key === "Escape" && h?.();
     };
     return e && document.addEventListener("keydown", m), () => {
       document.removeEventListener("keydown", m);
     };
-  }, [e, f]), /* @__PURE__ */ _(
-    "div",
-    {
-      className: `maze-dialog-overlay ${e ? "maze-dialog-visible" : ""}`,
-      children: /* @__PURE__ */ _("div", { className: "maze-dialog " + n, ref: h, children: [
-        /* @__PURE__ */ _("div", { className: "maze-dialog-title", children: t }),
-        /* @__PURE__ */ _("div", { className: "maze-dialog-content", children: i || /* @__PURE__ */ _("div", { className: "maze-dialog-message", children: o }) }),
-        (!a || !s) && /* @__PURE__ */ _("div", { className: "maze-dialog-buttons", children: [
-          !a && /* @__PURE__ */ _(
-            "button",
-            {
-              type: "button",
-              className: "maze-dialog-cancel " + d,
-              onClick: f,
-              children: c
-            }
-          ),
-          !s && /* @__PURE__ */ _(
-            "button",
-            {
-              type: "button",
-              className: "maze-dialog-confirm " + l,
-              onClick: u,
-              children: r
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}, W = {
+  }, [e, h]), /* @__PURE__ */ _("div", { className: `maze-dialog-overlay ${e ? "maze-dialog-visible" : ""}`, children: /* @__PURE__ */ _("div", { className: "maze-dialog " + n, ref: f, children: [
+    /* @__PURE__ */ _("div", { className: "maze-dialog-title", children: t }),
+    /* @__PURE__ */ _("div", { className: "maze-dialog-content", children: i || /* @__PURE__ */ _("div", { className: "maze-dialog-message", children: o }) }),
+    (!a || !s) && /* @__PURE__ */ _("div", { className: "maze-dialog-buttons", children: [
+      !a && /* @__PURE__ */ _("button", { type: "button", className: "maze-dialog-cancel " + d, onClick: h, children: c }),
+      !s && /* @__PURE__ */ _("button", { type: "button", className: "maze-dialog-confirm " + l, onClick: u, children: r })
+    ] })
+  ] }) });
+}, q = {
   container: null,
   // attach Toast container to element, only need to execute once
   attachTo(e) {
@@ -685,9 +639,7 @@ const Gt = (e) => ({
   // use it in any component
   show(e, t = 2e3) {
     if (!this.container) {
-      console.warn(
-        "NativeToast: container not initialized, please call attachTo first"
-      );
+      console.warn("NativeToast: container not initialized, please call attachTo first");
       return;
     }
     this.currentToast && this.container.contains(this.currentToast) && (this.container.removeChild(this.currentToast), this.currentToast = null), this.currentTimer && (clearTimeout(this.currentTimer), this.currentTimer = null);
@@ -703,66 +655,38 @@ const Gt = (e) => ({
       for (; this.container.firstChild; )
         this.container.removeChild(this.container.firstChild);
   }
-}, Bt = () => {
-  const {
-    gameProgress: e,
-    setGameProgress: t,
-    gamePlayState: n,
-    setGamePlayState: o,
-    gamePlayStateRef: i,
-    resetGame: s,
-    config: a
-  } = se(), { i18n: r, levelConfig: c } = a, l = ae(c), { levelTransitioning: d, showClue: u, fogEnabled: f } = n, { highestUnlockedLevel: h, totalScore: m } = e, v = l.getTotalLevels(), [g, p] = j(!1), [T, C] = j(!1), [w, z] = j(!1), y = (O) => {
-    const G = l.getFirstLevelOfTier(O);
-    l.isLevelUnlocked(G, h) && (t((q) => ({ ...q, currentTier: O })), k(G));
-  }, k = (O) => {
-    l.isLevelUnlocked(O, h) && (t((G) => ({ ...G, currentLevel: O })), W.show(r.levelGoToast.replace("%LEVEL%", O.toString())));
+}, qt = () => {
+  const { gameProgress: e, setGameProgress: t, gamePlayState: n, setGamePlayState: o, gamePlayStateRef: i, resetGame: s, config: a } = se(), { i18n: r, levelConfig: c } = a, l = ae(c), { levelTransitioning: d, showClue: u } = n, { highestUnlockedLevel: h, totalScore: f } = e, m = l.getTotalLevels(), [g, v] = G(!1), [w, y] = G(!1), [T, p] = G(!1), z = (I) => {
+    const $ = l.getFirstLevelOfTier(I);
+    l.isLevelUnlocked($, h) && (t((U) => ({ ...U, currentTier: I })), C($));
+  }, C = (I) => {
+    l.isLevelUnlocked(I, h) && (t(($) => ({ ...$, currentLevel: I })), q.show(r.levelGoToast.replace("%LEVEL%", I.toString())));
   }, S = () => {
-    p(!0);
+    v(!0);
+  }, k = () => {
+    v(!1);
   }, L = () => {
-    p(!1);
+    p(!0);
   }, E = () => {
-    z(!0);
+    p(!1);
   }, M = () => {
-    z(!1);
-  }, b = () => {
-    W.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
+    q.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
       ...i.current,
       // need to sync with ref
       showClue: !i.current.showClue
-    })), z(!1);
+    })), p(!1);
+  }, b = () => {
+    y(!0);
   }, A = () => {
-    const O = !i.current.fogEnabled;
-    W.show(
-      O ? r.fogEnabledToast : r.fogDisabledToast
-    ), o(() => ({
-      ...i.current,
-      fogEnabled: O
-    }));
-  }, x = () => {
-    C(!0);
-  }, $ = () => {
-    s(), C(!1), W.show(r.resetDoneToast);
-  }, U = () => {
-    C(!1);
+    s(), y(!1), q.show(r.resetDoneToast);
+  }, P = () => {
+    y(!1);
   };
   return /* @__PURE__ */ _("div", { class: "game-panel-container", children: [
     /* @__PURE__ */ _("div", { className: "game-controls", children: [
       /* @__PURE__ */ _("div", { className: "selectors-container", children: [
-        /* @__PURE__ */ _(
-          Wt,
-          {
-            onTierChange: y,
-            disabled: d
-          }
-        ),
-        /* @__PURE__ */ _(
-          qt,
-          {
-            onLevelChange: k,
-            disabled: d
-          }
-        )
+        /* @__PURE__ */ _(jt, { onTierChange: z, disabled: d }),
+        /* @__PURE__ */ _(Wt, { onLevelChange: C, disabled: d })
       ] }),
       /* @__PURE__ */ _(
         "button",
@@ -770,21 +694,12 @@ const Gt = (e) => ({
           className: `settings-clue-button ${u ? "clue-on" : "clue-off"}`,
           disabled: u,
           title: "Toggle Clue",
-          onClick: E,
+          onClick: L,
           children: u ? r.clueOn : r.clueOff
         }
-      ),
-      /* @__PURE__ */ _(
-        "button",
-        {
-          className: `settings-clue-button settings-fog-button ${f ? "fog-on" : "fog-off"}`,
-          title: "Toggle Fog",
-          onClick: A,
-          children: f ? r.fogOn : r.fogOff
-        }
       )
     ] }),
-    /* @__PURE__ */ _("div", { className: "game-settings", children: /* @__PURE__ */ _("span", { className: "game-settings-icon", onClick: S, children: "★ " + m }) }),
+    /* @__PURE__ */ _("div", { className: "game-settings", children: /* @__PURE__ */ _("span", { className: "game-settings-icon", onClick: S, children: "★ " + f }) }),
     /* @__PURE__ */ _(
       oe,
       {
@@ -792,23 +707,15 @@ const Gt = (e) => ({
         title: r.settings,
         noConfirm: !0,
         cancelText: r.close,
-        onCancel: L,
+        onCancel: k,
         children: [
           /* @__PURE__ */ _("div", { className: "settings-stats", children: [
-            /* @__PURE__ */ _("div", { children: r.levelComplete + `: ${h}/${v}` }),
-            /* @__PURE__ */ _("div", { children: r.starsCollected + ": " + m }),
-            /* @__PURE__ */ _("div", { children: r.avgStarPerLevel + ": " + (m / h).toFixed(2) })
+            /* @__PURE__ */ _("div", { children: r.levelComplete + `: ${h}/${m}` }),
+            /* @__PURE__ */ _("div", { children: r.starsCollected + ": " + f }),
+            /* @__PURE__ */ _("div", { children: r.avgStarPerLevel + ": " + (f / h).toFixed(2) })
           ] }),
           /* @__PURE__ */ _("div", { className: "settings-item-box", children: [
-            /* @__PURE__ */ _(
-              "button",
-              {
-                className: "settings-reset-button",
-                title: "Reset Game",
-                onClick: x,
-                children: r.reset
-              }
-            ),
+            /* @__PURE__ */ _("button", { className: "settings-reset-button", title: "Reset Game", onClick: b, children: r.reset }),
             /* @__PURE__ */ _("div", { className: "settings-item-tip", children: r.resetTip })
           ] })
         ]
@@ -817,81 +724,81 @@ const Gt = (e) => ({
     /* @__PURE__ */ _(
       oe,
       {
-        isOpen: T,
+        isOpen: w,
         title: r.confirmReset,
         message: r.confirmResetMessage,
         confirmText: r.reset,
         cancelText: r.cancel,
-        onConfirm: $,
-        onCancel: U
+        onConfirm: A,
+        onCancel: P
       }
     ),
     /* @__PURE__ */ _(
       oe,
       {
-        isOpen: w,
+        isOpen: T,
         title: r.confirmClue,
         message: r.confirmClueMessage,
         confirmText: r.confirm,
         cancelText: r.cancel,
-        onConfirm: b,
-        onCancel: M
+        onConfirm: M,
+        onCancel: E
       }
     )
   ] });
 };
-function xe(e, t) {
+function Pe(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function Vt(e, t) {
+function Bt(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 Ie(e, t, n) {
-  return t && Vt(e.prototype, t), e;
+function xe(e, t, n) {
+  return t && Bt(e.prototype, t), e;
 }
-function Ke(e) {
+function Ye(e) {
   return +e.replace(/px/, "");
 }
-function Ht(e) {
-  var t = window.devicePixelRatio, n = getComputedStyle(e), o = Ke(n.getPropertyValue("width")), i = Ke(n.getPropertyValue("height"));
+function Vt(e) {
+  var t = window.devicePixelRatio, n = getComputedStyle(e), o = Ye(n.getPropertyValue("width")), i = Ye(n.getPropertyValue("height"));
   e.setAttribute("width", (o * t).toString()), e.setAttribute("height", (i * t).toString());
 }
-function B(e, t) {
+function W(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 Je(e) {
-  return e[B(0, e.length)];
+function Ke(e) {
+  return e[W(0, e.length)];
 }
-var Xt = 125e-5, Yt = 5e-4, Kt = 9e-4, Jt = 1e-5, Qt = 6, Zt = 80, en = 0.9, tn = 1.7, nn = 0.2, on = 0.6, rn = 0.03, sn = 0.07, Qe = 15, Ze = 82, an = 100, ln = 250, cn = 40, un = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
-function et(e) {
+var Ht = 125e-5, Xt = 5e-4, Yt = 9e-4, Kt = 1e-5, Jt = 6, Qt = 80, Zt = 0.9, en = 1.7, tn = 0.2, nn = 0.6, on = 0.03, rn = 0.07, Je = 15, Qe = 82, sn = 100, an = 250, ln = 40, cn = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
+function Ze(e) {
   var t = 1920;
   return Math.log(e) / Math.log(t);
 }
-var tt = /* @__PURE__ */ (function() {
+var et = /* @__PURE__ */ (function() {
   function e(t) {
-    xe(this, e);
-    var n = t.initialPosition, o = t.direction, i = t.confettiRadius, s = t.confettiColors, a = t.emojis, r = t.emojiSize, c = t.canvasWidth, l = B(en, tn, 3), d = l * et(c);
+    Pe(this, e);
+    var n = t.initialPosition, o = t.direction, i = t.confettiRadius, s = t.confettiColors, a = t.emojis, r = t.emojiSize, c = t.canvasWidth, l = W(Zt, en, 3), d = l * Ze(c);
     this.confettiSpeed = {
       x: d,
       y: d
-    }, this.finalConfettiSpeedX = B(nn, on, 3), this.rotationSpeed = a.length ? 0.01 : B(rn, sn, 3) * et(c), this.dragForceCoefficient = B(Yt, Kt, 6), this.radius = {
+    }, this.finalConfettiSpeedX = W(tn, nn, 3), this.rotationSpeed = a.length ? 0.01 : W(on, rn, 3) * Ze(c), this.dragForceCoefficient = W(Xt, Yt, 6), this.radius = {
       x: i,
       y: i
-    }, this.initialRadius = i, this.rotationAngle = o === "left" ? B(0, 0.2, 3) : B(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = B(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
-    var u = o === "left" ? B(Ze, Qe) * Math.PI / 180 : B(-Qe, -Ze) * Math.PI / 180;
+    }, this.initialRadius = i, this.rotationAngle = o === "left" ? W(0, 0.2, 3) : W(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = W(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
+    var u = o === "left" ? W(Qe, Je) * Math.PI / 180 : W(-Je, -Qe) * Math.PI / 180;
     this.absCos = Math.abs(Math.cos(u)), this.absSin = Math.abs(Math.sin(u));
-    var f = B(-150, 0), h = {
-      x: n.x + (o === "left" ? -f : f) * this.absCos,
-      y: n.y - f * this.absSin
+    var h = W(-150, 0), f = {
+      x: n.x + (o === "left" ? -h : h) * this.absCos,
+      y: n.y - h * this.absSin
     };
-    this.currentPosition = Object.assign({}, h), this.initialPosition = Object.assign({}, h), this.color = a.length ? null : Je(s), this.emoji = a.length ? Je(a) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
+    this.currentPosition = Object.assign({}, f), this.initialPosition = Object.assign({}, f), this.color = a.length ? null : Ke(s), this.emoji = a.length ? Ke(a) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
   }
-  return Ie(e, [{
+  return xe(e, [{
     key: "draw",
     value: function(n) {
       var o = this.currentPosition, i = this.radius, s = this.color, a = this.emoji, r = this.rotationAngle, c = this.emojiRotationAngle, l = this.emojiSize, d = window.devicePixelRatio;
@@ -901,7 +808,7 @@ var tt = /* @__PURE__ */ (function() {
     key: "updatePosition",
     value: function(n, o) {
       var i = this.confettiSpeed, s = this.dragForceCoefficient, a = this.finalConfettiSpeedX, r = this.radiusYUpdateDirection, c = this.rotationSpeed, l = this.createdAt, d = this.direction, u = o - l;
-      if (i.x > a && (this.confettiSpeed.x -= s * n), this.currentPosition.x += i.x * (d === "left" ? -this.absCos : this.absCos) * n, this.currentPosition.y = this.initialPosition.y - i.y * this.absSin * u + Xt * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Jt * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
+      if (i.x > a && (this.confettiSpeed.x -= s * n), this.currentPosition.x += i.x * (d === "left" ? -this.absCos : this.absCos) * n, this.currentPosition.y = this.initialPosition.y - i.y * this.absSin * u + Ht * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Kt * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
         this.emojiRotationAngle += this.rotationSpeed * n % (2 * Math.PI);
         return;
       }
@@ -910,16 +817,16 @@ var tt = /* @__PURE__ */ (function() {
   }, {
     key: "getIsVisibleOnCanvas",
     value: function(n) {
-      return this.currentPosition.y < n + an;
+      return this.currentPosition.y < n + sn;
     }
   }]), e;
 })();
-function dn() {
+function un() {
   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 fn(e) {
-  var t = e.confettiRadius, n = t === void 0 ? Qt : t, o = e.confettiNumber, i = o === void 0 ? e.confettiesNumber || (e.emojis ? cn : ln) : o, s = e.confettiColors, a = s === void 0 ? un : s, r = e.emojis, c = r === void 0 ? e.emojies || [] : r, l = e.emojiSize, d = l === void 0 ? Zt : l;
+function dn(e) {
+  var t = e.confettiRadius, n = t === void 0 ? Jt : t, o = e.confettiNumber, i = o === void 0 ? e.confettiesNumber || (e.emojis ? ln : an) : o, s = e.confettiColors, a = s === void 0 ? cn : s, r = e.emojis, c = r === void 0 ? e.emojies || [] : r, l = e.emojiSize, d = l === void 0 ? Qt : l;
   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,
@@ -931,11 +838,11 @@ function fn(e) {
 var hn = /* @__PURE__ */ (function() {
   function e(t) {
     var n = this;
-    xe(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 Ie(e, [{
+  return xe(e, [{
     key: "getBatchCompletePromise",
     value: function() {
       return this.promise;
@@ -961,15 +868,15 @@ var hn = /* @__PURE__ */ (function() {
       });
     }
   }]), e;
-})(), mn = /* @__PURE__ */ (function() {
+})(), fn = /* @__PURE__ */ (function() {
   function e() {
     var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    xe(this, e), this.activeConfettiBatches = [], this.canvas = t.canvas || dn(), 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 || un(), 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 Ie(e, [{
+  return xe(e, [{
     key: "loop",
     value: function() {
-      this.requestAnimationFrameRequested = !1, Ht(this.canvas);
+      this.requestAnimationFrameRequested = !1, Vt(this.canvas);
       var n = (/* @__PURE__ */ new Date()).getTime(), o = n - this.lastUpdated, i = this.canvas.offsetHeight, s = this.iterationIndex % 10 === 0;
       this.activeConfettiBatches = this.activeConfettiBatches.filter(function(a) {
         return a.processShapes({
@@ -986,15 +893,15 @@ var hn = /* @__PURE__ */ (function() {
   }, {
     key: "addConfetti",
     value: function() {
-      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = fn(n), i = o.confettiRadius, s = o.confettiNumber, a = o.confettiColors, r = o.emojis, c = o.emojiSize, l = this.canvas.getBoundingClientRect(), d = l.width, u = l.height, f = u * 5 / 7, h = {
+      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = dn(n), i = o.confettiRadius, s = o.confettiNumber, a = o.confettiColors, r = o.emojis, c = o.emojiSize, l = this.canvas.getBoundingClientRect(), d = l.width, u = l.height, h = u * 5 / 7, f = {
         x: 0,
-        y: f
+        y: h
       }, m = {
         x: d,
-        y: f
-      }, v = new hn(this.canvasContext), g = 0; g < s / 2; g++) {
-        var p = new tt({
-          initialPosition: h,
+        y: h
+      }, g = new hn(this.canvasContext), v = 0; v < s / 2; v++) {
+        var w = new et({
+          initialPosition: f,
           direction: "right",
           confettiRadius: i,
           confettiColors: a,
@@ -1002,7 +909,7 @@ var hn = /* @__PURE__ */ (function() {
           emojis: r,
           emojiSize: c,
           canvasWidth: d
-        }), T = new tt({
+        }), y = new et({
           initialPosition: m,
           direction: "left",
           confettiRadius: i,
@@ -1012,9 +919,9 @@ var hn = /* @__PURE__ */ (function() {
           emojiSize: c,
           canvasWidth: d
         });
-        v.addShapes(p, T);
+        g.addShapes(w, y);
       }
-      return this.activeConfettiBatches.push(v), this.queueAnimationFrameIfNeeded(), v.getBatchCompletePromise();
+      return this.activeConfettiBatches.push(g), this.queueAnimationFrameIfNeeded(), g.getBatchCompletePromise();
     }
   }, {
     key: "clearCanvas",
@@ -1028,49 +935,40 @@ var hn = /* @__PURE__ */ (function() {
     }
   }]), e;
 })();
-const _n = new mn(), Te = 3, gn = ({ onRetry: e }) => {
-  const {
-    config: t,
-    currentScore: n,
-    gamePlayState: o,
-    setGamePlayState: i,
-    gameProgress: s,
-    setGameProgress: a
-  } = se(), { i18n: r, levelConfig: c } = t, [l, d, u] = n, { foodCollected: f, totalFoodCount: h, playerAtExit: m, levelTransitioning: v } = o, { currentLevel: g } = s, [p, T] = j(!1);
+const mn = new fn(), be = 3, _n = ({ onRetry: e }) => {
+  const { config: t, currentScore: n, gamePlayState: o, setGamePlayState: i, gameProgress: s, setGameProgress: a } = se(), { i18n: r, levelConfig: c } = t, [l, d, u] = n, { foodCollected: h, totalFoodCount: f, playerAtExit: m, levelTransitioning: g } = o, { currentLevel: v } = s, [w, y] = G(!1);
   F(() => {
-    m && v && (_n.addConfetti(), W.show(r.levelCompleteToast), T(!0));
-  }, [m, v]);
-  const C = ae(c), w = C.getTotalLevels(), z = ee(() => g >= w, [g, w]), y = () => {
-    T(!1), W.show(r.levelRestartToast), e?.();
-  }, k = () => {
-    T(!1), i((E) => ({
+    m && g && (mn.addConfetti(), q.show(r.levelCompleteToast), y(!0));
+  }, [m, g]);
+  const T = ae(c), p = T.getTotalLevels(), z = ee(() => v >= p, [v, p]), C = () => {
+    y(!1), q.show(r.levelRestartToast), e?.();
+  }, S = () => {
+    y(!1), i((E) => ({
       ...E,
       isGameActive: !0,
       levelTransitioning: !1
     }));
-  }, S = () => {
-    T(!1);
-    const E = C.getNextLevelInfo(g);
+  }, k = () => {
+    y(!1);
+    const E = T.getNextLevelInfo(v);
     if (!E) return;
     const { nextLevel: M, nextTier: b, isTierChange: A } = E;
-    A && W.show(
-      r.tierUnlockedToast.replace("%TIER%", b.toString())
-    ), a((x) => ({
-      ...x,
+    A && q.show(r.tierUnlockedToast.replace("%TIER%", b.toString())), a((P) => ({
+      ...P,
       currentLevel: M,
       currentTier: b,
-      highestUnlockedLevel: Math.max(x.highestUnlockedLevel, M),
-      highestUnlockedTier: Math.max(x.highestUnlockedTier, b),
+      highestUnlockedLevel: Math.max(P.highestUnlockedLevel, M),
+      highestUnlockedTier: Math.max(P.highestUnlockedTier, b),
       levelScores: {
-        ...x.levelScores,
-        [x.currentLevel]: Math.max(
+        ...P.levelScores,
+        [P.currentLevel]: Math.max(
           Object.values(n).filter(Boolean).length,
-          x.levelScores[x.currentLevel] || 0
+          P.levelScores[P.currentLevel] || 0
         )
       }
     }));
   }, L = () => {
-    T(!1), a((E) => {
+    y(!1), a((E) => {
       const M = Math.max(
         Object.values(n).filter(Boolean).length,
         E.levelScores[E.currentLevel] || 0
@@ -1078,76 +976,58 @@ const _n = new mn(), Te = 3, gn = ({ onRetry: e }) => {
         ...E.levelScores,
         [E.currentLevel]: M
       };
-      let A = 0, x = 0;
-      const $ = Object.entries(b).sort(
-        (U, O) => Number(U[0]) - Number(O[0])
-      );
-      for (const [U, O] of $)
-        if (O < Te) {
-          A = Number(U), x = C.getTierByLevel(A);
+      let A = 0, P = 0;
+      const I = Object.entries(b).sort(($, U) => Number($[0]) - Number(U[0]));
+      for (const [$, U] of I)
+        if (U < be) {
+          A = Number($), P = T.getTierByLevel(A);
           break;
         }
-      return (A > 0 && A !== g || M < Te) && W.show(r.notCompleteLevel), (A === 0 || M < Te) && e?.(), {
+      return (A > 0 && A !== v || M < be) && q.show(r.notCompleteLevel), (A === 0 || M < be) && e?.(), {
         ...E,
         currentLevel: A || E.currentLevel,
-        currentTier: x || E.currentTier,
+        currentTier: P || E.currentTier,
         levelScores: b
       };
     });
   };
   return F(() => {
     const E = document.querySelector(".maze-game-container"), M = (b) => {
-      p && ((b.key === " " || b.code === "Space") && E && (E.contains(document.activeElement) || document.activeElement === document.body) && (b.preventDefault(), z ? L() : S()), (b.key === "r" || b.code === "KeyR") && y(), (b.key === "c" || b.code === "KeyC") && k());
+      w && ((b.key === " " || b.code === "Space") && E && (E.contains(document.activeElement) || document.activeElement === document.body) && (b.preventDefault(), z ? L() : k()), (b.key === "r" || b.code === "KeyR") && C(), (b.key === "c" || b.code === "KeyC") && S());
     };
     return window.addEventListener("keydown", M), () => window.removeEventListener("keydown", M);
-  }, [p, z]), /* @__PURE__ */ _(
+  }, [w, z]), /* @__PURE__ */ _(
     oe,
     {
       className: "level-complete-dialog",
-      isOpen: p,
+      isOpen: w,
       title: r.congratulations,
       cancelText: r.retry + " (R)",
-      onCancel: y,
+      onCancel: C,
       noConfirm: !!d,
       confirmText: r.continue + " (C)",
-      onConfirm: k,
+      onConfirm: S,
       confirmClass: "maze-continue-btn",
       children: [
         /* @__PURE__ */ _("div", { className: "maze-summary-message", children: [
           !!l && /* @__PURE__ */ _("div", { children: "★ - " + r.findYourExit }),
           /* @__PURE__ */ _("div", { children: u ? "★ - " + r.withoutClue : "☆ - " + r.withClue }),
-          /* @__PURE__ */ _("div", { children: (d ? "★ - " + r.collectAllStars : "☆ - " + r.notCollectAllStars) + ` (${f}/${h})` })
+          /* @__PURE__ */ _("div", { children: (d ? "★ - " + r.collectAllStars : "☆ - " + r.notCollectAllStars) + ` (${h}/${f})` })
         ] }),
         z && /* @__PURE__ */ _("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
-        /* @__PURE__ */ _("div", { className: "maze-go-next", children: z ? /* @__PURE__ */ _(
-          "button",
-          {
-            className: "maze-go-next-btn",
-            type: "button",
-            onClick: L,
-            children: [
-              /* @__PURE__ */ _("span", { children: r.lastOK }),
-              /* @__PURE__ */ _("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
-            ]
-          }
-        ) : /* @__PURE__ */ _(
-          "button",
-          {
-            className: "maze-go-next-btn",
-            type: "button",
-            onClick: S,
-            children: [
-              /* @__PURE__ */ _("span", { children: r.nextLevel }),
-              /* @__PURE__ */ _("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
-            ]
-          }
-        ) }),
+        /* @__PURE__ */ _("div", { className: "maze-go-next", children: z ? /* @__PURE__ */ _("button", { className: "maze-go-next-btn", type: "button", onClick: L, children: [
+          /* @__PURE__ */ _("span", { children: r.lastOK }),
+          /* @__PURE__ */ _("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
+        ] }) : /* @__PURE__ */ _("button", { className: "maze-go-next-btn", type: "button", onClick: k, children: [
+          /* @__PURE__ */ _("span", { children: r.nextLevel }),
+          /* @__PURE__ */ _("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
+        ] }) }),
         !d && /* @__PURE__ */ _("div", { className: "not-all-stars-collected", children: r.continueMessage })
       ]
     }
   );
 }, wt = (e, t) => {
-  const n = R({
+  const n = D({
     canvasWidth: 0,
     canvasHeight: 0
   });
@@ -1171,8 +1051,8 @@ const _n = new mn(), Te = 3, gn = ({ onRetry: e }) => {
       window.removeEventListener("resize", o), i?.disconnect();
     };
   }, [e, t]), n;
-}, yt = (e, t, n) => {
-  const o = R({ cellWidth: 0, cellHeight: 0 });
+}, Ct = (e, t, n) => {
+  const o = D({ cellWidth: 0, cellHeight: 0 });
   return F(() => {
     const i = () => {
       const a = e.current, r = t.maze;
@@ -1193,7 +1073,7 @@ const _n = new mn(), Te = 3, gn = ({ onRetry: e }) => {
   ArrowDown: [1, 0],
   ArrowLeft: [0, -1],
   ArrowRight: [0, 1]
-}, bt = ({
+}, yt = ({
   gamePlayStateRef: e,
   setGamePlayState: t,
   moveSpeed: n,
@@ -1206,47 +1086,39 @@ const _n = new mn(), Te = 3, gn = ({ onRetry: e }) => {
   onExitReached: a,
   onFirstMove: r
 }) => {
-  const c = () => o?.current ?? n ?? 0.03, l = R(!1), d = R(/* @__PURE__ */ new Set()), u = R(!1), f = He(
-    (C, w) => {
+  const c = () => o?.current ?? n ?? 0.03, l = D(!1), d = D(/* @__PURE__ */ new Set()), u = D(!1), h = Ve(
+    (T, p) => {
       const z = e.current;
       if (!z.maze)
         return { canMove: !1, newCell: null };
-      const y = c(), [k, S] = ue[C];
-      if (nt(
-        w,
-        k,
+      const C = c(), [S, k] = ue[T];
+      if (tt(
+        p,
         S,
+        k,
         i,
-        y,
+        C,
         z.maze
       ))
         return { canMove: !1, newCell: null };
-      const { row: E, col: M } = w, b = E + k * y, A = M + S * y, x = -0.5, $ = z.maze.rows, U = z.maze.cols;
-      if (b < x || b >= $ || A < x || A >= U)
+      const { row: E, col: M } = p, b = E + S * C, A = M + k * C, P = -0.5, I = z.maze.rows, $ = z.maze.cols;
+      if (b < P || b >= I || A < P || A >= $)
         return { canMove: !1, newCell: null };
-      const O = E < 0 ? 0 : Math.floor(E), G = M < 0 ? 0 : Math.floor(M), q = b < 0 ? 0 : Math.floor(b), K = A < 0 ? 0 : Math.floor(A);
-      return q !== O || K !== G ? z.maze.isValid(q, K) ? {
+      const U = E < 0 ? 0 : Math.floor(E), H = M < 0 ? 0 : Math.floor(M), B = b < 0 ? 0 : Math.floor(b), K = A < 0 ? 0 : Math.floor(A);
+      return B !== U || K !== H ? z.maze.isValid(B, K) ? {
         canMove: !0,
-        newCell: { row: q, col: K }
+        newCell: { row: B, col: K }
       } : { canMove: !1, newCell: null } : { canMove: !0, newCell: null };
     },
     [i, c]
-  ), h = () => {
-    const C = e.current, { row: w, col: z } = C.playerCell, y = i * 2, k = C.foodCells.findIndex((E) => Math.sqrt(
-      Math.pow(w - E.row, 2) + Math.pow(z - E.col, 2)
-    ) < y);
-    k !== -1 && s && (s(), e.current = {
+  ), f = () => {
+    const T = e.current, { row: p, col: z } = T.playerCell, C = i * 2, S = T.foodCells.findIndex((E) => Math.sqrt(Math.pow(p - E.row, 2) + Math.pow(z - E.col, 2)) < C);
+    S !== -1 && s && (s(), e.current = {
       ...e.current,
       foodCollected: e.current.foodCollected + 1,
-      foodCells: e.current.foodCells.filter(
-        (E, M) => M !== k
-      )
+      foodCells: e.current.foodCells.filter((E, M) => M !== S)
     });
-    const L = Cn(
-      C.playerCell,
-      C.exitCell,
-      C.maze
-    );
+    const L = pn(T.playerCell, T.exitCell, T.maze);
     L && !e.current.playerAtExit ? (e.current = {
       ...e.current,
       playerAtExit: !0,
@@ -1264,88 +1136,76 @@ const _n = new mn(), Te = 3, gn = ({ onRetry: e }) => {
       isGameActive: !0,
       levelTransitioning: !1
     });
-  }, m = (C) => {
-    const w = e.current, z = Math.round(C.row), y = Math.round(C.col), k = w.playerPath[w.playerPath.length - 1], S = k.row === z && k.col === y, L = Math.abs(k.row - z), E = Math.abs(k.col - y);
-    if ((L === 1 && E === 0 || L === 0 && E === 1) && !S) {
-      const b = `${k.row},${k.col}-${z},${y}`;
+  }, m = (T) => {
+    const p = e.current, z = Math.round(T.row), C = Math.round(T.col), S = p.playerPath[p.playerPath.length - 1], k = S.row === z && S.col === C, L = Math.abs(S.row - z), E = Math.abs(S.col - C);
+    if ((L === 1 && E === 0 || L === 0 && E === 1) && !k) {
+      const b = `${S.row},${S.col}-${z},${C}`;
       e.current = {
         ...e.current,
-        playerPath: [
-          ...e.current.playerPath,
-          { row: z, col: y }
-        ],
+        playerPath: [...e.current.playerPath, { row: z, col: C }],
         visitCounts: {
           ...e.current.visitCounts,
           [b]: (e.current.visitCounts[b] || 0) + 1
         }
       };
     }
-  }, v = () => {
+  }, g = () => {
     if (l.current || d.current.size === 0) return;
-    const C = e.current;
-    !C.playerCell || !Array.from(d.current).some(
-      (z) => {
-        const { canMove: y } = f(
-          z,
-          C.playerCell
-        );
-        return y;
-      }
-    ) || (!u.current && r && (u.current = !0, r()), l.current = !0);
+    const T = e.current;
+    !T.playerCell || !Array.from(d.current).some((z) => {
+      const { canMove: C } = h(z, T.playerCell);
+      return C;
+    }) || (!u.current && r && (u.current = !0, r()), l.current = !0);
   };
   F(() => {
-    const C = (y) => {
-      if (y.key === "ArrowUp" || y.key === "ArrowDown" || y.key === "ArrowLeft" || y.key === "ArrowRight" || y.key === " ") {
-        const k = document.activeElement;
-        if (k && (k.tagName === "INPUT" || k.tagName === "TEXTAREA" || k.getAttribute("contenteditable") === "true")) return;
-        y.preventDefault();
+    const T = (C) => {
+      if (C.key === "ArrowUp" || C.key === "ArrowDown" || C.key === "ArrowLeft" || C.key === "ArrowRight" || C.key === " ") {
+        const S = document.activeElement;
+        if (S && (S.tagName === "INPUT" || S.tagName === "TEXTAREA" || S.getAttribute("contenteditable") === "true")) return;
+        C.preventDefault();
       }
-    }, w = (y) => {
-      const k = y.key;
-      if (!(k in ue)) return;
-      const S = document.activeElement;
-      S && (S.tagName === "INPUT" || S.tagName === "TEXTAREA" || S.getAttribute("contenteditable") === "true") || (y.preventDefault(), e.current.isGameActive && (d.current.has(k) || (d.current.add(k), l.current || v())));
-    }, z = (y) => {
-      const k = y.key;
-      if (!(k in ue)) return;
-      const S = document.activeElement;
-      S && (S.tagName === "INPUT" || S.tagName === "TEXTAREA" || S.getAttribute("contenteditable") === "true") || (y.preventDefault(), d.current.delete(k), d.current.size === 0 && p());
+    }, p = (C) => {
+      const S = C.key;
+      if (!(S in ue)) return;
+      const k = document.activeElement;
+      k && (k.tagName === "INPUT" || k.tagName === "TEXTAREA" || k.getAttribute("contenteditable") === "true") || (C.preventDefault(), e.current.isGameActive && (d.current.has(S) || (d.current.add(S), l.current || g())));
+    }, z = (C) => {
+      const S = C.key;
+      if (!(S in ue)) return;
+      const k = document.activeElement;
+      k && (k.tagName === "INPUT" || k.tagName === "TEXTAREA" || k.getAttribute("contenteditable") === "true") || (C.preventDefault(), d.current.delete(S), d.current.size === 0 && w());
     };
-    return window.addEventListener("keydown", C, {
+    return window.addEventListener("keydown", T, {
       capture: !0
-    }), window.addEventListener("keydown", w), window.addEventListener("keyup", z), () => {
-      window.removeEventListener("keydown", C, {
+    }), window.addEventListener("keydown", p), window.addEventListener("keyup", z), () => {
+      window.removeEventListener("keydown", T, {
         capture: !0
-      }), window.removeEventListener("keydown", w), window.removeEventListener("keyup", z);
+      }), window.removeEventListener("keydown", p), window.removeEventListener("keyup", z);
     };
   }, []);
-  const g = He(() => {
+  const v = Ve(() => {
     if (!l.current || d.current.size === 0)
       return e.current.playerCell;
-    const C = c(), w = e.current.playerCell;
-    let z = 0, y = 0, k = 0;
+    const T = c(), p = e.current.playerCell;
+    let z = 0, C = 0, S = 0;
     for (const X of d.current) {
-      const { canMove: te } = f(X, w);
-      if (te) {
-        const [P, V] = ue[X];
-        z += P, y += V, k++;
+      const { canMove: R } = h(X, p);
+      if (R) {
+        const [j, te] = ue[X];
+        z += j, C += te, S++;
       }
     }
-    if (k === 0)
+    if (S === 0)
       return e.current.playerCell;
-    const S = Math.sqrt(z * z + y * y), L = S > 0 ? z / S : 0, E = S > 0 ? y / S : 0, M = Number(
-      (w.row + L * C).toFixed(2)
-    ), b = Number(
-      (w.col + E * C).toFixed(2)
-    ), A = M - w.row, x = b - w.col, $ = Math.sqrt(A * A + x * x);
-    if ($ > 0) {
-      const X = A / $, te = x / $;
-      if (nt(
-        w,
+    const k = Math.sqrt(z * z + C * C), L = k > 0 ? z / k : 0, E = k > 0 ? C / k : 0, M = Number((p.row + L * T).toFixed(2)), b = Number((p.col + E * T).toFixed(2)), A = M - p.row, P = b - p.col, I = Math.sqrt(A * A + P * P);
+    if (I > 0) {
+      const X = A / I, R = P / I;
+      if (tt(
+        p,
         X,
-        te,
+        R,
         i,
-        $,
+        I,
         e.current.maze
       ))
         return e.current.playerCell;
@@ -1353,24 +1213,24 @@ const _n = new mn(), Te = 3, gn = ({ onRetry: e }) => {
     e.current.playerCell = {
       row: M,
       col: b
-    }, h();
-    const U = w.row < 0 ? 0 : Math.round(w.row), O = w.col < 0 ? 0 : Math.round(w.col), G = M < 0 ? 0 : Math.round(M), q = b < 0 ? 0 : Math.round(b);
-    return (G !== U || q !== O) && m({ row: G, col: q }), e.current.playerCell;
-  }, [c, f]), p = () => {
+    }, f();
+    const $ = p.row < 0 ? 0 : Math.round(p.row), U = p.col < 0 ? 0 : Math.round(p.col), H = M < 0 ? 0 : Math.round(M), B = b < 0 ? 0 : Math.round(b);
+    return (H !== $ || B !== U) && m({ row: H, col: B }), e.current.playerCell;
+  }, [c, h]), w = () => {
     l.current = !1, d.current.clear();
   };
   return {
-    updatePlayerPos: g,
-    resetMovingState: p,
+    updatePlayerPos: v,
+    resetMovingState: w,
     resetFirstMoveState: () => {
       u.current = !1;
     }
   };
 };
-function nt(e, t, n, o, i, s) {
+function tt(e, t, n, o, i, s) {
   const a = e.row + t * i, r = e.col + n * i, c = { row: a, col: r }, l = [], d = e.row < 0 ? 0 : Math.floor(e.row), u = e.col < 0 ? 0 : Math.floor(e.col);
   l.push({ row: d, col: u });
-  const f = [
+  const h = [
     [-1, 0],
     // up
     [1, 0],
@@ -1388,14 +1248,14 @@ function nt(e, t, n, o, i, s) {
     [1, 1]
     // lower right, diagonal
   ];
-  for (const [h, m] of f) {
-    const v = d + h, g = u + m;
-    s.isValid(v, g) && l.push({ row: v, col: g });
+  for (const [f, m] of h) {
+    const g = d + f, v = u + m;
+    s.isValid(g, v) && l.push({ row: g, col: v });
   }
-  for (const h of l) {
-    const m = vn(h.row, h.col, s);
-    for (const v of m)
-      if (pn(c, v) < o)
+  for (const f of l) {
+    const m = vn(f.row, f.col, s);
+    for (const g of m)
+      if (gn(c, g) < o)
         return !0;
   }
   return !1;
@@ -1416,190 +1276,25 @@ function vn(e, t, n) {
     end: { row: e + 0.5, col: t - 0.5 }
   }), o;
 }
-function pn(e, t) {
+function gn(e, t) {
   const { start: n, end: o } = t, i = o.col - n.col, s = o.row - n.row, a = e.col - n.col, r = e.row - n.row, c = i * i + s * s;
   if (c === 0)
     return Math.sqrt(a * a + r * r);
-  const l = Math.max(
-    0,
-    Math.min(
-      1,
-      (a * i + r * s) / c
-    )
-  ), d = n.col + l * i, u = n.row + l * s, f = e.col - d, h = e.row - u;
-  return Math.sqrt(f * f + h * h);
+  const l = Math.max(0, Math.min(1, (a * i + r * s) / c)), d = n.col + l * i, u = n.row + l * s, h = e.col - d, f = e.row - u;
+  return Math.sqrt(h * h + f * f);
 }
-function Cn(e, t, n) {
+function pn(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 Tt(e, t, n, o, i) {
-  if (!e || !t.maze) return;
-  const { canvasWidth: s, canvasHeight: a } = n, { cellWidth: r, cellHeight: c } = o, {
-    maze: l,
-    playerCell: d,
-    // row, col, but floating allowed
-    exitCell: u,
-    foodCells: f,
-    showClue: h,
-    playerPath: m,
-    visitCounts: v
-  } = t, {
-    padding: g,
-    wallWidth: p,
-    // need merge with level config when passed here
-    wallColor: T,
-    playerColor: C,
-    playerRadius: w,
-    foodColor: z,
-    backgroundColor: y,
-    clueColor: k,
-    fogEnabled: S,
-    fogRadius: L,
-    fogColor: E,
-    fogSoftness: M,
-    exitColor: b,
-    exitWallWidth: A,
-    exitDashArray: x
-  } = i;
-  e.clearRect(0, 0, s, a), e.save(), e.fillStyle = y, e.fillRect(0, 0, s, a), e.restore(), h && Sn({
-    ctx: e,
-    playerPath: m,
-    visitCounts: v,
-    cellWidth: r,
-    cellHeight: c,
-    padding: g,
-    clueColor: k
-  });
-  const $ = kt(l, r, c, g);
-  (t.fogEnabled ?? !0) && S && En({
-    ctx: e,
-    canvasWidth: s,
-    canvasHeight: a,
-    cellWidth: r,
-    cellHeight: c,
-    padding: g,
-    playerCell: d,
-    walls: $,
-    fogRadius: L,
-    fogColor: E,
-    fogSoftness: M
-  }), wn({
-    ctx: e,
-    maze: l,
-    cellWidth: r,
-    cellHeight: c,
-    padding: g,
-    wallColor: T,
-    wallWidth: p,
-    walls: $
-  }), bn({
-    ctx: e,
-    maze: l,
-    exitCell: u,
-    cellWidth: r,
-    cellHeight: c,
-    padding: g,
-    exitColor: b,
-    exitWallWidth: A,
-    exitDashArray: x
-  }), yn({
-    ctx: e,
-    playerCell: d,
-    playerRadius: w,
-    cellWidth: r,
-    cellHeight: c,
-    padding: g,
-    playerColor: C
-  }), Tn({
-    ctx: e,
-    foodCells: f,
-    cellWidth: r,
-    cellHeight: c,
-    padding: g,
-    foodColor: z
-  });
-}
-function wn({
-  ctx: e,
-  maze: t,
-  cellWidth: n,
-  cellHeight: o,
-  padding: i,
-  wallColor: s,
-  wallWidth: a,
-  walls: r
-}) {
-  e.save(), e.strokeStyle = s, e.lineWidth = a, e.lineCap = "round", e.beginPath(), (r ?? kt(t, n, o, i)).forEach((l) => {
-    e.moveTo(l.x1, l.y1), e.lineTo(l.x2, l.y2);
-  }), e.stroke(), e.restore();
-}
-function yn({
-  ctx: e,
-  playerCell: t,
-  playerRadius: n,
-  cellWidth: o,
-  cellHeight: i,
-  padding: s,
-  playerColor: a
-}) {
-  const { x: r, y: c } = Z(
-    t.row,
-    t.col,
-    o,
-    i,
-    s
-  ), l = Math.min(o, i) * Math.min(n, 0.5);
-  e.save(), e.fillStyle = a, e.beginPath(), e.arc(r, c, l, 0, Math.PI * 2), e.fill(), e.restore();
-}
-function bn({
-  ctx: e,
-  maze: t,
-  exitCell: n,
-  cellWidth: o,
-  cellHeight: i,
-  padding: s,
-  exitColor: a,
-  exitWallWidth: r,
-  exitDashArray: c = [8, 12]
-}) {
-  const { row: l, col: d } = n;
-  if (!t.isValid(l, d)) return;
-  const u = s + d * o, f = s + l * i;
-  e.save(), e.globalCompositeOperation = "destination-out", e.lineWidth = r, e.lineCap = "round", e.beginPath(), e.moveTo(u, f + i), e.lineTo(u + o, f + i), e.stroke(), e.globalCompositeOperation = "source-over", e.strokeStyle = a, e.lineWidth = r, e.setLineDash(c), e.beginPath(), e.moveTo(u, f + i), e.lineTo(u + o, f + i), e.stroke(), e.restore();
-}
-function Tn({
-  ctx: e,
-  foodCells: t,
-  cellWidth: n,
-  cellHeight: o,
-  padding: i,
-  foodColor: s
-}) {
-  e.fillStyle = s, e.shadowColor = "rgba(255, 215, 64, 0.9)", e.shadowBlur = Math.max(Math.min(n, o) * 0.28, 3);
-  const a = Math.min(n, o) * 0.25;
-  t.forEach((r) => {
-    const { x: c, y: l } = Z(
-      r.row,
-      r.col,
-      n,
-      o,
-      i
-    );
-    kn(e, c, l, a * 1.25, 5, a * 0.62);
-  }), e.shadowBlur = 0, e.strokeStyle = "rgba(255,255,255,0.5)", e.lineWidth = Math.max(a * 0.3, 1), t.forEach((r) => {
-    const { x: c, y: l } = Z(
-      r.row,
-      r.col,
-      n,
-      o,
-      i
-    );
-    e.beginPath(), e.arc(c, l, a * 1.05, 0, Math.PI * 2), e.stroke();
-  });
+function Z(e, t, n, o, i) {
+  return {
+    x: i + t * n + n / 2,
+    y: i + e * o + o / 2
+  };
 }
-function kn(e, t, n, o, i, s) {
+function wn(e, t, n, o, i, s) {
   e.save(), e.beginPath();
   for (let a = 0; a < i * 2; a++) {
     const r = a % 2 === 0 ? o : s, c = Math.PI * a / i;
@@ -1607,44 +1302,7 @@ function kn(e, t, n, o, i, s) {
   }
   e.closePath(), e.fill(), e.restore();
 }
-function Sn({
-  ctx: e,
-  playerPath: t,
-  visitCounts: n,
-  cellWidth: o,
-  cellHeight: i,
-  padding: s,
-  clueColor: a
-}) {
-  if (!(!t || t.length < 2 || !n)) {
-    e.save();
-    for (let r = 1; r < t.length; r++) {
-      const c = t[r - 1], l = t[r], d = `${c.row},${c.col}-${l.row},${l.col}`, u = `${l.row},${l.col}-${c.row},${c.col}`, f = (n[d] || 0) + (n[u] || 0), h = Math.min(0.2 + f * 0.1, 0.9), m = Math.max(3, o * 0.1) + f * 0.5;
-      try {
-        e.strokeStyle = a.replace(")", `, ${h})`).replace("rgb(", "rgba(");
-      } catch {
-        e.strokeStyle = `rgba(255, 0, 0, ${h})`;
-      }
-      e.lineWidth = m, e.lineCap = "round", e.lineJoin = "round";
-      const { x: v, y: g } = Z(
-        c.row,
-        c.col,
-        o,
-        i,
-        s
-      ), { x: p, y: T } = Z(
-        l.row,
-        l.col,
-        o,
-        i,
-        s
-      );
-      e.beginPath(), e.moveTo(v, g), e.lineTo(p, T), e.stroke();
-    }
-    e.restore();
-  }
-}
-function En({
+function Cn({
   ctx: e,
   canvasWidth: t,
   canvasHeight: n,
@@ -1659,33 +1317,23 @@ function En({
 }) {
   const u = Math.max(c, 0) * Math.max(o, i) || 0;
   if (u <= 0) return;
-  const f = Z(
-    a.row,
-    a.col,
-    o,
-    i,
-    s
-  ), h = zn(
-    f,
-    r,
-    u
-  );
+  const h = Z(a.row, a.col, o, i, s), f = yn(h, r, u);
   e.save(), e.fillStyle = l, e.fillRect(0, 0, t, n), e.globalCompositeOperation = "destination-out";
   const m = Math.max(Math.min(o, i) * 0.25, 2);
   e.filter = `blur(${m}px)`;
-  const v = Math.max(Math.min(d, 1), 0), g = e.createRadialGradient(
-    f.x,
-    f.y,
+  const g = Math.max(Math.min(d, 1), 0), v = e.createRadialGradient(
+    h.x,
+    h.y,
     Math.max(u * 0.2, 6),
-    f.x,
-    f.y,
+    h.x,
+    h.y,
     u
   );
-  g.addColorStop(0, "rgba(0, 0, 0, 1)"), g.addColorStop(Math.max(0.25, v - 0.1), "rgba(0, 0, 0, 1)"), g.addColorStop(1, "rgba(0, 0, 0, 0)"), e.fillStyle = g, h.length >= 3 ? (e.beginPath(), h.forEach((p, T) => {
-    T === 0 ? e.moveTo(p.x, p.y) : e.lineTo(p.x, p.y);
-  }), e.closePath(), e.fill()) : (e.beginPath(), e.arc(f.x, f.y, u, 0, Math.PI * 2), e.fill()), e.restore();
+  v.addColorStop(0, "rgba(0, 0, 0, 1)"), v.addColorStop(Math.max(0.25, g - 0.1), "rgba(0, 0, 0, 1)"), v.addColorStop(1, "rgba(0, 0, 0, 0)"), e.fillStyle = v, f.length >= 3 ? (e.beginPath(), f.forEach((w, y) => {
+    y === 0 ? e.moveTo(w.x, w.y) : e.lineTo(w.x, w.y);
+  }), e.closePath(), e.fill()) : (e.beginPath(), e.arc(h.x, h.y, u, 0, Math.PI * 2), e.fill()), e.restore();
 }
-function zn(e, t, n) {
+function yn(e, t, n) {
   const i = [];
   if (t.forEach((a) => {
     i.push(
@@ -1699,11 +1347,9 @@ function zn(e, t, n) {
   }), i.length === 0)
     for (let a = 0; a < 24; a++)
       i.push(a / 24 * Math.PI * 2);
-  return Array.from(new Set(i)).sort((a, r) => a - r).map(
-    (a) => Mn(e, a, t, n)
-  );
+  return Array.from(new Set(i)).sort((a, r) => a - r).map((a) => bn(e, a, t, n));
 }
-function Mn(e, t, n, o) {
+function bn(e, t, n, o) {
   const i = { x: Math.cos(t), y: Math.sin(t) };
   let s = {
     x: e.x + i.x * o,
@@ -1711,7 +1357,7 @@ function Mn(e, t, n, o) {
     distance: o
   };
   for (const a of n) {
-    const r = Ln(
+    const r = Tn(
       e,
       i,
       { x: a.x1, y: a.y1 },
@@ -1725,7 +1371,7 @@ function Mn(e, t, n, o) {
     y: s.y
   };
 }
-function Ln(e, t, n, o, i) {
+function Tn(e, t, n, o, i) {
   const s = { x: o.x - n.x, y: o.y - n.y }, a = t.x * s.y - t.y * s.x;
   if (Math.abs(a) < 1e-6)
     return null;
@@ -1736,7 +1382,7 @@ function Ln(e, t, n, o, i) {
     distance: c
   };
 }
-function kt(e, t, n, o) {
+function bt(e, t, n, o) {
   const i = [];
   for (let s = 0; s < e.rows; s++)
     for (let a = 0; a < e.cols; a++) {
@@ -1765,19 +1411,185 @@ function kt(e, t, n, o) {
     }
   return i;
 }
-function Z(e, t, n, o, i) {
-  return {
-    x: i + t * n + n / 2,
-    y: i + e * o + o / 2
-  };
+function Sn({
+  ctx: e,
+  maze: t,
+  cellWidth: n,
+  cellHeight: o,
+  padding: i,
+  wallColor: s,
+  wallWidth: a,
+  walls: r
+}) {
+  e.save(), e.strokeStyle = s, e.lineWidth = a, e.lineCap = "round", e.beginPath(), (r ?? bt(t, n, o, i)).forEach((l) => {
+    e.moveTo(l.x1, l.y1), e.lineTo(l.x2, l.y2);
+  }), e.stroke(), e.restore();
+}
+function kn({
+  ctx: e,
+  playerCell: t,
+  playerRadius: n,
+  cellWidth: o,
+  cellHeight: i,
+  padding: s,
+  playerColor: a
+}) {
+  const { x: r, y: c } = Z(t.row, t.col, o, i, s), l = Math.min(o, i) * Math.min(n, 0.5);
+  e.save(), e.fillStyle = a, e.beginPath(), e.arc(r, c, l, 0, Math.PI * 2), e.fill(), e.restore();
+}
+function En({
+  ctx: e,
+  maze: t,
+  exitCell: n,
+  cellWidth: o,
+  cellHeight: i,
+  padding: s,
+  exitColor: a,
+  exitWallWidth: r,
+  exitDashArray: c = [8, 12]
+}) {
+  const { row: l, col: d } = n;
+  if (!t.isValid(l, d)) return;
+  const u = s + d * o, h = s + l * 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 = a, e.lineWidth = r, e.setLineDash(c), e.beginPath(), e.moveTo(u, h + i), e.lineTo(u + o, h + i), e.stroke(), e.restore();
+}
+function zn({
+  ctx: e,
+  foodCells: t,
+  cellWidth: n,
+  cellHeight: o,
+  padding: i,
+  foodColor: s
+}) {
+  e.fillStyle = s, e.shadowColor = "rgba(255, 215, 64, 0.9)", e.shadowBlur = Math.max(Math.min(n, o) * 0.28, 3);
+  const a = Math.min(n, o) * 0.25;
+  t.forEach((r) => {
+    const { x: c, y: l } = Z(r.row, r.col, n, o, i);
+    wn(e, c, l, a * 1.25, 5, a * 0.62);
+  }), e.shadowBlur = 0, e.strokeStyle = "rgba(255,255,255,0.5)", e.lineWidth = Math.max(a * 0.3, 1), t.forEach((r) => {
+    const { x: c, y: l } = Z(r.row, r.col, n, o, i);
+    e.beginPath(), e.arc(c, l, a * 1.05, 0, Math.PI * 2), e.stroke();
+  });
+}
+function Mn({
+  ctx: e,
+  playerPath: t,
+  visitCounts: n,
+  cellWidth: o,
+  cellHeight: i,
+  padding: s,
+  clueColor: a
+}) {
+  if (!(!t || t.length < 2 || !n)) {
+    e.save();
+    for (let r = 1; r < t.length; r++) {
+      const c = t[r - 1], l = t[r], d = `${c.row},${c.col}-${l.row},${l.col}`, u = `${l.row},${l.col}-${c.row},${c.col}`, h = (n[d] || 0) + (n[u] || 0), f = Math.min(0.2 + h * 0.1, 0.9), m = Math.max(3, o * 0.1) + h * 0.5;
+      try {
+        e.strokeStyle = a.replace(")", `, ${f})`).replace("rgb(", "rgba(");
+      } catch {
+        e.strokeStyle = `rgba(255, 0, 0, ${f})`;
+      }
+      e.lineWidth = m, e.lineCap = "round", e.lineJoin = "round";
+      const { x: g, y: v } = Z(c.row, c.col, o, i, s), { x: w, y } = Z(l.row, l.col, o, i, s);
+      e.beginPath(), e.moveTo(g, v), e.lineTo(w, y), e.stroke();
+    }
+    e.restore();
+  }
+}
+function Tt(e, t, n, o, i) {
+  if (!e || !t.maze) return;
+  const { canvasWidth: s, canvasHeight: a } = n, { cellWidth: r, cellHeight: c } = o, {
+    maze: l,
+    playerCell: d,
+    // row, col, but floating allowed
+    exitCell: u,
+    foodCells: h,
+    showClue: f,
+    playerPath: m,
+    visitCounts: g
+  } = t, {
+    padding: v,
+    wallWidth: w,
+    // need merge with level config when passed here
+    wallColor: y,
+    playerColor: T,
+    playerRadius: p,
+    foodColor: z,
+    backgroundColor: C,
+    clueColor: S,
+    fogEnabled: k,
+    fogRadius: L,
+    fogColor: E,
+    fogSoftness: M,
+    exitColor: b,
+    exitWallWidth: A,
+    exitDashArray: P
+  } = i;
+  e.clearRect(0, 0, s, a), e.save(), e.fillStyle = C, e.fillRect(0, 0, s, a), e.restore(), f && Mn({
+    ctx: e,
+    playerPath: m,
+    visitCounts: g,
+    cellWidth: r,
+    cellHeight: c,
+    padding: v,
+    clueColor: S
+  });
+  const I = bt(l, r, c, v);
+  k && Cn({
+    ctx: e,
+    canvasWidth: s,
+    canvasHeight: a,
+    cellWidth: r,
+    cellHeight: c,
+    padding: v,
+    playerCell: d,
+    walls: I,
+    fogRadius: L,
+    fogColor: E,
+    fogSoftness: M
+  }), Sn({
+    ctx: e,
+    maze: l,
+    cellWidth: r,
+    cellHeight: c,
+    padding: v,
+    wallColor: y,
+    wallWidth: w,
+    walls: I
+  }), En({
+    ctx: e,
+    maze: l,
+    exitCell: u,
+    cellWidth: r,
+    cellHeight: c,
+    padding: v,
+    exitColor: b,
+    exitWallWidth: A,
+    exitDashArray: P
+  }), kn({
+    ctx: e,
+    playerCell: d,
+    playerRadius: p,
+    cellWidth: r,
+    cellHeight: c,
+    padding: v,
+    playerColor: T
+  }), zn({
+    ctx: e,
+    foodCells: h,
+    cellWidth: r,
+    cellHeight: c,
+    padding: v,
+    foodColor: z
+  });
 }
-function Nn(e) {
+function Ln(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 An {
+class Nn {
   // initially all walls exit
   constructor(t, n) {
     this.row = t, this.col = n;
@@ -1802,7 +1614,7 @@ class St {
    * @param exit Optional exit cell position
    */
   constructor(t, n, o, i, s = { row: 0, col: 0 }, a = { row: t - 1, col: n - 1 }) {
-    this.rows = t, this.cols = n, this.seed = i ?? Math.floor(Math.random() * 1e6), this.random = Nn(this.seed), this.grid = this.initializeGrid(), this.generate(o, s, a);
+    this.rows = t, this.cols = n, this.seed = i ?? Math.floor(Math.random() * 1e6), this.random = Ln(this.seed), this.grid = this.initializeGrid(), this.generate(o, s, a);
   }
   // Initialize the grid with new MazeCell objects
   initializeGrid() {
@@ -1810,7 +1622,7 @@ class St {
     for (let n = 0; n < this.rows; n++) {
       t[n] = [];
       for (let o = 0; o < this.cols; o++)
-        t[n][o] = new An(n, o);
+        t[n][o] = new Nn(n, o);
     }
     return t;
   }
@@ -1838,17 +1650,13 @@ class St {
   }
   // Get only neighbors that haven't been visited yet
   getUnvisitedNeighbors(t, n) {
-    return this.getNeighbors(t, n).filter(
-      (o) => !this.grid[o.row][o.col].visited
-    );
+    return this.getNeighbors(t, n).filter((o) => !this.grid[o.row][o.col].visited);
   }
   /**
    * Gets neighbors that have already been visited (part of the maze path).
    */
   getVisitedNeighbors(t, n) {
-    return this.getNeighbors(t, n).filter(
-      (o) => this.grid[o.row][o.col].visited
-    );
+    return this.getNeighbors(t, n).filter((o) => this.grid[o.row][o.col].visited);
   }
   // Remove the wall between two adjacent cells
   removeWall(t, n, o, i) {
@@ -1895,9 +1703,7 @@ class St {
     const t = [], n = (s, a) => {
       const r = this.getNeighbors(s, a);
       for (const c of r)
-        !this.grid[c.row][c.col].visited && !t.some(
-          (l) => l.row === c.row && l.col === c.col
-        ) && t.push(c);
+        !this.grid[c.row][c.col].visited && !t.some((l) => l.row === c.row && l.col === c.col) && t.push(c);
     }, o = this.randomNumber(this.rows), i = this.randomNumber(this.cols);
     for (this.grid[o][i].visited = !0, n(o, i); t.length > 0; ) {
       const s = this.randomNumber(t.length), a = t[s], { row: r, col: c } = a, l = this.getVisitedNeighbors(r, c);
@@ -1928,26 +1734,26 @@ class St {
     return t[Math.floor(this.random() * t.length)];
   }
 }
-const Et = (e, t, n) => {
+const kt = (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;
-}, Pn = (e) => e === 1 ? 2 : e >= 2 && e <= 5 ? 3 : e >= 6 && e <= 11 ? 4 : e >= 12 && e <= 15 ? 5 : 6, xn = (e, t) => {
+}, An = (e) => e === 1 ? 2 : e >= 2 && e <= 5 ? 3 : e >= 6 && e <= 11 ? 4 : e >= 12 && e <= 15 ? 5 : 6, Pn = (e, t) => {
   if (!t)
     return console.error(`Cannot find Level ${e}'s config.`), null;
   const { size: n, seed: o, method: i, entry: s, exit: a } = t, r = n, c = n, l = s || { row: 0, col: 0 }, d = a || {
     row: r - 1,
     col: c - 1
-  }, u = new St(r, c, i, o, l, d), f = Pn(e), h = [];
-  for (let m = 0; m < f; m++) {
-    let v;
+  }, u = new St(r, c, i, o, l, d), h = An(e), f = [];
+  for (let m = 0; m < h; m++) {
+    let g;
     do
-      v = {
+      g = {
         row: Math.floor(u.random() * r),
         col: Math.floor(u.random() * c)
       };
-    while (v.row === l.row && v.col === l.col || v.row === d.row && v.col === d.col || !Et(u, v.row, v.col) || h.some((g) => g.row === v.row && g.col === v.col));
-    h.push(v);
+    while (g.row === l.row && g.col === l.col || g.row === d.row && g.col === d.col || !kt(u, g.row, g.col) || f.some((v) => v.row === g.row && v.col === g.col));
+    f.push(g);
   }
   return {
     isGameActive: !0,
@@ -1955,15 +1761,15 @@ const Et = (e, t, n) => {
     maze: u,
     playerCell: l,
     exitCell: d,
-    foodCells: h,
+    foodCells: f,
     playerAtExit: !1,
     foodCollected: 0,
-    totalFoodCount: f,
+    totalFoodCount: h,
     showClue: !1,
     playerPath: [l],
     visitCounts: { [`${l.row},${l.col}`]: 1 }
   };
-}, In = ({
+}, xn = ({
   size: e,
   seed: t,
   method: n,
@@ -1972,19 +1778,17 @@ const Et = (e, t, n) => {
   clue: s,
   fogEnabled: a = !0
 }) => {
-  const r = e, c = e, l = { row: 0, col: 0 }, d = { row: r - 1, col: c - 1 }, u = new St(r, c, n, t, l, d), f = [];
+  const r = e, c = e, l = { row: 0, col: 0 }, d = { row: r - 1, col: c - 1 }, u = new St(r, c, n, t, l, d), h = [];
   if (i)
-    for (let h = 0; h < o; h++) {
-      let m, v = 0;
+    for (let f = 0; f < o; f++) {
+      let m, g = 0;
       do
         m = {
           row: Math.floor(u.random() * r),
           col: Math.floor(u.random() * c)
-        }, v++;
-      while (v < 50 && (m.row === l.row && m.col === l.col || m.row === d.row && m.col === d.col || !Et(u, m.row, m.col) || f.some(
-        (g) => g.row === m.row && g.col === m.col
-      )));
-      v < 50 && f.push(m);
+        }, g++;
+      while (g < 50 && (m.row === l.row && m.col === l.col || m.row === d.row && m.col === d.col || !kt(u, m.row, m.col) || h.some((v) => v.row === m.row && v.col === m.col)));
+      g < 50 && h.push(m);
     }
   return {
     isGameActive: !0,
@@ -1992,7 +1796,7 @@ const Et = (e, t, n) => {
     maze: u,
     playerCell: l,
     exitCell: d,
-    foodCells: f,
+    foodCells: h,
     playerAtExit: !1,
     foodCollected: 0,
     totalFoodCount: i ? o : 0,
@@ -2002,110 +1806,92 @@ const Et = (e, t, n) => {
     visitCounts: { [`${l.row},${l.col}`]: 1 }
   };
 };
-function Fn() {
-  const {
-    setGamePlayState: e,
-    gamePlayState: t,
-    gamePlayStateRef: n,
-    gameProgress: o,
-    config: i
-  } = se(), s = R(null), a = R(null), { i18n: r, levelConfig: c, renderConfig: l } = i, d = ae(c), u = R(
-    d.getLevelConfig(o.currentLevel)
-  );
+function In() {
+  const { setGamePlayState: e, gamePlayState: t, gamePlayStateRef: n, gameProgress: o, config: i } = se(), s = D(null), a = D(null), { i18n: r, levelConfig: c, renderConfig: l } = i, d = ae(c), u = D(d.getLevelConfig(o.currentLevel));
   F(() => {
-    s.current && W.attachTo(s.current);
+    s.current && q.attachTo(s.current);
   }, []);
-  const f = R(), h = wt(a, () => {
-    f.current?.();
-  }), m = yt(
-    a,
-    t,
-    l.padding
-  );
+  const h = D(), f = wt(a, () => {
+    h.current?.();
+  }), m = Ct(a, t, l.padding);
   F(() => {
-    u.current = d.getLevelConfig(
-      o.currentLevel
-    );
+    u.current = d.getLevelConfig(o.currentLevel);
   }, [o.currentLevel]);
-  const v = () => {
-    const C = xn(
-      o.currentLevel,
-      u.current
-    );
-    C && e((w) => ({
-      ...w,
-      ...C
+  const g = () => {
+    const T = Pn(o.currentLevel, u.current);
+    T && e((p) => ({
+      ...p,
+      ...T
     }));
   };
   F(() => {
-    v();
+    g();
   }, [o.currentLevel]);
-  const g = () => {
-    v();
-  }, { updatePlayerPos: p, resetMovingState: T } = bt({
+  const v = () => {
+    g();
+  }, { updatePlayerPos: w, resetMovingState: y } = yt({
     gamePlayStateRef: n,
     setGamePlayState: e,
     playerRadius: l.playerRadius,
     moveSpeed: l.gridMoveSpeed,
     onFoodCollected: () => {
-      const C = n.current.totalFoodCount - n.current.foodCollected - 1;
-      C > 0 ? W.show(
-        r.foodCollectedToast.replace("%NUM%", C.toString()),
-        3e3
-      ) : W.show(r.allFoodCollectedToast);
+      const T = n.current.totalFoodCount - n.current.foodCollected - 1;
+      T > 0 ? q.show(r.foodCollectedToast.replace("%NUM%", T.toString()), 3e3) : q.show(r.allFoodCollectedToast);
     }
   });
   return F(() => {
-    T();
-  }, [o.currentLevel, T]), F(() => {
-    let C, w = !document.hidden;
+    y();
+  }, [o.currentLevel, y]), F(() => {
+    let T, p = !document.hidden;
     const z = () => {
-      const S = a.current?.getContext("2d"), L = n.current;
-      if (!(w && L?.isGameActive && S && L?.maze)) {
-        C = requestAnimationFrame(z);
+      const k = a.current?.getContext("2d"), L = n.current;
+      if (!(p && L?.isGameActive && k && L?.maze)) {
+        T = requestAnimationFrame(z);
         return;
       }
-      p(), y(), C = requestAnimationFrame(z);
-    }, y = () => {
-      const S = a.current?.getContext("2d"), L = n.current;
-      if (S && L?.maze) {
-        const E = u.current?.wallWidth || l?.wallWidth, M = u.current?.exitColor || l?.exitColor, b = u.current?.exitWallWidth || l?.exitWallWidth, A = u.current?.exitDashArray || l?.exitDashArray;
-        Tt(S, L, h.current, m.current, {
+      w(), C(), T = requestAnimationFrame(z);
+    }, C = () => {
+      const k = a.current?.getContext("2d"), L = n.current;
+      if (k && L?.maze) {
+        const E = u.current?.wallWidth || l?.wallWidth, M = u.current?.exitColor || l?.exitColor, b = u.current?.exitWallWidth || l?.exitWallWidth, A = u.current?.exitDashArray || l?.exitDashArray, P = u.current?.fogRadius || l?.fogRadius, I = u.current?.fogEnabled ?? l?.fogEnabled;
+        Tt(k, L, f.current, m.current, {
           ...l,
           wallWidth: E,
           exitColor: M,
           exitWallWidth: b,
-          exitDashArray: A
+          exitDashArray: A,
+          fogRadius: P,
+          fogEnabled: I
         });
       }
     };
-    f.current = y;
-    const k = (S) => {
-      const L = w;
-      w = !document.hidden && document.visibilityState === "visible" && (!S || S.type !== "blur"), !L && w ? n.current?.levelTransitioning === !1 && e({
+    h.current = C;
+    const S = (k) => {
+      const L = p;
+      p = !document.hidden && document.visibilityState === "visible" && (!k || k.type !== "blur"), !L && p ? n.current?.levelTransitioning === !1 && e({
         ...n.current,
         isGameActive: !0
-      }) : L && !w && e({
+      }) : L && !p && e({
         ...n.current,
         isGameActive: !1
       });
     };
-    return document.addEventListener("visibilitychange", k), window.addEventListener("blur", k), window.addEventListener("focus", k), C = requestAnimationFrame(z), () => {
-      cancelAnimationFrame(C), document.removeEventListener("visibilitychange", k), window.removeEventListener("blur", k), window.removeEventListener("focus", k);
+    return document.addEventListener("visibilitychange", S), window.addEventListener("blur", S), window.addEventListener("focus", S), T = requestAnimationFrame(z), () => {
+      cancelAnimationFrame(T), document.removeEventListener("visibilitychange", S), window.removeEventListener("blur", S), window.removeEventListener("focus", S);
     };
   }, []), F(() => {
-    W.show(r.useArrowKeyTips, 3e3);
+    q.show(r.useArrowKeyTips, 3e3);
   }, []), /* @__PURE__ */ _("div", { className: "maze-game-container", children: [
-    /* @__PURE__ */ _(Bt, {}),
-    /* @__PURE__ */ _(gn, { onRetry: g }),
+    /* @__PURE__ */ _(qt, {}),
+    /* @__PURE__ */ _(_n, { onRetry: v }),
     /* @__PURE__ */ _("div", { className: "maze-canvas-container", ref: s, children: /* @__PURE__ */ _("canvas", { ref: a, className: "maze-game-canvas" }) })
   ] });
 }
 const Rn = (e) => {
   const t = Math.floor(e / 60), n = e % 60;
   return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
-}, On = ({ timer: e }) => {
-  const [t, n] = j(e), o = R(), i = R(!1), s = R(0);
+}, Fn = ({ timer: e }) => {
+  const [t, n] = G(e), o = D(), i = D(!1), s = D(0);
   return F(() => {
     const a = () => {
       !i.current && !o.current && (i.current = !0, o.current = setInterval(() => {
@@ -2123,40 +1909,22 @@ const Rn = (e) => {
     };
   }, [e]), F(() => {
     o.current && (clearInterval(o.current), o.current = void 0), n(e), i.current = !1, s.current = 0;
-  }, [e]), /* @__PURE__ */ _("div", { className: "single-maze-timer", children: /* @__PURE__ */ _(
-    "span",
-    {
-      className: `maze-timer-text ${t <= 10 && i.current ? "maze-timer-warning" : ""}`,
-      children: [
-        "⏱️ ",
-        Rn(t)
-      ]
-    }
-  ) });
+  }, [e]), /* @__PURE__ */ _("div", { className: "single-maze-timer", children: /* @__PURE__ */ _("span", { className: `maze-timer-text ${t <= 10 && i.current ? "maze-timer-warning" : ""}`, children: [
+    "⏱️ ",
+    Rn(t)
+  ] }) });
 };
 function Dn({ config: e }) {
-  const {
-    size: t,
-    seed: n,
-    method: o,
-    foodCount: i,
-    foodRace: s,
-    clue: a,
-    renderConfig: r,
-    successCallback: c,
-    failCallback: l,
-    timer: d,
-    i18n: u
-  } = e, f = r.fogEnabled ?? !0, [h, m] = j({
-    ...Ct,
-    fogEnabled: f
-  }), [v, g] = j(!1), [p, T] = j(!0), [C, w] = j(!1), [z, y] = j(""), k = R(0), S = R(!1), L = R(!1), E = R(null), M = R(null), b = R(h), A = R(), x = wt(E, () => {
+  const { size: t, seed: n, method: o, foodCount: i, foodRace: s, clue: a, renderConfig: r, successCallback: c, failCallback: l, timer: d, i18n: u } = e, h = r.fogEnabled ?? !0, [f, m] = G({
+    ...pt,
+    fogEnabled: h
+  }), [g, v] = G(!1), [w, y] = G(!0), [T, p] = G(!1), [z, C] = G(""), S = D(0), k = D(!1), L = D(!1), E = D(null), M = D(null), b = D(f), A = D(), P = wt(E, () => {
     A.current?.();
-  }), $ = yt(E, h, r.padding);
+  }), I = Ct(E, f, r.padding);
   F(() => {
-    b.current = h;
-  }, [h]);
-  const { updatePlayerPos: U, resetMovingState: O, resetFirstMoveState: G } = bt({
+    b.current = f;
+  }, [f]);
+  const { updatePlayerPos: $, resetMovingState: U, resetFirstMoveState: H } = yt({
     gamePlayStateRef: b,
     setGamePlayState: m,
     playerRadius: r.playerRadius,
@@ -2165,17 +1933,17 @@ function Dn({ config: e }) {
       console.log("Food collected in single maze");
     },
     onExitReached: () => {
-      if (!S.current) {
+      if (!k.current) {
         if (s && b.current.foodCollected < b.current.totalFoodCount) {
-          y(`⭐️ ${u.foodMsg}`), w(!0), m((P) => ({
-            ...P,
+          C(`⭐️ ${u.foodMsg}`), p(!0), m((R) => ({
+            ...R,
             isGameActive: !1
             // Disable controls while popup is shown
           }));
           return;
         }
-        m((P) => ({
-          ...P,
+        m((R) => ({
+          ...R,
           isGameActive: !1
         })), K();
       }
@@ -2183,116 +1951,81 @@ function Dn({ config: e }) {
     onFirstMove: () => {
       window.dispatchEvent(new CustomEvent("maze:firstMove"));
     }
-  }), q = () => {
-    S.current = !0, y(`⏰ ${u.failMsg}`), w(!0), m({
+  }), B = () => {
+    k.current = !0, C(`⏰ ${u.failMsg}`), p(!0), m({
       ...b.current,
       isGameActive: !1
     });
   }, K = () => {
-    S.current = !0, L.current = !0, y(`🎉 ${u.successMsg}`), w(!0), m((P) => ({
-      ...P,
+    k.current = !0, L.current = !0, C(`🎉 ${u.successMsg}`), p(!0), m((R) => ({
+      ...R,
       isGameActive: !1
     })), window.dispatchEvent(new CustomEvent("maze:gameSuccess"));
   }, X = () => {
-    if (w(!1), !S.current) {
-      m((P) => ({
-        ...P,
+    if (p(!1), !k.current) {
+      m((R) => ({
+        ...R,
         isGameActive: !0
       }));
       return;
     }
-    T(!1), m((P) => ({
-      ...P,
+    y(!1), m((R) => ({
+      ...R,
       showClue: !0
-    })), L.current ? c?.(k.current) : l?.();
+    })), L.current ? c?.(S.current) : l?.();
   };
-  F(() => {
+  return F(() => {
     (async () => {
-      g(!0);
+      v(!0);
       try {
-        const V = In({
+        const j = xn({
           size: t,
           seed: n,
           method: o,
           foodCount: i,
           foodRace: s,
           clue: a,
-          fogEnabled: b.current.fogEnabled ?? f
+          fogEnabled: b.current.fogEnabled ?? h
         });
-        b.current = V, m(V);
-      } catch (V) {
-        console.error("Error generating single maze:", V);
+        b.current = j, m(j);
+      } catch (j) {
+        console.error("Error generating single maze:", j);
       } finally {
-        g(!1);
+        v(!1);
       }
     })();
-  }, [e, f]), F(() => {
-    let P;
-    const V = !document.hidden, ye = () => {
+  }, [e, h]), F(() => {
+    let R;
+    const j = !document.hidden, te = () => {
       const le = E.current?.getContext("2d"), ne = b.current;
-      if (!(V && ne?.isGameActive && le && ne?.maze)) {
-        P = requestAnimationFrame(ye);
+      if (!(j && ne?.isGameActive && le && ne?.maze)) {
+        R = requestAnimationFrame(te);
         return;
       }
-      U(), Fe(), P = requestAnimationFrame(ye);
-    }, Fe = () => {
+      $(), Ie(), R = requestAnimationFrame(te);
+    }, Ie = () => {
       const le = E.current?.getContext("2d"), ne = b.current;
-      le && ne?.maze && Tt(
-        le,
-        ne,
-        x.current,
-        $.current,
-        r
-      );
+      le && ne?.maze && Tt(le, ne, P.current, I.current, r);
     };
-    return A.current = Fe, P = requestAnimationFrame(ye), () => {
-      cancelAnimationFrame(P);
+    return A.current = Ie, R = requestAnimationFrame(te), () => {
+      cancelAnimationFrame(R);
     };
   }, []), F(() => {
-    O(), G();
-  }, [e, O, G]), F(() => {
-    const P = (V) => {
-      k.current = V.detail.timeUsed;
+    U(), H();
+  }, [e, U, H]), F(() => {
+    const R = (j) => {
+      S.current = j.detail.timeUsed;
     };
-    return window.addEventListener("maze:timeUsed", P), window.addEventListener("maze:timeUp", q), () => {
-      window.removeEventListener(
-        "maze:timeUsed",
-        P
-      ), window.removeEventListener("maze:timeUp", q);
+    return window.addEventListener("maze:timeUsed", R), window.addEventListener("maze:timeUp", B), () => {
+      window.removeEventListener("maze:timeUsed", R), window.removeEventListener("maze:timeUp", B);
     };
-  }, []);
-  const te = () => {
-    m((P) => ({
-      ...P,
-      fogEnabled: !P.fogEnabled
-    }));
-  };
-  return v ? /* @__PURE__ */ _("div", { className: "single-maze-loading", children: /* @__PURE__ */ _("div", { children: "Generating maze..." }) }) : h ? /* @__PURE__ */ _("div", { className: "maze-game-container", children: [
-    /* @__PURE__ */ _("div", { className: "single-maze-toolbar", children: [
-      p && /* @__PURE__ */ _(On, { timer: d }),
-      /* @__PURE__ */ _(
-        "button",
-        {
-          className: `settings-clue-button settings-fog-button ${h.fogEnabled ? "fog-on" : "fog-off"}`,
-          onClick: te,
-          children: h.fogEnabled ? u.fogOn : u.fogOff
-        }
-      )
-    ] }),
+  }, []), g ? /* @__PURE__ */ _("div", { className: "single-maze-loading", children: /* @__PURE__ */ _("div", { children: "Generating maze..." }) }) : f ? /* @__PURE__ */ _("div", { className: "maze-game-container", children: [
+    /* @__PURE__ */ _("div", { className: "single-maze-toolbar", children: w && /* @__PURE__ */ _(Fn, { timer: d }) }),
     /* @__PURE__ */ _("div", { className: "single-maze-canvas-container", ref: M, children: /* @__PURE__ */ _("canvas", { ref: E, className: "maze-game-canvas" }) }),
-    /* @__PURE__ */ _(
-      oe,
-      {
-        isOpen: C,
-        title: z,
-        noConfirm: !0,
-        cancelText: "OK",
-        onCancel: X
-      }
-    )
+    /* @__PURE__ */ _(oe, { isOpen: T, title: z, noConfirm: !0, cancelText: "OK", onCancel: X })
   ] }) : /* @__PURE__ */ _("div", { className: "single-maze-error", children: /* @__PURE__ */ _("div", { children: "Failed to generate maze" }) });
 }
-const zt = [
+const Et = [
   // Tier 1 (Levels 1-12) - Beginner
   [
     // debug
@@ -2315,6 +2048,7 @@ const zt = [
     {
       size: 8,
       seed: 23456,
+      fogEnabled: !0,
       method: "backtracking",
       exitColor: "#33f",
       exitWallWidth: 4,
@@ -2450,8 +2184,8 @@ const zt = [
     { size: 68, seed: 33341, method: "backtracking" }
     // Level 60 - Master
   ]
-], $n = 0.07, Mt = {
-  gridMoveSpeed: $n,
+], On = 0.07, zt = {
+  gridMoveSpeed: On,
   padding: 10,
   wallWidth: 2,
   wallColor: "#222",
@@ -2460,7 +2194,7 @@ const zt = [
   backgroundColor: "#ffffff",
   playerColor: "#4CAF50",
   playerRadius: 0.2,
-  fogEnabled: !0,
+  fogEnabled: !1,
   fogRadius: 3.6,
   fogColor: "rgba(8, 10, 18, 0.9)",
   fogSoftness: 0.55,
@@ -2519,8 +2253,8 @@ const zt = [
     fogEnabledToast: "Fog enabled",
     fogDisabledToast: "Fog disabled"
   },
-  renderConfig: Mt,
-  levelConfig: zt
+  renderConfig: zt,
+  levelConfig: Et
 }, _e = {
   i18n: {
     successMsg: "Congratulations! You completed the maze!",
@@ -2536,7 +2270,7 @@ const zt = [
   foodCount: 0,
   foodRace: !1,
   // false then omit foodCount, make it to 0, true need to force all food collected
-  renderConfig: Mt,
+  renderConfig: zt,
   timer: 600,
   // 10 minutes
   successCallback: () => {
@@ -2546,22 +2280,20 @@ const zt = [
     console.log("⏰ Time is up! Game failed.");
   }
 };
-function Un({ config: e = {} }) {
+function $n({ config: e = {} }) {
   const t = { ...me.i18n, ...e.i18n || {} }, n = {
     ...me.renderConfig,
     ...e.renderConfig || {}
-  }, o = e.levelConfig || zt, i = {
+  }, o = e.levelConfig || Et, i = {
     ...me,
     ...e,
     i18n: t,
     levelConfig: o,
     renderConfig: n
   };
-  return /* @__PURE__ */ _(jt, { config: i, children: /* @__PURE__ */ _(Fn, {}) });
+  return /* @__PURE__ */ _(Gt, { config: i, children: /* @__PURE__ */ _(In, {}) });
 }
-function Gn({
-  config: e = {}
-}) {
+function Un({ config: e = {} }) {
   const t = { ..._e.i18n, ...e.i18n || {} }, n = {
     ..._e.renderConfig,
     ...e.renderConfig || {}
@@ -2573,21 +2305,21 @@ function Gn({
   };
   return /* @__PURE__ */ _(Dn, { config: o });
 }
-const jn = {
-  root: "https://unpkg.com/@roudanio/maze@0.3.0/dist/",
+const Gn = {
+  root: "https://unpkg.com/@roudanio/maze@0.3.2/dist/",
   ...me
 };
-`${JSON.stringify(jn, null, 2)}`;
-const Wn = {
-  root: "https://unpkg.com/@roudanio/maze@0.3.0/dist/",
+`${JSON.stringify(Gn, null, 2)}`;
+const jn = {
+  root: "https://unpkg.com/@roudanio/maze@0.3.2/dist/",
   ..._e
 };
 `${JSON.stringify(
-  Wn,
+  jn,
   (e, t) => typeof t == "function" ? t.toString() : t,
   2
 )}`;
-const Bn = {
+const qn = {
   showNotice() {
     console.warn("Cannot find the root element");
     const e = document.createElement("div");
@@ -2628,7 +2360,7 @@ const Bn = {
       return;
     }
     let { root: o = location.origin } = t;
-    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", $e(/* @__PURE__ */ _(Un, { config: t }), n);
+    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", Oe(/* @__PURE__ */ _($n, { config: t }), n);
   },
   async initSingle(e, t) {
     const n = typeof e == "string" ? document.querySelector(e) : e;
@@ -2637,9 +2369,9 @@ const Bn = {
       return;
     }
     let { root: o = location.origin } = t;
-    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", $e(/* @__PURE__ */ _(Gn, { config: t }), n);
+    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", Oe(/* @__PURE__ */ _(Un, { config: t }), n);
   }
 };
 export {
-  Bn as default
+  qn as default
 };