@roudanio/maze 0.2.5 → 0.3.1

package/dist/maze.js

@@ -1,25 +1,25 @@
-var ge, M, Qe, X, xe, et, tt, nt, Le, Te, ke, ot, ne = {}, rt = [], Tt = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, pe = Array.isArray;
-function H(e, t) {
+var ge, N, nt, Y, Fe, 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 kt(e, t, n) {
-  var o, i, s, l = {};
-  for (s in t) s == "key" ? o = t[s] : s == "ref" ? i = t[s] : l[s] = t[s];
-  if (arguments.length > 2 && (l.children = arguments.length > 3 ? ge.call(arguments, 2) : n), typeof e == "function" && e.defaultProps != null) for (s in e.defaultProps) l[s] == null && (l[s] = e.defaultProps[s]);
-  return ue(e, l, o, i, null);
+function 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 ? 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 ue(e, t, n, o, i) {
-  var s = { type: e, props: t, key: n, ref: o, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: i ?? ++Qe, __i: -1, __u: 0 };
-  return i == null && M.vnode != null && M.vnode(s), s;
+function 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 ?? ++nt, __i: -1, __u: 0 };
+  return i == null && N.vnode != null && N.vnode(s), s;
 }
 function we(e) {
   return e.children;
 }
-function de(e, t) {
+function he(e, t) {
   this.props = e, this.context = t;
 }
 function J(e, t) {
@@ -27,72 +27,65 @@ 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 it(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 it(e);
+    return lt(e);
   }
 }
-function Se(e) {
-  (!e.__d && (e.__d = !0) && X.push(e) && !_e.__r++ || xe != M.debounceRendering) && ((xe = M.debounceRendering) || et)(_e);
+function ke(e) {
+  (!e.__d && (e.__d = !0) && Y.push(e) && !ve.__r++ || Fe != N.debounceRendering) && ((Fe = N.debounceRendering) || ot)(ve);
 }
-function _e() {
-  for (var e, t, n, o, i, s, l, r = 1; X.length; ) X.length > r && X.sort(tt), e = X.shift(), r = X.length, e.__d && (n = void 0, i = (o = (t = e).__v).__e, s = [], l = [], t.__P && ((n = H({}, o)).__v = o.__v + 1, M.vnode && M.vnode(n), Me(t.__P, n, o, t.__n, t.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? J(o), !!(32 & o.__u), l), n.__v = o.__v, n.__.__k[n.__i] = n, at(s, n, l), n.__e != i && it(n)));
-  _e.__r = 0;
+function 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 st(e, t, n, o, i, s, l, r, a, c, d) {
-  var u, h, f, g, _, v, T = o && o.__k || rt, b = t.length;
-  for (a = St(n, t, T, a, b), u = 0; u < b; u++) (f = n.__k[u]) != null && (h = f.__i == -1 ? ne : T[f.__i] || ne, f.__i = u, v = Me(e, f, h, i, s, l, r, a, c, d), g = f.__e, f.ref && h.ref != f.ref && (h.ref && Ae(h.ref, null, f), d.push(f.ref, f.__c || g, f)), _ == null && g != null && (_ = g), 4 & f.__u || h.__k === f.__k ? a = lt(f, a, e) : typeof f.type == "function" && v !== void 0 ? a = v : g && (a = g.nextSibling), f.__u &= -7);
-  return n.__e = _, a;
+function 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 St(e, t, n, o, i) {
-  var s, l, r, a, c, d = n.length, u = d, h = 0;
-  for (e.__k = new Array(i), s = 0; s < i; s++) (l = t[s]) != null && typeof l != "boolean" && typeof l != "function" ? (a = s + h, (l = e.__k[s] = typeof l == "string" || typeof l == "number" || typeof l == "bigint" || l.constructor == String ? ue(null, l, null, null, null) : pe(l) ? ue(we, { children: l }, null, null, null) : l.constructor == null && l.__b > 0 ? ue(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : l).__ = e, l.__b = e.__b + 1, r = null, (c = l.__i = zt(l, n, a, u)) != -1 && (u--, (r = n[c]) && (r.__u |= 2)), r == null || r.__v == null ? (c == -1 && (i > d ? h-- : i < d && h++), typeof l.type != "function" && (l.__u |= 4)) : c != a && (c == a - 1 ? h-- : c == a + 1 ? h++ : (c > a ? h-- : h++, l.__u |= 4))) : e.__k[s] = null;
-  if (u) for (s = 0; s < d; s++) (r = n[s]) != null && (2 & r.__u) == 0 && (r.__e == o && (o = J(r)), ut(r, r));
+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 lt(e, t, n) {
-  var o, i;
+function ut(e, t, n, o) {
+  var i, s;
   if (typeof e.type == "function") {
-    for (o = e.__k, i = 0; o && i < o.length; i++) o[i] && (o[i].__ = e, t = lt(o[i], t, n));
+    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 && (t && e.type && !n.contains(t) && (t = J(e)), n.insertBefore(e.__e, t || null), t = e.__e);
+  e.__e != t && (o && (t && e.type && !t.parentNode && (t = J(e)), n.insertBefore(e.__e, t || null)), t = e.__e);
   do
     t = t && t.nextSibling;
   while (t != null && t.nodeType == 8);
   return t;
 }
-function zt(e, t, n, o) {
-  var i, s, l = e.key, r = e.type, a = t[n];
-  if (a === null && e.key == null || a && l == a.key && r == a.type && (2 & a.__u) == 0) return n;
-  if (o > (a != null && (2 & a.__u) == 0 ? 1 : 0)) for (i = n - 1, s = n + 1; i >= 0 || s < t.length; ) {
-    if (i >= 0) {
-      if ((a = t[i]) && (2 & a.__u) == 0 && l == a.key && r == a.type) return i;
-      i--;
-    }
-    if (s < t.length) {
-      if ((a = t[s]) && (2 & a.__u) == 0 && l == a.key && r == a.type) return s;
-      s++;
-    }
+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)) {
+    for (i = n - 1, s = n + 1; i >= 0 || s < t.length; ) if ((l = t[a = i >= 0 ? i-- : s++]) != null && (2 & l.__u) == 0 && r == l.key && c == l.type) return a;
   }
   return -1;
 }
 function Re(e, t, n) {
-  t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || Tt.test(t) ? n : n + "px";
+  t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || Mt.test(t) ? n : n + "px";
 }
-function ae(e, t, n, o, i) {
-  var s;
+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 || Re(e.style, t, "");
     if (n) for (t in n) o && n[t] == o[t] || Re(e.style, t, n[t]);
   }
-  else if (t[0] == "o" && t[1] == "n") s = t != (t = t.replace(nt, "$1")), t = t.toLowerCase() in e || t == "onFocusOut" || t == "onFocusIn" ? t.toLowerCase().slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + s] = n, n ? o ? n.u = o.u : (n.u = Le, e.addEventListener(t, s ? ke : Te, s)) : e.removeEventListener(t, s ? ke : Te, s);
+  else if (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 {
@@ -103,93 +96,99 @@ function ae(e, t, n, o, i) {
     typeof n == "function" || (n == null || n === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && n == 1 ? "" : n));
   }
 }
-function Fe(e) {
+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(M.event ? M.event(t) : t);
+      return n(N.event ? N.event(t) : t);
     }
   };
 }
-function Me(e, t, n, o, i, s, l, r, a, c) {
-  var d, u, h, f, g, _, v, T, b, C, p, S, w, y, z, N, E, k = t.type;
+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 && (a = !!(32 & n.__u), s = [r = t.__e = n.__e]), (d = M.__b) && d(t);
-  e: if (typeof k == "function") try {
-    if (T = t.props, b = "prototype" in k && k.prototype.render, C = (d = k.contextType) && o[d.__c], p = d ? C ? C.props.value : d.__ : o, n.__c ? v = (u = t.__c = n.__c).__ = u.__E : (b ? t.__c = u = new k(T, p) : (t.__c = u = new de(T, p), u.constructor = k, u.render = Lt), C && C.sub(u), u.props = T, u.state || (u.state = {}), u.context = p, u.__n = o, h = u.__d = !0, u.__h = [], u._sb = []), b && u.__s == null && (u.__s = u.state), b && k.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = H({}, u.__s)), H(u.__s, k.getDerivedStateFromProps(T, u.__s))), f = u.props, g = u.state, u.__v = t, h) b && k.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), b && u.componentDidMount != null && u.__h.push(u.componentDidMount);
+  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 (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 (b && k.getDerivedStateFromProps == null && T !== f && u.componentWillReceiveProps != null && u.componentWillReceiveProps(T, p), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(T, u.__s, p) === !1 || t.__v == n.__v) {
-        for (t.__v != n.__v && (u.props = T, u.state = u.__s, u.__d = !1), t.__e = n.__e, t.__k = n.__k, t.__k.some(function(L) {
-          L && (L.__ = t);
-        }), S = 0; S < u._sb.length; S++) u.__h.push(u._sb[S]);
-        u._sb = [], u.__h.length && l.push(u);
+      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(T, u.__s, p), b && u.componentDidUpdate != null && u.__h.push(function() {
-        u.componentDidUpdate(f, g, _);
+      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 = p, u.props = T, u.__P = e, u.__e = !1, w = M.__r, y = 0, b) {
-      for (u.state = u.__s, u.__d = !1, w && w(t), d = u.render(u.props, u.state, u.context), z = 0; z < u._sb.length; z++) u.__h.push(u._sb[z]);
+    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, w && w(t), d = u.render(u.props, u.state, u.context), u.state = u.__s;
-    while (u.__d && ++y < 25);
-    u.state = u.__s, u.getChildContext != null && (o = H(H({}, o), u.getChildContext())), b && !h && u.getSnapshotBeforeUpdate != null && (_ = u.getSnapshotBeforeUpdate(f, g)), N = d, d != null && d.type === we && d.key == null && (N = ct(d.props.children)), r = st(e, pe(N) ? N : [N], t, n, o, i, s, l, r, a, c), u.base = t.__e, t.__u &= -161, u.__h.length && l.push(u), v && (u.__E = u.__ = null);
-  } catch (L) {
-    if (t.__v = null, a || s != null) if (L.then) {
-      for (t.__u |= a ? 160 : 128; r && r.nodeType == 8 && r.nextSibling; ) r = r.nextSibling;
+      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]);
-    else t.__e = n.__e, t.__k = n.__k;
-    M.__e(L, t, n);
+    } else {
+      for (E = s.length; E--; ) Le(s[E]);
+      Ee(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 = Et(n.__e, t, n, o, i, s, l, a, c);
-  return (d = M.diffed) && d(t), 128 & t.__u ? void 0 : r;
+  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 Ee(e) {
+  e && e.__c && (e.__c.__e = !0), e && e.__k && e.__k.forEach(Ee);
 }
-function at(e, t, n) {
+function dt(e, t, n) {
   for (var o = 0; o < n.length; o++) Ae(n[o], n[++o], n[++o]);
-  M.__c && M.__c(t, e), e.some(function(i) {
+  N.__c && N.__c(t, e), e.some(function(i) {
     try {
       e = i.__h, i.__h = [], e.some(function(s) {
         s.call(i);
       });
     } catch (s) {
-      M.__e(s, i.__v);
+      N.__e(s, i.__v);
     }
   });
 }
-function ct(e) {
-  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : pe(e) ? e.map(ct) : H({}, e);
+function ht(e) {
+  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : pe(e) ? e.map(ht) : V({}, e);
 }
-function Et(e, t, n, o, i, s, l, r, a) {
-  var c, d, u, h, f, g, _, v = n.props, T = t.props, b = t.type;
-  if (b == "svg" ? i = "http://www.w3.org/2000/svg" : b == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), s != null) {
-    for (c = 0; c < s.length; c++) if ((f = s[c]) && "setAttribute" in f == !!b && (b ? f.localName == b : f.nodeType == 3)) {
-      e = f, s[c] = null;
+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 (b == null) return document.createTextNode(T);
-    e = document.createElementNS(i, b, T.is && T), r && (M.__m && M.__m(t, s), r = !1), s = null;
+    if (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 (b == null) v === T || r && e.data == T || (e.data = T);
+  if (y == null) v === w || r && e.data == w || (e.data = w);
   else {
-    if (s = s && ge.call(e.childNodes), v = n.props || ne, !r && s != null) for (v = {}, c = 0; c < e.attributes.length; c++) v[(f = e.attributes[c]).name] = f.value;
-    for (c in v) if (f = v[c], c != "children") {
-      if (c == "dangerouslySetInnerHTML") u = f;
-      else if (!(c in T)) {
-        if (c == "value" && "defaultValue" in T || c == "checked" && "defaultChecked" in T) continue;
-        ae(e, c, null, f, 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 (c in T) f = T[c], c == "children" ? h = f : c == "dangerouslySetInnerHTML" ? d = f : c == "value" ? g = f : c == "checked" ? _ = f : r && typeof f != "function" || v[c] === f || ae(e, c, f, v[c], i);
+    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 = ""), st(t.type == "template" ? e.content : e, pe(h) ? h : [h], t, n, o, b == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, l, s ? s[0] : n.__k && J(n, 0), r, a), s != null) for (c = s.length; c--; ) Ne(s[c]);
-    r || (c = "value", b == "progress" && g == null ? e.removeAttribute("value") : g != null && (g !== e[c] || b == "progress" && !g || b == "option" && g != v[c]) && ae(e, c, g, v[c], i), c = "checked", _ != null && _ != e[c] && ae(e, c, _, v[c], i));
+    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;
 }
@@ -200,30 +199,30 @@ function Ae(e, t, n) {
       o && e.__u(), o && t == null || (e.__u = e(t));
     } else e.current = t;
   } catch (i) {
-    M.__e(i, n);
+    N.__e(i, n);
   }
 }
-function ut(e, t, n) {
+function ft(e, t, n) {
   var o, i;
-  if (M.unmount && M.unmount(e), (o = e.ref) && (o.current && o.current != e.__e || Ae(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) {
-      M.__e(s, t);
+      N.__e(s, t);
     }
     o.base = o.__P = null;
   }
-  if (o = e.__k) for (i = 0; i < o.length; i++) o[i] && ut(o[i], t, n || typeof e.type != "function");
-  n || Ne(e.__e), e.__c = e.__ = e.__e = void 0;
+  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 Lt(e, t, n) {
+function xt(e, t, n) {
   return this.constructor(e, n);
 }
-function De(e, t, n) {
-  var o, i, s, l;
-  t == document && (t = document.documentElement), M.__ && M.__(e, t), i = (o = !1) ? null : t.__k, s = [], l = [], Me(t, e = t.__k = kt(we, null, [e]), i || ne, ne, t.namespaceURI, i ? null : t.firstChild ? ge.call(t.childNodes) : null, s, i ? i.__e : t.firstChild, o, l), at(s, e, l);
+function 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 = [], 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 Nt(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,180 +230,180 @@ function Nt(e) {
     }, this.componentWillUnmount = function() {
       o = null;
     }, this.shouldComponentUpdate = function(s) {
-      this.props.value != s.value && o.forEach(function(l) {
-        l.__e = !0, Se(l);
+      this.props.value != s.value && o.forEach(function(a) {
+        a.__e = !0, ke(a);
       });
     }, this.sub = function(s) {
       o.add(s);
-      var l = s.componentWillUnmount;
+      var a = s.componentWillUnmount;
       s.componentWillUnmount = function() {
-        o && o.delete(s), l && l.call(s);
+        o && o.delete(s), a && a.call(s);
       };
     }), n.children;
   }
-  return t.__c = "__cC" + ot++, 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;
 }
-ge = rt.slice, M = { __e: function(e, t, n, o) {
-  for (var i, s, l; t = t.__; ) if ((i = t.__c) && !i.__) try {
-    if ((s = i.constructor) && s.getDerivedStateFromError != null && (i.setState(s.getDerivedStateFromError(e)), l = i.__d), i.componentDidCatch != null && (i.componentDidCatch(e, o || {}), l = i.__d), l) return i.__E = i;
+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;
-} }, Qe = 0, de.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), Se(this));
-}, de.prototype.forceUpdate = function(e) {
-  this.__v && (this.__e = !0, e && this.__h.push(e), Se(this));
-}, de.prototype.render = we, X = [], et = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, tt = function(e, t) {
+  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;
-}, _e.__r = 0, nt = /(PointerCapture)$|Capture$/i, Le = 0, Te = Fe(!1), ke = Fe(!0), ot = 0;
-var Mt = 0;
-function m(e, t, n, o, i, s) {
+}, ve.__r = 0, it = /(PointerCapture)$|Capture$/i, Me = 0, Te = De(!1), Se = De(!0), st = 0;
+var Ft = 0;
+function _(e, t, n, o, i, s) {
   t || (t = {});
-  var l, r, a = t;
-  if ("ref" in a) for (r in a = {}, t) r == "ref" ? l = t[r] : a[r] = t[r];
-  var c = { type: e, props: a, key: n, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Mt, __i: -1, __u: 0, __source: i, __self: s };
-  if (typeof e == "function" && (l = e.defaultProps)) for (r in l) a[r] === void 0 && (a[r] = l[r]);
-  return M.vnode && M.vnode(c), c;
+  var a, r, c = t;
+  if ("ref" in c) for (r in c = {}, t) r == "ref" ? a = t[r] : c[r] = t[r];
+  var l = { type: e, props: c, key: n, ref: a, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Ft, __i: -1, __u: 0, __source: i, __self: 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 Z, I, ye, Oe, oe = 0, dt = [], D = M, $e = D.__b, Ue = D.__r, Ge = D.diffed, We = D.__c, je = D.unmount, qe = D.__;
+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) {
-  D.__h && D.__h(I, e, oe || t), oe = 0;
-  var n = I.__H || (I.__H = { __: [], __h: [] });
+  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 W(e) {
-  return oe = 1, At(ft, e);
+function G(e) {
+  return ie = 1, Rt(vt, e);
 }
-function At(e, t, n) {
-  var o = Ce(Z++, 2);
-  if (o.t = e, !o.__c && (o.__ = [ft(void 0, t), function(r) {
-    var a = o.__N ? o.__N[0] : o.__[0], c = o.t(a, r);
-    a !== c && (o.__N = [c, o.__[1]], o.__c.setState({}));
-  }], o.__c = I, !I.__f)) {
-    var i = function(r, a, c) {
+function Rt(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 = x, !x.__f)) {
+    var i = function(r, c, l) {
       if (!o.__c.__H) return !0;
       var d = o.__c.__H.__.filter(function(h) {
         return !!h.__c;
       });
       if (d.every(function(h) {
         return !h.__N;
-      })) return !s || s.call(this, r, a, c);
+      })) return !s || s.call(this, r, c, l);
       var u = o.__c.props !== r;
       return d.forEach(function(h) {
         if (h.__N) {
           var f = h.__[0];
           h.__ = h.__N, h.__N = void 0, f !== h.__[0] && (u = !0);
         }
-      }), s && s.call(this, r, a, c) || u;
+      }), s && s.call(this, r, c, l) || u;
     };
-    I.__f = !0;
-    var s = I.shouldComponentUpdate, l = I.componentWillUpdate;
-    I.componentWillUpdate = function(r, a, c) {
+    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, a, c), s = d;
+        s = void 0, i(r, c, l), s = d;
       }
-      l && l.call(this, r, a, c);
-    }, I.shouldComponentUpdate = i;
+      a && a.call(this, r, c, l);
+    }, x.shouldComponentUpdate = i;
   }
   return o.__N || o.__;
 }
-function x(e, t) {
-  var n = Ce(Z++, 3);
-  !D.__s && ht(n.__H, t) && (n.__ = e, n.u = t, I.__H.__h.push(n));
+function F(e, t) {
+  var n = Ce(Q++, 3);
+  !O.__s && _t(n.__H, t) && (n.__ = e, n.u = t, x.__H.__h.push(n));
 }
-function F(e) {
-  return oe = 5, Q(function() {
+function R(e) {
+  return ie = 5, ee(function() {
     return { current: e };
   }, []);
 }
-function Q(e, t) {
-  var n = Ce(Z++, 7);
-  return ht(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
+function ee(e, t) {
+  var n = Ce(Q++, 7);
+  return _t(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
 }
-function He(e, t) {
-  return oe = 8, Q(function() {
+function Ve(e, t) {
+  return ie = 8, ee(function() {
     return e;
   }, t);
 }
-function Pt(e) {
-  var t = I.context[e.__c], n = Ce(Z++, 9);
-  return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(I)), t.props.value) : e.__;
+function Dt(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 It() {
-  for (var e; e = dt.shift(); ) if (e.__P && e.__H) try {
-    e.__H.__h.forEach(he), e.__H.__h.forEach(ze), e.__H.__h = [];
+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, $e && $e(e);
-}, D.__ = function(e, t) {
-  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), qe && qe(e, t);
-}, D.__r = function(e) {
-  Ue && Ue(e), Z = 0;
-  var t = (I = e.__c).__H;
-  t && (ye === 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(ze), t.__h = [], Z = 0)), ye = I;
-}, D.diffed = function(e) {
-  Ge && Ge(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 && (dt.push(t) !== 1 && Oe === D.requestAnimationFrame || ((Oe = D.requestAnimationFrame) || xt)(It)), 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;
-  })), ye = 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) {
+      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);
     }
   }), We && We(e, t);
-}, D.unmount = function(e) {
-  je && je(e);
+}, 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 Be = typeof requestAnimationFrame == "function";
-function xt(e) {
+var He = typeof requestAnimationFrame == "function";
+function $t(e) {
   var t, n = function() {
-    clearTimeout(o), Be && cancelAnimationFrame(t), setTimeout(e);
-  }, o = setTimeout(n, 100);
-  Be && (t = requestAnimationFrame(n));
+    clearTimeout(o), He && cancelAnimationFrame(t), setTimeout(e);
+  }, o = setTimeout(n, 35);
+  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 ze(e) {
-  var t = I;
-  e.__c = e.__(), I = t;
+  var t = x;
+  e.__c = e.__(), x = t;
 }
-function ht(e, t) {
+function _t(e, t) {
   return !e || e.length !== t.length || t.some(function(n, o) {
     return n !== e[o];
   });
 }
-function ft(e, t) {
+function vt(e, t) {
   return typeof t == "function" ? t(e) : t;
 }
-const Rt = (e) => ({
+const Ut = (e) => ({
   saveGameData(t) {
     try {
       localStorage.setItem(e, JSON.stringify(t));
@@ -427,249 +426,207 @@ const Rt = (e) => ({
       console.error("Failed to reset maze game data:", t);
     }
   }
-}), mt = Nt(void 0), Ve = {
+}), gt = It(void 0), Xe = {
   currentLevel: 1,
   highestUnlockedLevel: 1,
   currentTier: 1,
   highestUnlockedTier: 1,
   levelScores: {},
   totalScore: 0
-}, Ee = {
+}, pt = {
   isGameActive: !0,
   levelTransitioning: !1,
   maze: null,
   playerCell: { row: 0, col: 0 },
   exitCell: { row: 0, col: 0 },
   foodCells: [],
+  fogEnabled: !0,
   playerAtExit: !1,
   foodCollected: 0,
   totalFoodCount: 0,
   showClue: !1,
   playerPath: [],
   visitCounts: {}
-}, Ft = ({ children: e, config: t }) => {
-  const n = Rt(t.lcPrefix + "progress"), o = n.loadGameData(), [i, s] = W(() => o || { ...Ve });
-  x(() => {
-    const u = Object.values(i.levelScores).reduce(
-      (h, f) => h + f,
-      0
-    );
-    s((h) => ({
-      ...h,
-      totalScore: u
+}, 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] = G(() => o || { ...Xe });
+  F(() => {
+    const f = Object.values(a.levelScores).reduce((m, g) => m + g, 0);
+    r((m) => ({
+      ...m,
+      totalScore: f
     }));
-  }, [i.levelScores]), x(() => {
-    n.saveGameData(i);
+  }, [a.levelScores]), F(() => {
+    n.saveGameData(a);
   }, [
-    i.currentLevel,
-    i.highestUnlockedLevel,
-    i.currentTier,
-    i.highestUnlockedTier,
-    i.levelScores,
-    i.totalScore
+    a.currentLevel,
+    a.highestUnlockedLevel,
+    a.currentTier,
+    a.highestUnlockedTier,
+    a.levelScores,
+    a.totalScore
   ]);
-  const [l, r] = W({
-    ...Ee
-  }), a = F(l);
-  x(() => {
-    a.current = l;
-  }, [l]);
-  const c = Q(() => [
-    l.playerAtExit ? 1 : 0,
-    l.foodCollected === l.totalFoodCount ? 1 : 0,
-    l.showClue ? 0 : 1
-  ], [
-    l.playerAtExit,
-    l.foodCollected,
-    l.totalFoodCount,
-    l.showClue
-  ]), d = () => {
-    n.resetGameData(), s({
-      ...Ve
-    }), r({
-      ...Ee
+  const [c, l] = G({
+    ...s()
+  }), d = R(c);
+  F(() => {
+    d.current = c;
+  }, [c]);
+  const u = ee(() => [
+    c.playerAtExit ? 1 : 0,
+    c.foodCollected === c.totalFoodCount ? 1 : 0,
+    c.showClue ? 0 : 1
+  ], [c.playerAtExit, c.foodCollected, c.totalFoodCount, c.showClue]), h = () => {
+    n.resetGameData(), r({
+      ...Xe
+    }), l({
+      ...s()
     });
   };
-  return /* @__PURE__ */ m(
-    mt.Provider,
+  return /* @__PURE__ */ _(
+    gt.Provider,
     {
       value: {
-        gameProgress: i,
-        setGameProgress: s,
-        gamePlayState: l,
-        setGamePlayState: r,
-        gamePlayStateRef: a,
-        currentScore: c,
+        gameProgress: a,
+        setGameProgress: r,
+        gamePlayState: c,
+        setGamePlayState: l,
+        gamePlayStateRef: d,
+        currentScore: u,
         config: t,
-        resetGame: d
+        resetGame: h
       },
       children: e
     }
   );
-}, re = () => {
-  const e = Pt(mt);
+}, se = () => {
+  const e = Dt(gt);
   if (!e)
     throw new Error("useGameContext must be used within a GameProvider");
   return e;
-}, ie = (e) => Q(() => {
-  const t = e.map((r) => r.length), n = t.reduce((r, a) => r + a, 0), o = e.length, i = (r) => {
+}, ae = (e) => ee(() => {
+  const t = e.map((r) => r.length), n = t.reduce((r, c) => r + c, 0), o = e.length, i = (r) => {
     if (r < 1 || r > n) return 0;
-    let a = 0;
-    for (let c = 0; c < t.length; c++)
-      if (a += t[c], r <= a) return c + 1;
+    let c = 0;
+    for (let l = 0; l < t.length; l++)
+      if (c += t[l], r <= c) return l + 1;
     return 0;
-  }, s = (r) => r < 1 || r > o ? 0 : t.slice(0, r - 1).reduce((a, c) => a + c, 0) + 1, l = {
+  }, s = (r) => r < 1 || r > o ? 0 : t.slice(0, r - 1).reduce((c, l) => c + l, 0) + 1, a = {
     getTotalLevels: () => n,
     getTotalTiers: () => o,
     getTierLevelsRange: (r) => {
       if (r < 1 || r > o) return [0, 0];
-      const a = s(r), c = a + t[r - 1] - 1;
-      return [a, c];
+      const c = s(r), l = c + t[r - 1] - 1;
+      return [c, l];
     },
     getTierByLevel: i,
     getFirstLevelOfTier: s,
     getLevelConfig: (r) => {
       if (r < 1 || r > n) return null;
-      const a = i(r), c = s(a), d = r - c;
-      return e[a - 1][d];
+      const c = i(r), l = s(c), d = r - l;
+      return e[c - 1][d];
     },
     getTierConfig: (r) => r < 1 || r > o ? null : e[r - 1],
-    isLevelUnlocked: (r, a) => r <= a,
-    isTierUnlocked: (r, a) => r <= a,
+    isLevelUnlocked: (r, c) => r <= c,
+    isTierUnlocked: (r, c) => r <= c,
     getNextLevelInfo: (r) => {
       if (r >= n) return null;
-      const a = r + 1, c = i(r), d = i(a);
+      const c = r + 1, l = i(r), d = i(c);
       return {
-        nextLevel: a,
+        nextLevel: c,
         nextTier: d,
-        isTierChange: d > c
+        isTierChange: d > l
       };
     },
-    getCurrentTierProgress: (r, a) => {
-      const [c, d] = l.getTierLevelsRange(a), u = r - c + 1, h = d - c + 1;
+    getCurrentTierProgress: (r, c) => {
+      const [l, d] = a.getTierLevelsRange(c), u = r - l + 1, h = d - l + 1;
       return { current: u, total: h };
     },
     isLastLevelInTier: (r) => {
-      const a = i(r), [, c] = l.getTierLevelsRange(a);
-      return r === c;
+      const c = i(r), [, l] = a.getTierLevelsRange(c);
+      return r === l;
     },
     getPreviousLevelInfo: (r) => {
       if (r <= 1) return null;
-      const a = r - 1, c = i(r), d = i(a);
+      const c = r - 1, l = i(r), d = i(c);
       return {
-        prevLevel: a,
+        prevLevel: c,
         prevTier: d,
-        isTierChange: d < c
+        isTierChange: d < l
       };
     }
   };
-  return l;
-}, [e]), Dt = ({ onTierChange: e, disabled: t }) => {
-  const { gameProgress: n, config: o } = re(), { i18n: i, levelConfig: s } = o, { currentTier: l, highestUnlockedTier: r } = n, c = ie(s).getTotalTiers();
-  return /* @__PURE__ */ m("div", { className: "tier-selector", children: /* @__PURE__ */ m(
+  return a;
+}, [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",
     {
-      value: l,
+      value: a,
       onChange: (d) => {
         d.target && d.target.value && e(Number(d.target.value));
       },
       disabled: t,
       className: "tier-dropdown",
-      children: Array.from({ length: c }, (d, u) => u + 1).map((d) => /* @__PURE__ */ m(
-        "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}`))
     }
   ) });
-}, Ot = ({ onLevelChange: e, disabled: t }) => {
-  const { gameProgress: n, config: o } = re(), { i18n: i, levelConfig: s } = o, { currentTier: l, levelScores: r, currentLevel: a, highestUnlockedLevel: c } = n, d = ie(s), u = Q(() => {
-    const [h, f] = d.getTierLevelsRange(l);
-    return Array.from({ length: f - h + 1 }, (g, _) => {
-      const v = h + _, T = r[v] || 0;
+}, 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 [h, f] = d.getTierLevelsRange(a);
+    return Array.from({ length: f - h + 1 }, (m, g) => {
+      const v = h + g, w = r[v] || 0;
       return {
         level: v,
-        score: T
+        score: w
       };
     });
-  }, [l, r]);
-  return /* @__PURE__ */ m("div", { className: "level-selector", children: /* @__PURE__ */ m(
+  }, [a, r]);
+  return /* @__PURE__ */ _("div", { className: "level-selector", children: /* @__PURE__ */ _(
     "select",
     {
-      value: a,
+      value: c,
       onChange: (h) => {
         h.target && h.target.value && e(Number(h.target.value));
       },
       disabled: t,
       className: "level-dropdown",
-      children: u.map(({ level: h, score: f }) => /* @__PURE__ */ m(
-        "option",
-        {
-          value: h,
-          disabled: h > c,
-          children: `${i.level} ${h} ${"★".repeat(f)}`
-        },
-        `level-${h}`
-      ))
+      children: u.map(({ level: h, score: f }) => /* @__PURE__ */ _("option", { value: h, disabled: h > l, children: `${i.level} ${h} ${"★".repeat(f)}` }, `level-${h}`))
     }
   ) });
-}, te = ({
+}, oe = ({
   isOpen: e,
   title: t,
   className: n = "",
   message: o,
   children: i,
   noConfirm: s = !1,
-  noCancel: l = !1,
+  noCancel: a = !1,
   confirmText: r = "OK",
-  cancelText: a = "Cancel",
-  confirmClass: c = "",
+  cancelText: c = "Cancel",
+  confirmClass: l = "",
   cancelClass: d = "",
   onConfirm: u,
   onCancel: h
 }) => {
-  const f = F(null);
-  return x(() => {
-    const g = (_) => {
-      _.key === "Escape" && h?.();
+  const f = R(null);
+  return F(() => {
+    const m = (g) => {
+      g.key === "Escape" && h?.();
     };
-    return e && document.addEventListener("keydown", g), () => {
-      document.removeEventListener("keydown", g);
+    return e && document.addEventListener("keydown", m), () => {
+      document.removeEventListener("keydown", m);
     };
-  }, [e, h]), /* @__PURE__ */ m(
-    "div",
-    {
-      className: `maze-dialog-overlay ${e ? "maze-dialog-visible" : ""}`,
-      children: /* @__PURE__ */ m("div", { className: "maze-dialog " + n, ref: f, children: [
-        /* @__PURE__ */ m("div", { className: "maze-dialog-title", children: t }),
-        /* @__PURE__ */ m("div", { className: "maze-dialog-content", children: i || /* @__PURE__ */ m("div", { className: "maze-dialog-message", children: o }) }),
-        (!l || !s) && /* @__PURE__ */ m("div", { className: "maze-dialog-buttons", children: [
-          !l && /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              className: "maze-dialog-cancel " + d,
-              onClick: h,
-              children: a
-            }
-          ),
-          !s && /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              className: "maze-dialog-confirm " + c,
-              onClick: u,
-              children: r
-            }
-          )
-        ] })
-      ] })
-    }
-  );
+  }, [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
@@ -682,9 +639,7 @@ const Rt = (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);
@@ -700,121 +655,93 @@ const Rt = (e) => ({
       for (; this.container.firstChild; )
         this.container.removeChild(this.container.firstChild);
   }
-}, $t = () => {
-  const {
-    gameProgress: e,
-    setGameProgress: t,
-    gamePlayState: n,
-    setGamePlayState: o,
-    gamePlayStateRef: i,
-    resetGame: s,
-    config: l
-  } = re(), { i18n: r, levelConfig: a } = l, c = ie(a), { levelTransitioning: d, showClue: u } = n, { highestUnlockedLevel: h, totalScore: f } = e, g = c.getTotalLevels(), [_, v] = W(!1), [T, b] = W(!1), [C, p] = W(!1), S = (O) => {
-    const $ = c.getFirstLevelOfTier(O);
-    c.isLevelUnlocked($, h) && (t((U) => ({ ...U, currentTier: O })), w($));
-  }, w = (O) => {
-    c.isLevelUnlocked(O, h) && (t(($) => ({ ...$, currentLevel: O })), q.show(r.levelGoToast.replace("%LEVEL%", O.toString())));
-  }, y = () => {
+}, 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 = (D) => {
+    const $ = l.getFirstLevelOfTier(D);
+    l.isLevelUnlocked($, h) && (t((U) => ({ ...U, currentTier: D })), C($));
+  }, C = (D) => {
+    l.isLevelUnlocked(D, h) && (t(($) => ({ ...$, currentLevel: D })), q.show(r.levelGoToast.replace("%LEVEL%", D.toString())));
+  }, S = () => {
     v(!0);
-  }, z = () => {
+  }, k = () => {
     v(!1);
-  }, N = () => {
+  }, L = () => {
     p(!0);
   }, E = () => {
     p(!1);
-  }, k = () => {
+  }, M = () => {
     q.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
       ...i.current,
       // need to sync with ref
       showClue: !i.current.showClue
     })), p(!1);
-  }, L = () => {
-    b(!0);
+  }, b = () => {
+    y(!0);
+  }, A = () => {
+    s(), y(!1), q.show(r.resetDoneToast);
   }, P = () => {
-    s(), b(!1), q.show(r.resetDoneToast);
-  }, R = () => {
-    b(!1);
+    y(!1);
   };
-  return /* @__PURE__ */ m("div", { class: "game-panel-container", children: [
-    /* @__PURE__ */ m("div", { className: "game-controls", children: [
-      /* @__PURE__ */ m("div", { className: "selectors-container", children: [
-        /* @__PURE__ */ m(
-          Dt,
-          {
-            onTierChange: S,
-            disabled: d
-          }
-        ),
-        /* @__PURE__ */ m(
-          Ot,
-          {
-            onLevelChange: w,
-            disabled: d
-          }
-        )
+  return /* @__PURE__ */ _("div", { class: "game-panel-container", children: [
+    /* @__PURE__ */ _("div", { className: "game-controls", children: [
+      /* @__PURE__ */ _("div", { className: "selectors-container", children: [
+        /* @__PURE__ */ _(jt, { onTierChange: z, disabled: d }),
+        /* @__PURE__ */ _(Wt, { onLevelChange: C, disabled: d })
       ] }),
-      /* @__PURE__ */ m(
+      /* @__PURE__ */ _(
         "button",
         {
           className: `settings-clue-button ${u ? "clue-on" : "clue-off"}`,
           disabled: u,
           title: "Toggle Clue",
-          onClick: N,
+          onClick: L,
           children: u ? r.clueOn : r.clueOff
         }
       )
     ] }),
-    /* @__PURE__ */ m("div", { className: "game-settings", children: /* @__PURE__ */ m("span", { className: "game-settings-icon", onClick: y, children: "★ " + f }) }),
-    /* @__PURE__ */ m(
-      te,
+    /* @__PURE__ */ _("div", { className: "game-settings", children: /* @__PURE__ */ _("span", { className: "game-settings-icon", onClick: S, children: "★ " + f }) }),
+    /* @__PURE__ */ _(
+      oe,
       {
-        isOpen: _,
+        isOpen: g,
         title: r.settings,
         noConfirm: !0,
         cancelText: r.close,
-        onCancel: z,
+        onCancel: k,
         children: [
-          /* @__PURE__ */ m("div", { className: "settings-stats", children: [
-            /* @__PURE__ */ m("div", { children: r.levelComplete + `: ${h}/${g}` }),
-            /* @__PURE__ */ m("div", { children: r.starsCollected + ": " + f }),
-            /* @__PURE__ */ m("div", { children: r.avgStarPerLevel + ": " + (f / h).toFixed(2) })
+          /* @__PURE__ */ _("div", { className: "settings-stats", children: [
+            /* @__PURE__ */ _("div", { children: r.levelComplete + `: ${h}/${m}` }),
+            /* @__PURE__ */ _("div", { children: r.starsCollected + ": " + f }),
+            /* @__PURE__ */ _("div", { children: r.avgStarPerLevel + ": " + (f / h).toFixed(2) })
           ] }),
-          /* @__PURE__ */ m("div", { className: "settings-item-box", children: [
-            /* @__PURE__ */ m(
-              "button",
-              {
-                className: "settings-reset-button",
-                title: "Reset Game",
-                onClick: L,
-                children: r.reset
-              }
-            ),
-            /* @__PURE__ */ m("div", { className: "settings-item-tip", children: r.resetTip })
+          /* @__PURE__ */ _("div", { className: "settings-item-box", children: [
+            /* @__PURE__ */ _("button", { className: "settings-reset-button", title: "Reset Game", onClick: b, children: r.reset }),
+            /* @__PURE__ */ _("div", { className: "settings-item-tip", children: r.resetTip })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ m(
-      te,
+    /* @__PURE__ */ _(
+      oe,
       {
-        isOpen: T,
+        isOpen: w,
         title: r.confirmReset,
         message: r.confirmResetMessage,
         confirmText: r.reset,
         cancelText: r.cancel,
-        onConfirm: P,
-        onCancel: R
+        onConfirm: A,
+        onCancel: P
       }
     ),
-    /* @__PURE__ */ m(
-      te,
+    /* @__PURE__ */ _(
+      oe,
       {
-        isOpen: C,
+        isOpen: T,
         title: r.confirmClue,
         message: r.confirmClueMessage,
         confirmText: r.confirm,
         cancelText: r.cancel,
-        onConfirm: k,
+        onConfirm: M,
         onCancel: E
       }
     )
@@ -824,98 +751,98 @@ function Pe(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function Ut(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 && Ut(e.prototype, t), e;
+function xe(e, t, n) {
+  return t && Bt(e.prototype, t), e;
 }
-function Xe(e) {
+function Ye(e) {
   return +e.replace(/px/, "");
 }
-function Gt(e) {
-  var t = window.devicePixelRatio, n = getComputedStyle(e), o = Xe(n.getPropertyValue("width")), i = Xe(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 j(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 Ye(e) {
-  return e[j(0, e.length)];
-}
-var Wt = 125e-5, jt = 5e-4, qt = 9e-4, Ht = 1e-5, Bt = 6, Vt = 80, Xt = 0.9, Yt = 1.7, Kt = 0.2, Jt = 0.6, Zt = 0.03, Qt = 0.07, en = 15, tn = 82, nn = 100, on = 250, rn = 40, sn = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
 function Ke(e) {
+  return e[W(0, e.length)];
+}
+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 Je = /* @__PURE__ */ function() {
+var et = /* @__PURE__ */ (function() {
   function e(t) {
     Pe(this, e);
-    var n = t.initialPosition, o = t.direction, i = t.confettiRadius, s = t.confettiColors, l = t.emojis, r = t.emojiSize, a = t.canvasWidth, c = j(Xt, Yt, 3), d = c * Ke(a);
+    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 = j(Kt, Jt, 3), this.rotationSpeed = l.length ? 0.01 : j(Zt, Qt, 3) * Ke(a), this.dragForceCoefficient = j(jt, qt, 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" ? j(0, 0.2, 3) : j(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = j(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
-    var u = o === "left" ? j(tn, en) * Math.PI / 180 : j(-15, -82) * 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 h = j(-150, 0), f = {
+    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({}, f), this.initialPosition = Object.assign({}, f), this.color = l.length ? null : Ye(s), this.emoji = l.length ? Ye(l) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
+    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, l = this.emoji, r = this.rotationAngle, a = this.emojiRotationAngle, c = this.emojiSize, d = window.devicePixelRatio;
-      s ? (n.fillStyle = s, n.beginPath(), n.ellipse(o.x * d, o.y * d, i.x * d, i.y * d, r, 0, 2 * Math.PI), n.fill()) : l && (n.font = "".concat(c, "px serif"), n.save(), n.translate(d * o.x, d * o.y), n.rotate(a), n.textAlign = "center", n.fillText(l, 0, 0), n.restore());
+      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;
+      s ? (n.fillStyle = s, n.beginPath(), n.ellipse(o.x * d, o.y * d, i.x * d, i.y * d, r, 0, 2 * Math.PI), n.fill()) : a && (n.font = "".concat(l, "px serif"), n.save(), n.translate(d * o.x, d * o.y), n.rotate(c), n.textAlign = "center", n.fillText(a, 0, 0), n.restore());
     }
   }, {
     key: "updatePosition",
     value: function(n, o) {
-      var i = this.confettiSpeed, s = this.dragForceCoefficient, l = this.finalConfettiSpeedX, r = this.radiusYUpdateDirection, a = this.rotationSpeed, c = this.createdAt, d = this.direction, u = o - c;
-      if (i.x > l && (this.confettiSpeed.x -= s * n), this.currentPosition.x += i.x * (d === "left" ? -this.absCos : this.absCos) * n, this.currentPosition.y = this.initialPosition.y - i.y * this.absSin * u + Wt * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Ht * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
+      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 + 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;
       }
-      r === "down" ? (this.radius.y -= n * a, this.radius.y <= 0 && (this.radius.y = 0, this.radiusYUpdateDirection = "up")) : (this.radius.y += n * a, this.radius.y >= this.initialRadius && (this.radius.y = this.initialRadius, this.radiusYUpdateDirection = "down"));
+      r === "down" ? (this.radius.y -= n * c, this.radius.y <= 0 && (this.radius.y = 0, this.radiusYUpdateDirection = "up")) : (this.radius.y += n * c, this.radius.y >= this.initialRadius && (this.radius.y = this.initialRadius, this.radiusYUpdateDirection = "down"));
     }
   }, {
     key: "getIsVisibleOnCanvas",
     value: function(n) {
-      return this.currentPosition.y < n + nn;
+      return this.currentPosition.y < n + sn;
     }
   }]), e;
-}();
-function ln() {
+})();
+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 an(e) {
-  var t = e.confettiRadius, n = t === void 0 ? Bt : t, o = e.confettiNumber, i = o === void 0 ? e.confettiesNumber || (e.emojis ? rn : on) : o, s = e.confettiColors, l = s === void 0 ? sn : s, r = e.emojis, a = r === void 0 ? e.emojies || [] : r, c = e.emojiSize, d = c === void 0 ? Vt : c;
+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,
-    confettiColors: l,
-    emojis: a,
+    confettiColors: a,
+    emojis: c,
     emojiSize: d
   };
 }
-var cn = /* @__PURE__ */ function() {
+var hn = /* @__PURE__ */ (function() {
   function e(t) {
     var n = this;
     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;
@@ -935,27 +862,27 @@ var cn = /* @__PURE__ */ function() {
   }, {
     key: "processShapes",
     value: function(n, o, i) {
-      var s = this, l = n.timeDelta, r = n.currentTime;
-      this.shapes = this.shapes.filter(function(a) {
-        return a.updatePosition(l, r), a.draw(s.canvasContext), i ? a.getIsVisibleOnCanvas(o) : !0;
+      var s = this, a = n.timeDelta, r = n.currentTime;
+      this.shapes = this.shapes.filter(function(c) {
+        return c.updatePosition(a, r), c.draw(s.canvasContext), i ? c.getIsVisibleOnCanvas(o) : !0;
       });
     }
   }]), e;
-}(), un = /* @__PURE__ */ function() {
+})(), fn = /* @__PURE__ */ (function() {
   function e() {
     var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    Pe(this, e), this.activeConfettiBatches = [], this.canvas = t.canvas || ln(), this.canvasContext = this.canvas.getContext("2d"), this.requestAnimationFrameRequested = !1, this.lastUpdated = (/* @__PURE__ */ new Date()).getTime(), this.iterationIndex = 0, this.loop = this.loop.bind(this), requestAnimationFrame(this.loop);
+    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, Gt(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(l) {
-        return l.processShapes({
+      this.activeConfettiBatches = this.activeConfettiBatches.filter(function(a) {
+        return a.processShapes({
           timeDelta: o,
           currentTime: n
-        }, i, s), s ? !l.complete() : !0;
+        }, i, s), s ? !a.complete() : !0;
       }), this.iterationIndex++, this.queueAnimationFrameIfNeeded(n);
     }
   }, {
@@ -966,35 +893,35 @@ var cn = /* @__PURE__ */ function() {
   }, {
     key: "addConfetti",
     value: function() {
-      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = an(n), i = o.confettiRadius, s = o.confettiNumber, l = o.confettiColors, r = o.emojis, a = o.emojiSize, c = this.canvas.getBoundingClientRect(), d = c.width, u = c.height, h = u * 5 / 7, f = {
+      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = 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: h
-      }, g = {
+      }, m = {
         x: d,
         y: h
-      }, _ = new cn(this.canvasContext), v = 0; v < s / 2; v++) {
-        var T = new Je({
+      }, g = new hn(this.canvasContext), v = 0; v < s / 2; v++) {
+        var w = new et({
           initialPosition: f,
           direction: "right",
           confettiRadius: i,
-          confettiColors: l,
+          confettiColors: a,
           confettiNumber: s,
           emojis: r,
-          emojiSize: a,
+          emojiSize: c,
           canvasWidth: d
-        }), b = new Je({
-          initialPosition: g,
+        }), y = new et({
+          initialPosition: m,
           direction: "left",
           confettiRadius: i,
-          confettiColors: l,
+          confettiColors: a,
           confettiNumber: s,
           emojis: r,
-          emojiSize: a,
+          emojiSize: c,
           canvasWidth: d
         });
-        _.addShapes(T, b);
+        g.addShapes(w, y);
       }
-      return this.activeConfettiBatches.push(_), this.queueAnimationFrameIfNeeded(), _.getBatchCompletePromise();
+      return this.activeConfettiBatches.push(g), this.queueAnimationFrameIfNeeded(), g.getBatchCompletePromise();
     }
   }, {
     key: "clearCanvas",
@@ -1007,143 +934,116 @@ var cn = /* @__PURE__ */ function() {
       this.canvas.remove();
     }
   }]), e;
-}();
-const dn = new un(), be = 3, hn = ({ onRetry: e }) => {
-  const {
-    config: t,
-    currentScore: n,
-    gamePlayState: o,
-    setGamePlayState: i,
-    gameProgress: s,
-    setGameProgress: l
-  } = re(), { i18n: r, levelConfig: a } = t, [c, d, u] = n, { foodCollected: h, totalFoodCount: f, playerAtExit: g, levelTransitioning: _ } = o, { currentLevel: v } = s, [T, b] = W(!1);
-  x(() => {
-    g && _ && (dn.addConfetti(), q.show(r.levelCompleteToast), b(!0));
-  }, [g, _]);
-  const C = ie(a), p = C.getTotalLevels(), S = Q(() => v >= p, [v, p]), w = () => {
-    b(!1), q.show(r.levelRestartToast), e?.();
-  }, y = () => {
-    b(!1), i((E) => ({
+})();
+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 && 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
     }));
-  }, z = () => {
-    b(!1);
-    const E = C.getNextLevelInfo(v);
+  }, k = () => {
+    y(!1);
+    const E = T.getNextLevelInfo(v);
     if (!E) return;
-    const { nextLevel: k, nextTier: L, isTierChange: P } = E;
-    P && q.show(
-      r.tierUnlockedToast.replace("%TIER%", L.toString())
-    ), l((R) => ({
-      ...R,
-      currentLevel: k,
-      currentTier: L,
-      highestUnlockedLevel: Math.max(R.highestUnlockedLevel, k),
-      highestUnlockedTier: Math.max(R.highestUnlockedTier, L),
+    const { nextLevel: M, nextTier: b, isTierChange: A } = E;
+    A && q.show(r.tierUnlockedToast.replace("%TIER%", b.toString())), a((P) => ({
+      ...P,
+      currentLevel: M,
+      currentTier: b,
+      highestUnlockedLevel: Math.max(P.highestUnlockedLevel, M),
+      highestUnlockedTier: Math.max(P.highestUnlockedTier, b),
       levelScores: {
-        ...R.levelScores,
-        [R.currentLevel]: Math.max(
+        ...P.levelScores,
+        [P.currentLevel]: Math.max(
           Object.values(n).filter(Boolean).length,
-          R.levelScores[R.currentLevel] || 0
+          P.levelScores[P.currentLevel] || 0
         )
       }
     }));
-  }, N = () => {
-    b(!1), l((E) => {
-      const k = Math.max(
+  }, L = () => {
+    y(!1), a((E) => {
+      const M = Math.max(
         Object.values(n).filter(Boolean).length,
         E.levelScores[E.currentLevel] || 0
-      ), L = {
+      ), b = {
         ...E.levelScores,
-        [E.currentLevel]: k
+        [E.currentLevel]: M
       };
-      let P = 0, R = 0;
-      const O = Object.entries(L).sort(
-        ($, U) => Number($[0]) - Number(U[0])
-      );
-      for (const [$, U] of O)
+      let A = 0, P = 0;
+      const D = Object.entries(b).sort(($, U) => Number($[0]) - Number(U[0]));
+      for (const [$, U] of D)
         if (U < be) {
-          P = Number($), R = C.getTierByLevel(P);
+          A = Number($), P = T.getTierByLevel(A);
           break;
         }
-      return (P > 0 && P !== v || k < be) && q.show(r.notCompleteLevel), (P === 0 || k < be) && e?.(), {
+      return (A > 0 && A !== v || M < be) && q.show(r.notCompleteLevel), (A === 0 || M < be) && e?.(), {
         ...E,
-        currentLevel: P || E.currentLevel,
-        currentTier: R || E.currentTier,
-        levelScores: L
+        currentLevel: A || E.currentLevel,
+        currentTier: P || E.currentTier,
+        levelScores: b
       };
     });
   };
-  return x(() => {
-    const E = document.querySelector(".maze-game-container"), k = (L) => {
-      T && ((L.key === " " || L.code === "Space") && E && (E.contains(document.activeElement) || document.activeElement === document.body) && (L.preventDefault(), S ? N() : z()), (L.key === "r" || L.code === "KeyR") && w(), (L.key === "c" || L.code === "KeyC") && y());
+  return F(() => {
+    const E = document.querySelector(".maze-game-container"), M = (b) => {
+      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", k), () => window.removeEventListener("keydown", k);
-  }, [T, S]), /* @__PURE__ */ m(
-    te,
+    return window.addEventListener("keydown", M), () => window.removeEventListener("keydown", M);
+  }, [w, z]), /* @__PURE__ */ _(
+    oe,
     {
       className: "level-complete-dialog",
-      isOpen: T,
+      isOpen: w,
       title: r.congratulations,
       cancelText: r.retry + " (R)",
-      onCancel: w,
+      onCancel: C,
       noConfirm: !!d,
       confirmText: r.continue + " (C)",
-      onConfirm: y,
+      onConfirm: S,
       confirmClass: "maze-continue-btn",
       children: [
-        /* @__PURE__ */ m("div", { className: "maze-summary-message", children: [
-          !!c && /* @__PURE__ */ m("div", { children: "★ - " + r.findYourExit }),
-          /* @__PURE__ */ m("div", { children: u ? "★ - " + r.withoutClue : "☆ - " + r.withClue }),
-          /* @__PURE__ */ m("div", { children: (d ? "★ - " + r.collectAllStars : "☆ - " + r.notCollectAllStars) + ` (${h}/${f})` })
+        /* @__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) + ` (${h}/${f})` })
         ] }),
-        S && /* @__PURE__ */ m("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
-        /* @__PURE__ */ m("div", { className: "maze-go-next", children: S ? /* @__PURE__ */ m(
-          "button",
-          {
-            className: "maze-go-next-btn",
-            type: "button",
-            onClick: N,
-            children: [
-              /* @__PURE__ */ m("span", { children: r.lastOK }),
-              /* @__PURE__ */ m("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
-            ]
-          }
-        ) : /* @__PURE__ */ m(
-          "button",
-          {
-            className: "maze-go-next-btn",
-            type: "button",
-            onClick: z,
-            children: [
-              /* @__PURE__ */ m("span", { children: r.nextLevel }),
-              /* @__PURE__ */ m("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
-            ]
-          }
-        ) }),
-        !d && /* @__PURE__ */ m("div", { className: "not-all-stars-collected", children: r.continueMessage })
+        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: 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 })
       ]
     }
   );
-}, _t = (e, t) => {
-  const n = F({
+}, wt = (e, t) => {
+  const n = R({
     canvasWidth: 0,
     canvasHeight: 0
   });
-  return x(() => {
+  return F(() => {
     const o = () => {
       const s = e.current;
       if (!s) return;
-      const l = s.parentElement;
-      if (!l) return;
-      const r = l.clientWidth;
+      const a = s.parentElement;
+      if (!a) return;
+      const r = a.clientWidth;
       if (r === 0)
         return;
-      const a = window.devicePixelRatio || 1;
+      const c = window.devicePixelRatio || 1;
       s.style.width = `${r}px`, s.style.height = `${r}px`;
-      const c = r * a, d = r * a;
-      s.width = c, s.height = d, n.current = { canvasWidth: c, canvasHeight: d }, t?.();
+      const l = r * c, d = r * c;
+      s.width = l, s.height = d, n.current = { canvasWidth: l, canvasHeight: d }, t?.();
     };
     o();
     let i = null;
@@ -1151,15 +1051,15 @@ const dn = new un(), be = 3, hn = ({ onRetry: e }) => {
       window.removeEventListener("resize", o), i?.disconnect();
     };
   }, [e, t]), n;
-}, vt = (e, t, n) => {
-  const o = F({ cellWidth: 0, cellHeight: 0 });
-  return x(() => {
+}, Ct = (e, t, n) => {
+  const o = R({ cellWidth: 0, cellHeight: 0 });
+  return F(() => {
     const i = () => {
-      const l = e.current, r = t.maze;
-      if (!l || !r) return;
-      const { rows: a, cols: c } = r;
-      if (a <= 0 || c <= 0) return;
-      const d = (l.width - n * 2) / c, u = (l.height - n * 2) / a;
+      const a = e.current, r = t.maze;
+      if (!a || !r) return;
+      const { rows: c, cols: l } = r;
+      if (c <= 0 || l <= 0) return;
+      const d = (a.width - n * 2) / l, u = (a.height - n * 2) / c;
       o.current = { cellWidth: d, cellHeight: u };
     };
     i();
@@ -1168,12 +1068,12 @@ const dn = new un(), be = 3, hn = ({ onRetry: e }) => {
       e.current && s?.disconnect();
     };
   }, [e, t.maze, n]), o;
-}, ce = {
+}, ue = {
   ArrowUp: [-1, 0],
   ArrowDown: [1, 0],
   ArrowLeft: [0, -1],
   ArrowRight: [0, 1]
-}, gt = ({
+}, yt = ({
   gamePlayStateRef: e,
   setGamePlayState: t,
   moveSpeed: n,
@@ -1183,173 +1083,153 @@ const dn = new un(), be = 3, hn = ({ onRetry: e }) => {
   playerRadius: i,
   // player radius in grid unit, default 0.2
   onFoodCollected: s,
-  onExitReached: l,
+  onExitReached: a,
   onFirstMove: r
 }) => {
-  const a = () => o?.current ?? n ?? 0.03, c = F(!1), d = F(/* @__PURE__ */ new Set()), u = F(!1), h = He(
-    (C, p) => {
-      const S = e.current;
-      if (!S.maze)
+  const c = () => o?.current ?? n ?? 0.03, l = R(!1), d = R(/* @__PURE__ */ new Set()), u = R(!1), h = Ve(
+    (T, p) => {
+      const z = e.current;
+      if (!z.maze)
         return { canMove: !1, newCell: null };
-      const w = a(), [y, z] = ce[C];
-      if (Ze(
+      const C = c(), [S, k] = ue[T];
+      if (tt(
         p,
-        y,
-        z,
+        S,
+        k,
         i,
-        w,
-        S.maze
+        C,
+        z.maze
       ))
         return { canMove: !1, newCell: null };
-      const { row: E, col: k } = p, L = E + y * w, P = k + z * w, R = -0.5, O = S.maze.rows, $ = S.maze.cols;
-      if (L < R || L >= O || P < R || P >= $)
+      const { row: E, col: M } = p, b = E + S * C, A = M + k * C, P = -0.5, D = z.maze.rows, $ = z.maze.cols;
+      if (b < P || b >= D || A < P || A >= $)
         return { canMove: !1, newCell: null };
-      const U = E < 0 ? 0 : Math.floor(E), V = k < 0 ? 0 : Math.floor(k), B = L < 0 ? 0 : Math.floor(L), Y = P < 0 ? 0 : Math.floor(P);
-      return B !== U || Y !== V ? S.maze.isValid(B, Y) ? {
+      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: B, col: Y }
+        newCell: { row: B, col: K }
       } : { canMove: !1, newCell: null } : { canMove: !0, newCell: null };
     },
-    [i, a]
+    [i, c]
   ), f = () => {
-    const C = e.current, { row: p, col: S } = C.playerCell, w = i * 2, y = C.foodCells.findIndex((E) => Math.sqrt(
-      Math.pow(p - E.row, 2) + Math.pow(S - E.col, 2)
-    ) < w);
-    y !== -1 && s && (s(), e.current = {
+    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, k) => k !== y
-      )
+      foodCells: e.current.foodCells.filter((E, M) => M !== S)
     });
-    const N = _n(
-      C.playerCell,
-      C.exitCell,
-      C.maze
-    );
-    N && !e.current.playerAtExit ? (e.current = {
+    const L = pn(T.playerCell, T.exitCell, T.maze);
+    L && !e.current.playerAtExit ? (e.current = {
       ...e.current,
       playerAtExit: !0,
       isGameActive: !1,
       // pause render loop and controls
       levelTransitioning: !0
-    }, l && l(), requestIdleCallback(
+    }, a && a(), requestIdleCallback(
       () => {
         t(() => ({ ...e.current }));
       },
       { timeout: 10 }
-    )) : !N && e.current.playerAtExit && (e.current = {
+    )) : !L && e.current.playerAtExit && (e.current = {
       ...e.current,
       playerAtExit: !1,
       isGameActive: !0,
       levelTransitioning: !1
     });
-  }, g = (C) => {
-    const p = e.current, S = Math.round(C.row), w = Math.round(C.col), y = p.playerPath[p.playerPath.length - 1], z = y.row === S && y.col === w, N = Math.abs(y.row - S), E = Math.abs(y.col - w);
-    if ((N === 1 && E === 0 || N === 0 && E === 1) && !z) {
-      const L = `${y.row},${y.col}-${S},${w}`;
+  }, 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: S, col: w }
-        ],
+        playerPath: [...e.current.playerPath, { row: z, col: C }],
         visitCounts: {
           ...e.current.visitCounts,
-          [L]: (e.current.visitCounts[L] || 0) + 1
+          [b]: (e.current.visitCounts[b] || 0) + 1
         }
       };
     }
-  }, _ = () => {
-    if (c.current || d.current.size === 0) return;
-    const C = e.current;
-    !C.playerCell || !Array.from(d.current).some(
-      (S) => {
-        const { canMove: w } = h(
-          S,
-          C.playerCell
-        );
-        return w;
-      }
-    ) || (!u.current && r && (u.current = !0, r()), c.current = !0);
+  }, g = () => {
+    if (l.current || d.current.size === 0) return;
+    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);
   };
-  x(() => {
-    const C = (w) => {
-      if (w.key === "ArrowUp" || w.key === "ArrowDown" || w.key === "ArrowLeft" || w.key === "ArrowRight" || w.key === " ") {
-        const y = document.activeElement;
-        if (y && (y.tagName === "INPUT" || y.tagName === "TEXTAREA" || y.getAttribute("contenteditable") === "true")) return;
-        w.preventDefault();
+  F(() => {
+    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();
       }
-    }, p = (w) => {
-      const y = w.key;
-      if (!(y in ce)) return;
-      const z = document.activeElement;
-      z && (z.tagName === "INPUT" || z.tagName === "TEXTAREA" || z.getAttribute("contenteditable") === "true") || (w.preventDefault(), e.current.isGameActive && (d.current.has(y) || (d.current.add(y), c.current || _())));
-    }, S = (w) => {
-      const y = w.key;
-      if (!(y in ce)) return;
-      const z = document.activeElement;
-      z && (z.tagName === "INPUT" || z.tagName === "TEXTAREA" || z.getAttribute("contenteditable") === "true") || (w.preventDefault(), d.current.delete(y), d.current.size === 0 && T());
+    }, 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", p), window.addEventListener("keyup", S), () => {
-      window.removeEventListener("keydown", C, {
+    }), window.addEventListener("keydown", p), window.addEventListener("keyup", z), () => {
+      window.removeEventListener("keydown", T, {
         capture: !0
-      }), window.removeEventListener("keydown", p), window.removeEventListener("keyup", S);
+      }), window.removeEventListener("keydown", p), window.removeEventListener("keyup", z);
     };
   }, []);
-  const v = He(() => {
-    if (!c.current || d.current.size === 0)
+  const v = Ve(() => {
+    if (!l.current || d.current.size === 0)
       return e.current.playerCell;
-    const C = a(), p = e.current.playerCell;
-    let S = 0, w = 0, y = 0;
-    for (const A of d.current) {
-      const { canMove: G } = h(A, p);
-      if (G) {
-        const [K, se] = ce[A];
-        S += K, w += se, y++;
+    const T = c(), p = e.current.playerCell;
+    let z = 0, C = 0, S = 0;
+    for (const X of d.current) {
+      const { canMove: I } = h(X, p);
+      if (I) {
+        const [j, te] = ue[X];
+        z += j, C += te, S++;
       }
     }
-    if (y === 0)
+    if (S === 0)
       return e.current.playerCell;
-    const z = Math.sqrt(S * S + w * w), N = z > 0 ? S / z : 0, E = z > 0 ? w / z : 0, k = Number(
-      (p.row + N * C).toFixed(2)
-    ), L = Number(
-      (p.col + E * C).toFixed(2)
-    ), P = k - p.row, R = L - p.col, O = Math.sqrt(P * P + R * R);
-    if (O > 0) {
-      const A = P / O, G = R / O;
-      if (Ze(
+    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, D = Math.sqrt(A * A + P * P);
+    if (D > 0) {
+      const X = A / D, I = P / D;
+      if (tt(
         p,
-        A,
-        G,
+        X,
+        I,
         i,
-        O,
+        D,
         e.current.maze
       ))
         return e.current.playerCell;
     }
     e.current.playerCell = {
-      row: k,
-      col: L
+      row: M,
+      col: b
     }, f();
-    const $ = p.row < 0 ? 0 : Math.round(p.row), U = p.col < 0 ? 0 : Math.round(p.col), V = k < 0 ? 0 : Math.round(k), B = L < 0 ? 0 : Math.round(L);
-    return (V !== $ || B !== U) && g({ row: V, col: B }), e.current.playerCell;
-  }, [a, h]), T = () => {
-    c.current = !1, d.current.clear();
+    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: v,
-    resetMovingState: T,
+    resetMovingState: w,
     resetFirstMoveState: () => {
       u.current = !1;
     }
   };
 };
-function Ze(e, t, n, o, i, s) {
-  const l = e.row + t * i, r = e.col + n * i, a = { row: l, col: r }, c = [], d = e.row < 0 ? 0 : Math.floor(e.row), u = e.col < 0 ? 0 : Math.floor(e.col);
-  c.push({ row: d, col: u });
+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 h = [
     [-1, 0],
     // up
@@ -1368,19 +1248,19 @@ function Ze(e, t, n, o, i, s) {
     [1, 1]
     // lower right, diagonal
   ];
-  for (const [f, g] of h) {
-    const _ = d + f, v = u + g;
-    s.isValid(_, v) && c.push({ row: _, col: v });
+  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 f of c) {
-    const g = fn(f.row, f.col, s);
-    for (const _ of g)
-      if (mn(a, _) < 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;
 }
-function fn(e, t, n) {
+function vn(e, t, n) {
   const o = [], i = n.grid[e][t];
   return i.walls.top && o.push({
     start: { row: e - 0.5, col: t - 0.5 },
@@ -1396,140 +1276,184 @@ function fn(e, t, n) {
     end: { row: e + 0.5, col: t - 0.5 }
   }), o;
 }
-function mn(e, t) {
-  const { start: n, end: o } = t, i = o.col - n.col, s = o.row - n.row, l = e.col - n.col, r = e.row - n.row, a = i * i + s * s;
-  if (a === 0)
-    return Math.sqrt(l * l + r * r);
-  const c = Math.max(
-    0,
-    Math.min(
-      1,
-      (l * i + r * s) / a
-    )
-  ), d = n.col + c * i, u = n.row + c * s, h = e.col - d, f = e.row - u;
+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, h = e.col - d, f = e.row - u;
   return Math.sqrt(h * h + f * f);
 }
-function _n(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 pt(e, t, n, o, i) {
-  if (!e || !t.maze) return;
-  const { canvasWidth: s, canvasHeight: l } = n, { cellWidth: r, cellHeight: a } = o, {
-    maze: c,
-    playerCell: d,
-    // row, col, but floating allowed
-    exitCell: u,
-    foodCells: h,
-    showClue: f,
-    playerPath: g,
-    visitCounts: _
-  } = t, {
-    padding: v,
-    wallWidth: T,
-    // need merge with level config when passed here
-    wallColor: b,
-    playerColor: C,
-    playerRadius: p,
-    foodColor: S,
-    backgroundColor: w,
-    clueColor: y,
-    exitColor: z,
-    exitWallWidth: N,
-    exitDashArray: E
-  } = i;
-  e.clearRect(0, 0, s, l), e.save(), e.fillStyle = w, e.fillRect(0, 0, s, l), e.restore(), f && yn({
-    ctx: e,
-    playerPath: g,
-    visitCounts: _,
-    cellWidth: r,
-    cellHeight: a,
-    padding: v,
-    clueColor: y
-  }), vn({
-    ctx: e,
-    maze: c,
-    cellWidth: r,
-    cellHeight: a,
-    padding: v,
-    wallColor: b,
-    wallWidth: T
-  }), pn({
-    ctx: e,
-    maze: c,
-    exitCell: u,
-    cellWidth: r,
-    cellHeight: a,
-    padding: v,
-    exitColor: z,
-    exitWallWidth: N,
-    exitDashArray: E
-  }), wn({
-    ctx: e,
-    foodCells: h,
-    cellWidth: r,
-    cellHeight: a,
-    padding: v,
-    foodColor: S
-  }), gn({
-    ctx: e,
-    playerCell: d,
-    playerRadius: p,
-    cellWidth: r,
-    cellHeight: a,
-    padding: v,
-    playerColor: C
-  });
+function Z(e, t, n, o, i) {
+  return {
+    x: i + t * n + n / 2,
+    y: i + e * o + o / 2
+  };
+}
+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;
+    e.lineTo(t + r * Math.sin(c), n + r * Math.cos(c));
+  }
+  e.closePath(), e.fill(), e.restore();
+}
+function Cn({
+  ctx: e,
+  canvasWidth: t,
+  canvasHeight: n,
+  cellWidth: o,
+  cellHeight: i,
+  padding: s,
+  playerCell: a,
+  walls: r,
+  fogRadius: c,
+  fogColor: l,
+  fogSoftness: d
+}) {
+  const u = Math.max(c, 0) * Math.max(o, i) || 0;
+  if (u <= 0) return;
+  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 g = Math.max(Math.min(d, 1), 0), v = e.createRadialGradient(
+    h.x,
+    h.y,
+    Math.max(u * 0.2, 6),
+    h.x,
+    h.y,
+    u
+  );
+  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 yn(e, t, n) {
+  const i = [];
+  if (t.forEach((a) => {
+    i.push(
+      Math.atan2(a.y1 - e.y, a.x1 - e.x) - 1e-4,
+      Math.atan2(a.y1 - e.y, a.x1 - e.x),
+      Math.atan2(a.y1 - e.y, a.x1 - e.x) + 1e-4,
+      Math.atan2(a.y2 - e.y, a.x2 - e.x) - 1e-4,
+      Math.atan2(a.y2 - e.y, a.x2 - e.x),
+      Math.atan2(a.y2 - e.y, a.x2 - e.x) + 1e-4
+    );
+  }), 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) => bn(e, a, t, n));
+}
+function bn(e, t, n, o) {
+  const i = { x: Math.cos(t), y: Math.sin(t) };
+  let s = {
+    x: e.x + i.x * o,
+    y: e.y + i.y * o,
+    distance: o
+  };
+  for (const a of n) {
+    const r = Tn(
+      e,
+      i,
+      { x: a.x1, y: a.y1 },
+      { x: a.x2, y: a.y2 },
+      o
+    );
+    r && r.distance < s.distance && (s = r);
+  }
+  return {
+    x: s.x,
+    y: s.y
+  };
+}
+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;
+  const r = { x: n.x - e.x, y: n.y - e.y }, c = (r.x * s.y - r.y * s.x) / a, l = (r.x * t.y - r.y * t.x) / a;
+  return c < 0 || l < 0 || l > 1 || c > i ? null : {
+    x: e.x + t.x * c,
+    y: e.y + t.y * c,
+    distance: c
+  };
+}
+function bt(e, t, n, o) {
+  const i = [];
+  for (let s = 0; s < e.rows; s++)
+    for (let a = 0; a < e.cols; a++) {
+      const r = e.grid[s][a], c = o + a * t, l = o + s * n;
+      r.walls.top && i.push({
+        x1: c,
+        y1: l,
+        x2: c + t,
+        y2: l
+      }), r.walls.right && i.push({
+        x1: c + t,
+        y1: l,
+        x2: c + t,
+        y2: l + n
+      }), r.walls.bottom && i.push({
+        x1: c,
+        y1: l + n,
+        x2: c + t,
+        y2: l + n
+      }), r.walls.left && i.push({
+        x1: c,
+        y1: l,
+        x2: c,
+        y2: l + n
+      });
+    }
+  return i;
 }
-function vn({
+function Sn({
   ctx: e,
   maze: t,
   cellWidth: n,
   cellHeight: o,
   padding: i,
   wallColor: s,
-  wallWidth: l
+  wallWidth: a,
+  walls: r
 }) {
-  e.save(), e.strokeStyle = s, e.lineWidth = l, e.lineCap = "round", e.beginPath(), bn(t, n, o, i).forEach((a) => {
-    e.moveTo(a.x1, a.y1), e.lineTo(a.x2, a.y2);
+  e.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 gn({
+function kn({
   ctx: e,
   playerCell: t,
   playerRadius: n,
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  playerColor: l
+  playerColor: a
 }) {
-  const { x: r, y: a } = ve(
-    t.row,
-    t.col,
-    o,
-    i,
-    s
-  ), c = Math.min(o, i) * Math.min(n, 0.5);
-  e.save(), e.fillStyle = l, e.beginPath(), e.arc(r, a, c, 0, Math.PI * 2), e.fill(), e.restore();
-}
-function pn({
+  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: l,
+  exitColor: a,
   exitWallWidth: r,
-  exitDashArray: a = [8, 12]
+  exitDashArray: c = [8, 12]
 }) {
-  const { row: c, col: d } = n;
-  if (!t.isValid(c, d)) return;
-  const u = s + d * o, h = s + c * i;
-  e.save(), e.globalCompositeOperation = "destination-out", e.lineWidth = r, e.lineCap = "round", e.beginPath(), e.moveTo(u, h + i), e.lineTo(u + o, h + i), e.stroke(), e.globalCompositeOperation = "source-over", e.strokeStyle = l, e.lineWidth = r, e.setLineDash(a), e.beginPath(), e.moveTo(u, h + i), e.lineTo(u + o, h + i), e.stroke(), e.restore();
+  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 wn({
+function zn({
   ctx: e,
   foodCells: t,
   cellWidth: n,
@@ -1537,106 +1461,135 @@ function wn({
   padding: i,
   foodColor: s
 }) {
-  e.fillStyle = s;
-  const l = Math.min(n, o) * 0.25;
+  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: a, y: c } = ve(
-      r.row,
-      r.col,
-      n,
-      o,
-      i
-    );
-    Cn(e, a, c, l * 1.2, 5, l * 0.6);
+    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 Cn(e, t, n, o, i, s) {
-  e.save(), e.beginPath();
-  for (let l = 0; l < i * 2; l++) {
-    const r = l % 2 === 0 ? o : s, a = Math.PI * l / i;
-    e.lineTo(t + r * Math.sin(a), n + r * Math.cos(a));
-  }
-  e.closePath(), e.fill(), e.restore();
-}
-function yn({
+function Mn({
   ctx: e,
   playerPath: t,
   visitCounts: n,
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  clueColor: l
+  clueColor: a
 }) {
   if (!(!t || t.length < 2 || !n)) {
     e.save();
     for (let r = 1; r < t.length; r++) {
-      const a = t[r - 1], c = t[r], d = `${a.row},${a.col}-${c.row},${c.col}`, u = `${c.row},${c.col}-${a.row},${a.col}`, h = (n[d] || 0) + (n[u] || 0), f = Math.min(0.2 + h * 0.1, 0.9), g = Math.max(3, o * 0.1) + h * 0.5;
+      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 = l.replace(")", `, ${f})`).replace("rgb(", "rgba(");
+        e.strokeStyle = a.replace(")", `, ${f})`).replace("rgb(", "rgba(");
       } catch {
         e.strokeStyle = `rgba(255, 0, 0, ${f})`;
       }
-      e.lineWidth = g, e.lineCap = "round", e.lineJoin = "round";
-      const { x: _, y: v } = ve(
-        a.row,
-        a.col,
-        o,
-        i,
-        s
-      ), { x: T, y: b } = ve(
-        c.row,
-        c.col,
-        o,
-        i,
-        s
-      );
-      e.beginPath(), e.moveTo(_, v), e.lineTo(T, b), e.stroke();
+      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 bn(e, t, n, o) {
-  const i = [];
-  for (let s = 0; s < e.rows; s++)
-    for (let l = 0; l < e.cols; l++) {
-      const r = e.grid[s][l], a = o + l * t, c = o + s * n;
-      r.walls.top && i.push({
-        x1: a,
-        y1: c,
-        x2: a + t,
-        y2: c
-      }), r.walls.right && i.push({
-        x1: a + t,
-        y1: c,
-        x2: a + t,
-        y2: c + n
-      }), r.walls.bottom && i.push({
-        x1: a,
-        y1: c + n,
-        x2: a + t,
-        y2: c + n
-      }), r.walls.left && i.push({
-        x1: a,
-        y1: c,
-        x2: a,
-        y2: c + n
-      });
-    }
-  return i;
-}
-function ve(e, t, n, o, i) {
-  return {
-    x: i + t * n + n / 2,
-    y: i + e * o + o / 2
-  };
+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 D = bt(l, r, c, v);
+  (t.fogEnabled ?? !0) && k && Cn({
+    ctx: e,
+    canvasWidth: s,
+    canvasHeight: a,
+    cellWidth: r,
+    cellHeight: c,
+    padding: v,
+    playerCell: d,
+    walls: D,
+    fogRadius: L,
+    fogColor: E,
+    fogSoftness: M
+  }), Sn({
+    ctx: e,
+    maze: l,
+    cellWidth: r,
+    cellHeight: c,
+    padding: v,
+    wallColor: y,
+    wallWidth: w,
+    walls: D
+  }), 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 Tn(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 kn {
+class Nn {
   // initially all walls exit
   constructor(t, n) {
     this.row = t, this.col = n;
@@ -1644,7 +1597,7 @@ class kn {
   visited = !1;
   walls = { top: !0, right: !0, bottom: !0, left: !0 };
 }
-class wt {
+class St {
   rows;
   cols;
   grid;
@@ -1660,8 +1613,8 @@ class wt {
    * @param entry Optional entry cell position
    * @param exit Optional exit cell position
    */
-  constructor(t, n, o, i, s = { row: 0, col: 0 }, l = { row: t - 1, col: n - 1 }) {
-    this.rows = t, this.cols = n, this.seed = i ?? Math.floor(Math.random() * 1e6), this.random = Tn(this.seed), this.grid = this.initializeGrid(), this.generate(o, s, l);
+  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 = Ln(this.seed), this.grid = this.initializeGrid(), this.generate(o, s, a);
   }
   // Initialize the grid with new MazeCell objects
   initializeGrid() {
@@ -1669,7 +1622,7 @@ class wt {
     for (let n = 0; n < this.rows; n++) {
       t[n] = [];
       for (let o = 0; o < this.cols; o++)
-        t[n][o] = new kn(n, o);
+        t[n][o] = new Nn(n, o);
     }
     return t;
   }
@@ -1690,29 +1643,25 @@ class wt {
       // Left
     ];
     for (const s of i) {
-      const l = t + s.r, r = n + s.c;
-      this.isValid(l, r) && o.push({ row: l, col: r });
+      const a = t + s.r, r = n + s.c;
+      this.isValid(a, r) && o.push({ row: a, col: r });
     }
     return o;
   }
   // 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) {
-    const s = this.grid[t][n], l = this.grid[o][i];
-    t === o + 1 ? (s.walls.top = !1, l.walls.bottom = !1) : t === o - 1 ? (s.walls.bottom = !1, l.walls.top = !1) : n === i + 1 ? (s.walls.left = !1, l.walls.right = !1) : n === i - 1 && (s.walls.right = !1, l.walls.left = !1);
+    const s = this.grid[t][n], a = this.grid[o][i];
+    t === o + 1 ? (s.walls.top = !1, a.walls.bottom = !1) : t === o - 1 ? (s.walls.bottom = !1, a.walls.top = !1) : n === i + 1 ? (s.walls.left = !1, a.walls.right = !1) : n === i - 1 && (s.walls.right = !1, a.walls.left = !1);
   }
   // --- Generation Methods ---
   /**
@@ -1741,28 +1690,26 @@ class wt {
     let i = { row: n, col: o };
     for (this.grid[n][o].visited = !0, t.push(i); t.length > 0; ) {
       i = t[t.length - 1];
-      const { row: s, col: l } = i, r = this.getUnvisitedNeighbors(s, l);
+      const { row: s, col: a } = i, r = this.getUnvisitedNeighbors(s, a);
       if (r.length > 0) {
-        const a = this.randomPick(r), { row: c, col: d } = a;
-        this.removeWall(s, l, c, d), this.grid[c][d].visited = !0, t.push(a);
+        const c = this.randomPick(r), { row: l, col: d } = c;
+        this.removeWall(s, a, l, d), this.grid[l][d].visited = !0, t.push(c);
       } else
         t.pop();
     }
   }
   // --- Prim's Algorithm Implementation ---
   generateWithPrims() {
-    const t = [], n = (s, l) => {
-      const r = this.getNeighbors(s, l);
-      for (const a of r)
-        !this.grid[a.row][a.col].visited && !t.some(
-          (c) => c.row === a.row && c.col === a.col
-        ) && t.push(a);
+    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);
     }, 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), l = t[s], { row: r, col: a } = l, c = this.getVisitedNeighbors(r, a);
-      if (c.length > 0) {
-        const d = this.randomPick(c);
-        this.removeWall(r, a, d.row, d.col), this.grid[r][a].visited = !0, n(r, a);
+      const s = this.randomNumber(t.length), a = t[s], { row: r, col: c } = a, l = this.getVisitedNeighbors(r, c);
+      if (l.length > 0) {
+        const d = this.randomPick(l);
+        this.removeWall(r, c, d.row, d.col), this.grid[r][c].visited = !0, n(r, c);
       }
       t.splice(s, 1);
     }
@@ -1787,186 +1734,166 @@ class wt {
     return t[Math.floor(this.random() * t.length)];
   }
 }
-const Ct = (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;
-}, Sn = (e) => e === 1 ? 2 : e >= 2 && e <= 5 ? 3 : e >= 6 && e <= 11 ? 4 : e >= 12 && e <= 15 ? 5 : 6, zn = (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: l } = t, r = n, a = n, c = s || { row: 0, col: 0 }, d = l || {
+  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: a - 1
-  }, u = new wt(r, a, i, o, c, d), h = Sn(e), f = [];
-  for (let g = 0; g < h; g++) {
-    let _;
+    col: c - 1
+  }, u = new St(r, c, i, o, l, d), h = An(e), f = [];
+  for (let m = 0; m < h; m++) {
+    let g;
     do
-      _ = {
+      g = {
         row: Math.floor(u.random() * r),
-        col: Math.floor(u.random() * a)
+        col: Math.floor(u.random() * c)
       };
-    while (_.row === c.row && _.col === c.col || _.row === d.row && _.col === d.col || !Ct(u, _.row, _.col) || f.some((v) => v.row === _.row && v.col === _.col));
-    f.push(_);
+    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,
     levelTransitioning: !1,
     maze: u,
-    playerCell: c,
+    playerCell: l,
     exitCell: d,
     foodCells: f,
     playerAtExit: !1,
     foodCollected: 0,
     totalFoodCount: h,
     showClue: !1,
-    playerPath: [c],
-    visitCounts: { [`${c.row},${c.col}`]: 1 }
+    playerPath: [l],
+    visitCounts: { [`${l.row},${l.col}`]: 1 }
   };
-}, En = ({
+}, xn = ({
   size: e,
   seed: t,
   method: n,
   foodCount: o,
   foodRace: i,
-  clue: s
+  clue: s,
+  fogEnabled: a = !0
 }) => {
-  const l = e, r = e, a = { row: 0, col: 0 }, c = { row: l - 1, col: r - 1 }, d = new wt(l, r, n, t, a, c), u = [];
+  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 f, g = 0;
+    for (let f = 0; f < o; f++) {
+      let m, g = 0;
       do
-        f = {
-          row: Math.floor(d.random() * l),
-          col: Math.floor(d.random() * r)
+        m = {
+          row: Math.floor(u.random() * r),
+          col: Math.floor(u.random() * c)
         }, g++;
-      while (g < 50 && (f.row === a.row && f.col === a.col || f.row === c.row && f.col === c.col || !Ct(d, f.row, f.col) || u.some(
-        (_) => _.row === f.row && _.col === f.col
-      )));
-      g < 50 && u.push(f);
+      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,
     levelTransitioning: !1,
-    maze: d,
-    playerCell: a,
-    exitCell: c,
-    foodCells: u,
+    maze: u,
+    playerCell: l,
+    exitCell: d,
+    foodCells: h,
     playerAtExit: !1,
     foodCollected: 0,
     totalFoodCount: i ? o : 0,
+    fogEnabled: a,
     showClue: s,
-    playerPath: [a],
-    visitCounts: { [`${a.row},${a.col}`]: 1 }
+    playerPath: [l],
+    visitCounts: { [`${l.row},${l.col}`]: 1 }
   };
 };
-function Ln() {
-  const {
-    setGamePlayState: e,
-    gamePlayState: t,
-    gamePlayStateRef: n,
-    gameProgress: o,
-    config: i
-  } = re(), s = F(null), l = F(null), { i18n: r, levelConfig: a, renderConfig: c } = i, d = ie(a), u = F(
-    d.getLevelConfig(o.currentLevel)
-  );
-  x(() => {
+function In() {
+  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));
+  F(() => {
     s.current && q.attachTo(s.current);
   }, []);
-  const h = F(), f = _t(l, () => {
+  const h = R(), f = wt(a, () => {
     h.current?.();
-  }), g = vt(
-    l,
-    t,
-    c.padding
-  );
-  x(() => {
-    u.current = d.getLevelConfig(
-      o.currentLevel
-    );
+  }), m = Ct(a, t, l.padding);
+  F(() => {
+    u.current = d.getLevelConfig(o.currentLevel);
   }, [o.currentLevel]);
-  const _ = () => {
-    const C = zn(
-      o.currentLevel,
-      u.current
-    );
-    C && e((p) => ({
+  const g = () => {
+    const T = Pn(o.currentLevel, u.current);
+    T && e((p) => ({
       ...p,
-      ...C
+      ...T
     }));
   };
-  x(() => {
-    _();
+  F(() => {
+    g();
   }, [o.currentLevel]);
   const v = () => {
-    _();
-  }, { updatePlayerPos: T, resetMovingState: b } = gt({
+    g();
+  }, { updatePlayerPos: w, resetMovingState: y } = yt({
     gamePlayStateRef: n,
     setGamePlayState: e,
-    playerRadius: c.playerRadius,
-    moveSpeed: c.gridMoveSpeed,
+    playerRadius: l.playerRadius,
+    moveSpeed: l.gridMoveSpeed,
     onFoodCollected: () => {
-      const C = n.current.totalFoodCount - n.current.foodCollected - 1;
-      C > 0 ? q.show(
-        r.foodCollectedToast.replace("%NUM%", C.toString()),
-        3e3
-      ) : q.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 x(() => {
-    b();
-  }, [o.currentLevel, b]), x(() => {
-    let C, p = !document.hidden;
-    const S = () => {
-      const z = l.current?.getContext("2d"), N = n.current;
-      if (!(p && N?.isGameActive && z && N?.maze)) {
-        C = requestAnimationFrame(S);
+  return F(() => {
+    y();
+  }, [o.currentLevel, y]), F(() => {
+    let T, p = !document.hidden;
+    const z = () => {
+      const k = a.current?.getContext("2d"), L = n.current;
+      if (!(p && L?.isGameActive && k && L?.maze)) {
+        T = requestAnimationFrame(z);
         return;
       }
-      T(), w(), C = requestAnimationFrame(S);
-    }, w = () => {
-      const z = l.current?.getContext("2d"), N = n.current;
-      if (z && N?.maze) {
-        const E = u.current?.wallWidth || c?.wallWidth, k = u.current?.exitColor || c?.exitColor, L = u.current?.exitWallWidth || c?.exitWallWidth, P = u.current?.exitDashArray || c?.exitDashArray;
-        pt(z, N, f.current, g.current, {
-          ...c,
+      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;
+        Tt(k, L, f.current, m.current, {
+          ...l,
           wallWidth: E,
-          exitColor: k,
-          exitWallWidth: L,
-          exitDashArray: P
+          exitColor: M,
+          exitWallWidth: b,
+          exitDashArray: A
         });
       }
     };
-    h.current = w;
-    const y = (z) => {
-      const N = p;
-      p = !document.hidden && document.visibilityState === "visible" && (!z || z.type !== "blur"), !N && p ? 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
-      }) : N && !p && e({
+      }) : L && !p && e({
         ...n.current,
         isGameActive: !1
       });
     };
-    return document.addEventListener("visibilitychange", y), window.addEventListener("blur", y), window.addEventListener("focus", y), C = requestAnimationFrame(S), () => {
-      cancelAnimationFrame(C), document.removeEventListener("visibilitychange", y), window.removeEventListener("blur", y), window.removeEventListener("focus", y);
+    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);
     };
-  }, []), x(() => {
+  }, []), F(() => {
     q.show(r.useArrowKeyTips, 3e3);
-  }, []), /* @__PURE__ */ m("div", { className: "maze-game-container", children: [
-    /* @__PURE__ */ m($t, {}),
-    /* @__PURE__ */ m(hn, { onRetry: v }),
-    /* @__PURE__ */ m("div", { className: "maze-canvas-container", ref: s, children: /* @__PURE__ */ m("canvas", { ref: l, className: "maze-game-canvas" }) })
+  }, []), /* @__PURE__ */ _("div", { className: "maze-game-container", children: [
+    /* @__PURE__ */ _(qt, {}),
+    /* @__PURE__ */ _(_n, { onRetry: v }),
+    /* @__PURE__ */ _("div", { className: "maze-canvas-container", ref: s, children: /* @__PURE__ */ _("canvas", { ref: a, className: "maze-game-canvas" }) })
   ] });
 }
-const Nn = (e) => {
+const Fn = (e) => {
   const t = Math.floor(e / 60), n = e % 60;
   return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
-}, Mn = ({ timer: e }) => {
-  const [t, n] = W(e), o = F(), i = F(!1), s = F(0);
-  return x(() => {
-    const l = () => {
+}, Rn = ({ timer: e }) => {
+  const [t, n] = G(e), o = R(), i = R(!1), s = R(0);
+  return F(() => {
+    const a = () => {
       !i.current && !o.current && (i.current = !0, o.current = setInterval(() => {
-        n((a) => (s.current = e - a + 1, a <= 1 ? (clearInterval(o.current), window.dispatchEvent(new CustomEvent("maze:timeUp")), 0) : a - 1));
+        n((c) => (s.current = e - c + 1, c <= 1 ? (clearInterval(o.current), window.dispatchEvent(new CustomEvent("maze:timeUp")), 0) : c - 1));
       }, 1e3));
     }, r = () => {
       clearInterval(o.current), o.current = void 0, window.dispatchEvent(
@@ -1975,162 +1902,128 @@ const Nn = (e) => {
         })
       );
     };
-    return window.addEventListener("maze:firstMove", l), window.addEventListener("maze:gameSuccess", r), () => {
-      window.removeEventListener("maze:firstMove", l), window.removeEventListener("maze:gameSuccess", r), clearInterval(o.current);
+    return window.addEventListener("maze:firstMove", a), window.addEventListener("maze:gameSuccess", r), () => {
+      window.removeEventListener("maze:firstMove", a), window.removeEventListener("maze:gameSuccess", r), clearInterval(o.current);
     };
-  }, [e]), x(() => {
+  }, [e]), F(() => {
     o.current && (clearInterval(o.current), o.current = void 0), n(e), i.current = !1, s.current = 0;
-  }, [e]), /* @__PURE__ */ m("div", { className: "single-maze-timer", children: /* @__PURE__ */ m(
-    "span",
-    {
-      className: `maze-timer-text ${t <= 10 && i.current ? "maze-timer-warning" : ""}`,
-      children: [
-        "⏱️ ",
-        Nn(t)
-      ]
-    }
-  ) });
+  }, [e]), /* @__PURE__ */ _("div", { className: "single-maze-timer", children: /* @__PURE__ */ _("span", { className: `maze-timer-text ${t <= 10 && i.current ? "maze-timer-warning" : ""}`, children: [
+    "⏱️ ",
+    Fn(t)
+  ] }) });
 };
-function An({ config: e }) {
-  const {
-    size: t,
-    seed: n,
-    method: o,
-    foodCount: i,
-    foodRace: s,
-    clue: l,
-    renderConfig: r,
-    successCallback: a,
-    failCallback: c,
-    timer: d,
-    i18n: u
-  } = e, [h, f] = W({
-    ...Ee
-  }), [g, _] = W(!1), [v, T] = W(!0), [b, C] = W(!1), [p, S] = W(""), w = F(0), y = F(!1), z = F(!1), N = F(null), E = F(null), k = F(h), L = F(), P = _t(N, () => {
-    L.current?.();
-  }), R = vt(N, h, r.padding);
-  x(() => {
-    k.current = h;
-  }, [h]);
-  const { updatePlayerPos: O, resetMovingState: $, resetFirstMoveState: U } = gt({
-    gamePlayStateRef: k,
-    setGamePlayState: f,
+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, 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 = R(0), k = R(!1), L = R(!1), E = R(null), M = R(null), b = R(f), A = R(), P = wt(E, () => {
+    A.current?.();
+  }), D = Ct(E, f, r.padding);
+  F(() => {
+    b.current = f;
+  }, [f]);
+  const { updatePlayerPos: $, resetMovingState: U, resetFirstMoveState: H } = yt({
+    gamePlayStateRef: b,
+    setGamePlayState: m,
     playerRadius: r.playerRadius,
     moveSpeed: r.gridMoveSpeed,
     onFoodCollected: () => {
       console.log("Food collected in single maze");
     },
     onExitReached: () => {
-      if (!y.current) {
-        if (s && k.current.foodCollected < k.current.totalFoodCount) {
-          S(`⭐️ ${u.foodMsg}`), C(!0), f((A) => ({
-            ...A,
+      if (!k.current) {
+        if (s && b.current.foodCollected < b.current.totalFoodCount) {
+          C(`⭐️ ${u.foodMsg}`), p(!0), m((I) => ({
+            ...I,
             isGameActive: !1
             // Disable controls while popup is shown
           }));
           return;
         }
-        f((A) => ({
-          ...A,
+        m((I) => ({
+          ...I,
           isGameActive: !1
-        })), B();
+        })), K();
       }
     },
     onFirstMove: () => {
       window.dispatchEvent(new CustomEvent("maze:firstMove"));
     }
-  }), V = () => {
-    y.current = !0, S(`⏰ ${u.failMsg}`), C(!0), f({
-      ...k.current,
+  }), B = () => {
+    k.current = !0, C(`⏰ ${u.failMsg}`), p(!0), m({
+      ...b.current,
       isGameActive: !1
     });
-  }, B = () => {
-    y.current = !0, z.current = !0, S(`🎉 ${u.successMsg}`), C(!0), f((A) => ({
-      ...A,
+  }, K = () => {
+    k.current = !0, L.current = !0, C(`🎉 ${u.successMsg}`), p(!0), m((I) => ({
+      ...I,
       isGameActive: !1
     })), window.dispatchEvent(new CustomEvent("maze:gameSuccess"));
-  }, Y = () => {
-    if (C(!1), !y.current) {
-      f((A) => ({
-        ...A,
+  }, X = () => {
+    if (p(!1), !k.current) {
+      m((I) => ({
+        ...I,
         isGameActive: !0
       }));
       return;
     }
-    T(!1), f((A) => ({
-      ...A,
+    y(!1), m((I) => ({
+      ...I,
       showClue: !0
-    })), z.current ? a?.(w.current) : c?.();
+    })), L.current ? c?.(S.current) : l?.();
   };
-  return x(() => {
+  return F(() => {
     (async () => {
-      _(!0);
+      v(!0);
       try {
-        const G = En({
+        const j = xn({
           size: t,
           seed: n,
           method: o,
           foodCount: i,
           foodRace: s,
-          clue: l
+          clue: a,
+          fogEnabled: b.current.fogEnabled ?? h
         });
-        k.current = G, f(G);
-      } catch (G) {
-        console.error("Error generating single maze:", G);
+        b.current = j, m(j);
+      } catch (j) {
+        console.error("Error generating single maze:", j);
       } finally {
-        _(!1);
+        v(!1);
       }
     })();
-  }, [e]), x(() => {
-    let A;
-    const G = !document.hidden, K = () => {
-      const le = N.current?.getContext("2d"), ee = k.current;
-      if (!(G && ee?.isGameActive && le && ee?.maze)) {
-        A = requestAnimationFrame(K);
+  }, [e, h]), F(() => {
+    let I;
+    const j = !document.hidden, te = () => {
+      const le = E.current?.getContext("2d"), ne = b.current;
+      if (!(j && ne?.isGameActive && le && ne?.maze)) {
+        I = requestAnimationFrame(te);
         return;
       }
-      O(), se(), A = requestAnimationFrame(K);
-    }, se = () => {
-      const le = N.current?.getContext("2d"), ee = k.current;
-      le && ee?.maze && pt(
-        le,
-        ee,
-        P.current,
-        R.current,
-        r
-      );
+      $(), Ie(), I = requestAnimationFrame(te);
+    }, Ie = () => {
+      const le = E.current?.getContext("2d"), ne = b.current;
+      le && ne?.maze && Tt(le, ne, P.current, D.current, r);
     };
-    return L.current = se, A = requestAnimationFrame(K), () => {
-      cancelAnimationFrame(A);
+    return A.current = Ie, I = requestAnimationFrame(te), () => {
+      cancelAnimationFrame(I);
     };
-  }, []), x(() => {
-    $(), U();
-  }, [e, $, U]), x(() => {
-    const A = (G) => {
-      w.current = G.detail.timeUsed;
+  }, []), F(() => {
+    U(), H();
+  }, [e, U, H]), F(() => {
+    const I = (j) => {
+      S.current = j.detail.timeUsed;
     };
-    return window.addEventListener("maze:timeUsed", A), window.addEventListener("maze:timeUp", V), () => {
-      window.removeEventListener(
-        "maze:timeUsed",
-        A
-      ), window.removeEventListener("maze:timeUp", V);
+    return window.addEventListener("maze:timeUsed", I), window.addEventListener("maze:timeUp", B), () => {
+      window.removeEventListener("maze:timeUsed", I), window.removeEventListener("maze:timeUp", B);
     };
-  }, []), g ? /* @__PURE__ */ m("div", { className: "single-maze-loading", children: /* @__PURE__ */ m("div", { children: "Generating maze..." }) }) : h ? /* @__PURE__ */ m("div", { className: "maze-game-container", children: [
-    v && /* @__PURE__ */ m(Mn, { timer: d }),
-    /* @__PURE__ */ m("div", { className: "single-maze-canvas-container", ref: E, children: /* @__PURE__ */ m("canvas", { ref: N, className: "maze-game-canvas" }) }),
-    /* @__PURE__ */ m(
-      te,
-      {
-        isOpen: b,
-        title: p,
-        noConfirm: !0,
-        cancelText: "OK",
-        onCancel: Y
-      }
-    )
-  ] }) : /* @__PURE__ */ m("div", { className: "single-maze-error", children: /* @__PURE__ */ m("div", { children: "Failed to generate maze" }) });
+  }, []), 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__ */ _(Rn, { timer: d }) }),
+    /* @__PURE__ */ _("div", { className: "single-maze-canvas-container", ref: M, children: /* @__PURE__ */ _("canvas", { ref: E, className: "maze-game-canvas" }) }),
+    /* @__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 yt = [
+const Et = [
   // Tier 1 (Levels 1-12) - Beginner
   [
     // debug
@@ -2288,23 +2181,27 @@ const yt = [
     { size: 68, seed: 33341, method: "backtracking" }
     // Level 60 - Master
   ]
-], Pn = 0.07, bt = {
-  gridMoveSpeed: Pn,
+], On = 0.07, zt = {
+  gridMoveSpeed: On,
   padding: 10,
   wallWidth: 2,
-  wallColor: "#000000",
-  foodColor: "#4CAF50",
+  wallColor: "#222",
+  foodColor: "#FFD54F",
   clueColor: "rgb(255,0,0)",
   backgroundColor: "#ffffff",
   playerColor: "#4CAF50",
   playerRadius: 0.2,
+  fogEnabled: !0,
+  fogRadius: 3.6,
+  fogColor: "rgba(8, 10, 18, 0.9)",
+  fogSoftness: 0.55,
   // Exit
   exitColor: "#F44336",
   exitWallWidth: 4,
   // default exit wall width if not specified in level config, should always be a little wider than normal wallWidth
   exitDashArray: [8, 12]
   // default dash: 8px dash, 12px gap
-}, fe = {
+}, me = {
   lcPrefix: "maze-",
   i18n: {
     reset: "Reset",
@@ -2347,15 +2244,21 @@ const yt = [
     continue: "Continue",
     cluePathEnabled: "Clue Path Enabled",
     cluePathDisabled: "Clue Path Disabled",
-    useArrowKeyTips: "Use arrow keys to navigate the maze. Press'C' to toggle path clue."
+    useArrowKeyTips: "Use arrow keys to navigate the maze. Press'C' to toggle path clue.",
+    fogOn: "Fog: ON",
+    fogOff: "Fog: OFF",
+    fogEnabledToast: "Fog enabled",
+    fogDisabledToast: "Fog disabled"
   },
-  renderConfig: bt,
-  levelConfig: yt
-}, me = {
+  renderConfig: zt,
+  levelConfig: Et
+}, _e = {
   i18n: {
     successMsg: "Congratulations! You completed the maze!",
     failMsg: "Time is up!",
-    foodMsg: "Please collect all stars before leaving!"
+    foodMsg: "Please collect all stars before leaving!",
+    fogOn: "Fog: ON",
+    fogOff: "Fog: OFF"
   },
   size: 8,
   seed: 12345,
@@ -2364,8 +2267,8 @@ const yt = [
   foodCount: 0,
   foodRace: !1,
   // false then omit foodCount, make it to 0, true need to force all food collected
-  renderConfig: bt,
-  timer: 10 * 60,
+  renderConfig: zt,
+  timer: 600,
   // 10 minutes
   successCallback: () => {
     console.log("🎉 Single maze completed successfully!");
@@ -2374,48 +2277,46 @@ const yt = [
     console.log("⏰ Time is up! Game failed.");
   }
 };
-function In({ config: e = {} }) {
-  const t = { ...fe.i18n, ...e.i18n || {} }, n = {
-    ...fe.renderConfig,
+function $n({ config: e = {} }) {
+  const t = { ...me.i18n, ...e.i18n || {} }, n = {
+    ...me.renderConfig,
     ...e.renderConfig || {}
-  }, o = e.levelConfig || yt, i = {
-    ...fe,
+  }, o = e.levelConfig || Et, i = {
+    ...me,
     ...e,
     i18n: t,
     levelConfig: o,
     renderConfig: n
   };
-  return /* @__PURE__ */ m(Ft, { config: i, children: /* @__PURE__ */ m(Ln, {}) });
+  return /* @__PURE__ */ _(Gt, { config: i, children: /* @__PURE__ */ _(In, {}) });
 }
-function xn({
-  config: e = {}
-}) {
-  const t = { ...me.i18n, ...e.i18n || {} }, n = {
-    ...me.renderConfig,
+function Un({ config: e = {} }) {
+  const t = { ..._e.i18n, ...e.i18n || {} }, n = {
+    ..._e.renderConfig,
     ...e.renderConfig || {}
   }, o = {
-    ...me,
+    ..._e,
     ...e,
     i18n: t,
     renderConfig: n
   };
-  return /* @__PURE__ */ m(An, { config: o });
+  return /* @__PURE__ */ _(Dn, { config: o });
 }
-const Rn = {
-  root: "https://unpkg.com/@roudanio/maze@0.2.5/dist/",
-  ...fe
-};
-`${JSON.stringify(Rn, null, 2)}`;
-const Fn = {
-  root: "https://unpkg.com/@roudanio/maze@0.2.5/dist/",
+const Gn = {
+  root: "https://unpkg.com/@roudanio/maze@0.3.1/dist/",
   ...me
 };
+`${JSON.stringify(Gn, null, 2)}`;
+const jn = {
+  root: "https://unpkg.com/@roudanio/maze@0.3.1/dist/",
+  ..._e
+};
 `${JSON.stringify(
-  Fn,
+  jn,
   (e, t) => typeof t == "function" ? t.toString() : t,
   2
 )}`;
-const On = {
+const qn = {
   showNotice() {
     console.warn("Cannot find the root element");
     const e = document.createElement("div");
@@ -2456,7 +2357,7 @@ const On = {
       return;
     }
     let { root: o = location.origin } = t;
-    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", De(/* @__PURE__ */ m(In, { 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;
@@ -2465,9 +2366,9 @@ const On = {
       return;
     }
     let { root: o = location.origin } = t;
-    o.at(-1) !== "/" && (o += "/"), this.addLoadingIndicator(n), await this.loadCSS(o + "maze.css"), n.innerHTML = "", De(/* @__PURE__ */ m(xn, { 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 {
-  On as default
+  qn as default
 };