@gamebob/axon-surge 0.6.0 → 0.8.0

package/dist/axon-surge.js

@@ -1,4 +1,4 @@
-class k {
+class K {
   listeners = /* @__PURE__ */ new Map();
   on(t, e) {
     return this.listeners.has(t) || this.listeners.set(t, /* @__PURE__ */ new Set()), this.listeners.get(t).add(e), () => this.off(t, e);
@@ -15,7 +15,7 @@ class k {
     this.listeners.clear();
   }
 }
-class B {
+class W {
   animationFrameId = null;
   lastTime = 0;
   isRunning = !1;
@@ -36,7 +36,7 @@ class B {
     this.lastTime = t, this.updateCallback(e), this.renderCallback(), this.animationFrameId = requestAnimationFrame(this.tick);
   }
 }
-class H {
+class V {
   position;
   radius = 32;
   integrity = 3;
@@ -60,7 +60,7 @@ class H {
     this.position = { x: t, y: e }, this.integrity = this.maxIntegrity, this.pulsePhase = 0;
   }
 }
-class N {
+class D {
   id;
   position = { x: 0, y: 0 };
   velocity = { x: 0, y: 0 };
@@ -114,7 +114,7 @@ class N {
     this.active = !1, this.isGrabbed = !1, this.isThrown = !1, this.wasManipulated = !1, this.isDying = !1, this.deathType = "none", this.deathTimer = 0, this.sliceAngle = 0, this.position = { x: 0, y: 0 }, this.velocity = { x: 0, y: 0 }, this.rotation = 0, this.strategy = null, this.maxSpeed = 200;
   }
 }
-class K {
+class F {
   pointerPosition = { x: 0, y: 0 };
   isPointerDown = !1;
   grabbedEnemy = null;
@@ -218,7 +218,7 @@ class K {
     this.grabbedEnemy = null, this.dragStart = null, this.pointerHistory = [], this.isPointerDown = !1;
   }
 }
-class W {
+class Y {
   cellSize;
   grid = /* @__PURE__ */ new Map();
   constructor(t = 100) {
@@ -245,7 +245,7 @@ class W {
     return i;
   }
 }
-class V {
+class J {
   hitstopTime = 0;
   shakeTime = 0;
   shakeDuration = 0.14;
@@ -285,7 +285,7 @@ class V {
     };
   }
 }
-const w = {
+const R = {
   es: {
     title: "AXON SURGE",
     startButton: "INICIAR ENLACE",
@@ -631,7 +631,7 @@ const w = {
     tutorialStep2Text: "步骤 2: 朝目标快速挥动抛投",
     tutorialDragWarning: "最佳策略是快速挥动抛投！"
   }
-}, U = [
+}, H = [
   "es",
   "en",
   "fr",
@@ -648,45 +648,62 @@ const w = {
   "ko",
   "zh"
 ];
-function F(E) {
-  return U.includes(E);
+function N(E) {
+  return H.includes(E);
 }
-const O = "axon_surge_language";
-class Y {
+const k = "axon_surge_language", U = "axon_surge_language_explicit";
+class Z {
   currentLanguage;
   constructor(t) {
-    if (t && w[t])
-      this.currentLanguage = t;
-    else {
-      let e = "es";
-      try {
-        const i = localStorage.getItem(O);
-        i && F(i) && (e = i);
-      } catch {
+    this.currentLanguage = this.detectLanguage(t);
+  }
+  detectLanguage(t) {
+    if (t && N(t))
+      return t;
+    try {
+      const e = localStorage.getItem(U) === "true", i = localStorage.getItem(k);
+      if (e && i && N(i))
+        return i;
+    } catch {
+    }
+    try {
+      const e = (document.documentElement.lang || document.body?.getAttribute("lang") || document.documentElement.getAttribute("data-lang") || "").toLowerCase();
+      if (e) {
+        const i = e.split("-")[0];
+        if (i && N(i))
+          return i;
       }
-      this.currentLanguage = e;
+    } catch {
+    }
+    try {
+      const e = (navigator.language || navigator.languages && navigator.languages[0] || "").toLowerCase();
+      if (e) {
+        const i = e.split("-")[0];
+        if (i && N(i))
+          return i;
+      }
+    } catch {
     }
+    return "en";
   }
-  setLanguage(t) {
-    if (w[t]) {
-      this.currentLanguage = t;
+  setLanguage(t, e = !0) {
+    if (R[t] && (this.currentLanguage = t, e))
       try {
-        localStorage.setItem(O, t);
+        localStorage.setItem(k, t), localStorage.setItem(U, "true");
       } catch {
       }
-    }
   }
   getLanguage() {
     return this.currentLanguage;
   }
   translate(t, e) {
-    let s = (w[this.currentLanguage] || w.es)[t] || w.es[t] || String(t);
+    let s = (R[this.currentLanguage] || R.en)[t] || R.en[t] || String(t);
     return e && Object.entries(e).forEach(([a, l]) => {
       s = s.replace(`{${a}}`, String(l));
     }), s;
   }
 }
-class J {
+class X {
   execute(t) {
     const { thrownEnemy: e, targetEnemy: i, shockwaves: s, particles: a, floatingTexts: l } = t;
     i.active = !1, s.push({
@@ -725,7 +742,7 @@ class J {
     });
   }
 }
-class Z {
+class _ {
   execute(t) {
     const { thrownEnemy: e, pools: i, shockwaves: s, particles: a, floatingTexts: l, eventBus: r } = t, n = e.position;
     i.push({
@@ -771,7 +788,7 @@ class Z {
     }), e.active = !1, r.emit("onPoolCreated", { position: n });
   }
 }
-class X {
+class $ {
   execute(t) {
     const { thrownEnemy: e, targetEnemy: i, allEnemies: s, shockwaves: a, particles: l, floatingTexts: r } = t, n = i.position;
     e.active = !1, i.active = !1, a.push({
@@ -820,7 +837,7 @@ class X {
     });
   }
 }
-class $ {
+class z {
   execute(t) {
     const { thrownEnemy: e, targetEnemy: i, vortices: s, shockwaves: a } = t, l = {
       x: (e.position.x + i.position.x) / 2,
@@ -847,27 +864,27 @@ class $ {
 }
 class S {
   static createEnemy(t, e, i) {
-    const s = `enemy_${Date.now()}_${Math.random()}`, a = new N(s);
+    const s = `enemy_${Date.now()}_${Math.random()}`, a = new D(s);
     return this.configureEnemy(a, t, e, i), a;
   }
   static configureEnemy(t, e, i, s) {
     t.type = e, t.position = { ...i }, t.active = !0, t.isGrabbed = !1, t.isThrown = !1;
     const a = s.x - i.x, l = s.y - i.y, r = Math.atan2(l, a);
     let n = 70, o = 100, h = 20, c = "#ff2a5f", u = null;
-    e === "piercer" ? (n = 95, o = 140, h = 18, c = "#ff2a5f", u = new J()) : e === "spore" ? (n = 65, o = 90, h = 24, c = "#39ff14", u = new Z()) : e === "cluster" ? (n = 50, o = 75, h = 26, c = "#ffd700", u = new X()) : e === "parasite" ? (n = 80, o = 110, h = 22, c = "#9d4edd", u = new $()) : e === "micro" && (n = 130, o = 160, h = 12, c = "#ffd700"), t.radius = h, t.color = c, t.strategy = u, t.maxSpeed = o, t.velocity = {
+    e === "piercer" ? (n = 95, o = 140, h = 18, c = "#ff2a5f", u = new X()) : e === "spore" ? (n = 65, o = 90, h = 24, c = "#39ff14", u = new _()) : e === "cluster" ? (n = 50, o = 75, h = 26, c = "#ffd700", u = new $()) : e === "parasite" ? (n = 80, o = 110, h = 22, c = "#9d4edd", u = new z()) : e === "micro" && (n = 130, o = 160, h = 12, c = "#ffd700"), t.radius = h, t.color = c, t.strategy = u, t.maxSpeed = o, t.velocity = {
       x: Math.cos(r) * n,
       y: Math.sin(r) * n
     };
   }
 }
-class z {
+class q {
   spatialHash;
   eventBus;
   i18n;
   currentThrowKills = 0;
   currentThrowPos = null;
   constructor(t, e) {
-    this.spatialHash = new W(100), this.eventBus = t, this.i18n = e;
+    this.spatialHash = new Y(100), this.eventBus = t, this.i18n = e;
   }
   update(t, e, i, s, a, l, r, n, o, h, c, u, p, f) {
     this.spatialHash.clear();
@@ -888,8 +905,8 @@ class z {
           if (!x.active || x.isGrabbed || x.isDying || x.isThrown && x.type === "piercer") continue;
           const L = m.position.x - x.position.x, A = m.position.y - x.position.y, b = Math.hypot(L, A);
           if (b > 2 && b <= m.radius) {
-            const M = Math.pow(1 - b / m.radius, 0.7), y = m.pullForce * M, g = Math.atan2(A, L);
-            x.velocity.x += Math.cos(g) * y * t, x.velocity.y += Math.sin(g) * y * t, x.position.x += Math.cos(g) * y * t * 0.8, x.position.y += Math.sin(g) * y * t * 0.8;
+            const M = Math.pow(1 - b / m.radius, 0.7), T = m.pullForce * M, g = Math.atan2(A, L);
+            x.velocity.x += Math.cos(g) * T * t, x.velocity.y += Math.sin(g) * T * t, x.position.x += Math.cos(g) * T * t * 0.8, x.position.y += Math.sin(g) * T * t * 0.8;
           }
         }
         m.duration >= m.maxDuration && a.splice(d, 1);
@@ -915,11 +932,11 @@ class z {
           if (b.active && !b.isGrabbed) {
             b.triggerDissolveDeath();
             for (let M = 0; M < 8; M++) {
-              const y = Math.random() * Math.PI * 2, g = 100 + Math.random() * 200;
+              const T = Math.random() * Math.PI * 2, g = 100 + Math.random() * 200;
               r.push({
                 id: Math.random().toString(),
                 position: { ...b.position },
-                velocity: { x: Math.cos(y) * g, y: Math.sin(y) * g },
+                velocity: { x: Math.cos(T) * g, y: Math.sin(T) * g },
                 color: "#00f0ff",
                 radius: 3 + Math.random() * 3,
                 alpha: 1,
@@ -942,10 +959,10 @@ class z {
         break;
       }
     }
-    let T = !1;
+    let y = !1;
     for (const d of i)
       if (!(!d.active || !d.isThrown || d.isDying)) {
-        if (T = !0, d.position.x < -120 || d.position.x > u + 120 || d.position.y < -120 || d.position.y > p + 120) {
+        if (y = !0, d.position.x < -120 || d.position.x > u + 120 || d.position.y < -120 || d.position.y > p + 120) {
           d.active = !1, d.isThrown = !1;
           continue;
         }
@@ -967,11 +984,11 @@ class z {
                 maxLifetime: 0.45
               });
               for (let M = 0; M < 16; M++) {
-                const y = Math.random() * Math.PI * 2, g = 150 + Math.random() * 300;
+                const T = Math.random() * Math.PI * 2, g = 150 + Math.random() * 300;
                 r.push({
                   id: Math.random().toString(),
                   position: { ...m.position },
-                  velocity: { x: Math.cos(y) * g, y: Math.sin(y) * g },
+                  velocity: { x: Math.cos(T) * g, y: Math.sin(T) * g },
                   color: "#ff2a5f",
                   radius: 3 + Math.random() * 3,
                   alpha: 1,
@@ -981,12 +998,12 @@ class z {
               }
               f && f();
             } else {
-              const M = d.type === m.type, y = M ? 360 : 250;
+              const M = d.type === m.type, T = M ? 360 : 250;
               l.push({
                 id: Math.random().toString(),
                 position: { ...this.currentThrowPos },
                 radius: 15,
-                maxRadius: y,
+                maxRadius: T,
                 color: d.color,
                 alpha: 1,
                 lifetime: 0,
@@ -1039,11 +1056,11 @@ class z {
                     const I = g * Math.PI * 2 / 8, v = {
                       x: this.currentThrowPos.x + Math.cos(I) * 15,
                       y: this.currentThrowPos.y + Math.sin(I) * 15
-                    }, P = S.createEnemy("micro", v, {
+                    }, G = S.createEnemy("micro", v, {
                       x: v.x + Math.cos(I) * 220,
                       y: v.y + Math.sin(I) * 220
                     });
-                    P.isThrown = !0, i.push(P);
+                    G.isThrown = !0, i.push(G);
                   }
                 this.killEnemyWithChainReaction(d, b, s, a, l, r, i), this.killEnemyWithChainReaction(m, b, s, a, l, r, i);
               } else
@@ -1051,7 +1068,7 @@ class z {
               for (const g of i) {
                 if (g === d || g === m || !g.active || g.isGrabbed || g.isDying) continue;
                 const I = g.position.x - this.currentThrowPos.x, v = g.position.y - this.currentThrowPos.y;
-                Math.hypot(I, v) <= y && (this.killEnemyWithChainReaction(g, b, s, a, l, r, i), this.currentThrowKills++);
+                Math.hypot(I, v) <= T && (this.killEnemyWithChainReaction(g, b, s, a, l, r, i), this.currentThrowKills++);
               }
               f && f();
               break;
@@ -1059,7 +1076,7 @@ class z {
           }
         }
       }
-    h.value = this.currentThrowKills, !T && this.currentThrowKills > 0 && (this.currentThrowKills >= 2 && this.currentThrowPos && n.push({
+    h.value = this.currentThrowKills, !y && this.currentThrowKills > 0 && (this.currentThrowKills >= 2 && this.currentThrowPos && n.push({
       id: Math.random().toString(),
       text: `MULTIKILL x${this.currentThrowKills}!`,
       position: { ...this.currentThrowPos },
@@ -1125,11 +1142,11 @@ class z {
       })) : t.type === "piercer" ? t.triggerSliceDeath(e) : t.triggerDissolveDeath();
   }
 }
-class _ {
+class j {
   pool = [];
   constructor(t = 500) {
     for (let e = 0; e < t; e++) {
-      const i = new N(`pool_enemy_${e}`);
+      const i = new D(`pool_enemy_${e}`);
       this.pool.push(i);
     }
   }
@@ -1137,7 +1154,7 @@ class _ {
     for (const e of this.pool)
       if (!e.active)
         return e.reset(), e;
-    const t = new N(`fallback_enemy_${Date.now()}_${Math.random()}`);
+    const t = new D(`fallback_enemy_${Date.now()}_${Math.random()}`);
     return this.pool.push(t), t;
   }
   resetAll() {
@@ -1174,10 +1191,10 @@ class C {
         y: (Math.random() - 0.5) * 60
       }, c = { x: n.x + h.x, y: n.y + h.y }, u = t.get();
       S.configureEnemy(u, "spore", c, s);
-      const p = s.x - c.x, f = s.y - c.y, T = Math.atan2(f, p);
+      const p = s.x - c.x, f = s.y - c.y, y = Math.atan2(f, p);
       u.velocity = {
-        x: Math.cos(T) * (50 + Math.random() * 20),
-        y: Math.sin(T) * (50 + Math.random() * 20)
+        x: Math.cos(y) * (50 + Math.random() * 20),
+        y: Math.sin(y) * (50 + Math.random() * 20)
       }, a.push(u);
     }
     return a;
@@ -1229,7 +1246,7 @@ class C {
     return a;
   }
 }
-class q {
+class Q {
   wave = 1;
   pool;
   spawnTimer = 0;
@@ -1237,7 +1254,7 @@ class q {
   patternCooldown = 0;
   initialGracePeriod = 6;
   constructor() {
-    this.pool = new _(500);
+    this.pool = new j(500);
   }
   reset() {
     this.wave = 1, this.spawnTimer = 0, this.waveTimer = 0, this.patternCooldown = 0;
@@ -1274,8 +1291,8 @@ class q {
         if (a === p) continue;
         const f = t[p];
         if (!f.active || f.isGrabbed || f.isDying) continue;
-        const T = l.position.x - f.position.x, d = l.position.y - f.position.y, m = Math.hypot(T, d);
-        m > 0 && m < 70 && (r += T / m, n += d / m, o++);
+        const y = l.position.x - f.position.x, d = l.position.y - f.position.y, m = Math.hypot(y, d);
+        m > 0 && m < 70 && (r += y / m, n += d / m, o++);
       }
       o > 0 && (r /= o, n /= o, l.velocity.x += r * 60 * e, l.velocity.y += n * 60 * e);
       const h = i.x - l.position.x, c = i.y - l.position.y, u = Math.hypot(h, c);
@@ -1293,7 +1310,7 @@ class q {
     }
   }
 }
-const R = {
+const w = {
   bioluminescent: {
     bgInner: "#081220",
     bgMid: "#050b16",
@@ -1342,41 +1359,91 @@ const R = {
     tendrilMagenta: "#b5008c",
     tendrilCyan: "#0077b6"
   }
-}, D = "axon_surge_theme";
-class j {
-  currentTheme = "bioluminescent";
-  constructor(t) {
-    if (t)
-      this.setTheme(t);
-    else {
-      try {
-        const e = localStorage.getItem(D);
-        e && R[e] && (this.currentTheme = e);
-      } catch {
+}, P = "axon_surge_theme", O = "axon_surge_theme_explicit";
+class tt {
+  currentTheme = "dark";
+  isExplicit = !1;
+  targetElement;
+  constructor(t, e) {
+    if (e !== void 0 && (this.targetElement = e), t && w[t]) {
+      this.currentTheme = t, this.isExplicit = !0, this.applyThemeToDOM();
+      return;
+    }
+    try {
+      const i = localStorage.getItem(O) === "true", s = localStorage.getItem(P);
+      if (i && s && w[s]) {
+        this.currentTheme = s, this.isExplicit = !0, this.applyThemeToDOM();
+        return;
       }
-      this.applyThemeToDOM();
+    } catch {
     }
+    this.currentTheme = this.detectParentOrSystemTheme();
   }
-  setTheme(t) {
-    if (R[t]) {
-      this.currentTheme = t, this.applyThemeToDOM();
-      try {
-        localStorage.setItem(D, t);
-      } catch {
-      }
+  setTargetElement(t) {
+    this.targetElement = t, this.isExplicit ? this.applyThemeToDOM() : this.currentTheme = this.detectParentOrSystemTheme();
+  }
+  setTheme(t, e = !0) {
+    if (w[t])
+      if (this.currentTheme = t, this.isExplicit = e, e) {
+        this.applyThemeToDOM();
+        try {
+          localStorage.setItem(P, t), localStorage.setItem(O, "true");
+        } catch {
+        }
+      } else
+        this.removeThemeClasses();
+  }
+  clearExplicitTheme() {
+    this.isExplicit = !1;
+    try {
+      localStorage.removeItem(P), localStorage.removeItem(O);
+    } catch {
     }
+    this.removeThemeClasses(), this.currentTheme = this.detectParentOrSystemTheme();
   }
   getTheme() {
-    return this.currentTheme;
+    return this.isExplicit || (this.currentTheme = this.detectParentOrSystemTheme()), this.currentTheme;
   }
   getPalette() {
-    return R[this.currentTheme] || R.bioluminescent;
+    return w[this.getTheme()] || w.dark;
+  }
+  detectParentOrSystemTheme() {
+    try {
+      const t = [
+        this.targetElement || null,
+        this.targetElement?.parentElement || null,
+        document.body,
+        document.documentElement
+      ];
+      for (const e of t)
+        if (e) {
+          if (e.classList.contains("theme-light") || e.getAttribute("data-theme") === "light")
+            return "light";
+          if (e.classList.contains("theme-bioluminescent") || e.classList.contains("theme-bio") || e.getAttribute("data-theme") === "bioluminescent" || e.getAttribute("data-theme") === "bio")
+            return "bioluminescent";
+          if (e.classList.contains("theme-dark") || e.getAttribute("data-theme") === "dark")
+            return "dark";
+        }
+    } catch {
+    }
+    try {
+      if (window.matchMedia && window.matchMedia("(prefers-color-scheme: light)").matches)
+        return "light";
+    } catch {
+    }
+    return "dark";
+  }
+  removeThemeClasses() {
+    const t = ["theme-bioluminescent", "theme-dark", "theme-light"];
+    this.targetElement && this.targetElement.classList.remove(...t), document.documentElement.classList.remove(...t), document.documentElement.removeAttribute("data-theme");
   }
   applyThemeToDOM() {
-    document.documentElement.setAttribute("data-theme", this.currentTheme);
+    if (this.removeThemeClasses(), !this.isExplicit) return;
+    const t = `theme-${this.currentTheme}`;
+    this.targetElement && this.targetElement.classList.add(t), document.documentElement.classList.add(t);
   }
 }
-class Q {
+class et {
   maxDistance = 450;
   maxThickness = 28;
   minThickness = 4;
@@ -1391,27 +1458,27 @@ class Q {
       if (h <= 0 || h > this.maxDistance) continue;
       const c = Math.min(1, Math.max(0, h / this.maxDistance)), u = this.minThickness + (this.maxThickness - this.minThickness) * c, p = this.minLength + (this.maxLength - this.minLength) * c, f = 0.35 + (1 - c) * 0.55;
       if (t.save(), t.globalAlpha = f, t.shadowColor = a.color, t.shadowBlur = 12 + (1 - c) * 16, t.strokeStyle = a.color, t.lineWidth = u, t.lineCap = "round", t.beginPath(), n === 0 || n === i) {
-        const T = Math.max(0, o - p / 2), d = Math.min(s, o + p / 2);
-        t.moveTo(n, T), t.lineTo(n, d);
+        const y = Math.max(0, o - p / 2), d = Math.min(s, o + p / 2);
+        t.moveTo(n, y), t.lineTo(n, d);
       } else {
-        const T = Math.max(0, n - p / 2), d = Math.min(i, n + p / 2);
-        t.moveTo(T, o), t.lineTo(d, o);
+        const y = Math.max(0, n - p / 2), d = Math.min(i, n + p / 2);
+        t.moveTo(y, o), t.lineTo(d, o);
       }
       t.stroke(), t.strokeStyle = "#ffffff", t.lineWidth = Math.max(1.5, u * 0.25), t.globalAlpha = f * 0.8, t.stroke(), t.restore();
     }
   }
 }
-class tt {
+class it {
   render(t, e, i, s, a) {
     const l = (210 + (a - 1) * 38 + Math.sin(s * 0.12) * 15) % 360, r = `hsl(${l}, 45%, 8%)`, n = `hsl(${(l + 30) % 360}, 40%, 4%)`, o = `hsl(${(l + 60) % 360}, 50%, 2%)`, h = t.createRadialGradient(e / 2, i / 2, 40, e / 2, i / 2, Math.max(e, i));
     h.addColorStop(0, r), h.addColorStop(0.55, n), h.addColorStop(1, o), t.fillStyle = h, t.fillRect(0, 0, e, i);
     const c = (l + 75) % 360, u = e * 0.35 + Math.sin(s * 0.25) * 70, p = i * 0.45 + Math.cos(s * 0.2) * 60, f = t.createRadialGradient(u, p, 20, u, p, 400);
     f.addColorStop(0, `hsla(${c}, 65%, 12%, 0.35)`), f.addColorStop(1, "rgba(0, 0, 0, 0)"), t.fillStyle = f, t.beginPath(), t.arc(u, p, 400, 0, Math.PI * 2), t.fill();
-    const T = (l + 160) % 360, d = e * 0.68 + Math.cos(s * 0.28) * 60, m = i * 0.55 + Math.sin(s * 0.22) * 55, x = t.createRadialGradient(d, m, 20, d, m, 440);
-    x.addColorStop(0, `hsla(${T}, 60%, 10%, 0.3)`), x.addColorStop(1, "rgba(0, 0, 0, 0)"), t.fillStyle = x, t.beginPath(), t.arc(d, m, 440, 0, Math.PI * 2), t.fill();
+    const y = (l + 160) % 360, d = e * 0.68 + Math.cos(s * 0.28) * 60, m = i * 0.55 + Math.sin(s * 0.22) * 55, x = t.createRadialGradient(d, m, 20, d, m, 440);
+    x.addColorStop(0, `hsla(${y}, 60%, 10%, 0.3)`), x.addColorStop(1, "rgba(0, 0, 0, 0)"), t.fillStyle = x, t.beginPath(), t.arc(d, m, 440, 0, Math.PI * 2), t.fill();
   }
 }
-class et {
+class st {
   render(t, e, i) {
     if (!e.isActive) return;
     const s = e.getLauncher(), a = e.getTarget();
@@ -1436,7 +1503,7 @@ class et {
     t.restore();
   }
 }
-class it {
+class at {
   canvas;
   ctx;
   themeManager;
@@ -1444,12 +1511,12 @@ class it {
   bgRenderer;
   tutorialArrowRenderer;
   constructor(t, e) {
-    this.canvas = t, this.ctx = t.getContext("2d"), this.themeManager = e, this.indicatorRenderer = new Q(), this.bgRenderer = new tt(), this.tutorialArrowRenderer = new et();
+    this.canvas = t, this.ctx = t.getContext("2d"), this.themeManager = e, this.indicatorRenderer = new et(), this.bgRenderer = new it(), this.tutorialArrowRenderer = new st();
   }
   render(t, e, i, s, a, l, r, n, o, h, c = 1, u) {
     if (!this.ctx) return;
-    const p = this.themeManager.getPalette(), { width: f, height: T } = this.canvas, d = n.getShakeOffset();
-    this.ctx.save(), this.ctx.translate(d.x, d.y), this.bgRenderer.render(this.ctx, f, T, t.pulsePhase, c), this.drawToxicPools(i, t.pulsePhase), this.drawGravityVortices(s, t.pulsePhase), this.drawShockwaves(a), this.drawCoreFilaments(t, p), this.drawParticles(l), this.indicatorRenderer.render(this.ctx, e, f, T), this.drawOrganicEnemies(e, t.pulsePhase, p), u && this.tutorialArrowRenderer.render(this.ctx, u, t.pulsePhase), o ? this.drawPsionicTendril(t.position, o.position, p) : t && this.drawHoverTendril(t.position, h, e, p), this.drawOrganicConsciousnessCore(t, p), this.drawFloatingTexts(r), n.flashAlpha > 0 && (this.ctx.fillStyle = `rgba(255, 255, 255, ${n.flashAlpha})`, this.ctx.fillRect(0, 0, f, T)), this.ctx.restore();
+    const p = this.themeManager.getPalette(), { width: f, height: y } = this.canvas, d = n.getShakeOffset();
+    this.ctx.save(), this.ctx.translate(d.x, d.y), this.bgRenderer.render(this.ctx, f, y, t.pulsePhase, c), this.drawToxicPools(i, t.pulsePhase), this.drawGravityVortices(s, t.pulsePhase), this.drawShockwaves(a), this.drawCoreFilaments(t, p), this.drawParticles(l), this.indicatorRenderer.render(this.ctx, e, f, y), this.drawOrganicEnemies(e, t.pulsePhase, p), u && this.tutorialArrowRenderer.render(this.ctx, u, t.pulsePhase), o ? this.drawPsionicTendril(t.position, o.position, p) : t && this.drawHoverTendril(t.position, h, e, p), this.drawOrganicConsciousnessCore(t, p), this.drawFloatingTexts(r), n.flashAlpha > 0 && (this.ctx.fillStyle = `rgba(255, 255, 255, ${n.flashAlpha})`, this.ctx.fillRect(0, 0, f, y)), this.ctx.restore();
   }
   drawToxicPools(t, e) {
     if (this.ctx)
@@ -1460,18 +1527,18 @@ class it {
         n.addColorStop(0, `rgba(57, 255, 20, ${a * 0.9})`), n.addColorStop(0.4, `rgba(16, 185, 129, ${a * 0.65})`), n.addColorStop(0.8, `rgba(5, 80, 45, ${a * 0.35})`), n.addColorStop(1, "rgba(2, 35, 15, 0)"), this.ctx.fillStyle = n, this.ctx.shadowColor = "#39ff14", this.ctx.shadowBlur = 30, this.ctx.beginPath();
         const o = 70;
         for (let h = 0; h <= o; h++) {
-          const c = h * Math.PI * 2 / o, u = Math.sin(c * 5 + e * 3) * 14, p = Math.cos(c * 3 - e * 2) * 9, f = i.radius + u + p, T = l + Math.cos(c) * f, d = r + Math.sin(c) * f;
-          h === 0 ? this.ctx.moveTo(T, d) : this.ctx.lineTo(T, d);
+          const c = h * Math.PI * 2 / o, u = Math.sin(c * 5 + e * 3) * 14, p = Math.cos(c * 3 - e * 2) * 9, f = i.radius + u + p, y = l + Math.cos(c) * f, d = r + Math.sin(c) * f;
+          h === 0 ? this.ctx.moveTo(y, d) : this.ctx.lineTo(y, d);
         }
         this.ctx.closePath(), this.ctx.fill(), this.ctx.strokeStyle = `rgba(57, 255, 20, ${a * 0.8})`, this.ctx.lineWidth = 2.5, this.ctx.beginPath();
         for (let h = 0; h <= o; h++) {
-          const c = h * Math.PI * 2 / o, u = Math.sin(c * 6 + e * 4) * 8, p = i.radius * 0.75 + u, f = l + Math.cos(c) * p, T = r + Math.sin(c) * p;
-          h === 0 ? this.ctx.moveTo(f, T) : this.ctx.lineTo(f, T);
+          const c = h * Math.PI * 2 / o, u = Math.sin(c * 6 + e * 4) * 8, p = i.radius * 0.75 + u, f = l + Math.cos(c) * p, y = r + Math.sin(c) * p;
+          h === 0 ? this.ctx.moveTo(f, y) : this.ctx.lineTo(f, y);
         }
         this.ctx.closePath(), this.ctx.stroke();
         for (let h = 0; h < 6; h++) {
-          const c = h * Math.PI * 0.33 + e * 1.5, u = i.radius * 0.5 * (0.3 + Math.sin(e * 2 + h) * 0.3), p = l + Math.cos(c) * u, f = r + Math.sin(c) * u, T = 3 + Math.sin(e * 3 + h) * 2;
-          this.ctx.fillStyle = `rgba(255, 255, 255, ${a * 0.8})`, this.ctx.beginPath(), this.ctx.arc(p, f, Math.max(1, T), 0, Math.PI * 2), this.ctx.fill();
+          const c = h * Math.PI * 0.33 + e * 1.5, u = i.radius * 0.5 * (0.3 + Math.sin(e * 2 + h) * 0.3), p = l + Math.cos(c) * u, f = r + Math.sin(c) * u, y = 3 + Math.sin(e * 3 + h) * 2;
+          this.ctx.fillStyle = `rgba(255, 255, 255, ${a * 0.8})`, this.ctx.beginPath(), this.ctx.arc(p, f, Math.max(1, y), 0, Math.PI * 2), this.ctx.fill();
         }
         this.ctx.restore();
       }
@@ -1643,7 +1710,7 @@ class it {
         this.ctx.save(), this.ctx.globalAlpha = e.alpha, this.ctx.fillStyle = e.color, this.ctx.font = `900 ${e.size}px Orbitron, sans-serif`, this.ctx.textAlign = "center", this.ctx.shadowColor = e.color, this.ctx.shadowBlur = 12, this.ctx.fillText(e.text, e.position.x, e.position.y), this.ctx.restore();
   }
 }
-class st {
+class nt {
   container;
   i18n;
   waveLabelElement;
@@ -1675,7 +1742,7 @@ class st {
     this.container.style.display = "none";
   }
 }
-class at {
+class ot {
   container;
   i18n;
   onStartCallback;
@@ -1701,7 +1768,7 @@ class at {
     this.container.style.display = "none";
   }
 }
-class nt {
+class rt {
   modal;
   card;
   i18n;
@@ -1746,13 +1813,13 @@ class nt {
       ko: "한국어 (KO)",
       zh: "中文 (ZH)"
     };
-    for (const y of U) {
+    for (const T of H) {
       const g = document.createElement("option");
-      g.value = y, g.textContent = l[y], this.i18n.getLanguage() === y && (g.selected = !0), a.appendChild(g);
+      g.value = T, g.textContent = l[T], this.i18n.getLanguage() === T && (g.selected = !0), a.appendChild(g);
     }
     a.addEventListener("change", () => {
-      const y = a.value;
-      this.i18n.setLanguage(y), this.onLanguageChangedCallback && this.onLanguageChangedCallback(y), this.renderContent();
+      const T = a.value;
+      this.i18n.setLanguage(T), this.onLanguageChangedCallback && this.onLanguageChangedCallback(T), this.renderContent();
     });
     const r = document.createElement("span");
     r.className = "axon-select-arrow", r.textContent = "▼", s.appendChild(a), s.appendChild(r), e.appendChild(i), e.appendChild(s);
@@ -1767,10 +1834,10 @@ class nt {
       { id: "dark", label: "DARK" },
       { id: "light", label: "LIGHT" }
     ];
-    for (const y of c) {
+    for (const T of c) {
       const g = document.createElement("button");
-      g.type = "button", g.className = `axon-toggle-btn ${this.themeManager.getTheme() === y.id ? "active" : ""}`, g.textContent = y.label, g.addEventListener("click", () => {
-        this.themeManager.setTheme(y.id), this.renderContent();
+      g.type = "button", g.className = `axon-toggle-btn ${this.themeManager.getTheme() === T.id ? "active" : ""}`, g.textContent = T.label, g.addEventListener("click", () => {
+        this.themeManager.setTheme(T.id), this.renderContent();
       }), h.appendChild(g);
     }
     n.appendChild(o), n.appendChild(h);
@@ -1780,14 +1847,14 @@ class nt {
     p.textContent = this.i18n.translate("hapticsLabel");
     const f = document.createElement("div");
     f.className = "axon-toggle-group";
-    const T = [
+    const y = [
       { enabled: !0, label: this.i18n.translate("hapticsOn") },
       { enabled: !1, label: this.i18n.translate("hapticsOff") }
     ];
-    for (const y of T) {
+    for (const T of y) {
       const g = document.createElement("button");
-      g.type = "button", g.className = `axon-toggle-btn ${this.hapticsEnabled === y.enabled ? "active" : ""}`, g.textContent = y.label, g.addEventListener("click", () => {
-        this.hapticsEnabled = y.enabled, localStorage.setItem("axon_surge_haptics", String(y.enabled)), this.hapticsEnabled && this.platform.haptics.selectionChanged(), this.renderContent();
+      g.type = "button", g.className = `axon-toggle-btn ${this.hapticsEnabled === T.enabled ? "active" : ""}`, g.textContent = T.label, g.addEventListener("click", () => {
+        this.hapticsEnabled = T.enabled, localStorage.setItem("axon_surge_haptics", String(T.enabled)), this.hapticsEnabled && this.platform.haptics.selectionChanged(), this.renderContent();
       }), f.appendChild(g);
     }
     u.appendChild(p), u.appendChild(f);
@@ -1801,10 +1868,10 @@ class nt {
       { enabled: !0, label: this.i18n.translate("hapticsOn") },
       { enabled: !1, label: this.i18n.translate("hapticsOff") }
     ];
-    for (const y of A) {
+    for (const T of A) {
       const g = document.createElement("button");
-      g.type = "button", g.className = `axon-toggle-btn ${L === y.enabled ? "active" : ""}`, g.textContent = y.label, g.addEventListener("click", () => {
-        localStorage.setItem("axon_surge_show_tutorial", String(y.enabled)), this.renderContent();
+      g.type = "button", g.className = `axon-toggle-btn ${L === T.enabled ? "active" : ""}`, g.textContent = T.label, g.addEventListener("click", () => {
+        localStorage.setItem("axon_surge_show_tutorial", String(T.enabled)), this.renderContent();
       }), x.appendChild(g);
     }
     d.appendChild(m), d.appendChild(x);
@@ -1825,8 +1892,8 @@ class nt {
     this.modal.close();
   }
 }
-const G = "axon_surge_show_tutorial";
-class ot {
+const B = "axon_surge_show_tutorial";
+class ht {
   isActive = !1;
   showWarning = !1;
   dummyLauncher = null;
@@ -1835,14 +1902,14 @@ class ot {
   initialTargetPos = { x: 0, y: 0 };
   isTutorialEnabled() {
     try {
-      return localStorage.getItem(G) !== "false";
+      return localStorage.getItem(B) !== "false";
     } catch {
       return !0;
     }
   }
   setTutorialEnabled(t) {
     try {
-      localStorage.setItem(G, String(t));
+      localStorage.setItem(B, String(t));
     } catch {
     }
   }
@@ -1902,7 +1969,7 @@ class ot {
     this.isActive = !1, this.showWarning = !1;
   }
 }
-class rt {
+class lt {
   container;
   i18n;
   tutorialManager;
@@ -1938,7 +2005,7 @@ class rt {
     this.container.style.display = "none";
   }
 }
-class ht {
+class ct {
   fillElement;
   killsCount = 0;
   currentLevel = 1;
@@ -1969,7 +2036,7 @@ class ht {
     this.fillElement && this.fillElement.parentElement && (this.fillElement.parentElement.style.display = "none");
   }
 }
-class lt {
+class dt {
   haptics = {
     impact: async (t) => {
       if ("vibrate" in navigator) {
@@ -2009,7 +2076,7 @@ class lt {
     }
   };
 }
-class ct {
+class ut {
   container;
   canvas;
   i18n;
@@ -2041,7 +2108,7 @@ class ct {
   isRunning = !1;
   isPaused = !1;
   constructor(t) {
-    this.container = t.root, this.container.classList.add("axon-game-root"), this.i18n = new Y(t.language), this.themeManager = new j(t.theme), this.platform = t.platform || new lt(), this.canvas = document.createElement("canvas"), this.canvas.className = "axon-canvas", this.container.appendChild(this.canvas), this.resizeCanvas(), window.addEventListener("resize", () => this.resizeCanvas()), this.eventBus = new k(), this.core = new H(this.canvas.width / 2, this.canvas.height / 2), this.inputManager = new K(this.canvas), this.physicsEngine = new z(this.eventBus, this.i18n), this.waveDirector = new q(), this.renderer = new it(this.canvas, this.themeManager), this.juice = new V(), this.settingsModal = new nt(
+    this.container = t.root, this.container.classList.add("axon-game-root"), this.i18n = new Z(t.language), this.themeManager = new tt(t.theme, this.container), this.platform = t.platform || new dt(), this.canvas = document.createElement("canvas"), this.canvas.className = "axon-canvas", this.container.appendChild(this.canvas), this.resizeCanvas(), window.addEventListener("resize", () => this.resizeCanvas()), this.eventBus = new K(), this.core = new V(this.canvas.width / 2, this.canvas.height / 2), this.inputManager = new F(this.canvas), this.physicsEngine = new q(this.eventBus, this.i18n), this.waveDirector = new Q(), this.renderer = new at(this.canvas, this.themeManager), this.juice = new J(), this.settingsModal = new rt(
       this.container,
       this.i18n,
       this.themeManager,
@@ -2050,20 +2117,26 @@ class ct {
       () => {
         this.isPaused = !1;
       }
-    ), this.interactiveTutorial = new ot(), this.tutorialOverlay = new rt(this.container, this.i18n, this.interactiveTutorial), this.hud = new st(this.container, this.i18n, () => {
+    ), this.interactiveTutorial = new ht(), this.tutorialOverlay = new lt(this.container, this.i18n, this.interactiveTutorial), this.hud = new nt(this.container, this.i18n, () => {
       this.isPaused = !0, this.settingsModal.show();
-    }), this.hud.show(), this.progressBar = new ht(this.hud.progressSlot, (e) => {
+    }), this.hud.show(), this.progressBar = new ct(this.hud.progressSlot, (e) => {
       this.waveDirector.wave = e;
-    }), this.startMenu = new at(this.container, this.i18n, () => this.startGame()), this.initAmbientArena(), this.gameLoop = new B(
+    }), this.startMenu = new ot(this.container, this.i18n, () => this.startGame()), this.initAmbientArena(), this.gameLoop = new W(
       (e) => this.update(e),
       () => this.render()
     ), this.setupEvents(), this.gameLoop.start();
   }
   setLanguage(t) {
-    this.i18n.setLanguage(t), this.onLanguageChanged(t);
+    this.i18n.setLanguage(t, !1), this.onLanguageChanged(t);
   }
   setTheme(t) {
-    this.themeManager.setTheme(t);
+    this.themeManager.setTheme(t, !1);
+  }
+  getLanguage() {
+    return this.i18n.getLanguage();
+  }
+  getTheme() {
+    return this.themeManager.getTheme();
   }
   onLanguageChanged(t) {
     this.startMenu.renderContent(), this.hud.renderLabels(), this.tutorialOverlay.updateLanguage();
@@ -2169,15 +2242,18 @@ class ct {
       this.interactiveTutorial.isActive ? this.interactiveTutorial : void 0
     );
   }
+  destroy() {
+    this.gameLoop.stop(), this.canvas.remove();
+  }
 }
-function dt(E) {
-  return new ct(E);
+function pt(E) {
+  return new ut(E);
 }
 export {
-  lt as BrowserPlatform,
-  ct as GameEngine,
-  U as LANGUAGES,
-  j as ThemeManager,
-  dt as createAxonSurge,
-  F as isLanguage
+  dt as BrowserPlatform,
+  ut as GameEngine,
+  H as LANGUAGES,
+  tt as ThemeManager,
+  pt as createAxonSurge,
+  N as isLanguage
 };