@gamebob/axon-surge 0.5.0 → 0.7.0

package/dist/axon-surge.js

@@ -1,28 +1,28 @@
-class G {
+class B {
   listeners = /* @__PURE__ */ new Map();
-  on(t, i) {
-    return this.listeners.has(t) || this.listeners.set(t, /* @__PURE__ */ new Set()), this.listeners.get(t).add(i), () => this.off(t, i);
+  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);
   }
-  off(t, i) {
-    const e = this.listeners.get(t);
-    e && e.delete(i);
+  off(t, e) {
+    const i = this.listeners.get(t);
+    i && i.delete(e);
   }
-  emit(t, i) {
-    const e = this.listeners.get(t);
-    e && e.forEach((s) => s(i));
+  emit(t, e) {
+    const i = this.listeners.get(t);
+    i && i.forEach((s) => s(e));
   }
   clear() {
     this.listeners.clear();
   }
 }
-class B {
+class H {
   animationFrameId = null;
   lastTime = 0;
   isRunning = !1;
   updateCallback;
   renderCallback;
-  constructor(t, i) {
-    this.updateCallback = t, this.renderCallback = i;
+  constructor(t, e) {
+    this.updateCallback = t, this.renderCallback = e;
   }
   start() {
     this.isRunning || (this.isRunning = !0, this.lastTime = performance.now(), this.tick = this.tick.bind(this), this.animationFrameId = requestAnimationFrame(this.tick));
@@ -32,35 +32,35 @@ class B {
   }
   tick(t) {
     if (!this.isRunning) return;
-    const i = Math.min((t - this.lastTime) / 1e3, 0.1);
-    this.lastTime = t, this.updateCallback(i), this.renderCallback(), this.animationFrameId = requestAnimationFrame(this.tick);
+    const e = Math.min((t - this.lastTime) / 1e3, 0.1);
+    this.lastTime = t, this.updateCallback(e), this.renderCallback(), this.animationFrameId = requestAnimationFrame(this.tick);
   }
 }
-class U {
+class K {
   position;
-  radius = 44;
+  radius = 32;
   integrity = 3;
   maxIntegrity = 3;
   pulsePhase = 0;
   organicSeed;
-  constructor(t, i) {
-    this.position = { x: t, y: i }, this.organicSeed = Math.random() * 100;
+  constructor(t, e) {
+    this.position = { x: t, y: e }, this.organicSeed = Math.random() * 100;
   }
   update(t) {
     this.pulsePhase += t * 2.8;
   }
   getMembraneRadius(t) {
-    const i = Math.sin(t * 5 + this.pulsePhase * 1.5 + this.organicSeed) * 5, e = Math.cos(t * 3 - this.pulsePhase * 2.2) * 3, s = Math.sin(t * 7 + this.pulsePhase * 3.1) * 2;
-    return this.radius + i + e + s;
+    const e = Math.sin(t * 5 + this.pulsePhase * 1.5 + this.organicSeed) * 4, i = Math.cos(t * 3 - this.pulsePhase * 2.2) * 2.5, s = Math.sin(t * 7 + this.pulsePhase * 3.1) * 1.5;
+    return this.radius + e + i + s;
   }
   takeDamage() {
     return this.integrity > 0 ? (this.integrity -= 1, !0) : !1;
   }
-  reset(t, i) {
-    this.position = { x: t, y: i }, this.integrity = this.maxIntegrity, this.pulsePhase = 0;
+  reset(t, e) {
+    this.position = { x: t, y: e }, this.integrity = this.maxIntegrity, this.pulsePhase = 0;
   }
 }
-class P {
+class O {
   id;
   position = { x: 0, y: 0 };
   velocity = { x: 0, y: 0 };
@@ -73,7 +73,8 @@ class P {
   rotation = 0;
   color = "#ff2a5f";
   strategy = null;
-  hitRadiusPadding = 0.5;
+  hitRadiusPadding = 1.2;
+  maxSpeed = 200;
   isDying = !1;
   deathType = "none";
   deathTimer = 0;
@@ -97,14 +98,23 @@ class P {
         this.deathTimer += t, this.deathTimer >= this.maxDeathTimer && (this.active = !1, this.isDying = !1);
         return;
       }
-      this.isGrabbed || (this.position.x += this.velocity.x * t, this.position.y += this.velocity.y * t, (this.velocity.x !== 0 || this.velocity.y !== 0) && (this.rotation = Math.atan2(this.velocity.y, this.velocity.x)));
+      if (!this.isGrabbed) {
+        if (!this.isThrown && this.maxSpeed > 0) {
+          const e = Math.hypot(this.velocity.x, this.velocity.y);
+          if (e > this.maxSpeed) {
+            const i = this.maxSpeed / e;
+            this.velocity.x *= i, this.velocity.y *= i;
+          }
+        }
+        this.position.x += this.velocity.x * t, this.position.y += this.velocity.y * t, (this.velocity.x !== 0 || this.velocity.y !== 0) && (this.rotation = Math.atan2(this.velocity.y, this.velocity.x));
+      }
     }
   }
   reset() {
-    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.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 H {
+class W {
   pointerPosition = { x: 0, y: 0 };
   isPointerDown = !1;
   grabbedEnemy = null;
@@ -114,18 +124,18 @@ class H {
   constructor(t) {
     this.canvas = t, this.bindEvents();
   }
-  updatePointerPos(t, i) {
-    const e = this.canvas.getBoundingClientRect(), s = performance.now() / 1e3;
+  updatePointerPos(t, e) {
+    const i = this.canvas.getBoundingClientRect(), s = i.width > 0 ? this.canvas.width / i.width : 1, a = i.height > 0 ? this.canvas.height / i.height : 1, l = performance.now() / 1e3;
     this.pointerPosition = {
-      x: t - e.left,
-      y: i - e.top
+      x: (t - i.left) * s,
+      y: (e - i.top) * a
     }, this.pointerHistory.push({
       x: this.pointerPosition.x,
       y: this.pointerPosition.y,
-      time: s
+      time: l
     });
-    const a = s - 0.08;
-    this.pointerHistory = this.pointerHistory.filter((c) => c.time >= a), this.grabbedEnemy && (this.grabbedEnemy.position = { ...this.pointerPosition });
+    const r = l - 0.08;
+    this.pointerHistory = this.pointerHistory.filter((n) => n.time >= r), this.grabbedEnemy && (this.grabbedEnemy.position = { ...this.pointerPosition });
   }
   bindEvents() {
     this.canvas.addEventListener("mousemove", (t) => {
@@ -134,17 +144,25 @@ class H {
       t.button === 0 && (this.isPointerDown = !0, this.pointerHistory = [], this.updatePointerPos(t.clientX, t.clientY));
     }), this.canvas.addEventListener("mouseup", (t) => {
       t.button === 0 && (this.isPointerDown = !1);
-    }), this.canvas.addEventListener("touchstart", (t) => {
-      if (t.touches.length > 0) {
-        const i = t.touches[0];
-        this.isPointerDown = !0, this.pointerHistory = [], this.updatePointerPos(i.clientX, i.clientY);
-      }
-    }, { passive: !0 }), this.canvas.addEventListener("touchmove", (t) => {
-      if (t.touches.length > 0) {
-        const i = t.touches[0];
-        this.updatePointerPos(i.clientX, i.clientY);
-      }
-    }, { passive: !0 }), this.canvas.addEventListener("touchend", () => {
+    }), this.canvas.addEventListener(
+      "touchstart",
+      (t) => {
+        if (t.touches.length > 0) {
+          const e = t.touches[0];
+          this.isPointerDown = !0, this.pointerHistory = [], this.updatePointerPos(e.clientX, e.clientY);
+        }
+      },
+      { passive: !0 }
+    ), this.canvas.addEventListener(
+      "touchmove",
+      (t) => {
+        if (t.touches.length > 0) {
+          const e = t.touches[0];
+          this.updatePointerPos(e.clientX, e.clientY);
+        }
+      },
+      { passive: !0 }
+    ), this.canvas.addEventListener("touchend", () => {
       this.isPointerDown = !1;
     }), this.canvas.addEventListener("touchcancel", () => {
       this.isPointerDown = !1;
@@ -152,13 +170,14 @@ class H {
       t.preventDefault();
     });
   }
-  tryGrab(t) {
+  tryGrab(t, e = !1) {
     if (this.grabbedEnemy) return this.grabbedEnemy;
-    for (const i of t) {
-      if (!i.active || i.isGrabbed || i.isThrown || i.wasManipulated) continue;
-      const e = this.pointerPosition.x - i.position.x, s = this.pointerPosition.y - i.position.y;
-      if (Math.hypot(e, s) <= i.getHitRadius())
-        return i.isGrabbed = !0, this.grabbedEnemy = i, this.dragStart = { ...this.pointerPosition }, this.pointerHistory = [], i;
+    const i = e ? 50 : 20;
+    for (const s of t) {
+      if (!s.active || s.isGrabbed || s.isThrown || s.wasManipulated) continue;
+      const a = this.pointerPosition.x - s.position.x, l = this.pointerPosition.y - s.position.y;
+      if (Math.hypot(a, l) <= s.getHitRadius() + i)
+        return s.isGrabbed = !0, this.grabbedEnemy = s, this.dragStart = { ...this.pointerPosition }, this.pointerHistory = [], s;
     }
     return null;
   }
@@ -166,37 +185,40 @@ class H {
     if (!this.grabbedEnemy) return null;
     const t = this.grabbedEnemy;
     t.isGrabbed = !1, t.isThrown = !0, t.wasManipulated = !0;
-    const e = performance.now() / 1e3 - 0.08, s = this.pointerHistory.filter((n) => n.time >= e);
-    let a = 0, c = 0;
+    const i = performance.now() / 1e3 - 0.08, s = this.pointerHistory.filter((n) => n.time >= i);
+    let a = 0, l = 0;
     if (s.length >= 2) {
-      const n = s[0], o = s[s.length - 1], r = Math.max(0.01, o.time - n.time);
-      a = (o.x - n.x) / r, c = (o.y - n.y) / r;
+      const n = s[0], o = s[s.length - 1], h = Math.max(0.01, o.time - n.time);
+      a = (o.x - n.x) / h, l = (o.y - n.y) / h;
     }
-    const h = Math.hypot(a, c);
-    if (h > 30) {
-      const o = Math.min(h * 1.15, 2500), r = Math.atan2(c, a);
+    const r = Math.hypot(a, l);
+    if (r > 30) {
+      const o = Math.min(r * 1.15, 2500), h = Math.atan2(l, a);
       t.velocity = {
-        x: Math.cos(r) * o,
-        y: Math.sin(r) * o
+        x: Math.cos(h) * o,
+        y: Math.sin(h) * o
       };
     } else if (this.dragStart) {
-      const n = t.position.x - this.dragStart.x, o = t.position.y - this.dragStart.y, r = Math.hypot(n, o);
-      if (r > 5) {
-        const l = Math.atan2(o, n), p = Math.min(r * 4, 600);
+      const n = t.position.x - this.dragStart.x, o = t.position.y - this.dragStart.y, h = Math.hypot(n, o);
+      if (h > 5) {
+        const c = Math.atan2(o, n), u = Math.min(h * 4, 600);
         t.velocity = {
-          x: Math.cos(l) * p,
-          y: Math.sin(l) * p
+          x: Math.cos(c) * u,
+          y: Math.sin(c) * u
         };
       } else
         t.velocity = { x: 0, y: 0 }, t.isThrown = !1;
     }
     return this.grabbedEnemy = null, this.dragStart = null, this.pointerHistory = [], t;
   }
+  forceRelease() {
+    this.grabbedEnemy && (this.grabbedEnemy.isGrabbed = !1, this.grabbedEnemy.isThrown = !1, this.grabbedEnemy.wasManipulated = !1, this.grabbedEnemy = null), this.dragStart = null, this.pointerHistory = [];
+  }
   reset() {
     this.grabbedEnemy = null, this.dragStart = null, this.pointerHistory = [], this.isPointerDown = !1;
   }
 }
-class K {
+class V {
   cellSize;
   grid = /* @__PURE__ */ new Map();
   constructor(t = 100) {
@@ -206,21 +228,21 @@ class K {
     this.grid.clear();
   }
   insert(t) {
-    const i = Math.floor((t.position.x - t.radius) / this.cellSize), e = Math.floor((t.position.x + t.radius) / this.cellSize), s = Math.floor((t.position.y - t.radius) / this.cellSize), a = Math.floor((t.position.y + t.radius) / this.cellSize);
-    for (let c = i; c <= e; c++)
-      for (let h = s; h <= a; h++) {
-        const n = `${c}:${h}`;
+    const e = Math.floor((t.position.x - t.radius) / this.cellSize), i = Math.floor((t.position.x + t.radius) / this.cellSize), s = Math.floor((t.position.y - t.radius) / this.cellSize), a = Math.floor((t.position.y + t.radius) / this.cellSize);
+    for (let l = e; l <= i; l++)
+      for (let r = s; r <= a; r++) {
+        const n = `${l}:${r}`;
         this.grid.has(n) || this.grid.set(n, /* @__PURE__ */ new Set()), this.grid.get(n).add(t);
       }
   }
-  getNearby(t, i) {
-    const e = /* @__PURE__ */ new Set(), s = Math.floor((t.x - i) / this.cellSize), a = Math.floor((t.x + i) / this.cellSize), c = Math.floor((t.y - i) / this.cellSize), h = Math.floor((t.y + i) / this.cellSize);
+  getNearby(t, e) {
+    const i = /* @__PURE__ */ new Set(), s = Math.floor((t.x - e) / this.cellSize), a = Math.floor((t.x + e) / this.cellSize), l = Math.floor((t.y - e) / this.cellSize), r = Math.floor((t.y + e) / this.cellSize);
     for (let n = s; n <= a; n++)
-      for (let o = c; o <= h; o++) {
-        const r = `${n}:${o}`, l = this.grid.get(r);
-        l && l.forEach((p) => e.add(p));
+      for (let o = l; o <= r; o++) {
+        const h = `${n}:${o}`, c = this.grid.get(h);
+        c && c.forEach((u) => i.add(u));
       }
-    return e;
+    return i;
   }
 }
 class F {
@@ -236,23 +258,23 @@ class F {
   triggerFlash(t = 0.4) {
     this.flashAlpha = t;
   }
-  triggerScreenShake(t, i = 1) {
-    const s = 10 + Math.min(i * 3, 30), a = Math.hypot(t.x, t.y) || 1;
+  triggerScreenShake(t, e = 1) {
+    const s = 10 + Math.min(e * 3, 30), a = Math.hypot(t.x, t.y) || 1;
     this.shakeVector = {
       x: t.x / a * s,
       y: t.y / a * s
     }, this.shakeIntensity = s, this.shakeTime = this.shakeDuration;
   }
-  update(t, i, e) {
+  update(t, e, i) {
     this.hitstopTime > 0 && (this.hitstopTime -= t), this.shakeTime > 0 && (this.shakeTime -= t), this.flashAlpha > 0 && (this.flashAlpha = Math.max(0, this.flashAlpha - t * 4));
-    for (let s = i.length - 1; s >= 0; s--) {
-      const a = i[s];
-      a && (a.lifetime += t, a.position.x += a.velocity.x * t, a.position.y += a.velocity.y * t, a.alpha = 1 - a.lifetime / a.maxLifetime, a.lifetime >= a.maxLifetime && i.splice(s, 1));
-    }
     for (let s = e.length - 1; s >= 0; s--) {
       const a = e[s];
       a && (a.lifetime += t, a.position.x += a.velocity.x * t, a.position.y += a.velocity.y * t, a.alpha = 1 - a.lifetime / a.maxLifetime, a.lifetime >= a.maxLifetime && e.splice(s, 1));
     }
+    for (let s = i.length - 1; s >= 0; s--) {
+      const a = i[s];
+      a && (a.lifetime += t, a.position.x += a.velocity.x * t, a.position.y += a.velocity.y * t, a.alpha = 1 - a.lifetime / a.maxLifetime, a.lifetime >= a.maxLifetime && i.splice(s, 1));
+    }
   }
   getShakeOffset() {
     if (this.shakeTime <= 0) return { x: 0, y: 0 };
@@ -263,23 +285,29 @@ class F {
     };
   }
 }
-const I = {
+const w = {
   es: {
     title: "AXON SURGE",
     startButton: "INICIAR ENLACE",
     waveLabel: "NIVEL",
     scoreLabel: "PUNTAJE",
-    settingsTitle: "CONFIGURACION",
+    settingsTitle: "CONFIGURACIÓN",
     languageLabel: "IDIOMA",
     themeLabel: "TEMA VISUAL",
-    hapticsLabel: "VIBRACION / HAPTICOS",
+    hapticsLabel: "VIBRACIÓN / HÁPTICOS",
     hapticsOn: "ACTIVADO",
     hapticsOff: "DESACTIVADO",
     creditsJam: "Desarrollado para Mini Jam 216: Axon Surge",
     closeButton: "CERRAR",
     grabInstruction: "MANTÉN PULSADO PARA AGARRAR UN ENEMIGO",
     throwInstruction: "ARRASTRA Y SUELTA PARA LANZARLO",
-    comboText: "¡MULTIKILL x{combo}!"
+    comboText: "¡MULTIKILL x{combo}!",
+    tutorialInstruction: "¡LANZA UN ENEMIGO CONTRA OTRO PARA HACERLOS CHOCAR!",
+    dontShowTutorialLabel: "No volver a mostrar el tutorial",
+    tutorialSettingLabel: "MOSTRAR TUTORIAL AL INICIAR",
+    tutorialStep1Text: "PASO 1: MANTÉN PULSADO EL ENEMIGO SEÑALADO",
+    tutorialStep2Text: "PASO 2: LÁNZALO CON IMPULSO HACIA EL OBJETIVO",
+    tutorialDragWarning: "¡LA MEJOR ESTRATEGIA ES LANZARLOS! LÁNZALO CON IMPULSO"
   },
   en: {
     title: "AXON SURGE",
@@ -296,7 +324,13 @@ const I = {
     closeButton: "CLOSE",
     grabInstruction: "HOLD TO GRAB AN ENEMY",
     throwInstruction: "DRAG AND RELEASE TO THROW",
-    comboText: "MULTIKILL x{combo}!"
+    comboText: "MULTIKILL x{combo}!",
+    tutorialInstruction: "FLICK ONE ENEMY INTO ANOTHER TO COLLIDE THEM!",
+    dontShowTutorialLabel: "Do not show tutorial again",
+    tutorialSettingLabel: "SHOW TUTORIAL AT START",
+    tutorialStep1Text: "STEP 1: PRESS AND HOLD THE INDICATED ENEMY",
+    tutorialStep2Text: "STEP 2: FLICK TOWARD TARGET WITH SWIPE SPEED",
+    tutorialDragWarning: "THE BEST STRATEGY IS TO FLICK THEM! THROW WITH SWIPE SPEED"
   },
   fr: {
     title: "AXON SURGE",
@@ -313,7 +347,13 @@ const I = {
     closeButton: "FERMER",
     grabInstruction: "MAINTENEZ POUR SAISIR UN ENNEMI",
     throwInstruction: "GLISSEZ ET RELACHEZ POUR LANCER",
-    comboText: "MULTIKILL x{combo} !"
+    comboText: "MULTIKILL x{combo} !",
+    tutorialInstruction: "LANCEZ UN ENNEMI CONTRE UN AUTRE POUR LES FAIRE COLLISIONNER !",
+    dontShowTutorialLabel: "Ne plus afficher le tutoriel",
+    tutorialSettingLabel: "AFFICHER LE TUTORIEL AU DEMARRAGE",
+    tutorialStep1Text: "ETAPE 1: MAINTENEZ L'ENNEMI INDIQUE",
+    tutorialStep2Text: "ETAPE 2: LANCEZ AVEC VITESSE VERS LA CIBLE",
+    tutorialDragWarning: "LA MEILLEURE STRATEGIE EST DE LES LANCER !"
   },
   de: {
     title: "AXON SURGE",
@@ -330,7 +370,13 @@ const I = {
     closeButton: "SCHLIESSEN",
     grabInstruction: "GEDRÜCKT HALTEN ZUM GREIFEN",
     throwInstruction: "ZIEHEN UND LOSLASSEN ZUM WERFEN",
-    comboText: "MULTIKILL x{combo}!"
+    comboText: "MULTIKILL x{combo}!",
+    tutorialInstruction: "SCHLEUDERE EINEN FEIND IN EINEN ANDEREN!",
+    dontShowTutorialLabel: "Tutorial nicht mehr anzeigen",
+    tutorialSettingLabel: "TUTORIAL BEIM START ANZEIGEN",
+    tutorialStep1Text: "SCHRITT 1: HALTE DEN FEIND GEDRUECKT",
+    tutorialStep2Text: "SCHRITT 2: SCHLEUDERE MIT SCHWUNG AUF DAS ZIEL",
+    tutorialDragWarning: "DIE BESTE STRATEGIE IST ES SIE ZU SCHLEUDERN!"
   },
   it: {
     title: "AXON SURGE",
@@ -347,7 +393,13 @@ const I = {
     closeButton: "CHIUDI",
     grabInstruction: "TIENI PREMUTO PER AFFERRARE UN NEMICO",
     throwInstruction: "TRASCINA E RILASCIA PER LANCIARE",
-    comboText: "MULTIKILL x{combo}!"
+    comboText: "MULTIKILL x{combo}!",
+    tutorialInstruction: "LANCIA UN NEMICO CONTRO UN ALTRO PER FARLI SCONTRARE!",
+    dontShowTutorialLabel: "Non mostrare più il tutorial",
+    tutorialSettingLabel: "MOSTRA TUTORIAL ALL'AVVIO",
+    tutorialStep1Text: "PASSO 1: TIENI PREMUTO IL NEMICO INDICATO",
+    tutorialStep2Text: "PASSO 2: LANCIA CON VELOCITA VERSO IL BERSAGLIO",
+    tutorialDragWarning: "LA STRATEGIA MIGLIORE E LANCIARLI!"
   },
   pt: {
     title: "AXON SURGE",
@@ -359,12 +411,18 @@ const I = {
     themeLabel: "TEMA VISUAL",
     hapticsLabel: "RESPOSTA TÁTIL",
     hapticsOn: "ATIVADO",
-    hapticsOff: "DESATIVADO",
+    hapticsOff: "DESACTIVADO",
     creditsJam: "Desenvolvido para Mini Jam 216: Axon Surge",
     closeButton: "FECHAR",
     grabInstruction: "SEGURE PARA AGARRAR UM INIMIGO",
     throwInstruction: "ARRASTE E SOLTE PARA LANÇAR",
-    comboText: "MULTIKILL x{combo}!"
+    comboText: "MULTIKILL x{combo}!",
+    tutorialInstruction: "LANCE UM INIMIGO CONTRA OUTRO PARA FAZÊ-LOS COLIDIR!",
+    dontShowTutorialLabel: "Não mostrar o tutorial novamente",
+    tutorialSettingLabel: "MOSTRAR TUTORIAL AO INICIAR",
+    tutorialStep1Text: "PASSO 1: SEGURE O INIMIGO INDICADO",
+    tutorialStep2Text: "PASSO 2: LANCE COM IMPULSO EM DIRECAO AO ALVO",
+    tutorialDragWarning: "A MELHOR ESTRATEGIA E LANCA-LOS!"
   },
   nl: {
     title: "AXON SURGE",
@@ -381,7 +439,13 @@ const I = {
     closeButton: "SLUITEN",
     grabInstruction: "HOUD INGEDRUKT OM EEN VIJAND TE PAKKEN",
     throwInstruction: "SLEEP EN LAAT LOS OM TE GOOIEN",
-    comboText: "MULTIKILL x{combo}!"
+    comboText: "MULTIKILL x{combo}!",
+    tutorialInstruction: "GOOI EEN VIJAND TEGEN EEN ANDERE OM ZE TE LATEN BOTSINGEN!",
+    dontShowTutorialLabel: "Tutorial niet meer tonen",
+    tutorialSettingLabel: "TUTORIAL TONEN BIJ START",
+    tutorialStep1Text: "STAP 1: HOUD DE AANGEGEVEN VIJAND INGEDRUKT",
+    tutorialStep2Text: "STAP 2: GOOI MET SNELHEID NAAR HET DOEL",
+    tutorialDragWarning: "DE BESTE STRATEGIE IS OM ZE TE GOOIEN!"
   },
   sv: {
     title: "AXON SURGE",
@@ -398,7 +462,13 @@ const I = {
     closeButton: "STÄNG",
     grabInstruction: "HÅLL INNE FÖR ATT GREPPA EN FIENDE",
     throwInstruction: "DRA OCH SLÄPP FÖR ATT KASTA",
-    comboText: "MULTIKILL x{combo}!"
+    comboText: "MULTIKILL x{combo}!",
+    tutorialInstruction: "KASTA EN FIENDE PÅ EN ANNAN FÖR ATT FÅ DEM ATT KOLLIDERA!",
+    dontShowTutorialLabel: "Visa inte självstudiekursen igen",
+    tutorialSettingLabel: "VISA TUTORIAL VID START",
+    tutorialStep1Text: "STEG 1: HÅLL INNE DEN ANGVIVNA FIENDEN",
+    tutorialStep2Text: "STEG 2: KASTA MED HASTIGHET MOT MÅLET",
+    tutorialDragWarning: "DEN BÄSTA STRATEGIN ÄR ATT KASTA DEM!"
   },
   pl: {
     title: "AXON SURGE",
@@ -415,7 +485,13 @@ const I = {
     closeButton: "ZAMKNIJ",
     grabInstruction: "PRZYTRZYMAJ, ABY CHWYCIĆ WROGA",
     throwInstruction: "PRZECIĄGNIJ I PUŚĆ, ABY RZUCIĆ",
-    comboText: "MULTIKILL x{combo}!"
+    comboText: "MULTIKILL x{combo}!",
+    tutorialInstruction: "RZUĆ JEDNYM WROGIEM W DRUGIEGO, ABY JE ZDERZYĆ!",
+    dontShowTutorialLabel: "Nie pokazuj więcej samouczka",
+    tutorialSettingLabel: "POKAZUJ SAMOUCZEK PRZY STARTOWIE",
+    tutorialStep1Text: "KROK 1: PRZYTRZYMAJ WSKAZANEGO WROGA",
+    tutorialStep2Text: "KROK 2: RZUĆ Z PRĘDKOŚCIĄ W STRONĘ CELU",
+    tutorialDragWarning: "NAJLEPSZA STRATEGIA TO RZUCANIE NIMI!"
   },
   id: {
     title: "AXON SURGE",
@@ -432,7 +508,13 @@ const I = {
     closeButton: "TUTUP",
     grabInstruction: "TAHAN UNTUK MEMEGANG MUSUH",
     throwInstruction: "GESER DAN LEPAS UNTUK MELEMPAR",
-    comboText: "MULTIKILL x{combo}!"
+    comboText: "MULTIKILL x{combo}!",
+    tutorialInstruction: "LEMPAR MUSUH KE MUSUH LAIN UNTUK MEMBENTURKAN MEREKA!",
+    dontShowTutorialLabel: "Jangan tampilkan tutorial lagi",
+    tutorialSettingLabel: "TAMPILKAN TUTORIAL SAAT MULA",
+    tutorialStep1Text: "LANGKAH 1: TAHAN MUSUH YANG DITUNJUK",
+    tutorialStep2Text: "LANGKAH 2: LEMPAR DENGAN KECEPATAN KE TARGET",
+    tutorialDragWarning: "STRATEGI TERBAIK ADALAH MELEMPAR MEREKA!"
   },
   tr: {
     title: "AXON SURGE",
@@ -449,7 +531,13 @@ const I = {
     closeButton: "KAPAT",
     grabInstruction: "DÜŞMANI YAKALAMAK İÇİN BASILI TUTUN",
     throwInstruction: "FIRLATMAK İÇİN SÜRÜKLEYİP BIRAKIN",
-    comboText: "MULTIKILL x{combo}!"
+    comboText: "MULTIKILL x{combo}!",
+    tutorialInstruction: "ÇARPIŞTIRMAK İÇİN BİR DÜŞMANI DİĞERİNE FIRLATIN!",
+    dontShowTutorialLabel: "Eğitimi bir daha gösterme",
+    tutorialSettingLabel: "BAŞLANGIÇTA EĞİTİMİ GÖSTER",
+    tutorialStep1Text: "ADIM 1: GÖSTERİLEN DÜŞMANI BASILI TUTUN",
+    tutorialStep2Text: "ADIM 2: HEDEFE HIZLA FIRLATIN",
+    tutorialDragWarning: "EN İYİ STRATEJİ ONLARI FIRLATMAKTIR!"
   },
   ru: {
     title: "AXON SURGE",
@@ -466,7 +554,13 @@ const I = {
     closeButton: "ЗАКРЫТЬ",
     grabInstruction: "УДЕРЖИВАЙТЕ, ЧТОБЫ СХВАТИТЬ ВРАГА",
     throwInstruction: "ПЕРЕТАЩИТЕ И ОТПУСТИТЕ ДЛЯ БРОСКА",
-    comboText: "МУЛЬТИКИЛЛ x{combo}!"
+    comboText: "МУЛЬТИКИЛЛ x{combo}!",
+    tutorialInstruction: "БРОСЬТЕ ОДНОГО ВРАГА В ДРУГОГО ДЛЯ СТОЛКНОВЕНИЯ!",
+    dontShowTutorialLabel: "Больше не показывать обучение",
+    tutorialSettingLabel: "ПОКАЗЫВАТЬ ОБУЧЕНИЕ ПРИ СТАРТЕ",
+    tutorialStep1Text: "ШАГ 1: УДЕРЖИВАЙТЕ УКАЗАННОГО ВРАГА",
+    tutorialStep2Text: "ШАГ 2: БРОСАЙТЕ С ИМПУЛЬСОМ В ЦЕЛЬ",
+    tutorialDragWarning: "ЛУЧШАЯ СТРАТЕГИЯ - БРОСАТЬ ИХ С ИМПУЛЬСОМ!"
   },
   ja: {
     title: "AXON SURGE",
@@ -483,7 +577,13 @@ const I = {
     closeButton: "閉じる",
     grabInstruction: "長押しで敵をキャッチ",
     throwInstruction: "ドラッグ＆リリースで投げる",
-    comboText: "マルチキル x{combo}!"
+    comboText: "マルチキル x{combo}!",
+    tutorialInstruction: "敵を弾いて別の敵にぶつけよう！",
+    dontShowTutorialLabel: "チュートリアルを再表示しない",
+    tutorialSettingLabel: "起動時にチュートリアルを表示",
+    tutorialStep1Text: "ステップ1: 指定された敵を長押し",
+    tutorialStep2Text: "ステップ2: ターゲットに向けて勢いよくフリック",
+    tutorialDragWarning: "最高の戦略は勢いよく投げることです！"
   },
   ko: {
     title: "AXON SURGE",
@@ -500,7 +600,13 @@ const I = {
     closeButton: "닫기",
     grabInstruction: "길게 눌러 적 잡기",
     throwInstruction: "드래그 후 놓아서 던지기",
-    comboText: "멀티킬 x{combo}!"
+    comboText: "멀티킬 x{combo}!",
+    tutorialInstruction: "적을 튕겨 다른 적과 충돌시키세요!",
+    dontShowTutorialLabel: "튜토리얼 다시 보지 않기",
+    tutorialSettingLabel: "시작 시 튜토리얼 표시",
+    tutorialStep1Text: "1단계: 표시된 적을 길게 누르세요",
+    tutorialStep2Text: "2단계: 표적을 향해 빠르게 튕기세요",
+    tutorialDragWarning: "최선의 전략은 적을 튕겨 던지는 것입니다!"
   },
   zh: {
     title: "AXON SURGE",
@@ -517,7 +623,13 @@ const I = {
     closeButton: "关闭",
     grabInstruction: "按住以抓住敌人",
     throwInstruction: "拖动并释放以抛投",
-    comboText: "多重击杀 x{combo}!"
+    comboText: "多重击杀 x{combo}!",
+    tutorialInstruction: "弹射敌人撞击另一个敌人！",
+    dontShowTutorialLabel: "不再显示教程",
+    tutorialSettingLabel: "启动时显示教程",
+    tutorialStep1Text: "步骤 1: 按住指定的敌人",
+    tutorialStep2Text: "步骤 2: 朝目标快速挥动抛投",
+    tutorialDragWarning: "最佳策略是快速挥动抛投！"
   }
 }, k = [
   "es",
@@ -536,30 +648,49 @@ const I = {
   "ko",
   "zh"
 ];
-function V(x) {
-  return k.includes(x);
+function R(E) {
+  return k.includes(E);
 }
-const N = "axon_surge_language";
-class J {
+const G = "axon_surge_language";
+class Y {
   currentLanguage;
   constructor(t) {
-    if (t && I[t])
-      this.currentLanguage = t;
-    else {
-      let i = "es";
-      try {
-        const e = localStorage.getItem(N);
-        e && V(e) && (i = e);
-      } catch {
+    this.currentLanguage = this.detectLanguage(t);
+  }
+  detectLanguage(t) {
+    try {
+      const e = localStorage.getItem(G);
+      if (e && R(e))
+        return e;
+    } catch {
+    }
+    if (t && R(t))
+      return t;
+    try {
+      const e = (document.documentElement.lang || document.body?.getAttribute("lang") || "").toLowerCase();
+      if (e) {
+        const i = e.split("-")[0];
+        if (i && R(i))
+          return i;
+      }
+    } catch {
+    }
+    try {
+      const e = (navigator.language || navigator.languages && navigator.languages[0] || "").toLowerCase();
+      if (e) {
+        const i = e.split("-")[0];
+        if (i && R(i))
+          return i;
       }
-      this.currentLanguage = i;
+    } catch {
     }
+    return "en";
   }
   setLanguage(t) {
-    if (I[t]) {
+    if (w[t]) {
       this.currentLanguage = t;
       try {
-        localStorage.setItem(N, t);
+        localStorage.setItem(G, t);
       } catch {
       }
     }
@@ -567,19 +698,19 @@ class J {
   getLanguage() {
     return this.currentLanguage;
   }
-  translate(t, i) {
-    let s = (I[this.currentLanguage] || I.es)[t] || I.es[t] || String(t);
-    return i && Object.entries(i).forEach(([a, c]) => {
-      s = s.replace(`{${a}}`, String(c));
+  translate(t, e) {
+    let s = (w[this.currentLanguage] || w.en)[t] || w.en[t] || String(t);
+    return e && Object.entries(e).forEach(([a, l]) => {
+      s = s.replace(`{${a}}`, String(l));
     }), s;
   }
 }
-class Y {
+class J {
   execute(t) {
-    const { thrownEnemy: i, targetEnemy: e, shockwaves: s, particles: a, floatingTexts: c } = t;
-    e.active = !1, s.push({
+    const { thrownEnemy: e, targetEnemy: i, shockwaves: s, particles: a, floatingTexts: l } = t;
+    i.active = !1, s.push({
       id: Math.random().toString(),
-      position: { ...e.position },
+      position: { ...i.position },
       radius: 10,
       maxRadius: 180,
       color: "#ff2a5f",
@@ -587,11 +718,11 @@ class Y {
       lifetime: 0,
       maxLifetime: 0.5
     });
-    for (let h = 0; h < 30; h++) {
+    for (let r = 0; r < 30; r++) {
       const n = Math.random() * Math.PI * 2, o = 180 + Math.random() * 320;
       a.push({
         id: Math.random().toString(),
-        position: { ...e.position },
+        position: { ...i.position },
         velocity: { x: Math.cos(n) * o, y: Math.sin(n) * o },
         color: "#ff2a5f",
         radius: 3 + Math.random() * 4,
@@ -600,10 +731,10 @@ class Y {
         maxLifetime: 0.5
       });
     }
-    c.push({
+    l.push({
       id: Math.random().toString(),
       text: "PIERCING SLICE",
-      position: { ...e.position },
+      position: { ...i.position },
       velocity: { x: 0, y: -50 },
       color: "#ff2a5f",
       alpha: 1,
@@ -613,10 +744,10 @@ class Y {
     });
   }
 }
-class W {
+class Z {
   execute(t) {
-    const { thrownEnemy: i, pools: e, shockwaves: s, particles: a, floatingTexts: c, eventBus: h } = t, n = i.position;
-    e.push({
+    const { thrownEnemy: e, pools: i, shockwaves: s, particles: a, floatingTexts: l, eventBus: r } = t, n = e.position;
+    i.push({
       id: Math.random().toString(),
       position: { ...n },
       radius: 220,
@@ -634,11 +765,11 @@ class W {
       maxLifetime: 0.6
     });
     for (let o = 0; o < 45; o++) {
-      const r = Math.random() * Math.PI * 2, l = 120 + Math.random() * 260;
+      const h = Math.random() * Math.PI * 2, c = 120 + Math.random() * 260;
       a.push({
         id: Math.random().toString(),
         position: { ...n },
-        velocity: { x: Math.cos(r) * l, y: Math.sin(r) * l },
+        velocity: { x: Math.cos(h) * c, y: Math.sin(h) * c },
         color: "#39ff14",
         radius: 4 + Math.random() * 5,
         alpha: 1,
@@ -646,7 +777,7 @@ class W {
         maxLifetime: 0.9
       });
     }
-    c.push({
+    l.push({
       id: Math.random().toString(),
       text: "MASSIVE SPORE NEBULA",
       position: { ...n },
@@ -656,13 +787,13 @@ class W {
       lifetime: 0,
       maxLifetime: 1.2,
       size: 26
-    }), i.active = !1, h.emit("onPoolCreated", { position: n });
+    }), e.active = !1, r.emit("onPoolCreated", { position: n });
   }
 }
 class X {
   execute(t) {
-    const { thrownEnemy: i, targetEnemy: e, allEnemies: s, shockwaves: a, particles: c, floatingTexts: h } = t, n = e.position;
-    i.active = !1, e.active = !1, a.push({
+    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({
       id: Math.random().toString(),
       position: { ...n },
       radius: 15,
@@ -673,21 +804,21 @@ class X {
       maxLifetime: 0.6
     });
     for (let o = 0; o < 6; o++) {
-      const r = o * Math.PI * 2 / 6, l = {
-        x: n.x + Math.cos(r) * 15,
-        y: n.y + Math.sin(r) * 15
-      }, p = L.createEnemy("micro", l, {
-        x: l.x + Math.cos(r) * 200,
-        y: l.y + Math.sin(r) * 200
+      const h = o * Math.PI * 2 / 6, c = {
+        x: n.x + Math.cos(h) * 15,
+        y: n.y + Math.sin(h) * 15
+      }, u = S.createEnemy("micro", c, {
+        x: c.x + Math.cos(h) * 200,
+        y: c.y + Math.sin(h) * 200
       });
-      p.isThrown = !0, s.push(p);
+      u.isThrown = !0, s.push(u);
     }
     for (let o = 0; o < 35; o++) {
-      const r = Math.random() * Math.PI * 2, l = 200 + Math.random() * 300;
-      c.push({
+      const h = Math.random() * Math.PI * 2, c = 200 + Math.random() * 300;
+      l.push({
         id: Math.random().toString(),
         position: { ...n },
-        velocity: { x: Math.cos(r) * l, y: Math.sin(r) * l },
+        velocity: { x: Math.cos(h) * c, y: Math.sin(h) * c },
         color: "#ffd700",
         radius: 4 + Math.random() * 4,
         alpha: 1,
@@ -695,7 +826,7 @@ class X {
         maxLifetime: 0.6
       });
     }
-    h.push({
+    r.push({
       id: Math.random().toString(),
       text: "CLUSTER DETONATION",
       position: { ...n },
@@ -710,41 +841,41 @@ class X {
 }
 class $ {
   execute(t) {
-    const { thrownEnemy: i, targetEnemy: e, vortices: s, shockwaves: a } = t, c = {
-      x: (i.position.x + e.position.x) / 2,
-      y: (i.position.y + e.position.y) / 2
+    const { thrownEnemy: e, targetEnemy: i, vortices: s, shockwaves: a } = t, l = {
+      x: (e.position.x + i.position.x) / 2,
+      y: (e.position.y + i.position.y) / 2
     };
     s.push({
       id: Math.random().toString(),
-      position: c,
+      position: l,
       radius: 480,
       duration: 0,
       maxDuration: 6,
       pullForce: 3500
     }), a.push({
       id: Math.random().toString(),
-      position: c,
+      position: l,
       radius: 20,
       maxRadius: 480,
       color: "#9d4edd",
       alpha: 1,
       lifetime: 0,
       maxLifetime: 0.65
-    }), i.triggerDissolveDeath(), e.triggerDissolveDeath();
+    }), e.triggerDissolveDeath(), i.triggerDissolveDeath();
   }
 }
-class L {
-  static createEnemy(t, i, e) {
-    const s = `enemy_${Date.now()}_${Math.random()}`, a = new P(s);
-    return this.configureEnemy(a, t, i, e), a;
-  }
-  static configureEnemy(t, i, e, s) {
-    t.type = i, t.position = { ...e }, t.active = !0, t.isGrabbed = !1, t.isThrown = !1;
-    const a = s.x - e.x, c = s.y - e.y, h = Math.atan2(c, a);
-    let n = 70, o = 20, r = "#ff2a5f", l = null;
-    i === "piercer" ? (n = 95, o = 18, r = "#ff2a5f", l = new Y()) : i === "spore" ? (n = 65, o = 24, r = "#39ff14", l = new W()) : i === "cluster" ? (n = 50, o = 26, r = "#ffd700", l = new X()) : i === "parasite" ? (n = 80, o = 22, r = "#9d4edd", l = new $()) : i === "micro" && (n = 130, o = 12, r = "#ffd700"), t.radius = o, t.color = r, t.strategy = l, t.velocity = {
-      x: Math.cos(h) * n,
-      y: Math.sin(h) * n
+class S {
+  static createEnemy(t, e, i) {
+    const s = `enemy_${Date.now()}_${Math.random()}`, a = new O(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 = {
+      x: Math.cos(r) * n,
+      y: Math.sin(r) * n
     };
   }
 }
@@ -754,60 +885,60 @@ class z {
   i18n;
   currentThrowKills = 0;
   currentThrowPos = null;
-  constructor(t, i) {
-    this.spatialHash = new K(100), this.eventBus = t, this.i18n = i;
+  constructor(t, e) {
+    this.spatialHash = new V(100), this.eventBus = t, this.i18n = e;
   }
-  update(t, i, e, s, a, c, h, n, o, r, l, p, f, g) {
+  update(t, e, i, s, a, l, r, n, o, h, c, u, p, f) {
     this.spatialHash.clear();
-    for (const d of e)
+    for (const d of i)
       d.active && !d.isDying ? (d.update(t), this.spatialHash.insert(d)) : d.active && d.isDying && d.update(t);
-    for (let d = c.length - 1; d >= 0; d--) {
-      const m = c[d];
+    for (let d = l.length - 1; d >= 0; d--) {
+      const m = l[d];
       if (!m) continue;
       m.lifetime += t;
-      const u = m.lifetime / m.maxLifetime;
-      m.radius = m.maxRadius * u, m.alpha = Math.max(0, 1 - u), m.lifetime >= m.maxLifetime && c.splice(d, 1);
+      const x = m.lifetime / m.maxLifetime;
+      m.radius = m.maxRadius * x, m.alpha = Math.max(0, 1 - x), m.lifetime >= m.maxLifetime && l.splice(d, 1);
     }
     for (let d = a.length - 1; d >= 0; d--) {
       const m = a[d];
       if (m) {
         m.duration += t;
-        for (const u of e) {
-          if (!u.active || u.isGrabbed || u.isDying || u.isThrown && u.type === "piercer") continue;
-          const y = m.position.x - u.position.x, v = m.position.y - u.position.y, S = Math.hypot(y, v);
-          if (S > 2 && S <= m.radius) {
-            const T = Math.pow(1 - S / m.radius, 0.7), M = m.pullForce * T, E = Math.atan2(v, y);
-            u.velocity.x += Math.cos(E) * M * t, u.velocity.y += Math.sin(E) * M * t, u.position.x += Math.cos(E) * M * t * 0.8, u.position.y += Math.sin(E) * M * t * 0.8;
+        for (const x of i) {
+          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;
           }
         }
         m.duration >= m.maxDuration && a.splice(d, 1);
       }
     }
-    for (const d of e) {
+    for (const d of i) {
       if (!d.active || d.isGrabbed || d.isDying) continue;
-      const m = i.position.x - d.position.x, u = i.position.y - d.position.y;
-      if (Math.hypot(m, u) <= i.radius + d.radius) {
+      const m = e.position.x - d.position.x, x = e.position.y - d.position.y;
+      if (Math.hypot(m, x) <= e.radius + d.radius) {
         d.active = !1;
-        const v = i.takeDamage();
-        this.eventBus.emit("onCoreDamaged", { currentIntegrity: i.integrity }), c.push({
+        const A = e.takeDamage();
+        this.eventBus.emit("onCoreDamaged", { currentIntegrity: e.integrity }), l.push({
           id: Math.random().toString(),
-          position: { ...i.position },
+          position: { ...e.position },
           radius: 20,
-          maxRadius: Math.max(p, f) * 1.3,
+          maxRadius: Math.max(u, p) * 1.3,
           color: "#00f0ff",
           alpha: 1,
           lifetime: 0,
           maxLifetime: 0.8
-        }), o.triggerScreenShake({ x: m, y: u }, 25), o.triggerHitstop(0.15), o.triggerFlash(0.6);
-        for (const S of e)
-          if (S.active && !S.isGrabbed) {
-            S.triggerDissolveDeath();
-            for (let T = 0; T < 8; T++) {
-              const M = Math.random() * Math.PI * 2, E = 100 + Math.random() * 200;
-              h.push({
+        }), o.triggerScreenShake({ x: m, y: x }, 25), o.triggerHitstop(0.15), o.triggerFlash(0.6);
+        for (const b of i)
+          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;
+              r.push({
                 id: Math.random().toString(),
-                position: { ...S.position },
-                velocity: { x: Math.cos(M) * E, y: Math.sin(M) * E },
+                position: { ...b.position },
+                velocity: { x: Math.cos(y) * g, y: Math.sin(y) * g },
                 color: "#00f0ff",
                 radius: 3 + Math.random() * 3,
                 alpha: 1,
@@ -819,112 +950,135 @@ class z {
         n.push({
           id: Math.random().toString(),
           text: "CORE OVERLOAD PULSE!",
-          position: { ...i.position },
+          position: { ...e.position },
           velocity: { x: 0, y: -90 },
           color: "#00f0ff",
           alpha: 1,
           lifetime: 0,
           maxLifetime: 1.5,
           size: 32
-        }), (!v || i.integrity <= 0) && this.eventBus.emit("onGameOver", { score: l.value, wave: 1 });
+        }), (!A || e.integrity <= 0) && this.eventBus.emit("onGameOver", { score: c.value, wave: 1 });
         break;
       }
     }
-    let b = !1;
-    for (const d of e) {
-      if (!d.active || !d.isThrown || d.isDying) continue;
-      if (b = !0, d.position.x < -120 || d.position.x > p + 120 || d.position.y < -120 || d.position.y > f + 120) {
-        d.active = !1, d.isThrown = !1;
-        continue;
-      }
-      const m = this.spatialHash.getNearby(d.position, d.getHitRadius() * 2);
-      for (const u of m) {
-        if (u === d || !u.active || u.isGrabbed || u.isDying) continue;
-        const y = u.position.x - d.position.x, v = u.position.y - d.position.y;
-        if (Math.hypot(y, v) <= d.getHitRadius() + u.getHitRadius()) {
-          this.currentThrowPos = { x: d.position.x, y: d.position.y };
-          const T = Math.atan2(d.velocity.y, d.velocity.x);
-          if (d.type === "piercer") {
-            this.currentThrowKills++, this.killEnemyWithChainReaction(u, T, s, a, c, h, e), o.triggerHitstop(0.05), o.triggerScreenShake({ x: y, y: v }, 7), c.push({
-              id: Math.random().toString(),
-              position: { ...u.position },
-              radius: 10,
-              maxRadius: 180,
-              color: "#ff2a5f",
-              alpha: 1,
-              lifetime: 0,
-              maxLifetime: 0.45
-            });
-            for (let M = 0; M < 16; M++) {
-              const E = Math.random() * Math.PI * 2, w = 150 + Math.random() * 300;
-              h.push({
+    let T = !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) {
+          d.active = !1, d.isThrown = !1;
+          continue;
+        }
+        for (const m of i) {
+          if (m === d || !m.active || m.isGrabbed || m.isDying) continue;
+          const x = m.position.x - d.position.x, L = m.position.y - d.position.y;
+          if (Math.hypot(x, L) <= d.getHitRadius() + m.getHitRadius()) {
+            this.currentThrowPos = { x: d.position.x, y: d.position.y };
+            const b = Math.atan2(d.velocity.y, d.velocity.x);
+            if (d.type === "piercer") {
+              this.currentThrowKills++, this.killEnemyWithChainReaction(m, b, s, a, l, r, i), o.triggerHitstop(0.05), o.triggerScreenShake({ x, y: L }, 7), l.push({
                 id: Math.random().toString(),
-                position: { ...u.position },
-                velocity: { x: Math.cos(E) * w, y: Math.sin(E) * w },
+                position: { ...m.position },
+                radius: 10,
+                maxRadius: 180,
                 color: "#ff2a5f",
-                radius: 3 + Math.random() * 3,
                 alpha: 1,
                 lifetime: 0,
-                maxLifetime: 0.4
+                maxLifetime: 0.45
               });
-            }
-            g && g();
-          } else {
-            const M = d.type === u.type;
-            c.push({
-              id: Math.random().toString(),
-              position: { ...this.currentThrowPos },
-              radius: 15,
-              maxRadius: M ? 350 : 220,
-              color: d.color,
-              alpha: 1,
-              lifetime: 0,
-              maxLifetime: 0.55
-            });
-            for (let E = 0; E < 36; E++) {
-              const w = Math.random() * Math.PI * 2, R = 180 + Math.random() * 400;
-              h.push({
+              for (let M = 0; M < 16; M++) {
+                const y = 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 },
+                  color: "#ff2a5f",
+                  radius: 3 + Math.random() * 3,
+                  alpha: 1,
+                  lifetime: 0,
+                  maxLifetime: 0.4
+                });
+              }
+              f && f();
+            } else {
+              const M = d.type === m.type, y = M ? 360 : 250;
+              l.push({
                 id: Math.random().toString(),
                 position: { ...this.currentThrowPos },
-                velocity: { x: Math.cos(w) * R, y: Math.sin(w) * R },
+                radius: 15,
+                maxRadius: y,
                 color: d.color,
-                radius: 4 + Math.random() * 5,
                 alpha: 1,
                 lifetime: 0,
-                maxLifetime: 0.65
+                maxLifetime: 0.55
               });
+              for (let g = 0; g < 45; g++) {
+                const I = Math.random() * Math.PI * 2, v = 200 + Math.random() * 450;
+                r.push({
+                  id: Math.random().toString(),
+                  position: { ...this.currentThrowPos },
+                  velocity: { x: Math.cos(I) * v, y: Math.sin(I) * v },
+                  color: d.color,
+                  radius: 4 + Math.random() * 6,
+                  alpha: 1,
+                  lifetime: 0,
+                  maxLifetime: 0.7
+                });
+              }
+              if (M) {
+                if (this.currentThrowKills += 2, o.triggerHitstop(0.14), o.triggerFlash(0.5), o.triggerScreenShake({ x, y: L }, 16), n.push({
+                  id: Math.random().toString(),
+                  text: "COLOR SYNERGY!",
+                  position: { ...this.currentThrowPos },
+                  velocity: { x: 0, y: -80 },
+                  color: d.color,
+                  alpha: 1,
+                  lifetime: 0,
+                  maxLifetime: 1.2,
+                  size: 26
+                }), d.type === "spore")
+                  s.push({
+                    id: Math.random().toString(),
+                    position: { ...this.currentThrowPos },
+                    radius: 340,
+                    duration: 0,
+                    maxDuration: 10,
+                    damage: 100
+                  });
+                else if (d.type === "parasite")
+                  a.push({
+                    id: Math.random().toString(),
+                    position: { ...this.currentThrowPos },
+                    radius: 600,
+                    duration: 0,
+                    maxDuration: 7,
+                    pullForce: 5e3
+                  });
+                else if (d.type === "cluster")
+                  for (let g = 0; g < 8; g++) {
+                    const I = g * Math.PI * 2 / 8, v = {
+                      x: this.currentThrowPos.x + Math.cos(I) * 15,
+                      y: this.currentThrowPos.y + Math.sin(I) * 15
+                    }, D = S.createEnemy("micro", v, {
+                      x: v.x + Math.cos(I) * 220,
+                      y: v.y + Math.sin(I) * 220
+                    });
+                    D.isThrown = !0, i.push(D);
+                  }
+                this.killEnemyWithChainReaction(d, b, s, a, l, r, i), this.killEnemyWithChainReaction(m, b, s, a, l, r, i);
+              } else
+                this.currentThrowKills += 2, o.triggerHitstop(0.08), o.triggerFlash(0.35), o.triggerScreenShake({ x, y: L }, 10), this.killEnemyWithChainReaction(d, b, s, a, l, r, i), this.killEnemyWithChainReaction(m, b, s, a, l, r, i);
+              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++);
+              }
+              f && f();
+              break;
             }
-            M ? (this.currentThrowKills += 3, o.triggerHitstop(0.12), o.triggerFlash(0.5), o.triggerScreenShake({ x: y, y: v }, 14), n.push({
-              id: Math.random().toString(),
-              text: "COLOR SYNERGY!",
-              position: { ...this.currentThrowPos },
-              velocity: { x: 0, y: -80 },
-              color: d.color,
-              alpha: 1,
-              lifetime: 0,
-              maxLifetime: 1.2,
-              size: 26
-            }), d.type === "spore" ? (s.push({
-              id: Math.random().toString(),
-              position: { ...this.currentThrowPos },
-              radius: 320,
-              duration: 0,
-              maxDuration: 10,
-              damage: 100
-            }), d.triggerDissolveDeath(), u.triggerDissolveDeath()) : d.type === "parasite" ? (a.push({
-              id: Math.random().toString(),
-              position: { ...this.currentThrowPos },
-              radius: 580,
-              duration: 0,
-              maxDuration: 7,
-              pullForce: 4500
-            }), d.triggerDissolveDeath(), u.triggerDissolveDeath()) : (d.triggerDissolveDeath(), u.triggerDissolveDeath())) : (this.currentThrowKills += 2, o.triggerHitstop(0.08), o.triggerFlash(0.35), o.triggerScreenShake({ x: y, y: v }, 8), this.killEnemyWithChainReaction(d, T, s, a, c, h, e), this.killEnemyWithChainReaction(u, T, s, a, c, h, e)), g && g();
-            break;
           }
         }
       }
-    }
-    r.value = this.currentThrowKills, !b && this.currentThrowKills > 0 && (this.currentThrowKills >= 2 && this.currentThrowPos && n.push({
+    h.value = this.currentThrowKills, !T && this.currentThrowKills > 0 && (this.currentThrowKills >= 2 && this.currentThrowPos && n.push({
       id: Math.random().toString(),
       text: `MULTIKILL x${this.currentThrowKills}!`,
       position: { ...this.currentThrowPos },
@@ -934,21 +1088,21 @@ class z {
       lifetime: 0,
       maxLifetime: 1.4,
       size: 32
-    }), this.eventBus.emit("onComboUpdated", { combo: r.value }), this.currentThrowKills = 0, this.currentThrowPos = null);
+    }), this.eventBus.emit("onComboUpdated", { combo: h.value }), this.currentThrowKills = 0, this.currentThrowPos = null);
     for (let d = s.length - 1; d >= 0; d--) {
       const m = s[d];
       if (m) {
         m.duration += t;
-        for (const u of e) {
-          if (!u.active || u.isGrabbed || u.isDying || u.isThrown && u.type === "piercer") continue;
-          const y = u.position.x - m.position.x, v = u.position.y - m.position.y;
-          Math.hypot(y, v) <= m.radius && (this.killEnemyWithChainReaction(u, 0, s, a, c, h, e), this.currentThrowKills++, g && g());
+        for (const x of i) {
+          if (!x.active || x.isGrabbed || x.isDying || x.isThrown && x.type === "piercer") continue;
+          const L = x.position.x - m.position.x, A = x.position.y - m.position.y;
+          Math.hypot(L, A) <= m.radius && (this.killEnemyWithChainReaction(x, 0, s, a, l, r, i), this.currentThrowKills++, f && f());
         }
         m.duration >= m.maxDuration && s.splice(d, 1);
       }
     }
   }
-  killEnemyWithChainReaction(t, i, e, s, a, c, h) {
+  killEnemyWithChainReaction(t, e, i, s, a, l, r) {
     if (!(!t.active || t.isDying))
       if (a.push({
         id: Math.random().toString(),
@@ -960,7 +1114,7 @@ class z {
         lifetime: 0,
         maxLifetime: 0.5
       }), t.type === "spore")
-        t.triggerDissolveDeath(), e.push({
+        t.triggerDissolveDeath(), i.push({
           id: Math.random().toString(),
           position: { ...t.position },
           radius: 200,
@@ -971,14 +1125,14 @@ class z {
       else if (t.type === "cluster") {
         t.triggerDissolveDeath();
         for (let n = 0; n < 6; n++) {
-          const o = n * Math.PI * 2 / 6, r = {
+          const o = n * Math.PI * 2 / 6, h = {
             x: t.position.x + Math.cos(o) * 15,
             y: t.position.y + Math.sin(o) * 15
-          }, l = L.createEnemy("micro", r, {
-            x: r.x + Math.cos(o) * 200,
-            y: r.y + Math.sin(o) * 200
+          }, c = S.createEnemy("micro", h, {
+            x: h.x + Math.cos(o) * 200,
+            y: h.y + Math.sin(o) * 200
           });
-          l.isThrown = !0, h.push(l);
+          c.isThrown = !0, r.push(c);
         }
       } else t.type === "parasite" ? (t.triggerDissolveDeath(), s.push({
         id: Math.random().toString(),
@@ -987,22 +1141,22 @@ class z {
         duration: 0,
         maxDuration: 5,
         pullForce: 3e3
-      })) : t.type === "piercer" ? t.triggerSliceDeath(i) : t.triggerDissolveDeath();
+      })) : t.type === "piercer" ? t.triggerSliceDeath(e) : t.triggerDissolveDeath();
   }
 }
-class Z {
+class _ {
   pool = [];
   constructor(t = 500) {
-    for (let i = 0; i < t; i++) {
-      const e = new P(`pool_enemy_${i}`);
-      this.pool.push(e);
+    for (let e = 0; e < t; e++) {
+      const i = new O(`pool_enemy_${e}`);
+      this.pool.push(i);
     }
   }
   get() {
-    for (const i of this.pool)
-      if (!i.active)
-        return i.reset(), i;
-    const t = new P(`fallback_enemy_${Date.now()}_${Math.random()}`);
+    for (const e of this.pool)
+      if (!e.active)
+        return e.reset(), e;
+    const t = new O(`fallback_enemy_${Date.now()}_${Math.random()}`);
     return this.pool.push(t), t;
   }
   resetAll() {
@@ -1010,148 +1164,155 @@ class Z {
       t.reset();
   }
 }
-class A {
-  static getOffscreenPosition(t, i) {
-    const e = Math.floor(Math.random() * 4), s = 70;
-    return e === 0 ? { x: Math.random() * t, y: -s } : e === 1 ? { x: t + s, y: Math.random() * i } : e === 2 ? { x: Math.random() * t, y: i + s } : { x: -s, y: Math.random() * i };
+class C {
+  static getOffscreenPosition(t, e) {
+    const i = Math.floor(Math.random() * 4), s = 70;
+    return i === 0 ? { x: Math.random() * t, y: -s } : i === 1 ? { x: t + s, y: Math.random() * e } : i === 2 ? { x: Math.random() * t, y: e + s } : { x: -s, y: Math.random() * e };
   }
-  static spawnCircleOfDeath(t, i, e, s) {
-    const a = [], h = Math.max(e, s) * 0.55 + 80;
+  static spawnCircleOfDeath(t, e, i, s) {
+    const a = [], r = Math.max(i, s) * 0.55 + 80;
     for (let n = 0; n < 18; n++) {
-      const o = n * Math.PI * 2 / 18, r = {
-        x: i.x + Math.cos(o) * h,
-        y: i.y + Math.sin(o) * h
-      }, l = t.get(), p = ["piercer", "spore", "cluster", "parasite"], f = p[n % p.length];
-      L.configureEnemy(l, f, r, i), l.velocity = {
+      const o = n * Math.PI * 2 / 18, h = {
+        x: e.x + Math.cos(o) * r,
+        y: e.y + Math.sin(o) * r
+      }, c = t.get(), u = ["piercer", "spore", "cluster", "parasite"], p = u[n % u.length];
+      S.configureEnemy(c, p, h, e), c.velocity = {
         x: Math.cos(o + Math.PI) * 55,
         y: Math.sin(o + Math.PI) * 55
-      }, a.push(l);
+      }, a.push(c);
     }
     return a;
   }
-  static spawnDenseCluster(t, i, e, s) {
-    const a = [], h = Math.floor(Math.random() * 4);
+  static spawnDenseCluster(t, e, i, s) {
+    const a = [], r = Math.floor(Math.random() * 4);
     let n = { x: -60, y: -60 };
-    h === 0 ? n = { x: Math.random() * i, y: -80 } : h === 1 ? n = { x: i + 80, y: Math.random() * e } : h === 2 ? n = { x: Math.random() * i, y: e + 80 } : n = { x: -80, y: Math.random() * e };
+    r === 0 ? n = { x: Math.random() * e, y: -80 } : r === 1 ? n = { x: e + 80, y: Math.random() * i } : r === 2 ? n = { x: Math.random() * e, y: i + 80 } : n = { x: -80, y: Math.random() * i };
     for (let o = 0; o < 14; o++) {
-      const r = {
+      const h = {
         x: (Math.random() - 0.5) * 60,
         y: (Math.random() - 0.5) * 60
-      }, l = { x: n.x + r.x, y: n.y + r.y }, p = t.get();
-      L.configureEnemy(p, "spore", l, s);
-      const f = s.x - l.x, g = s.y - l.y, b = Math.atan2(g, f);
-      p.velocity = {
-        x: Math.cos(b) * (50 + Math.random() * 20),
-        y: Math.sin(b) * (50 + Math.random() * 20)
-      }, a.push(p);
+      }, 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);
+      u.velocity = {
+        x: Math.cos(T) * (50 + Math.random() * 20),
+        y: Math.sin(T) * (50 + Math.random() * 20)
+      }, a.push(u);
     }
     return a;
   }
-  static spawnSineSnake(t, i, e, s) {
-    const a = [], h = e * 0.2 + Math.random() * e * 0.6;
+  static spawnSineSnake(t, e, i, s) {
+    const a = [], r = i * 0.2 + Math.random() * i * 0.6;
     for (let n = 0; n < 12; n++) {
       const o = {
         x: -60 - n * 40,
-        y: h + Math.sin(n * 0.45) * 70
-      }, r = t.get();
-      L.configureEnemy(r, "cluster", o, s), r.velocity = { x: 75, y: Math.cos(n * 0.45) * 30 }, a.push(r);
+        y: r + Math.sin(n * 0.45) * 70
+      }, h = t.get();
+      S.configureEnemy(h, "cluster", o, s), h.velocity = { x: 75, y: Math.cos(n * 0.45) * 30 }, a.push(h);
     }
     return a;
   }
-  static spawnDoubleSpiral(t, i, e, s) {
+  static spawnDoubleSpiral(t, e, i, s) {
     const a = [];
-    for (let h = 0; h < 14; h++) {
-      const n = h / 14, o = n * Math.PI * 4, r = 120 + n * 450, l = {
-        x: i + Math.cos(o) * r,
-        y: -60 + Math.sin(o) * r
-      }, p = t.get();
-      L.configureEnemy(p, "parasite", l, s), a.push(p);
+    for (let r = 0; r < 14; r++) {
+      const n = r / 14, o = n * Math.PI * 4, h = 120 + n * 450, c = {
+        x: e + Math.cos(o) * h,
+        y: -60 + Math.sin(o) * h
+      }, u = t.get();
+      S.configureEnemy(u, "parasite", c, s), a.push(u);
     }
     return a;
   }
-  static spawnMarchingWall(t, i, e, s) {
-    const a = [], h = Math.random() > 0.5;
+  static spawnMarchingWall(t, e, i, s) {
+    const a = [], r = Math.random() > 0.5;
     for (let n = 0; n < 12; n++) {
-      const o = n / 11 * e, r = {
-        x: h ? -60 : i + 60,
+      const o = n / 11 * i, h = {
+        x: r ? -60 : e + 60,
         y: o
-      }, l = t.get();
-      L.configureEnemy(l, "piercer", r, s), l.velocity = {
-        x: h ? 70 : -70,
+      }, c = t.get();
+      S.configureEnemy(c, "piercer", h, s), c.velocity = {
+        x: r ? 70 : -70,
         y: 0
-      }, a.push(l);
+      }, a.push(c);
     }
     return a;
   }
-  static spawnCrossfireStreams(t, i, e, s) {
+  static spawnCrossfireStreams(t, e, i, s) {
     const a = [];
-    for (let h = 0; h < 10; h++) {
-      const n = { x: -50 - h * 35, y: -50 - h * 35 }, o = t.get();
-      L.configureEnemy(o, "spore", n, s), a.push(o);
-      const r = { x: i + 50 + h * 35, y: e + 50 + h * 35 }, l = t.get();
-      L.configureEnemy(l, "cluster", r, s), a.push(l);
+    for (let r = 0; r < 10; r++) {
+      const n = { x: -50 - r * 35, y: -50 - r * 35 }, o = t.get();
+      S.configureEnemy(o, "spore", n, s), a.push(o);
+      const h = { x: e + 50 + r * 35, y: i + 50 + r * 35 }, c = t.get();
+      S.configureEnemy(c, "cluster", h, s), a.push(c);
     }
     return a;
   }
 }
-class _ {
+class q {
   wave = 1;
   pool;
   spawnTimer = 0;
   waveTimer = 0;
   patternCooldown = 0;
-  initialGracePeriod = 25;
+  initialGracePeriod = 6;
   constructor() {
-    this.pool = new Z(500);
+    this.pool = new _(500);
   }
   reset() {
     this.wave = 1, this.spawnTimer = 0, this.waveTimer = 0, this.patternCooldown = 0;
   }
-  update(t, i, e, s, a) {
-    this.waveTimer += t, this.spawnTimer += t, this.patternCooldown += t, this.applyFlockingBehaviors(i, t, a);
-    const c = Math.max(1.1, 4.2 - (this.wave - 1) * 0.25);
-    if (this.waveTimer > this.initialGracePeriod && this.patternCooldown > Math.max(16 - this.wave, 8) && i.length < 35) {
+  update(t, e, i, s, a) {
+    this.waveTimer += t, this.spawnTimer += t, this.patternCooldown += t, this.applyFlockingBehaviors(e, t, a);
+    const l = e.filter((o) => o.active).length, r = Math.max(0.9, 2.2 - (this.wave - 1) * 0.18);
+    if (this.waveTimer > this.initialGracePeriod && this.patternCooldown > Math.max(12 - this.wave, 6) && l < 35) {
       this.patternCooldown = 0;
-      const n = this.spawnPatternFormation(e, s, a);
-      for (const o of n)
-        i.push(o);
+      const o = this.spawnPatternFormation(i, s, a);
+      for (const h of o)
+        e.push(h);
     }
-    const h = Math.min(18 + this.wave * 4, 80);
-    return this.spawnTimer >= c && i.length < h ? (this.spawnTimer = 0, this.spawnSingleEnemy(e, s, a)) : null;
+    const n = Math.min(18 + this.wave * 4, 80);
+    return this.spawnTimer >= r && l < n ? (this.spawnTimer = 0, this.spawnSingleEnemy(i, s, a)) : null;
   }
-  spawnSingleEnemy(t, i, e) {
-    const s = A.getOffscreenPosition(t, i), a = Math.random();
-    let c = "piercer";
-    a > 0.75 ? c = "parasite" : a > 0.5 ? c = "cluster" : a > 0.25 && (c = "spore");
-    const h = this.pool.get();
-    return L.configureEnemy(h, c, s, e), h;
+  spawnSingleEnemy(t, e, i) {
+    const s = C.getOffscreenPosition(t, e), a = Math.random();
+    let l = "piercer";
+    a > 0.75 ? l = "parasite" : a > 0.5 ? l = "cluster" : a > 0.25 && (l = "spore");
+    const r = this.pool.get();
+    return S.configureEnemy(r, l, s, i), r;
   }
-  spawnPatternFormation(t, i, e) {
+  spawnPatternFormation(t, e, i) {
     const s = Math.random();
-    return s < 0.25 ? A.spawnCircleOfDeath(this.pool, e, t, i) : s < 0.5 ? A.spawnDenseCluster(this.pool, t, i, e) : s < 0.75 ? A.spawnSineSnake(this.pool, t, i, e) : A.spawnMarchingWall(this.pool, t, i, e);
+    return s < 0.25 ? C.spawnCircleOfDeath(this.pool, i, t, e) : s < 0.5 ? C.spawnDenseCluster(this.pool, t, e, i) : s < 0.75 ? C.spawnSineSnake(this.pool, t, e, i) : C.spawnMarchingWall(this.pool, t, e, i);
   }
-  applyFlockingBehaviors(t, i, e) {
+  applyFlockingBehaviors(t, e, i) {
     for (let a = 0; a < t.length; a++) {
-      const c = t[a];
-      if (!c.active || c.isGrabbed || c.isThrown || c.isDying) continue;
-      let h = 0, n = 0, o = 0;
-      for (let f = 0; f < t.length; f++) {
-        if (a === f) continue;
-        const g = t[f];
-        if (!g.active || g.isGrabbed || g.isDying) continue;
-        const b = c.position.x - g.position.x, d = c.position.y - g.position.y, m = Math.hypot(b, d);
-        m > 0 && m < 70 && (h += b / m, n += d / m, o++);
+      const l = t[a];
+      if (!l.active || l.isGrabbed || l.isThrown || l.isDying) continue;
+      let r = 0, n = 0, o = 0;
+      for (let p = 0; p < t.length; p++) {
+        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++);
       }
-      o > 0 && (h /= o, n /= o, c.velocity.x += h * 60 * i, c.velocity.y += n * 60 * i);
-      const r = e.x - c.position.x, l = e.y - c.position.y, p = Math.hypot(r, l);
-      if (p > 0) {
-        const f = 80 + Math.min(this.wave * 4, 40);
-        c.velocity.x += r / p * f * i, c.velocity.y += l / p * f * i;
+      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);
+      if (u > 0) {
+        const p = 80 + Math.min(this.wave * 4, 40);
+        l.velocity.x += h / u * p * e, l.velocity.y += c / u * p * e;
+      }
+      if (l.maxSpeed > 0) {
+        const p = Math.hypot(l.velocity.x, l.velocity.y);
+        if (p > l.maxSpeed) {
+          const f = l.maxSpeed / p;
+          l.velocity.x *= f, l.velocity.y *= f;
+        }
       }
     }
   }
 }
-const C = {
+const N = {
   bioluminescent: {
     bgInner: "#081220",
     bgMid: "#050b16",
@@ -1200,197 +1361,279 @@ const C = {
     tendrilMagenta: "#b5008c",
     tendrilCyan: "#0077b6"
   }
-}, D = "axon_surge_theme";
-class q {
+}, P = "axon_surge_theme";
+class j {
   currentTheme = "bioluminescent";
-  constructor(t) {
-    if (t)
-      this.setTheme(t);
+  isExplicit = !1;
+  targetElement;
+  constructor(t, e) {
+    if (e !== void 0 && (this.targetElement = e), t)
+      this.isExplicit = !0, this.setTheme(t);
     else {
       try {
-        const i = localStorage.getItem(D);
-        i && C[i] && (this.currentTheme = i);
+        const i = localStorage.getItem(P);
+        i && N[i] && (this.currentTheme = i, this.isExplicit = !0);
       } catch {
       }
-      this.applyThemeToDOM();
+      this.isExplicit && this.applyThemeToDOM();
     }
   }
+  setTargetElement(t) {
+    this.targetElement = t, this.isExplicit && this.applyThemeToDOM();
+  }
   setTheme(t) {
-    if (C[t]) {
-      this.currentTheme = t, this.applyThemeToDOM();
+    if (N[t]) {
+      this.currentTheme = t, this.isExplicit = !0, this.applyThemeToDOM();
       try {
-        localStorage.setItem(D, t);
+        localStorage.setItem(P, t);
       } catch {
       }
     }
   }
+  clearExplicitTheme() {
+    this.isExplicit = !1;
+    try {
+      localStorage.removeItem(P);
+    } catch {
+    }
+    this.removeThemeClasses();
+  }
   getTheme() {
     return this.currentTheme;
   }
   getPalette() {
-    return C[this.currentTheme] || C.bioluminescent;
+    return N[this.currentTheme] || N.bioluminescent;
+  }
+  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 {
+  maxDistance = 450;
+  maxThickness = 28;
+  minThickness = 4;
+  maxLength = 140;
+  minLength = 40;
+  render(t, e, i, s) {
+    for (const a of e) {
+      if (!a.active || a.isGrabbed || a.isDying) continue;
+      const l = a.position.x, r = a.position.y;
+      if (l >= 0 && l <= i && r >= 0 && r <= s) continue;
+      const n = Math.min(i, Math.max(0, l)), o = Math.min(s, Math.max(0, r)), h = Math.hypot(l - n, r - o);
+      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);
+      } else {
+        const T = Math.max(0, n - p / 2), d = Math.min(i, n + p / 2);
+        t.moveTo(T, 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 {
+  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();
+  }
+}
+class et {
+  render(t, e, i) {
+    if (!e.isActive) return;
+    const s = e.getLauncher(), a = e.getTarget();
+    if (!s || !a || !s.active || !a.active) return;
+    const l = e.getStep();
+    if (t.save(), l === 1) {
+      const r = Math.sin(i * 6) * 10, n = s.position.x, o = s.position.y - 65 + r;
+      t.shadowColor = "#00f0ff", t.shadowBlur = 20, t.fillStyle = "#00f0ff", t.beginPath(), t.moveTo(n, o + 20), t.lineTo(n - 16, o - 12), t.lineTo(n - 6, o - 12), t.lineTo(n - 6, o - 32), t.lineTo(n + 6, o - 32), t.lineTo(n + 6, o - 12), t.lineTo(n + 16, o - 12), t.closePath(), t.fill();
+      const h = s.radius * (1.6 + Math.sin(i * 8) * 0.3);
+      t.strokeStyle = "rgba(0, 240, 255, 0.8)", t.lineWidth = 3, t.beginPath(), t.arc(s.position.x, s.position.y, h, 0, Math.PI * 2), t.stroke();
+    } else if (l === 2) {
+      const r = a.position.x - s.position.x, n = a.position.y - s.position.y;
+      if (Math.hypot(r, n) > 10) {
+        const h = Math.atan2(n, r);
+        t.shadowColor = "#ff00dd", t.shadowBlur = 22, t.strokeStyle = "#ff00dd", t.lineWidth = 4, t.setLineDash([12, 8]), t.beginPath(), t.moveTo(s.position.x, s.position.y), t.lineTo(a.position.x, a.position.y), t.stroke(), t.setLineDash([]);
+        const c = a.position.x - Math.cos(h) * (a.radius + 10), u = a.position.y - Math.sin(h) * (a.radius + 10);
+        t.fillStyle = "#ff00dd", t.beginPath(), t.moveTo(c, u), t.lineTo(c - Math.cos(h - 0.4) * 24, u - Math.sin(h - 0.4) * 24), t.lineTo(c - Math.cos(h + 0.4) * 24, u - Math.sin(h + 0.4) * 24), t.closePath(), t.fill();
+        const p = a.radius * (1.8 + Math.cos(i * 10) * 0.3);
+        t.strokeStyle = "rgba(255, 0, 221, 0.9)", t.lineWidth = 3.5, t.beginPath(), t.arc(a.position.x, a.position.y, p, 0, Math.PI * 2), t.stroke();
+      }
+    }
+    t.restore();
+  }
+}
+class it {
   canvas;
   ctx;
   themeManager;
-  constructor(t, i) {
-    this.canvas = t, this.ctx = t.getContext("2d"), this.themeManager = i;
+  indicatorRenderer;
+  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();
   }
-  render(t, i, e, s, a, c, h, n, o, r) {
+  render(t, e, i, s, a, l, r, n, o, h, c = 1, u) {
     if (!this.ctx) return;
-    const l = this.themeManager.getPalette(), { width: p, height: f } = this.canvas, g = n.getShakeOffset();
-    this.ctx.save(), this.ctx.translate(g.x, g.y), this.drawFluidCosmosBackground(p, f, t.pulsePhase, l), this.drawToxicPools(e, t.pulsePhase), this.drawGravityVortices(s, t.pulsePhase), this.drawShockwaves(a), this.drawCoreFilaments(t, l), this.drawParticles(c), this.drawOrganicEnemies(i, t.pulsePhase, l), o ? this.drawPsionicTendril(t.position, o.position, l) : t && this.drawHoverTendril(t.position, r, i, l), this.drawOrganicConsciousnessCore(t, l), this.drawFloatingTexts(h), n.flashAlpha > 0 && (this.ctx.fillStyle = `rgba(255, 255, 255, ${n.flashAlpha})`, this.ctx.fillRect(0, 0, p, f)), this.ctx.restore();
+    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();
   }
-  drawToxicPools(t, i) {
+  drawToxicPools(t, e) {
     if (this.ctx)
-      for (const e of t) {
-        const s = e.duration / e.maxDuration, a = Math.min(0.7, (1 - s) * 0.7), { x: c, y: h } = e.position;
+      for (const i of t) {
+        const s = i.duration / i.maxDuration, a = Math.min(0.7, (1 - s) * 0.7), { x: l, y: r } = i.position;
         this.ctx.save();
-        const n = this.ctx.createRadialGradient(c, h, 10, c, h, e.radius * 1.2);
+        const n = this.ctx.createRadialGradient(l, r, 10, l, r, i.radius * 1.2);
         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 r = 0; r <= o; r++) {
-          const l = r * Math.PI * 2 / o, p = Math.sin(l * 5 + i * 3) * 14, f = Math.cos(l * 3 - i * 2) * 9, g = e.radius + p + f, b = c + Math.cos(l) * g, d = h + Math.sin(l) * g;
-          r === 0 ? this.ctx.moveTo(b, d) : this.ctx.lineTo(b, d);
+        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);
         }
         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 r = 0; r <= o; r++) {
-          const l = r * Math.PI * 2 / o, p = Math.sin(l * 6 + i * 4) * 8, f = e.radius * 0.75 + p, g = c + Math.cos(l) * f, b = h + Math.sin(l) * f;
-          r === 0 ? this.ctx.moveTo(g, b) : this.ctx.lineTo(g, b);
+        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);
         }
         this.ctx.closePath(), this.ctx.stroke();
-        for (let r = 0; r < 6; r++) {
-          const l = r * Math.PI * 0.33 + i * 1.5, p = e.radius * 0.5 * (0.3 + Math.sin(i * 2 + r) * 0.3), f = c + Math.cos(l) * p, g = h + Math.sin(l) * p, b = 3 + Math.sin(i * 3 + r) * 2;
-          this.ctx.fillStyle = `rgba(255, 255, 255, ${a * 0.8})`, this.ctx.beginPath(), this.ctx.arc(f, g, Math.max(1, b), 0, Math.PI * 2), this.ctx.fill();
+        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();
         }
         this.ctx.restore();
       }
   }
   drawShockwaves(t) {
     if (this.ctx)
-      for (const i of t) {
-        this.ctx.save(), this.ctx.globalAlpha = i.alpha;
-        const e = this.ctx.createRadialGradient(
-          i.position.x,
-          i.position.y,
+      for (const e of t) {
+        this.ctx.save(), this.ctx.globalAlpha = e.alpha;
+        const i = this.ctx.createRadialGradient(
+          e.position.x,
+          e.position.y,
           0,
-          i.position.x,
-          i.position.y,
-          i.radius
+          e.position.x,
+          e.position.y,
+          e.radius
         );
-        e.addColorStop(0, "rgba(255, 255, 255, 0.4)"), e.addColorStop(0.7, i.color), e.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.fillStyle = e, this.ctx.beginPath(), this.ctx.arc(i.position.x, i.position.y, i.radius, 0, Math.PI * 2), this.ctx.fill(), this.ctx.strokeStyle = "#ffffff", this.ctx.lineWidth = 4, this.ctx.shadowColor = i.color, this.ctx.shadowBlur = 24, this.ctx.beginPath(), this.ctx.arc(i.position.x, i.position.y, i.radius, 0, Math.PI * 2), this.ctx.stroke(), this.ctx.restore();
+        i.addColorStop(0, "rgba(255, 255, 255, 0.4)"), i.addColorStop(0.7, e.color), i.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.fillStyle = i, this.ctx.beginPath(), this.ctx.arc(e.position.x, e.position.y, e.radius, 0, Math.PI * 2), this.ctx.fill(), this.ctx.strokeStyle = "#ffffff", this.ctx.lineWidth = 4, this.ctx.shadowColor = e.color, this.ctx.shadowBlur = 24, this.ctx.beginPath(), this.ctx.arc(e.position.x, e.position.y, e.radius, 0, Math.PI * 2), this.ctx.stroke(), this.ctx.restore();
       }
   }
-  drawGravityVortices(t, i) {
+  drawGravityVortices(t, e) {
     if (this.ctx)
-      for (const e of t) {
-        const s = Math.min(0.85, (1 - e.duration / e.maxDuration) * 0.85), a = e.radius * (1 - e.duration / e.maxDuration * 0.1), { x: c, y: h } = e.position;
+      for (const i of t) {
+        const s = Math.min(0.85, (1 - i.duration / i.maxDuration) * 0.85), a = i.radius * (1 - i.duration / i.maxDuration * 0.1), { x: l, y: r } = i.position;
         this.ctx.save();
-        const n = this.ctx.createRadialGradient(c, h, 0, c, h, 60);
-        n.addColorStop(0, `rgba(0, 0, 0, ${s})`), n.addColorStop(0.7, `rgba(20, 0, 40, ${s})`), n.addColorStop(1, `rgba(157, 78, 221, ${s * 0.5})`), this.ctx.fillStyle = n, this.ctx.beginPath(), this.ctx.arc(c, h, 60, 0, Math.PI * 2), this.ctx.fill(), this.ctx.strokeStyle = `rgba(157, 78, 221, ${s})`, this.ctx.lineWidth = 5, this.ctx.shadowColor = "#9d4edd", this.ctx.shadowBlur = 32;
+        const n = this.ctx.createRadialGradient(l, r, 0, l, r, 60);
+        n.addColorStop(0, `rgba(0, 0, 0, ${s})`), n.addColorStop(0.7, `rgba(20, 0, 40, ${s})`), n.addColorStop(1, `rgba(157, 78, 221, ${s * 0.5})`), this.ctx.fillStyle = n, this.ctx.beginPath(), this.ctx.arc(l, r, 60, 0, Math.PI * 2), this.ctx.fill(), this.ctx.strokeStyle = `rgba(157, 78, 221, ${s})`, this.ctx.lineWidth = 5, this.ctx.shadowColor = "#9d4edd", this.ctx.shadowBlur = 32;
         for (let o = 1; o <= 5; o++) {
-          const r = a * o / 5, l = i * o * 2.2;
-          this.ctx.beginPath(), this.ctx.arc(c, h, r, l, l + Math.PI * 1.5), this.ctx.stroke();
+          const h = a * o / 5, c = e * o * 2.2;
+          this.ctx.beginPath(), this.ctx.arc(l, r, h, c, c + Math.PI * 1.5), this.ctx.stroke();
         }
         this.ctx.restore();
       }
   }
-  drawFluidCosmosBackground(t, i, e, s) {
+  drawFluidCosmosBackground(t, e, i, s) {
     if (!this.ctx) return;
-    const a = this.ctx.createRadialGradient(t / 2, i / 2, 40, t / 2, i / 2, Math.max(t, i));
-    a.addColorStop(0, s.bgInner), a.addColorStop(0.5, s.bgMid), a.addColorStop(1, s.bgOuter), this.ctx.fillStyle = a, this.ctx.fillRect(0, 0, t, i);
-    const c = t * 0.35 + Math.sin(e * 0.3) * 60, h = i * 0.45 + Math.cos(e * 0.25) * 50, n = this.ctx.createRadialGradient(c, h, 20, c, h, 380);
-    n.addColorStop(0, s.nebulaCyan), n.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.fillStyle = n, this.ctx.beginPath(), this.ctx.arc(c, h, 380, 0, Math.PI * 2), this.ctx.fill();
-    const o = t * 0.68 + Math.cos(e * 0.35) * 50, r = i * 0.55 + Math.sin(e * 0.3) * 45, l = this.ctx.createRadialGradient(o, r, 20, o, r, 420);
-    l.addColorStop(0, s.nebulaMagenta), l.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.fillStyle = l, this.ctx.beginPath(), this.ctx.arc(o, r, 420, 0, Math.PI * 2), this.ctx.fill();
-  }
-  drawCoreFilaments(t, i) {
+    const a = this.ctx.createRadialGradient(t / 2, e / 2, 40, t / 2, e / 2, Math.max(t, e));
+    a.addColorStop(0, s.bgInner), a.addColorStop(0.5, s.bgMid), a.addColorStop(1, s.bgOuter), this.ctx.fillStyle = a, this.ctx.fillRect(0, 0, t, e);
+    const l = t * 0.35 + Math.sin(i * 0.3) * 60, r = e * 0.45 + Math.cos(i * 0.25) * 50, n = this.ctx.createRadialGradient(l, r, 20, l, r, 380);
+    n.addColorStop(0, s.nebulaCyan), n.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.fillStyle = n, this.ctx.beginPath(), this.ctx.arc(l, r, 380, 0, Math.PI * 2), this.ctx.fill();
+    const o = t * 0.68 + Math.cos(i * 0.35) * 50, h = e * 0.55 + Math.sin(i * 0.3) * 45, c = this.ctx.createRadialGradient(o, h, 20, o, h, 420);
+    c.addColorStop(0, s.nebulaMagenta), c.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.fillStyle = c, this.ctx.beginPath(), this.ctx.arc(o, h, 420, 0, Math.PI * 2), this.ctx.fill();
+  }
+  drawCoreFilaments(t, e) {
     if (!this.ctx) return;
-    const e = 12;
-    this.ctx.lineWidth = 1.5, this.ctx.strokeStyle = i.nebulaCyan;
-    for (let s = 0; s < e; s++) {
-      const a = s * Math.PI * 2 / e + t.pulsePhase * 0.12, c = 85 + Math.sin(t.pulsePhase * 1.5 + s) * 25, h = t.position.x + Math.cos(a) * c, n = t.position.y + Math.sin(a) * c, o = t.position.x + Math.cos(a + 0.4) * 48, r = t.position.y + Math.sin(a + 0.4) * 48;
-      this.ctx.beginPath(), this.ctx.moveTo(t.position.x, t.position.y), this.ctx.quadraticCurveTo(o, r, h, n), this.ctx.stroke(), this.ctx.fillStyle = i.sporeColor, this.ctx.beginPath(), this.ctx.arc(h, n, 3.5, 0, Math.PI * 2), this.ctx.fill();
+    const i = 12;
+    this.ctx.lineWidth = 1.5, this.ctx.strokeStyle = e.nebulaCyan;
+    for (let s = 0; s < i; s++) {
+      const a = s * Math.PI * 2 / i + t.pulsePhase * 0.12, l = 85 + Math.sin(t.pulsePhase * 1.5 + s) * 25, r = t.position.x + Math.cos(a) * l, n = t.position.y + Math.sin(a) * l, o = t.position.x + Math.cos(a + 0.4) * 48, h = t.position.y + Math.sin(a + 0.4) * 48;
+      this.ctx.beginPath(), this.ctx.moveTo(t.position.x, t.position.y), this.ctx.quadraticCurveTo(o, h, r, n), this.ctx.stroke(), this.ctx.fillStyle = e.sporeColor, this.ctx.beginPath(), this.ctx.arc(r, n, 3.5, 0, Math.PI * 2), this.ctx.fill();
     }
   }
-  drawOrganicConsciousnessCore(t, i) {
+  drawOrganicConsciousnessCore(t, e) {
     if (!this.ctx) return;
-    const { x: e, y: s } = t.position;
-    for (let h = 0; h < t.integrity; h++) {
-      const n = t.radius + 16 + h * 12;
-      this.ctx.strokeStyle = i.corePrimary, this.ctx.lineWidth = 2.2, this.ctx.shadowColor = i.corePrimary, this.ctx.shadowBlur = 12, this.ctx.beginPath();
+    const { x: i, y: s } = t.position;
+    for (let r = 0; r < t.integrity; r++) {
+      const n = t.radius + 16 + r * 12;
+      this.ctx.strokeStyle = e.corePrimary, this.ctx.lineWidth = 2.2, this.ctx.shadowColor = e.corePrimary, this.ctx.shadowBlur = 12, this.ctx.beginPath();
       const o = 60;
-      for (let r = 0; r <= o; r++) {
-        const l = r * Math.PI * 2 / o, p = n + Math.sin(l * 4 + t.pulsePhase * 2 + h) * 3, f = e + Math.cos(l) * p, g = s + Math.sin(l) * p;
-        r === 0 ? this.ctx.moveTo(f, g) : this.ctx.lineTo(f, g);
+      for (let h = 0; h <= o; h++) {
+        const c = h * Math.PI * 2 / o, u = n + Math.sin(c * 4 + t.pulsePhase * 2 + r) * 3, p = i + Math.cos(c) * u, f = s + Math.sin(c) * u;
+        h === 0 ? this.ctx.moveTo(p, f) : this.ctx.lineTo(p, f);
       }
       this.ctx.closePath(), this.ctx.stroke();
     }
-    const a = this.ctx.createRadialGradient(e, s, 5, e, s, t.radius * 2.2);
-    a.addColorStop(0, i.coreGlow), a.addColorStop(0.5, i.nebulaMagenta), a.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.fillStyle = a, this.ctx.beginPath(), this.ctx.arc(e, s, t.radius * 2.2, 0, Math.PI * 2), this.ctx.fill(), this.ctx.save(), this.ctx.translate(e, s), this.ctx.strokeStyle = i.corePrimary, this.ctx.lineWidth = 3, this.ctx.fillStyle = i.nebulaCyan, this.ctx.shadowColor = i.corePrimary, this.ctx.shadowBlur = 20, this.ctx.beginPath();
-    const c = 80;
-    for (let h = 0; h <= c; h++) {
-      const n = h * Math.PI * 2 / c, o = t.getMembraneRadius(n), r = Math.cos(n) * o, l = Math.sin(n) * o;
-      h === 0 ? this.ctx.moveTo(r, l) : this.ctx.lineTo(r, l);
+    const a = this.ctx.createRadialGradient(i, s, 5, i, s, t.radius * 2.2);
+    a.addColorStop(0, e.coreGlow), a.addColorStop(0.5, e.nebulaMagenta), a.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.fillStyle = a, this.ctx.beginPath(), this.ctx.arc(i, s, t.radius * 2.2, 0, Math.PI * 2), this.ctx.fill(), this.ctx.save(), this.ctx.translate(i, s), this.ctx.strokeStyle = e.corePrimary, this.ctx.lineWidth = 3, this.ctx.fillStyle = e.nebulaCyan, this.ctx.shadowColor = e.corePrimary, this.ctx.shadowBlur = 20, this.ctx.beginPath();
+    const l = 80;
+    for (let r = 0; r <= l; r++) {
+      const n = r * Math.PI * 2 / l, o = t.getMembraneRadius(n), h = Math.cos(n) * o, c = Math.sin(n) * o;
+      r === 0 ? this.ctx.moveTo(h, c) : this.ctx.lineTo(h, c);
     }
     this.ctx.closePath(), this.ctx.fill(), this.ctx.stroke(), this.ctx.fillStyle = "#ffffff", this.ctx.beginPath(), this.ctx.arc(0, 0, t.radius * 0.3, 0, Math.PI * 2), this.ctx.fill(), this.ctx.restore();
   }
-  drawPsionicTendril(t, i, e) {
+  drawPsionicTendril(t, e, i) {
     if (!this.ctx) return;
     this.ctx.save();
-    const s = i.x - t.x, a = i.y - t.y;
-    this.ctx.strokeStyle = e.tendrilMagenta, this.ctx.lineWidth = 9, this.ctx.shadowColor = e.tendrilMagenta, this.ctx.shadowBlur = 20, this.ctx.beginPath(), this.ctx.moveTo(t.x, t.y);
-    const c = (t.x + i.x) / 2 + Math.sin(Date.now() * 0.02) * 16, h = (t.y + i.y) / 2 + Math.cos(Date.now() * 0.02) * 16;
-    this.ctx.quadraticCurveTo(c, h, i.x, i.y), this.ctx.stroke(), this.ctx.strokeStyle = e.tendrilCyan, this.ctx.lineWidth = 3.5, this.ctx.shadowColor = e.tendrilCyan, this.ctx.shadowBlur = 12, this.ctx.beginPath(), this.ctx.moveTo(t.x, t.y), this.ctx.lineTo(i.x, i.y), this.ctx.stroke();
+    const s = e.x - t.x, a = e.y - t.y;
+    this.ctx.strokeStyle = i.tendrilMagenta, this.ctx.lineWidth = 9, this.ctx.shadowColor = i.tendrilMagenta, this.ctx.shadowBlur = 20, this.ctx.beginPath(), this.ctx.moveTo(t.x, t.y);
+    const l = (t.x + e.x) / 2 + Math.sin(Date.now() * 0.02) * 16, r = (t.y + e.y) / 2 + Math.cos(Date.now() * 0.02) * 16;
+    this.ctx.quadraticCurveTo(l, r, e.x, e.y), this.ctx.stroke(), this.ctx.strokeStyle = i.tendrilCyan, this.ctx.lineWidth = 3.5, this.ctx.shadowColor = i.tendrilCyan, this.ctx.shadowBlur = 12, this.ctx.beginPath(), this.ctx.moveTo(t.x, t.y), this.ctx.lineTo(e.x, e.y), this.ctx.stroke();
     for (let n = 0; n < 6; n++) {
-      const o = Math.random(), r = t.x + s * o + (Math.random() - 0.5) * 24, l = t.y + a * o + (Math.random() - 0.5) * 24;
-      this.ctx.fillStyle = "#ffffff", this.ctx.beginPath(), this.ctx.arc(r, l, 2.5 + Math.random() * 2.5, 0, Math.PI * 2), this.ctx.fill();
+      const o = Math.random(), h = t.x + s * o + (Math.random() - 0.5) * 24, c = t.y + a * o + (Math.random() - 0.5) * 24;
+      this.ctx.fillStyle = "#ffffff", this.ctx.beginPath(), this.ctx.arc(h, c, 2.5 + Math.random() * 2.5, 0, Math.PI * 2), this.ctx.fill();
     }
     this.ctx.restore();
   }
-  drawHoverTendril(t, i, e, s) {
+  drawHoverTendril(t, e, i, s) {
     if (this.ctx)
-      for (const a of e) {
+      for (const a of i) {
         if (!a.active || a.isGrabbed || a.isThrown || a.wasManipulated || a.isDying) continue;
-        const c = i.x - a.position.x, h = i.y - a.position.y;
-        if (Math.hypot(c, h) <= a.getHitRadius()) {
+        const l = e.x - a.position.x, r = e.y - a.position.y;
+        if (Math.hypot(l, r) <= a.getHitRadius()) {
           this.ctx.strokeStyle = s.tendrilMagenta, this.ctx.lineWidth = 2.5, this.ctx.beginPath(), this.ctx.moveTo(t.x, t.y), this.ctx.lineTo(a.position.x, a.position.y), this.ctx.stroke();
           break;
         }
       }
   }
-  drawOrganicEnemies(t, i, e) {
+  drawOrganicEnemies(t, e, i) {
     if (this.ctx)
       for (const s of t) {
         if (!s.active) continue;
         let a = s.color;
-        s.type === "piercer" ? a = e.piercerColor : s.type === "spore" ? a = e.sporeColor : s.type === "cluster" ? a = e.clusterColor : s.type === "parasite" ? a = e.parasiteColor : s.type === "micro" && (a = e.microColor);
-        const { x: c, y: h } = s.position;
-        if (this.ctx.save(), this.ctx.translate(c, h), s.wasManipulated && !s.isDying) {
-          const n = s.radius * 1.5 + Math.sin(i * 6) * 4;
-          this.ctx.strokeStyle = e.tendrilMagenta, this.ctx.lineWidth = 2.5, this.ctx.shadowColor = e.tendrilMagenta, this.ctx.shadowBlur = 18, this.ctx.beginPath(), this.ctx.arc(0, 0, n, 0, Math.PI * 2), this.ctx.stroke();
-          const o = s.radius * 1.8 + Math.cos(i * 8) * 3;
-          this.ctx.strokeStyle = e.tendrilCyan, this.ctx.lineWidth = 1.5, this.ctx.beginPath(), this.ctx.arc(0, 0, o, 0, Math.PI * 2), this.ctx.stroke();
+        s.type === "piercer" ? a = i.piercerColor : s.type === "spore" ? a = i.sporeColor : s.type === "cluster" ? a = i.clusterColor : s.type === "parasite" ? a = i.parasiteColor : s.type === "micro" && (a = i.microColor);
+        const { x: l, y: r } = s.position;
+        if (this.ctx.save(), this.ctx.translate(l, r), s.wasManipulated && !s.isDying) {
+          const n = s.radius * 1.5 + Math.sin(e * 6) * 4;
+          this.ctx.strokeStyle = i.tendrilMagenta, this.ctx.lineWidth = 2.5, this.ctx.shadowColor = i.tendrilMagenta, this.ctx.shadowBlur = 18, this.ctx.beginPath(), this.ctx.arc(0, 0, n, 0, Math.PI * 2), this.ctx.stroke();
+          const o = s.radius * 1.8 + Math.cos(e * 8) * 3;
+          this.ctx.strokeStyle = i.tendrilCyan, this.ctx.lineWidth = 1.5, this.ctx.beginPath(), this.ctx.arc(0, 0, o, 0, Math.PI * 2), this.ctx.stroke();
         }
         if (s.isDying) {
           const n = s.deathTimer / s.maxDeathTimer, o = Math.max(0, 1 - n);
           if (this.ctx.globalAlpha = o, s.deathType === "dissolve") {
-            const r = s.radius * (1 - n * 0.7);
-            this.ctx.fillStyle = e.sporeColor, this.ctx.shadowColor = e.sporeColor, this.ctx.shadowBlur = 20, this.ctx.beginPath(), this.ctx.arc(0, 0, r, 0, Math.PI * 2), this.ctx.fill();
-            for (let l = 0; l < 4; l++) {
-              const p = l * Math.PI * 0.5 + n * 4, f = r * 0.8 * n;
-              this.ctx.fillStyle = "#ffffff", this.ctx.beginPath(), this.ctx.arc(Math.cos(p) * f, Math.sin(p) * f, 3, 0, Math.PI * 2), this.ctx.fill();
+            const h = s.radius * (1 - n * 0.7);
+            this.ctx.fillStyle = i.sporeColor, this.ctx.shadowColor = i.sporeColor, this.ctx.shadowBlur = 20, this.ctx.beginPath(), this.ctx.arc(0, 0, h, 0, Math.PI * 2), this.ctx.fill();
+            for (let c = 0; c < 4; c++) {
+              const u = c * Math.PI * 0.5 + n * 4, p = h * 0.8 * n;
+              this.ctx.fillStyle = "#ffffff", this.ctx.beginPath(), this.ctx.arc(Math.cos(u) * p, Math.sin(u) * p, 3, 0, Math.PI * 2), this.ctx.fill();
             }
             this.ctx.restore();
             continue;
           } else if (s.deathType === "sliced") {
-            const r = n * 24, l = s.sliceAngle + Math.PI / 2, p = Math.cos(l) * r, f = Math.sin(l) * r;
-            this.ctx.shadowColor = "#ff2a5f", this.ctx.shadowBlur = 22, this.ctx.fillStyle = a, this.ctx.save(), this.ctx.translate(p, f), this.ctx.beginPath(), this.ctx.arc(0, 0, s.radius * 0.8, 0, Math.PI), this.ctx.fill(), this.ctx.restore(), this.ctx.save(), this.ctx.translate(-p, -f), this.ctx.beginPath(), this.ctx.arc(0, 0, s.radius * 0.8, Math.PI, Math.PI * 2), this.ctx.fill(), this.ctx.restore(), this.ctx.restore();
+            const h = n * 24, c = s.sliceAngle + Math.PI / 2, u = Math.cos(c) * h, p = Math.sin(c) * h;
+            this.ctx.shadowColor = "#ff2a5f", this.ctx.shadowBlur = 22, this.ctx.fillStyle = a, this.ctx.save(), this.ctx.translate(u, p), this.ctx.beginPath(), this.ctx.arc(0, 0, s.radius * 0.8, 0, Math.PI), this.ctx.fill(), this.ctx.restore(), this.ctx.save(), this.ctx.translate(-u, -p), this.ctx.beginPath(), this.ctx.arc(0, 0, s.radius * 0.8, Math.PI, Math.PI * 2), this.ctx.fill(), this.ctx.restore(), this.ctx.restore();
             continue;
           }
         }
@@ -1398,30 +1641,30 @@ class Q {
           this.ctx.rotate(s.rotation), this.ctx.beginPath();
           const n = 12;
           for (let o = 0; o <= n; o++) {
-            const r = o * Math.PI * 2 / n, l = s.radius * 1.6 + Math.sin(r * 3 + i * 4) * 3, p = s.radius * 0.6 + Math.cos(r * 2 + i * 3) * 2, f = Math.cos(r) * l, g = Math.sin(r) * p;
-            o === 0 ? this.ctx.moveTo(f, g) : this.ctx.lineTo(f, g);
+            const h = o * Math.PI * 2 / n, c = s.radius * 1.6 + Math.sin(h * 3 + e * 4) * 3, u = s.radius * 0.6 + Math.cos(h * 2 + e * 3) * 2, p = Math.cos(h) * c, f = Math.sin(h) * u;
+            o === 0 ? this.ctx.moveTo(p, f) : this.ctx.lineTo(p, f);
           }
           this.ctx.closePath(), this.ctx.fill(), this.ctx.fillStyle = "#ffffff", this.ctx.beginPath(), this.ctx.arc(4, 0, 4, 0, Math.PI * 2), this.ctx.fill();
         } else if (s.type === "spore") {
           this.ctx.beginPath();
           const n = 8;
           for (let o = 0; o < n; o++) {
-            const r = o * Math.PI * 2 / n, l = s.radius + Math.sin(r * 4 + i * 3 + s.position.x) * 4, p = Math.cos(r) * l, f = Math.sin(r) * l;
-            o === 0 ? this.ctx.moveTo(p, f) : this.ctx.lineTo(p, f);
+            const h = o * Math.PI * 2 / n, c = s.radius + Math.sin(h * 4 + e * 3 + s.position.x) * 4, u = Math.cos(h) * c, p = Math.sin(h) * c;
+            o === 0 ? this.ctx.moveTo(u, p) : this.ctx.lineTo(u, p);
           }
           this.ctx.closePath(), this.ctx.fill(), this.ctx.fillStyle = "rgba(255, 255, 255, 0.7)", this.ctx.beginPath(), this.ctx.arc(-4, -4, 5, 0, Math.PI * 2), this.ctx.arc(5, 3, 4, 0, Math.PI * 2), this.ctx.fill();
         } else if (s.type === "cluster") {
           this.ctx.beginPath();
-          const n = Math.sin(i * 3) * 2;
+          const n = Math.sin(e * 3) * 2;
           this.ctx.arc(0, 0, s.radius * 0.55, 0, Math.PI * 2), this.ctx.arc(-9 + n, -7, s.radius * 0.42, 0, Math.PI * 2), this.ctx.arc(9 - n, -7, s.radius * 0.42, 0, Math.PI * 2), this.ctx.arc(0, 9 + n, s.radius * 0.45, 0, Math.PI * 2), this.ctx.fill();
         } else if (s.type === "parasite") {
           this.ctx.beginPath();
           const n = 14;
           for (let o = 0; o <= n; o++) {
-            const r = o * Math.PI * 2 / n, l = s.radius + Math.sin(r * 5 - i * 5) * 3, p = Math.cos(r) * l, f = Math.sin(r) * l;
-            o === 0 ? this.ctx.moveTo(p, f) : this.ctx.lineTo(p, f);
+            const h = o * Math.PI * 2 / n, c = s.radius + Math.sin(h * 5 - e * 5) * 3, u = Math.cos(h) * c, p = Math.sin(h) * c;
+            o === 0 ? this.ctx.moveTo(u, p) : this.ctx.lineTo(u, p);
           }
-          this.ctx.closePath(), this.ctx.fill(), this.ctx.fillStyle = e.bgOuter, this.ctx.beginPath(), this.ctx.arc(0, 0, s.radius * 0.45, 0, Math.PI * 2), this.ctx.fill();
+          this.ctx.closePath(), this.ctx.fill(), this.ctx.fillStyle = i.bgOuter, this.ctx.beginPath(), this.ctx.arc(0, 0, s.radius * 0.45, 0, Math.PI * 2), this.ctx.fill();
         } else
           this.ctx.beginPath(), this.ctx.arc(0, 0, s.radius, 0, Math.PI * 2), this.ctx.fill();
         this.ctx.restore();
@@ -1429,39 +1672,39 @@ class Q {
   }
   drawParticles(t) {
     if (this.ctx)
-      for (const i of t)
-        this.ctx.save(), this.ctx.globalAlpha = i.alpha, this.ctx.fillStyle = i.color, this.ctx.beginPath(), this.ctx.arc(i.position.x, i.position.y, i.radius, 0, Math.PI * 2), this.ctx.fill(), this.ctx.restore();
+      for (const e of t)
+        this.ctx.save(), this.ctx.globalAlpha = e.alpha, this.ctx.fillStyle = e.color, this.ctx.beginPath(), this.ctx.arc(e.position.x, e.position.y, e.radius, 0, Math.PI * 2), this.ctx.fill(), this.ctx.restore();
   }
   drawFloatingTexts(t) {
     if (this.ctx)
-      for (const i of t)
-        this.ctx.save(), this.ctx.globalAlpha = i.alpha, this.ctx.fillStyle = i.color, this.ctx.font = `900 ${i.size}px Orbitron, sans-serif`, this.ctx.textAlign = "center", this.ctx.shadowColor = i.color, this.ctx.shadowBlur = 12, this.ctx.fillText(i.text, i.position.x, i.position.y), this.ctx.restore();
+      for (const e of t)
+        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 j {
+class st {
   container;
   i18n;
   waveLabelElement;
   progressSlot;
   comboElement;
   settingsButton;
-  constructor(t, i, e) {
-    this.i18n = i, this.container = document.createElement("div"), this.container.className = "axon-hud", this.waveLabelElement = document.createElement("div"), this.waveLabelElement.className = "axon-hud-wave", this.progressSlot = document.createElement("div"), this.progressSlot.className = "axon-hud-level-slot", this.waveLabelElement.appendChild(this.progressSlot), this.comboElement = document.createElement("div"), this.comboElement.className = "axon-hud-combo", this.settingsButton = document.createElement("button"), this.settingsButton.className = "axon-hud-settings-btn", this.settingsButton.setAttribute("aria-label", "Settings"), this.settingsButton.innerHTML = `
+  constructor(t, e, i) {
+    this.i18n = e, this.container = document.createElement("div"), this.container.className = "axon-hud", this.waveLabelElement = document.createElement("div"), this.waveLabelElement.className = "axon-hud-wave", this.progressSlot = document.createElement("div"), this.progressSlot.className = "axon-hud-level-slot", this.waveLabelElement.appendChild(this.progressSlot), this.comboElement = document.createElement("div"), this.comboElement.className = "axon-hud-combo", this.settingsButton = document.createElement("button"), this.settingsButton.className = "axon-hud-settings-btn", this.settingsButton.setAttribute("aria-label", "Settings"), this.settingsButton.innerHTML = `
             <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
                 <circle cx="12" cy="12" r="3"></circle>
                 <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
             </svg>
-        `, this.settingsButton.addEventListener("click", e), this.renderLabels(), this.container.appendChild(this.waveLabelElement), this.container.appendChild(this.comboElement), this.container.appendChild(this.settingsButton), t.appendChild(this.container);
+        `, this.settingsButton.addEventListener("click", i), this.renderLabels(), this.container.appendChild(this.waveLabelElement), this.container.appendChild(this.comboElement), this.container.appendChild(this.settingsButton), t.appendChild(this.container);
   }
   renderLabels() {
     let t = this.waveLabelElement.querySelector(".axon-level-title");
     t ? t.textContent = this.i18n.translate("waveLabel") : (t = document.createElement("div"), t.className = "axon-level-title", t.textContent = this.i18n.translate("waveLabel"), this.waveLabelElement.insertBefore(t, this.waveLabelElement.firstChild));
-    let i = this.waveLabelElement.querySelector("#axon-wave-val");
-    i || (i = document.createElement("span"), i.id = "axon-wave-val", i.textContent = "1", this.waveLabelElement.insertBefore(i, this.progressSlot)), this.comboElement.innerHTML = '<span id="axon-combo-val"></span>';
+    let e = this.waveLabelElement.querySelector("#axon-wave-val");
+    e || (e = document.createElement("span"), e.id = "axon-wave-val", e.textContent = "1", this.waveLabelElement.insertBefore(e, this.progressSlot)), this.comboElement.innerHTML = '<span id="axon-combo-val"></span>';
   }
-  update(t, i) {
-    const e = this.container.querySelector("#axon-wave-val"), s = this.container.querySelector("#axon-combo-val");
-    e && (e.textContent = t.toString()), s && (i >= 2 ? (s.textContent = `x${i}`, s.style.display = "block") : s.style.display = "none");
+  update(t, e) {
+    const i = this.container.querySelector("#axon-wave-val"), s = this.container.querySelector("#axon-combo-val");
+    i && (i.textContent = t.toString()), s && (e >= 2 ? (s.textContent = `x${e}`, s.style.display = "block") : s.style.display = "none");
   }
   show() {
     this.renderLabels(), this.container.style.display = "flex";
@@ -1470,12 +1713,12 @@ class j {
     this.container.style.display = "none";
   }
 }
-class tt {
+class at {
   container;
   i18n;
   onStartCallback;
-  constructor(t, i, e) {
-    this.i18n = i, this.onStartCallback = e, this.container = document.createElement("div"), this.container.className = "axon-start-menu", this.renderContent(), t.appendChild(this.container);
+  constructor(t, e, i) {
+    this.i18n = e, this.onStartCallback = i, this.container = document.createElement("div"), this.container.className = "axon-start-menu", this.renderContent(), t.appendChild(this.container);
   }
   renderContent() {
     this.container.innerHTML = `
@@ -1496,7 +1739,7 @@ class tt {
     this.container.style.display = "none";
   }
 }
-class it {
+class nt {
   modal;
   card;
   i18n;
@@ -1505,10 +1748,10 @@ class it {
   onLanguageChangedCallback;
   onCloseCallback;
   hapticsEnabled = !0;
-  constructor(t, i, e, s, a, c) {
-    this.i18n = i, this.themeManager = e, this.platform = s, this.onLanguageChangedCallback = a, this.onCloseCallback = c;
-    const h = localStorage.getItem("axon_surge_haptics");
-    h !== null && (this.hapticsEnabled = h === "true"), this.modal = document.createElement("dialog"), this.modal.className = "axon-settings-modal", this.card = document.createElement("div"), this.card.className = "axon-settings-card", this.modal.appendChild(this.card), t.appendChild(this.modal), this.modal.addEventListener("close", () => {
+  constructor(t, e, i, s, a, l) {
+    this.i18n = e, this.themeManager = i, this.platform = s, this.onLanguageChangedCallback = a, this.onCloseCallback = l;
+    const r = localStorage.getItem("axon_surge_haptics");
+    r !== null && (this.hapticsEnabled = r === "true"), this.modal = document.createElement("dialog"), this.modal.className = "axon-settings-modal", this.card = document.createElement("div"), this.card.className = "axon-settings-card", this.modal.appendChild(this.card), t.appendChild(this.modal), this.modal.addEventListener("close", () => {
       this.onCloseCallback && this.onCloseCallback();
     }), this.renderContent();
   }
@@ -1516,15 +1759,15 @@ class it {
     this.card.innerHTML = "";
     const t = document.createElement("h2");
     t.textContent = this.i18n.translate("settingsTitle");
-    const i = document.createElement("div");
-    i.className = "axon-setting-row";
-    const e = document.createElement("span");
-    e.textContent = this.i18n.translate("languageLabel");
+    const e = document.createElement("div");
+    e.className = "axon-setting-row";
+    const i = document.createElement("span");
+    i.textContent = this.i18n.translate("languageLabel");
     const s = document.createElement("div");
     s.className = "axon-select-wrapper";
     const a = document.createElement("select");
     a.className = "axon-select";
-    const c = {
+    const l = {
       es: "ESPAÑOL (ES)",
       en: "ENGLISH (EN)",
       fr: "FRANÇAIS (FR)",
@@ -1541,57 +1784,74 @@ class it {
       ko: "한국어 (KO)",
       zh: "中文 (ZH)"
     };
-    for (const u of k) {
-      const y = document.createElement("option");
-      y.value = u, y.textContent = c[u], this.i18n.getLanguage() === u && (y.selected = !0), a.appendChild(y);
+    for (const y of k) {
+      const g = document.createElement("option");
+      g.value = y, g.textContent = l[y], this.i18n.getLanguage() === y && (g.selected = !0), a.appendChild(g);
     }
     a.addEventListener("change", () => {
-      const u = a.value;
-      this.i18n.setLanguage(u), this.onLanguageChangedCallback && this.onLanguageChangedCallback(u), this.renderContent();
+      const y = a.value;
+      this.i18n.setLanguage(y), this.onLanguageChangedCallback && this.onLanguageChangedCallback(y), this.renderContent();
     });
-    const h = document.createElement("span");
-    h.className = "axon-select-arrow", h.textContent = "▼", s.appendChild(a), s.appendChild(h), i.appendChild(e), i.appendChild(s);
+    const r = document.createElement("span");
+    r.className = "axon-select-arrow", r.textContent = "▼", s.appendChild(a), s.appendChild(r), e.appendChild(i), e.appendChild(s);
     const n = document.createElement("div");
     n.className = "axon-setting-row";
     const o = document.createElement("span");
     o.textContent = this.i18n.translate("themeLabel");
-    const r = document.createElement("div");
-    r.className = "axon-toggle-group";
-    const l = [
+    const h = document.createElement("div");
+    h.className = "axon-toggle-group";
+    const c = [
       { id: "bioluminescent", label: "BIO" },
       { id: "dark", label: "DARK" },
       { id: "light", label: "LIGHT" }
     ];
-    for (const u of l) {
-      const y = document.createElement("button");
-      y.type = "button", y.className = `axon-toggle-btn ${this.themeManager.getTheme() === u.id ? "active" : ""}`, y.textContent = u.label, y.addEventListener("click", () => {
-        this.themeManager.setTheme(u.id), this.renderContent();
-      }), r.appendChild(y);
+    for (const y 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();
+      }), h.appendChild(g);
     }
-    n.appendChild(o), n.appendChild(r);
-    const p = document.createElement("div");
-    p.className = "axon-setting-row";
-    const f = document.createElement("span");
-    f.textContent = this.i18n.translate("hapticsLabel");
-    const g = document.createElement("div");
-    g.className = "axon-toggle-group";
-    const b = [
+    n.appendChild(o), n.appendChild(h);
+    const u = document.createElement("div");
+    u.className = "axon-setting-row";
+    const p = document.createElement("span");
+    p.textContent = this.i18n.translate("hapticsLabel");
+    const f = document.createElement("div");
+    f.className = "axon-toggle-group";
+    const T = [
       { enabled: !0, label: this.i18n.translate("hapticsOn") },
       { enabled: !1, label: this.i18n.translate("hapticsOff") }
     ];
-    for (const u of b) {
-      const y = document.createElement("button");
-      y.type = "button", y.className = `axon-toggle-btn ${this.hapticsEnabled === u.enabled ? "active" : ""}`, y.textContent = u.label, y.addEventListener("click", () => {
-        this.hapticsEnabled = u.enabled, localStorage.setItem("axon_surge_haptics", String(u.enabled)), this.hapticsEnabled && this.platform.haptics.selectionChanged(), this.renderContent();
-      }), g.appendChild(y);
+    for (const y of T) {
+      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();
+      }), f.appendChild(g);
     }
-    p.appendChild(f), p.appendChild(g);
+    u.appendChild(p), u.appendChild(f);
     const d = document.createElement("div");
-    d.className = "axon-settings-credits", d.textContent = this.i18n.translate("creditsJam");
-    const m = document.createElement("button");
-    m.type = "button", m.className = "axon-start-button", m.style.padding = "12px 36px", m.style.fontSize = "14px", m.textContent = this.i18n.translate("closeButton"), m.addEventListener("click", () => {
+    d.className = "axon-setting-row";
+    const m = document.createElement("span");
+    m.textContent = this.i18n.translate("tutorialSettingLabel");
+    const x = document.createElement("div");
+    x.className = "axon-toggle-group";
+    const L = localStorage.getItem("axon_surge_show_tutorial") !== "false", A = [
+      { enabled: !0, label: this.i18n.translate("hapticsOn") },
+      { enabled: !1, label: this.i18n.translate("hapticsOff") }
+    ];
+    for (const y 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();
+      }), x.appendChild(g);
+    }
+    d.appendChild(m), d.appendChild(x);
+    const b = document.createElement("div");
+    b.className = "axon-settings-credits", b.textContent = this.i18n.translate("creditsJam");
+    const M = document.createElement("button");
+    M.type = "button", M.className = "axon-start-button", M.style.padding = "12px 36px", M.style.fontSize = "14px", M.textContent = this.i18n.translate("closeButton"), M.addEventListener("click", () => {
       this.modal.close();
-    }), this.card.appendChild(t), this.card.appendChild(i), this.card.appendChild(n), this.card.appendChild(p), this.card.appendChild(d), this.card.appendChild(m);
+    }), this.card.appendChild(t), this.card.appendChild(e), this.card.appendChild(n), this.card.appendChild(u), this.card.appendChild(d), this.card.appendChild(b), this.card.appendChild(M);
   }
   isHapticsEnabled() {
     return this.hapticsEnabled;
@@ -1603,64 +1863,136 @@ class it {
     this.modal.close();
   }
 }
-const O = "axon-surge-onboarding-completed";
-class et {
-  container;
-  i18n;
-  hasCompleted = !1;
-  isStep1Done = !1;
-  constructor(t, i) {
-    this.i18n = i, this.container = document.createElement("div"), this.container.className = "axon-onboarding", this.container.style.display = "none", t.appendChild(this.container);
+const U = "axon_surge_show_tutorial";
+class ot {
+  isActive = !1;
+  showWarning = !1;
+  dummyLauncher = null;
+  dummyTarget = null;
+  initialLauncherPos = { x: 0, y: 0 };
+  initialTargetPos = { x: 0, y: 0 };
+  isTutorialEnabled() {
     try {
-      localStorage.getItem(O) === "true" && (this.hasCompleted = !0);
+      return localStorage.getItem(U) !== "false";
     } catch {
+      return !0;
     }
   }
-  isCompleted() {
-    return this.hasCompleted;
+  setTutorialEnabled(t) {
+    try {
+      localStorage.setItem(U, String(t));
+    } catch {
+    }
   }
-  showStep1() {
-    this.hasCompleted || this.isStep1Done || (this.container.innerHTML = `
-            <div class="axon-onboarding-hint">
-                <div class="axon-onboarding-text">${this.i18n.translate("grabInstruction")}</div>
-            </div>
-        `, this.container.style.display = "flex");
+  getLauncher() {
+    return this.dummyLauncher;
   }
-  showStep2() {
-    this.hasCompleted || (this.isStep1Done = !0, this.container.innerHTML = `
-            <div class="axon-onboarding-hint">
-                <div class="axon-onboarding-text">${this.i18n.translate("throwInstruction")}</div>
-            </div>
-        `, this.container.style.display = "flex");
+  getTarget() {
+    return this.dummyTarget;
   }
-  complete() {
-    this.hasCompleted = !0, this.container.style.display = "none";
-    try {
-      localStorage.setItem(O, "true");
-    } catch {
+  getStep() {
+    return this.dummyLauncher && (this.dummyLauncher.isGrabbed || this.dummyLauncher.wasManipulated) ? 2 : 1;
+  }
+  start(t, e, i) {
+    if (!this.isTutorialEnabled()) {
+      this.isActive = !1;
+      return;
+    }
+    this.isActive = !0, this.showWarning = !1, i.length = 0, this.initialLauncherPos = { x: t * 0.28, y: e * 0.28 }, this.initialTargetPos = { x: t * 0.72, y: e * 0.28 }, this.dummyLauncher = S.createEnemy(
+      "piercer",
+      this.initialLauncherPos,
+      this.initialTargetPos
+    ), this.dummyLauncher.velocity = { x: 0, y: 0 }, this.dummyTarget = S.createEnemy(
+      "spore",
+      this.initialTargetPos,
+      this.initialLauncherPos
+    ), this.dummyTarget.velocity = { x: 0, y: 0 }, i.push(this.dummyLauncher), i.push(this.dummyTarget);
+  }
+  update(t, e, i, s, a, l) {
+    if (!this.isActive || !this.dummyLauncher || !this.dummyTarget) return;
+    const r = this.dummyLauncher, n = this.dummyTarget;
+    e.includes(r) || e.push(r), e.includes(n) || e.push(n);
+    const o = n.position.x - r.position.x, h = n.position.y - r.position.y, c = Math.hypot(o, h);
+    if (r.isGrabbed) {
+      if (this.showWarning = !1, c <= r.radius + n.radius + 60) {
+        l && l(), r.isGrabbed = !1, this.showWarning = !0, this.resetDummies(r, n);
+        return;
+      }
+      return;
+    }
+    if (r.wasManipulated) {
+      const u = Math.hypot(r.velocity.x, r.velocity.y);
+      if (!r.isThrown || u < 70) {
+        l && l(), this.showWarning = !0, this.resetDummies(r, n);
+        return;
+      }
+      if (c <= r.getHitRadius() + n.getHitRadius()) {
+        r.triggerDissolveDeath(), n.triggerDissolveDeath(), this.showWarning = !1, this.isActive = !1, a();
+        return;
+      }
+      (r.position.x < -60 || r.position.x > i + 60 || r.position.y < -60 || r.position.y > s + 60 || u < 40) && (l && l(), this.showWarning = !0, this.resetDummies(r, n));
     }
   }
-  reset() {
-    this.hasCompleted || (this.isStep1Done = !1, this.container.style.display = "none");
+  resetDummies(t, e) {
+    t.reset(), e.reset(), t.position = { ...this.initialLauncherPos }, t.velocity = { x: 0, y: 0 }, t.active = !0, e.position = { ...this.initialTargetPos }, e.velocity = { x: 0, y: 0 }, e.active = !0;
+  }
+  complete() {
+    this.isActive = !1, this.showWarning = !1;
   }
 }
-class st {
+class rt {
+  container;
+  i18n;
+  tutorialManager;
+  bannerElement;
+  textElement;
+  checkboxElement;
+  currentStep = 1;
+  constructor(t, e, i) {
+    this.i18n = e, this.tutorialManager = i, this.container = document.createElement("div"), this.container.className = "axon-tutorial-overlay", this.container.style.display = "none", t.appendChild(this.container), this.render();
+  }
+  render() {
+    this.container.innerHTML = "", this.bannerElement = document.createElement("div"), this.bannerElement.className = "axon-tutorial-banner", this.textElement = document.createElement("div"), this.textElement.className = "axon-tutorial-text", this.updateBannerContent(), this.bannerElement.appendChild(this.textElement);
+    const t = document.createElement("label");
+    t.className = "axon-tutorial-checkbox-label", this.checkboxElement = document.createElement("input"), this.checkboxElement.type = "checkbox", this.checkboxElement.className = "axon-tutorial-checkbox", this.checkboxElement.checked = !this.tutorialManager.isTutorialEnabled(), this.checkboxElement.addEventListener("change", () => {
+      this.tutorialManager.setTutorialEnabled(!this.checkboxElement.checked);
+    });
+    const e = document.createElement("span");
+    e.textContent = this.i18n.translate("dontShowTutorialLabel"), t.appendChild(this.checkboxElement), t.appendChild(e), this.container.appendChild(this.bannerElement), this.container.appendChild(t);
+  }
+  updateBannerContent() {
+    !this.bannerElement || !this.textElement || (this.tutorialManager.showWarning ? (this.bannerElement.classList.add("axon-tutorial-banner-warning"), this.textElement.textContent = this.i18n.translate("tutorialDragWarning")) : (this.bannerElement.classList.remove("axon-tutorial-banner-warning"), this.textElement.textContent = this.currentStep === 1 ? this.i18n.translate("tutorialStep1Text") : this.i18n.translate("tutorialStep2Text")));
+  }
+  updateStep(t) {
+    this.currentStep = t, this.updateBannerContent();
+  }
+  updateLanguage() {
+    this.render();
+  }
+  show() {
+    this.currentStep = 1, this.render(), this.container.style.display = "flex";
+  }
+  hide() {
+    this.container.style.display = "none";
+  }
+}
+class ht {
   fillElement;
   killsCount = 0;
   currentLevel = 1;
   onLevelUpCallback;
-  constructor(t, i) {
-    this.onLevelUpCallback = i;
-    const e = document.createElement("div");
-    e.className = "axon-hud-level-track", this.fillElement = document.createElement("div"), this.fillElement.className = "axon-hud-level-fill", e.appendChild(this.fillElement), t.appendChild(e);
+  constructor(t, e) {
+    this.onLevelUpCallback = e;
+    const i = document.createElement("div");
+    i.className = "axon-hud-level-track", this.fillElement = document.createElement("div"), this.fillElement.className = "axon-hud-level-fill", i.appendChild(this.fillElement), t.appendChild(i);
   }
   getKillsRequiredForLevel(t) {
     return 16 + (t - 1) * 6;
   }
   addKill() {
     this.killsCount++;
-    const t = this.getKillsRequiredForLevel(this.currentLevel), i = Math.min(100, this.killsCount / t * 100);
-    this.fillElement.style.width = `${i}%`, this.killsCount >= t && (this.currentLevel++, this.killsCount = 0, this.fillElement.style.width = "0%", this.onLevelUpCallback && this.onLevelUpCallback(this.currentLevel));
+    const t = this.getKillsRequiredForLevel(this.currentLevel), e = Math.min(100, this.killsCount / t * 100);
+    this.fillElement.style.width = `${e}%`, this.killsCount >= t && (this.currentLevel++, this.killsCount = 0, this.fillElement.style.width = "0%", this.onLevelUpCallback && this.onLevelUpCallback(this.currentLevel));
   }
   getLevel() {
     return this.currentLevel;
@@ -1675,18 +2007,18 @@ class st {
     this.fillElement && this.fillElement.parentElement && (this.fillElement.parentElement.style.display = "none");
   }
 }
-class at {
+class lt {
   haptics = {
     impact: async (t) => {
       if ("vibrate" in navigator) {
-        const i = t === "light" ? 10 : t === "medium" ? 25 : 40;
-        navigator.vibrate(i);
+        const e = t === "light" ? 10 : t === "medium" ? 25 : 40;
+        navigator.vibrate(e);
       }
     },
     notification: async (t) => {
       if ("vibrate" in navigator) {
-        const i = t === "error" ? [30, 40, 30] : [20, 20];
-        navigator.vibrate(i);
+        const e = t === "error" ? [30, 40, 30] : [20, 20];
+        navigator.vibrate(e);
       }
     },
     selectionChanged: async () => {
@@ -1715,7 +2047,7 @@ class at {
     }
   };
 }
-class nt {
+class ct {
   container;
   canvas;
   i18n;
@@ -1731,7 +2063,8 @@ class nt {
   hud;
   startMenu;
   settingsModal;
-  onboarding;
+  interactiveTutorial;
+  tutorialOverlay;
   progressBar;
   core;
   enemies = [];
@@ -1745,23 +2078,22 @@ class nt {
   combo = { value: 0 };
   isRunning = !1;
   isPaused = !1;
-  firstPlay = !0;
   constructor(t) {
-    this.container = t.root, this.container.classList.add("axon-game-root"), this.i18n = new J(t.language), this.themeManager = new q(t.theme), this.platform = t.platform || new at(), 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 G(), this.core = new U(this.canvas.width / 2, this.canvas.height / 2), this.inputManager = new H(this.canvas), this.physicsEngine = new z(this.eventBus, this.i18n), this.waveDirector = new _(), this.renderer = new Q(this.canvas, this.themeManager), this.juice = new F(), this.settingsModal = new it(
+    this.container = t.root, this.container.classList.add("axon-game-root"), this.i18n = new Y(t.language), this.themeManager = new j(t.theme, this.container), 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 B(), this.core = new K(this.canvas.width / 2, this.canvas.height / 2), this.inputManager = new W(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 F(), this.settingsModal = new nt(
       this.container,
       this.i18n,
       this.themeManager,
       this.platform,
-      (i) => this.onLanguageChanged(i),
+      (e) => this.onLanguageChanged(e),
       () => {
         this.isPaused = !1;
       }
-    ), this.onboarding = new et(this.container, this.i18n), this.hud = new j(this.container, this.i18n, () => {
+    ), this.interactiveTutorial = new ot(), this.tutorialOverlay = new rt(this.container, this.i18n, this.interactiveTutorial), this.hud = new st(this.container, this.i18n, () => {
       this.isPaused = !0, this.settingsModal.show();
-    }), this.hud.show(), this.progressBar = new st(this.hud.progressSlot, (i) => {
-      this.waveDirector.wave = i;
-    }), this.startMenu = new tt(this.container, this.i18n, () => this.startGame()), this.initAmbientArena(), this.gameLoop = new B(
-      (i) => this.update(i),
+    }), this.hud.show(), this.progressBar = new ht(this.hud.progressSlot, (e) => {
+      this.waveDirector.wave = e;
+    }), this.startMenu = new at(this.container, this.i18n, () => this.startGame()), this.initAmbientArena(), this.gameLoop = new H(
+      (e) => this.update(e),
       () => this.render()
     ), this.setupEvents(), this.gameLoop.start();
   }
@@ -1772,46 +2104,47 @@ class nt {
     this.themeManager.setTheme(t);
   }
   onLanguageChanged(t) {
-    this.startMenu.renderContent(), this.hud.renderLabels();
+    this.startMenu.renderContent(), this.hud.renderLabels(), this.tutorialOverlay.updateLanguage();
   }
   initAmbientArena() {
     this.ambientEnemies = [];
     const t = ["piercer", "spore", "cluster", "parasite"];
-    for (let i = 0; i < 16; i++) {
-      const e = t[i % t.length], s = i * Math.PI * 2 / 16, a = 180 + Math.random() * 220, c = {
+    for (let e = 0; e < 16; e++) {
+      const i = t[e % t.length], s = e * Math.PI * 2 / 16, a = 180 + Math.random() * 220, l = {
         x: this.canvas.width / 2 + Math.cos(s) * a,
         y: this.canvas.height / 2 + Math.sin(s) * a
-      }, h = L.createEnemy(e, c, {
-        x: c.x + Math.sin(s) * 100,
-        y: c.y - Math.cos(s) * 100
+      }, r = S.createEnemy(i, l, {
+        x: l.x + Math.sin(s) * 100,
+        y: l.y - Math.cos(s) * 100
       });
-      this.ambientEnemies.push(h);
+      this.ambientEnemies.push(r);
     }
   }
   resizeCanvas() {
-    this.canvas.width = this.container.clientWidth || window.innerWidth, this.canvas.height = this.container.clientHeight || window.innerHeight, this.core && (this.core.position = { x: this.canvas.width / 2, y: this.canvas.height / 2 });
+    const t = this.container.clientWidth || window.innerWidth, e = this.container.clientHeight || window.innerHeight, i = 1100, s = 750, a = t / Math.max(1, e);
+    a < 1 ? (this.canvas.width = i, this.canvas.height = Math.round(i / a)) : t < 1e3 || e < s ? (this.canvas.height = s, this.canvas.width = Math.round(s * a)) : (this.canvas.width = t, this.canvas.height = e), this.core && (this.core.position = { x: this.canvas.width / 2, y: this.canvas.height / 2 });
   }
   setupEvents() {
     this.eventBus.on("onCoreDamaged", () => {
       this.settingsModal.isHapticsEnabled() && this.platform.haptics.notification("error");
     }), this.eventBus.on("onGameOver", () => {
-      this.isRunning = !1, this.onboarding.complete(), this.progressBar.hide(), this.initAmbientArena(), this.startMenu.show();
+      this.isRunning = !1, this.tutorialOverlay.hide(), this.progressBar.hide(), this.initAmbientArena(), this.startMenu.show();
     });
-    const t = () => {
+    const t = (i = !1) => {
       if (!this.isRunning || this.isPaused) return;
-      this.inputManager.tryGrab(this.enemies) && (this.firstPlay && !this.onboarding.isCompleted() && this.onboarding.showStep2(), this.settingsModal.isHapticsEnabled() && this.platform.haptics.impact("light"));
-    }, i = () => {
+      this.inputManager.tryGrab(this.enemies, i) && this.settingsModal.isHapticsEnabled() && this.platform.haptics.impact("light");
+    }, e = () => {
       if (!this.isRunning || this.isPaused) return;
-      this.inputManager.releaseAndThrow() && (this.firstPlay && (this.onboarding.complete(), this.firstPlay = !1), this.settingsModal.isHapticsEnabled() && this.platform.haptics.impact("medium"));
+      this.inputManager.releaseAndThrow() && this.settingsModal.isHapticsEnabled() && this.platform.haptics.impact("medium");
     };
-    this.canvas.addEventListener("mousedown", (e) => {
-      e.button === 0 && t();
-    }), this.canvas.addEventListener("mouseup", (e) => {
-      e.button === 0 && i();
-    }), this.canvas.addEventListener("touchstart", t, { passive: !0 }), this.canvas.addEventListener("touchend", i, { passive: !0 }), this.canvas.addEventListener("touchcancel", i, { passive: !0 });
+    this.canvas.addEventListener("mousedown", (i) => {
+      i.button === 0 && t(!1);
+    }), this.canvas.addEventListener("mouseup", (i) => {
+      i.button === 0 && e();
+    }), this.canvas.addEventListener("touchstart", () => t(!0), { passive: !0 }), this.canvas.addEventListener("touchend", e, { passive: !0 }), this.canvas.addEventListener("touchcancel", e, { passive: !0 });
   }
   startGame() {
-    this.score.value = 0, this.combo.value = 0, this.enemies = [], this.ambientEnemies = [], this.pools = [], this.vortices = [], this.shockwaves = [], this.particles = [], this.floatingTexts = [], this.core.reset(this.canvas.width / 2, this.canvas.height / 2), this.waveDirector.reset(), this.inputManager.reset(), this.hud.show(), this.hud.update(1, 0), this.progressBar.reset(), this.progressBar.show(), this.isPaused = !1, this.isRunning = !0, this.firstPlay && this.onboarding.showStep1();
+    this.score.value = 0, this.combo.value = 0, this.enemies = [], this.ambientEnemies = [], this.pools = [], this.vortices = [], this.shockwaves = [], this.particles = [], this.floatingTexts = [], this.core.reset(this.canvas.width / 2, this.canvas.height / 2), this.waveDirector.reset(), this.inputManager.reset(), this.hud.show(), this.hud.update(1, 0), this.progressBar.reset(), this.progressBar.show(), this.isPaused = !1, this.isRunning = !0, this.interactiveTutorial.isTutorialEnabled() ? (this.interactiveTutorial.start(this.canvas.width, this.canvas.height, this.enemies), this.tutorialOverlay.show()) : (this.interactiveTutorial.isActive = !1, this.tutorialOverlay.hide());
   }
   update(t) {
     if (this.core.update(t), !this.isRunning || this.isPaused) {
@@ -1819,14 +2152,28 @@ class nt {
         e.update(t), e.position.x < -40 && (e.position.x = this.canvas.width + 40), e.position.x > this.canvas.width + 40 && (e.position.x = -40), e.position.y < -40 && (e.position.y = this.canvas.height + 40), e.position.y > this.canvas.height + 40 && (e.position.y = -40);
       return;
     }
-    const i = this.waveDirector.update(
-      t,
-      this.enemies,
-      this.canvas.width,
-      this.canvas.height,
-      this.core.position
-    );
-    i && this.enemies.push(i), this.juice.hitstopTime <= 0 && this.physicsEngine.update(
+    if (this.interactiveTutorial.isActive)
+      this.interactiveTutorial.update(
+        t,
+        this.enemies,
+        this.canvas.width,
+        this.canvas.height,
+        () => {
+          this.tutorialOverlay.hide();
+        },
+        () => this.inputManager.forceRelease()
+      ), this.tutorialOverlay.updateStep(this.interactiveTutorial.getStep());
+    else {
+      const e = this.waveDirector.update(
+        t,
+        this.enemies,
+        this.canvas.width,
+        this.canvas.height,
+        this.core.position
+      );
+      e && this.enemies.push(e);
+    }
+    this.juice.hitstopTime <= 0 && this.physicsEngine.update(
       t,
       this.core,
       this.enemies,
@@ -1841,7 +2188,7 @@ class nt {
       this.canvas.width,
       this.canvas.height,
       () => this.progressBar.addKill()
-    ), this.hud.update(this.progressBar.getLevel(), this.combo.value), this.juice.update(t, this.floatingTexts, this.particles);
+    ), this.hud.update(this.progressBar.getLevel(), this.combo.value), this.juice.update(t, this.floatingTexts, this.particles), this.enemies = this.enemies.filter((e) => e.active);
   }
   render() {
     const t = this.isRunning ? this.enemies : this.ambientEnemies;
@@ -1855,18 +2202,20 @@ class nt {
       this.floatingTexts,
       this.juice,
       this.inputManager.grabbedEnemy,
-      this.inputManager.pointerPosition
+      this.inputManager.pointerPosition,
+      this.progressBar.getLevel(),
+      this.interactiveTutorial.isActive ? this.interactiveTutorial : void 0
     );
   }
 }
-function ot(x) {
-  return new nt(x);
+function dt(E) {
+  return new ct(E);
 }
 export {
-  at as BrowserPlatform,
-  nt as GameEngine,
+  lt as BrowserPlatform,
+  ct as GameEngine,
   k as LANGUAGES,
-  q as ThemeManager,
-  ot as createAxonSurge,
-  V as isLanguage
+  j as ThemeManager,
+  dt as createAxonSurge,
+  R as isLanguage
 };