@roudanio/maze 0.2.4 → 0.3.0

package/dist/maze.js

@@ -1,4 +1,4 @@
-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;
+var ve, N, ot, Y, Re, rt, it, st, Le, ke, Se, at, re = {}, lt = [], Lt = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, pe = Array.isArray;
 function H(e, t) {
   for (var n in t) e[n] = t[n];
   return e;
@@ -6,20 +6,20 @@ function H(e, t) {
 function Ne(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 Nt(e, t, n) {
+  var o, i, s, a = {};
+  for (s in t) s == "key" ? o = t[s] : s == "ref" ? i = t[s] : a[s] = t[s];
+  if (arguments.length > 2 && (a.children = arguments.length > 3 ? ve.call(arguments, 2) : n), typeof e == "function" && e.defaultProps != null) for (s in e.defaultProps) a[s] === void 0 && (a[s] = e.defaultProps[s]);
+  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 ?? ++ot, __i: -1, __u: 0 };
+  return i == null && N.vnode != null && N.vnode(s), s;
 }
-function we(e) {
+function Ce(e) {
   return e.children;
 }
-function de(e, t) {
+function fe(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 ct(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 ct(e);
   }
 }
-function Se(e) {
-  (!e.__d && (e.__d = !0) && X.push(e) && !_e.__r++ || xe != M.debounceRendering) && ((xe = M.debounceRendering) || et)(_e);
+function Ee(e) {
+  (!e.__d && (e.__d = !0) && Y.push(e) && !ge.__r++ || Re != N.debounceRendering) && ((Re = N.debounceRendering) || rt)(ge);
 }
-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 ge() {
+  for (var e, t, n, o, i, s, a, r = 1; Y.length; ) Y.length > r && Y.sort(it), e = Y.shift(), r = Y.length, e.__d && (n = void 0, o = void 0, i = (o = (t = e).__v).__e, s = [], a = [], t.__P && ((n = H({}, o)).__v = o.__v + 1, N.vnode && N.vnode(n), Ae(t.__P, n, o, t.__n, t.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? J(o), !!(32 & o.__u), a), n.__v = o.__v, n.__.__k[n.__i] = n, ft(s, n, a), o.__e = o.__ = null, n.__e != i && ct(n)));
+  ge.__r = 0;
 }
-function 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 ut(e, t, n, o, i, s, a, r, c, l, d) {
+  var u, f, h, m, v, g, p, T = o && o.__k || lt, C = t.length;
+  for (c = At(n, t, T, c, C), u = 0; u < C; u++) (h = n.__k[u]) != null && (f = h.__i == -1 ? re : T[h.__i] || re, h.__i = u, g = Ae(e, h, f, i, s, a, r, c, l, d), m = h.__e, h.ref && f.ref != h.ref && (f.ref && Pe(f.ref, null, h), d.push(h.ref, h.__c || m, h)), v == null && m != null && (v = m), (p = !!(4 & h.__u)) || f.__k === h.__k ? c = dt(h, c, e, p) : typeof h.type == "function" && g !== void 0 ? c = g : m && (c = m.nextSibling), h.__u &= -7);
+  return n.__e = v, c;
 }
-function 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 At(e, t, n, o, i) {
+  var s, a, r, c, l, d = n.length, u = d, f = 0;
+  for (e.__k = new Array(i), s = 0; s < i; s++) (a = t[s]) != null && typeof a != "boolean" && typeof a != "function" ? (c = s + f, (a = e.__k[s] = typeof a == "string" || typeof a == "number" || typeof a == "bigint" || a.constructor == String ? de(null, a, null, null, null) : pe(a) ? de(Ce, { children: a }, null, null, null) : a.constructor == null && a.__b > 0 ? de(a.type, a.props, a.key, a.ref ? a.ref : null, a.__v) : a).__ = e, a.__b = e.__b + 1, r = null, (l = a.__i = Pt(a, n, c, u)) != -1 && (u--, (r = n[l]) && (r.__u |= 2)), r == null || r.__v == null ? (l == -1 && (i > d ? f-- : i < d && f++), typeof a.type != "function" && (a.__u |= 4)) : l != c && (l == c - 1 ? f-- : l == c + 1 ? f++ : (l > c ? f-- : f++, a.__u |= 4))) : e.__k[s] = null;
+  if (u) for (s = 0; s < d; s++) (r = n[s]) != null && (2 & r.__u) == 0 && (r.__e == o && (o = J(r)), mt(r, r));
   return o;
 }
-function lt(e, t, n) {
-  var o, i;
+function dt(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 = dt(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 Pt(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";
+function Oe(e, t, n) {
+  t[0] == "-" ? e.setProperty(t, n ?? "") : e[t] = n == null ? "" : typeof n != "number" || Lt.test(t) ? n : n + "px";
 }
-function 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]);
+    if (typeof o == "string" && (e.style.cssText = o = ""), o) for (t in o) n && t in n || Oe(e.style, t, "");
+    if (n) for (t in n) o && n[t] == o[t] || Oe(e.style, t, n[t]);
   }
-  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(st, "$1")), a = t.toLowerCase(), t = a in e || t == "onFocusOut" || t == "onFocusIn" ? a.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + s] = n, n ? o ? n.u = o.u : (n.u = Le, e.addEventListener(t, s ? Se : ke, s)) : e.removeEventListener(t, s ? Se : ke, s);
   else {
     if (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,127 +96,133 @@ 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++;
       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 Ae(e, t, n, o, i, s, a, r, c, l) {
+  var d, u, f, h, m, v, g, p, T, C, w, z, y, k, S, L, E, M = t.type;
   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 (p = t.props, T = "prototype" in M && M.prototype.render, C = (d = M.contextType) && o[d.__c], w = d ? C ? C.props.value : d.__ : o, n.__c ? g = (u = t.__c = n.__c).__ = u.__E : (T ? t.__c = u = new M(p, w) : (t.__c = u = new fe(p, w), u.constructor = M, u.render = It), C && C.sub(u), u.props = p, u.state || (u.state = {}), u.context = w, u.__n = o, f = u.__d = !0, u.__h = [], u._sb = []), T && u.__s == null && (u.__s = u.state), T && M.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = H({}, u.__s)), H(u.__s, M.getDerivedStateFromProps(p, u.__s))), h = u.props, m = u.state, u.__v = t, f) T && M.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), T && u.componentDidMount != null && u.__h.push(u.componentDidMount);
     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 (T && M.getDerivedStateFromProps == null && p !== h && u.componentWillReceiveProps != null && u.componentWillReceiveProps(p, w), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(p, u.__s, w) === !1 || t.__v == n.__v) {
+        for (t.__v != n.__v && (u.props = p, u.state = u.__s, u.__d = !1), t.__e = n.__e, t.__k = n.__k, t.__k.some(function(b) {
+          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(p, u.__s, w), T && u.componentDidUpdate != null && u.__h.push(function() {
+        u.componentDidUpdate(h, m, v);
       });
     }
-    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 = w, u.props = p, u.__P = e, u.__e = !1, y = N.__r, k = 0, T) {
+      for (u.state = u.__s, u.__d = !1, y && y(t), d = u.render(u.props, u.state, u.context), S = 0; S < u._sb.length; S++) u.__h.push(u._sb[S]);
       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, y && y(t), d = u.render(u.props, u.state, u.context), u.state = u.__s;
+    while (u.__d && ++k < 25);
+    u.state = u.__s, u.getChildContext != null && (o = H(H({}, o), u.getChildContext())), T && !f && u.getSnapshotBeforeUpdate != null && (v = u.getSnapshotBeforeUpdate(h, m)), L = d, d != null && d.type === Ce && d.key == null && (L = ht(d.props.children)), r = ut(e, pe(L) ? L : [L], t, n, o, i, s, a, r, c, l), u.base = t.__e, t.__u &= -161, u.__h.length && a.push(u), g && (u.__E = u.__ = null);
+  } 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--; ) Ne(s[E]);
+      ze(t);
+    }
+    else t.__e = n.__e, t.__k = n.__k, b.then || ze(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 = xt(n.__e, t, n, o, i, s, a, c, l);
+  return (d = N.diffed) && d(t), 128 & t.__u ? void 0 : r;
+}
+function ze(e) {
+  e && e.__c && (e.__c.__e = !0), e && e.__k && e.__k.forEach(ze);
 }
-function at(e, t, n) {
-  for (var o = 0; o < n.length; o++) Ae(n[o], n[++o], n[++o]);
-  M.__c && M.__c(t, e), e.some(function(i) {
+function ft(e, t, n) {
+  for (var o = 0; o < n.length; o++) Pe(n[o], n[++o], n[++o]);
+  N.__c && N.__c(t, e), e.some(function(i) {
     try {
       e = i.__h, i.__h = [], e.some(function(s) {
         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) : H({}, 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 xt(e, t, n, o, i, s, a, r, c) {
+  var l, d, u, f, h, m, v, g = n.props, p = t.props, T = t.type;
+  if (T == "svg" ? i = "http://www.w3.org/2000/svg" : T == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), s != null) {
+    for (l = 0; l < s.length; l++) if ((h = s[l]) && "setAttribute" in h == !!T && (T ? h.localName == T : h.nodeType == 3)) {
+      e = h, s[l] = null;
       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 (T == null) return document.createTextNode(p);
+    e = document.createElementNS(i, T, p.is && p), r && (N.__m && N.__m(t, s), r = !1), s = null;
   }
-  if (b == null) v === T || r && e.data == T || (e.data = T);
+  if (T == null) g === p || r && e.data == p || (e.data = p);
   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 && ve.call(e.childNodes), g = n.props || re, !r && s != null) for (g = {}, l = 0; l < e.attributes.length; l++) g[(h = e.attributes[l]).name] = h.value;
+    for (l in g) if (h = g[l], l != "children") {
+      if (l == "dangerouslySetInnerHTML") u = h;
+      else if (!(l in p)) {
+        if (l == "value" && "defaultValue" in p || l == "checked" && "defaultChecked" in p) continue;
+        ce(e, l, null, h, i);
       }
     }
-    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 p) h = p[l], l == "children" ? f = h : l == "dangerouslySetInnerHTML" ? d = h : l == "value" ? m = h : l == "checked" ? v = h : r && typeof h != "function" || g[l] === h || ce(e, l, h, g[l], i);
     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 = ""), ut(t.type == "template" ? e.content : e, pe(f) ? f : [f], t, n, o, T == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, a, s ? s[0] : n.__k && J(n, 0), r, c), s != null) for (l = s.length; l--; ) Ne(s[l]);
+    r || (l = "value", T == "progress" && m == null ? e.removeAttribute("value") : m != null && (m !== e[l] || T == "progress" && !m || T == "option" && m != g[l]) && ce(e, l, m, g[l], i), l = "checked", v != null && v != e[l] && ce(e, l, v, g[l], i));
   }
   return e;
 }
-function Ae(e, t, n) {
+function Pe(e, t, n) {
   try {
     if (typeof e == "function") {
       var o = typeof e.__u == "function";
       o && e.__u(), o && t == null || (e.__u = e(t));
     } else e.current = t;
   } catch (i) {
-    M.__e(i, n);
+    N.__e(i, n);
   }
 }
-function ut(e, t, n) {
+function mt(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 || Pe(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");
+  if (o = e.__k) for (i = 0; i < o.length; i++) o[i] && mt(o[i], t, n || typeof e.type != "function");
   n || Ne(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function Lt(e, t, n) {
+function It(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 $e(e, t, n) {
+  var o, i, s, a;
+  t == document && (t = document.documentElement), N.__ && N.__(e, t), i = (o = !1) ? null : t.__k, s = [], a = [], Ae(t, e = t.__k = Nt(Ce, null, [e]), i || re, re, t.namespaceURI, i ? null : t.firstChild ? ve.call(t.childNodes) : null, s, i ? i.__e : t.firstChild, o, a), ft(s, e, a);
 }
-function Nt(e) {
+function Ft(e) {
   function t(n) {
     var o, i;
     return this.getChildContext || (o = /* @__PURE__ */ new Set(), (i = {})[t.__c] = this, this.getChildContext = function() {
@@ -231,147 +230,147 @@ 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, Ee(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" + at++, 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;
+ve = lt.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) {
+} }, ot = 0, fe.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 = H({}, this.state), typeof e == "function" && (e = e(H({}, n), this.props)), e && H(n, e), e != null && this.__v && (t && this._sb.push(t), Ee(this));
+}, fe.prototype.forceUpdate = function(e) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), Ee(this));
+}, fe.prototype.render = Ce, Y = [], rt = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, it = function(e, t) {
   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) {
+}, ge.__r = 0, st = /(PointerCapture)$|Capture$/i, Le = 0, ke = De(!1), Se = De(!0), at = 0;
+var Rt = 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 Z, P, ye, Oe, oe = 0, dt = [], F = M, $e = F.__b, Ue = F.__r, Ge = F.diffed, We = F.__c, je = F.unmount, qe = F.__;
-function Ce(e, t) {
-  F.__h && F.__h(P, e, oe || t), oe = 0;
-  var n = P.__H || (P.__H = { __: [], __h: [] });
+  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: --Rt, __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 Q, I, be, Ue, ie = 0, _t = [], D = N, Ge = D.__b, je = D.__r, We = D.diffed, qe = D.__c, Be = D.unmount, Ve = D.__;
+function we(e, t) {
+  D.__h && D.__h(I, e, ie || t), ie = 0;
+  var n = I.__H || (I.__H = { __: [], __h: [] });
   return e >= n.__.length && n.__.push({}), n.__[e];
 }
-function W(e) {
-  return oe = 1, At(ft, e);
+function j(e) {
+  return ie = 1, Ot(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 = P, !P.__f)) {
-    var i = function(r, a, c) {
+function Ot(e, t, n) {
+  var o = we(Q++, 2);
+  if (o.t = e, !o.__c && (o.__ = [vt(void 0, t), function(r) {
+    var c = o.__N ? o.__N[0] : o.__[0], l = o.t(c, r);
+    c !== l && (o.__N = [l, o.__[1]], o.__c.setState({}));
+  }], o.__c = I, !I.__f)) {
+    var i = function(r, c, l) {
       if (!o.__c.__H) return !0;
-      var d = o.__c.__H.__.filter(function(h) {
-        return !!h.__c;
+      var d = o.__c.__H.__.filter(function(f) {
+        return !!f.__c;
       });
-      if (d.every(function(h) {
-        return !h.__N;
-      })) return !s || s.call(this, r, a, c);
+      if (d.every(function(f) {
+        return !f.__N;
+      })) 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);
+      return d.forEach(function(f) {
+        if (f.__N) {
+          var h = f.__[0];
+          f.__ = f.__N, f.__N = void 0, h !== f.__[0] && (u = !0);
         }
-      }), s && s.call(this, r, a, c) || u;
+      }), s && s.call(this, r, c, l) || u;
     };
-    P.__f = !0;
-    var s = P.shouldComponentUpdate, l = P.componentWillUpdate;
-    P.componentWillUpdate = function(r, a, c) {
+    I.__f = !0;
+    var s = I.shouldComponentUpdate, a = I.componentWillUpdate;
+    I.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);
-    }, P.shouldComponentUpdate = i;
+      a && a.call(this, r, c, l);
+    }, I.shouldComponentUpdate = i;
   }
   return o.__N || o.__;
 }
-function I(e, t) {
-  var n = Ce(Z++, 3);
-  !F.__s && ht(n.__H, t) && (n.__ = e, n.u = t, P.__H.__h.push(n));
+function F(e, t) {
+  var n = we(Q++, 3);
+  !D.__s && gt(n.__H, t) && (n.__ = e, n.u = t, I.__H.__h.push(n));
 }
 function R(e) {
-  return oe = 5, Q(function() {
+  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 = we(Q++, 7);
+  return gt(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
 }
 function He(e, t) {
-  return oe = 8, Q(function() {
+  return ie = 8, ee(function() {
     return e;
   }, t);
 }
-function Pt(e) {
-  var t = P.context[e.__c], n = Ce(Z++, 9);
-  return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(P)), t.props.value) : e.__;
+function Dt(e) {
+  var t = I.context[e.__c], n = we(Q++, 9);
+  return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(I)), t.props.value) : e.__;
 }
-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 $t() {
+  for (var e; e = _t.shift(); ) if (e.__P && e.__H) try {
+    e.__H.__h.forEach(he), e.__H.__h.forEach(Me), e.__H.__h = [];
   } catch (t) {
-    e.__H.__h = [], F.__e(t, e.__v);
+    e.__H.__h = [], D.__e(t, e.__v);
   }
 }
-F.__b = function(e) {
-  P = null, $e && $e(e);
-}, F.__ = function(e, t) {
-  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), qe && qe(e, t);
-}, F.__r = function(e) {
-  Ue && Ue(e), Z = 0;
-  var t = (P = e.__c).__H;
-  t && (ye === P ? (t.__h = [], P.__h = [], t.__.forEach(function(n) {
+D.__b = function(e) {
+  I = null, Ge && Ge(e);
+}, D.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Ve && Ve(e, t);
+}, D.__r = function(e) {
+  je && je(e), Q = 0;
+  var t = (I = e.__c).__H;
+  t && (be === I ? (t.__h = [], I.__h = [], t.__.forEach(function(n) {
     n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
-  })) : (t.__h.forEach(he), t.__h.forEach(ze), t.__h = [], Z = 0)), ye = P;
-}, F.diffed = function(e) {
-  Ge && Ge(e);
+  })) : (t.__h.forEach(he), t.__h.forEach(Me), t.__h = [], Q = 0)), be = I;
+}, D.diffed = function(e) {
+  We && We(e);
   var t = e.__c;
-  t && t.__H && (t.__H.__h.length && (dt.push(t) !== 1 && Oe === F.requestAnimationFrame || ((Oe = F.requestAnimationFrame) || xt)(It)), t.__H.__.forEach(function(n) {
+  t && t.__H && (t.__H.__h.length && (_t.push(t) !== 1 && Ue === D.requestAnimationFrame || ((Ue = D.requestAnimationFrame) || Ut)($t)), t.__H.__.forEach(function(n) {
     n.u && (n.__H = n.u), n.u = void 0;
-  })), ye = P = null;
-}, F.__c = function(e, t) {
+  })), be = I = null;
+}, D.__c = function(e, t) {
   t.some(function(n) {
     try {
       n.__h.forEach(he), n.__h = n.__h.filter(function(o) {
-        return !o.__ || ze(o);
+        return !o.__ || Me(o);
       });
     } catch (o) {
       t.some(function(i) {
         i.__h && (i.__h = []);
-      }), t = [], F.__e(o, n.__v);
+      }), t = [], D.__e(o, n.__v);
     }
-  }), We && We(e, t);
-}, F.unmount = function(e) {
-  je && je(e);
+  }), qe && qe(e, t);
+}, D.unmount = function(e) {
+  Be && Be(e);
   var t, n = e.__c;
   n && n.__H && (n.__H.__.forEach(function(o) {
     try {
@@ -379,32 +378,32 @@ F.__b = function(e) {
     } catch (i) {
       t = i;
     }
-  }), n.__H = void 0, t && F.__e(t, n.__v));
+  }), n.__H = void 0, t && D.__e(t, n.__v));
 };
-var Be = typeof requestAnimationFrame == "function";
-function xt(e) {
+var Xe = typeof requestAnimationFrame == "function";
+function Ut(e) {
   var t, n = function() {
-    clearTimeout(o), Be && cancelAnimationFrame(t), setTimeout(e);
-  }, o = setTimeout(n, 100);
-  Be && (t = requestAnimationFrame(n));
+    clearTimeout(o), Xe && cancelAnimationFrame(t), setTimeout(e);
+  }, o = setTimeout(n, 35);
+  Xe && (t = requestAnimationFrame(n));
 }
 function he(e) {
-  var t = P, n = e.__c;
-  typeof n == "function" && (e.__c = void 0, n()), P = t;
+  var t = I, n = e.__c;
+  typeof n == "function" && (e.__c = void 0, n()), I = t;
 }
-function ze(e) {
-  var t = P;
-  e.__c = e.__(), P = t;
+function Me(e) {
+  var t = I;
+  e.__c = e.__(), I = t;
 }
-function ht(e, t) {
+function gt(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 Gt = (e) => ({
   saveGameData(t) {
     try {
       localStorage.setItem(e, JSON.stringify(t));
@@ -427,155 +426,159 @@ const Rt = (e) => ({
       console.error("Failed to reset maze game data:", t);
     }
   }
-}), mt = Nt(void 0), Ve = {
+}), pt = Ft(void 0), Ye = {
   currentLevel: 1,
   highestUnlockedLevel: 1,
   currentTier: 1,
   highestUnlockedTier: 1,
   levelScores: {},
   totalScore: 0
-}, Ee = {
+}, Ct = {
   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 });
-  I(() => {
-    const u = Object.values(i.levelScores).reduce(
-      (h, f) => h + f,
+}, jt = ({ children: e, config: t }) => {
+  const n = Gt(t.lcPrefix + "progress"), o = n.loadGameData(), i = t.renderConfig?.fogEnabled ?? !0, s = () => ({
+    ...Ct,
+    fogEnabled: i
+  }), [a, r] = j(() => o || { ...Ye });
+  F(() => {
+    const h = Object.values(a.levelScores).reduce(
+      (m, v) => m + v,
       0
     );
-    s((h) => ({
-      ...h,
-      totalScore: u
+    r((m) => ({
+      ...m,
+      totalScore: h
     }));
-  }, [i.levelScores]), I(() => {
-    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 = R(l);
-  I(() => {
-    a.current = l;
-  }, [l]);
-  const c = Q(() => [
-    l.playerAtExit ? 1 : 0,
-    l.foodCollected === l.totalFoodCount ? 1 : 0,
-    l.showClue ? 0 : 1
+  const [c, l] = j({
+    ...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
   ], [
-    l.playerAtExit,
-    l.foodCollected,
-    l.totalFoodCount,
-    l.showClue
-  ]), d = () => {
-    n.resetGameData(), s({
-      ...Ve
-    }), r({
-      ...Ee
+    c.playerAtExit,
+    c.foodCollected,
+    c.totalFoodCount,
+    c.showClue
+  ]), f = () => {
+    n.resetGameData(), r({
+      ...Ye
+    }), l({
+      ...s()
     });
   };
-  return /* @__PURE__ */ m(
-    mt.Provider,
+  return /* @__PURE__ */ _(
+    pt.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: f
       },
       children: e
     }
   );
-}, re = () => {
-  const e = Pt(mt);
+}, se = () => {
+  const e = Dt(pt);
   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;
-      return { current: u, total: h };
+    getCurrentTierProgress: (r, c) => {
+      const [l, d] = a.getTierLevelsRange(c), u = r - l + 1, f = d - l + 1;
+      return { current: u, total: f };
     },
     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]), Wt = ({ 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(
+      children: Array.from({ length: l }, (d, u) => u + 1).map((d) => /* @__PURE__ */ _(
         "option",
         {
           value: d,
@@ -586,82 +589,82 @@ const Rt = (e) => ({
       ))
     }
   ) });
-}, 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;
+}, qt = ({ onLevelChange: e, disabled: t }) => {
+  const { gameProgress: n, config: o } = se(), { i18n: i, levelConfig: s } = o, { currentTier: a, levelScores: r, currentLevel: c, highestUnlockedLevel: l } = n, d = ae(s), u = ee(() => {
+    const [f, h] = d.getTierLevelsRange(a);
+    return Array.from({ length: h - f + 1 }, (m, v) => {
+      const g = f + v, p = r[g] || 0;
       return {
-        level: v,
-        score: T
+        level: g,
+        score: p
       };
     });
-  }, [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,
-      onChange: (h) => {
-        h.target && h.target.value && e(Number(h.target.value));
+      value: c,
+      onChange: (f) => {
+        f.target && f.target.value && e(Number(f.target.value));
       },
       disabled: t,
       className: "level-dropdown",
-      children: u.map(({ level: h, score: f }) => /* @__PURE__ */ m(
+      children: u.map(({ level: f, score: h }) => /* @__PURE__ */ _(
         "option",
         {
-          value: h,
-          disabled: h > c,
-          children: `${i.level} ${h} ${"★".repeat(f)}`
+          value: f,
+          disabled: f > l,
+          children: `${i.level} ${f} ${"★".repeat(h)}`
         },
-        `level-${h}`
+        `level-${f}`
       ))
     }
   ) });
-}, 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
+  onCancel: f
 }) => {
-  const f = R(null);
-  return I(() => {
-    const g = (_) => {
-      _.key === "Escape" && h?.();
+  const h = R(null);
+  return F(() => {
+    const m = (v) => {
+      v.key === "Escape" && f?.();
     };
-    return e && document.addEventListener("keydown", g), () => {
-      document.removeEventListener("keydown", g);
+    return e && document.addEventListener("keydown", m), () => {
+      document.removeEventListener("keydown", m);
     };
-  }, [e, h]), /* @__PURE__ */ m(
+  }, [e, f]), /* @__PURE__ */ _(
     "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(
+      children: /* @__PURE__ */ _("div", { className: "maze-dialog " + n, ref: h, children: [
+        /* @__PURE__ */ _("div", { className: "maze-dialog-title", children: t }),
+        /* @__PURE__ */ _("div", { className: "maze-dialog-content", children: i || /* @__PURE__ */ _("div", { className: "maze-dialog-message", children: o }) }),
+        (!a || !s) && /* @__PURE__ */ _("div", { className: "maze-dialog-buttons", children: [
+          !a && /* @__PURE__ */ _(
             "button",
             {
               type: "button",
               className: "maze-dialog-cancel " + d,
-              onClick: h,
-              children: a
+              onClick: f,
+              children: c
             }
           ),
-          !s && /* @__PURE__ */ m(
+          !s && /* @__PURE__ */ _(
             "button",
             {
               type: "button",
-              className: "maze-dialog-confirm " + c,
+              className: "maze-dialog-confirm " + l,
               onClick: u,
               children: r
             }
@@ -670,7 +673,7 @@ const Rt = (e) => ({
       ] })
     }
   );
-}, q = {
+}, W = {
   container: null,
   // attach Toast container to element, only need to execute once
   attachTo(e) {
@@ -700,7 +703,7 @@ const Rt = (e) => ({
       for (; this.container.firstChild; )
         this.container.removeChild(this.container.firstChild);
   }
-}, $t = () => {
+}, Bt = () => {
   const {
     gameProgress: e,
     setGameProgress: t,
@@ -708,210 +711,227 @@ const Rt = (e) => ({
     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 = () => {
-    v(!0);
-  }, z = () => {
-    v(!1);
-  }, N = () => {
+    config: a
+  } = se(), { i18n: r, levelConfig: c } = a, l = ae(c), { levelTransitioning: d, showClue: u, fogEnabled: f } = n, { highestUnlockedLevel: h, totalScore: m } = e, v = l.getTotalLevels(), [g, p] = j(!1), [T, C] = j(!1), [w, z] = j(!1), y = (O) => {
+    const G = l.getFirstLevelOfTier(O);
+    l.isLevelUnlocked(G, h) && (t((q) => ({ ...q, currentTier: O })), k(G));
+  }, k = (O) => {
+    l.isLevelUnlocked(O, h) && (t((G) => ({ ...G, currentLevel: O })), W.show(r.levelGoToast.replace("%LEVEL%", O.toString())));
+  }, S = () => {
     p(!0);
-  }, E = () => {
+  }, L = () => {
     p(!1);
-  }, k = () => {
-    q.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
+  }, E = () => {
+    z(!0);
+  }, M = () => {
+    z(!1);
+  }, b = () => {
+    W.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
       ...i.current,
       // need to sync with ref
       showClue: !i.current.showClue
-    })), p(!1);
-  }, L = () => {
-    b(!0);
+    })), z(!1);
   }, A = () => {
-    s(), b(!1), q.show(r.resetDoneToast);
+    const O = !i.current.fogEnabled;
+    W.show(
+      O ? r.fogEnabledToast : r.fogDisabledToast
+    ), o(() => ({
+      ...i.current,
+      fogEnabled: O
+    }));
   }, x = () => {
-    b(!1);
+    C(!0);
+  }, $ = () => {
+    s(), C(!1), W.show(r.resetDoneToast);
+  }, U = () => {
+    C(!1);
   };
-  return /* @__PURE__ */ m("div", { class: "game-panel-container", children: [
-    /* @__PURE__ */ m("div", { className: "game-controls", children: [
-      /* @__PURE__ */ m("div", { className: "selectors-container", children: [
-        /* @__PURE__ */ m(
-          Dt,
+  return /* @__PURE__ */ _("div", { class: "game-panel-container", children: [
+    /* @__PURE__ */ _("div", { className: "game-controls", children: [
+      /* @__PURE__ */ _("div", { className: "selectors-container", children: [
+        /* @__PURE__ */ _(
+          Wt,
           {
-            onTierChange: S,
+            onTierChange: y,
             disabled: d
           }
         ),
-        /* @__PURE__ */ m(
-          Ot,
+        /* @__PURE__ */ _(
+          qt,
           {
-            onLevelChange: w,
+            onLevelChange: k,
             disabled: d
           }
         )
       ] }),
-      /* @__PURE__ */ m(
+      /* @__PURE__ */ _(
         "button",
         {
           className: `settings-clue-button ${u ? "clue-on" : "clue-off"}`,
           disabled: u,
           title: "Toggle Clue",
-          onClick: N,
+          onClick: E,
           children: u ? r.clueOn : r.clueOff
         }
+      ),
+      /* @__PURE__ */ _(
+        "button",
+        {
+          className: `settings-clue-button settings-fog-button ${f ? "fog-on" : "fog-off"}`,
+          title: "Toggle Fog",
+          onClick: A,
+          children: f ? r.fogOn : r.fogOff
+        }
       )
     ] }),
-    /* @__PURE__ */ 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: "★ " + m }) }),
+    /* @__PURE__ */ _(
+      oe,
       {
-        isOpen: _,
+        isOpen: g,
         title: r.settings,
         noConfirm: !0,
         cancelText: r.close,
-        onCancel: z,
+        onCancel: L,
         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}/${v}` }),
+            /* @__PURE__ */ _("div", { children: r.starsCollected + ": " + m }),
+            /* @__PURE__ */ _("div", { children: r.avgStarPerLevel + ": " + (m / h).toFixed(2) })
           ] }),
-          /* @__PURE__ */ m("div", { className: "settings-item-box", children: [
-            /* @__PURE__ */ m(
+          /* @__PURE__ */ _("div", { className: "settings-item-box", children: [
+            /* @__PURE__ */ _(
               "button",
               {
                 className: "settings-reset-button",
                 title: "Reset Game",
-                onClick: L,
+                onClick: x,
                 children: r.reset
               }
             ),
-            /* @__PURE__ */ m("div", { className: "settings-item-tip", children: r.resetTip })
+            /* @__PURE__ */ _("div", { className: "settings-item-tip", children: r.resetTip })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ m(
-      te,
+    /* @__PURE__ */ _(
+      oe,
       {
         isOpen: T,
         title: r.confirmReset,
         message: r.confirmResetMessage,
         confirmText: r.reset,
         cancelText: r.cancel,
-        onConfirm: A,
-        onCancel: x
+        onConfirm: $,
+        onCancel: U
       }
     ),
-    /* @__PURE__ */ m(
-      te,
+    /* @__PURE__ */ _(
+      oe,
       {
-        isOpen: C,
+        isOpen: w,
         title: r.confirmClue,
         message: r.confirmClueMessage,
         confirmText: r.confirm,
         cancelText: r.cancel,
-        onConfirm: k,
-        onCancel: E
+        onConfirm: b,
+        onCancel: M
       }
     )
   ] });
 };
-function Pe(e, t) {
+function xe(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function Ut(e, t) {
+function Vt(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;
+  return t && Vt(e.prototype, t), e;
 }
-function Xe(e) {
+function Ke(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 Ht(e) {
+  var t = window.devicePixelRatio, n = getComputedStyle(e), o = Ke(n.getPropertyValue("width")), i = Ke(n.getPropertyValue("height"));
   e.setAttribute("width", (o * t).toString()), e.setAttribute("height", (i * t).toString());
 }
-function j(e, t) {
+function B(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)];
+function Je(e) {
+  return e[B(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) {
+var Xt = 125e-5, Yt = 5e-4, Kt = 9e-4, Jt = 1e-5, Qt = 6, Zt = 80, en = 0.9, tn = 1.7, nn = 0.2, on = 0.6, rn = 0.03, sn = 0.07, Qe = 15, Ze = 82, an = 100, ln = 250, cn = 40, un = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
+function et(e) {
   var t = 1920;
   return Math.log(e) / Math.log(t);
 }
-var Je = /* @__PURE__ */ function() {
+var tt = /* @__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);
+    xe(this, e);
+    var n = t.initialPosition, o = t.direction, i = t.confettiRadius, s = t.confettiColors, a = t.emojis, r = t.emojiSize, c = t.canvasWidth, l = B(en, tn, 3), d = l * et(c);
     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 = B(nn, on, 3), this.rotationSpeed = a.length ? 0.01 : B(rn, sn, 3) * et(c), this.dragForceCoefficient = B(Yt, Kt, 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" ? B(0, 0.2, 3) : B(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = B(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
+    var u = o === "left" ? B(Ze, Qe) * Math.PI / 180 : B(-Qe, -Ze) * Math.PI / 180;
     this.absCos = Math.abs(Math.cos(u)), this.absSin = Math.abs(Math.sin(u));
-    var h = j(-150, 0), f = {
-      x: n.x + (o === "left" ? -h : h) * this.absCos,
-      y: n.y - h * this.absSin
+    var f = B(-150, 0), h = {
+      x: n.x + (o === "left" ? -f : f) * this.absCos,
+      y: n.y - f * 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({}, h), this.initialPosition = Object.assign({}, h), this.color = a.length ? null : Je(s), this.emoji = a.length ? Je(a) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
   }
   return Ie(e, [{
     key: "draw",
     value: function(n) {
-      var o = this.currentPosition, i = this.radius, s = this.color, l = this.emoji, r = this.rotationAngle, a = this.emojiRotationAngle, c = this.emojiSize, d = window.devicePixelRatio;
-      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 + Xt * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Jt * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
         this.emojiRotationAngle += this.rotationSpeed * n % (2 * Math.PI);
         return;
       }
-      r === "down" ? (this.radius.y -= n * 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 + an;
     }
   }]), e;
-}();
-function ln() {
+})();
+function dn() {
   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 fn(e) {
+  var t = e.confettiRadius, n = t === void 0 ? Qt : t, o = e.confettiNumber, i = o === void 0 ? e.confettiesNumber || (e.emojis ? cn : ln) : o, s = e.confettiColors, a = s === void 0 ? un : s, r = e.emojis, c = r === void 0 ? e.emojies || [] : r, l = e.emojiSize, d = l === void 0 ? Zt : l;
   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) {
+    xe(this, e), this.canvasContext = t, this.shapes = [], this.promise = new Promise(function(o) {
       return n.resolvePromise = o;
     });
   }
@@ -935,27 +955,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() {
+})(), mn = /* @__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);
+    xe(this, e), this.activeConfettiBatches = [], this.canvas = t.canvas || dn(), this.canvasContext = this.canvas.getContext("2d"), this.requestAnimationFrameRequested = !1, this.lastUpdated = (/* @__PURE__ */ new Date()).getTime(), this.iterationIndex = 0, this.loop = this.loop.bind(this), requestAnimationFrame(this.loop);
   }
   return Ie(e, [{
     key: "loop",
     value: function() {
-      this.requestAnimationFrameRequested = !1, Gt(this.canvas);
+      this.requestAnimationFrameRequested = !1, Ht(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 +986,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 = fn(n), i = o.confettiRadius, s = o.confettiNumber, a = o.confettiColors, r = o.emojis, c = o.emojiSize, l = this.canvas.getBoundingClientRect(), d = l.width, u = l.height, f = u * 5 / 7, h = {
         x: 0,
-        y: h
-      }, g = {
+        y: f
+      }, m = {
         x: d,
-        y: h
-      }, _ = new cn(this.canvasContext), v = 0; v < s / 2; v++) {
-        var T = new Je({
-          initialPosition: f,
+        y: f
+      }, v = new hn(this.canvasContext), g = 0; g < s / 2; g++) {
+        var p = new tt({
+          initialPosition: h,
           direction: "right",
           confettiRadius: i,
-          confettiColors: l,
+          confettiColors: a,
           confettiNumber: s,
           emojis: r,
-          emojiSize: a,
+          emojiSize: c,
           canvasWidth: d
-        }), b = new Je({
-          initialPosition: g,
+        }), T = new tt({
+          initialPosition: m,
           direction: "left",
           confettiRadius: i,
-          confettiColors: l,
+          confettiColors: a,
           confettiNumber: s,
           emojis: r,
-          emojiSize: a,
+          emojiSize: c,
           canvasWidth: d
         });
-        _.addShapes(T, b);
+        v.addShapes(p, T);
       }
-      return this.activeConfettiBatches.push(_), this.queueAnimationFrameIfNeeded(), _.getBatchCompletePromise();
+      return this.activeConfettiBatches.push(v), this.queueAnimationFrameIfNeeded(), v.getBatchCompletePromise();
     }
   }, {
     key: "clearCanvas",
@@ -1007,40 +1027,40 @@ var cn = /* @__PURE__ */ function() {
       this.canvas.remove();
     }
   }]), e;
-}();
-const dn = new un(), be = 3, hn = ({ onRetry: e }) => {
+})();
+const _n = new mn(), Te = 3, gn = ({ 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);
-  I(() => {
-    g && _ && (dn.addConfetti(), q.show(r.levelCompleteToast), b(!0));
-  }, [g, _]);
-  const C = ie(a), p = C.getTotalLevels(), S = Q(() => v >= p, [v, p]), w = () => {
-    b(!1), q.show(r.levelRestartToast), e?.();
-  }, y = () => {
-    b(!1), i((E) => ({
+    setGameProgress: a
+  } = se(), { i18n: r, levelConfig: c } = t, [l, d, u] = n, { foodCollected: f, totalFoodCount: h, playerAtExit: m, levelTransitioning: v } = o, { currentLevel: g } = s, [p, T] = j(!1);
+  F(() => {
+    m && v && (_n.addConfetti(), W.show(r.levelCompleteToast), T(!0));
+  }, [m, v]);
+  const C = ae(c), w = C.getTotalLevels(), z = ee(() => g >= w, [g, w]), y = () => {
+    T(!1), W.show(r.levelRestartToast), e?.();
+  }, k = () => {
+    T(!1), i((E) => ({
       ...E,
       isGameActive: !0,
       levelTransitioning: !1
     }));
-  }, z = () => {
-    b(!1);
-    const E = C.getNextLevelInfo(v);
+  }, S = () => {
+    T(!1);
+    const E = C.getNextLevelInfo(g);
     if (!E) return;
-    const { nextLevel: k, nextTier: L, isTierChange: A } = E;
-    A && q.show(
-      r.tierUnlockedToast.replace("%TIER%", L.toString())
-    ), l((x) => ({
+    const { nextLevel: M, nextTier: b, isTierChange: A } = E;
+    A && W.show(
+      r.tierUnlockedToast.replace("%TIER%", b.toString())
+    ), a((x) => ({
       ...x,
-      currentLevel: k,
-      currentTier: L,
-      highestUnlockedLevel: Math.max(x.highestUnlockedLevel, k),
-      highestUnlockedTier: Math.max(x.highestUnlockedTier, L),
+      currentLevel: M,
+      currentTier: b,
+      highestUnlockedLevel: Math.max(x.highestUnlockedLevel, M),
+      highestUnlockedTier: Math.max(x.highestUnlockedTier, b),
       levelScores: {
         ...x.levelScores,
         [x.currentLevel]: Math.max(
@@ -1049,101 +1069,101 @@ const dn = new un(), be = 3, hn = ({ onRetry: e }) => {
         )
       }
     }));
-  }, N = () => {
-    b(!1), l((E) => {
-      const k = Math.max(
+  }, L = () => {
+    T(!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 A = 0, x = 0;
-      const O = Object.entries(L).sort(
-        ($, U) => Number($[0]) - Number(U[0])
+      const $ = Object.entries(b).sort(
+        (U, O) => Number(U[0]) - Number(O[0])
       );
-      for (const [$, U] of O)
-        if (U < be) {
-          A = Number($), x = C.getTierByLevel(A);
+      for (const [U, O] of $)
+        if (O < Te) {
+          A = Number(U), x = C.getTierByLevel(A);
           break;
         }
-      return (A > 0 && A !== v || k < be) && q.show(r.notCompleteLevel), (A === 0 || k < be) && e?.(), {
+      return (A > 0 && A !== g || M < Te) && W.show(r.notCompleteLevel), (A === 0 || M < Te) && e?.(), {
         ...E,
         currentLevel: A || E.currentLevel,
         currentTier: x || E.currentTier,
-        levelScores: L
+        levelScores: b
       };
     });
   };
-  return I(() => {
-    const E = document.querySelector(".maze-game-container"), k = (L) => {
-      T && ((L.key === " " || L.code === "Space") && E && (E.contains(document.activeElement) || document.activeElement === document.body) && (L.preventDefault(), S ? N() : z()), (L.key === "r" || L.code === "KeyR") && w(), (L.key === "c" || L.code === "KeyC") && y());
+  return F(() => {
+    const E = document.querySelector(".maze-game-container"), M = (b) => {
+      p && ((b.key === " " || b.code === "Space") && E && (E.contains(document.activeElement) || document.activeElement === document.body) && (b.preventDefault(), z ? L() : S()), (b.key === "r" || b.code === "KeyR") && y(), (b.key === "c" || b.code === "KeyC") && k());
     };
-    return window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k);
-  }, [T, S]), /* @__PURE__ */ m(
-    te,
+    return window.addEventListener("keydown", M), () => window.removeEventListener("keydown", M);
+  }, [p, z]), /* @__PURE__ */ _(
+    oe,
     {
       className: "level-complete-dialog",
-      isOpen: T,
+      isOpen: p,
       title: r.congratulations,
       cancelText: r.retry + " (R)",
-      onCancel: w,
+      onCancel: y,
       noConfirm: !!d,
       confirmText: r.continue + " (C)",
-      onConfirm: y,
+      onConfirm: k,
       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) + ` (${f}/${h})` })
         ] }),
-        S && /* @__PURE__ */ m("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
-        /* @__PURE__ */ m("div", { className: "maze-go-next", children: S ? /* @__PURE__ */ m(
+        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: N,
+            onClick: L,
             children: [
-              /* @__PURE__ */ m("span", { children: r.lastOK }),
-              /* @__PURE__ */ m("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
+              /* @__PURE__ */ _("span", { children: r.lastOK }),
+              /* @__PURE__ */ _("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
             ]
           }
-        ) : /* @__PURE__ */ m(
+        ) : /* @__PURE__ */ _(
           "button",
           {
             className: "maze-go-next-btn",
             type: "button",
-            onClick: z,
+            onClick: S,
             children: [
-              /* @__PURE__ */ m("span", { children: r.nextLevel }),
-              /* @__PURE__ */ m("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
+              /* @__PURE__ */ _("span", { children: r.nextLevel }),
+              /* @__PURE__ */ _("span", { className: "spacebar-tip", children: `(${r.spacebarTip})` })
             ]
           }
         ) }),
-        !d && /* @__PURE__ */ m("div", { className: "not-all-stars-collected", children: r.continueMessage })
+        !d && /* @__PURE__ */ _("div", { className: "not-all-stars-collected", children: r.continueMessage })
       ]
     }
   );
-}, _t = (e, t) => {
+}, wt = (e, t) => {
   const n = R({
     canvasWidth: 0,
     canvasHeight: 0
   });
-  return I(() => {
+  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 +1171,15 @@ const dn = new un(), be = 3, hn = ({ onRetry: e }) => {
       window.removeEventListener("resize", o), i?.disconnect();
     };
   }, [e, t]), n;
-}, vt = (e, t, n) => {
+}, yt = (e, t, n) => {
   const o = R({ cellWidth: 0, cellHeight: 0 });
-  return I(() => {
+  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 +1188,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 = ({
+}, bt = ({
   gamePlayStateRef: e,
   setGamePlayState: t,
   moveSpeed: n,
@@ -1183,174 +1203,174 @@ 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 = R(!1), d = R(/* @__PURE__ */ new Set()), u = R(!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), f = He(
+    (C, w) => {
+      const z = e.current;
+      if (!z.maze)
         return { canMove: !1, newCell: null };
-      const w = a(), [y, z] = ce[C];
-      if (Ze(
-        p,
-        y,
-        z,
-        i,
+      const y = c(), [k, S] = ue[C];
+      if (nt(
         w,
-        S.maze
+        k,
+        S,
+        i,
+        y,
+        z.maze
       ))
         return { canMove: !1, newCell: null };
-      const { row: E, col: k } = p, L = E + y * w, A = k + z * w, x = -0.5, O = S.maze.rows, $ = S.maze.cols;
-      if (L < x || L >= O || A < x || A >= $)
+      const { row: E, col: M } = w, b = E + k * y, A = M + S * y, x = -0.5, $ = z.maze.rows, U = z.maze.cols;
+      if (b < x || b >= $ || A < x || A >= U)
         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 = A < 0 ? 0 : Math.floor(A);
-      return B !== U || Y !== V ? S.maze.isValid(B, Y) ? {
+      const O = E < 0 ? 0 : Math.floor(E), G = M < 0 ? 0 : Math.floor(M), q = b < 0 ? 0 : Math.floor(b), K = A < 0 ? 0 : Math.floor(A);
+      return q !== O || K !== G ? z.maze.isValid(q, K) ? {
         canMove: !0,
-        newCell: { row: B, col: Y }
+        newCell: { row: q, col: K }
       } : { canMove: !1, newCell: null } : { canMove: !0, newCell: null };
     },
-    [i, a]
-  ), 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 = {
+    [i, c]
+  ), h = () => {
+    const C = e.current, { row: w, col: z } = C.playerCell, y = i * 2, k = C.foodCells.findIndex((E) => Math.sqrt(
+      Math.pow(w - E.row, 2) + Math.pow(z - E.col, 2)
+    ) < y);
+    k !== -1 && s && (s(), e.current = {
       ...e.current,
       foodCollected: e.current.foodCollected + 1,
       foodCells: e.current.foodCells.filter(
-        (E, k) => k !== y
+        (E, M) => M !== k
       )
     });
-    const N = _n(
+    const L = Cn(
       C.playerCell,
       C.exitCell,
       C.maze
     );
-    N && !e.current.playerAtExit ? (e.current = {
+    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 = (C) => {
+    const w = e.current, z = Math.round(C.row), y = Math.round(C.col), k = w.playerPath[w.playerPath.length - 1], S = k.row === z && k.col === y, L = Math.abs(k.row - z), E = Math.abs(k.col - y);
+    if ((L === 1 && E === 0 || L === 0 && E === 1) && !S) {
+      const b = `${k.row},${k.col}-${z},${y}`;
       e.current = {
         ...e.current,
         playerPath: [
           ...e.current.playerPath,
-          { row: S, col: w }
+          { row: z, col: y }
         ],
         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;
+  }, v = () => {
+    if (l.current || d.current.size === 0) return;
     const C = e.current;
     !C.playerCell || !Array.from(d.current).some(
-      (S) => {
-        const { canMove: w } = h(
-          S,
+      (z) => {
+        const { canMove: y } = f(
+          z,
           C.playerCell
         );
-        return w;
+        return y;
       }
-    ) || (!u.current && r && (u.current = !0, r()), c.current = !0);
+    ) || (!u.current && r && (u.current = !0, r()), l.current = !0);
   };
-  I(() => {
-    const C = (w) => {
-      if (w.key === "ArrowUp" || w.key === "ArrowDown" || w.key === "ArrowLeft" || w.key === "ArrowRight" || w.key === " ") {
-        const y = document.activeElement;
-        if (y && (y.tagName === "INPUT" || y.tagName === "TEXTAREA" || y.getAttribute("contenteditable") === "true")) return;
-        w.preventDefault();
+  F(() => {
+    const C = (y) => {
+      if (y.key === "ArrowUp" || y.key === "ArrowDown" || y.key === "ArrowLeft" || y.key === "ArrowRight" || y.key === " ") {
+        const k = document.activeElement;
+        if (k && (k.tagName === "INPUT" || k.tagName === "TEXTAREA" || k.getAttribute("contenteditable") === "true")) return;
+        y.preventDefault();
       }
-    }, 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());
+    }, w = (y) => {
+      const k = y.key;
+      if (!(k in ue)) return;
+      const S = document.activeElement;
+      S && (S.tagName === "INPUT" || S.tagName === "TEXTAREA" || S.getAttribute("contenteditable") === "true") || (y.preventDefault(), e.current.isGameActive && (d.current.has(k) || (d.current.add(k), l.current || v())));
+    }, z = (y) => {
+      const k = y.key;
+      if (!(k in ue)) return;
+      const S = document.activeElement;
+      S && (S.tagName === "INPUT" || S.tagName === "TEXTAREA" || S.getAttribute("contenteditable") === "true") || (y.preventDefault(), d.current.delete(k), d.current.size === 0 && p());
     };
     return window.addEventListener("keydown", C, {
       capture: !0
-    }), window.addEventListener("keydown", p), window.addEventListener("keyup", S), () => {
+    }), window.addEventListener("keydown", w), window.addEventListener("keyup", z), () => {
       window.removeEventListener("keydown", C, {
         capture: !0
-      }), window.removeEventListener("keydown", p), window.removeEventListener("keyup", S);
+      }), window.removeEventListener("keydown", w), window.removeEventListener("keyup", z);
     };
   }, []);
-  const v = He(() => {
-    if (!c.current || d.current.size === 0)
+  const g = He(() => {
+    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 D of d.current) {
-      const { canMove: G } = h(D, p);
-      if (G) {
-        const [K, se] = ce[D];
-        S += K, w += se, y++;
+    const C = c(), w = e.current.playerCell;
+    let z = 0, y = 0, k = 0;
+    for (const X of d.current) {
+      const { canMove: te } = f(X, w);
+      if (te) {
+        const [P, V] = ue[X];
+        z += P, y += V, k++;
       }
     }
-    if (y === 0)
+    if (k === 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)
-    ), A = k - p.row, x = L - p.col, O = Math.sqrt(A * A + x * x);
-    if (O > 0) {
-      const D = A / O, G = x / O;
-      if (Ze(
-        p,
-        D,
-        G,
+    const S = Math.sqrt(z * z + y * y), L = S > 0 ? z / S : 0, E = S > 0 ? y / S : 0, M = Number(
+      (w.row + L * C).toFixed(2)
+    ), b = Number(
+      (w.col + E * C).toFixed(2)
+    ), A = M - w.row, x = b - w.col, $ = Math.sqrt(A * A + x * x);
+    if ($ > 0) {
+      const X = A / $, te = x / $;
+      if (nt(
+        w,
+        X,
+        te,
         i,
-        O,
+        $,
         e.current.maze
       ))
         return e.current.playerCell;
     }
     e.current.playerCell = {
-      row: k,
-      col: L
-    }, 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();
+      row: M,
+      col: b
+    }, h();
+    const U = w.row < 0 ? 0 : Math.round(w.row), O = w.col < 0 ? 0 : Math.round(w.col), G = M < 0 ? 0 : Math.round(M), q = b < 0 ? 0 : Math.round(b);
+    return (G !== U || q !== O) && m({ row: G, col: q }), e.current.playerCell;
+  }, [c, f]), p = () => {
+    l.current = !1, d.current.clear();
   };
   return {
-    updatePlayerPos: v,
-    resetMovingState: T,
+    updatePlayerPos: g,
+    resetMovingState: p,
     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 });
-  const h = [
+function nt(e, t, n, o, i, s) {
+  const a = e.row + t * i, r = e.col + n * i, c = { row: a, col: r }, l = [], d = e.row < 0 ? 0 : Math.floor(e.row), u = e.col < 0 ? 0 : Math.floor(e.col);
+  l.push({ row: d, col: u });
+  const f = [
     [-1, 0],
     // up
     [1, 0],
@@ -1368,19 +1388,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 [h, m] of f) {
+    const v = d + h, g = u + m;
+    s.isValid(v, g) && l.push({ row: v, col: g });
   }
-  for (const f of c) {
-    const g = fn(f.row, f.col, s);
-    for (const _ of g)
-      if (mn(a, _) < o)
+  for (const h of l) {
+    const m = vn(h.row, h.col, s);
+    for (const v of m)
+      if (pn(c, v) < 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 +1416,160 @@ 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(
+function pn(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,
-      (l * i + r * s) / a
+      (a * i + r * s) / c
     )
-  ), d = n.col + c * i, u = n.row + c * s, h = e.col - d, f = e.row - u;
-  return Math.sqrt(h * h + f * f);
+  ), d = n.col + l * i, u = n.row + l * s, f = e.col - d, h = e.row - u;
+  return Math.sqrt(f * f + h * h);
 }
-function _n(e, t, n) {
+function Cn(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) {
+function Tt(e, t, n, o, i) {
   if (!e || !t.maze) return;
-  const { canvasWidth: s, canvasHeight: l } = n, { cellWidth: r, cellHeight: a } = o, {
-    maze: c,
+  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: g,
-    visitCounts: _
+    foodCells: f,
+    showClue: h,
+    playerPath: m,
+    visitCounts: v
   } = t, {
-    padding: v,
-    wallWidth: T,
+    padding: g,
+    wallWidth: p,
     // need merge with level config when passed here
-    wallColor: b,
+    wallColor: T,
     playerColor: C,
-    playerRadius: p,
-    foodColor: S,
-    backgroundColor: w,
-    clueColor: y,
-    exitColor: z,
-    exitWallWidth: N,
-    exitDashArray: E
+    playerRadius: w,
+    foodColor: z,
+    backgroundColor: y,
+    clueColor: k,
+    fogEnabled: S,
+    fogRadius: L,
+    fogColor: E,
+    fogSoftness: M,
+    exitColor: b,
+    exitWallWidth: A,
+    exitDashArray: x
   } = i;
-  e.clearRect(0, 0, s, l), e.save(), e.fillStyle = w, e.fillRect(0, 0, s, l), e.restore(), f && yn({
+  e.clearRect(0, 0, s, a), e.save(), e.fillStyle = y, e.fillRect(0, 0, s, a), e.restore(), h && Sn({
     ctx: e,
-    playerPath: g,
-    visitCounts: _,
+    playerPath: m,
+    visitCounts: v,
     cellWidth: r,
-    cellHeight: a,
-    padding: v,
-    clueColor: y
-  }), vn({
+    cellHeight: c,
+    padding: g,
+    clueColor: k
+  });
+  const $ = kt(l, r, c, g);
+  (t.fogEnabled ?? !0) && S && En({
     ctx: e,
-    maze: c,
+    canvasWidth: s,
+    canvasHeight: a,
     cellWidth: r,
-    cellHeight: a,
-    padding: v,
-    wallColor: b,
-    wallWidth: T
-  }), pn({
+    cellHeight: c,
+    padding: g,
+    playerCell: d,
+    walls: $,
+    fogRadius: L,
+    fogColor: E,
+    fogSoftness: M
+  }), wn({
     ctx: e,
-    maze: c,
-    exitCell: u,
+    maze: l,
     cellWidth: r,
-    cellHeight: a,
-    padding: v,
-    exitColor: z,
-    exitWallWidth: N,
-    exitDashArray: E
-  }), wn({
+    cellHeight: c,
+    padding: g,
+    wallColor: T,
+    wallWidth: p,
+    walls: $
+  }), bn({
     ctx: e,
-    foodCells: h,
+    maze: l,
+    exitCell: u,
     cellWidth: r,
-    cellHeight: a,
-    padding: v,
-    foodColor: S
-  }), gn({
+    cellHeight: c,
+    padding: g,
+    exitColor: b,
+    exitWallWidth: A,
+    exitDashArray: x
+  }), yn({
     ctx: e,
     playerCell: d,
-    playerRadius: p,
+    playerRadius: w,
     cellWidth: r,
-    cellHeight: a,
-    padding: v,
+    cellHeight: c,
+    padding: g,
     playerColor: C
+  }), Tn({
+    ctx: e,
+    foodCells: f,
+    cellWidth: r,
+    cellHeight: c,
+    padding: g,
+    foodColor: z
   });
 }
-function vn({
+function wn({
   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 ?? kt(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 yn({
   ctx: e,
   playerCell: t,
   playerRadius: n,
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  playerColor: l
+  playerColor: a
 }) {
-  const { x: r, y: a } = ve(
+  const { x: r, y: c } = Z(
     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();
+  ), 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 pn({
+function bn({
   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, f = s + l * i;
+  e.save(), e.globalCompositeOperation = "destination-out", e.lineWidth = r, e.lineCap = "round", e.beginPath(), e.moveTo(u, f + i), e.lineTo(u + o, f + i), e.stroke(), e.globalCompositeOperation = "source-over", e.strokeStyle = a, e.lineWidth = r, e.setLineDash(c), e.beginPath(), e.moveTo(u, f + i), e.lineTo(u + o, f + i), e.stroke(), e.restore();
 }
-function wn({
+function Tn({
   ctx: e,
   foodCells: t,
   cellWidth: n,
@@ -1537,106 +1577,207 @@ 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(
+    const { x: c, y: l } = Z(
       r.row,
       r.col,
       n,
       o,
       i
     );
-    Cn(e, a, c, l * 1.2, 5, l * 0.6);
+    kn(e, c, l, a * 1.25, 5, a * 0.62);
+  }), e.shadowBlur = 0, e.strokeStyle = "rgba(255,255,255,0.5)", e.lineWidth = Math.max(a * 0.3, 1), t.forEach((r) => {
+    const { x: c, y: l } = Z(
+      r.row,
+      r.col,
+      n,
+      o,
+      i
+    );
+    e.beginPath(), e.arc(c, l, a * 1.05, 0, Math.PI * 2), e.stroke();
   });
 }
-function Cn(e, t, n, o, i, s) {
+function kn(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));
+  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 yn({
+function Sn({
   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}`, f = (n[d] || 0) + (n[u] || 0), h = Math.min(0.2 + f * 0.1, 0.9), m = Math.max(3, o * 0.1) + f * 0.5;
       try {
-        e.strokeStyle = l.replace(")", `, ${f})`).replace("rgb(", "rgba(");
+        e.strokeStyle = a.replace(")", `, ${h})`).replace("rgb(", "rgba(");
       } catch {
-        e.strokeStyle = `rgba(255, 0, 0, ${f})`;
+        e.strokeStyle = `rgba(255, 0, 0, ${h})`;
       }
-      e.lineWidth = g, e.lineCap = "round", e.lineJoin = "round";
-      const { x: _, y: v } = ve(
-        a.row,
-        a.col,
+      e.lineWidth = m, e.lineCap = "round", e.lineJoin = "round";
+      const { x: v, y: g } = Z(
+        c.row,
+        c.col,
         o,
         i,
         s
-      ), { x: T, y: b } = ve(
-        c.row,
-        c.col,
+      ), { x: p, y: T } = Z(
+        l.row,
+        l.col,
         o,
         i,
         s
       );
-      e.beginPath(), e.moveTo(_, v), e.lineTo(T, b), e.stroke();
+      e.beginPath(), e.moveTo(v, g), e.lineTo(p, T), e.stroke();
     }
     e.restore();
   }
 }
-function bn(e, t, n, o) {
+function En({
+  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 f = Z(
+    a.row,
+    a.col,
+    o,
+    i,
+    s
+  ), h = zn(
+    f,
+    r,
+    u
+  );
+  e.save(), e.fillStyle = l, e.fillRect(0, 0, t, n), e.globalCompositeOperation = "destination-out";
+  const m = Math.max(Math.min(o, i) * 0.25, 2);
+  e.filter = `blur(${m}px)`;
+  const v = Math.max(Math.min(d, 1), 0), g = e.createRadialGradient(
+    f.x,
+    f.y,
+    Math.max(u * 0.2, 6),
+    f.x,
+    f.y,
+    u
+  );
+  g.addColorStop(0, "rgba(0, 0, 0, 1)"), g.addColorStop(Math.max(0.25, v - 0.1), "rgba(0, 0, 0, 1)"), g.addColorStop(1, "rgba(0, 0, 0, 0)"), e.fillStyle = g, h.length >= 3 ? (e.beginPath(), h.forEach((p, T) => {
+    T === 0 ? e.moveTo(p.x, p.y) : e.lineTo(p.x, p.y);
+  }), e.closePath(), e.fill()) : (e.beginPath(), e.arc(f.x, f.y, u, 0, Math.PI * 2), e.fill()), e.restore();
+}
+function zn(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) => Mn(e, a, t, n)
+  );
+}
+function Mn(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 = Ln(
+      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 Ln(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 kt(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;
+    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: a,
-        y1: c,
-        x2: a + t,
-        y2: c
+        x1: c,
+        y1: l,
+        x2: c + t,
+        y2: l
       }), r.walls.right && i.push({
-        x1: a + t,
-        y1: c,
-        x2: a + t,
-        y2: c + n
+        x1: c + t,
+        y1: l,
+        x2: c + t,
+        y2: l + n
       }), r.walls.bottom && i.push({
-        x1: a,
-        y1: c + n,
-        x2: a + t,
-        y2: c + n
+        x1: c,
+        y1: l + n,
+        x2: c + t,
+        y2: l + n
       }), r.walls.left && i.push({
-        x1: a,
-        y1: c,
-        x2: a,
-        y2: c + n
+        x1: c,
+        y1: l,
+        x2: c,
+        y2: l + n
       });
     }
   return i;
 }
-function ve(e, t, n, o, i) {
+function Z(e, t, n, o, i) {
   return {
     x: i + t * n + n / 2,
     y: i + e * o + o / 2
   };
 }
-function Tn(e) {
+function Nn(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 An {
   // initially all walls exit
   constructor(t, n) {
     this.row = t, this.col = n;
@@ -1644,7 +1785,7 @@ class kn {
   visited = !1;
   walls = { top: !0, right: !0, bottom: !0, left: !0 };
 }
-class wt {
+class St {
   rows;
   cols;
   grid;
@@ -1660,8 +1801,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 = Nn(this.seed), this.grid = this.initializeGrid(), this.generate(o, s, a);
   }
   // Initialize the grid with new MazeCell objects
   initializeGrid() {
@@ -1669,7 +1810,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 An(n, o);
     }
     return t;
   }
@@ -1690,8 +1831,8 @@ 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;
   }
@@ -1711,8 +1852,8 @@ class wt {
   }
   // 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 +1882,28 @@ 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 +1928,188 @@ class wt {
     return t[Math.floor(this.random() * t.length)];
   }
 }
-const Ct = (e, t, n) => {
+const Et = (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) => {
+}, Pn = (e) => e === 1 ? 2 : e >= 2 && e <= 5 ? 3 : e >= 6 && e <= 11 ? 4 : e >= 12 && e <= 15 ? 5 : 6, xn = (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), f = Pn(e), h = [];
+  for (let m = 0; m < f; m++) {
+    let v;
     do
-      _ = {
+      v = {
         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 (v.row === l.row && v.col === l.col || v.row === d.row && v.col === d.col || !Et(u, v.row, v.col) || h.some((g) => g.row === v.row && g.col === v.col));
+    h.push(v);
   }
   return {
     isGameActive: !0,
     levelTransitioning: !1,
     maze: u,
-    playerCell: c,
+    playerCell: l,
     exitCell: d,
-    foodCells: f,
+    foodCells: h,
     playerAtExit: !1,
     foodCollected: 0,
-    totalFoodCount: h,
+    totalFoodCount: f,
     showClue: !1,
-    playerPath: [c],
-    visitCounts: { [`${c.row},${c.col}`]: 1 }
+    playerPath: [l],
+    visitCounts: { [`${l.row},${l.col}`]: 1 }
   };
-}, En = ({
+}, In = ({
   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), f = [];
   if (i)
     for (let h = 0; h < o; h++) {
-      let f, g = 0;
+      let m, v = 0;
       do
-        f = {
-          row: Math.floor(d.random() * l),
-          col: Math.floor(d.random() * r)
-        }, g++;
-      while (g < 50 && (f.row === a.row && f.col === a.col || f.row === c.row && f.col === c.col || !Ct(d, f.row, f.col) || u.some(
-        (_) => _.row === f.row && _.col === f.col
+        m = {
+          row: Math.floor(u.random() * r),
+          col: Math.floor(u.random() * c)
+        }, v++;
+      while (v < 50 && (m.row === l.row && m.col === l.col || m.row === d.row && m.col === d.col || !Et(u, m.row, m.col) || f.some(
+        (g) => g.row === m.row && g.col === m.col
       )));
-      g < 50 && u.push(f);
+      v < 50 && f.push(m);
     }
   return {
     isGameActive: !0,
     levelTransitioning: !1,
-    maze: d,
-    playerCell: a,
-    exitCell: c,
-    foodCells: u,
+    maze: u,
+    playerCell: l,
+    exitCell: d,
+    foodCells: f,
     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() {
+function Fn() {
   const {
     setGamePlayState: e,
     gamePlayState: t,
     gamePlayStateRef: n,
     gameProgress: o,
     config: i
-  } = re(), s = R(null), l = R(null), { i18n: r, levelConfig: a, renderConfig: c } = i, d = ie(a), u = R(
+  } = se(), s = R(null), a = R(null), { i18n: r, levelConfig: c, renderConfig: l } = i, d = ae(c), u = R(
     d.getLevelConfig(o.currentLevel)
   );
-  I(() => {
-    s.current && q.attachTo(s.current);
+  F(() => {
+    s.current && W.attachTo(s.current);
   }, []);
-  const h = R(), f = _t(l, () => {
-    h.current?.();
-  }), g = vt(
-    l,
+  const f = R(), h = wt(a, () => {
+    f.current?.();
+  }), m = yt(
+    a,
     t,
-    c.padding
+    l.padding
   );
-  I(() => {
+  F(() => {
     u.current = d.getLevelConfig(
       o.currentLevel
     );
   }, [o.currentLevel]);
-  const _ = () => {
-    const C = zn(
+  const v = () => {
+    const C = xn(
       o.currentLevel,
       u.current
     );
-    C && e((p) => ({
-      ...p,
+    C && e((w) => ({
+      ...w,
       ...C
     }));
   };
-  I(() => {
-    _();
+  F(() => {
+    v();
   }, [o.currentLevel]);
-  const v = () => {
-    _();
-  }, { updatePlayerPos: T, resetMovingState: b } = gt({
+  const g = () => {
+    v();
+  }, { updatePlayerPos: p, resetMovingState: T } = bt({
     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(
+      C > 0 ? W.show(
         r.foodCollectedToast.replace("%NUM%", C.toString()),
         3e3
-      ) : q.show(r.allFoodCollectedToast);
+      ) : W.show(r.allFoodCollectedToast);
     }
   });
-  return I(() => {
-    b();
-  }, [o.currentLevel, b]), I(() => {
-    let C, p = !document.hidden;
-    const S = () => {
-      const z = l.current?.getContext("2d"), N = n.current;
-      if (!(p && N?.isGameActive && z && N?.maze)) {
-        C = requestAnimationFrame(S);
+  return F(() => {
+    T();
+  }, [o.currentLevel, T]), F(() => {
+    let C, w = !document.hidden;
+    const z = () => {
+      const S = a.current?.getContext("2d"), L = n.current;
+      if (!(w && L?.isGameActive && S && L?.maze)) {
+        C = 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, A = u.current?.exitDashArray || c?.exitDashArray;
-        pt(z, N, f.current, g.current, {
-          ...c,
+      p(), y(), C = requestAnimationFrame(z);
+    }, y = () => {
+      const S = a.current?.getContext("2d"), L = n.current;
+      if (S && L?.maze) {
+        const E = u.current?.wallWidth || l?.wallWidth, M = u.current?.exitColor || l?.exitColor, b = u.current?.exitWallWidth || l?.exitWallWidth, A = u.current?.exitDashArray || l?.exitDashArray;
+        Tt(S, L, h.current, m.current, {
+          ...l,
           wallWidth: E,
-          exitColor: k,
-          exitWallWidth: L,
+          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({
+    f.current = y;
+    const k = (S) => {
+      const L = w;
+      w = !document.hidden && document.visibilityState === "visible" && (!S || S.type !== "blur"), !L && w ? n.current?.levelTransitioning === !1 && e({
         ...n.current,
         isGameActive: !0
-      }) : N && !p && e({
+      }) : L && !w && 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", k), window.addEventListener("blur", k), window.addEventListener("focus", k), C = requestAnimationFrame(z), () => {
+      cancelAnimationFrame(C), document.removeEventListener("visibilitychange", k), window.removeEventListener("blur", k), window.removeEventListener("focus", k);
     };
-  }, []), I(() => {
-    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" }) })
+  }, []), F(() => {
+    W.show(r.useArrowKeyTips, 3e3);
+  }, []), /* @__PURE__ */ _("div", { className: "maze-game-container", children: [
+    /* @__PURE__ */ _(Bt, {}),
+    /* @__PURE__ */ _(gn, { onRetry: g }),
+    /* @__PURE__ */ _("div", { className: "maze-canvas-container", ref: s, children: /* @__PURE__ */ _("canvas", { ref: a, className: "maze-game-canvas" }) })
   ] });
 }
-const Nn = (e) => {
+const Rn = (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 = R(), i = R(!1), s = R(0);
-  return I(() => {
-    const l = () => {
+}, On = ({ timer: e }) => {
+  const [t, n] = j(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,152 +2118,181 @@ 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]), I(() => {
+  }, [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(
+  }, [e]), /* @__PURE__ */ _("div", { className: "single-maze-timer", children: /* @__PURE__ */ _(
     "span",
     {
       className: `maze-timer-text ${t <= 10 && i.current ? "maze-timer-warning" : ""}`,
       children: [
         "⏱️ ",
-        Nn(t)
+        Rn(t)
       ]
     }
   ) });
 };
-function An({ config: e }) {
+function Dn({ config: e }) {
   const {
     size: t,
     seed: n,
     method: o,
     foodCount: i,
     foodRace: s,
-    clue: l,
+    clue: a,
     renderConfig: r,
-    successCallback: a,
-    failCallback: c,
+    successCallback: c,
+    failCallback: l,
     timer: d,
     i18n: u
-  } = e, [h, f] = W({
-    ...Ee
-  }), [g, _] = W(!1), [v, T] = W(!0), [b, C] = W(!1), [p, S] = W(""), w = R(0), y = R(!1), z = R(!1), N = R(null), E = R(null), k = R(h), L = R(), A = _t(N, () => {
-    L.current?.();
-  }), x = vt(N, h, r.padding);
-  I(() => {
-    k.current = h;
+  } = e, f = r.fogEnabled ?? !0, [h, m] = j({
+    ...Ct,
+    fogEnabled: f
+  }), [v, g] = j(!1), [p, T] = j(!0), [C, w] = j(!1), [z, y] = j(""), k = R(0), S = R(!1), L = R(!1), E = R(null), M = R(null), b = R(h), A = R(), x = wt(E, () => {
+    A.current?.();
+  }), $ = yt(E, h, r.padding);
+  F(() => {
+    b.current = h;
   }, [h]);
-  const { updatePlayerPos: O, resetMovingState: $, resetFirstMoveState: U } = gt({
-    gamePlayStateRef: k,
-    setGamePlayState: f,
+  const { updatePlayerPos: U, resetMovingState: O, resetFirstMoveState: G } = bt({
+    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), requestAnimationFrame(() => {
-            f((D) => ({
-              ...D,
-              playerAtExit: !1,
-              isGameActive: !0,
-              levelTransitioning: !1
-            }));
-          });
+      if (!S.current) {
+        if (s && b.current.foodCollected < b.current.totalFoodCount) {
+          y(`⭐️ ${u.foodMsg}`), w(!0), m((P) => ({
+            ...P,
+            isGameActive: !1
+            // Disable controls while popup is shown
+          }));
           return;
         }
-        B();
+        m((P) => ({
+          ...P,
+          isGameActive: !1
+        })), K();
       }
     },
     onFirstMove: () => {
       window.dispatchEvent(new CustomEvent("maze:firstMove"));
     }
-  }), V = () => {
-    y.current = !0, S(`⏰ ${u.failMsg}`), C(!0), f({
-      ...k.current,
+  }), q = () => {
+    S.current = !0, y(`⏰ ${u.failMsg}`), w(!0), m({
+      ...b.current,
       isGameActive: !1
     });
-  }, B = () => {
-    y.current = !0, z.current = !0, S(`🎉 ${u.successMsg}`), C(!0), window.dispatchEvent(new CustomEvent("maze:gameSuccess"));
-  }, Y = () => {
-    C(!1), y.current && (T(!1), f((D) => ({
-      ...D,
+  }, K = () => {
+    S.current = !0, L.current = !0, y(`🎉 ${u.successMsg}`), w(!0), m((P) => ({
+      ...P,
+      isGameActive: !1
+    })), window.dispatchEvent(new CustomEvent("maze:gameSuccess"));
+  }, X = () => {
+    if (w(!1), !S.current) {
+      m((P) => ({
+        ...P,
+        isGameActive: !0
+      }));
+      return;
+    }
+    T(!1), m((P) => ({
+      ...P,
       showClue: !0
-    })), z.current ? a?.(w.current) : c?.());
+    })), L.current ? c?.(k.current) : l?.();
   };
-  return I(() => {
+  F(() => {
     (async () => {
-      _(!0);
+      g(!0);
       try {
-        const G = En({
+        const V = In({
           size: t,
           seed: n,
           method: o,
           foodCount: i,
           foodRace: s,
-          clue: l
+          clue: a,
+          fogEnabled: b.current.fogEnabled ?? f
         });
-        k.current = G, f(G);
-      } catch (G) {
-        console.error("Error generating single maze:", G);
+        b.current = V, m(V);
+      } catch (V) {
+        console.error("Error generating single maze:", V);
       } finally {
-        _(!1);
+        g(!1);
       }
     })();
-  }, [e]), I(() => {
-    let D;
-    const G = !document.hidden, K = () => {
-      const le = N.current?.getContext("2d"), ee = k.current;
-      if (!(G && ee?.isGameActive && le && ee?.maze)) {
-        D = requestAnimationFrame(K);
+  }, [e, f]), F(() => {
+    let P;
+    const V = !document.hidden, ye = () => {
+      const le = E.current?.getContext("2d"), ne = b.current;
+      if (!(V && ne?.isGameActive && le && ne?.maze)) {
+        P = requestAnimationFrame(ye);
         return;
       }
-      O(), se(), D = requestAnimationFrame(K);
-    }, se = () => {
-      const le = N.current?.getContext("2d"), ee = k.current;
-      le && ee?.maze && pt(
+      U(), Fe(), P = requestAnimationFrame(ye);
+    }, Fe = () => {
+      const le = E.current?.getContext("2d"), ne = b.current;
+      le && ne?.maze && Tt(
         le,
-        ee,
-        A.current,
+        ne,
         x.current,
+        $.current,
         r
       );
     };
-    return L.current = se, D = requestAnimationFrame(K), () => {
-      cancelAnimationFrame(D);
+    return A.current = Fe, P = requestAnimationFrame(ye), () => {
+      cancelAnimationFrame(P);
     };
-  }, []), I(() => {
-    $(), U();
-  }, [e, $, U]), I(() => {
-    const D = (G) => {
-      w.current = G.detail.timeUsed;
+  }, []), F(() => {
+    O(), G();
+  }, [e, O, G]), F(() => {
+    const P = (V) => {
+      k.current = V.detail.timeUsed;
     };
-    return window.addEventListener("maze:timeUsed", D), window.addEventListener("maze:timeUp", V), () => {
+    return window.addEventListener("maze:timeUsed", P), window.addEventListener("maze:timeUp", q), () => {
       window.removeEventListener(
         "maze:timeUsed",
-        D
-      ), window.removeEventListener("maze:timeUp", V);
+        P
+      ), window.removeEventListener("maze:timeUp", q);
     };
-  }, []), 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,
+  }, []);
+  const te = () => {
+    m((P) => ({
+      ...P,
+      fogEnabled: !P.fogEnabled
+    }));
+  };
+  return v ? /* @__PURE__ */ _("div", { className: "single-maze-loading", children: /* @__PURE__ */ _("div", { children: "Generating maze..." }) }) : h ? /* @__PURE__ */ _("div", { className: "maze-game-container", children: [
+    /* @__PURE__ */ _("div", { className: "single-maze-toolbar", children: [
+      p && /* @__PURE__ */ _(On, { timer: d }),
+      /* @__PURE__ */ _(
+        "button",
+        {
+          className: `settings-clue-button settings-fog-button ${h.fogEnabled ? "fog-on" : "fog-off"}`,
+          onClick: te,
+          children: h.fogEnabled ? u.fogOn : u.fogOff
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _("div", { className: "single-maze-canvas-container", ref: M, children: /* @__PURE__ */ _("canvas", { ref: E, className: "maze-game-canvas" }) }),
+    /* @__PURE__ */ _(
+      oe,
       {
-        isOpen: b,
-        title: p,
+        isOpen: C,
+        title: z,
         noConfirm: !0,
         cancelText: "OK",
-        onCancel: Y
+        onCancel: X
       }
     )
-  ] }) : /* @__PURE__ */ m("div", { className: "single-maze-error", children: /* @__PURE__ */ m("div", { children: "Failed to generate maze" }) });
+  ] }) : /* @__PURE__ */ _("div", { className: "single-maze-error", children: /* @__PURE__ */ _("div", { children: "Failed to generate maze" }) });
 }
-const yt = [
+const zt = [
   // Tier 1 (Levels 1-12) - Beginner
   [
     // debug
@@ -2278,23 +2450,27 @@ const yt = [
     { size: 68, seed: 33341, method: "backtracking" }
     // Level 60 - Master
   ]
-], Pn = 0.07, bt = {
-  gridMoveSpeed: Pn,
+], $n = 0.07, Mt = {
+  gridMoveSpeed: $n,
   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",
@@ -2337,15 +2513,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: Mt,
+  levelConfig: zt
+}, _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,
@@ -2354,8 +2536,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: Mt,
+  timer: 600,
   // 10 minutes
   successCallback: () => {
     console.log("🎉 Single maze completed successfully!");
@@ -2364,48 +2546,48 @@ const yt = [
     console.log("⏰ Time is up! Game failed.");
   }
 };
-function In({ config: e = {} }) {
-  const t = { ...fe.i18n, ...e.i18n || {} }, n = {
-    ...fe.renderConfig,
+function Un({ config: e = {} }) {
+  const t = { ...me.i18n, ...e.i18n || {} }, n = {
+    ...me.renderConfig,
     ...e.renderConfig || {}
-  }, o = e.levelConfig || yt, i = {
-    ...fe,
+  }, o = e.levelConfig || zt, i = {
+    ...me,
     ...e,
     i18n: t,
     levelConfig: o,
     renderConfig: n
   };
-  return /* @__PURE__ */ m(Ft, { config: i, children: /* @__PURE__ */ m(Ln, {}) });
+  return /* @__PURE__ */ _(jt, { config: i, children: /* @__PURE__ */ _(Fn, {}) });
 }
-function xn({
+function Gn({
   config: e = {}
 }) {
-  const t = { ...me.i18n, ...e.i18n || {} }, n = {
-    ...me.renderConfig,
+  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.4/dist/",
-  ...fe
-};
-`${JSON.stringify(Rn, null, 2)}`;
-const Fn = {
-  root: "https://unpkg.com/@roudanio/maze@0.2.4/dist/",
+const jn = {
+  root: "https://unpkg.com/@roudanio/maze@0.3.0/dist/",
   ...me
 };
+`${JSON.stringify(jn, null, 2)}`;
+const Wn = {
+  root: "https://unpkg.com/@roudanio/maze@0.3.0/dist/",
+  ..._e
+};
 `${JSON.stringify(
-  Fn,
+  Wn,
   (e, t) => typeof t == "function" ? t.toString() : t,
   2
 )}`;
-const On = {
+const Bn = {
   showNotice() {
     console.warn("Cannot find the root element");
     const e = document.createElement("div");
@@ -2446,7 +2628,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 = "", $e(/* @__PURE__ */ _(Un, { config: t }), n);
   },
   async initSingle(e, t) {
     const n = typeof e == "string" ? document.querySelector(e) : e;
@@ -2455,9 +2637,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 = "", $e(/* @__PURE__ */ _(Gn, { config: t }), n);
   }
 };
 export {
-  On as default
+  Bn as default
 };