@roudanio/maze 0.1.3 → 0.1.4

package/dist/maze.js

@@ -1,98 +1,98 @@
-var le, L, je, U, Te, Ge, He, qe, ge, fe, _e, Be, X = {}, Ve = [], lt = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, ae = Array.isArray;
-function $(t, e) {
+var ae, z, He, W, Ee, Be, qe, Ve, pe, _e, me, Xe, K = {}, Ye = [], at = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, ce = Array.isArray;
+function U(t, e) {
   for (var n in e) t[n] = e[n];
   return t;
 }
-function pe(t) {
+function Ce(t) {
   t && t.parentNode && t.parentNode.removeChild(t);
 }
-function at(t, e, n) {
-  var o, i, s, c = {};
-  for (s in e) s == "key" ? o = e[s] : s == "ref" ? i = e[s] : c[s] = e[s];
-  if (arguments.length > 2 && (c.children = arguments.length > 3 ? le.call(arguments, 2) : n), typeof t == "function" && t.defaultProps != null) for (s in t.defaultProps) c[s] == null && (c[s] = t.defaultProps[s]);
-  return ee(t, c, o, i, null);
+function ct(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 ? ae.call(arguments, 2) : n), typeof t == "function" && t.defaultProps != null) for (s in t.defaultProps) a[s] == null && (a[s] = t.defaultProps[s]);
+  return te(t, a, o, i, null);
 }
-function ee(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 ?? ++je, __i: -1, __u: 0 };
-  return i == null && L.vnode != null && L.vnode(s), s;
+function te(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 ?? ++He, __i: -1, __u: 0 };
+  return i == null && z.vnode != null && z.vnode(s), s;
 }
