@roudanio/maze 0.0.13 → 0.1.0

package/dist/maze.js

@@ -1,4 +1,4 @@
-var se, L, Ue, j, be, je, Ge, We, me, de, he, He, V = {}, qe = [], it = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, le = Array.isArray;
+var se, S, Ue, W, be, We, je, Ge, me, de, he, He, V = {}, qe = [], it = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, le = Array.isArray;
 function $(t, e) {
   for (var n in e) t[n] = e[n];
   return t;
@@ -7,14 +7,14 @@ function ve(t) {
   t && t.parentNode && t.parentNode.removeChild(t);
 }
 function st(t, e, n) {
-  var o, i, s, a = {};
-  for (s in e) s == "key" ? o = e[s] : s == "ref" ? i = e[s] : a[s] = e[s];
-  if (arguments.length > 2 && (a.children = arguments.length > 3 ? se.call(arguments, 2) : n), typeof t == "function" && t.defaultProps != null) for (s in t.defaultProps) a[s] == null && (a[s] = t.defaultProps[s]);
-  return Q(t, a, o, i, null);
+  var o, i, s, l = {};
+  for (s in e) s == "key" ? o = e[s] : s == "ref" ? i = e[s] : l[s] = e[s];
+  if (arguments.length > 2 && (l.children = arguments.length > 3 ? se.call(arguments, 2) : n), typeof t == "function" && t.defaultProps != null) for (s in t.defaultProps) l[s] == null && (l[s] = t.defaultProps[s]);
+  return Q(t, l, o, i, null);
 }
 function Q(t, e, n, o, i) {
   var s = { type: t, props: e, key: n, ref: o, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: i ?? ++Ue, __i: -1, __u: 0 };
-  return i == null && L.vnode != null && L.vnode(s), s;
+  return i == null && S.vnode != null && S.vnode(s), s;
 }
 function ae(t) {
   return t.children;
@@ -22,10 +22,10 @@ function ae(t) {
 function ee(t, e) {
   this.props = t, this.context = e;
 }
-function H(t, e) {
-  if (e == null) return t.__ ? H(t.__, t.__i + 1) : null;
+function G(t, e) {
+  if (e == null) return t.__ ? G(t.__, t.__i + 1) : null;
   for (var n; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) return n.__e;
-  return typeof t.type == "function" ? H(t) : null;
+  return typeof t.type == "function" ? G(t) : null;
 }
 function Be(t) {
   var e, n;
@@ -37,22 +37,22 @@ function Be(t) {
     return Be(t);
   }
 }
-function _e(t) {
-  (!t.__d && (t.__d = !0) && j.push(t) && !re.__r++ || be != L.debounceRendering) && ((be = L.debounceRendering) || je)(re);
+function fe(t) {
+  (!t.__d && (t.__d = !0) && W.push(t) && !re.__r++ || be != S.debounceRendering) && ((be = S.debounceRendering) || We)(re);
 }
 function re() {
-  for (var t, e, n, o, i, s, a, r = 1; j.length; ) j.length > r && j.sort(Ge), t = j.shift(), r = j.length, t.__d && (n = void 0, i = (o = (e = t).__v).__e, s = [], a = [], e.__P && ((n = $({}, o)).__v = o.__v + 1, L.vnode && L.vnode(n), pe(e.__P, n, o, e.__n, e.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? H(o), !!(32 & o.__u), a), n.__v = o.__v, n.__.__k[n.__i] = n, Xe(s, n, a), n.__e != i && Be(n)));
+  for (var t, e, n, o, i, s, l, r = 1; W.length; ) W.length > r && W.sort(je), t = W.shift(), r = W.length, t.__d && (n = void 0, i = (o = (e = t).__v).__e, s = [], l = [], e.__P && ((n = $({}, o)).__v = o.__v + 1, S.vnode && S.vnode(n), ge(e.__P, n, o, e.__n, e.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? G(o), !!(32 & o.__u), l), n.__v = o.__v, n.__.__k[n.__i] = n, Xe(s, n, l), n.__e != i && Be(n)));
   re.__r = 0;
 }
-function Ve(t, e, n, o, i, s, a, r, l, c, d) {
-  var u, h, _, v, p, m, g = o && o.__k || qe, f = e.length;
-  for (l = lt(n, e, g, l, f), u = 0; u < f; u++) (_ = n.__k[u]) != null && (h = _.__i == -1 ? V : g[_.__i] || V, _.__i = u, m = pe(t, _, h, i, s, a, r, l, c, d), v = _.__e, _.ref && h.ref != _.ref && (h.ref && ge(h.ref, null, _), d.push(_.ref, _.__c || v, _)), p == null && v != null && (p = v), 4 & _.__u || h.__k === _.__k ? l = Ye(_, l, t) : typeof _.type == "function" && m !== void 0 ? l = m : v && (l = v.nextSibling), _.__u &= -7);
-  return n.__e = p, l;
+function Ve(t, e, n, o, i, s, l, r, a, c, d) {
+  var u, h, f, m, g, _, p = o && o.__k || qe, v = e.length;
+  for (a = lt(n, e, p, a, v), u = 0; u < v; u++) (f = n.__k[u]) != null && (h = f.__i == -1 ? V : p[f.__i] || V, f.__i = u, _ = ge(t, f, h, i, s, l, r, a, c, d), m = f.__e, f.ref && h.ref != f.ref && (h.ref && pe(h.ref, null, f), d.push(f.ref, f.__c || m, f)), g == null && m != null && (g = m), 4 & f.__u || h.__k === f.__k ? a = Ye(f, a, t) : typeof f.type == "function" && _ !== void 0 ? a = _ : m && (a = m.nextSibling), f.__u &= -7);
+  return n.__e = g, a;
 }
 function lt(t, e, n, o, i) {
-  var s, a, r, l, c, d = n.length, u = d, h = 0;
-  for (t.__k = new Array(i), s = 0; s < i; s++) (a = e[s]) != null && typeof a != "boolean" && typeof a != "function" ? (l = s + h, (a = t.__k[s] = typeof a == "string" || typeof a == "number" || typeof a == "bigint" || a.constructor == String ? Q(null, a, null, null, null) : le(a) ? Q(ae, { children: a }, null, null, null) : a.constructor == null && a.__b > 0 ? Q(a.type, a.props, a.key, a.ref ? a.ref : null, a.__v) : a).__ = t, a.__b = t.__b + 1, r = null, (c = a.__i = at(a, n, l, u)) != -1 && (u--, (r = n[c]) && (r.__u |= 2)), r == null || r.__v == null ? (c == -1 && (i > d ? h-- : i < d && h++), typeof a.type != "function" && (a.__u |= 4)) : c != l && (c == l - 1 ? h-- : c == l + 1 ? h++ : (c > l ? h-- : h++, a.__u |= 4))) : t.__k[s] = null;
-  if (u) for (s = 0; s < d; s++) (r = n[s]) != null && (2 & r.__u) == 0 && (r.__e == o && (o = H(r)), Je(r, r));
+  var s, l, r, a, c, d = n.length, u = d, h = 0;
+  for (t.__k = new Array(i), s = 0; s < i; s++) (l = e[s]) != null && typeof l != "boolean" && typeof l != "function" ? (a = s + h, (l = t.__k[s] = typeof l == "string" || typeof l == "number" || typeof l == "bigint" || l.constructor == String ? Q(null, l, null, null, null) : le(l) ? Q(ae, { children: l }, null, null, null) : l.constructor == null && l.__b > 0 ? Q(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : l).__ = t, l.__b = t.__b + 1, r = null, (c = l.__i = at(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))) : t.__k[s] = null;
+  if (u) for (s = 0; s < d; s++) (r = n[s]) != null && (2 & r.__u) == 0 && (r.__e == o && (o = G(r)), Je(r, r));
   return o;
 }
 function Ye(t, e, n) {
@@ -61,22 +61,22 @@ function Ye(t, e, n) {
     for (o = t.__k, i = 0; o && i < o.length; i++) o[i] && (o[i].__ = t, e = Ye(o[i], e, n));
     return e;
   }
-  t.__e != e && (e && t.type && !n.contains(e) && (e = H(t)), n.insertBefore(t.__e, e || null), e = t.__e);
+  t.__e != e && (e && t.type && !n.contains(e) && (e = G(t)), n.insertBefore(t.__e, e || null), e = t.__e);
   do
     e = e && e.nextSibling;
   while (e != null && e.nodeType == 8);
   return e;
 }
 function at(t, e, n, o) {
-  var i, s, a = t.key, r = t.type, l = e[n];
-  if (l === null && t.key == null || l && a == l.key && r == l.type && (2 & l.__u) == 0) return n;
-  if (o > (l != null && (2 & l.__u) == 0 ? 1 : 0)) for (i = n - 1, s = n + 1; i >= 0 || s < e.length; ) {
+  var i, s, l = t.key, r = t.type, a = e[n];
+  if (a === null && t.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 < e.length; ) {
     if (i >= 0) {
-      if ((l = e[i]) && (2 & l.__u) == 0 && a == l.key && r == l.type) return i;
+      if ((a = e[i]) && (2 & a.__u) == 0 && l == a.key && r == a.type) return i;
       i--;
     }
     if (s < e.length) {
-      if ((l = e[s]) && (2 & l.__u) == 0 && a == l.key && r == l.type) return s;
+      if ((a = e[s]) && (2 & a.__u) == 0 && l == a.key && r == a.type) return s;
       s++;
     }
   }
@@ -92,7 +92,7 @@ function J(t, e, n, o, i) {
     if (typeof o == "string" && (t.style.cssText = o = ""), o) for (e in o) n && e in n || ke(t.style, e, "");
     if (n) for (e in n) o && n[e] == o[e] || ke(t.style, e, n[e]);
   }
-  else if (e[0] == "o" && e[1] == "n") s = e != (e = e.replace(We, "$1")), e = e.toLowerCase() in t || e == "onFocusOut" || e == "onFocusIn" ? e.toLowerCase().slice(2) : e.slice(2), t.l || (t.l = {}), t.l[e + s] = n, n ? o ? n.u = o.u : (n.u = me, t.addEventListener(e, s ? he : de, s)) : t.removeEventListener(e, s ? he : de, s);
+  else if (e[0] == "o" && e[1] == "n") s = e != (e = e.replace(Ge, "$1")), e = e.toLowerCase() in t || e == "onFocusOut" || e == "onFocusIn" ? e.toLowerCase().slice(2) : e.slice(2), t.l || (t.l = {}), t.l[e + s] = n, n ? o ? n.u = o.u : (n.u = me, t.addEventListener(e, s ? he : de, s)) : t.removeEventListener(e, s ? he : de, s);
   else {
     if (i == "http://www.w3.org/2000/svg") e = e.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
     else if (e != "width" && e != "height" && e != "href" && e != "list" && e != "form" && e != "tabIndex" && e != "download" && e != "rowSpan" && e != "colSpan" && e != "role" && e != "popover" && e in t) try {
@@ -109,107 +109,107 @@ function Te(t) {
       var n = this.l[e.type + t];
       if (e.t == null) e.t = me++;
       else if (e.t < n.u) return;
-      return n(L.event ? L.event(e) : e);
+      return n(S.event ? S.event(e) : e);
     }
   };
 }
-function pe(t, e, n, o, i, s, a, r, l, c) {
-  var d, u, h, _, v, p, m, g, f, w, y, b, k, T, A, N, M, z = e.type;
+function ge(t, e, n, o, i, s, l, r, a, c) {
+  var d, u, h, f, m, g, _, p, v, y, w, b, k, T, z, L, E, N = e.type;
   if (e.constructor != null) return null;
-  128 & n.__u && (l = !!(32 & n.__u), s = [r = e.__e = n.__e]), (d = L.__b) && d(e);
-  e: if (typeof z == "function") try {
-    if (g = e.props, f = "prototype" in z && z.prototype.render, w = (d = z.contextType) && o[d.__c], y = d ? w ? w.props.value : d.__ : o, n.__c ? m = (u = e.__c = n.__c).__ = u.__E : (f ? e.__c = u = new z(g, y) : (e.__c = u = new ee(g, y), u.constructor = z, u.render = ut), w && w.sub(u), u.props = g, u.state || (u.state = {}), u.context = y, u.__n = o, h = u.__d = !0, u.__h = [], u._sb = []), f && u.__s == null && (u.__s = u.state), f && z.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = $({}, u.__s)), $(u.__s, z.getDerivedStateFromProps(g, u.__s))), _ = u.props, v = u.state, u.__v = e, h) f && z.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), f && u.componentDidMount != null && u.__h.push(u.componentDidMount);
+  128 & n.__u && (a = !!(32 & n.__u), s = [r = e.__e = n.__e]), (d = S.__b) && d(e);
+  e: if (typeof N == "function") try {
+    if (p = e.props, v = "prototype" in N && N.prototype.render, y = (d = N.contextType) && o[d.__c], w = d ? y ? y.props.value : d.__ : o, n.__c ? _ = (u = e.__c = n.__c).__ = u.__E : (v ? e.__c = u = new N(p, w) : (e.__c = u = new ee(p, w), u.constructor = N, u.render = ut), y && y.sub(u), u.props = p, u.state || (u.state = {}), u.context = w, u.__n = o, h = u.__d = !0, u.__h = [], u._sb = []), v && u.__s == null && (u.__s = u.state), v && N.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = $({}, u.__s)), $(u.__s, N.getDerivedStateFromProps(p, u.__s))), f = u.props, m = u.state, u.__v = e, h) v && N.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), v && u.componentDidMount != null && u.__h.push(u.componentDidMount);
     else {
-      if (f && z.getDerivedStateFromProps == null && g !== _ && u.componentWillReceiveProps != null && u.componentWillReceiveProps(g, y), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(g, u.__s, y) === !1 || e.__v == n.__v) {
-        for (e.__v != n.__v && (u.props = g, u.state = u.__s, u.__d = !1), e.__e = n.__e, e.__k = n.__k, e.__k.some(function(P) {
+      if (v && N.getDerivedStateFromProps == null && p !== f && u.componentWillReceiveProps != null && u.componentWillReceiveProps(p, w), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(p, u.__s, w) === !1 || e.__v == n.__v) {
+        for (e.__v != n.__v && (u.props = p, u.state = u.__s, u.__d = !1), e.__e = n.__e, e.__k = n.__k, e.__k.some(function(P) {
           P && (P.__ = e);
         }), b = 0; b < u._sb.length; b++) u.__h.push(u._sb[b]);
-        u._sb = [], u.__h.length && a.push(u);
+        u._sb = [], u.__h.length && l.push(u);
         break e;
       }
-      u.componentWillUpdate != null && u.componentWillUpdate(g, u.__s, y), f && u.componentDidUpdate != null && u.__h.push(function() {
-        u.componentDidUpdate(_, v, p);
+      u.componentWillUpdate != null && u.componentWillUpdate(p, u.__s, w), v && u.componentDidUpdate != null && u.__h.push(function() {
+        u.componentDidUpdate(f, m, g);
       });
     }
-    if (u.context = y, u.props = g, u.__P = t, u.__e = !1, k = L.__r, T = 0, f) {
-      for (u.state = u.__s, u.__d = !1, k && k(e), d = u.render(u.props, u.state, u.context), A = 0; A < u._sb.length; A++) u.__h.push(u._sb[A]);
+    if (u.context = w, u.props = p, u.__P = t, u.__e = !1, k = S.__r, T = 0, v) {
+      for (u.state = u.__s, u.__d = !1, k && k(e), d = u.render(u.props, u.state, u.context), z = 0; z < u._sb.length; z++) u.__h.push(u._sb[z]);
       u._sb = [];
     } else do
       u.__d = !1, k && k(e), d = u.render(u.props, u.state, u.context), u.state = u.__s;
     while (u.__d && ++T < 25);
-    u.state = u.__s, u.getChildContext != null && (o = $($({}, o), u.getChildContext())), f && !h && u.getSnapshotBeforeUpdate != null && (p = u.getSnapshotBeforeUpdate(_, v)), N = d, d != null && d.type === ae && d.key == null && (N = Ke(d.props.children)), r = Ve(t, le(N) ? N : [N], e, n, o, i, s, a, r, l, c), u.base = e.__e, e.__u &= -161, u.__h.length && a.push(u), m && (u.__E = u.__ = null);
+    u.state = u.__s, u.getChildContext != null && (o = $($({}, o), u.getChildContext())), v && !h && u.getSnapshotBeforeUpdate != null && (g = u.getSnapshotBeforeUpdate(f, m)), L = d, d != null && d.type === ae && d.key == null && (L = Ke(d.props.children)), r = Ve(t, le(L) ? L : [L], e, n, o, i, s, l, r, a, c), u.base = e.__e, e.__u &= -161, u.__h.length && l.push(u), _ && (u.__E = u.__ = null);
   } catch (P) {
-    if (e.__v = null, l || s != null) if (P.then) {
-      for (e.__u |= l ? 160 : 128; r && r.nodeType == 8 && r.nextSibling; ) r = r.nextSibling;
+    if (e.__v = null, a || s != null) if (P.then) {
+      for (e.__u |= a ? 160 : 128; r && r.nodeType == 8 && r.nextSibling; ) r = r.nextSibling;
       s[s.indexOf(r)] = null, e.__e = r;
-    } else for (M = s.length; M--; ) ve(s[M]);
+    } else for (E = s.length; E--; ) ve(s[E]);
     else e.__e = n.__e, e.__k = n.__k;
-    L.__e(P, e, n);
+    S.__e(P, e, n);
   }
-  else s == null && e.__v == n.__v ? (e.__k = n.__k, e.__e = n.__e) : r = e.__e = ct(n.__e, e, n, o, i, s, a, l, c);
-  return (d = L.diffed) && d(e), 128 & e.__u ? void 0 : r;
+  else s == null && e.__v == n.__v ? (e.__k = n.__k, e.__e = n.__e) : r = e.__e = ct(n.__e, e, n, o, i, s, l, a, c);
+  return (d = S.diffed) && d(e), 128 & e.__u ? void 0 : r;
 }
 function Xe(t, e, n) {
-  for (var o = 0; o < n.length; o++) ge(n[o], n[++o], n[++o]);
-  L.__c && L.__c(e, t), t.some(function(i) {
+  for (var o = 0; o < n.length; o++) pe(n[o], n[++o], n[++o]);
+  S.__c && S.__c(e, t), t.some(function(i) {
     try {
       t = i.__h, i.__h = [], t.some(function(s) {
         s.call(i);
       });
     } catch (s) {
-      L.__e(s, i.__v);
+      S.__e(s, i.__v);
     }
   });
 }
 function Ke(t) {
   return typeof t != "object" || t == null || t.__b && t.__b > 0 ? t : le(t) ? t.map(Ke) : $({}, t);
 }
-function ct(t, e, n, o, i, s, a, r, l) {
-  var c, d, u, h, _, v, p, m = n.props, g = e.props, f = e.type;
-  if (f == "svg" ? i = "http://www.w3.org/2000/svg" : f == "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 ((_ = s[c]) && "setAttribute" in _ == !!f && (f ? _.localName == f : _.nodeType == 3)) {
-      t = _, s[c] = null;
+function ct(t, e, n, o, i, s, l, r, a) {
+  var c, d, u, h, f, m, g, _ = n.props, p = e.props, v = e.type;
+  if (v == "svg" ? i = "http://www.w3.org/2000/svg" : v == "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 == !!v && (v ? f.localName == v : f.nodeType == 3)) {
+      t = f, s[c] = null;
       break;
     }
   }
   if (t == null) {
-    if (f == null) return document.createTextNode(g);
-    t = document.createElementNS(i, f, g.is && g), r && (L.__m && L.__m(e, s), r = !1), s = null;
+    if (v == null) return document.createTextNode(p);
+    t = document.createElementNS(i, v, p.is && p), r && (S.__m && S.__m(e, s), r = !1), s = null;
   }
-  if (f == null) m === g || r && t.data == g || (t.data = g);
+  if (v == null) _ === p || r && t.data == p || (t.data = p);
   else {
-    if (s = s && se.call(t.childNodes), m = n.props || V, !r && s != null) for (m = {}, c = 0; c < t.attributes.length; c++) m[(_ = t.attributes[c]).name] = _.value;
-    for (c in m) if (_ = m[c], c != "children") {
-      if (c == "dangerouslySetInnerHTML") u = _;
-      else if (!(c in g)) {
-        if (c == "value" && "defaultValue" in g || c == "checked" && "defaultChecked" in g) continue;
-        J(t, c, null, _, i);
+    if (s = s && se.call(t.childNodes), _ = n.props || V, !r && s != null) for (_ = {}, c = 0; c < t.attributes.length; c++) _[(f = t.attributes[c]).name] = f.value;
+    for (c in _) if (f = _[c], c != "children") {
+      if (c == "dangerouslySetInnerHTML") u = f;
+      else if (!(c in p)) {
+        if (c == "value" && "defaultValue" in p || c == "checked" && "defaultChecked" in p) continue;
+        J(t, c, null, f, i);
       }
     }
-    for (c in g) _ = g[c], c == "children" ? h = _ : c == "dangerouslySetInnerHTML" ? d = _ : c == "value" ? v = _ : c == "checked" ? p = _ : r && typeof _ != "function" || m[c] === _ || J(t, c, _, m[c], i);
+    for (c in p) f = p[c], c == "children" ? h = f : c == "dangerouslySetInnerHTML" ? d = f : c == "value" ? m = f : c == "checked" ? g = f : r && typeof f != "function" || _[c] === f || J(t, c, f, _[c], i);
     if (d) r || u && (d.__html == u.__html || d.__html == t.innerHTML) || (t.innerHTML = d.__html), e.__k = [];
-    else if (u && (t.innerHTML = ""), Ve(e.type == "template" ? t.content : t, le(h) ? h : [h], e, n, o, f == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, a, s ? s[0] : n.__k && H(n, 0), r, l), s != null) for (c = s.length; c--; ) ve(s[c]);
-    r || (c = "value", f == "progress" && v == null ? t.removeAttribute("value") : v != null && (v !== t[c] || f == "progress" && !v || f == "option" && v != m[c]) && J(t, c, v, m[c], i), c = "checked", p != null && p != t[c] && J(t, c, p, m[c], i));
+    else if (u && (t.innerHTML = ""), Ve(e.type == "template" ? t.content : t, le(h) ? h : [h], e, n, o, v == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, l, s ? s[0] : n.__k && G(n, 0), r, a), s != null) for (c = s.length; c--; ) ve(s[c]);
+    r || (c = "value", v == "progress" && m == null ? t.removeAttribute("value") : m != null && (m !== t[c] || v == "progress" && !m || v == "option" && m != _[c]) && J(t, c, m, _[c], i), c = "checked", g != null && g != t[c] && J(t, c, g, _[c], i));
   }
   return t;
 }
-function ge(t, e, n) {
+function pe(t, e, n) {
   try {
     if (typeof t == "function") {
       var o = typeof t.__u == "function";
       o && t.__u(), o && e == null || (t.__u = t(e));
     } else t.current = e;
   } catch (i) {
-    L.__e(i, n);
+    S.__e(i, n);
   }
 }
 function Je(t, e, n) {
   var o, i;
-  if (L.unmount && L.unmount(t), (o = t.ref) && (o.current && o.current != t.__e || ge(o, null, e)), (o = t.__c) != null) {
+  if (S.unmount && S.unmount(t), (o = t.ref) && (o.current && o.current != t.__e || pe(o, null, e)), (o = t.__c) != null) {
     if (o.componentWillUnmount) try {
       o.componentWillUnmount();
     } catch (s) {
-      L.__e(s, e);
+      S.__e(s, e);
     }
     o.base = o.__P = null;
   }
@@ -220,8 +220,8 @@ function ut(t, e, n) {
   return this.constructor(t, n);
 }
 function dt(t, e, n) {
-  var o, i, s, a;
-  e == document && (e = document.documentElement), L.__ && L.__(t, e), i = (o = !1) ? null : e.__k, s = [], a = [], pe(e, t = e.__k = st(ae, null, [t]), i || V, V, e.namespaceURI, i ? null : e.firstChild ? se.call(e.childNodes) : null, s, i ? i.__e : e.firstChild, o, a), Xe(s, t, a);
+  var o, i, s, l;
+  e == document && (e = document.documentElement), S.__ && S.__(t, e), i = (o = !1) ? null : e.__k, s = [], l = [], ge(e, t = e.__k = st(ae, null, [t]), i || V, V, e.namespaceURI, i ? null : e.firstChild ? se.call(e.childNodes) : null, s, i ? i.__e : e.firstChild, o, l), Xe(s, t, l);
 }
 function ht(t) {
   function e(n) {
@@ -231,14 +231,14 @@ function ht(t) {
     }, this.componentWillUnmount = function() {
       o = null;
     }, this.shouldComponentUpdate = function(s) {
-      this.props.value != s.value && o.forEach(function(a) {
-        a.__e = !0, _e(a);
+      this.props.value != s.value && o.forEach(function(l) {
+        l.__e = !0, fe(l);
       });
     }, this.sub = function(s) {
       o.add(s);
-      var a = s.componentWillUnmount;
+      var l = s.componentWillUnmount;
       s.componentWillUnmount = function() {
-        o && o.delete(s), a && a.call(s);
+        o && o.delete(s), l && l.call(s);
       };
     }), n.children;
   }
@@ -246,132 +246,132 @@ function ht(t) {
     return n.children(o);
   }).contextType = e, e;
 }
-se = qe.slice, L = { __e: function(t, e, n, o) {
-  for (var i, s, a; e = e.__; ) if ((i = e.__c) && !i.__) try {
-    if ((s = i.constructor) && s.getDerivedStateFromError != null && (i.setState(s.getDerivedStateFromError(t)), a = i.__d), i.componentDidCatch != null && (i.componentDidCatch(t, o || {}), a = i.__d), a) return i.__E = i;
+se = qe.slice, S = { __e: function(t, e, n, o) {
+  for (var i, s, l; e = e.__; ) if ((i = e.__c) && !i.__) try {
+    if ((s = i.constructor) && s.getDerivedStateFromError != null && (i.setState(s.getDerivedStateFromError(t)), l = i.__d), i.componentDidCatch != null && (i.componentDidCatch(t, o || {}), l = i.__d), l) return i.__E = i;
   } catch (r) {
     t = r;
   }
   throw t;
 } }, Ue = 0, ee.prototype.setState = function(t, e) {
   var n;
-  n = this.__s != null && this.__s != this.state ? this.__s : this.__s = $({}, this.state), typeof t == "function" && (t = t($({}, n), this.props)), t && $(n, t), t != null && this.__v && (e && this._sb.push(e), _e(this));
+  n = this.__s != null && this.__s != this.state ? this.__s : this.__s = $({}, this.state), typeof t == "function" && (t = t($({}, n), this.props)), t && $(n, t), t != null && this.__v && (e && this._sb.push(e), fe(this));
 }, ee.prototype.forceUpdate = function(t) {
-  this.__v && (this.__e = !0, t && this.__h.push(t), _e(this));
-}, ee.prototype.render = ae, j = [], je = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Ge = function(t, e) {
+  this.__v && (this.__e = !0, t && this.__h.push(t), fe(this));
+}, ee.prototype.render = ae, W = [], We = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, je = function(t, e) {
   return t.__v.__b - e.__v.__b;
-}, re.__r = 0, We = /(PointerCapture)$|Capture$/i, me = 0, de = Te(!1), he = Te(!0), He = 0;
-var _t = 0;
+}, re.__r = 0, Ge = /(PointerCapture)$|Capture$/i, me = 0, de = Te(!1), he = Te(!0), He = 0;
+var ft = 0;
 function C(t, e, n, o, i, s) {
   e || (e = {});
-  var a, r, l = e;
-  if ("ref" in l) for (r in l = {}, e) r == "ref" ? a = e[r] : l[r] = e[r];
-  var c = { type: t, props: l, key: n, ref: a, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --_t, __i: -1, __u: 0, __source: i, __self: s };
-  if (typeof t == "function" && (a = t.defaultProps)) for (r in a) l[r] === void 0 && (l[r] = a[r]);
-  return L.vnode && L.vnode(c), c;
+  var l, r, a = e;
+  if ("ref" in a) for (r in a = {}, e) r == "ref" ? l = e[r] : a[r] = e[r];
+  var c = { type: t, props: a, key: n, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --ft, __i: -1, __u: 0, __source: i, __self: s };
+  if (typeof t == "function" && (l = t.defaultProps)) for (r in l) a[r] === void 0 && (a[r] = l[r]);
+  return S.vnode && S.vnode(c), c;
 }
-var q, S, ue, Le, Y = 0, Ze = [], E = L, Se = E.__b, ze = E.__r, Ne = E.diffed, Ee = E.__c, Ae = E.unmount, Me = E.__;
+var H, A, ue, Le, Y = 0, Ze = [], M = S, Se = M.__b, ze = M.__r, Ne = M.diffed, Ae = M.__c, Ee = M.unmount, Me = M.__;
 function ce(t, e) {
-  E.__h && E.__h(S, t, Y || e), Y = 0;
-  var n = S.__H || (S.__H = { __: [], __h: [] });
+  M.__h && M.__h(A, t, Y || e), Y = 0;
+  var n = A.__H || (A.__H = { __: [], __h: [] });
   return t >= n.__.length && n.__.push({}), n.__[t];
 }
-function W(t) {
-  return Y = 1, ft(et, t);
+function j(t) {
+  return Y = 1, _t(et, t);
 }
-function ft(t, e, n) {
-  var o = ce(q++, 2);
+function _t(t, e, n) {
+  var o = ce(H++, 2);
   if (o.t = t, !o.__c && (o.__ = [et(void 0, e), function(r) {
-    var l = o.__N ? o.__N[0] : o.__[0], c = o.t(l, r);
-    l !== c && (o.__N = [c, o.__[1]], o.__c.setState({}));
-  }], o.__c = S, !S.__f)) {
-    var i = function(r, l, c) {
+    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 = A, !A.__f)) {
+    var i = function(r, a, c) {
       if (!o.__c.__H) return !0;
       var d = o.__c.__H.__.filter(function(h) {
         return !!h.__c;
       });
       if (d.every(function(h) {
         return !h.__N;
-      })) return !s || s.call(this, r, l, c);
+      })) return !s || s.call(this, r, a, c);
       var u = o.__c.props !== r;
       return d.forEach(function(h) {
         if (h.__N) {
-          var _ = h.__[0];
-          h.__ = h.__N, h.__N = void 0, _ !== h.__[0] && (u = !0);
+          var f = h.__[0];
+          h.__ = h.__N, h.__N = void 0, f !== h.__[0] && (u = !0);
         }
-      }), s && s.call(this, r, l, c) || u;
+      }), s && s.call(this, r, a, c) || u;
     };
-    S.__f = !0;
-    var s = S.shouldComponentUpdate, a = S.componentWillUpdate;
-    S.componentWillUpdate = function(r, l, c) {
+    A.__f = !0;
+    var s = A.shouldComponentUpdate, l = A.componentWillUpdate;
+    A.componentWillUpdate = function(r, a, c) {
       if (this.__e) {
         var d = s;
-        s = void 0, i(r, l, c), s = d;
+        s = void 0, i(r, a, c), s = d;
       }
-      a && a.call(this, r, l, c);
-    }, S.shouldComponentUpdate = i;
+      l && l.call(this, r, a, c);
+    }, A.shouldComponentUpdate = i;
   }
   return o.__N || o.__;
 }
-function I(t, e) {
-  var n = ce(q++, 3);
-  !E.__s && Qe(n.__H, e) && (n.__ = t, n.u = e, S.__H.__h.push(n));
+function x(t, e) {
+  var n = ce(H++, 3);
+  !M.__s && Qe(n.__H, e) && (n.__ = t, n.u = e, A.__H.__h.push(n));
 }
-function x(t) {
-  return Y = 5, G(function() {
+function O(t) {
+  return Y = 5, q(function() {
     return { current: t };
   }, []);
 }
-function G(t, e) {
-  var n = ce(q++, 7);
+function q(t, e) {
+  var n = ce(H++, 7);
   return Qe(n.__H, e) && (n.__ = t(), n.__H = e, n.__h = t), n.__;
 }
 function mt(t, e) {
-  return Y = 8, G(function() {
+  return Y = 8, q(function() {
     return t;
   }, e);
 }
 function vt(t) {
-  var e = S.context[t.__c], n = ce(q++, 9);
-  return n.c = t, e ? (n.__ == null && (n.__ = !0, e.sub(S)), e.props.value) : t.__;
+  var e = A.context[t.__c], n = ce(H++, 9);
+  return n.c = t, e ? (n.__ == null && (n.__ = !0, e.sub(A)), e.props.value) : t.__;
 }
-function pt() {
+function gt() {
   for (var t; t = Ze.shift(); ) if (t.__P && t.__H) try {
-    t.__H.__h.forEach(te), t.__H.__h.forEach(fe), t.__H.__h = [];
+    t.__H.__h.forEach(te), t.__H.__h.forEach(_e), t.__H.__h = [];
   } catch (e) {
-    t.__H.__h = [], E.__e(e, t.__v);
+    t.__H.__h = [], M.__e(e, t.__v);
   }
 }
-E.__b = function(t) {
-  S = null, Se && Se(t);
-}, E.__ = function(t, e) {
+M.__b = function(t) {
+  A = null, Se && Se(t);
+}, M.__ = function(t, e) {
   t && e.__k && e.__k.__m && (t.__m = e.__k.__m), Me && Me(t, e);
-}, E.__r = function(t) {
-  ze && ze(t), q = 0;
-  var e = (S = t.__c).__H;
-  e && (ue === S ? (e.__h = [], S.__h = [], e.__.forEach(function(n) {
+}, M.__r = function(t) {
+  ze && ze(t), H = 0;
+  var e = (A = t.__c).__H;
+  e && (ue === A ? (e.__h = [], A.__h = [], e.__.forEach(function(n) {
     n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
-  })) : (e.__h.forEach(te), e.__h.forEach(fe), e.__h = [], q = 0)), ue = S;
-}, E.diffed = function(t) {
+  })) : (e.__h.forEach(te), e.__h.forEach(_e), e.__h = [], H = 0)), ue = A;
+}, M.diffed = function(t) {
   Ne && Ne(t);
   var e = t.__c;
-  e && e.__H && (e.__H.__h.length && (Ze.push(e) !== 1 && Le === E.requestAnimationFrame || ((Le = E.requestAnimationFrame) || gt)(pt)), e.__H.__.forEach(function(n) {
+  e && e.__H && (e.__H.__h.length && (Ze.push(e) !== 1 && Le === M.requestAnimationFrame || ((Le = M.requestAnimationFrame) || pt)(gt)), e.__H.__.forEach(function(n) {
     n.u && (n.__H = n.u), n.u = void 0;
-  })), ue = S = null;
-}, E.__c = function(t, e) {
+  })), ue = A = null;
+}, M.__c = function(t, e) {
   e.some(function(n) {
     try {
       n.__h.forEach(te), n.__h = n.__h.filter(function(o) {
-        return !o.__ || fe(o);
+        return !o.__ || _e(o);
       });
     } catch (o) {
       e.some(function(i) {
         i.__h && (i.__h = []);
-      }), e = [], E.__e(o, n.__v);
+      }), e = [], M.__e(o, n.__v);
     }
-  }), Ee && Ee(t, e);
-}, E.unmount = function(t) {
-  Ae && Ae(t);
+  }), Ae && Ae(t, e);
+}, M.unmount = function(t) {
+  Ee && Ee(t);
   var e, n = t.__c;
   n && n.__H && (n.__H.__.forEach(function(o) {
     try {
@@ -379,22 +379,22 @@ E.__b = function(t) {
     } catch (i) {
       e = i;
     }
-  }), n.__H = void 0, e && E.__e(e, n.__v));
+  }), n.__H = void 0, e && M.__e(e, n.__v));
 };
 var Pe = typeof requestAnimationFrame == "function";
-function gt(t) {
+function pt(t) {
   var e, n = function() {
     clearTimeout(o), Pe && cancelAnimationFrame(e), setTimeout(t);
   }, o = setTimeout(n, 100);
   Pe && (e = requestAnimationFrame(n));
 }
 function te(t) {
-  var e = S, n = t.__c;
-  typeof n == "function" && (t.__c = void 0, n()), S = e;
+  var e = A, n = t.__c;
+  typeof n == "function" && (t.__c = void 0, n()), A = e;
 }
-function fe(t) {
-  var e = S;
-  t.__c = t.__(), S = e;
+function _e(t) {
+  var e = A;
+  t.__c = t.__(), A = e;
 }
 function Qe(t, e) {
   return !t || t.length !== e.length || e.some(function(n, o) {
@@ -432,8 +432,9 @@ const Ct = (t) => ({
   highestUnlockedLevel: 1,
   currentTier: 1,
   highestUnlockedTier: 1,
-  levelScores: {}
-}, Fe = {
+  levelScores: {},
+  totalScore: 0
+}, xe = {
   isGameActive: !0,
   levelTransitioning: !1,
   maze: null,
@@ -447,36 +448,46 @@ const Ct = (t) => ({
   playerPath: [],
   visitCounts: {}
 }, wt = ({ children: t, config: e }) => {
-  const n = Ct(e.lcPrefix + "progress"), o = n.loadGameData(), [i, s] = W(() => o || { ...Ie });
-  I(() => {
+  const n = Ct(e.lcPrefix + "progress"), o = n.loadGameData(), [i, s] = j(() => o || { ...Ie });
+  x(() => {
+    const u = Object.values(i.levelScores).reduce(
+      (h, f) => h + f,
+      0
+    );
+    s((h) => ({
+      ...h,
+      totalScore: u
+    }));
+  }, [i.levelScores]), x(() => {
     n.saveGameData(i);
   }, [
     i.currentLevel,
     i.highestUnlockedLevel,
     i.currentTier,
     i.highestUnlockedTier,
-    i.levelScores
+    i.levelScores,
+    i.totalScore
   ]);
-  const a = G(() => Object.values(i.levelScores).reduce((h, _) => h + _, 0), [i.levelScores]), [r, l] = W({
-    ...Fe
-  }), c = x(r);
-  I(() => {
-    c.current = r;
-  }, [r]);
-  const d = G(() => [
-    r.playerAtExit ? 1 : 0,
-    r.foodCollected === r.totalFoodCount ? 1 : 0,
-    r.showClue ? 0 : 1
+  const [l, r] = j({
+    ...xe
+  }), a = O(l);
+  x(() => {
+    a.current = l;
+  }, [l]);
+  const c = q(() => [
+    l.playerAtExit ? 1 : 0,
+    l.foodCollected === l.totalFoodCount ? 1 : 0,
+    l.showClue ? 0 : 1
   ], [
-    r.playerAtExit,
-    r.foodCollected,
-    r.totalFoodCount,
-    r.showClue
-  ]), u = () => {
+    l.playerAtExit,
+    l.foodCollected,
+    l.totalFoodCount,
+    l.showClue
+  ]), d = () => {
     n.resetGameData(), s({
       ...Ie
-    }), l({
-      ...Fe
+    }), r({
+      ...xe
     });
   };
   return /* @__PURE__ */ C(
@@ -485,13 +496,12 @@ const Ct = (t) => ({
       value: {
         gameProgress: i,
         setGameProgress: s,
-        gamePlayState: r,
-        setGamePlayState: l,
-        gamePlayStateRef: c,
-        currentScore: d,
-        totalScore: a,
+        gamePlayState: l,
+        setGamePlayState: r,
+        gamePlayStateRef: a,
+        currentScore: c,
         config: e,
-        resetGame: u
+        resetGame: d
       },
       children: t
     }
@@ -501,65 +511,65 @@ const Ct = (t) => ({
   if (!t)
     throw new Error("useGameContext must be used within a GameProvider");
   return t;
-}, X = (t) => G(() => {
-  const e = t.map((r) => r.length), n = e.reduce((r, l) => r + l, 0), o = t.length, i = (r) => {
+}, X = (t) => q(() => {
+  const e = t.map((r) => r.length), n = e.reduce((r, a) => r + a, 0), o = t.length, i = (r) => {
     if (r < 1 || r > n) return 0;
-    let l = 0;
+    let a = 0;
     for (let c = 0; c < e.length; c++)
-      if (l += e[c], r <= l) return c + 1;
+      if (a += e[c], r <= a) return c + 1;
     return 0;
-  }, s = (r) => r < 1 || r > o ? 0 : e.slice(0, r - 1).reduce((l, c) => l + c, 0) + 1, a = {
+  }, s = (r) => r < 1 || r > o ? 0 : e.slice(0, r - 1).reduce((a, c) => a + c, 0) + 1, l = {
     getTotalLevels: () => n,
     getTotalTiers: () => o,
     getTierLevelsRange: (r) => {
       if (r < 1 || r > o) return [0, 0];
-      const l = s(r), c = l + e[r - 1] - 1;
-      return [l, c];
+      const a = s(r), c = a + e[r - 1] - 1;
+      return [a, c];
     },
     getTierByLevel: i,
     getFirstLevelOfTier: s,
     getLevelConfig: (r) => {
       if (r < 1 || r > n) return null;
-      const l = i(r), c = s(l), d = r - c;
-      return t[l - 1][d];
+      const a = i(r), c = s(a), d = r - c;
+      return t[a - 1][d];
     },
     getTierConfig: (r) => r < 1 || r > o ? null : t[r - 1],
-    isLevelUnlocked: (r, l) => r <= l,
-    isTierUnlocked: (r, l) => r <= l,
+    isLevelUnlocked: (r, a) => r <= a,
+    isTierUnlocked: (r, a) => r <= a,
     getNextLevelInfo: (r) => {
       if (r >= n) return null;
-      const l = r + 1, c = i(r), d = i(l);
+      const a = r + 1, c = i(r), d = i(a);
       return {
-        nextLevel: l,
+        nextLevel: a,
         nextTier: d,
         isTierChange: d > c
       };
     },
-    getCurrentTierProgress: (r, l) => {
-      const [c, d] = a.getTierLevelsRange(l), u = r - c + 1, h = d - c + 1;
+    getCurrentTierProgress: (r, a) => {
+      const [c, d] = l.getTierLevelsRange(a), u = r - c + 1, h = d - c + 1;
       return { current: u, total: h };
     },
     isLastLevelInTier: (r) => {
-      const l = i(r), [, c] = a.getTierLevelsRange(l);
+      const a = i(r), [, c] = l.getTierLevelsRange(a);
       return r === c;
     },
     getPreviousLevelInfo: (r) => {
       if (r <= 1) return null;
-      const l = r - 1, c = i(r), d = i(l);
+      const a = r - 1, c = i(r), d = i(a);
       return {
-        prevLevel: l,
+        prevLevel: a,
         prevTier: d,
         isTierChange: d < c
       };
     }
   };
-  return a;
+  return l;
 }, [t]), yt = ({ onTierChange: t, disabled: e }) => {
-  const { gameProgress: n, config: o } = B(), { i18n: i, levelConfig: s } = o, { currentTier: a, highestUnlockedTier: r } = n, c = X(s).getTotalTiers();
+  const { gameProgress: n, config: o } = B(), { i18n: i, levelConfig: s } = o, { currentTier: l, highestUnlockedTier: r } = n, c = X(s).getTotalTiers();
   return /* @__PURE__ */ C("div", { className: "tier-selector", children: /* @__PURE__ */ C(
     "select",
     {
-      value: a,
+      value: l,
       onChange: (d) => {
         d.target && d.target.value && t(Number(d.target.value));
       },
@@ -577,31 +587,31 @@ const Ct = (t) => ({
     }
   ) });
 }, bt = ({ onLevelChange: t, disabled: e }) => {
-  const { gameProgress: n, config: o } = B(), { i18n: i, levelConfig: s } = o, { currentTier: a, levelScores: r, currentLevel: l, highestUnlockedLevel: c } = n, d = X(s), u = G(() => {
-    const [h, _] = d.getTierLevelsRange(a);
-    return Array.from({ length: _ - h + 1 }, (v, p) => {
-      const m = h + p, g = r[m] || 0;
+  const { gameProgress: n, config: o } = B(), { i18n: i, levelConfig: s } = o, { currentTier: l, levelScores: r, currentLevel: a, highestUnlockedLevel: c } = n, d = X(s), u = q(() => {
+    const [h, f] = d.getTierLevelsRange(l);
+    return Array.from({ length: f - h + 1 }, (m, g) => {
+      const _ = h + g, p = r[_] || 0;
       return {
-        level: m,
-        score: g
+        level: _,
+        score: p
       };
     });
-  }, [a, r]);
+  }, [l, r]);
   return /* @__PURE__ */ C("div", { className: "level-selector", children: /* @__PURE__ */ C(
     "select",
     {
-      value: l,
+      value: a,
       onChange: (h) => {
         h.target && h.target.value && t(Number(h.target.value));
       },
       disabled: e,
       className: "level-dropdown",
-      children: u.map(({ level: h, score: _ }) => /* @__PURE__ */ C(
+      children: u.map(({ level: h, score: f }) => /* @__PURE__ */ C(
         "option",
         {
           value: h,
           disabled: h > c,
-          children: `${i.level} ${h} ${"★".repeat(_)}`
+          children: `${i.level} ${h} ${"★".repeat(f)}`
         },
         `level-${h}`
       ))
@@ -614,16 +624,16 @@ const Ct = (t) => ({
   message: o,
   children: i,
   noConfirm: s = !1,
-  noCancel: a = !1,
+  noCancel: l = !1,
   confirmText: r = "OK",
-  cancelText: l = "Cancel",
+  cancelText: a = "Cancel",
   onConfirm: c,
   onCancel: d
 }) => {
-  const u = x(null);
-  return I(() => {
-    const h = (_) => {
-      _.key === "Escape" && d?.();
+  const u = O(null);
+  return x(() => {
+    const h = (f) => {
+      f.key === "Escape" && d?.();
     };
     return t && document.addEventListener("keydown", h), () => {
       document.removeEventListener("keydown", h);
@@ -635,14 +645,14 @@ const Ct = (t) => ({
       children: /* @__PURE__ */ C("div", { className: "maze-dialog " + n, ref: u, children: [
         /* @__PURE__ */ C("div", { className: "maze-dialog-title", children: e }),
         /* @__PURE__ */ C("div", { className: "maze-dialog-content", children: i || /* @__PURE__ */ C("div", { className: "maze-dialog-message", children: o }) }),
-        (!a || !s) && /* @__PURE__ */ C("div", { className: "maze-dialog-buttons", children: [
-          !a && /* @__PURE__ */ C(
+        (!l || !s) && /* @__PURE__ */ C("div", { className: "maze-dialog-buttons", children: [
+          !l && /* @__PURE__ */ C(
             "button",
             {
               type: "button",
               className: "maze-dialog-cancel",
               onClick: d,
-              children: l
+              children: a
             }
           ),
           !s && /* @__PURE__ */ C(
@@ -695,37 +705,36 @@ const Ct = (t) => ({
     gamePlayState: n,
     setGamePlayState: o,
     gamePlayStateRef: i,
-    totalScore: s,
-    resetGame: a,
-    config: r
-  } = B(), { i18n: l, levelConfig: c } = r, d = X(c), { levelTransitioning: u, showClue: h } = n, { highestUnlockedLevel: _ } = t, v = d.getTotalLevels(), [p, m] = W(!1), [g, f] = W(!1), [w, y] = W(!1), b = (D) => {
-    const U = d.getFirstLevelOfTier(D);
-    d.isLevelUnlocked(U, _) && (e((K) => ({ ...K, currentTier: D })), k(U));
+    resetGame: s,
+    config: l
+  } = B(), { i18n: r, levelConfig: a } = l, c = X(a), { levelTransitioning: d, showClue: u } = n, { highestUnlockedLevel: h, totalScore: f } = t, m = c.getTotalLevels(), [g, _] = j(!1), [p, v] = j(!1), [y, w] = j(!1), b = (D) => {
+    const U = c.getFirstLevelOfTier(D);
+    c.isLevelUnlocked(U, h) && (e((K) => ({ ...K, currentTier: D })), k(U));
   }, k = (D) => {
-    d.isLevelUnlocked(D, _) && (e((U) => ({ ...U, currentLevel: D })), R.show(
-      l.levelGoToast.replace("%LEVEL%", D.toString()),
+    c.isLevelUnlocked(D, h) && (e((U) => ({ ...U, currentLevel: D })), R.show(
+      r.levelGoToast.replace("%LEVEL%", D.toString()),
       "success"
     ));
   }, T = () => {
-    m(!0);
-  }, A = () => {
-    m(!1);
-  }, N = () => {
-    y(!0);
-  }, M = () => {
-    y(!1);
+    _(!0);
   }, z = () => {
-    R.show(h ? l.cluePathDisabled : l.cluePathEnabled), o(() => ({
+    _(!1);
+  }, L = () => {
+    w(!0);
+  }, E = () => {
+    w(!1);
+  }, N = () => {
+    R.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
       ...i.current,
       // need to sync with ref
       showClue: !i.current.showClue
-    })), y(!1);
+    })), w(!1);
   }, P = () => {
-    f(!0);
-  }, F = () => {
-    a(), f(!1), R.show(l.resetDoneToast);
+    v(!0);
+  }, I = () => {
+    s(), v(!1), R.show(r.resetDoneToast);
   }, ye = () => {
-    f(!1);
+    v(!1);
   };
   return /* @__PURE__ */ C("div", { class: "game-panel-container", children: [
     /* @__PURE__ */ C("div", { className: "game-controls", children: [
@@ -734,42 +743,42 @@ const Ct = (t) => ({
           yt,
           {
             onTierChange: b,
-            disabled: u
+            disabled: d
           }
         ),
         /* @__PURE__ */ C(
           bt,
           {
             onLevelChange: k,
-            disabled: u
+            disabled: d
           }
         )
       ] }),
       /* @__PURE__ */ C(
         "button",
         {
-          className: `settings-clue-button ${h ? "clue-on" : "clue-off"}`,
-          disabled: h,
+          className: `settings-clue-button ${u ? "clue-on" : "clue-off"}`,
+          disabled: u,
           title: "Toggle Clue",
-          onClick: N,
-          children: h ? l.clueOn : l.clueOff
+          onClick: L,
+          children: u ? r.clueOn : r.clueOff
         }
       )
     ] }),
-    /* @__PURE__ */ C("div", { className: "game-settings", children: /* @__PURE__ */ C("span", { className: "game-settings-icon", onClick: T, children: "★ " + s }) }),
+    /* @__PURE__ */ C("div", { className: "game-settings", children: /* @__PURE__ */ C("span", { className: "game-settings-icon", onClick: T, children: "★ " + f }) }),
     /* @__PURE__ */ C(
       ne,
       {
-        isOpen: p,
-        title: l.settings,
+        isOpen: g,
+        title: r.settings,
         noConfirm: !0,
-        cancelText: l.close,
-        onCancel: A,
+        cancelText: r.close,
+        onCancel: z,
         children: [
           /* @__PURE__ */ C("div", { className: "settings-stats", children: [
-            /* @__PURE__ */ C("div", { children: l.levelComplete + `: ${_}/${v}` }),
-            /* @__PURE__ */ C("div", { children: l.starsCollected + ": " + s }),
-            /* @__PURE__ */ C("div", { children: l.avgStarPerLevel + ": " + (s / _).toFixed(2) })
+            /* @__PURE__ */ C("div", { children: r.levelComplete + `: ${h}/${m}` }),
+            /* @__PURE__ */ C("div", { children: r.starsCollected + ": " + f }),
+            /* @__PURE__ */ C("div", { children: r.avgStarPerLevel + ": " + (f / h).toFixed(2) })
           ] }),
           /* @__PURE__ */ C("div", { className: "settings-item-box", children: [
             /* @__PURE__ */ C(
@@ -778,10 +787,10 @@ const Ct = (t) => ({
                 className: "settings-reset-button",
                 title: "Reset Game",
                 onClick: P,
-                children: l.reset
+                children: r.reset
               }
             ),
-            /* @__PURE__ */ C("div", { className: "settings-item-tip", children: l.resetTip })
+            /* @__PURE__ */ C("div", { className: "settings-item-tip", children: r.resetTip })
           ] })
         ]
       }
@@ -789,25 +798,25 @@ const Ct = (t) => ({
     /* @__PURE__ */ C(
       ne,
       {
-        isOpen: g,
-        title: l.confirmReset,
-        message: l.confirmResetMessage,
-        confirmText: l.reset,
-        cancelText: l.cancel,
-        onConfirm: F,
+        isOpen: p,
+        title: r.confirmReset,
+        message: r.confirmResetMessage,
+        confirmText: r.reset,
+        cancelText: r.cancel,
+        onConfirm: I,
         onCancel: ye
       }
     ),
     /* @__PURE__ */ C(
       ne,
       {
-        isOpen: w,
-        title: l.confirmClue,
-        message: l.confirmClueMessage,
-        confirmText: l.confirm,
-        cancelText: l.cancel,
-        onConfirm: z,
-        onCancel: M
+        isOpen: y,
+        title: r.confirmClue,
+        message: r.confirmClueMessage,
+        confirmText: r.confirm,
+        cancelText: r.cancel,
+        onConfirm: N,
+        onCancel: E
       }
     )
   ] });
@@ -832,52 +841,52 @@ function Lt(t) {
   var e = window.devicePixelRatio, n = getComputedStyle(t), o = De(n.getPropertyValue("width")), i = De(n.getPropertyValue("height"));
   t.setAttribute("width", (o * e).toString()), t.setAttribute("height", (i * e).toString());
 }
-function O(t, e) {
+function F(t, e) {
   var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0, o = Math.random() * (e - t) + t;
   return Math.floor(o * Math.pow(10, n)) / Math.pow(10, n);
 }
-function Oe(t) {
-  return t[O(0, t.length)];
+function Fe(t) {
+  return t[F(0, t.length)];
 }
-var St = 125e-5, zt = 5e-4, Nt = 9e-4, Et = 1e-5, At = 6, Mt = 80, Pt = 0.9, It = 1.7, Ft = 0.2, Dt = 0.6, Ot = 0.03, xt = 0.07, Rt = 15, $t = 82, Ut = 100, jt = 250, Gt = 40, Wt = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
-function xe(t) {
+var St = 125e-5, zt = 5e-4, Nt = 9e-4, At = 1e-5, Et = 6, Mt = 80, Pt = 0.9, It = 1.7, xt = 0.2, Dt = 0.6, Ft = 0.03, Ot = 0.07, Rt = 15, $t = 82, Ut = 100, Wt = 250, jt = 40, Gt = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
+function Oe(t) {
   var e = 1920;
   return Math.log(t) / Math.log(e);
 }
 var Re = /* @__PURE__ */ function() {
   function t(e) {
     Ce(this, t);
-    var n = e.initialPosition, o = e.direction, i = e.confettiRadius, s = e.confettiColors, a = e.emojis, r = e.emojiSize, l = e.canvasWidth, c = O(Pt, It, 3), d = c * xe(l);
+    var n = e.initialPosition, o = e.direction, i = e.confettiRadius, s = e.confettiColors, l = e.emojis, r = e.emojiSize, a = e.canvasWidth, c = F(Pt, It, 3), d = c * Oe(a);
     this.confettiSpeed = {
       x: d,
       y: d
-    }, this.finalConfettiSpeedX = O(Ft, Dt, 3), this.rotationSpeed = a.length ? 0.01 : O(Ot, xt, 3) * xe(l), this.dragForceCoefficient = O(zt, Nt, 6), this.radius = {
+    }, this.finalConfettiSpeedX = F(xt, Dt, 3), this.rotationSpeed = l.length ? 0.01 : F(Ft, Ot, 3) * Oe(a), this.dragForceCoefficient = F(zt, Nt, 6), this.radius = {
       x: i,
       y: i
-    }, this.initialRadius = i, this.rotationAngle = o === "left" ? O(0, 0.2, 3) : O(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = O(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
-    var u = o === "left" ? O($t, Rt) * Math.PI / 180 : O(-15, -82) * Math.PI / 180;
+    }, this.initialRadius = i, this.rotationAngle = o === "left" ? F(0, 0.2, 3) : F(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = F(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
+    var u = o === "left" ? F($t, Rt) * Math.PI / 180 : F(-15, -82) * Math.PI / 180;
     this.absCos = Math.abs(Math.cos(u)), this.absSin = Math.abs(Math.sin(u));
-    var h = O(-150, 0), _ = {
+    var h = F(-150, 0), f = {
       x: n.x + (o === "left" ? -h : h) * this.absCos,
       y: n.y - h * this.absSin
     };
-    this.currentPosition = Object.assign({}, _), this.initialPosition = Object.assign({}, _), this.color = a.length ? null : Oe(s), this.emoji = a.length ? Oe(a) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
+    this.currentPosition = Object.assign({}, f), this.initialPosition = Object.assign({}, f), this.color = l.length ? null : Fe(s), this.emoji = l.length ? Fe(l) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
   }
   return we(t, [{
     key: "draw",
     value: function(n) {
-      var o = this.currentPosition, i = this.radius, s = this.color, a = this.emoji, r = this.rotationAngle, l = 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()) : a && (n.font = "".concat(c, "px serif"), n.save(), n.translate(d * o.x, d * o.y), n.rotate(l), n.textAlign = "center", n.fillText(a, 0, 0), n.restore());
+      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());
     }
   }, {
     key: "updatePosition",
     value: function(n, o) {
-      var i = this.confettiSpeed, s = this.dragForceCoefficient, a = this.finalConfettiSpeedX, r = this.radiusYUpdateDirection, l = this.rotationSpeed, c = this.createdAt, d = this.direction, u = o - c;
-      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 + St * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Et * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
+      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 + St * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : At * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
         this.emojiRotationAngle += this.rotationSpeed * n % (2 * Math.PI);
         return;
       }
-      r === "down" ? (this.radius.y -= n * l, this.radius.y <= 0 && (this.radius.y = 0, this.radiusYUpdateDirection = "up")) : (this.radius.y += n * l, this.radius.y >= this.initialRadius && (this.radius.y = this.initialRadius, this.radiusYUpdateDirection = "down"));
+      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"));
     }
   }, {
     key: "getIsVisibleOnCanvas",
@@ -891,12 +900,12 @@ function Ht() {
   return t.style.position = "fixed", t.style.width = "100%", t.style.height = "100%", t.style.top = "0", t.style.left = "0", t.style.zIndex = "1000", t.style.pointerEvents = "none", document.body.appendChild(t), t;
 }
 function qt(t) {
-  var e = t.confettiRadius, n = e === void 0 ? At : e, o = t.confettiNumber, i = o === void 0 ? t.confettiesNumber || (t.emojis ? Gt : jt) : o, s = t.confettiColors, a = s === void 0 ? Wt : s, r = t.emojis, l = r === void 0 ? t.emojies || [] : r, c = t.emojiSize, d = c === void 0 ? Mt : c;
+  var e = t.confettiRadius, n = e === void 0 ? Et : e, o = t.confettiNumber, i = o === void 0 ? t.confettiesNumber || (t.emojis ? jt : Wt) : o, s = t.confettiColors, l = s === void 0 ? Gt : s, r = t.emojis, a = r === void 0 ? t.emojies || [] : r, c = t.emojiSize, d = c === void 0 ? Mt : c;
   return t.emojies && console.error("emojies argument is deprecated, please use emojis instead"), t.confettiesNumber && console.error("confettiesNumber argument is deprecated, please use confettiNumber instead"), {
     confettiRadius: n,
     confettiNumber: i,
-    confettiColors: a,
-    emojis: l,
+    confettiColors: l,
+    emojis: a,
     emojiSize: d
   };
 }
@@ -927,9 +936,9 @@ var Bt = /* @__PURE__ */ function() {
   }, {
     key: "processShapes",
     value: function(n, o, i) {
-      var s = this, a = n.timeDelta, r = n.currentTime;
-      this.shapes = this.shapes.filter(function(l) {
-        return l.updatePosition(a, r), l.draw(s.canvasContext), i ? l.getIsVisibleOnCanvas(o) : !0;
+      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;
       });
     }
   }]), t;
@@ -943,11 +952,11 @@ var Bt = /* @__PURE__ */ function() {
     value: function() {
       this.requestAnimationFrameRequested = !1, Lt(this.canvas);
       var n = (/* @__PURE__ */ new Date()).getTime(), o = n - this.lastUpdated, i = this.canvas.offsetHeight, s = this.iterationIndex % 10 === 0;
-      this.activeConfettiBatches = this.activeConfettiBatches.filter(function(a) {
-        return a.processShapes({
+      this.activeConfettiBatches = this.activeConfettiBatches.filter(function(l) {
+        return l.processShapes({
           timeDelta: o,
           currentTime: n
-        }, i, s), s ? !a.complete() : !0;
+        }, i, s), s ? !l.complete() : !0;
       }), this.iterationIndex++, this.queueAnimationFrameIfNeeded(n);
     }
   }, {
@@ -958,35 +967,35 @@ var Bt = /* @__PURE__ */ function() {
   }, {
     key: "addConfetti",
     value: function() {
-      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = qt(n), i = o.confettiRadius, s = o.confettiNumber, a = o.confettiColors, r = o.emojis, l = o.emojiSize, c = this.canvas.getBoundingClientRect(), d = c.width, u = c.height, h = u * 5 / 7, _ = {
+      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = qt(n), i = o.confettiRadius, s = o.confettiNumber, l = o.confettiColors, r = o.emojis, a = o.emojiSize, c = this.canvas.getBoundingClientRect(), d = c.width, u = c.height, h = u * 5 / 7, f = {
         x: 0,
         y: h
-      }, v = {
+      }, m = {
         x: d,
         y: h
-      }, p = new Bt(this.canvasContext), m = 0; m < s / 2; m++) {
-        var g = new Re({
-          initialPosition: _,
+      }, g = new Bt(this.canvasContext), _ = 0; _ < s / 2; _++) {
+        var p = new Re({
+          initialPosition: f,
           direction: "right",
           confettiRadius: i,
-          confettiColors: a,
+          confettiColors: l,
           confettiNumber: s,
           emojis: r,
-          emojiSize: l,
+          emojiSize: a,
           canvasWidth: d
-        }), f = new Re({
-          initialPosition: v,
+        }), v = new Re({
+          initialPosition: m,
           direction: "left",
           confettiRadius: i,
-          confettiColors: a,
+          confettiColors: l,
           confettiNumber: s,
           emojis: r,
-          emojiSize: l,
+          emojiSize: a,
           canvasWidth: d
         });
-        p.addShapes(g, f);
+        g.addShapes(p, v);
       }
-      return this.activeConfettiBatches.push(p), this.queueAnimationFrameIfNeeded(), p.getBatchCompletePromise();
+      return this.activeConfettiBatches.push(g), this.queueAnimationFrameIfNeeded(), g.getBatchCompletePromise();
     }
   }, {
     key: "clearCanvas",
@@ -1007,38 +1016,38 @@ const Yt = new Vt(), Xt = ({ onRetry: t }) => {
     gamePlayState: o,
     setGamePlayState: i,
     gameProgress: s,
-    setGameProgress: a
-  } = B(), { i18n: r, levelConfig: l } = e, [c, d, u] = n, { foodCollected: h, totalFoodCount: _, playerAtExit: v, levelTransitioning: p } = o, { currentLevel: m } = s, [g, f] = W(!1);
-  I(() => {
-    v && p && (Yt.addConfetti(), R.show(r.levelCompleteToast, "success"), f(!0));
-  }, [v, p]);
-  const w = X(l), y = w.getTotalLevels(), b = G(() => m >= y, [m, y]), k = () => {
-    f(!1), R.show(r.levelRestartToast, "info"), t?.();
+    setGameProgress: l
+  } = B(), { i18n: r, levelConfig: a } = e, [c, d, u] = n, { foodCollected: h, totalFoodCount: f, playerAtExit: m, levelTransitioning: g } = o, { currentLevel: _ } = s, [p, v] = j(!1);
+  x(() => {
+    m && g && (Yt.addConfetti(), R.show(r.levelCompleteToast, "success"), v(!0));
+  }, [m, g]);
+  const y = X(a), w = y.getTotalLevels(), b = q(() => _ >= w, [_, w]), k = () => {
+    v(!1), R.show(r.levelRestartToast, "info"), t?.();
   }, T = () => {
-    f(!1), i((N) => ({
-      ...N,
+    v(!1), i((L) => ({
+      ...L,
       isGameActive: !0,
       levelTransitioning: !1
     }));
-  }, A = () => {
-    f(!1);
-    const N = w.getNextLevelInfo(m);
-    if (!N) return;
-    const { nextLevel: M, nextTier: z, isTierChange: P } = N;
+  }, z = () => {
+    v(!1);
+    const L = y.getNextLevelInfo(_);
+    if (!L) return;
+    const { nextLevel: E, nextTier: N, isTierChange: P } = L;
     P && R.show(
-      r.tierUnlockedToast.replace("%TIER%", z.toString()),
+      r.tierUnlockedToast.replace("%TIER%", N.toString()),
       "success"
-    ), a((F) => ({
-      ...F,
-      currentLevel: M,
-      currentTier: z,
-      highestUnlockedLevel: Math.max(F.highestUnlockedLevel, M),
-      highestUnlockedTier: Math.max(F.highestUnlockedTier, z),
+    ), l((I) => ({
+      ...I,
+      currentLevel: E,
+      currentTier: N,
+      highestUnlockedLevel: Math.max(I.highestUnlockedLevel, E),
+      highestUnlockedTier: Math.max(I.highestUnlockedTier, N),
       levelScores: {
-        ...F.levelScores,
-        [F.currentLevel]: Math.max(
+        ...I.levelScores,
+        [I.currentLevel]: Math.max(
           Object.values(n).filter(Boolean).length,
-          F.levelScores[F.currentLevel] || 0
+          I.levelScores[I.currentLevel] || 0
         )
       }
     }));
@@ -1047,7 +1056,7 @@ const Yt = new Vt(), Xt = ({ onRetry: t }) => {
     ne,
     {
       className: "level-complete-dialog",
-      isOpen: g,
+      isOpen: p,
       title: r.congratulations,
       cancelText: r.retry,
       onCancel: k,
@@ -1058,29 +1067,29 @@ const Yt = new Vt(), Xt = ({ onRetry: t }) => {
         /* @__PURE__ */ C("div", { className: "maze-summary-message", children: [
           !!c && /* @__PURE__ */ C("div", { children: "★ - " + r.findYourExit }),
           /* @__PURE__ */ C("div", { children: u ? "★ - " + r.withoutClue : "☆ - " + r.withClue }),
-          /* @__PURE__ */ C("div", { children: (d ? "★ - " + r.collectAllStars : "☆ - " + r.notCollectAllStars) + ` (${h}/${_})` })
+          /* @__PURE__ */ C("div", { children: (d ? "★ - " + r.collectAllStars : "☆ - " + r.notCollectAllStars) + ` (${h}/${f})` })
         ] }),
         b && /* @__PURE__ */ C("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
-        /* @__PURE__ */ C("div", { className: "go-next-level", children: b ? "OK" : /* @__PURE__ */ C("button", { type: "button", onClick: A, children: r.nextLevel }) }),
+        /* @__PURE__ */ C("div", { className: "go-next-level", children: b ? "OK" : /* @__PURE__ */ C("button", { type: "button", onClick: z, children: r.nextLevel }) }),
         !d && /* @__PURE__ */ C("div", { className: "not-all-stars-collected", children: r.continueMessage })
       ]
     }
   );
 }, Kt = (t, e) => {
-  const n = x({
+  const n = O({
     canvasWidth: 0,
     canvasHeight: 0
   });
-  return I(() => {
+  return x(() => {
     const o = () => {
       const s = t.current;
       if (!s) return;
-      const a = s.parentElement;
-      if (!a) return;
-      const r = a.clientWidth, l = window.devicePixelRatio || 1;
+      const l = s.parentElement;
+      if (!l) return;
+      const r = l.clientWidth, a = window.devicePixelRatio || 1;
       s.style.width = `${r}px`, s.style.height = `${r}px`;
-      const c = r * l, d = r * l;
-      s.width = c, s.height = d, n.current = { canvasWidth: c, canvasHeight: d };
+      const c = r * a, d = r * a;
+      s.width = c, s.height = d, n.current = { canvasWidth: c, canvasHeight: d }, e?.();
     };
     o();
     let i = null;
@@ -1092,20 +1101,20 @@ const Yt = new Vt(), Xt = ({ onRetry: t }) => {
   const {
     config: e,
     gamePlayState: { maze: n }
-  } = B(), o = x({ cellWidth: 0, cellHeight: 0 });
-  return I(() => {
+  } = B(), o = O({ cellWidth: 0, cellHeight: 0 });
+  return x(() => {
     const i = e.renderConfig.padding, s = () => {
       const r = t.current;
       if (!r || !n) return;
-      const { rows: l, cols: c } = n;
-      if (l <= 0 || c <= 0) return;
-      const d = (r.width - i * 2) / c, u = (r.height - i * 2) / l;
+      const { rows: a, cols: c } = n;
+      if (a <= 0 || c <= 0) return;
+      const d = (r.width - i * 2) / c, u = (r.height - i * 2) / a;
       o.current = { cellWidth: d, cellHeight: u };
     };
     s();
-    let a = null;
-    return t.current && window.ResizeObserver && (a = new ResizeObserver(s), a.observe(t.current)), () => {
-      t.current && a?.disconnect();
+    let l = null;
+    return t.current && window.ResizeObserver && (l = new ResizeObserver(s), l.observe(t.current)), () => {
+      t.current && l?.disconnect();
     };
   }, [t, n]), o;
 }, Z = {
@@ -1123,43 +1132,43 @@ const Yt = new Vt(), Xt = ({ onRetry: t }) => {
   // player radius in grid unit, default 0.2
   onFoodCollected: s
 }) => {
-  const a = x(!1), r = x(/* @__PURE__ */ new Set()), l = (v, p) => {
-    const m = e.current;
-    if (!m.maze)
+  const l = O(!1), r = O(/* @__PURE__ */ new Set()), a = (m, g) => {
+    const _ = e.current;
+    if (!_.maze)
       return { canMove: !1, newCell: null };
-    const [g, f] = Z[v];
+    const [p, v] = Z[m];
     if ($e(
-      p,
       g,
-      f,
+      p,
+      v,
       i,
       o,
-      m.maze
+      _.maze
     ))
       return { canMove: !1, newCell: null };
-    const { row: y, col: b } = p, k = y + g * o, T = b + f * o, A = Math.floor(y), N = Math.floor(b), M = Math.floor(k), z = Math.floor(T);
-    return M !== A || z !== N ? m.maze.isValid(M, z) ? {
+    const { row: w, col: b } = g, k = w + p * o, T = b + v * o, z = Math.floor(w), L = Math.floor(b), E = Math.floor(k), N = Math.floor(T);
+    return E !== z || N !== L ? _.maze.isValid(E, N) ? {
       canMove: !0,
-      newCell: { row: M, col: z }
+      newCell: { row: E, col: N }
     } : { canMove: !1, newCell: null } : { canMove: !0, newCell: null };
   }, c = () => {
-    const v = e.current, { row: p, col: m } = v.playerCell, g = i * 2, f = v.foodCells.findIndex((b) => Math.sqrt(
-      Math.pow(p - b.row, 2) + Math.pow(m - b.col, 2)
-    ) < g);
-    f !== -1 && s && (s(), e.current = {
+    const m = e.current, { row: g, col: _ } = m.playerCell, p = i * 2, v = m.foodCells.findIndex((b) => Math.sqrt(
+      Math.pow(g - b.row, 2) + Math.pow(_ - b.col, 2)
+    ) < p);
+    v !== -1 && s && (s(), e.current = {
       ...e.current,
       foodCollected: e.current.foodCollected + 1,
       foodCells: e.current.foodCells.filter(
-        (b, k) => k !== f
+        (b, k) => k !== v
       )
     });
-    const y = en(
-      v.playerCell,
-      v.exitCell,
-      v.maze,
+    const w = en(
+      m.playerCell,
+      m.exitCell,
+      m.maze,
       i
     );
-    y && !e.current.playerAtExit ? (e.current = {
+    w && !e.current.playerAtExit ? (e.current = {
       ...e.current,
       playerAtExit: !0,
       isGameActive: !1,
@@ -1170,21 +1179,21 @@ const Yt = new Vt(), Xt = ({ onRetry: t }) => {
         n(() => ({ ...e.current }));
       },
       { timeout: 10 }
-    )) : !y && e.current.playerAtExit && (e.current = {
+    )) : !w && e.current.playerAtExit && (e.current = {
       ...e.current,
       playerAtExit: !1,
       isGameActive: !0,
       levelTransitioning: !1
     });
-  }, d = (v) => {
-    const p = e.current, m = Math.round(v.row), g = Math.round(v.col), f = p.playerPath[p.playerPath.length - 1], w = f.row === m && f.col === g, y = Math.abs(f.row - m), b = Math.abs(f.col - g);
-    if ((y === 1 && b === 0 || y === 0 && b === 1) && !w) {
-      const T = `${f.row},${f.col}-${m},${g}`;
+  }, d = (m) => {
+    const g = e.current, _ = Math.round(m.row), p = Math.round(m.col), v = g.playerPath[g.playerPath.length - 1], y = v.row === _ && v.col === p, w = Math.abs(v.row - _), b = Math.abs(v.col - p);
+    if ((w === 1 && b === 0 || w === 0 && b === 1) && !y) {
+      const T = `${v.row},${v.col}-${_},${p}`;
       e.current = {
         ...e.current,
         playerPath: [
           ...e.current.playerPath,
-          { row: m, col: g }
+          { row: _, col: p }
         ],
         visitCounts: {
           ...e.current.visitCounts,
@@ -1193,75 +1202,75 @@ const Yt = new Vt(), Xt = ({ onRetry: t }) => {
       };
     }
   }, u = () => {
-    if (a.current || r.current.size === 0) return;
-    const v = e.current;
-    !v.playerCell || !Array.from(r.current).some(
-      (m) => {
-        const { canMove: g } = l(
-          m,
-          v.playerCell
+    if (l.current || r.current.size === 0) return;
+    const m = e.current;
+    !m.playerCell || !Array.from(r.current).some(
+      (_) => {
+        const { canMove: p } = a(
+          _,
+          m.playerCell
         );
-        return g;
+        return p;
       }
-    ) || (a.current = !0);
+    ) || (l.current = !0);
   };
-  I(() => {
-    const v = (w) => {
-      (w.key === "ArrowUp" || w.key === "ArrowDown" || w.key === "ArrowLeft" || w.key === "ArrowRight" || w.key === " ") && w.preventDefault();
-    }, p = (w) => {
-      const y = w.key;
-      y in Z && (w.preventDefault(), e.current.isGameActive && (r.current.has(y) || (r.current.add(y), a.current || u())));
-    }, m = (w) => {
-      const y = w.key;
-      y in Z && (w.preventDefault(), r.current.delete(y), r.current.size === 0 && _());
-    }, g = (w) => {
-      w.preventDefault();
-      const y = e.current;
-      if (!y.isGameActive || !y.maze || a.current)
+  x(() => {
+    const m = (y) => {
+      (y.key === "ArrowUp" || y.key === "ArrowDown" || y.key === "ArrowLeft" || y.key === "ArrowRight" || y.key === " ") && y.preventDefault();
+    }, g = (y) => {
+      const w = y.key;
+      w in Z && (y.preventDefault(), e.current.isGameActive && (r.current.has(w) || (r.current.add(w), l.current || u())));
+    }, _ = (y) => {
+      const w = y.key;
+      w in Z && (y.preventDefault(), r.current.delete(w), r.current.size === 0 && f());
+    }, p = (y) => {
+      y.preventDefault();
+      const w = e.current;
+      if (!w.isGameActive || !w.maze || l.current)
         return;
-      const b = w.touches[0], k = document.elementFromPoint(b.clientX, b.clientY);
+      const b = y.touches[0], k = document.elementFromPoint(b.clientX, b.clientY);
       let T = null;
       k && (k.classList.contains("maze-up") ? T = "ArrowUp" : k.classList.contains("maze-down") ? T = "ArrowDown" : k.classList.contains("maze-left") ? T = "ArrowLeft" : k.classList.contains("maze-right") && (T = "ArrowRight")), T && (r.current.clear(), r.current.add(T), u());
-    }, f = () => {
-      _();
+    }, v = () => {
+      f();
     };
-    return window.addEventListener("keydown", v, {
+    return window.addEventListener("keydown", m, {
       capture: !0
-    }), window.addEventListener("keydown", p), window.addEventListener("keyup", m), t.current?.addEventListener("touchstart", g, {
+    }), window.addEventListener("keydown", g), window.addEventListener("keyup", _), t.current?.addEventListener("touchstart", p, {
       passive: !1
-    }), t.current?.addEventListener("touchend", f), () => {
-      window.removeEventListener("keydown", v, {
+    }), t.current?.addEventListener("touchend", v), () => {
+      window.removeEventListener("keydown", m, {
         capture: !0
-      }), window.removeEventListener("keydown", p), window.removeEventListener("keyup", m), t.current?.removeEventListener("touchstart", g), t.current?.removeEventListener("touchend", f);
+      }), window.removeEventListener("keydown", g), window.removeEventListener("keyup", _), t.current?.removeEventListener("touchstart", p), t.current?.removeEventListener("touchend", v);
     };
   }, []);
   const h = mt(() => {
-    if (!a.current || r.current.size === 0)
+    if (!l.current || r.current.size === 0)
       return e.current.playerCell;
-    const v = e.current.playerCell;
-    let p = 0, m = 0, g = 0;
+    const m = e.current.playerCell;
+    let g = 0, _ = 0, p = 0;
     for (const D of r.current) {
-      const { canMove: U } = l(D, v);
+      const { canMove: U } = a(D, m);
       if (U) {
         const [K, rt] = Z[D];
-        p += K, m += rt, g++;
+        g += K, _ += rt, p++;
       }
     }
-    if (g === 0)
+    if (p === 0)
       return e.current.playerCell;
-    const f = Math.sqrt(p * p + m * m), w = f > 0 ? p / f : 0, y = f > 0 ? m / f : 0, b = Number(
-      (v.row + w * o).toFixed(2)
+    const v = Math.sqrt(g * g + _ * _), y = v > 0 ? g / v : 0, w = v > 0 ? _ / v : 0, b = Number(
+      (m.row + y * o).toFixed(2)
     ), k = Number(
-      (v.col + y * o).toFixed(2)
-    ), T = b - v.row, A = k - v.col, N = Math.sqrt(T * T + A * A);
-    if (N > 0) {
-      const D = T / N, U = A / N;
+      (m.col + w * o).toFixed(2)
+    ), T = b - m.row, z = k - m.col, L = Math.sqrt(T * T + z * z);
+    if (L > 0) {
+      const D = T / L, U = z / L;
       if ($e(
-        v,
+        m,
         D,
         U,
         i,
-        N,
+        L,
         e.current.maze
       ))
         return e.current.playerCell;
@@ -1270,18 +1279,18 @@ const Yt = new Vt(), Xt = ({ onRetry: t }) => {
       row: b,
       col: k
     }, c();
-    const M = Math.round(v.row), z = Math.round(v.col), P = Math.round(b), F = Math.round(k);
-    return (P !== M || F !== z) && d({ row: P, col: F }), e.current.playerCell;
-  }, [o]), _ = () => {
-    a.current = !1, r.current.clear();
+    const E = Math.round(m.row), N = Math.round(m.col), P = Math.round(b), I = Math.round(k);
+    return (P !== E || I !== N) && d({ row: P, col: I }), e.current.playerCell;
+  }, [o]), f = () => {
+    l.current = !1, r.current.clear();
   };
   return {
     updatePlayerPos: h,
-    resetMovingState: _
+    resetMovingState: f
   };
 };
 function $e(t, e, n, o, i, s) {
-  const a = t.row + e * i, r = t.col + n * i, l = { row: a, col: r }, c = [], d = Math.floor(t.row), u = Math.floor(t.col);
+  const l = t.row + e * i, r = t.col + n * i, a = { row: l, col: r }, c = [], d = Math.floor(t.row), u = Math.floor(t.col);
   c.push({ row: d, col: u });
   const h = [
     [-1, 0],
@@ -1301,14 +1310,14 @@ function $e(t, e, n, o, i, s) {
     [1, 1]
     // lower right, diagonal
   ];
-  for (const [_, v] of h) {
-    const p = d + _, m = u + v;
-    s.isValid(p, m) && c.push({ row: p, col: m });
+  for (const [f, m] of h) {
+    const g = d + f, _ = u + m;
+    s.isValid(g, _) && c.push({ row: g, col: _ });
   }
-  for (const _ of c) {
-    const v = Qt(_.row, _.col, s);
-    for (const p of v)
-      if (nt(l, p) < o)
+  for (const f of c) {
+    const m = Qt(f.row, f.col, s);
+    for (const g of m)
+      if (nt(a, g) < o)
         return !0;
   }
   return !1;
@@ -1330,98 +1339,104 @@ function Qt(t, e, n) {
   }), o;
 }
 function nt(t, e) {
-  const { start: n, end: o } = e, i = o.col - n.col, s = o.row - n.row, a = t.col - n.col, r = t.row - n.row, l = i * i + s * s;
-  if (l === 0)
-    return Math.sqrt(a * a + r * r);
+  const { start: n, end: o } = e, i = o.col - n.col, s = o.row - n.row, l = t.col - n.col, r = t.row - n.row, a = i * i + s * s;
+  if (a === 0)
+    return Math.sqrt(l * l + r * r);
   const c = Math.max(
     0,
     Math.min(
       1,
-      (a * i + r * s) / l
+      (l * i + r * s) / a
     )
-  ), d = n.col + c * i, u = n.row + c * s, h = t.col - d, _ = t.row - u;
-  return Math.sqrt(h * h + _ * _);
+  ), d = n.col + c * i, u = n.row + c * s, h = t.col - d, f = t.row - u;
+  return Math.sqrt(h * h + f * f);
 }
 function en(t, e, n, o) {
   if (Math.sqrt(
     Math.pow(t.row - e.row, 2) + Math.pow(t.col - e.col, 2)
   ) > 1.5 || !n.isValid(e.row, e.col)) return !1;
   if (n.grid[e.row][e.col].walls.bottom) {
-    const a = {
+    const l = {
       start: { row: e.row + 0.5, col: e.col - 0.5 },
       end: { row: e.row + 0.5, col: e.col + 0.5 }
-    };
-    if (nt(
+    }, r = nt(
       t,
-      a
-    ) <= o + 0.05)
-      return !0;
+      l
+    ), a = 0.05;
+    if (console.log("Distance between player point to exit wall: ", r), console.log(
+      "collision condition: playerRadius + COLLISION_TOLERANCE: ",
+      o + a
+    ), r <= o + a)
+      return console.log("collision true: ", o + a), !0;
   }
   return !1;
 }
 function tn(t, e, n, o, i) {
   if (!t || !e.maze) return;
-  const { canvasWidth: s, canvasHeight: a } = n, { cellWidth: r, cellHeight: l } = o, {
+  const { canvasWidth: s, canvasHeight: l } = n, { cellWidth: r, cellHeight: a } = o, {
     maze: c,
     playerCell: d,
     // row, col, but floating allowed
     exitCell: u,
     foodCells: h,
-    showClue: _,
-    playerPath: v,
-    visitCounts: p
+    showClue: f,
+    playerPath: m,
+    visitCounts: g
   } = e, {
-    padding: m,
-    wallWidth: g,
+    padding: _,
+    wallWidth: p,
     // need merge with level config when passed here
-    wallColor: f,
-    playerColor: w,
-    playerRadius: y,
-    exitColor: b,
-    foodColor: k,
-    backgroundColor: T,
-    clueColor: A
+    wallColor: v,
+    playerColor: y,
+    playerRadius: w,
+    foodColor: b,
+    backgroundColor: k,
+    clueColor: T,
+    exitColor: z,
+    exitWallWidth: L,
+    exitDashArray: E
   } = i;
-  t.clearRect(0, 0, s, a), t.save(), t.fillStyle = T, t.fillRect(0, 0, s, a), t.restore(), _ && an({
+  t.clearRect(0, 0, s, l), t.save(), t.fillStyle = k, t.fillRect(0, 0, s, l), t.restore(), f && an({
     ctx: t,
-    playerPath: v,
-    visitCounts: p,
+    playerPath: m,
+    visitCounts: g,
     cellWidth: r,
-    cellHeight: l,
-    padding: m,
-    clueColor: A
+    cellHeight: a,
+    padding: _,
+    clueColor: T
   }), nn({
     ctx: t,
     maze: c,
     cellWidth: r,
-    cellHeight: l,
-    padding: m,
-    wallColor: f,
-    wallWidth: g
+    cellHeight: a,
+    padding: _,
+    wallColor: v,
+    wallWidth: p
   }), rn({
     ctx: t,
     maze: c,
     exitCell: u,
     cellWidth: r,
-    cellHeight: l,
-    padding: m,
-    exitColor: b,
-    wallWidth: g
+    cellHeight: a,
+    padding: _,
+    exitColor: z,
+    exitWallWidth: L,
+    exitDashArray: E
   }), sn({
     ctx: t,
     foodCells: h,
     cellWidth: r,
-    cellHeight: l,
-    padding: m,
-    foodColor: k
+    cellHeight: a,
+    padding: _,
+    foodColor: b
   }), on({
     ctx: t,
     playerCell: d,
-    playerRadius: y,
+    playerRadius: w,
     cellWidth: r,
-    cellHeight: l,
-    padding: m,
-    playerColor: w
+    cellHeight: a,
+    padding: _,
+    playerColor: y
   });
 }
 function nn({
@@ -1431,10 +1446,10 @@ function nn({
   cellHeight: o,
   padding: i,
   wallColor: s,
-  wallWidth: a
+  wallWidth: l
 }) {
-  t.save(), t.strokeStyle = s, t.lineWidth = a, t.lineCap = "round", t.beginPath(), cn(e, n, o, i).forEach((l) => {
-    t.moveTo(l.x1, l.y1), t.lineTo(l.x2, l.y2);
+  t.save(), t.strokeStyle = s, t.lineWidth = l, t.lineCap = "round", t.beginPath(), cn(e, n, o, i).forEach((a) => {
+    t.moveTo(a.x1, a.y1), t.lineTo(a.x2, a.y2);
   }), t.stroke(), t.restore();
 }
 function on({
@@ -1444,16 +1459,16 @@ function on({
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  playerColor: a
+  playerColor: l
 }) {
-  const { x: r, y: l } = ie(
+  const { x: r, y: a } = ie(
     e.row,
     e.col,
     o,
     i,
     s
   ), c = Math.min(o, i) * Math.min(n, 0.5);
-  t.save(), t.fillStyle = a, t.beginPath(), t.arc(r, l, c, 0, Math.PI * 2), t.fill(), t.restore();
+  t.save(), t.fillStyle = l, t.beginPath(), t.arc(r, a, c, 0, Math.PI * 2), t.fill(), t.restore();
 }
 function rn({
   ctx: t,
@@ -1462,13 +1477,14 @@ function rn({
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  exitColor: a,
-  wallWidth: r
+  exitColor: l,
+  exitWallWidth: r,
+  exitDashArray: a = [8, 12]
 }) {
-  const { row: l, col: c } = n;
-  if (!e.isValid(l, c)) return;
-  const d = e.grid[l][c], u = s + c * o, h = s + l * i;
-  t.save(), t.globalCompositeOperation = "destination-out", t.lineWidth = r + 2, t.lineCap = "round", t.beginPath(), d.walls.bottom && (t.moveTo(u, h + i), t.lineTo(u + o, h + i)), t.stroke(), t.globalCompositeOperation = "source-over", t.strokeStyle = a, t.lineWidth = r + 2, t.setLineDash([8, 12]), t.beginPath(), d.walls.bottom && (t.moveTo(u, h + i), t.lineTo(u + o, h + i)), t.stroke(), t.restore();
+  const { row: c, col: d } = n;
+  if (!e.isValid(c, d)) return;
+  const u = e.grid[c][d], h = s + d * o, f = s + c * i;
+  t.save(), t.globalCompositeOperation = "destination-out", t.lineWidth = r, t.lineCap = "round", t.beginPath(), u.walls.bottom && (t.moveTo(h, f + i), t.lineTo(h + o, f + i)), t.stroke(), t.globalCompositeOperation = "source-over", t.strokeStyle = l, t.lineWidth = r, t.setLineDash(a), t.beginPath(), u.walls.bottom && (t.moveTo(h, f + i), t.lineTo(h + o, f + i)), t.stroke(), t.restore();
 }
 function sn({
   ctx: t,
@@ -1479,23 +1495,23 @@ function sn({
   foodColor: s
 }) {
   t.fillStyle = s;
-  const a = Math.min(n, o) * 0.25;
+  const l = Math.min(n, o) * 0.25;
   e.forEach((r) => {
-    const { x: l, y: c } = ie(
+    const { x: a, y: c } = ie(
       r.row,
       r.col,
       n,
       o,
       i
     );
-    ln(t, l, c, a * 1.2, 5, a * 0.6);
+    ln(t, a, c, l * 1.2, 5, l * 0.6);
   });
 }
 function ln(t, e, n, o, i, s) {
   t.save(), t.beginPath();
-  for (let a = 0; a < i * 2; a++) {
-    const r = a % 2 === 0 ? o : s, l = Math.PI * a / i;
-    t.lineTo(e + r * Math.sin(l), n + r * Math.cos(l));
+  for (let l = 0; l < i * 2; l++) {
+    const r = l % 2 === 0 ? o : s, a = Math.PI * l / i;
+    t.lineTo(e + r * Math.sin(a), n + r * Math.cos(a));
   }
   t.closePath(), t.fill(), t.restore();
 }
@@ -1506,32 +1522,32 @@ function an({
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  clueColor: a
+  clueColor: l
 }) {
   if (!(!e || e.length < 2 || !n)) {
     t.save();
     for (let r = 1; r < e.length; r++) {
-      const l = e[r - 1], c = e[r], d = `${l.row},${l.col}-${c.row},${c.col}`, u = `${c.row},${c.col}-${l.row},${l.col}`, h = (n[d] || 0) + (n[u] || 0), _ = Math.min(0.2 + h * 0.1, 0.9), v = Math.max(3, o * 0.1) + h * 0.5;
+      const a = e[r - 1], c = e[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), m = Math.max(3, o * 0.1) + h * 0.5;
       try {
-        t.strokeStyle = a.replace(")", `, ${_})`).replace("rgb(", "rgba(");
+        t.strokeStyle = l.replace(")", `, ${f})`).replace("rgb(", "rgba(");
       } catch {
-        t.strokeStyle = `rgba(255, 0, 0, ${_})`;
+        t.strokeStyle = `rgba(255, 0, 0, ${f})`;
       }
-      t.lineWidth = v, t.lineCap = "round", t.lineJoin = "round";
-      const { x: p, y: m } = ie(
-        l.row,
-        l.col,
+      t.lineWidth = m, t.lineCap = "round", t.lineJoin = "round";
+      const { x: g, y: _ } = ie(
+        a.row,
+        a.col,
         o,
         i,
         s
-      ), { x: g, y: f } = ie(
+      ), { x: p, y: v } = ie(
         c.row,
         c.col,
         o,
         i,
         s
       );
-      t.beginPath(), t.moveTo(p, m), t.lineTo(g, f), t.stroke();
+      t.beginPath(), t.moveTo(g, _), t.lineTo(p, v), t.stroke();
     }
     t.restore();
   }
@@ -1539,27 +1555,27 @@ function an({
 function cn(t, e, n, o) {
   const i = [];
   for (let s = 0; s < t.rows; s++)
-    for (let a = 0; a < t.cols; a++) {
-      const r = t.grid[s][a], l = o + a * e, c = o + s * n;
+    for (let l = 0; l < t.cols; l++) {
+      const r = t.grid[s][l], a = o + l * e, c = o + s * n;
       r.walls.top && i.push({
-        x1: l,
+        x1: a,
         y1: c,
-        x2: l + e,
+        x2: a + e,
         y2: c
       }), r.walls.right && i.push({
-        x1: l + e,
+        x1: a + e,
         y1: c,
-        x2: l + e,
+        x2: a + e,
         y2: c + n
       }), r.walls.bottom && i.push({
-        x1: l,
+        x1: a,
         y1: c + n,
-        x2: l + e,
+        x2: a + e,
         y2: c + n
       }), r.walls.left && i.push({
-        x1: l,
+        x1: a,
         y1: c,
-        x2: l,
+        x2: a,
         y2: c + n
       });
     }
@@ -1631,8 +1647,8 @@ class hn {
       // Left
     ];
     for (const s of i) {
-      const a = e + s.r, r = n + s.c;
-      this.isValid(a, r) && o.push({ row: a, col: r });
+      const l = e + s.r, r = n + s.c;
+      this.isValid(l, r) && o.push({ row: l, col: r });
     }
     return o;
   }
@@ -1652,8 +1668,8 @@ class hn {
   }
   // Remove the wall between two adjacent cells
   removeWall(e, n, o, i) {
-    const s = this.grid[e][n], a = this.grid[o][i];
-    e === o + 1 ? (s.walls.top = !1, a.walls.bottom = !1) : e === 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);
+    const s = this.grid[e][n], l = this.grid[o][i];
+    e === o + 1 ? (s.walls.top = !1, l.walls.bottom = !1) : e === 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);
   }
   // --- Generation Methods ---
   /**
@@ -1682,28 +1698,28 @@ class hn {
     let i = { row: n, col: o };
     for (this.grid[n][o].visited = !0, e.push(i); e.length > 0; ) {
       i = e[e.length - 1];
-      const { row: s, col: a } = i, r = this.getUnvisitedNeighbors(s, a);
+      const { row: s, col: l } = i, r = this.getUnvisitedNeighbors(s, l);
       if (r.length > 0) {
-        const l = this.randomPick(r), { row: c, col: d } = l;
-        this.removeWall(s, a, c, d), this.grid[c][d].visited = !0, e.push(l);
+        const a = this.randomPick(r), { row: c, col: d } = a;
+        this.removeWall(s, l, c, d), this.grid[c][d].visited = !0, e.push(a);
       } else
         e.pop();
     }
   }
   // --- Prim's Algorithm Implementation ---
   generateWithPrims() {
-    const e = [], n = (s, a) => {
-      const r = this.getNeighbors(s, a);
-      for (const l of r)
-        !this.grid[l.row][l.col].visited && !e.some(
-          (c) => c.row === l.row && c.col === l.col
-        ) && e.push(l);
+    const e = [], n = (s, l) => {
+      const r = this.getNeighbors(s, l);
+      for (const a of r)
+        !this.grid[a.row][a.col].visited && !e.some(
+          (c) => c.row === a.row && c.col === a.col
+        ) && e.push(a);
     }, o = this.randomNumber(this.rows), i = this.randomNumber(this.cols);
     for (this.grid[o][i].visited = !0, n(o, i); e.length > 0; ) {
-      const s = this.randomNumber(e.length), a = e[s], { row: r, col: l } = a, c = this.getVisitedNeighbors(r, l);
+      const s = this.randomNumber(e.length), l = e[s], { row: r, col: a } = l, c = this.getVisitedNeighbors(r, a);
       if (c.length > 0) {
         const d = this.randomPick(c);
-        this.removeWall(r, l, d.row, d.col), this.grid[r][l].visited = !0, n(r, l);
+        this.removeWall(r, a, d.row, d.col), this.grid[r][a].visited = !0, n(r, a);
       }
       e.splice(s, 1);
     }
@@ -1728,26 +1744,26 @@ class hn {
     return e[Math.floor(this.random() * e.length)];
   }
 }
-const _n = (t, e, n) => {
+const fn = (t, e, n) => {
   if (!t.isValid(e, n)) return !1;
   const o = t.grid[e][n];
   return !o.walls.top || !o.walls.right || !o.walls.bottom || !o.walls.left;
-}, fn = (t) => t === 1 ? 2 : t >= 2 && t <= 5 ? 3 : t >= 6 && t <= 11 ? 4 : t >= 12 && t <= 15 ? 5 : 6, mn = (t, e) => {
+}, _n = (t) => t === 1 ? 2 : t >= 2 && t <= 5 ? 3 : t >= 6 && t <= 11 ? 4 : t >= 12 && t <= 15 ? 5 : 6, mn = (t, e) => {
   if (!e)
     return console.error(`Cannot find Level ${t}'s config.`), null;
-  const { size: n, seed: o, method: i, entry: s, exit: a } = e, r = n, l = n, c = s || { row: 0, col: 0 }, d = a || {
+  const { size: n, seed: o, method: i, entry: s, exit: l } = e, r = n, a = n, c = s || { row: 0, col: 0 }, d = l || {
     row: r - 1,
-    col: l - 1
-  }, u = new hn(r, l, i, o, s), h = fn(t), _ = [];
-  for (let v = 0; v < h; v++) {
-    let p;
+    col: a - 1
+  }, u = new hn(r, a, i, o, s), h = _n(t), f = [];
+  for (let m = 0; m < h; m++) {
+    let g;
     do
-      p = {
+      g = {
         row: Math.floor(u.random() * r),
-        col: Math.floor(u.random() * l)
+        col: Math.floor(u.random() * a)
       };
-    while (p.row === c.row && p.col === c.col || p.row === d.row && p.col === d.col || !_n(u, p.row, p.col) || _.some((m) => m.row === p.row && m.col === p.col));
-    _.push(p);
+    while (g.row === c.row && g.col === c.col || g.row === d.row && g.col === d.col || !fn(u, g.row, g.col) || f.some((_) => _.row === g.row && _.col === g.col));
+    f.push(g);
   }
   return {
     isGameActive: !0,
@@ -1755,7 +1771,7 @@ const _n = (t, e, n) => {
     maze: u,
     playerCell: c,
     exitCell: d,
-    foodCells: _,
+    foodCells: f,
     playerAtExit: !1,
     foodCollected: 0,
     totalFoodCount: h,
@@ -1765,83 +1781,95 @@ const _n = (t, e, n) => {
   };
 };
 function vn() {
-  const { setGamePlayState: t, gamePlayStateRef: e, gameProgress: n, config: o } = B(), i = x(null), s = x(null), a = x(null), { i18n: r, levelConfig: l, renderConfig: c } = o, d = X(l), u = x(
+  const { setGamePlayState: t, gamePlayStateRef: e, gameProgress: n, config: o } = B(), i = O(null), s = O(null), l = O(null), { i18n: r, levelConfig: a, renderConfig: c } = o, d = X(a), u = O(
     d.getLevelConfig(n.currentLevel)
   );
-  I(() => {
+  x(() => {
     i.current && R.attachTo(i.current);
   }, []);
-  const h = Kt(a), _ = Jt(a);
-  I(() => {
+  const h = O(), f = Kt(l, () => {
+    h.current?.();
+  }), m = Jt(l);
+  x(() => {
     u.current = d.getLevelConfig(
       n.currentLevel
     );
   }, [n.currentLevel]);
-  const v = () => {
-    const f = mn(
+  const g = () => {
+    const y = mn(
       n.currentLevel,
       u.current
     );
-    f && t((w) => ({
+    y && t((w) => ({
       ...w,
-      ...f
+      ...y
     }));
   };
-  I(() => {
-    v();
+  x(() => {
+    g();
   }, [n.currentLevel]);
-  const p = () => {
-    v();
-  }, { updatePlayerPos: m, resetMovingState: g } = Zt({
+  const _ = () => {
+    g();
+  }, { updatePlayerPos: p, resetMovingState: v } = Zt({
     containerRef: s,
     gamePlayStateRef: e,
     setGamePlayState: t,
     playerRadius: c.playerRadius,
     moveSpeed: c.gridMoveSpeed,
     onFoodCollected: () => {
-      const f = e.current.totalFoodCount - e.current.foodCollected - 1;
-      f > 0 ? R.show(
-        r.foodCollectedToast.replace("%NUM%", f.toString()),
+      const y = e.current.totalFoodCount - e.current.foodCollected - 1;
+      y > 0 ? R.show(
+        r.foodCollectedToast.replace("%NUM%", y.toString()),
         "success",
         3e3
       ) : R.show(r.allFoodCollectedToast, "success");
     }
   });
-  return I(() => {
-    g();
-  }, [n.currentLevel, g]), I(() => {
-    let f, w = !document.hidden;
-    const y = () => {
-      const k = a.current?.getContext("2d"), T = e.current;
-      if (!(w && T?.isGameActive && k && T?.maze)) {
-        f = requestAnimationFrame(y);
+  return x(() => {
+    v();
+  }, [n.currentLevel, v]), x(() => {
+    let y, w = !document.hidden;
+    const b = () => {
+      const z = l.current?.getContext("2d"), L = e.current;
+      if (!(w && L?.isGameActive && z && L?.maze)) {
+        y = requestAnimationFrame(b);
         return;
       }
-      const N = u.current?.wallWidth || c?.wallWidth;
-      m(), tn(k, T, h.current, _.current, {
-        ...c,
-        wallWidth: N
-      }), f = requestAnimationFrame(y);
-    }, b = (k) => {
-      const T = w;
-      w = !document.hidden && document.visibilityState === "visible" && (!k || k.type !== "blur"), !T && w ? e.current?.levelTransitioning === !1 && t({
+      p(), k(), y = requestAnimationFrame(b);
+    }, k = () => {
+      const z = l.current?.getContext("2d"), L = e.current;
+      if (z && L?.maze) {
+        const E = u.current?.wallWidth || c?.wallWidth, N = u.current?.exitColor || c?.exitColor, P = u.current?.exitWallWidth || c?.exitWallWidth, I = u.current?.exitDashArray || c?.exitDashArray;
+        tn(z, L, f.current, m.current, {
+          ...c,
+          wallWidth: E,
+          exitColor: N,
+          exitWallWidth: P,
+          exitDashArray: I
+        });
+      }
+    };
+    h.current = k;
+    const T = (z) => {
+      const L = w;
+      w = !document.hidden && document.visibilityState === "visible" && (!z || z.type !== "blur"), !L && w ? e.current?.levelTransitioning === !1 && t({
         ...e.current,
         isGameActive: !0
-      }) : T && !w && t({
+      }) : L && !w && t({
         ...e.current,
         isGameActive: !1
       });
     };
-    return document.addEventListener("visibilitychange", b), window.addEventListener("blur", b), window.addEventListener("focus", b), f = requestAnimationFrame(y), () => {
-      cancelAnimationFrame(f), document.removeEventListener("visibilitychange", b), window.removeEventListener("blur", b), window.removeEventListener("focus", b);
+    return document.addEventListener("visibilitychange", T), window.addEventListener("blur", T), window.addEventListener("focus", T), y = requestAnimationFrame(b), () => {
+      cancelAnimationFrame(y), document.removeEventListener("visibilitychange", T), window.removeEventListener("blur", T), window.removeEventListener("focus", T);
     };
-  }, []), I(() => {
+  }, []), x(() => {
     R.show(r.useArrowKeyTips, "info", 3e3);
   }, []), /* @__PURE__ */ C("div", { className: "maze-game-container", ref: i, children: [
     /* @__PURE__ */ C(kt, {}),
-    /* @__PURE__ */ C(Xt, { onRetry: p }),
+    /* @__PURE__ */ C(Xt, { onRetry: _ }),
     /* @__PURE__ */ C("div", { className: "maze-canvas-container", ref: s, children: [
-      /* @__PURE__ */ C("canvas", { ref: a, className: "maze-game-canvas" }),
+      /* @__PURE__ */ C("canvas", { ref: l, className: "maze-game-canvas" }),
       /* @__PURE__ */ C("div", { className: "maze-touch-area maze-up" }),
       /* @__PURE__ */ C("div", { className: "maze-touch-area maze-down" }),
       /* @__PURE__ */ C("div", { className: "maze-touch-area maze-left" }),
@@ -1852,9 +1880,31 @@ function vn() {
 const ot = [
   // Tier 1 (Levels 1-12) - Beginner
   [
-    { size: 8, seed: 12345, method: "backtracking", wallWidth: 4 },
+    // debug
+    // {
+    //   size: 38,
+    //   seed: 1248,
+    //   method: 'backtracking',
+    //   wallWidth: 1,
+    //   exitWallWidth: 3,
+    // },
+    {
+      size: 8,
+      seed: 12345,
+      method: "backtracking",
+      wallWidth: 4,
+      exitWallWidth: 6,
+      exitDashArray: [8, 12]
+    },
     // Level 1 - Very easy, small maze
-    { size: 8, seed: 23456, method: "backtracking" },
+    {
+      size: 8,
+      seed: 23456,
+      method: "backtracking",
+      exitColor: "#33f",
+      exitWallWidth: 4,
+      exitDashArray: [8, 16]
+    },
     // Level 2 - Very easy
     { size: 8, seed: 34567, method: "prims" },
     // Level 3 - Very easy
@@ -2032,16 +2082,21 @@ const ot = [
     padding: 10,
     wallWidth: 2,
     wallColor: "#000000",
-    exitColor: "#F44336",
     foodColor: "#4CAF50",
     clueColor: "rgb(255,0,0)",
     backgroundColor: "#ffffff",
     playerColor: "#4CAF50",
-    playerRadius: 0.2
+    playerRadius: 0.2,
+    // 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
   },
   levelConfig: ot
 };
-function pn({ config: t = {} }) {
+function gn({ config: t = {} }) {
   const e = { ...oe.i18n, ...t.i18n || {} }, n = {
     ...oe.renderConfig,
     ...t.renderConfig || {}
@@ -2054,18 +2109,18 @@ function pn({ config: t = {} }) {
   };
   return /* @__PURE__ */ C(wt, { config: i, children: /* @__PURE__ */ C(vn, {}) });
 }
-const gn = {
-  root: "https://unpkg.com/@roudanio/maze@0.0.13/dist/",
+const pn = {
+  root: "https://unpkg.com/@roudanio/maze@0.1.0/dist/",
   ...oe
 };
-`${JSON.stringify(gn, null, 2)}`;
+`${JSON.stringify(pn, null, 2)}`;
 const Cn = {
   async init(t, e) {
     const n = typeof t == "string" ? document.querySelector(t) : t;
     if (!n) {
       console.warn("Cannot find the root element");
-      const l = document.createElement("div");
-      l.style.textAlign = "center", l.style.padding = "20px", l.innerHTML = "Cannot find the root element", document.body.append(l);
+      const a = document.createElement("div");
+      a.style.textAlign = "center", a.style.padding = "20px", a.innerHTML = "Cannot find the root element", document.body.append(a);
       return;
     }
     let { root: o = location.origin } = e;
@@ -2084,15 +2139,15 @@ const Cn = {
       transition: width 1.5s ease-in-out;
       transition: width 1.5s ease-in-out;
     `, i.append(s), n.append(i);
-    const a = document.createElement("style");
-    a.innerHTML = `
+    const l = document.createElement("style");
+    l.innerHTML = `
       @keyframes loading {
       0% { width: 0%; }
       100% { width: 99%; }
-    }`, document.head.appendChild(a), await (async (l) => new Promise((c, d) => {
+    }`, document.head.appendChild(l), await (async (a) => new Promise((c, d) => {
       const u = document.createElement("link");
-      u.rel = "stylesheet", u.type = "text/css", u.href = l, u.onload = c, u.onerror = d, document.head.appendChild(u);
-    }))(o + "maze.css"), dt(/* @__PURE__ */ C(pn, { config: e }), n);
+      u.rel = "stylesheet", u.type = "text/css", u.href = a, u.onload = c, u.onerror = d, document.head.appendChild(u);
+    }))(o + "maze.css"), dt(/* @__PURE__ */ C(gn, { config: e }), n);
   }
 };
 export {