-function ce(t) {
+function ue(t) {
   return t.children;
 }
-function te(t, e) {
+function ne(t, e) {
   this.props = t, this.context = e;
 }
-function G(t, e) {
-  if (e == null) return t.__ ? G(t.__, t.__i + 1) : null;
+function H(t, e) {
+  if (e == null) return t.__ ? H(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" ? G(t) : null;
+  return typeof t.type == "function" ? H(t) : null;
 }
-function Ye(t) {
+function Ke(t) {
   var e, n;
   if ((t = t.__) != null && t.__c != null) {
     for (t.__e = t.__c.base = null, e = 0; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) {
       t.__e = t.__c.base = n.__e;
       break;
     }
-    return Ye(t);
+    return Ke(t);
   }
 }
-function me(t) {
-  (!t.__d && (t.__d = !0) && U.push(t) && !ie.__r++ || Te != L.debounceRendering) && ((Te = L.debounceRendering) || Ge)(ie);
+function ve(t) {
+  (!t.__d && (t.__d = !0) && W.push(t) && !se.__r++ || Ee != z.debounceRendering) && ((Ee = z.debounceRendering) || Be)(se);
 }
-function ie() {
-  for (var t, e, n, o, i, s, c, r = 1; U.length; ) U.length > r && U.sort(He), t = U.shift(), r = U.length, t.__d && (n = void 0, i = (o = (e = t).__v).__e, s = [], c = [], e.__P && ((n = $({}, o)).__v = o.__v + 1, L.vnode && L.vnode(n), we(e.__P, n, o, e.__n, e.__P.namespaceURI, 32 & o.__u ? [i] : null, s, i ?? G(o), !!(32 & o.__u), c), n.__v = o.__v, n.__.__k[n.__i] = n, Je(s, n, c), n.__e != i && Ye(n)));
-  ie.__r = 0;
+function se() {
+  for (var t, e, n, o, i, s, a, r = 1; W.length; ) W.length > r && W.sort(qe), t = W.shift(), r = W.length, t.__d && (n = void 0, i = (o = (e = t).__v).__e, s = [], a = [], e.__P && ((n = U({}, o)).__v = o.__v + 1, z.vnode && z.vnode(n), we(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, Qe(s, n, a), n.__e != i && Ke(n)));
+  se.__r = 0;
 }
-function Xe(t, e, n, o, i, s, c, r, l, a, d) {
-  var u, h, f, C, p, _, v = o && o.__k || Ve, m = e.length;
-  for (l = ct(n, e, v, l, m), u = 0; u < m; u++) (f = n.__k[u]) != null && (h = f.__i == -1 ? X : v[f.__i] || X, f.__i = u, _ = we(t, f, h, i, s, c, r, l, a, d), C = f.__e, f.ref && h.ref != f.ref && (h.ref && Ce(h.ref, null, f), d.push(f.ref, f.__c || C, f)), p == null && C != null && (p = C), 4 & f.__u || h.__k === f.__k ? l = Ke(f, l, t) : typeof f.type == "function" && _ !== void 0 ? l = _ : C && (l = C.nextSibling), f.__u &= -7);
+function Je(t, e, n, o, i, s, a, r, l, c, d) {
+  var u, h, f, T, p, _, v = o && o.__k || Ye, m = e.length;
+  for (l = ut(n, e, v, l, m), u = 0; u < m; u++) (f = n.__k[u]) != null && (h = f.__i == -1 ? K : v[f.__i] || K, f.__i = u, _ = we(t, f, h, i, s, a, r, l, c, d), T = f.__e, f.ref && h.ref != f.ref && (h.ref && ye(h.ref, null, f), d.push(f.ref, f.__c || T, f)), p == null && T != null && (p = T), 4 & f.__u || h.__k === f.__k ? l = Ze(f, l, t) : typeof f.type == "function" && _ !== void 0 ? l = _ : T && (l = T.nextSibling), f.__u &= -7);
   return n.__e = p, l;
 }
-function ct(t, e, n, o, i) {
-  var s, c, r, l, a, d = n.length, u = d, h = 0;
-  for (t.__k = new Array(i), s = 0; s < i; s++) (c = e[s]) != null && typeof c != "boolean" && typeof c != "function" ? (l = s + h, (c = t.__k[s] = typeof c == "string" || typeof c == "number" || typeof c == "bigint" || c.constructor == String ? ee(null, c, null, null, null) : ae(c) ? ee(ce, { children: c }, null, null, null) : c.constructor == null && c.__b > 0 ? ee(c.type, c.props, c.key, c.ref ? c.ref : null, c.__v) : c).__ = t, c.__b = t.__b + 1, r = null, (a = c.__i = ut(c, n, l, u)) != -1 && (u--, (r = n[a]) && (r.__u |= 2)), r == null || r.__v == null ? (a == -1 && (i > d ? h-- : i < d && h++), typeof c.type != "function" && (c.__u |= 4)) : a != l && (a == l - 1 ? h-- : a == l + 1 ? h++ : (a > l ? h-- : h++, c.__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)), Qe(r, r));
+function ut(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 ? te(null, a, null, null, null) : ce(a) ? te(ue, { children: a }, null, null, null) : a.constructor == null && a.__b > 0 ? te(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 = dt(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)), tt(r, r));
   return o;
 }
-function Ke(t, e, n) {
+function Ze(t, e, n) {
   var o, i;
   if (typeof t.type == "function") {
-    for (o = t.__k, i = 0; o && i < o.length; i++) o[i] && (o[i].__ = t, e = Ke(o[i], e, n));
+    for (o = t.__k, i = 0; o && i < o.length; i++) o[i] && (o[i].__ = t, e = Ze(o[i], e, n));
     return e;
   }
-  t.__e != e && (e && t.type && !n.contains(e) && (e = G(t)), n.insertBefore(t.__e, e || null), e = t.__e);
+  t.__e != e && (e && t.type && !n.contains(e) && (e = H(t)), n.insertBefore(t.__e, e || null), e = t.__e);
   do
     e = e && e.nextSibling;
   while (e != null && e.nodeType == 8);
   return e;
 }
-function ut(t, e, n, o) {
-  var i, s, c = t.key, r = t.type, l = e[n];
-  if (l === null && t.key == null || l && c == l.key && r == l.type && (2 & l.__u) == 0) return n;
+function dt(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; ) {
     if (i >= 0) {
-      if ((l = e[i]) && (2 & l.__u) == 0 && c == l.key && r == l.type) return i;
+      if ((l = e[i]) && (2 & l.__u) == 0 && a == l.key && r == l.type) return i;
       i--;
     }
     if (s < e.length) {
-      if ((l = e[s]) && (2 & l.__u) == 0 && c == l.key && r == l.type) return s;
+      if ((l = e[s]) && (2 & l.__u) == 0 && a == l.key && r == l.type) return s;
       s++;
     }
   }
   return -1;
 }
 function Se(t, e, n) {
-  e[0] == "-" ? t.setProperty(e, n ?? "") : t[e] = n == null ? "" : typeof n != "number" || lt.test(e) ? n : n + "px";
+  e[0] == "-" ? t.setProperty(e, n ?? "") : t[e] = n == null ? "" : typeof n != "number" || at.test(e) ? n : n + "px";
 }
-function Z(t, e, n, o, i) {
+function Q(t, e, n, o, i) {
   var s;
   e: if (e == "style") if (typeof n == "string") t.style.cssText = n;
   else {
     if (typeof o == "string" && (t.style.cssText = o = ""), o) for (e in o) n && e in n || Se(t.style, e, "");
     if (n) for (e in n) o && n[e] == o[e] || Se(t.style, e, n[e]);
   }
-  else if (e[0] == "o" && e[1] == "n") s = e != (e = e.replace(qe, "$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 = ge, t.addEventListener(e, s ? _e : fe, s)) : t.removeEventListener(e, s ? _e : fe, s);
+  else if (e[0] == "o" && e[1] == "n") s = e != (e = e.replace(Ve, "$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 = pe, t.addEventListener(e, s ? me : _e, s)) : t.removeEventListener(e, s ? me : _e, 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 {
@@ -107,123 +107,123 @@ function ze(t) {
   return function(e) {
     if (this.l) {
       var n = this.l[e.type + t];
-      if (e.t == null) e.t = ge++;
+      if (e.t == null) e.t = pe++;
       else if (e.t < n.u) return;
-      return n(L.event ? L.event(e) : e);
+      return n(z.event ? z.event(e) : e);
     }
   };
 }
-function we(t, e, n, o, i, s, c, r, l, a) {
-  var d, u, h, f, C, p, _, v, m, y, w, k, T, z, S, b, E, N = e.type;
+function we(t, e, n, o, i, s, a, r, l, c) {
+  var d, u, h, f, T, p, _, v, m, C, w, b, E, k, S, y, L, 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);
+  128 & n.__u && (l = !!(32 & n.__u), s = [r = e.__e = n.__e]), (d = z.__b) && d(e);
   e: if (typeof N == "function") try {
-    if (v = e.props, m = "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 : (m ? e.__c = u = new N(v, w) : (e.__c = u = new te(v, w), u.constructor = N, u.render = ht), y && y.sub(u), u.props = v, u.state || (u.state = {}), u.context = w, u.__n = o, h = u.__d = !0, u.__h = [], u._sb = []), m && u.__s == null && (u.__s = u.state), m && N.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = $({}, u.__s)), $(u.__s, N.getDerivedStateFromProps(v, u.__s))), f = u.props, C = u.state, u.__v = e, h) m && N.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), m && u.componentDidMount != null && u.__h.push(u.componentDidMount);
+    if (v = e.props, m = "prototype" in N && N.prototype.render, C = (d = N.contextType) && o[d.__c], w = d ? C ? C.props.value : d.__ : o, n.__c ? _ = (u = e.__c = n.__c).__ = u.__E : (m ? e.__c = u = new N(v, w) : (e.__c = u = new ne(v, w), u.constructor = N, u.render = ft), C && C.sub(u), u.props = v, u.state || (u.state = {}), u.context = w, u.__n = o, h = u.__d = !0, u.__h = [], u._sb = []), m && u.__s == null && (u.__s = u.state), m && N.getDerivedStateFromProps != null && (u.__s == u.state && (u.__s = U({}, u.__s)), U(u.__s, N.getDerivedStateFromProps(v, u.__s))), f = u.props, T = u.state, u.__v = e, h) m && N.getDerivedStateFromProps == null && u.componentWillMount != null && u.componentWillMount(), m && u.componentDidMount != null && u.__h.push(u.componentDidMount);
     else {
       if (m && N.getDerivedStateFromProps == null && v !== f && u.componentWillReceiveProps != null && u.componentWillReceiveProps(v, w), !u.__e && u.shouldComponentUpdate != null && u.shouldComponentUpdate(v, u.__s, w) === !1 || e.__v == n.__v) {
         for (e.__v != n.__v && (u.props = v, u.state = u.__s, u.__d = !1), e.__e = n.__e, e.__k = n.__k, e.__k.some(function(P) {
           P && (P.__ = e);
-        }), k = 0; k < u._sb.length; k++) u.__h.push(u._sb[k]);
-        u._sb = [], u.__h.length && c.push(u);
+        }), b = 0; b < u._sb.length; b++) u.__h.push(u._sb[b]);
+        u._sb = [], u.__h.length && a.push(u);
         break e;
       }
       u.componentWillUpdate != null && u.componentWillUpdate(v, u.__s, w), m && u.componentDidUpdate != null && u.__h.push(function() {
-        u.componentDidUpdate(f, C, p);
+        u.componentDidUpdate(f, T, p);
       });
     }
-    if (u.context = w, u.props = v, u.__P = t, u.__e = !1, T = L.__r, z = 0, m) {
-      for (u.state = u.__s, u.__d = !1, T && T(e), d = u.render(u.props, u.state, u.context), S = 0; S < u._sb.length; S++) u.__h.push(u._sb[S]);
+    if (u.context = w, u.props = v, u.__P = t, u.__e = !1, E = z.__r, k = 0, m) {
+      for (u.state = u.__s, u.__d = !1, E && E(e), d = u.render(u.props, u.state, u.context), S = 0; S < u._sb.length; S++) u.__h.push(u._sb[S]);
       u._sb = [];
     } else do
-      u.__d = !1, T && T(e), d = u.render(u.props, u.state, u.context), u.state = u.__s;
-    while (u.__d && ++z < 25);
-    u.state = u.__s, u.getChildContext != null && (o = $($({}, o), u.getChildContext())), m && !h && u.getSnapshotBeforeUpdate != null && (p = u.getSnapshotBeforeUpdate(f, C)), b = d, d != null && d.type === ce && d.key == null && (b = Ze(d.props.children)), r = Xe(t, ae(b) ? b : [b], e, n, o, i, s, c, r, l, a), u.base = e.__e, e.__u &= -161, u.__h.length && c.push(u), _ && (u.__E = u.__ = null);
+      u.__d = !1, E && E(e), d = u.render(u.props, u.state, u.context), u.state = u.__s;
+    while (u.__d && ++k < 25);
+    u.state = u.__s, u.getChildContext != null && (o = U(U({}, o), u.getChildContext())), m && !h && u.getSnapshotBeforeUpdate != null && (p = u.getSnapshotBeforeUpdate(f, T)), y = d, d != null && d.type === ue && d.key == null && (y = et(d.props.children)), r = Je(t, ce(y) ? y : [y], e, n, o, i, s, a, r, l, c), u.base = e.__e, e.__u &= -161, u.__h.length && a.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;
       s[s.indexOf(r)] = null, e.__e = r;
-    } else for (E = s.length; E--; ) pe(s[E]);
+    } else for (L = s.length; L--; ) Ce(s[L]);
     else e.__e = n.__e, e.__k = n.__k;
-    L.__e(P, e, n);
+    z.__e(P, e, n);
   }
-  else s == null && e.__v == n.__v ? (e.__k = n.__k, e.__e = n.__e) : r = e.__e = dt(n.__e, e, n, o, i, s, c, l, a);
-  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 = ht(n.__e, e, n, o, i, s, a, l, c);
+  return (d = z.diffed) && d(e), 128 & e.__u ? void 0 : r;
 }
-function Je(t, e, n) {
-  for (var o = 0; o < n.length; o++) Ce(n[o], n[++o], n[++o]);
-  L.__c && L.__c(e, t), t.some(function(i) {
+function Qe(t, e, n) {
+  for (var o = 0; o < n.length; o++) ye(n[o], n[++o], n[++o]);
+  z.__c && z.__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);
+      z.__e(s, i.__v);
     }
   });
 }
-function Ze(t) {
-  return typeof t != "object" || t == null || t.__b && t.__b > 0 ? t : ae(t) ? t.map(Ze) : $({}, t);
+function et(t) {
+  return typeof t != "object" || t == null || t.__b && t.__b > 0 ? t : ce(t) ? t.map(et) : U({}, t);
 }
-function dt(t, e, n, o, i, s, c, r, l) {
-  var a, d, u, h, f, C, p, _ = n.props, v = e.props, m = e.type;
+function ht(t, e, n, o, i, s, a, r, l) {
+  var c, d, u, h, f, T, p, _ = n.props, v = e.props, m = e.type;
   if (m == "svg" ? i = "http://www.w3.org/2000/svg" : m == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), s != null) {
-    for (a = 0; a < s.length; a++) if ((f = s[a]) && "setAttribute" in f == !!m && (m ? f.localName == m : f.nodeType == 3)) {
-      t = f, s[a] = null;
+    for (c = 0; c < s.length; c++) if ((f = s[c]) && "setAttribute" in f == !!m && (m ? f.localName == m : f.nodeType == 3)) {
+      t = f, s[c] = null;
       break;
     }
   }
   if (t == null) {
     if (m == null) return document.createTextNode(v);
-    t = document.createElementNS(i, m, v.is && v), r && (L.__m && L.__m(e, s), r = !1), s = null;
+    t = document.createElementNS(i, m, v.is && v), r && (z.__m && z.__m(e, s), r = !1), s = null;
   }
   if (m == null) _ === v || r && t.data == v || (t.data = v);
   else {
-    if (s = s && le.call(t.childNodes), _ = n.props || X, !r && s != null) for (_ = {}, a = 0; a < t.attributes.length; a++) _[(f = t.attributes[a]).name] = f.value;
-    for (a in _) if (f = _[a], a != "children") {
-      if (a == "dangerouslySetInnerHTML") u = f;
-      else if (!(a in v)) {
-        if (a == "value" && "defaultValue" in v || a == "checked" && "defaultChecked" in v) continue;
-        Z(t, a, null, f, i);
+    if (s = s && ae.call(t.childNodes), _ = n.props || K, !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 v)) {
+        if (c == "value" && "defaultValue" in v || c == "checked" && "defaultChecked" in v) continue;
+        Q(t, c, null, f, i);
       }
     }
-    for (a in v) f = v[a], a == "children" ? h = f : a == "dangerouslySetInnerHTML" ? d = f : a == "value" ? C = f : a == "checked" ? p = f : r && typeof f != "function" || _[a] === f || Z(t, a, f, _[a], i);
+    for (c in v) f = v[c], c == "children" ? h = f : c == "dangerouslySetInnerHTML" ? d = f : c == "value" ? T = f : c == "checked" ? p = f : r && typeof f != "function" || _[c] === f || Q(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 = ""), Xe(e.type == "template" ? t.content : t, ae(h) ? h : [h], e, n, o, m == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, s, c, s ? s[0] : n.__k && G(n, 0), r, l), s != null) for (a = s.length; a--; ) pe(s[a]);
-    r || (a = "value", m == "progress" && C == null ? t.removeAttribute("value") : C != null && (C !== t[a] || m == "progress" && !C || m == "option" && C != _[a]) && Z(t, a, C, _[a], i), a = "checked", p != null && p != t[a] && Z(t, a, p, _[a], i));
+    else if (u && (t.innerHTML = ""), Je(e.type == "template" ? t.content : t, ce(h) ? h : [h], e, n, o, m == "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--; ) Ce(s[c]);
+    r || (c = "value", m == "progress" && T == null ? t.removeAttribute("value") : T != null && (T !== t[c] || m == "progress" && !T || m == "option" && T != _[c]) && Q(t, c, T, _[c], i), c = "checked", p != null && p != t[c] && Q(t, c, p, _[c], i));
   }
   return t;
 }
-function Ce(t, e, n) {
+function ye(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);
+    z.__e(i, n);
   }
 }
-function Qe(t, e, n) {
+function tt(t, e, n) {
   var o, i;
-  if (L.unmount && L.unmount(t), (o = t.ref) && (o.current && o.current != t.__e || Ce(o, null, e)), (o = t.__c) != null) {
+  if (z.unmount && z.unmount(t), (o = t.ref) && (o.current && o.current != t.__e || ye(o, null, e)), (o = t.__c) != null) {
     if (o.componentWillUnmount) try {
       o.componentWillUnmount();
     } catch (s) {
-      L.__e(s, e);
+      z.__e(s, e);
     }
     o.base = o.__P = null;
   }
-  if (o = t.__k) for (i = 0; i < o.length; i++) o[i] && Qe(o[i], e, n || typeof t.type != "function");
-  n || pe(t.__e), t.__c = t.__ = t.__e = void 0;
+  if (o = t.__k) for (i = 0; i < o.length; i++) o[i] && tt(o[i], e, n || typeof t.type != "function");
+  n || Ce(t.__e), t.__c = t.__ = t.__e = void 0;
 }
-function ht(t, e, n) {
+function ft(t, e, n) {
   return this.constructor(t, n);
 }
-function ft(t, e, n) {
-  var o, i, s, c;
-  e == document && (e = document.documentElement), L.__ && L.__(t, e), i = (o = !1) ? null : e.__k, s = [], c = [], we(e, t = e.__k = at(ce, null, [t]), i || X, X, e.namespaceURI, i ? null : e.firstChild ? le.call(e.childNodes) : null, s, i ? i.__e : e.firstChild, o, c), Je(s, t, c);
+function _t(t, e, n) {
+  var o, i, s, a;
+  e == document && (e = document.documentElement), z.__ && z.__(t, e), i = (o = !1) ? null : e.__k, s = [], a = [], we(e, t = e.__k = ct(ue, null, [t]), i || K, K, e.namespaceURI, i ? null : e.firstChild ? ae.call(e.childNodes) : null, s, i ? i.__e : e.firstChild, o, a), Qe(s, t, a);
 }
-function _t(t) {
+function mt(t) {
   function e(n) {
     var o, i;
     return this.getChildContext || (o = /* @__PURE__ */ new Set(), (i = {})[e.__c] = this, this.getChildContext = function() {
@@ -231,177 +231,177 @@ function _t(t) {
     }, this.componentWillUnmount = function() {
       o = null;
     }, this.shouldComponentUpdate = function(s) {
-      this.props.value != s.value && o.forEach(function(c) {
-        c.__e = !0, me(c);
+      this.props.value != s.value && o.forEach(function(a) {
+        a.__e = !0, ve(a);
       });
     }, this.sub = function(s) {
       o.add(s);
-      var c = s.componentWillUnmount;
+      var a = s.componentWillUnmount;
       s.componentWillUnmount = function() {
-        o && o.delete(s), c && c.call(s);
+        o && o.delete(s), a && a.call(s);
       };
     }), n.children;
   }
-  return e.__c = "__cC" + Be++, e.__ = t, e.Provider = e.__l = (e.Consumer = function(n, o) {
+  return e.__c = "__cC" + Xe++, e.__ = t, e.Provider = e.__l = (e.Consumer = function(n, o) {
     return n.children(o);
   }).contextType = e, e;
 }
-le = Ve.slice, L = { __e: function(t, e, n, o) {
-  for (var i, s, c; e = e.__; ) if ((i = e.__c) && !i.__) try {
-    if ((s = i.constructor) && s.getDerivedStateFromError != null && (i.setState(s.getDerivedStateFromError(t)), c = i.__d), i.componentDidCatch != null && (i.componentDidCatch(t, o || {}), c = i.__d), c) return i.__E = i;
+ae = Ye.slice, z = { __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;
   } catch (r) {
     t = r;
   }
   throw t;
-} }, je = 0, te.prototype.setState = function(t, e) {
+} }, He = 0, ne.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), me(this));
-}, te.prototype.forceUpdate = function(t) {
-  this.__v && (this.__e = !0, t && this.__h.push(t), me(this));
-}, te.prototype.render = ce, U = [], Ge = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, He = function(t, e) {
+  n = this.__s != null && this.__s != this.state ? this.__s : this.__s = U({}, this.state), typeof t == "function" && (t = t(U({}, n), this.props)), t && U(n, t), t != null && this.__v && (e && this._sb.push(e), ve(this));
+}, ne.prototype.forceUpdate = function(t) {
+  this.__v && (this.__e = !0, t && this.__h.push(t), ve(this));
+}, ne.prototype.render = ue, W = [], Be = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, qe = function(t, e) {
   return t.__v.__b - e.__v.__b;
-}, ie.__r = 0, qe = /(PointerCapture)$|Capture$/i, ge = 0, fe = ze(!1), _e = ze(!0), Be = 0;
-var mt = 0;
+}, se.__r = 0, Ve = /(PointerCapture)$|Capture$/i, pe = 0, _e = ze(!1), me = ze(!0), Xe = 0;
+var vt = 0;
 function g(t, e, n, o, i, s) {
   e || (e = {});
-  var c, r, l = e;
-  if ("ref" in l) for (r in l = {}, e) r == "ref" ? c = e[r] : l[r] = e[r];
-  var a = { type: t, props: l, key: n, ref: c, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --mt, __i: -1, __u: 0, __source: i, __self: s };
-  if (typeof t == "function" && (c = t.defaultProps)) for (r in c) l[r] === void 0 && (l[r] = c[r]);
-  return L.vnode && L.vnode(a), a;
-}
-var H, A, he, Le, K = 0, et = [], M = L, Ne = M.__b, Ae = M.__r, Ee = M.diffed, Me = M.__c, Pe = M.unmount, Ie = M.__;
-function ue(t, e) {
-  M.__h && M.__h(A, t, K || e), K = 0;
+  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: --vt, __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 z.vnode && z.vnode(c), c;
+}
+var B, A, fe, Ne, J = 0, nt = [], M = z, Le = M.__b, Ae = M.__r, Me = M.diffed, Pe = M.__c, xe = M.unmount, Ie = M.__;
+function de(t, e) {
+  M.__h && M.__h(A, t, J || e), J = 0;
   var n = A.__H || (A.__H = { __: [], __h: [] });
   return t >= n.__.length && n.__.push({}), n.__[t];
 }
-function j(t) {
-  return K = 1, vt(nt, t);
+function G(t) {
+  return J = 1, gt(rt, t);
 }
-function vt(t, e, n) {
-  var o = ue(H++, 2);
-  if (o.t = t, !o.__c && (o.__ = [nt(void 0, e), function(r) {
-    var l = o.__N ? o.__N[0] : o.__[0], a = o.t(l, r);
-    l !== a && (o.__N = [a, o.__[1]], o.__c.setState({}));
+function gt(t, e, n) {
+  var o = de(B++, 2);
+  if (o.t = t, !o.__c && (o.__ = [rt(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 = A, !A.__f)) {
-    var i = function(r, l, a) {
+    var i = function(r, l, 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, a);
+      })) return !s || s.call(this, r, l, c);
       var u = o.__c.props !== r;
       return d.forEach(function(h) {
         if (h.__N) {
           var f = h.__[0];
           h.__ = h.__N, h.__N = void 0, f !== h.__[0] && (u = !0);
         }
-      }), s && s.call(this, r, l, a) || u;
+      }), s && s.call(this, r, l, c) || u;
     };
     A.__f = !0;
-    var s = A.shouldComponentUpdate, c = A.componentWillUpdate;
-    A.componentWillUpdate = function(r, l, a) {
+    var s = A.shouldComponentUpdate, a = A.componentWillUpdate;
+    A.componentWillUpdate = function(r, l, c) {
       if (this.__e) {
         var d = s;
-        s = void 0, i(r, l, a), s = d;
+        s = void 0, i(r, l, c), s = d;
       }
-      c && c.call(this, r, l, a);
+      a && a.call(this, r, l, c);
     }, A.shouldComponentUpdate = i;
   }
   return o.__N || o.__;
 }
-function x(t, e) {
-  var n = ue(H++, 3);
-  !M.__s && tt(n.__H, e) && (n.__ = t, n.u = e, A.__H.__h.push(n));
+function I(t, e) {
+  var n = de(B++, 3);
+  !M.__s && ot(n.__H, e) && (n.__ = t, n.u = e, A.__H.__h.push(n));
 }
-function F(t) {
-  return K = 5, q(function() {
+function O(t) {
+  return J = 5, q(function() {
     return { current: t };
   }, []);
 }
 function q(t, e) {
-  var n = ue(H++, 7);
-  return tt(n.__H, e) && (n.__ = t(), n.__H = e, n.__h = t), n.__;
+  var n = de(B++, 7);
+  return ot(n.__H, e) && (n.__ = t(), n.__H = e, n.__h = t), n.__;
 }
-function gt(t, e) {
-  return K = 8, q(function() {
+function Fe(t, e) {
+  return J = 8, q(function() {
     return t;
   }, e);
 }
 function pt(t) {
-  var e = A.context[t.__c], n = ue(H++, 9);
+  var e = A.context[t.__c], n = de(B++, 9);
   return n.c = t, e ? (n.__ == null && (n.__ = !0, e.sub(A)), e.props.value) : t.__;
 }
-function wt() {
-  for (var t; t = et.shift(); ) if (t.__P && t.__H) try {
-    t.__H.__h.forEach(ne), t.__H.__h.forEach(ve), t.__H.__h = [];
+function Ct() {
+  for (var t; t = nt.shift(); ) if (t.__P && t.__H) try {
+    t.__H.__h.forEach(oe), t.__H.__h.forEach(ge), t.__H.__h = [];
   } catch (e) {
     t.__H.__h = [], M.__e(e, t.__v);
   }
 }
 M.__b = function(t) {
-  A = null, Ne && Ne(t);
+  A = null, Le && Le(t);
 }, M.__ = function(t, e) {
   t && e.__k && e.__k.__m && (t.__m = e.__k.__m), Ie && Ie(t, e);
 }, M.__r = function(t) {
-  Ae && Ae(t), H = 0;
+  Ae && Ae(t), B = 0;
   var e = (A = t.__c).__H;
-  e && (he === A ? (e.__h = [], A.__h = [], e.__.forEach(function(n) {
+  e && (fe === A ? (e.__h = [], A.__h = [], e.__.forEach(function(n) {
     n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
-  })) : (e.__h.forEach(ne), e.__h.forEach(ve), e.__h = [], H = 0)), he = A;
+  })) : (e.__h.forEach(oe), e.__h.forEach(ge), e.__h = [], B = 0)), fe = A;
 }, M.diffed = function(t) {
-  Ee && Ee(t);
+  Me && Me(t);
   var e = t.__c;
-  e && e.__H && (e.__H.__h.length && (et.push(e) !== 1 && Le === M.requestAnimationFrame || ((Le = M.requestAnimationFrame) || Ct)(wt)), e.__H.__.forEach(function(n) {
+  e && e.__H && (e.__H.__h.length && (nt.push(e) !== 1 && Ne === M.requestAnimationFrame || ((Ne = M.requestAnimationFrame) || wt)(Ct)), e.__H.__.forEach(function(n) {
     n.u && (n.__H = n.u), n.u = void 0;
-  })), he = A = null;
+  })), fe = A = null;
 }, M.__c = function(t, e) {
   e.some(function(n) {
     try {
-      n.__h.forEach(ne), n.__h = n.__h.filter(function(o) {
-        return !o.__ || ve(o);
+      n.__h.forEach(oe), n.__h = n.__h.filter(function(o) {
+        return !o.__ || ge(o);
       });
     } catch (o) {
       e.some(function(i) {
         i.__h && (i.__h = []);
       }), e = [], M.__e(o, n.__v);
     }
-  }), Me && Me(t, e);
+  }), Pe && Pe(t, e);
 }, M.unmount = function(t) {
-  Pe && Pe(t);
+  xe && xe(t);
   var e, n = t.__c;
   n && n.__H && (n.__H.__.forEach(function(o) {
     try {
-      ne(o);
+      oe(o);
     } catch (i) {
       e = i;
     }
   }), n.__H = void 0, e && M.__e(e, n.__v));
 };
-var xe = typeof requestAnimationFrame == "function";
-function Ct(t) {
+var De = typeof requestAnimationFrame == "function";
+function wt(t) {
   var e, n = function() {
-    clearTimeout(o), xe && cancelAnimationFrame(e), setTimeout(t);
+    clearTimeout(o), De && cancelAnimationFrame(e), setTimeout(t);
   }, o = setTimeout(n, 100);
-  xe && (e = requestAnimationFrame(n));
+  De && (e = requestAnimationFrame(n));
 }
-function ne(t) {
+function oe(t) {
   var e = A, n = t.__c;
   typeof n == "function" && (t.__c = void 0, n()), A = e;
 }
-function ve(t) {
+function ge(t) {
   var e = A;
   t.__c = t.__(), A = e;
 }
-function tt(t, e) {
+function ot(t, e) {
   return !t || t.length !== e.length || e.some(function(n, o) {
     return n !== t[o];
   });
 }
-function nt(t, e) {
+function rt(t, e) {
   return typeof e == "function" ? e(t) : e;
 }
 const yt = (t) => ({
@@ -427,14 +427,14 @@ const yt = (t) => ({
       console.error("Failed to reset maze game data:", e);
     }
   }
-}), ot = _t(void 0), De = {
+}), it = mt(void 0), Re = {
   currentLevel: 1,
   highestUnlockedLevel: 1,
   currentTier: 1,
   highestUnlockedTier: 1,
   levelScores: {},
   totalScore: 0
-}, Fe = {
+}, Oe = {
   isGameActive: !0,
   levelTransitioning: !1,
   maze: null,
@@ -448,8 +448,8 @@ const yt = (t) => ({
   playerPath: [],
   visitCounts: {}
 }, bt = ({ children: t, config: e }) => {
-  const n = yt(e.lcPrefix + "progress"), o = n.loadGameData(), [i, s] = j(() => o || { ...De });
-  x(() => {
+  const n = yt(e.lcPrefix + "progress"), o = n.loadGameData(), [i, s] = G(() => o || { ...Re });
+  I(() => {
     const u = Object.values(i.levelScores).reduce(
       (h, f) => h + f,
       0
@@ -458,7 +458,7 @@ const yt = (t) => ({
       ...h,
       totalScore: u
     }));
-  }, [i.levelScores]), x(() => {
+  }, [i.levelScores]), I(() => {
     n.saveGameData(i);
   }, [
     i.currentLevel,
@@ -468,69 +468,69 @@ const yt = (t) => ({
     i.levelScores,
     i.totalScore
   ]);
-  const [c, r] = j({
-    ...Fe
-  }), l = F(c);
-  x(() => {
-    l.current = c;
-  }, [c]);
-  const a = q(() => [
-    c.playerAtExit ? 1 : 0,
-    c.foodCollected === c.totalFoodCount ? 1 : 0,
-    c.showClue ? 0 : 1
+  const [a, r] = G({
+    ...Oe
+  }), l = O(a);
+  I(() => {
+    l.current = a;
+  }, [a]);
+  const c = q(() => [
+    a.playerAtExit ? 1 : 0,
+    a.foodCollected === a.totalFoodCount ? 1 : 0,
+    a.showClue ? 0 : 1
   ], [
-    c.playerAtExit,
-    c.foodCollected,
-    c.totalFoodCount,
-    c.showClue
+    a.playerAtExit,
+    a.foodCollected,
+    a.totalFoodCount,
+    a.showClue
   ]), d = () => {
     n.resetGameData(), s({
-      ...De
+      ...Re
     }), r({
-      ...Fe
+      ...Oe
     });
   };
   return /* @__PURE__ */ g(
-    ot.Provider,
+    it.Provider,
     {
       value: {
         gameProgress: i,
         setGameProgress: s,
-        gamePlayState: c,
+        gamePlayState: a,
         setGamePlayState: r,
         gamePlayStateRef: l,
-        currentScore: a,
+        currentScore: c,
         config: e,
         resetGame: d
       },
       children: t
     }
   );
-}, B = () => {
-  const t = pt(ot);
+}, V = () => {
+  const t = pt(it);
   if (!t)
     throw new Error("useGameContext must be used within a GameProvider");
   return t;
-}, J = (t) => q(() => {
+}, Z = (t) => q(() => {
   const e = t.map((r) => r.length), n = e.reduce((r, l) => r + l, 0), o = t.length, i = (r) => {
     if (r < 1 || r > n) return 0;
     let l = 0;
-    for (let a = 0; a < e.length; a++)
-      if (l += e[a], r <= l) return a + 1;
+    for (let c = 0; c < e.length; c++)
+      if (l += e[c], r <= l) return c + 1;
     return 0;
-  }, s = (r) => r < 1 || r > o ? 0 : e.slice(0, r - 1).reduce((l, a) => l + a, 0) + 1, c = {
+  }, s = (r) => r < 1 || r > o ? 0 : e.slice(0, r - 1).reduce((l, c) => l + c, 0) + 1, a = {
     getTotalLevels: () => n,
     getTotalTiers: () => o,
     getTierLevelsRange: (r) => {
       if (r < 1 || r > o) return [0, 0];
-      const l = s(r), a = l + e[r - 1] - 1;
-      return [l, a];
+      const l = s(r), c = l + e[r - 1] - 1;
+      return [l, c];
     },
     getTierByLevel: i,
     getFirstLevelOfTier: s,
     getLevelConfig: (r) => {
       if (r < 1 || r > n) return null;
-      const l = i(r), a = s(l), d = r - a;
+      const l = i(r), c = s(l), d = r - c;
       return t[l - 1][d];
     },
     getTierConfig: (r) => r < 1 || r > o ? null : t[r - 1],
@@ -538,44 +538,44 @@ const yt = (t) => ({
     isTierUnlocked: (r, l) => r <= l,
     getNextLevelInfo: (r) => {
       if (r >= n) return null;
-      const l = r + 1, a = i(r), d = i(l);
+      const l = r + 1, c = i(r), d = i(l);
       return {
         nextLevel: l,
         nextTier: d,
-        isTierChange: d > a
+        isTierChange: d > c
       };
     },
     getCurrentTierProgress: (r, l) => {
-      const [a, d] = c.getTierLevelsRange(l), u = r - a + 1, h = d - a + 1;
+      const [c, d] = a.getTierLevelsRange(l), u = r - c + 1, h = d - c + 1;
       return { current: u, total: h };
     },
     isLastLevelInTier: (r) => {
-      const l = i(r), [, a] = c.getTierLevelsRange(l);
-      return r === a;
+      const l = i(r), [, c] = a.getTierLevelsRange(l);
+      return r === c;
     },
     getPreviousLevelInfo: (r) => {
       if (r <= 1) return null;
-      const l = r - 1, a = i(r), d = i(l);
+      const l = r - 1, c = i(r), d = i(l);
       return {
         prevLevel: l,
         prevTier: d,
-        isTierChange: d < a
+        isTierChange: d < c
       };
     }
   };
-  return c;
+  return a;
 }, [t]), kt = ({ onTierChange: t, disabled: e }) => {
-  const { gameProgress: n, config: o } = B(), { i18n: i, levelConfig: s } = o, { currentTier: c, highestUnlockedTier: r } = n, a = J(s).getTotalTiers();
+  const { gameProgress: n, config: o } = V(), { i18n: i, levelConfig: s } = o, { currentTier: a, highestUnlockedTier: r } = n, c = Z(s).getTotalTiers();
   return /* @__PURE__ */ g("div", { className: "tier-selector", children: /* @__PURE__ */ g(
     "select",
     {
-      value: c,
+      value: a,
       onChange: (d) => {
         d.target && d.target.value && t(Number(d.target.value));
       },
       disabled: e,
       className: "tier-dropdown",
-      children: Array.from({ length: a }, (d, u) => u + 1).map((d) => /* @__PURE__ */ g(
+      children: Array.from({ length: c }, (d, u) => u + 1).map((d) => /* @__PURE__ */ g(
         "option",
         {
           value: d,
@@ -587,16 +587,16 @@ const yt = (t) => ({
     }
   ) });
 }, Tt = ({ onLevelChange: t, disabled: e }) => {
-  const { gameProgress: n, config: o } = B(), { i18n: i, levelConfig: s } = o, { currentTier: c, levelScores: r, currentLevel: l, highestUnlockedLevel: a } = n, d = J(s), u = q(() => {
-    const [h, f] = d.getTierLevelsRange(c);
-    return Array.from({ length: f - h + 1 }, (C, p) => {
+  const { gameProgress: n, config: o } = V(), { i18n: i, levelConfig: s } = o, { currentTier: a, levelScores: r, currentLevel: l, highestUnlockedLevel: c } = n, d = Z(s), u = q(() => {
+    const [h, f] = d.getTierLevelsRange(a);
+    return Array.from({ length: f - h + 1 }, (T, p) => {
       const _ = h + p, v = r[_] || 0;
       return {
         level: _,
         score: v
       };
     });
-  }, [c, r]);
+  }, [a, r]);
   return /* @__PURE__ */ g("div", { className: "level-selector", children: /* @__PURE__ */ g(
     "select",
     {
@@ -610,28 +610,28 @@ const yt = (t) => ({
         "option",
         {
           value: h,
-          disabled: h > a,
+          disabled: h > c,
           children: `${i.level} ${h} ${"★".repeat(f)}`
         },
         `level-${h}`
       ))
     }
   ) });
-}, oe = ({
+}, re = ({
   isOpen: t,
   title: e,
   className: n = "",
   message: o,
   children: i,
   noConfirm: s = !1,
-  noCancel: c = !1,
+  noCancel: a = !1,
   confirmText: r = "OK",
   cancelText: l = "Cancel",
-  onConfirm: a,
+  onConfirm: c,
   onCancel: d
 }) => {
-  const u = F(null);
-  return x(() => {
+  const u = O(null);
+  return I(() => {
     const h = (f) => {
       f.key === "Escape" && d?.();
     };
@@ -645,8 +645,8 @@ const yt = (t) => ({
       children: /* @__PURE__ */ g("div", { className: "maze-dialog " + n, ref: u, children: [
         /* @__PURE__ */ g("div", { className: "maze-dialog-title", children: e }),
         /* @__PURE__ */ g("div", { className: "maze-dialog-content", children: i || /* @__PURE__ */ g("div", { className: "maze-dialog-message", children: o }) }),
-        (!c || !s) && /* @__PURE__ */ g("div", { className: "maze-dialog-buttons", children: [
-          !c && /* @__PURE__ */ g(
+        (!a || !s) && /* @__PURE__ */ g("div", { className: "maze-dialog-buttons", children: [
+          !a && /* @__PURE__ */ g(
             "button",
             {
               type: "button",
@@ -660,7 +660,7 @@ const yt = (t) => ({
             {
               type: "button",
               className: "maze-dialog-confirm",
-              onClick: a,
+              onClick: c,
               children: r
             }
           )
@@ -668,7 +668,7 @@ const yt = (t) => ({
       ] })
     }
   );
-}, R = {
+}, $ = {
   container: null,
   // attach Toast container to element, only need to execute once
   attachTo(t) {
@@ -698,7 +698,7 @@ const yt = (t) => ({
       for (; this.container.firstChild; )
         this.container.removeChild(this.container.firstChild);
   }
-}, St = () => {
+}, Et = () => {
   const {
     gameProgress: t,
     setGameProgress: e,
@@ -706,34 +706,34 @@ const yt = (t) => ({
     setGamePlayState: o,
     gamePlayStateRef: i,
     resetGame: s,
-    config: c
-  } = B(), { i18n: r, levelConfig: l } = c, a = J(l), { levelTransitioning: d, showClue: u } = n, { highestUnlockedLevel: h, totalScore: f } = t, C = a.getTotalLevels(), [p, _] = j(!1), [v, m] = j(!1), [y, w] = j(!1), k = (O) => {
-    const Y = a.getFirstLevelOfTier(O);
-    a.isLevelUnlocked(Y, h) && (e((W) => ({ ...W, currentTier: O })), T(Y));
-  }, T = (O) => {
-    a.isLevelUnlocked(O, h) && (e((Y) => ({ ...Y, currentLevel: O })), R.show(
-      r.levelGoToast.replace("%LEVEL%", O.toString()),
+    config: a
+  } = V(), { i18n: r, levelConfig: l } = a, c = Z(l), { levelTransitioning: d, showClue: u } = n, { highestUnlockedLevel: h, totalScore: f } = t, T = c.getTotalLevels(), [p, _] = G(!1), [v, m] = G(!1), [C, w] = G(!1), b = (F) => {
+    const D = c.getFirstLevelOfTier(F);
+    c.isLevelUnlocked(D, h) && (e((j) => ({ ...j, currentTier: F })), E(D));
+  }, E = (F) => {
+    c.isLevelUnlocked(F, h) && (e((D) => ({ ...D, currentLevel: F })), $.show(
+      r.levelGoToast.replace("%LEVEL%", F.toString()),
       "success"
     ));
-  }, z = () => {
+  }, k = () => {
     _(!0);
   }, S = () => {
     _(!1);
-  }, b = () => {
+  }, y = () => {
     w(!0);
-  }, E = () => {
+  }, L = () => {
     w(!1);
   }, N = () => {
-    R.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
+    $.show(u ? r.cluePathDisabled : r.cluePathEnabled), o(() => ({
       ...i.current,
       // need to sync with ref
       showClue: !i.current.showClue
     })), w(!1);
   }, P = () => {
     m(!0);
-  }, I = () => {
-    s(), m(!1), R.show(r.resetDoneToast);
-  }, V = () => {
+  }, x = () => {
+    s(), m(!1), $.show(r.resetDoneToast);
+  }, X = () => {
     m(!1);
   };
   return /* @__PURE__ */ g("div", { class: "game-panel-container", children: [
@@ -742,14 +742,14 @@ const yt = (t) => ({
         /* @__PURE__ */ g(
           kt,
           {
-            onTierChange: k,
+            onTierChange: b,
             disabled: d
           }
         ),
         /* @__PURE__ */ g(
           Tt,
           {
-            onLevelChange: T,
+            onLevelChange: E,
             disabled: d
           }
         )
@@ -760,14 +760,14 @@ const yt = (t) => ({
           className: `settings-clue-button ${u ? "clue-on" : "clue-off"}`,
           disabled: u,
           title: "Toggle Clue",
-          onClick: b,
+          onClick: y,
           children: u ? r.clueOn : r.clueOff
         }
       )
     ] }),
-    /* @__PURE__ */ g("div", { className: "game-settings", children: /* @__PURE__ */ g("span", { className: "game-settings-icon", onClick: z, children: "★ " + f }) }),
+    /* @__PURE__ */ g("div", { className: "game-settings", children: /* @__PURE__ */ g("span", { className: "game-settings-icon", onClick: k, children: "★ " + f }) }),
     /* @__PURE__ */ g(
-      oe,
+      re,
       {
         isOpen: p,
         title: r.settings,
@@ -776,7 +776,7 @@ const yt = (t) => ({
         onCancel: S,
         children: [
           /* @__PURE__ */ g("div", { className: "settings-stats", children: [
-            /* @__PURE__ */ g("div", { children: r.levelComplete + `: ${h}/${C}` }),
+            /* @__PURE__ */ g("div", { children: r.levelComplete + `: ${h}/${T}` }),
             /* @__PURE__ */ g("div", { children: r.starsCollected + ": " + f }),
             /* @__PURE__ */ g("div", { children: r.avgStarPerLevel + ": " + (f / h).toFixed(2) })
           ] }),
@@ -796,93 +796,93 @@ const yt = (t) => ({
       }
     ),
     /* @__PURE__ */ g(
-      oe,
+      re,
       {
         isOpen: v,
         title: r.confirmReset,
         message: r.confirmResetMessage,
         confirmText: r.reset,
         cancelText: r.cancel,
-        onConfirm: I,
-        onCancel: V
+        onConfirm: x,
+        onCancel: X
       }
     ),
     /* @__PURE__ */ g(
-      oe,
+      re,
       {
-        isOpen: y,
+        isOpen: C,
         title: r.confirmClue,
         message: r.confirmClueMessage,
         confirmText: r.confirm,
         cancelText: r.cancel,
         onConfirm: N,
-        onCancel: E
+        onCancel: L
       }
     )
   ] });
 };
-function ye(t, e) {
+function be(t, e) {
   if (!(t instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function zt(t, e) {
+function St(t, e) {
   for (var n = 0; n < e.length; n++) {
     var o = e[n];
     o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
   }
 }
-function be(t, e, n) {
-  return e && zt(t.prototype, e), t;
+function ke(t, e, n) {
+  return e && St(t.prototype, e), t;
 }
-function Re(t) {
+function $e(t) {
   return +t.replace(/px/, "");
 }
-function Lt(t) {
-  var e = window.devicePixelRatio, n = getComputedStyle(t), o = Re(n.getPropertyValue("width")), i = Re(n.getPropertyValue("height"));
+function zt(t) {
+  var e = window.devicePixelRatio, n = getComputedStyle(t), o = $e(n.getPropertyValue("width")), i = $e(n.getPropertyValue("height"));
   t.setAttribute("width", (o * e).toString()), t.setAttribute("height", (i * e).toString());
 }
-function D(t, e) {
+function R(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[D(0, t.length)];
+function Ue(t) {
+  return t[R(0, t.length)];
 }
-var Nt = 125e-5, At = 5e-4, Et = 9e-4, Mt = 1e-5, Pt = 6, It = 80, xt = 0.9, Dt = 1.7, Ft = 0.2, Rt = 0.6, Ot = 0.03, $t = 0.07, Ut = 15, Wt = 82, jt = 100, Gt = 250, Ht = 40, qt = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
-function $e(t) {
+var Nt = 125e-5, Lt = 5e-4, At = 9e-4, Mt = 1e-5, Pt = 6, xt = 80, It = 0.9, Ft = 1.7, Dt = 0.2, Rt = 0.6, Ot = 0.03, $t = 0.07, Ut = 15, Wt = 82, jt = 100, Gt = 250, Ht = 40, Bt = ["#fcf403", "#62fc03", "#f4fc03", "#03e7fc", "#03fca5", "#a503fc", "#fc03ad", "#fc03c2"];
+function We(t) {
   var e = 1920;
   return Math.log(t) / Math.log(e);
 }
-var Ue = /* @__PURE__ */ function() {
+var je = /* @__PURE__ */ function() {
   function t(e) {
-    ye(this, t);
-    var n = e.initialPosition, o = e.direction, i = e.confettiRadius, s = e.confettiColors, c = e.emojis, r = e.emojiSize, l = e.canvasWidth, a = D(xt, Dt, 3), d = a * $e(l);
+    be(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 = R(It, Ft, 3), d = c * We(l);
     this.confettiSpeed = {
       x: d,
       y: d
-    }, this.finalConfettiSpeedX = D(Ft, Rt, 3), this.rotationSpeed = c.length ? 0.01 : D(Ot, $t, 3) * $e(l), this.dragForceCoefficient = D(At, Et, 6), this.radius = {
+    }, this.finalConfettiSpeedX = R(Dt, Rt, 3), this.rotationSpeed = a.length ? 0.01 : R(Ot, $t, 3) * We(l), this.dragForceCoefficient = R(Lt, At, 6), this.radius = {
       x: i,
       y: i
-    }, this.initialRadius = i, this.rotationAngle = o === "left" ? D(0, 0.2, 3) : D(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = D(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
-    var u = o === "left" ? D(Wt, Ut) * Math.PI / 180 : D(-15, -82) * Math.PI / 180;
+    }, this.initialRadius = i, this.rotationAngle = o === "left" ? R(0, 0.2, 3) : R(-0.2, 0, 3), this.emojiSize = r, this.emojiRotationAngle = R(0, 2 * Math.PI), this.radiusYUpdateDirection = "down";
+    var u = o === "left" ? R(Wt, Ut) * Math.PI / 180 : R(-15, -82) * Math.PI / 180;
     this.absCos = Math.abs(Math.cos(u)), this.absSin = Math.abs(Math.sin(u));
-    var h = D(-150, 0), f = {
+    var h = R(-150, 0), f = {
       x: n.x + (o === "left" ? -h : h) * this.absCos,
       y: n.y - h * this.absSin
     };
-    this.currentPosition = Object.assign({}, f), this.initialPosition = Object.assign({}, f), this.color = c.length ? null : Oe(s), this.emoji = c.length ? Oe(c) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
+    this.currentPosition = Object.assign({}, f), this.initialPosition = Object.assign({}, f), this.color = a.length ? null : Ue(s), this.emoji = a.length ? Ue(a) : null, this.createdAt = (/* @__PURE__ */ new Date()).getTime(), this.direction = o;
   }
-  return be(t, [{
+  return ke(t, [{
     key: "draw",
     value: function(n) {
-      var o = this.currentPosition, i = this.radius, s = this.color, c = this.emoji, r = this.rotationAngle, l = this.emojiRotationAngle, a = 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()) : c && (n.font = "".concat(a, "px serif"), n.save(), n.translate(d * o.x, d * o.y), n.rotate(l), n.textAlign = "center", n.fillText(c, 0, 0), n.restore());
+      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());
     }
   }, {
     key: "updatePosition",
     value: function(n, o) {
-      var i = this.confettiSpeed, s = this.dragForceCoefficient, c = this.finalConfettiSpeedX, r = this.radiusYUpdateDirection, l = this.rotationSpeed, a = this.createdAt, d = this.direction, u = o - a;
-      if (i.x > c && (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 + Nt * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Mt * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
+      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 + Nt * Math.pow(u, 2) / 2, this.rotationSpeed -= this.emoji ? 1e-4 : Mt * n, this.rotationSpeed < 0 && (this.rotationSpeed = 0), this.emoji) {
         this.emojiRotationAngle += this.rotationSpeed * n % (2 * Math.PI);
         return;
       }
@@ -895,28 +895,28 @@ var Ue = /* @__PURE__ */ function() {
     }
   }]), t;
 }();
-function Bt() {
+function qt() {
   var t = document.createElement("canvas");
   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 Vt(t) {
-  var e = t.confettiRadius, n = e === void 0 ? Pt : e, o = t.confettiNumber, i = o === void 0 ? t.confettiesNumber || (t.emojis ? Ht : Gt) : o, s = t.confettiColors, c = s === void 0 ? qt : s, r = t.emojis, l = r === void 0 ? t.emojies || [] : r, a = t.emojiSize, d = a === void 0 ? It : a;
+  var e = t.confettiRadius, n = e === void 0 ? Pt : e, o = t.confettiNumber, i = o === void 0 ? t.confettiesNumber || (t.emojis ? Ht : Gt) : o, s = t.confettiColors, a = s === void 0 ? Bt : s, r = t.emojis, l = r === void 0 ? t.emojies || [] : r, c = t.emojiSize, d = c === void 0 ? xt : 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: c,
+    confettiColors: a,
     emojis: l,
     emojiSize: d
   };
 }
-var Yt = /* @__PURE__ */ function() {
+var Xt = /* @__PURE__ */ function() {
   function t(e) {
     var n = this;
-    ye(this, t), this.canvasContext = e, this.shapes = [], this.promise = new Promise(function(o) {
+    be(this, t), this.canvasContext = e, this.shapes = [], this.promise = new Promise(function(o) {
       return n.resolvePromise = o;
     });
   }
-  return be(t, [{
+  return ke(t, [{
     key: "getBatchCompletePromise",
     value: function() {
       return this.promise;
@@ -936,27 +936,27 @@ var Yt = /* @__PURE__ */ function() {
   }, {
     key: "processShapes",
     value: function(n, o, i) {
-      var s = this, c = n.timeDelta, r = n.currentTime;
+      var s = this, a = n.timeDelta, r = n.currentTime;
       this.shapes = this.shapes.filter(function(l) {
-        return l.updatePosition(c, r), l.draw(s.canvasContext), i ? l.getIsVisibleOnCanvas(o) : !0;
+        return l.updatePosition(a, r), l.draw(s.canvasContext), i ? l.getIsVisibleOnCanvas(o) : !0;
       });
     }
   }]), t;
-}(), Xt = /* @__PURE__ */ function() {
+}(), Yt = /* @__PURE__ */ function() {
   function t() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    ye(this, t), this.activeConfettiBatches = [], this.canvas = e.canvas || Bt(), this.canvasContext = this.canvas.getContext("2d"), this.requestAnimationFrameRequested = !1, this.lastUpdated = (/* @__PURE__ */ new Date()).getTime(), this.iterationIndex = 0, this.loop = this.loop.bind(this), requestAnimationFrame(this.loop);
+    be(this, t), this.activeConfettiBatches = [], this.canvas = e.canvas || qt(), this.canvasContext = this.canvas.getContext("2d"), this.requestAnimationFrameRequested = !1, this.lastUpdated = (/* @__PURE__ */ new Date()).getTime(), this.iterationIndex = 0, this.loop = this.loop.bind(this), requestAnimationFrame(this.loop);
   }
-  return be(t, [{
+  return ke(t, [{
     key: "loop",
     value: function() {
-      this.requestAnimationFrameRequested = !1, Lt(this.canvas);
+      this.requestAnimationFrameRequested = !1, zt(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(c) {
-        return c.processShapes({
+      this.activeConfettiBatches = this.activeConfettiBatches.filter(function(a) {
+        return a.processShapes({
           timeDelta: o,
           currentTime: n
-        }, i, s), s ? !c.complete() : !0;
+        }, i, s), s ? !a.complete() : !0;
       }), this.iterationIndex++, this.queueAnimationFrameIfNeeded(n);
     }
   }, {
@@ -967,27 +967,27 @@ var Yt = /* @__PURE__ */ function() {
   }, {
     key: "addConfetti",
     value: function() {
-      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = Vt(n), i = o.confettiRadius, s = o.confettiNumber, c = o.confettiColors, r = o.emojis, l = o.emojiSize, a = this.canvas.getBoundingClientRect(), d = a.width, u = a.height, h = u * 5 / 7, f = {
+      for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = Vt(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, f = {
         x: 0,
         y: h
-      }, C = {
+      }, T = {
         x: d,
         y: h
-      }, p = new Yt(this.canvasContext), _ = 0; _ < s / 2; _++) {
-        var v = new Ue({
+      }, p = new Xt(this.canvasContext), _ = 0; _ < s / 2; _++) {
+        var v = new je({
           initialPosition: f,
           direction: "right",
           confettiRadius: i,
-          confettiColors: c,
+          confettiColors: a,
           confettiNumber: s,
           emojis: r,
           emojiSize: l,
           canvasWidth: d
-        }), m = new Ue({
-          initialPosition: C,
+        }), m = new je({
+          initialPosition: T,
           direction: "left",
           confettiRadius: i,
-          confettiColors: c,
+          confettiColors: a,
           confettiNumber: s,
           emojis: r,
           emojiSize: l,
@@ -1009,87 +1009,87 @@ var Yt = /* @__PURE__ */ function() {
     }
   }]), t;
 }();
-const Kt = new Xt(), Jt = ({ onRetry: t }) => {
+const Kt = new Yt(), Jt = ({ onRetry: t }) => {
   const {
     config: e,
     currentScore: n,
     gamePlayState: o,
     setGamePlayState: i,
     gameProgress: s,
-    setGameProgress: c
-  } = B(), { i18n: r, levelConfig: l } = e, [a, d, u] = n, { foodCollected: h, totalFoodCount: f, playerAtExit: C, levelTransitioning: p } = o, { currentLevel: _ } = s, [v, m] = j(!1);
-  x(() => {
-    C && p && (Kt.addConfetti(), R.show(r.levelCompleteToast, "success"), m(!0));
-  }, [C, p]);
-  const y = J(l), w = y.getTotalLevels(), k = q(() => _ >= w, [_, w]), T = () => {
-    m(!1), R.show(r.levelRestartToast, "info"), t?.();
-  }, z = () => {
-    m(!1), i((b) => ({
-      ...b,
+    setGameProgress: a
+  } = V(), { i18n: r, levelConfig: l } = e, [c, d, u] = n, { foodCollected: h, totalFoodCount: f, playerAtExit: T, levelTransitioning: p } = o, { currentLevel: _ } = s, [v, m] = G(!1);
+  I(() => {
+    T && p && (Kt.addConfetti(), $.show(r.levelCompleteToast, "success"), m(!0));
+  }, [T, p]);
+  const C = Z(l), w = C.getTotalLevels(), b = q(() => _ >= w, [_, w]), E = () => {
+    m(!1), $.show(r.levelRestartToast, "info"), t?.();
+  }, k = () => {
+    m(!1), i((y) => ({
+      ...y,
       isGameActive: !0,
       levelTransitioning: !1
     }));
   }, S = () => {
     m(!1);
-    const b = y.getNextLevelInfo(_);
-    if (!b) return;
-    const { nextLevel: E, nextTier: N, isTierChange: P } = b;
-    P && R.show(
+    const y = C.getNextLevelInfo(_);
+    if (!y) return;
+    const { nextLevel: L, nextTier: N, isTierChange: P } = y;
+    P && $.show(
       r.tierUnlockedToast.replace("%TIER%", N.toString()),
       "success"
-    ), c((I) => ({
-      ...I,
-      currentLevel: E,
+    ), a((x) => ({
+      ...x,
+      currentLevel: L,
       currentTier: N,
-      highestUnlockedLevel: Math.max(I.highestUnlockedLevel, E),
-      highestUnlockedTier: Math.max(I.highestUnlockedTier, N),
+      highestUnlockedLevel: Math.max(x.highestUnlockedLevel, L),
+      highestUnlockedTier: Math.max(x.highestUnlockedTier, N),
       levelScores: {
-        ...I.levelScores,
-        [I.currentLevel]: Math.max(
+        ...x.levelScores,
+        [x.currentLevel]: Math.max(
           Object.values(n).filter(Boolean).length,
-          I.levelScores[I.currentLevel] || 0
+          x.levelScores[x.currentLevel] || 0
         )
       }
     }));
   };
   return /* @__PURE__ */ g(
-    oe,
+    re,
     {
       className: "level-complete-dialog",
       isOpen: v,
       title: r.congratulations,
       cancelText: r.retry,
-      onCancel: T,
+      onCancel: E,
       noConfirm: !!d,
       confirmText: r.continue,
-      onConfirm: z,
+      onConfirm: k,
       children: [
         /* @__PURE__ */ g("div", { className: "maze-summary-message", children: [
-          !!a && /* @__PURE__ */ g("div", { children: "★ - " + r.findYourExit }),
+          !!c && /* @__PURE__ */ g("div", { children: "★ - " + r.findYourExit }),
           /* @__PURE__ */ g("div", { children: u ? "★ - " + r.withoutClue : "☆ - " + r.withClue }),
           /* @__PURE__ */ g("div", { children: (d ? "★ - " + r.collectAllStars : "☆ - " + r.notCollectAllStars) + ` (${h}/${f})` })
         ] }),
-        k && /* @__PURE__ */ g("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
-        /* @__PURE__ */ g("div", { className: "go-next-level", children: k ? "OK" : /* @__PURE__ */ g("button", { type: "button", onClick: S, children: r.nextLevel }) }),
+        b && /* @__PURE__ */ g("div", { className: "all-levels-completed", children: r.allLevelsCompleted }),
+        /* @__PURE__ */ g("div", { className: "go-next-level", children: b ? "OK" : /* @__PURE__ */ g("button", { type: "button", onClick: S, children: r.nextLevel }) }),
         !d && /* @__PURE__ */ g("div", { className: "not-all-stars-collected", children: r.continueMessage })
       ]
     }
   );
 }, Zt = (t, e) => {
-  const n = F({
+  const n = O({
     canvasWidth: 0,
     canvasHeight: 0
   });
-  return x(() => {
+  return I(() => {
     const o = () => {
       const s = t.current;
       if (!s) return;
-      const c = s.parentElement;
-      if (!c) return;
-      const r = c.clientWidth, l = window.devicePixelRatio || 1;
+      const a = s.parentElement;
+      if (!a) return;
+      const r = a.clientWidth, l = window.devicePixelRatio || 1;
       s.style.width = `${r}px`, s.style.height = `${r}px`;
-      const a = r * l, d = r * l;
-      s.width = a, s.height = d, n.current = { canvasWidth: a, canvasHeight: d }, e?.();
+      const c = r * l, d = r * l;
+      s.width = c, s.height = d, n.current = { canvasWidth: c, canvasHeight: d }, e?.();
     };
     o();
     let i = null;
@@ -1101,23 +1101,23 @@ const Kt = new Xt(), Jt = ({ onRetry: t }) => {
   const {
     config: e,
     gamePlayState: { maze: n }
-  } = B(), o = F({ cellWidth: 0, cellHeight: 0 });
-  return x(() => {
+  } = V(), o = O({ cellWidth: 0, cellHeight: 0 });
+  return I(() => {
     const i = e.renderConfig.padding, s = () => {
       const r = t.current;
       if (!r || !n) return;
-      const { rows: l, cols: a } = n;
-      if (l <= 0 || a <= 0) return;
-      const d = (r.width - i * 2) / a, u = (r.height - i * 2) / l;
+      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;
       o.current = { cellWidth: d, cellHeight: u };
     };
     s();
-    let c = null;
-    return t.current && window.ResizeObserver && (c = new ResizeObserver(s), c.observe(t.current)), () => {
-      t.current && c?.disconnect();
+    let a = null;
+    return t.current && window.ResizeObserver && (a = new ResizeObserver(s), a.observe(t.current)), () => {
+      t.current && a?.disconnect();
     };
   }, [t, n]), o;
-}, Q = {
+}, ee = {
   ArrowUp: [-1, 0],
   ArrowDown: [1, 0],
   ArrowLeft: [0, -1],
@@ -1128,51 +1128,54 @@ const Kt = new Xt(), Jt = ({ onRetry: t }) => {
   setGamePlayState: n,
   moveSpeed: o,
   // move X grid units per frame, default 0.03
-  playerRadius: i,
+  moveSpeedRef: i,
+  // alternative: ref to move speed for dynamic updates
+  playerRadius: s,
   // player radius in grid unit, default 0.2
-  exitWallWidth: s,
-  getCellSizeInPixels: c,
-  onFoodCollected: r
+  onFoodCollected: a
 }) => {
-  const l = F(!1), a = F(/* @__PURE__ */ new Set()), d = (_, v) => {
-    const m = e.current;
-    if (!m.maze)
-      return { canMove: !1, newCell: null };
-    const [y, w] = Q[_];
-    if (We(
-      v,
-      y,
-      w,
-      i,
-      o,
-      m.maze
-    ))
-      return { canMove: !1, newCell: null };
-    const { row: T, col: z } = v, S = T + y * o, b = z + w * o, E = Math.floor(T), N = Math.floor(z), P = Math.floor(S), I = Math.floor(b);
-    return P !== E || I !== N ? m.maze.isValid(P, I) ? {
-      canMove: !0,
-      newCell: { row: P, col: I }
-    } : { canMove: !1, newCell: null } : { canMove: !0, newCell: null };
-  }, u = () => {
-    const _ = e.current, { row: v, col: m } = _.playerCell, y = i * 2, w = _.foodCells.findIndex((z) => Math.sqrt(
-      Math.pow(v - z.row, 2) + Math.pow(m - z.col, 2)
-    ) < y);
-    w !== -1 && r && (r(), e.current = {
+  const r = () => i?.current ?? o ?? 0.03, l = O(!1), c = O(/* @__PURE__ */ new Set()), d = Fe(
+    (_, v) => {
+      const m = e.current;
+      if (!m.maze)
+        return { canMove: !1, newCell: null };
+      const C = r(), [w, b] = ee[_];
+      if (Ge(
+        v,
+        w,
+        b,
+        s,
+        C,
+        m.maze
+      ))
+        return { canMove: !1, newCell: null };
+      const { row: k, col: S } = v, y = k + w * C, L = S + b * C, N = -0.5, P = m.maze.rows, x = m.maze.cols;
+      if (y < N || y >= P || L < N || L >= x)
+        return { canMove: !1, newCell: null };
+      const X = k < 0 ? 0 : Math.floor(k), F = S < 0 ? 0 : Math.floor(S), D = y < 0 ? 0 : Math.floor(y), j = L < 0 ? 0 : Math.floor(L);
+      return D !== X || j !== F ? m.maze.isValid(D, j) ? {
+        canMove: !0,
+        newCell: { row: D, col: j }
+      } : { canMove: !1, newCell: null } : { canMove: !0, newCell: null };
+    },
+    [s, r]
+  ), u = () => {
+    const _ = e.current, { row: v, col: m } = _.playerCell, C = s * 2, w = _.foodCells.findIndex((k) => Math.sqrt(
+      Math.pow(v - k.row, 2) + Math.pow(m - k.col, 2)
+    ) < C);
+    w !== -1 && a && (a(), e.current = {
       ...e.current,
       foodCollected: e.current.foodCollected + 1,
       foodCells: e.current.foodCells.filter(
-        (z, S) => S !== w
+        (k, S) => S !== w
       )
     });
-    const T = nn(
+    const E = on(
       _.playerCell,
       _.exitCell,
-      _.maze,
-      i,
-      s,
-      c
+      _.maze
     );
-    T && !e.current.playerAtExit ? (e.current = {
+    E && !e.current.playerAtExit ? (e.current = {
       ...e.current,
       playerAtExit: !0,
       isGameActive: !1,
@@ -1183,119 +1186,127 @@ const Kt = new Xt(), Jt = ({ onRetry: t }) => {
         n(() => ({ ...e.current }));
       },
       { timeout: 10 }
-    )) : !T && e.current.playerAtExit && (e.current = {
+    )) : !E && e.current.playerAtExit && (e.current = {
       ...e.current,
       playerAtExit: !1,
       isGameActive: !0,
       levelTransitioning: !1
     });
   }, h = (_) => {
-    const v = e.current, m = Math.round(_.row), y = Math.round(_.col), w = v.playerPath[v.playerPath.length - 1], k = w.row === m && w.col === y, T = Math.abs(w.row - m), z = Math.abs(w.col - y);
-    if ((T === 1 && z === 0 || T === 0 && z === 1) && !k) {
-      const b = `${w.row},${w.col}-${m},${y}`;
+    const v = e.current, m = Math.round(_.row), C = Math.round(_.col), w = v.playerPath[v.playerPath.length - 1], b = w.row === m && w.col === C, E = Math.abs(w.row - m), k = Math.abs(w.col - C);
+    if ((E === 1 && k === 0 || E === 0 && k === 1) && !b) {
+      const y = `${w.row},${w.col}-${m},${C}`;
       e.current = {
         ...e.current,
         playerPath: [
           ...e.current.playerPath,
-          { row: m, col: y }
+          { row: m, col: C }
         ],
         visitCounts: {
           ...e.current.visitCounts,
-          [b]: (e.current.visitCounts[b] || 0) + 1
+          [y]: (e.current.visitCounts[y] || 0) + 1
         }
       };
     }
   }, f = () => {
-    if (l.current || a.current.size === 0) return;
+    if (l.current || c.current.size === 0) return;
     const _ = e.current;
-    !_.playerCell || !Array.from(a.current).some(
+    !_.playerCell || !Array.from(c.current).some(
       (m) => {
-        const { canMove: y } = d(
+        const { canMove: C } = d(
           m,
           _.playerCell
         );
-        return y;
+        return C;
       }
     ) || (l.current = !0);
   };
-  x(() => {
-    const _ = (k) => {
-      (k.key === "ArrowUp" || k.key === "ArrowDown" || k.key === "ArrowLeft" || k.key === "ArrowRight" || k.key === " ") && k.preventDefault();
-    }, v = (k) => {
-      const T = k.key;
-      T in Q && (k.preventDefault(), e.current.isGameActive && (a.current.has(T) || (a.current.add(T), l.current || f())));
-    }, m = (k) => {
-      const T = k.key;
-      T in Q && (k.preventDefault(), a.current.delete(T), a.current.size === 0 && p());
-    }, y = (k) => {
-      k.preventDefault();
-      const T = e.current;
-      if (!T.isGameActive || !T.maze || l.current)
+  I(() => {
+    const _ = (b) => {
+      if (b.key === "ArrowUp" || b.key === "ArrowDown" || b.key === "ArrowLeft" || b.key === "ArrowRight" || b.key === " ") {
+        const E = document.activeElement;
+        if (E && (E.tagName === "INPUT" || E.tagName === "TEXTAREA" || E.getAttribute("contenteditable") === "true")) return;
+        b.preventDefault();
+      }
+    }, v = (b) => {
+      const E = b.key;
+      if (!(E in ee)) return;
+      const k = document.activeElement;
+      k && (k.tagName === "INPUT" || k.tagName === "TEXTAREA" || k.getAttribute("contenteditable") === "true") || (b.preventDefault(), e.current.isGameActive && (c.current.has(E) || (c.current.add(E), l.current || f())));
+    }, m = (b) => {
+      const E = b.key;
+      if (!(E in ee)) return;
+      const k = document.activeElement;
+      k && (k.tagName === "INPUT" || k.tagName === "TEXTAREA" || k.getAttribute("contenteditable") === "true") || (b.preventDefault(), c.current.delete(E), c.current.size === 0 && p());
+    }, C = (b) => {
+      b.preventDefault();
+      const E = e.current;
+      if (!E.isGameActive || !E.maze || l.current)
         return;
-      const z = k.touches[0], S = document.elementFromPoint(z.clientX, z.clientY);
-      let b = null;
-      S && (S.classList.contains("maze-up") ? b = "ArrowUp" : S.classList.contains("maze-down") ? b = "ArrowDown" : S.classList.contains("maze-left") ? b = "ArrowLeft" : S.classList.contains("maze-right") && (b = "ArrowRight")), b && (a.current.clear(), a.current.add(b), f());
+      const k = b.touches[0], S = document.elementFromPoint(k.clientX, k.clientY);
+      let y = null;
+      S && (S.classList.contains("maze-up") ? y = "ArrowUp" : S.classList.contains("maze-down") ? y = "ArrowDown" : S.classList.contains("maze-left") ? y = "ArrowLeft" : S.classList.contains("maze-right") && (y = "ArrowRight")), y && (c.current.clear(), c.current.add(y), f());
     }, w = () => {
       p();
     };
     return window.addEventListener("keydown", _, {
       capture: !0
-    }), window.addEventListener("keydown", v), window.addEventListener("keyup", m), t.current?.addEventListener("touchstart", y, {
+    }), window.addEventListener("keydown", v), window.addEventListener("keyup", m), t.current?.addEventListener("touchstart", C, {
       passive: !1
     }), t.current?.addEventListener("touchend", w), () => {
       window.removeEventListener("keydown", _, {
         capture: !0
-      }), window.removeEventListener("keydown", v), window.removeEventListener("keyup", m), t.current?.removeEventListener("touchstart", y), t.current?.removeEventListener("touchend", w);
+      }), window.removeEventListener("keydown", v), window.removeEventListener("keyup", m), t.current?.removeEventListener("touchstart", C), t.current?.removeEventListener("touchend", w);
     };
   }, []);
-  const C = gt(() => {
-    if (!l.current || a.current.size === 0)
+  const T = Fe(() => {
+    if (!l.current || c.current.size === 0)
       return e.current.playerCell;
-    const _ = e.current.playerCell;
-    let v = 0, m = 0, y = 0;
-    for (const W of a.current) {
-      const { canMove: de } = d(W, _);
-      if (de) {
-        const [ke, st] = Q[W];
-        v += ke, m += st, y++;
+    const _ = r(), v = e.current.playerCell;
+    let m = 0, C = 0, w = 0;
+    for (const Y of c.current) {
+      const { canMove: he } = d(Y, v);
+      if (he) {
+        const [Te, lt] = ee[Y];
+        m += Te, C += lt, w++;
       }
     }
-    if (y === 0)
+    if (w === 0)
       return e.current.playerCell;
-    const w = Math.sqrt(v * v + m * m), k = w > 0 ? v / w : 0, T = w > 0 ? m / w : 0, z = Number(
-      (_.row + k * o).toFixed(2)
-    ), S = Number(
-      (_.col + T * o).toFixed(2)
-    ), b = z - _.row, E = S - _.col, N = Math.sqrt(b * b + E * E);
-    if (N > 0) {
-      const W = b / N, de = E / N;
-      if (We(
-        _,
-        W,
-        de,
-        i,
-        N,
+    const b = Math.sqrt(m * m + C * C), E = b > 0 ? m / b : 0, k = b > 0 ? C / b : 0, S = Number(
+      (v.row + E * _).toFixed(2)
+    ), y = Number(
+      (v.col + k * _).toFixed(2)
+    ), L = S - v.row, N = y - v.col, P = Math.sqrt(L * L + N * N);
+    if (P > 0) {
+      const Y = L / P, he = N / P;
+      if (Ge(
+        v,
+        Y,
+        he,
+        s,
+        P,
         e.current.maze
       ))
         return e.current.playerCell;
     }
     e.current.playerCell = {
-      row: z,
-      col: S
+      row: S,
+      col: y
     }, u();
-    const P = Math.round(_.row), I = Math.round(_.col), V = Math.round(z), O = Math.round(S);
-    return (V !== P || O !== I) && h({ row: V, col: O }), e.current.playerCell;
-  }, [o]), p = () => {
-    l.current = !1, a.current.clear();
+    const x = v.row < 0 ? 0 : Math.round(v.row), X = v.col < 0 ? 0 : Math.round(v.col), F = S < 0 ? 0 : Math.round(S), D = y < 0 ? 0 : Math.round(y);
+    return (F !== x || D !== X) && h({ row: F, col: D }), e.current.playerCell;
+  }, [r, d]), p = () => {
+    l.current = !1, c.current.clear();
   };
   return {
-    updatePlayerPos: C,
+    updatePlayerPos: T,
     resetMovingState: p
   };
 };
-function We(t, e, n, o, i, s) {
-  const c = t.row + e * i, r = t.col + n * i, l = { row: c, col: r }, a = [], d = Math.floor(t.row), u = Math.floor(t.col);
-  a.push({ row: d, col: u });
+function Ge(t, e, n, o, i, s) {
+  const a = t.row + e * i, r = t.col + n * i, l = { row: a, col: r }, c = [], d = t.row < 0 ? 0 : Math.floor(t.row), u = t.col < 0 ? 0 : Math.floor(t.col);
+  c.push({ row: d, col: u });
   const h = [
     [-1, 0],
     // up
@@ -1314,14 +1325,14 @@ function We(t, e, n, o, i, s) {
     [1, 1]
     // lower right, diagonal
   ];
-  for (const [f, C] of h) {
-    const p = d + f, _ = u + C;
-    s.isValid(p, _) && a.push({ row: p, col: _ });
+  for (const [f, T] of h) {
+    const p = d + f, _ = u + T;
+    s.isValid(p, _) && c.push({ row: p, col: _ });
   }
-  for (const f of a) {
-    const C = tn(f.row, f.col, s);
-    for (const p of C)
-      if (rt(l, p) < o)
+  for (const f of c) {
+    const T = tn(f.row, f.col, s);
+    for (const p of T)
+      if (nn(l, p) < o)
         return !0;
   }
   return !1;
@@ -1342,158 +1353,140 @@ function tn(t, e, n) {
     end: { row: t + 0.5, col: e - 0.5 }
   }), o;
 }
-function rt(t, e) {
-  const { start: n, end: o } = e, i = o.col - n.col, s = o.row - n.row, c = t.col - n.col, r = t.row - n.row, l = i * i + s * s;
+function nn(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(c * c + r * r);
-  const a = Math.max(
+    return Math.sqrt(a * a + r * r);
+  const c = Math.max(
     0,
     Math.min(
       1,
-      (c * i + r * s) / l
+      (a * i + r * s) / l
     )
-  ), d = n.col + a * i, u = n.row + a * s, h = t.col - d, f = t.row - u;
+  ), 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 nn(t, e, n, o, i, s) {
-  if (t.row <= e.row - 0.5 || t.row >= e.row + 0.5 || t.col <= e.col - 0.5 || t.col >= e.col + 0.5 || 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) {
-    let l = 0;
-    if (s && i) {
-      const h = s();
-      l = i / h;
-    } else
-      l = (i || 3) / 100;
-    const a = l * 0.5, d = {
-      start: { row: e.row + 0.5 - a, col: e.col - 0.5 },
-      end: { row: e.row + 0.5 - a, col: e.col + 0.5 }
-    };
-    if (rt(
-      t,
-      d
-    ) <= o * 1.5)
-      return !0;
-  }
-  return !1;
+function on(t, e, n) {
+  if (!n.isValid(e.row, e.col)) return !1;
+  const o = t.col >= e.col - 0.5 && t.col <= e.col + 0.5, i = t.row >= e.row + 0.5, s = t.row >= e.row - 0.5;
+  return o && i && s;
 }
-function on(t, e, n, o, i) {
+function rn(t, e, n, o, i) {
   if (!t || !e.maze) return;
-  const { canvasWidth: s, canvasHeight: c } = n, { cellWidth: r, cellHeight: l } = o, {
-    maze: a,
+  const { canvasWidth: s, canvasHeight: a } = n, { cellWidth: r, cellHeight: l } = o, {
+    maze: c,
     playerCell: d,
     // row, col, but floating allowed
     exitCell: u,
     foodCells: h,
     showClue: f,
-    playerPath: C,
+    playerPath: T,
     visitCounts: p
   } = e, {
     padding: _,
     wallWidth: v,
     // need merge with level config when passed here
     wallColor: m,
-    playerColor: y,
+    playerColor: C,
     playerRadius: w,
-    foodColor: k,
-    backgroundColor: T,
-    clueColor: z,
+    foodColor: b,
+    backgroundColor: E,
+    clueColor: k,
     exitColor: S,
-    exitWallWidth: b,
-    exitDashArray: E
+    exitWallWidth: y,
+    exitDashArray: L
   } = i;
-  t.clearRect(0, 0, s, c), t.save(), t.fillStyle = T, t.fillRect(0, 0, s, c), t.restore(), f && un({
+  t.clearRect(0, 0, s, a), t.save(), t.fillStyle = E, t.fillRect(0, 0, s, a), t.restore(), f && dn({
     ctx: t,
-    playerPath: C,
+    playerPath: T,
     visitCounts: p,
     cellWidth: r,
     cellHeight: l,
     padding: _,
-    clueColor: z
-  }), rn({
+    clueColor: k
+  }), sn({
     ctx: t,
-    maze: a,
+    maze: c,
     cellWidth: r,
     cellHeight: l,
     padding: _,
     wallColor: m,
     wallWidth: v
-  }), ln({
+  }), an({
     ctx: t,
-    maze: a,
+    maze: c,
     exitCell: u,
     cellWidth: r,
     cellHeight: l,
     padding: _,
     exitColor: S,
-    exitWallWidth: b,
-    exitDashArray: E
-  }), an({
+    exitWallWidth: y,
+    exitDashArray: L
+  }), cn({
     ctx: t,
     foodCells: h,
     cellWidth: r,
     cellHeight: l,
     padding: _,
-    foodColor: k
-  }), sn({
+    foodColor: b
+  }), ln({
     ctx: t,
     playerCell: d,
     playerRadius: w,
     cellWidth: r,
     cellHeight: l,
     padding: _,
-    playerColor: y
+    playerColor: C
   });
 }
-function rn({
+function sn({
   ctx: t,
   maze: e,
   cellWidth: n,
   cellHeight: o,
   padding: i,
   wallColor: s,
-  wallWidth: c
+  wallWidth: a
 }) {
-  t.save(), t.strokeStyle = s, t.lineWidth = c, t.lineCap = "round", t.beginPath(), dn(e, n, o, i).forEach((l) => {
+  t.save(), t.strokeStyle = s, t.lineWidth = a, t.lineCap = "round", t.beginPath(), hn(e, n, o, i).forEach((l) => {
     t.moveTo(l.x1, l.y1), t.lineTo(l.x2, l.y2);
   }), t.stroke(), t.restore();
 }
-function sn({
+function ln({
   ctx: t,
   playerCell: e,
   playerRadius: n,
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  playerColor: c
+  playerColor: a
 }) {
-  const { x: r, y: l } = se(
+  const { x: r, y: l } = le(
     e.row,
     e.col,
     o,
     i,
     s
-  ), a = Math.min(o, i) * Math.min(n, 0.5);
-  t.save(), t.fillStyle = c, t.beginPath(), t.arc(r, l, a, 0, Math.PI * 2), t.fill(), t.restore();
+  ), 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();
 }
-function ln({
+function an({
   ctx: t,
   maze: e,
   exitCell: n,
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  exitColor: c,
+  exitColor: a,
   exitWallWidth: r,
   exitDashArray: l = [8, 12]
 }) {
-  const { row: a, col: d } = n;
-  if (!e.isValid(a, d)) return;
-  const u = e.grid[a][d], h = s + d * o, f = s + a * 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 = c, t.lineWidth = r, t.setLineDash(l), t.beginPath(), u.walls.bottom && (t.moveTo(h, f + i), t.lineTo(h + o, f + i)), t.stroke(), t.restore();
+  const { row: c, col: d } = n;
+  if (!e.isValid(c, d)) return;
+  const u = s + d * o, h = s + c * i;
+  t.save(), t.globalCompositeOperation = "destination-out", t.lineWidth = r, t.lineCap = "round", t.beginPath(), t.moveTo(u, h + i), t.lineTo(u + o, h + i), t.stroke(), t.globalCompositeOperation = "source-over", t.strokeStyle = a, t.lineWidth = r, t.setLineDash(l), t.beginPath(), t.moveTo(u, h + i), t.lineTo(u + o, h + i), t.stroke(), t.restore();
 }
-function an({
+function cn({
   ctx: t,
   foodCells: e,
   cellWidth: n,
@@ -1502,54 +1495,54 @@ function an({
   foodColor: s
 }) {
   t.fillStyle = s;
-  const c = Math.min(n, o) * 0.25;
+  const a = Math.min(n, o) * 0.25;
   e.forEach((r) => {
-    const { x: l, y: a } = se(
+    const { x: l, y: c } = le(
       r.row,
       r.col,
       n,
       o,
       i
     );
-    cn(t, l, a, c * 1.2, 5, c * 0.6);
+    un(t, l, c, a * 1.2, 5, a * 0.6);
   });
 }
-function cn(t, e, n, o, i, s) {
+function un(t, e, n, o, i, s) {
   t.save(), t.beginPath();
-  for (let c = 0; c < i * 2; c++) {
-    const r = c % 2 === 0 ? o : s, l = Math.PI * c / i;
+  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));
   }
   t.closePath(), t.fill(), t.restore();
 }
-function un({
+function dn({
   ctx: t,
   playerPath: e,
   visitCounts: n,
   cellWidth: o,
   cellHeight: i,
   padding: s,
-  clueColor: c
+  clueColor: a
 }) {
   if (!(!e || e.length < 2 || !n)) {
     t.save();
     for (let r = 1; r < e.length; r++) {
-      const l = e[r - 1], a = e[r], d = `${l.row},${l.col}-${a.row},${a.col}`, u = `${a.row},${a.col}-${l.row},${l.col}`, h = (n[d] || 0) + (n[u] || 0), f = Math.min(0.2 + h * 0.1, 0.9), C = Math.max(3, o * 0.1) + h * 0.5;
+      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), f = Math.min(0.2 + h * 0.1, 0.9), T = Math.max(3, o * 0.1) + h * 0.5;
       try {
-        t.strokeStyle = c.replace(")", `, ${f})`).replace("rgb(", "rgba(");
+        t.strokeStyle = a.replace(")", `, ${f})`).replace("rgb(", "rgba(");
       } catch {
         t.strokeStyle = `rgba(255, 0, 0, ${f})`;
       }
-      t.lineWidth = C, t.lineCap = "round", t.lineJoin = "round";
-      const { x: p, y: _ } = se(
+      t.lineWidth = T, t.lineCap = "round", t.lineJoin = "round";
+      const { x: p, y: _ } = le(
         l.row,
         l.col,
         o,
         i,
         s
-      ), { x: v, y: m } = se(
-        a.row,
-        a.col,
+      ), { x: v, y: m } = le(
+        c.row,
+        c.col,
         o,
         i,
         s
@@ -1559,48 +1552,48 @@ function un({
     t.restore();
   }
 }
-function dn(t, e, n, o) {
+function hn(t, e, n, o) {
   const i = [];
   for (let s = 0; s < t.rows; s++)
-    for (let c = 0; c < t.cols; c++) {
-      const r = t.grid[s][c], l = o + c * e, a = o + s * n;
+    for (let a = 0; a < t.cols; a++) {
+      const r = t.grid[s][a], l = o + a * e, c = o + s * n;
       r.walls.top && i.push({
         x1: l,
-        y1: a,
+        y1: c,
         x2: l + e,
-        y2: a
+        y2: c
       }), r.walls.right && i.push({
         x1: l + e,
-        y1: a,
+        y1: c,
         x2: l + e,
-        y2: a + n
+        y2: c + n
       }), r.walls.bottom && i.push({
         x1: l,
-        y1: a + n,
+        y1: c + n,
         x2: l + e,
-        y2: a + n
+        y2: c + n
       }), r.walls.left && i.push({
         x1: l,
-        y1: a,
+        y1: c,
         x2: l,
-        y2: a + n
+        y2: c + n
       });
     }
   return i;
 }
-function se(t, e, n, o, i) {
+function le(t, e, n, o, i) {
   return {
     x: i + e * n + n / 2,
     y: i + t * o + o / 2
   };
 }
-function hn(t) {
+function fn(t) {
   return function() {
     let e = t += 1831565813;
     return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
   };
 }
-class fn {
+class _n {
   // initially all walls exit
   constructor(e, n) {
     this.row = e, this.col = n;
@@ -1608,7 +1601,7 @@ class fn {
   visited = !1;
   walls = { top: !0, right: !0, bottom: !0, left: !0 };
 }
-class _n {
+class mn {
   rows;
   cols;
   grid;
@@ -1624,8 +1617,8 @@ class _n {
    * @param entry Optional entry cell position
    * @param exit Optional exit cell position
    */
-  constructor(e, n, o, i, s = { row: 0, col: 0 }) {
-    this.rows = e, this.cols = n, this.seed = i ?? Math.floor(Math.random() * 1e6), this.random = hn(this.seed), this.grid = this.initializeGrid(), this.generate(o, s);
+  constructor(e, n, o, i, s = { row: 0, col: 0 }, a = { row: e - 1, col: n - 1 }) {
+    this.rows = e, this.cols = n, this.seed = i ?? Math.floor(Math.random() * 1e6), this.random = fn(this.seed), this.grid = this.initializeGrid(), this.generate(o, s, a);
   }
   // Initialize the grid with new MazeCell objects
   initializeGrid() {
@@ -1633,7 +1626,7 @@ class _n {
     for (let n = 0; n < this.rows; n++) {
       e[n] = [];
       for (let o = 0; o < this.cols; o++)
-        e[n][o] = new fn(n, o);
+        e[n][o] = new _n(n, o);
     }
     return e;
   }
@@ -1654,8 +1647,8 @@ class _n {
       // Left
     ];
     for (const s of i) {
-      const c = e + s.r, r = n + s.c;
-      this.isValid(c, r) && o.push({ row: c, col: r });
+      const a = e + s.r, r = n + s.c;
+      this.isValid(a, r) && o.push({ row: a, col: r });
     }
     return o;
   }
@@ -1675,8 +1668,8 @@ class _n {
   }
   // Remove the wall between two adjacent cells
   removeWall(e, n, o, i) {
-    const s = this.grid[e][n], c = this.grid[o][i];
-    e === o + 1 ? (s.walls.top = !1, c.walls.bottom = !1) : e === o - 1 ? (s.walls.bottom = !1, c.walls.top = !1) : n === i + 1 ? (s.walls.left = !1, c.walls.right = !1) : n === i - 1 && (s.walls.right = !1, c.walls.left = !1);
+    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);
   }
   // --- Generation Methods ---
   /**
@@ -1686,7 +1679,7 @@ class _n {
    * @param entry The entry cell position
    * @param exit The exit cell position
    */
-  generate(e, n = { row: 0, col: 0 }) {
+  generate(e, n = { row: 0, col: 0 }, o = { row: this.rows - 1, col: this.cols - 1 }) {
     switch (e) {
       case "backtracking":
         this.generateWithBacktracking();
@@ -1697,7 +1690,7 @@ class _n {
       default:
         throw new Error(`Unknown maze generation method: ${e}`);
     }
-    this.addOpenings(n);
+    this.addOpenings(n, o);
   }
   // --- Backtracking Algorithm Implementation ---
   generateWithBacktracking() {
@@ -1705,27 +1698,27 @@ class _n {
     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: c } = i, r = this.getUnvisitedNeighbors(s, c);
+      const { row: s, col: a } = i, r = this.getUnvisitedNeighbors(s, a);
       if (r.length > 0) {
-        const l = this.randomPick(r), { row: a, col: d } = l;
-        this.removeWall(s, c, a, d), this.grid[a][d].visited = !0, e.push(l);
+        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);
       } else
         e.pop();
     }
   }
   // --- Prim's Algorithm Implementation ---
   generateWithPrims() {
-    const e = [], n = (s, c) => {
-      const r = this.getNeighbors(s, c);
+    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(
-          (a) => a.row === l.row && a.col === l.col
+          (c) => c.row === l.row && c.col === l.col
         ) && e.push(l);
     }, 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), c = e[s], { row: r, col: l } = c, a = this.getVisitedNeighbors(r, l);
-      if (a.length > 0) {
-        const d = this.randomPick(a);
+      const s = this.randomNumber(e.length), a = e[s], { row: r, col: l } = a, c = this.getVisitedNeighbors(r, l);
+      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);
       }
       e.splice(s, 1);
@@ -1735,8 +1728,8 @@ class _n {
   /**
    * Adds openings at the entry and exit points of the maze.
    */
-  addOpenings(e) {
-    this.grid[e.row][e.col].walls.top = !1;
+  addOpenings(e, n) {
+    this.grid[e.row][e.col].walls.top = !1, this.isValid(n.row, n.col) && (this.grid[n.row][n.col].walls.bottom = !1);
   }
   /**
    * Generates a random number between 0 and len-1.
@@ -1751,68 +1744,68 @@ class _n {
     return e[Math.floor(this.random() * e.length)];
   }
 }
-const mn = (t, e, n) => {
+const vn = (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;
-}, vn = (t) => t === 1 ? 2 : t >= 2 && t <= 5 ? 3 : t >= 6 && t <= 11 ? 4 : t >= 12 && t <= 15 ? 5 : 6, gn = (t, e) => {
+}, gn = (t) => t === 1 ? 2 : t >= 2 && t <= 5 ? 3 : t >= 6 && t <= 11 ? 4 : t >= 12 && t <= 15 ? 5 : 6, pn = (t, e) => {
   if (!e)
     return console.error(`Cannot find Level ${t}'s config.`), null;
-  const { size: n, seed: o, method: i, entry: s, exit: c } = e, r = n, l = n, a = s || { row: 0, col: 0 }, d = c || {
+  const { size: n, seed: o, method: i, entry: s, exit: a } = e, r = n, l = n, c = s || { row: 0, col: 0 }, d = a || {
     row: r - 1,
     col: l - 1
-  }, u = new _n(r, l, i, o, s), h = vn(t), f = [];
-  for (let C = 0; C < h; C++) {
+  }, u = new mn(r, l, i, o, c, d), h = gn(t), f = [];
+  for (let T = 0; T < h; T++) {
     let p;
     do
       p = {
         row: Math.floor(u.random() * r),
         col: Math.floor(u.random() * l)
       };
-    while (p.row === a.row && p.col === a.col || p.row === d.row && p.col === d.col || !mn(u, p.row, p.col) || f.some((_) => _.row === p.row && _.col === p.col));
+    while (p.row === c.row && p.col === c.col || p.row === d.row && p.col === d.col || !vn(u, p.row, p.col) || f.some((_) => _.row === p.row && _.col === p.col));
     f.push(p);
   }
   return {
     isGameActive: !0,
     levelTransitioning: !1,
     maze: u,
-    playerCell: a,
+    playerCell: c,
     exitCell: d,
     foodCells: f,
     playerAtExit: !1,
     foodCollected: 0,
     totalFoodCount: h,
     showClue: !1,
-    playerPath: [a],
-    visitCounts: { [`${a.row},${a.col}`]: 1 }
+    playerPath: [c],
+    visitCounts: { [`${c.row},${c.col}`]: 1 }
   };
 };
-function pn() {
-  const { setGamePlayState: t, gamePlayStateRef: e, gameProgress: n, config: o } = B(), i = F(null), s = F(null), c = F(null), { i18n: r, levelConfig: l, renderConfig: a } = o, d = J(l), u = F(
+function Cn() {
+  const { setGamePlayState: t, gamePlayStateRef: e, gameProgress: n, config: o } = V(), i = O(null), s = O(null), a = O(null), { i18n: r, levelConfig: l, renderConfig: c } = o, d = Z(l), u = O(
     d.getLevelConfig(n.currentLevel)
   );
-  x(() => {
-    i.current && R.attachTo(i.current);
+  I(() => {
+    i.current && $.attachTo(i.current);
   }, []);
-  const h = F(), f = Zt(c, () => {
+  const h = O(), f = Zt(a, () => {
     h.current?.();
-  }), C = Qt(c);
-  x(() => {
+  }), T = Qt(a);
+  I(() => {
     u.current = d.getLevelConfig(
       n.currentLevel
     );
   }, [n.currentLevel]);
   const p = () => {
-    const y = gn(
+    const C = pn(
       n.currentLevel,
       u.current
     );
-    y && t((w) => ({
+    C && t((w) => ({
       ...w,
-      ...y
+      ...C
     }));
   };
-  x(() => {
+  I(() => {
     p();
   }, [n.currentLevel]);
   const _ = () => {
@@ -1821,64 +1814,63 @@ function pn() {
     containerRef: s,
     gamePlayStateRef: e,
     setGamePlayState: t,
-    playerRadius: a.playerRadius,
-    moveSpeed: a.gridMoveSpeed,
-    exitWallWidth: u.current?.exitWallWidth || a?.exitWallWidth,
-    getCellSizeInPixels: () => C.current.cellWidth,
+    playerRadius: c.playerRadius,
+    moveSpeed: c.gridMoveSpeed,
+    exitWallWidth: u.current?.exitWallWidth || c?.exitWallWidth,
     onFoodCollected: () => {
-      const y = e.current.totalFoodCount - e.current.foodCollected - 1;
-      y > 0 ? R.show(
-        r.foodCollectedToast.replace("%NUM%", y.toString()),
+      const C = e.current.totalFoodCount - e.current.foodCollected - 1;
+      C > 0 ? $.show(
+        r.foodCollectedToast.replace("%NUM%", C.toString()),
         "success",
         3e3
-      ) : R.show(r.allFoodCollectedToast, "success");
+      ) : $.show(r.allFoodCollectedToast, "success");
     }
   });
-  return x(() => {
+  return I(() => {
     m();
-  }, [n.currentLevel, m]), x(() => {
-    let y, w = !document.hidden;
-    const k = () => {
-      const S = c.current?.getContext("2d"), b = e.current;
-      if (!(w && b?.isGameActive && S && b?.maze)) {
-        y = requestAnimationFrame(k);
+  }, [n.currentLevel, m]), I(() => {
+    let C, w = !document.hidden;
+    const b = () => {
+      const S = a.current?.getContext("2d"), y = e.current;
+      if (!(w && y?.isGameActive && S && y?.maze)) {
+        C = requestAnimationFrame(b);
         return;
       }
-      v(), T(), y = requestAnimationFrame(k);
-    }, T = () => {
-      const S = c.current?.getContext("2d"), b = e.current;
-      if (S && b?.maze) {
-        const E = u.current?.wallWidth || a?.wallWidth, N = u.current?.exitColor || a?.exitColor, P = u.current?.exitWallWidth || a?.exitWallWidth, I = u.current?.exitDashArray || a?.exitDashArray;
-        on(S, b, f.current, C.current, {
-          ...a,
-          wallWidth: E,
+      v(), E(), C = requestAnimationFrame(b);
+    }, E = () => {
+      const S = a.current?.getContext("2d"), y = e.current;
+      if (S && y?.maze) {
+        const L = u.current?.wallWidth || c?.wallWidth, N = u.current?.exitColor || c?.exitColor, P = u.current?.exitWallWidth || c?.exitWallWidth, x = u.current?.exitDashArray || c?.exitDashArray;
+        rn(S, y, f.current, T.current, {
+          ...c,
+          wallWidth: L,
           exitColor: N,
           exitWallWidth: P,
-          exitDashArray: I
+          exitDashArray: x
         });
       }
     };
-    h.current = T;
-    const z = (S) => {
-      const b = w;
-      w = !document.hidden && document.visibilityState === "visible" && (!S || S.type !== "blur"), !b && w ? e.current?.levelTransitioning === !1 && t({
+    h.current = E;
+    const k = (S) => {
+      const y = w;
+      w = !document.hidden && document.visibilityState === "visible" && (!S || S.type !== "blur"), !y && w ? e.current?.levelTransitioning === !1 && t({
         ...e.current,
         isGameActive: !0
-      }) : b && !w && t({
+      }) : y && !w && t({
         ...e.current,
         isGameActive: !1
       });
     };
-    return document.addEventListener("visibilitychange", z), window.addEventListener("blur", z), window.addEventListener("focus", z), y = requestAnimationFrame(k), () => {
-      cancelAnimationFrame(y), document.removeEventListener("visibilitychange", z), window.removeEventListener("blur", z), window.removeEventListener("focus", z);
+    return document.addEventListener("visibilitychange", k), window.addEventListener("blur", k), window.addEventListener("focus", k), C = requestAnimationFrame(b), () => {
+      cancelAnimationFrame(C), document.removeEventListener("visibilitychange", k), window.removeEventListener("blur", k), window.removeEventListener("focus", k);
     };
-  }, []), x(() => {
-    R.show(r.useArrowKeyTips, "info", 3e3);
+  }, []), I(() => {
+    $.show(r.useArrowKeyTips, "info", 3e3);
   }, []), /* @__PURE__ */ g("div", { className: "maze-game-container", ref: i, children: [
-    /* @__PURE__ */ g(St, {}),
+    /* @__PURE__ */ g(Et, {}),
     /* @__PURE__ */ g(Jt, { onRetry: _ }),
     /* @__PURE__ */ g("div", { className: "maze-canvas-container", ref: s, children: [
-      /* @__PURE__ */ g("canvas", { ref: c, className: "maze-game-canvas" }),
+      /* @__PURE__ */ g("canvas", { ref: a, className: "maze-game-canvas" }),
       /* @__PURE__ */ g("div", { className: "maze-touch-area maze-up" }),
       /* @__PURE__ */ g("div", { className: "maze-touch-area maze-down" }),
       /* @__PURE__ */ g("div", { className: "maze-touch-area maze-left" }),
@@ -1886,7 +1878,7 @@ function pn() {
     ] })
   ] });
 }
-const it = [
+const st = [
   // Tier 1 (Levels 1-12) - Beginner
   [
     // debug
@@ -2044,7 +2036,7 @@ const it = [
     { size: 68, seed: 33341, method: "backtracking" }
     // Level 60 - Master
   ]
-], re = {
+], ie = {
   lcPrefix: "maze-",
   i18n: {
     reset: "Reset",
@@ -2087,7 +2079,7 @@ const it = [
     useArrowKeyTips: "Use arrow keys to navigate the maze. Press'C' to toggle path clue."
   },
   renderConfig: {
-    gridMoveSpeed: 0.03,
+    gridMoveSpeed: 0.07,
     padding: 10,
     wallWidth: 2,
     wallColor: "#000000",
@@ -2103,27 +2095,27 @@ const it = [
     exitDashArray: [8, 12]
     // default dash: 8px dash, 12px gap
   },
-  levelConfig: it
+  levelConfig: st
 };
 function wn({ config: t = {} }) {
-  const e = { ...re.i18n, ...t.i18n || {} }, n = {
-    ...re.renderConfig,
+  const e = { ...ie.i18n, ...t.i18n || {} }, n = {
+    ...ie.renderConfig,
     ...t.renderConfig || {}
-  }, o = t.levelConfig || it, i = {
-    ...re,
+  }, o = t.levelConfig || st, i = {
+    ...ie,
     ...t,
     i18n: e,
     levelConfig: o,
     renderConfig: n
   };
-  return /* @__PURE__ */ g(bt, { config: i, children: /* @__PURE__ */ g(pn, {}) });
+  return /* @__PURE__ */ g(bt, { config: i, children: /* @__PURE__ */ g(Cn, {}) });
 }
-const Cn = {
-  root: "https://unpkg.com/@roudanio/maze@0.1.3/dist/",
-  ...re
-};
-`${JSON.stringify(Cn, null, 2)}`;
 const yn = {
+  root: "https://unpkg.com/@roudanio/maze@0.1.4/dist/",
+  ...ie
+};
+`${JSON.stringify(yn, null, 2)}`;
+const bn = {
   async init(t, e) {
     const n = typeof t == "string" ? document.querySelector(t) : t;
     if (!n) {
@@ -2148,17 +2140,17 @@ const yn = {
       transition: width 1.5s ease-in-out;
       transition: width 1.5s ease-in-out;
     `, i.append(s), n.append(i);
-    const c = document.createElement("style");
-    c.innerHTML = `
+    const a = document.createElement("style");
+    a.innerHTML = `
       @keyframes loading {
       0% { width: 0%; }
       100% { width: 99%; }
-    }`, document.head.appendChild(c), await (async (l) => new Promise((a, d) => {
+    }`, document.head.appendChild(a), await (async (l) => new Promise((c, d) => {
       const u = document.createElement("link");
-      u.rel = "stylesheet", u.type = "text/css", u.href = l, u.onload = a, u.onerror = d, document.head.appendChild(u);
-    }))(o + "maze.css"), ft(/* @__PURE__ */ g(wn, { config: e }), n);
+      u.rel = "stylesheet", u.type = "text/css", u.href = l, u.onload = c, u.onerror = d, document.head.appendChild(u);
+    }))(o + "maze.css"), _t(/* @__PURE__ */ g(wn, { config: e }), n);
   }
 };
 export {
-  yn as default
+  bn as default
 };