/**** 
* Classes
****/ 
// AimingJoystick class
var AimingJoystick = Container.expand(function () {
	var self = Container.call(this);
	var joystickBackground = self.attachAsset('joystickBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var joystickHandle = self.attachAsset('joystickHandle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.x = roomWidth - joystickBackground.width / 2 - 100; // Use roomWidth
	self.y = roomHeight - joystickBackground.height / 2 - 100; // Use roomHeight
	var maxRadius = 100;
	var isDragging = false;
	self.down = function (x, y, obj) {
		isDragging = true;
	};
	self.up = function (x, y, obj) {
		isDragging = false;
		joystickHandle.x = 0;
		joystickHandle.y = 0;
	};
	self.move = function (x, y, obj) {
		if (isDragging && !isPopupActive && !isSkillDetailPopupActive) {
			// Check both flags
			var localPos = self.toLocal(obj.global);
			var dx = localPos.x;
			var dy = localPos.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			if (distance > maxRadius) {
				var angle = Math.atan2(dy, dx);
				dx = maxRadius * Math.cos(angle);
				dy = maxRadius * Math.sin(angle);
			}
			joystickHandle.x = dx;
			joystickHandle.y = dy;
		}
	};
	self.getDirection = function () {
		var magnitude = Math.sqrt(joystickHandle.x * joystickHandle.x + joystickHandle.y * joystickHandle.y);
		if (magnitude > 0) {
			return {
				x: joystickHandle.x / magnitude,
				y: joystickHandle.y / magnitude
			};
		}
		return {
			x: 0,
			y: 0
		};
	};
	self.getRotation = function () {
		if (joystickHandle.x === 0 && joystickHandle.y === 0) {
			return null;
		} // No direction
		return Math.atan2(joystickHandle.y, joystickHandle.x);
	};
	self.hasInput = function () {
		return joystickHandle.x !== 0 || joystickHandle.y !== 0;
	};
	return self;
});
// --- Arrow Class (Modified) ---
var Arrow = Container.expand(function () {
	var self = Container.call(this);
	self.attachAsset('arrow', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 15;
	self.baseDamage = 5; // Base damage before hero bonuses
	self.damageType = DamageType.PHYSICAL; // Default damage type for arrows
	self.critChance = 0; // Inherit from hero later
	self.critDamage = 1.5; // Inherit from hero later
	self.update = function () {
		self.x += Math.cos(self.rotation) * self.speed;
		self.y += Math.sin(self.rotation) * self.speed;
		// Check bounds
		if (self.x < 0 || self.x > roomWidth || self.y < 0 || self.y > roomHeight) {
			self.destroy();
		}
	};
	// Overload destroy to ensure removal from array
	var originalDestroy = self.destroy;
	self.destroy = function () {
		var index = arrows.indexOf(self);
		if (index > -1) {
			arrows.splice(index, 1);
		}
		if (originalDestroy) {
			originalDestroy.call(self);
		} else if (self.parent) {
			self.parent.removeChild(self);
		}
	};
	return self;
});
// BackButton class (for skill tree navigation)
var BackButton = Container.expand(function () {
	var self = Container.call(this);
	self.attachAsset('backButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 2,
		scaleY: 2
	});
	self.x = 150;
	self.y = 350; // Position might need adjustment depending on layout
	self.down = function () {
		if (self.parent) {
			menuContainer.removeChild(self.parent); // Remove the specific tree popup
		}
		menuContainer.addChild(skillTreePopup); // Add main selection screen back
		isPopupActive = true; // Main tree is still a popup
		isSkillDetailPopupActive = false; // Ensure detail flag is off
	};
	return self;
});
// --- Base Entity Class (NEW - Parent for Hero and BaseEnemy) ---
// Contains shared stats logic
var BaseEntity = Container.expand(function () {
	var self = Container.call(this);
	// --- Core Stats ---
	self.health = 100;
	self.maxHealth = 100;
	self.energy = 50; // Optional resource
	self.maxEnergy = 50;
	self.energyRegen = 0.5; // Per second? Per frame? TBD
	self.armor = 10; // Reduces Physical Damage
	self.magicResist = 5; // Reduces non-physical Damage
	self.movementSpeed = 3; // Base speed multiplier
	self.attackSpeed = 1.0; // Multiplier (1.0 = 100%)
	self.damageBonus = 0; // Percentage bonus (e.g., 0.1 for +10%)
	self.critChance = 0.05; // 5% base crit chance
	self.critDamage = 1.5; // 150% damage on crit
	self.dodgeChance = 0.0; // 0% base dodge
	self.lifeSteal = 0.0;
	self.thorns = 0; // Flat damage reflected
	self.skillCooldownReduction = 0.0; // Percentage (0.1 for 10%)
	// --- Resistances (as percentages, 0.1 = 10%) ---
	self.fireResist = 0.0;
	self.iceResist = 0.0;
	self.lightningResist = 0.0;
	self.poisonResist = 0.0;
	self.shadowResist = 0.0;
	self.chaosResist = 0.0;
	// --- Modifiers (Buffs/Debuffs) ---
	self.activeModifiers = []; // Stores { stat, value, duration, isPercentage, source }
	// --- Stat Calculation Helpers ---
	self.getStat = function (statName) {
		var baseValue = self[statName] || 0;
		var additiveBonus = 0;
		var multiplicativeBonus = 1.0;
		// Apply active modifiers
		self.activeModifiers.forEach(function (mod) {
			if (mod.stat === statName) {
				if (mod.isPercentage) {
					multiplicativeBonus += mod.value;
				} else {
					additiveBonus += mod.value;
				}
			}
		});
		// Calculate final value: (Base + Flat Bonuses) * Multiplicative Bonuses
		var finalValue = (baseValue + additiveBonus) * multiplicativeBonus;
		// --- Clamping specific stats ---
		if (statName === 'critChance' || statName === 'dodgeChance' || statName === 'skillCooldownReduction' || statName.includes('Resist')) {
			finalValue = Math.max(0, Math.min(finalValue, 1.0)); // Clamp percentages between 0% and 100% (or higher if needed for resists?)
		}
		if (statName === 'attackSpeed') {
			finalValue = Math.max(0.1, finalValue); // Ensure attack speed doesn't go below a certain threshold
		}
		if (statName === 'movementSpeed') {
			finalValue = Math.max(0.5, finalValue); // Ensure move speed doesn't go too low
		}
		return finalValue;
	};
	// --- Modifier Management ---
	self.applyStatModifier = function (stat, value, duration, isPercentage, source) {
		var modifier = {
			id: LK.Utils.uuid(),
			// Assuming LK engine has a UUID generator, otherwise use timestamp or simple counter
			stat: stat,
			value: value,
			duration: duration,
			// In frames (assuming 60fps)
			isPercentage: isPercentage,
			source: source || 'unknown'
		};
		self.activeModifiers.push(modifier);
		// Optionally add visual effect start here
	};
	self.removeStatModifier = function (modifierId) {
		var index = self.activeModifiers.findIndex(function (mod) {
			return mod.id === modifierId;
		});
		if (index > -1) {
			// Optionally add visual effect end here
			self.activeModifiers.splice(index, 1);
		}
	};
	self.updateModifiers = function () {
		for (var i = self.activeModifiers.length - 1; i >= 0; i--) {
			var mod = self.activeModifiers[i];
			mod.duration--;
			if (mod.duration <= 0) {
				self.removeStatModifier(mod.id);
			}
		}
	};
	// --- Damage Calculation Logic ---
	/** 
	* Calculates the actual damage taken after considering defenses.
	* @param {number} amount - The raw incoming damage amount.
	* @param {string} damageType - The type of damage (from DamageType enum).
	* @param {object} attackerStats - Optional stats of the attacker (for effects like penetration).
	* @returns {number} The effective damage amount.
	*/ 
	self.calculateDamageTaken = function (amount, damageType, attackerStats) {
		if (damageType === DamageType.TRUE) {
			return amount;
		}
		if (damageType === DamageType.HEALING) {
			return -amount; // Represent healing as negative damage
		}
		var effectiveDamage = amount;
		var resistance = 0;
		var defense = 0; // For armor/magic resist calculation
		switch (damageType) {
			case DamageType.PHYSICAL:
				// Armor calculation (example: reduces damage by a percentage based on armor value)
				// Formula needs tuning: e.g., Damage * (1 - Armor / (Armor + 100))
				defense = self.getStat('armor');
				effectiveDamage *= 1 - defense / (defense + 100); // Example formula
				resistance = self.getStat('physicalResist') || 0; // Though often just Armor
				break;
			case DamageType.FIRE:
				resistance = self.getStat('fireResist');
				defense = self.getStat('magicResist');
				break;
			case DamageType.ICE:
				resistance = self.getStat('iceResist');
				defense = self.getStat('magicResist');
				break;
			case DamageType.LIGHTNING:
				resistance = self.getStat('lightningResist');
				defense = self.getStat('magicResist');
				break;
			case DamageType.POISON:
				resistance = self.getStat('poisonResist');
				defense = self.getStat('magicResist');
				break;
			case DamageType.SHADOW:
				resistance = self.getStat('shadowResist');
				defense = self.getStat('magicResist');
				break;
			case DamageType.CHAOS:
				resistance = self.getStat('chaosResist');
				defense = self.getStat('magicResist'); // Chaos typically uses magic resist
				break;
			default:
				// Unknown type, assume magic resist applies
				resistance = 0;
				defense = self.getStat('magicResist');
				break;
		}
		// Apply Magic Resist if applicable (non-physical, non-true, non-healing)
		if (damageType !== DamageType.PHYSICAL && defense > 0) {
			effectiveDamage *= 1 - defense / (defense + 100); // Same formula as armor, adjust as needed
		}
		// Apply specific elemental/type resistance (percentage reduction)
		effectiveDamage *= 1 - resistance;
		// --- TODO: Implement attacker penetration stats if needed ---
		// Example: effectiveArmor = Math.max(0, defense - (attackerStats?.armorPenetration || 0));
		// Example: effectiveResistance = Math.max(0, resistance - (attackerStats?.resistancePenetration || 0));
		return Math.max(0, effectiveDamage); // Damage cannot be negative (unless healing)
	};
	/** 
	* Calculates the final outgoing damage of an attack.
	* @param {number} baseAmount - The base damage of the weapon/skill.
	* @param {string} damageType - The type of damage.
	* @returns {object} { damage: number, isCrit: boolean }
	*/ 
	self.calculateOutgoingDamage = function (baseAmount, damageType) {
		var finalDamage = baseAmount;
		var isCrit = false;
		// Apply general damage bonus
		finalDamage *= 1 + self.getStat('damageBonus');
		// --- TODO: Apply specific damage type bonuses (e.g., +Fire Damage %) ---
		// Example: if(damageType === DamageType.FIRE) finalDamage *= (1 + self.getStat('fireDamageBonus'));
		// Check for critical hit
		var critChance = self.getStat('critChance');
		if (Math.random() < critChance) {
			isCrit = true;
			var critMultiplier = self.getStat('critDamage');
			finalDamage *= critMultiplier;
			// console.log("CRIT!"); // Debug
		}
		return {
			damage: Math.max(0, finalDamage),
			isCrit: isCrit
		};
	};
	// --- Take Damage Method ---
	/** 
	* Applies damage to the entity after calculating defenses.
	* @param {number} amount - The raw incoming damage amount.
	* @param {string} damageType - The type of damage.
	* @param {object} source - Optional: The entity that dealt the damage (for thorns, logs, etc.).
	*/ 
	self.takeDamage = function (amount, damageType, source) {
		if (!self.active) {
			return;
		} // Don't take damage if inactive/dead
		// Dodge Check (only against damaging types)
		if (damageType !== DamageType.HEALING && damageType !== DamageType.TRUE) {
			var dodgeChance = self.getStat('dodgeChance');
			if (Math.random() < dodgeChance) {
				// console.log("DODGED!"); // Debug
				// --- TODO: Add dodge visual/sound effect ---
				return; // Take no damage
			}
		}
		var effectiveDamage = self.calculateDamageTaken(amount, damageType, source === null || source === void 0 ? void 0 : source.stats); // Pass source stats if available
		// Apply Healing (negative effective damage) or Damage
		self.health -= effectiveDamage;
		// console.log(self.constructor.name + " took " + effectiveDamage.toFixed(2) + " " + damageType + " damage. HP left: " + self.health.toFixed(2)); // Debug
		// Clamp health
		self.health = Math.min(self.health, self.getStat('maxHealth')); // Cannot heal above max health
		if (self.health <= 0) {
			self.health = 0;
			self.die(source); // Pass source to die method if needed
		}
		// --- TODO: Add Thorns logic here ---
		// if (damageType !== DamageType.HEALING && damageType !== DamageType.TRUE && source && source.takeDamage) {
		//     var thornDamage = self.getStat('thorns');
		//     if (thornDamage > 0) {
		//          source.takeDamage(thornDamage, DamageType.PHYSICAL, self); // Thorns usually physical
		//     }
		// }
		// --- TODO: Add visual feedback (hit flash, damage numbers) ---
		// Update UI (if this is the hero) - This should be handled externally ideally
		if (self === hero) {
			updateRoomDisplay();
		}
	};
	// --- Die Method (placeholder, to be implemented by children) ---
	self.die = function (killer) {
		console.log(self.constructor.name + " died.");
		self.active = false;
		// Base cleanup, specific logic in Hero/BaseEnemy
		if (self.parent) {
			self.parent.removeChild(self);
		}
	};
	// --- Base Update (Handles Modifier Timers) ---
	var originalUpdate = self.update; // Store potential existing update
	self.update = function () {
		if (!self.active) {
			return;
		}
		self.updateModifiers(); // Update durations and remove expired buffs/debuffs
		// Call original update logic if it existed
		if (originalUpdate) {
			originalUpdate.call(self);
		}
	};
	return self;
});
// --- Hero Class (Modified - Inherits from BaseEntity) ---
var Hero = BaseEntity.expand(function () {
	var self = BaseEntity.call(this);
	// <<< Inherit from BaseEntity
	// --- Graphics Setup ---
	var heroGraphics = self.attachAsset('hero', {
		// CHANGE TO 'hero_topdown' when asset is ready
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.swordGraphics = heroGraphics.addChild(LK.getAsset('sword', {
		anchorX: 0.5,
		anchorY: 0.5
	}));
	self.swordGraphics.x = heroGraphics.width / 2 + 20; // Adjust positioning if needed
	self.swordGraphics.y = 0;
	self.bowGraphics = self.attachAsset('bow', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.bowGraphics.x = heroGraphics.width / 2; // Adjust position as needed
	self.bowGraphics.visible = false;
	// --- Hero Specific Stats & Properties ---
	self.health = 100; // Starting health
	self.maxHealth = 100;
	self.energy = 50; // Starting energy
	self.maxEnergy = 50;
	self.energyRegen = 1.0; // Per second? Needs timing implementation
	self.armor = 5;
	self.magicResist = 5;
	self.movementSpeed = 3.0; // Base speed
	self.attackSpeed = 1.0; // Base attack speed multiplier
	self.damageBonus = 0.0; // Base damage bonus %
	self.critChance = 0.05; // Base crit chance
	self.critDamage = 1.5; // Base crit damage multiplier
	self.dodgeChance = 0.0; // Base dodge chance
	self.lifeSteal = 0.0;
	self.thorns = 0;
	self.skillCooldownReduction = 0.0;
	// Resistances (start at 0)
	self.fireResist = 0.0;
	self.iceResist = 0.0;
	self.lightningResist = 0.0;
	self.poisonResist = 0.0;
	self.shadowResist = 0.0;
	self.chaosResist = 0.0;
	// --- Combat State ---
	self.attackCooldown = 0;
	self.isAttacking = false; // Specifically for sword swing state
	self.attackDuration = 20; // Duration of sword swing animation (frames)
	self.attackDurationCounter = 0;
	self.weaponType = 1; // 1: Sword, 2: Bow
	// Base weapon stats (can be overridden by equipped weapon later)
	self.swordBaseDamage = 10;
	self.swordRange = 75; // Increased range slightly
	self.swordAttackSpeedFrames = 45; // Base cooldown frames
	self.bowBaseDamage = 8;
	self.bowAttackSpeedFrames = 30; // Base cooldown frames
	// --- References & Flags ---
	self.joystick = null;
	self.aimingJoystick = null;
	self.facingDirection = 0;
	self.canExitRoom = false;
	self.active = true; // Hero is active by default
	// --- Recalculate Stats (Call this after spending skill points) ---
	self.recalculateStats = function () {
		// This function will be expanded later to apply skill bonuses
		// For now, it doesn't do much but is a placeholder for applying passive skills
		console.log("Recalculating Hero Stats (Not Implemented Yet)");
		// Example: self.maxHealth = BASE_MAX_HEALTH + getSkillBonus('BonusHealth');
		// Example: self.critChance = BASE_CRIT_CHANCE + getSkillBonus('DataSpike');
	};
	// --- takeDamage is now inherited from BaseEntity ---
	// self.takeDamage = function (amount) { ... }; // Removed, uses BaseEntity's now
	// --- Die Method (Overrides BaseEntity's) ---
	self.die = function (killer) {
		if (self.active) {
			console.log("HERO DIED");
			self.active = false; // Mark as inactive
			BaseEntity.prototype.die.call(self, killer); // Call parent for basic cleanup (removes from parent)
			LK.showGameOver(); // Handle death
		}
	};
	// --- Update Method (Overrides BaseEntity Update) ---
	self.update = function () {
		BaseEntity.prototype.update.call(self); // <<< CALL PARENT UPDATE FIRST (for modifiers)
		if (!self.active) {
			return;
		} // Use self.active flag
		// --- Movement ---
		var moveDirection = self.joystick ? self.joystick.getDirection() : {
			x: 0,
			y: 0
		};
		var currentMoveSpeed = self.getStat('movementSpeed'); // Get calculated speed
		var nextX = self.x + moveDirection.x * currentMoveSpeed;
		var nextY = self.y + moveDirection.y * currentMoveSpeed;
		// --- Wall Collision & Room Transition Check ---
		var onEntrance = false;
		// --- [Wall collision logic remains the same] ---
		if (nextX < wallThickness) {
			if (nextY >= entrances.left.yStart && nextY <= entrances.left.yEnd) {
				onEntrance = true;
			} else {
				nextX = wallThickness;
			}
		} else if (nextX > roomWidth - wallThickness) {
			if (nextY >= entrances.right.yStart && nextY <= entrances.right.yEnd) {
				onEntrance = true;
			} else {
				nextX = roomWidth - wallThickness;
			}
		}
		if (nextY < wallThickness) {
			if (nextX >= entrances.top.xStart && nextX <= entrances.top.xEnd) {
				onEntrance = true;
			} else {
				nextY = wallThickness;
			}
		} else if (nextY > roomHeight - wallThickness) {
			if (nextX >= entrances.bottom.xStart && nextX <= entrances.bottom.xEnd) {
				onEntrance = true;
			} else {
				nextY = roomHeight - wallThickness;
			}
		}
		self.x = nextX;
		self.y = nextY;
		// Handle Room Transition
		if (self.canExitRoom && onEntrance) {
			// --- [Transition logic remains the same] ---
			var exitSide = '';
			if (self.y < wallThickness + 10) {
				exitSide = 'top';
			} else if (self.y > roomHeight - wallThickness - 10) {
				exitSide = 'bottom';
			} else if (self.x < wallThickness + 10) {
				exitSide = 'left';
			} else if (self.x > roomWidth - wallThickness - 10) {
				exitSide = 'right';
			}
			if (exitSide) {
				var entrySide = '';
				if (exitSide === 'top') {
					entrySide = 'bottom';
				} else if (exitSide === 'bottom') {
					entrySide = 'top';
				} else if (exitSide === 'left') {
					entrySide = 'right';
				} else if (exitSide === 'right') {
					entrySide = 'left';
				}
				transitionToNewRoom(entrySide);
				return;
			}
		}
		// --- Rotation & Aiming ---
		// --- [Rotation logic remains the same] ---
		var isMoving = moveDirection.x !== 0 || moveDirection.y !== 0;
		var isAiming = self.aimingJoystick && self.aimingJoystick.hasInput();
		var aimAngle = isAiming ? self.aimingJoystick.getRotation() : null;
		if (isMoving) {
			self.facingDirection = Math.atan2(moveDirection.y, moveDirection.x);
		}
		if (isAiming && aimAngle !== null) {
			self.rotation = aimAngle;
		} else if (isMoving) {
			self.rotation = self.facingDirection;
		}
		// Update weapon graphic positions relative to hero rotation
		if (self.weaponType === 1) {
			self.swordGraphics.rotation = 0;
		} else {
			self.bowGraphics.rotation = 0;
		}
		// --- Attack Logic ---
		if (!isPopupActive && !isSkillDetailPopupActive) {
			if (self.attackCooldown > 0) {
				self.attackCooldown--;
			}
			var attackAngle = isAiming && aimAngle !== null ? aimAngle : self.rotation;
			var currentAttackSpeedMult = self.getStat('attackSpeed'); // Get calculated attack speed
			// Sword Attack
			if (self.weaponType === 1) {
				var swordCooldown = Math.round(self.swordAttackSpeedFrames / currentAttackSpeedMult); // Apply attack speed
				if (self.isAttacking) {
					if (self.attackDurationCounter > 0) {
						self.attackDurationCounter--;
						var swingProgress = (self.attackDuration - self.attackDurationCounter) / self.attackDuration;
						self.swordGraphics.rotation = Math.sin(swingProgress * Math.PI) * 1.2; // Simple swing arc
						// Check for hits during the swing (e.g., mid-swing) - Check only once per swing? Add hit tracking.
						// For now, check multiple times:
						if (swingProgress > 0.3 && swingProgress < 0.7 && self.attackDurationCounter % 5 === 0) {
							// Check every 5 frames during swing
							self.checkSwordHits(attackAngle);
						}
					} else {
						self.isAttacking = false;
						self.swordGraphics.rotation = 0;
						self.attackCooldown = swordCooldown; // Set cooldown AFTER swing
					}
				} else if (self.attackCooldown <= 0 && (isAiming || isMoving)) {
					// Require aiming or moving to attack? Or just aiming joystick input? Let's require input.
					if (isAiming) {
						// Start swing only if aiming stick has input
						self.isAttacking = true;
						self.attackDurationCounter = self.attackDuration;
						// Play swing sound? LK.playSound('sword_swing');
					}
				}
			}
			// Bow Attack
			else if (self.weaponType === 2) {
				var bowCooldown = Math.round(self.bowAttackSpeedFrames / currentAttackSpeedMult); // Apply attack speed
				if (self.attackCooldown <= 0 && isAiming) {
					// Require aim input to fire bow
					self.fireArrow(attackAngle);
					self.attackCooldown = bowCooldown;
					// Play shoot sound? LK.playSound('bow_shoot');
				}
			}
		} else {
			// Reset attack state if popup is open
			if (self.isAttacking) {
				self.isAttacking = false;
				self.swordGraphics.rotation = 0;
				self.attackDurationCounter = 0;
			}
		}
	}; // End of update function
	// --- Helper Methods ---
	self.checkSwordHits = function (attackAngle) {
		var swordDamageInfo = self.calculateOutgoingDamage(self.swordBaseDamage, DamageType.PHYSICAL);
		var hitEnemiesThisSwing = []; // Track enemies hit in this specific check
		for (var i = currentRoom.enemies.length - 1; i >= 0; i--) {
			var enemy = currentRoom.enemies[i];
			if (!enemy || !enemy.active || hitEnemiesThisSwing.includes(enemy)) {
				// Skip inactive or already hit
				continue;
			}
			var dx = enemy.x - self.x;
			var dy = enemy.y - self.y;
			var distSqr = dx * dx + dy * dy;
			var rangeSqr = self.swordRange * self.swordRange; // Use sword range stat
			if (distSqr < rangeSqr) {
				var angleToEnemy = Math.atan2(dy, dx);
				var angleDifference = Math.atan2(Math.sin(angleToEnemy - attackAngle), Math.cos(angleToEnemy - attackAngle));
				if (Math.abs(angleDifference) < Math.PI / 3) {
					// Wider cone for sword (60 degrees)
					if (enemy.takeDamage) {
						console.log("Sword Hit! Damage:", swordDamageInfo.damage); // Debug
						enemy.takeDamage(swordDamageInfo.damage, DamageType.PHYSICAL, self); // Pass damage type and source (self)
						hitEnemiesThisSwing.push(enemy); // Mark as hit for this check instance
						// Apply LifeSteal on hit
						var lifeStealAmount = swordDamageInfo.damage * self.getStat('lifeSteal');
						if (lifeStealAmount > 0) {
							self.takeDamage(lifeStealAmount, DamageType.HEALING); // Heal self
						}
						// --- TODO: Add Sword Hit VFX/SFX ---
						// --- TODO: Add on-hit proc checks here (e.g., for Chaotic Spark, Serrated Shade) ---
					}
				}
			}
		}
	};
	self.fireArrow = function (fireAngle) {
		if (self.weaponType !== 2) {
			return;
		}
		var arrow = new Arrow(); // Arrow class now has damageType
		var bowDamageInfo = self.calculateOutgoingDamage(self.bowBaseDamage, DamageType.PHYSICAL); // Arrows are physical by default
		arrow.damage = bowDamageInfo.damage; // Use calculated damage
		arrow.damageType = DamageType.PHYSICAL; // Explicitly set type
		arrow.isCrit = bowDamageInfo.isCrit; // Pass crit status if needed for visuals later
		arrow.critChance = self.getStat('critChance'); // Pass hero stats to arrow
		arrow.critDamage = self.getStat('critDamage');
		arrow.source = self; // Track source
		arrow.x = self.x + Math.cos(fireAngle) * 30; // Start slightly ahead
		arrow.y = self.y + Math.sin(fireAngle) * 30;
		arrow.rotation = fireAngle;
		arrows.push(arrow); // Add to global array
		gameContainer.addChild(arrow); // Add to scene
	};
	self.switchWeapon = function () {
		// --- [Switch weapon logic remains the same] ---
		self.weaponType = self.weaponType === 1 ? 2 : 1;
		self.swordGraphics.visible = self.weaponType === 1;
		self.bowGraphics.visible = self.weaponType === 2;
		self.isAttacking = false;
		self.attackDurationCounter = 0;
		self.attackCooldown = 0;
	};
	return self;
});
// --- Base Enemy Class (Modified - Inherits from BaseEntity) ---
var BaseEnemy = BaseEntity.expand(function () {
	var self = BaseEntity.call(this);
	// <<< Inherit from BaseEntity
	// --- Default Enemy Stats (Override BaseEntity defaults) ---
	self.health = 10;
	self.maxHealth = 10;
	self.armor = 5;
	self.magicResist = 0;
	self.movementSpeed = 1.0;
	self.damageBonus = 0; // Enemies don't typically get % damage bonuses easily
	self.critChance = 0.0; // Enemies typically don't crit unless specific type
	self.critDamage = 1.5;
	self.dodgeChance = 0.0;
	// --- Enemy Specific Properties ---
	self.damageAmount = 5; // Base damage dealt ON CONTACT/ATTACK
	self.damageCooldownTime = 60; // Frames between contact damage ticks
	self.damageCooldown = 0;
	self.active = true; // Flag if enemy should update
	// --- [handleWallCollision, moveTowards remain mostly the same] ---
	self.handleWallCollision = function () {/* ... unchanged ... */};
	self.moveTowards = function (targetX, targetY, moveSpeed) {/* ... unchanged ... */};
	// --- takeDamage is now inherited from BaseEntity ---
	// self.takeDamage = function (amount, damageType, source) { ... }; // Removed, uses BaseEntity's now
	// --- Die Method (Overrides BaseEntity's, adds game logic) ---
	self.die = function (killer) {
		// killer parameter is optional but good practice
		if (self.active) {
			self.active = false; // Prevent further updates/actions
			// --- TODO: Add drop logic here ---
			// Example: checkDropTable();
			currentRoom.enemiesKilled++;
			currentRoom.enemyCounter--; // Decrement active enemy count
			updateRoomDisplay();
			// Remove from room's enemy list
			var index = currentRoom.enemies.indexOf(self);
			if (index > -1) {
				currentRoom.enemies.splice(index, 1);
			}
			// --- TODO: Add death VFX/SFX ---
			// Remove from scene graph (call BaseEntity's die for this)
			BaseEntity.prototype.die.call(self, killer);
			checkRoomCleared(); // Check if room is cleared after kill
		}
	};
	// --- Default Update (Overrides BaseEntity's update) ---
	self.update = function () {
		BaseEntity.prototype.update.call(self); // <<< CALL PARENT UPDATE FIRST (for modifiers)
		if (!self.active || !hero) {
			return;
		}
		// Calculate actual move speed based on stats
		var currentMoveSpeed = self.getStat('movementSpeed');
		// Default behavior: Move towards hero
		var offsetX = (Math.random() - 0.5) * 20;
		var offsetY = (Math.random() - 0.5) * 20;
		self.moveTowards(hero.x + offsetX, hero.y + offsetY, currentMoveSpeed); // Use calculated speed
		self.handleWallCollision();
		// Decrement contact damage cooldown
		if (self.damageCooldown > 0) {
			self.damageCooldown--;
		}
	};
	// --- Animation Helper ---
	self.setupAnimation = function (frameAssets) {/* ... unchanged ... */};
	self.updateAnimation = function () {/* ... unchanged ... */};
	return self;
});
// --- TankEnemy Class (Modified) ---
var TankEnemy = BaseEnemy.expand(function () {
	var self = BaseEnemy.call(this);
	// Call base constructor
	// --- Override Default Stats ---
	self.health = 50;
	self.maxHealth = 50;
	self.armor = 20; // Higher armor
	self.magicResist = 10;
	self.movementSpeed = 0.8; // Slower
	self.damageAmount = 10; // Tank hits harder
	self.setupAnimation(['tank_run1', 'tank_run2', 'tank_run3', 'tank_run4']);
	self.minDistance = 80; // Slightly larger contact distance?
	// --- Update (Overrides BaseEnemy Update) ---
	self.update = function () {
		BaseEnemy.prototype.update.call(self); // <<< CALL PARENT UPDATE (Handles modifiers, base movement logic)
		if (!self.active || !hero) {
			return;
		}
		self.updateAnimation();
		var targetX = hero.x;
		var targetY = hero.y;
		var distance = Math.sqrt(Math.pow(targetX - self.x, 2) + Math.pow(targetY - self.y, 2));
		var currentMoveSpeed = self.getStat('movementSpeed'); // Get potentially modified speed
		if (distance > self.minDistance) {
			// Only move if further than min distance
			self.moveTowards(targetX, targetY, currentMoveSpeed); // Use calculated speed
		} else {
			// Close enough, deal damage?
			if (self.damageCooldown <= 0) {
				// Calculate final damage enemy deals (can be modified by enemy buffs/debuffs later)
				var outgoingDamageInfo = self.calculateOutgoingDamage(self.damageAmount, DamageType.PHYSICAL);
				if (hero.takeDamage) {
					hero.takeDamage(outgoingDamageInfo.damage, DamageType.PHYSICAL, self); // Pass damage type and source
				}
				self.damageCooldown = self.damageCooldownTime;
				// updateRoomDisplay(); // Already called in hero.takeDamage
			}
			// Tank specific: might not get pushed back, or only slightly
			self.rotation = Math.atan2(targetY - self.y, targetX - self.x); // Keep facing hero
		}
		// self.handleWallCollision(); // Already handled in BaseEnemy.update
	};
	return self;
});
// --- RangedEnemy Class (Modified) ---
var RangedEnemy = BaseEnemy.expand(function () {
	var self = BaseEnemy.call(this);
	// Call base constructor
	// --- Override Default Stats ---
	self.health = 20;
	self.maxHealth = 20;
	self.armor = 0; // Less armor
	self.magicResist = 5;
	self.movementSpeed = 1.2; // Slightly faster base speed
	self.damageAmount = 4; // Projectile base damage
	self.setupAnimation(['ranged_run1', 'ranged_run2', 'ranged_run3', 'ranged_run4']);
	self.projectileCooldownTime = 180; // 3 seconds at 60 FPS
	self.projectileCooldown = Math.random() * self.projectileCooldownTime; // Random initial cooldown
	self.desiredDistance = 350; // How far to stay from hero
	// --- Update (Overrides BaseEnemy Update) ---
	self.update = function () {
		BaseEnemy.prototype.update.call(self); // <<< CALL PARENT UPDATE (Handles modifiers)
		if (!self.active || !hero) {
			return;
		}
		self.updateAnimation();
		var targetX = hero.x;
		var targetY = hero.y;
		var dx = targetX - self.x;
		var dy = targetY - self.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		var currentMoveSpeed = self.getStat('movementSpeed'); // Get potentially modified speed
		// Movement: Try to maintain desired distance
		if (distance < self.desiredDistance - 10) {
			self.moveTowards(targetX, targetY, -currentMoveSpeed); // Move away
		} else if (distance > self.desiredDistance + 10) {
			self.moveTowards(targetX, targetY, currentMoveSpeed); // Move closer
		} else {
			// Close enough, just rotate to face hero
			self.rotation = Math.atan2(dy, dx);
		}
		// self.handleWallCollision(); // Already handled in BaseEnemy.update
		// Shooting Logic
		if (self.projectileCooldown <= 0) {
			self.shootProjectile(targetX, targetY);
			// Apply attack speed modifier to cooldown?
			var attackSpeedMult = self.getStat('attackSpeed');
			self.projectileCooldown = self.projectileCooldownTime / attackSpeedMult; // Faster attack speed = shorter cooldown
		} else {
			self.projectileCooldown--;
		}
	};
	self.shootProjectile = function (targetX, targetY) {
		var projectile = new Projectile(); // Create instance
		projectile.x = self.x;
		projectile.y = self.y;
		// Calculate final projectile damage (can include enemy damageBonus etc. later)
		var outgoingDamageInfo = self.calculateOutgoingDamage(self.damageAmount, DamageType.PHYSICAL); // Assuming physical projectile
		projectile.damage = outgoingDamageInfo.damage;
		projectile.damageType = DamageType.PHYSICAL; // Set type on projectile
		// projectile.isCrit = outgoingDamageInfo.isCrit; // Enemies don't crit by default
		var dx = targetX - self.x;
		var dy = targetY - self.y;
		var angle = Math.atan2(dy, dx);
		projectile.rotation = angle; // Set initial rotation
		projectile.vx = Math.cos(angle) * projectile.speed;
		projectile.vy = Math.sin(angle) * projectile.speed;
		projectile.source = self; // Track who shot it
		gameContainer.addChild(projectile); // Add to game world
	};
	return self;
});
// --- Enemy Class (Melee - Modified) ---
var Enemy = BaseEnemy.expand(function () {
	var self = BaseEnemy.call(this);
	// Call base constructor
	// --- Override Default Stats ---
	self.health = 10;
	self.maxHealth = 10;
	self.armor = 5;
	self.magicResist = 0;
	self.movementSpeed = 1.5 + Math.random() * 0.3; // Base speed variation
	self.damageAmount = 5;
	self.setupAnimation(['enemy_run1', 'enemy_run2', 'enemy_run3', 'enemy_run4']); // Pass asset names
	// --- Update (Overrides BaseEnemy Update) ---
	self.update = function () {
		BaseEnemy.prototype.update.call(self); // <<< CALL PARENT UPDATE (Handles modifiers, basic movement)
		if (!self.active || !hero) {
			return;
		}
		self.updateAnimation(); // Update visual frame
		var targetX = hero.x + (Math.random() - 0.5) * 20; // Slight offset remains
		var targetY = hero.y + (Math.random() - 0.5) * 20;
		var currentMoveSpeed = self.getStat('movementSpeed'); // Use calculated speed
		var distance = self.moveTowards(targetX, targetY, currentMoveSpeed); // Use calculated speed
		var minDistance = 70; // Contact distance
		if (distance <= minDistance) {
			// Handle being too close (damage hero)
			if (self.damageCooldown <= 0) {
				// Calculate final damage enemy deals
				var outgoingDamageInfo = self.calculateOutgoingDamage(self.damageAmount, DamageType.PHYSICAL);
				if (hero.takeDamage) {
					hero.takeDamage(outgoingDamageInfo.damage, DamageType.PHYSICAL, self); // Pass damage type and source
				}
				self.damageCooldown = self.damageCooldownTime;
				// updateRoomDisplay(); // Called in hero.takeDamage
			}
			// Push back slightly (remains the same)
			var pushDx = self.x - targetX;
			var pushDy = self.y - targetY;
			var pushDist = Math.sqrt(pushDx * pushDx + pushDy * pushDy);
			if (pushDist > 0) {
				var pushAmount = (minDistance - distance) * 0.5;
				self.x += pushDx / pushDist * pushAmount;
				self.y += pushDy / pushDist * pushAmount;
			}
		}
		// self.handleWallCollision(); // Already handled in BaseEnemy.update
	};
	return self;
});
// Joystick class (Movement)
var Joystick = Container.expand(function () {
	var self = Container.call(this);
	var joystickBackground = self.attachAsset('joystickBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var joystickHandle = self.attachAsset('joystickHandle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.x = joystickBackground.width / 2 + 100;
	self.y = roomHeight - joystickBackground.height / 2 - 100; // Use roomHeight
	var maxRadius = 100;
	var isDragging = false;
	self.down = function (x, y, obj) {
		isDragging = true;
	};
	self.up = function (x, y, obj) {
		isDragging = false;
		joystickHandle.x = 0;
		joystickHandle.y = 0;
	};
	self.move = function (x, y, obj) {
		if (isDragging && !isPopupActive && !isSkillDetailPopupActive) {
			// Check both flags
			var localPos = self.toLocal(obj.global);
			var dx = localPos.x;
			var dy = localPos.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			if (distance > maxRadius) {
				var angle = Math.atan2(dy, dx);
				dx = maxRadius * Math.cos(angle);
				dy = maxRadius * Math.sin(angle);
			}
			joystickHandle.x = dx;
			joystickHandle.y = dy;
		}
	};
	self.getDirection = function () {
		var magnitude = Math.sqrt(joystickHandle.x * joystickHandle.x + joystickHandle.y * joystickHandle.y);
		if (magnitude > 0) {
			return {
				x: joystickHandle.x / magnitude,
				y: joystickHandle.y / magnitude
			};
		}
		return {
			x: 0,
			y: 0
		};
	};
	return self;
});
// --- Projectile Class (Enemy Ranged - Modified) ---
var Projectile = Container.expand(function () {
	var self = Container.call(this);
	self.attachAsset('ranged_attack', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.damage = 5; // Base damage before source bonuses
	self.damageType = DamageType.PHYSICAL; // Default type, can be set by shooter
	self.source = null; // Reference to the enemy that shot this
	self.vx = 0;
	self.vy = 0;
	self.update = function () {
		self.x += self.vx;
		self.y += self.vy;
		self.rotation += 0.1; // Spin effect
		// Boundary check
		if (self.x < 0 || self.x > roomWidth || self.y < 0 || self.y > roomHeight) {
			if (self.parent) {
				self.parent.removeChild(self);
			}
			return;
		}
		// Collision check with hero
		// Basic AABB or Circle collision (using intersects assumes engine provides it)
		if (hero && hero.active && self.intersects && self.intersects(hero)) {
			if (hero.takeDamage) {
				// console.log("Projectile Hit Hero! Damage:", self.damage, "Type:", self.damageType); // Debug
				hero.takeDamage(self.damage, self.damageType, self.source); // Pass damage type and source
			}
			// updateRoomDisplay(); // Called within hero.takeDamage
			if (self.parent) {
				self.parent.removeChild(self);
			} // Destroy on hit
		}
	};
	return self;
});
// StartGameButton class
var StartGameButton = Container.expand(function () {
	var self = Container.call(this);
	self.attachAsset('startGameButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 3,
		scaleY: 3
	});
	self.x = roomWidth / 2;
	self.y = roomHeight - 400;
	self.down = function () {
		if (self.parent) {
			menuContainer.removeChild(self.parent);
		} // Remove the popup it's on (main skill tree)
		isPopupActive = false; // No longer in menu
		isSkillDetailPopupActive = false;
		initializeGame(); // Start the actual game
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000 // Default background color
});

/**** 
* Game Code
****/ 
// Define Damage Types
/**** 
* Global Constants
****/ 
// LK.init.image('hero_topdown', {width:100, height:100, id:'YOUR_NEW_HERO_ASSET_ID'}) // Placeholder for new hero asset
// KEEPING THIS FOR NOW - REPLACE WITH 'hero_topdown' LATER
// -- Symphony of Shadows Icons --
// -- Nexus of Chaos Icons --
// -- Prism of Potential Icons --
// -- Forge of Possibilities Icons --
// -- Echoes of Ancestry Icons --
// -- Circuit of Ascension Icons --
// -- Symphony of Shadows Icons --
// -- Nexus of Chaos Icons --
// -- Prism of Potential Icons --
// -- Forge of Possibilities Icons --
// -- Echoes of Ancestry Icons --
// -- Circuit of Ascension Icons --
// Made it grey
// Add containers to the game stage
// Adjusted default size
/**** 
* Game Configuration & Data
****/ 
var DamageType = {
	PHYSICAL: 'physical',
	FIRE: 'fire',
	ICE: 'ice',
	LIGHTNING: 'lightning',
	POISON: 'poison',
	SHADOW: 'shadow',
	CHAOS: 'chaos',
	// Special type for Nexus skills?
	HEALING: 'healing',
	// For effects that restore health
	TRUE: 'true' // Damage that ignores defenses
};
var roomWidth = 2048;
var roomHeight = 2732;
var wallThickness = 400;
var entranceWidth = 200;
var entrances = {
	top: {
		xStart: (roomWidth - entranceWidth) / 2,
		xEnd: (roomWidth + entranceWidth) / 2,
		y: wallThickness
	},
	bottom: {
		xStart: (roomWidth - entranceWidth) / 2,
		xEnd: (roomWidth + entranceWidth) / 2,
		y: roomHeight - wallThickness
	},
	left: {
		yStart: (roomHeight - entranceWidth) / 2,
		yEnd: (roomHeight + entranceWidth) / 2,
		x: wallThickness
	},
	right: {
		yStart: (roomHeight - entranceWidth) / 2,
		yEnd: (roomHeight + entranceWidth) / 2,
		x: roomWidth - wallThickness
	}
};
var spawnPoints = {
	topLeft: {
		x: wallThickness + 50,
		y: wallThickness + 50
	},
	// Offset slightly from corner
	topRight: {
		x: roomWidth - wallThickness - 50,
		y: wallThickness + 50
	},
	bottomLeft: {
		x: wallThickness + 50,
		y: roomHeight - wallThickness - 50
	},
	bottomRight: {
		x: roomWidth - wallThickness - 50,
		y: roomHeight - wallThickness - 50
	}
};
var roomBackgroundImages = ['backgroundImage1', 'backgroundImage2', 'backgroundImage3', 'backgroundImage4', 'backgroundImage5'];
var totalRooms = 5;
// --- Centralized Skill Data ---
var heroSkillPoints = 3; // Starting skill points
var skillDefinitions = {
	// --- Circuit of Ascension ---
	'Data Spike': {
		points: 0,
		max: 5,
		tree: 'The Circuit of Ascension',
		calcData: {
			increases: [5, 4, 3, 2, 1]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentBenefit = 0;
			for (var i = 0; i < points; i++) {
				currentBenefit += calcData.increases[i];
			}
			if (points < this.max) {
				var nextIncrease = calcData.increases[points];
				return points === 0 ? 'Increases critical strike chance by 5%.' : 'Increases critical strike chance by ' + nextIncrease + '%. (Currently ' + currentBenefit + '%)';
			} else {
				return 'Maximum rank reached. Your critical hit chance is increased by 15%.';
			}
		}
	},
	'Reflex Accelerator': {
		points: 0,
		max: 5,
		tree: 'The Circuit of Ascension',
		calcData: {
			increases: [10, 8, 6, 4, 2]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentBenefit = 0;
			for (var i = 0; i < points; i++) {
				currentBenefit += calcData.increases[i];
			}
			if (points < this.max) {
				var nextIncrease = calcData.increases[points];
				return points === 0 ? 'Boosts movement speed by 10%.' : 'Boosts movement speed by ' + nextIncrease + '% (Currently ' + currentBenefit + '%)';
			} else {
				return 'Maximum rank reached. Your movement speed is increased by 30%.';
			}
		}
	},
	'Overclock Core': {
		points: 0,
		max: 5,
		tree: 'The Circuit of Ascension',
		calcData: {
			attackSpeedIncreases: [2.5, 2.0, 1.5, 1.0, 0.5],
			energyRegenIncreases: [2.0, 1.6, 1.2, 0.8, 0.4]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentAttackSpeedBenefit = 0;
			var currentEnergyRegenBenefit = 0;
			for (var i = 0; i < points; i++) {
				currentAttackSpeedBenefit += calcData.attackSpeedIncreases[i];
				currentEnergyRegenBenefit += calcData.energyRegenIncreases[i];
			}
			if (points < this.max) {
				var nextAttackSpeedIncrease = calcData.attackSpeedIncreases[points];
				var nextEnergyRegenIncrease = calcData.energyRegenIncreases[points];
				return points === 0 ? 'Increases attack speed by ' + nextAttackSpeedIncrease.toFixed(1) + '% and energy regeneration by ' + nextEnergyRegenIncrease.toFixed(1) + '%.' : 'Increases attack speed by ' + nextAttackSpeedIncrease.toFixed(1) + '% and energy regeneration by ' + nextEnergyRegenIncrease.toFixed(1) + '% (Currently ' + currentAttackSpeedBenefit.toFixed(1) + '% / ' + currentEnergyRegenBenefit.toFixed(1) + '%).';
			} else {
				return 'Maximum rank reached. Your attack speed is increased by 7.5% and energy regeneration by 6.0%.';
			}
		}
	},
	'Neural Hijack': {
		points: 0,
		max: 5,
		tree: 'The Circuit of Ascension',
		calcData: {
			durationIncreases: [3, 4, 5, 6, 8],
			cooldownDecreases: [30, 27, 24, 21, 15]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentDuration = 0;
			var currentCooldown = 0;
			if (points > 0) {
				currentDuration = calcData.durationIncreases[points - 1];
				currentCooldown = calcData.cooldownDecreases[points - 1];
			}
			if (points < this.max) {
				var nextDuration = calcData.durationIncreases[points];
				var nextCooldown = calcData.cooldownDecreases[points];
				return points === 0 ? 'Temporarily converts an enemy to fight for you for ' + nextDuration + ' seconds (Cooldown: ' + nextCooldown + 's).' : 'Converts an enemy for ' + nextDuration + ' seconds (Cooldown: ' + nextCooldown + 's) (Currently ' + currentDuration + 's / ' + currentCooldown + 's).';
			} else {
				return 'Maximum rank reached. Converts an enemy to fight for you for 8 seconds with a 15 second cooldown.';
			}
		}
	},
	'Dodge Matrix': {
		points: 0,
		max: 5,
		tree: 'The Circuit of Ascension',
		calcData: {
			increases: [10, 8, 6, 4, 2]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentBenefit = 0;
			for (var i = 0; i < points; i++) {
				currentBenefit += calcData.increases[i];
			}
			if (points < this.max) {
				var nextIncrease = calcData.increases[points];
				return points === 0 ? 'Grants a 10% chance to dodge enemy attacks.' : 'Grants an additional ' + nextIncrease + '% chance to dodge enemy attacks (Currently ' + currentBenefit + '%)';
			} else {
				return 'Maximum rank reached. Your chance to dodge enemy attacks is increased by 30%.';
			}
		}
	},
	'Power Surge': {
		points: 0,
		max: 5,
		tree: 'The Circuit of Ascension',
		calcData: {
			damageMultipliers: [1.0, 1.25, 1.5, 1.75, 2.0],
			radiusSizes: [2.0, 2.5, 3.0, 3.5, 4.0]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentDamageMultiplier = 0;
			var currentRadius = 0;
			if (points > 0) {
				currentDamageMultiplier = calcData.damageMultipliers[points - 1];
				currentRadius = calcData.radiusSizes[points - 1];
			}
			if (points < this.max) {
				var nextDamageMultiplier = calcData.damageMultipliers[points];
				var nextRadius = calcData.radiusSizes[points];
				return points === 0 ? 'Releases an energy burst dealing 100% magic damage in a 2.0-unit radius.' : 'Deals ' + (nextDamageMultiplier * 100).toFixed(0) + '% magic damage in a ' + nextRadius.toFixed(1) + '-unit radius (Currently ' + (currentDamageMultiplier * 100).toFixed(0) + '% / ' + currentRadius.toFixed(1) + ')';
			} else {
				return 'Maximum rank reached. Your energy burst deals 200% magic damage in a 4.0-unit radius.';
			} // Corrected max description based on arrays
		}
	},
	'Overload Blast': {
		points: 0,
		max: 1,
		tree: 'The Circuit of Ascension',
		descriptionFn: function descriptionFn(points, calcData) {
			return 'Unleashes a massive explosion, dealing 300% fire damage to all enemies in the room (Cooldown: 60s).';
		}
	},
	// --- Echoes of Ancestry ---
	'Ancient Wisdom': {
		points: 0,
		max: 5,
		tree: 'The Echoes of Ancestry',
		calcData: {
			increases: [5, 4, 3, 2, 1]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentBenefit = 0;
			for (var i = 0; i < points; i++) {
				currentBenefit += calcData.increases[i];
			}
			if (points < this.max) {
				var nextIncrease = calcData.increases[points];
				return points === 0 ? 'Increases elemental critical hit chance by 5%.' : 'Increases elemental critical hit chance by ' + nextIncrease + '% (Currently ' + currentBenefit + '%).';
			} else {
				return 'Maximum rank reached. Increases elemental critical hit chance by 15%.';
			}
		}
	},
	'Elemental Mastery': {
		points: 0,
		max: 5,
		tree: 'The Echoes of Ancestry',
		calcData: {
			increases: [10, 8, 6, 4, 2]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentBenefit = 0;
			for (var i = 0; i < points; i++) {
				currentBenefit += calcData.increases[i];
			}
			if (points < this.max) {
				var nextIncrease = calcData.increases[points];
				return points === 0 ? 'Increases elemental damage by 10%.' : 'Increases elemental damage by ' + nextIncrease + '% (Currently ' + currentBenefit + '%).';
			} else {
				return 'Maximum rank reached. Increases elemental damage by 30%.';
			}
		}
	},
	'Warrior Spirit': {
		points: 0,
		max: 5,
		tree: 'The Echoes of Ancestry',
		calcData: {
			increases: [10, 8, 6, 4, 2]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentBenefit = 0;
			for (var i = 0; i < points; i++) {
				currentBenefit += calcData.increases[i];
			}
			if (points < this.max) {
				var nextIncrease = calcData.increases[points];
				return points === 0 ? 'Increases melee attack speed by 10%.' : 'Increases melee attack speed by ' + nextIncrease + '% (Currently ' + currentBenefit + '%).';
			} else {
				return 'Maximum rank reached. Increases melee attack speed by 30%.';
			}
		}
	},
	'Beast Tamer': {
		points: 0,
		max: 5,
		tree: 'The Echoes of Ancestry',
		calcData: {
			durations: [2, 3, 4, 4, 4],
			cooldowns: [20, 18, 16, 16, 16]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentDuration = 0;
			var currentCooldown = 0;
			if (points > 0) {
				currentDuration = calcData.durations[points - 1];
				currentCooldown = calcData.cooldowns[points - 1];
			}
			if (points < this.max) {
				var nextDuration = calcData.durations[points];
				var nextCooldown = calcData.cooldowns[points];
				return points === 0 ? 'Summons a spirit beast for 2 seconds (Cooldown: 20s).' : 'Summons a spirit beast for ' + nextDuration + ' seconds (Cooldown: ' + nextCooldown + 's) (Currently ' + currentDuration + 's / ' + currentCooldown + 's).';
			} else {
				return 'Maximum rank reached. Summons a spirit beast for 4 seconds (Cooldown: 16s).';
			}
		}
	},
	'Herbal Remedies': {
		points: 0,
		max: 5,
		tree: 'The Echoes of Ancestry',
		calcData: {
			increases: [0.5, 0.6, 0.7, 0.8, 1.0]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentBenefit = 0;
			if (points > 0) {
				currentBenefit = calcData.increases[points - 1];
			}
			if (points < this.max) {
				var nextIncrease = calcData.increases[points];
				return points === 0 ? 'Heals 0.5% of max HP per second during combat.' : 'Heals ' + nextIncrease.toFixed(1) + '% of max HP per second (Currently ' + currentBenefit.toFixed(1) + '%).';
			} else {
				return 'Maximum rank reached. Heals 1.0% of max HP per second during combat.';
			}
		}
	},
	'Spirit Guidance': {
		points: 0,
		max: 5,
		tree: 'The Echoes of Ancestry',
		calcData: {
			reductions: [5, 4, 3, 2, 1]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentBenefit = 0;
			for (var i = 0; i < points; i++) {
				currentBenefit += calcData.reductions[i];
			}
			if (points < this.max) {
				var nextReduction = calcData.reductions[points];
				return points === 0 ? 'Reduces incoming damage by 5%.' : 'Reduces incoming damage by ' + nextReduction + '% (Currently ' + currentBenefit + '%).';
			} else {
				return 'Maximum rank reached. Reduces incoming damage by 15%.';
			}
		}
	},
	'Legendary Ancestor': {
		points: 0,
		max: 1,
		tree: 'The Echoes of Ancestry',
		descriptionFn: function descriptionFn(points, calcData) {
			return 'Temporarily increases your damage by 100% and defense by 50% for 6 seconds (Cooldown: 60s).';
		}
	},
	// --- Forge of Possibilities ---
	'Adaptive Construction': {
		points: 0,
		max: 5,
		tree: 'The Forge of Possibilities',
		calcData: {
			fireDmgPerRank: 5,
			ignitePerRank: 2
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentFire = points * calcData.fireDmgPerRank;
			var currentIgnite = points * calcData.ignitePerRank;
			if (points === 0) {
				return "Imbue your weapon with searing flame, adding 5% fire damage and 2% chance to ignite on hit.";
			} else if (points < this.max) {
				return "Imbue your weapon with searing flame, adding " + (points + 1) * calcData.fireDmgPerRank + "% fire damage and " + (points + 1) * calcData.ignitePerRank + "% chance to ignite on hit (Currently " + currentFire + "% fire damage / " + currentIgnite + "% ignite).";
			} else {
				return "Maximum rank reached. Imbue your weapon with searing flame, adding 25% fire damage and 10% chance to ignite on hit.";
			}
		}
	},
	'Elemental Infusion': {
		points: 0,
		max: 5,
		tree: 'The Forge of Possibilities',
		calcData: {
			procs: [10, 8, 6, 4, 2]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = 0;
			for (var i = 0; i < points; i++) {
				currentProc += calcData.procs[i];
			}
			if (points === 0) {
				return "Every attack has a 10% chance to inflict a random elemental effect.";
			} else if (points < this.max) {
				var nextProc = calcData.procs[points];
				return "Every attack has a " + (currentProc + nextProc) + "% chance to inflict a random elemental effect (Currently " + currentProc + "%).";
			} else {
				return "Maximum rank reached. Every attack has a 30% chance to inflict a random elemental effect.";
			}
		}
	},
	'Modular Enhancement': {
		points: 0,
		max: 5,
		tree: 'The Forge of Possibilities',
		calcData: {
			procPerRank: 3
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = points * calcData.procPerRank;
			if (points === 0) {
				return "Each hit has a 3% chance to instantly ready your weapon for an extra strike.";
			} else if (points < this.max) {
				return "Each hit has a " + (points + 1) * calcData.procPerRank + "% chance to instantly ready your weapon for an extra strike (Currently " + currentProc + "%).";
			} else {
				return "Maximum rank reached. Each hit has a 15% chance to instantly ready your weapon for an extra strike.";
			}
		}
	},
	'Resourceful Salvage': {
		points: 0,
		max: 5,
		tree: 'The Forge of Possibilities',
		calcData: {
			procChances: [2, 3, 4, 5, 6],
			buffStrengths: [10, 12, 14, 16, 20],
			buffDurations: [5, 7, 9, 12, 15]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = 0,
				currentBuff = 0,
				currentDur = 0;
			if (points > 0) {
				currentProc = calcData.procChances[points - 1];
				currentBuff = calcData.buffStrengths[points - 1];
				currentDur = calcData.buffDurations[points - 1];
			}
			if (points === 0) {
				return "Killing an enemy has a 2% chance to grant +10% skill‑point gain for 5 seconds.";
			} else if (points < this.max) {
				var nextProc = calcData.procChances[points];
				var nextBuff = calcData.buffStrengths[points];
				var nextDur = calcData.buffDurations[points];
				return "Killing an enemy has a " + nextProc + "% chance to grant +" + nextBuff + "% skill‑point gain for " + nextDur + " seconds (Currently " + currentProc + "% / +" + currentBuff + "% / " + currentDur + "s).";
			} else {
				return "Maximum rank reached. Killing an enemy has a 6% chance to grant +20% skill‑point gain for 15 seconds.";
			}
		}
	},
	'Hybrid Crafting': {
		// NOTE: Original code had max 5, description implies max 1. Assuming max 1.
		points: 0,
		max: 1,
		tree: 'The Forge of Possibilities',
		descriptionFn: function descriptionFn(points, calcData) {
			return 'Fuse melee and ranged traits: your arrows cleave a nearby target at short range (30% splash), and sword swings have a 20% chance to fire a projectile at 50% damage.';
		}
	},
	'Runic Slots': {
		// Renamed from Gem Harvester based on original code usage
		points: 0,
		max: 5,
		tree: 'The Forge of Possibilities',
		calcData: {
			dropChances: [5, 8, 12, 16, 20],
			buffPotencies: [5, 7, 9, 12, 15],
			buffDurations: [3, 4, 5, 6, 8]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentDrop = 0,
				currentBuff = 0,
				currentDur = 0;
			if (points > 0) {
				currentDrop = calcData.dropChances[points - 1];
				currentBuff = calcData.buffPotencies[points - 1];
				currentDur = calcData.buffDurations[points - 1];
			}
			if (points === 0) {
				return "Killing an enemy has a 5% chance to drop a runic gem granting a random +5% buff for 3 seconds.";
			} else if (points < this.max) {
				var nextDrop = calcData.dropChances[points];
				var nextBuff = calcData.buffPotencies[points];
				var nextDur = calcData.buffDurations[points];
				return "Killing an enemy has an " + nextDrop + "% chance to drop a runic gem granting a random +" + nextBuff + "% buff for " + nextDur + " seconds (Currently " + currentDrop + "% / +" + currentBuff + "% / " + currentDur + "s).";
			} else {
				return "Maximum rank reached. Killing an enemy has a 20% chance to drop a runic gem granting a random +15% buff for 8 seconds.";
			}
		}
	},
	'Masterwork Creation': {
		// NOTE: Original code had max 5, description implies max 3. Assuming max 3.
		points: 0,
		max: 3,
		tree: 'The Forge of Possibilities',
		calcData: {
			dmgBonuses: [30, 60, 90],
			cleaveCounts: [1, 2, 3],
			shockwaveRadii: [1, 2, 3]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			if (points === 0) {
				return "Transforms your weapon for 6s, granting +30% damage, arrows cleave 1 extra target, and melee triggers a 1‑unit shockwave (Cooldown: 60s).";
			} else if (points < this.max) {
				var currentDmg = calcData.dmgBonuses[points - 1];
				var currentCleave = calcData.cleaveCounts[points - 1];
				var currentRadius = calcData.shockwaveRadii[points - 1];
				var nextDmg = calcData.dmgBonuses[points];
				var nextCleave = calcData.cleaveCounts[points];
				var nextRadius = calcData.shockwaveRadii[points];
				return "Transforms your weapon for 6s, granting +" + nextDmg + "% damage, arrows cleave " + nextCleave + " extra target" + (nextCleave > 1 ? "s" : "") + ", and melee triggers a " + nextRadius + "-unit shockwave (Currently +" + currentDmg + "% / " + currentCleave + " cleave / " + currentRadius + "-unit shockwave). Cooldown: 60s.";
			} else {
				return "Maximum rank reached. Transforms your weapon for 6s, granting +90% damage, arrows cleave 3 extra targets, and melee triggers a 3‑unit shockwave (Cooldown: 60s).";
			}
		}
	},
	// --- Prism of Potential --- (Redefined with specific dynamic scaling like Data Spike example)
	'Red Radiance': {
		points: 0,
		max: 5,
		tree: 'The Prism of Potential',
		calcData: {
			igniteIncreases: [4, 3, 2, 2, 1],
			// Ignite % gain per rank
			dmgIncreases: [3, 2, 2, 1, 1] // Damage % gain per rank
		},
		descriptionFn: function descriptionFn(points, calcData) {
			// Named function for clarity
			var currentIgnite = 0,
				currentDmg = 0;
			var totalIgnite = 0,
				totalDmg = 0;
			// Calculate current and total benefits by summing increases
			for (var i = 0; i < this.max; i++) {
				if (i < points) {
					currentIgnite += calcData.igniteIncreases[i];
					currentDmg += calcData.dmgIncreases[i];
				}
				totalIgnite += calcData.igniteIncreases[i];
				totalDmg += calcData.dmgIncreases[i];
			}
			if (points < this.max) {
				var nextIgniteGain = calcData.igniteIncreases[points];
				var nextDmgGain = calcData.dmgIncreases[points];
				var nextTotalIgnite = currentIgnite + nextIgniteGain;
				var nextTotalDmg = currentDmg + nextDmgGain;
				// Format matches user examples
				if (points === 0) {
					// For rank 0 -> 1, show the values for rank 1 directly
					return 'Adds ' + nextTotalIgnite + '% chance to ignite enemies and +' + nextTotalDmg + '% damage.';
				} else {
					// For ranks 1+, show gain and current total
					return 'Adds ' + nextIgniteGain + '% ignite chance and +' + nextDmgGain + '% damage (Currently ' + currentIgnite + '% / +' + currentDmg + '%).';
				}
			} else {
				// Show totals at max rank
				return 'Maximum rank reached. Adds ' + totalIgnite + '% chance to ignite and +' + totalDmg + '% damage.';
			}
		}
	},
	'Blue Bulwark': {
		points: 0,
		max: 5,
		tree: 'The Prism of Potential',
		calcData: {
			// Values *at* each rank (1 to 5) derived from user description (+8%, +6%, etc.)
			defValues: [8, 14, 19, 23, 25],
			// Total Def % at ranks 1-5
			procValues: [5, 7, 9, 11, 13],
			// Total Proc % at ranks 1-5
			blockCounts: [1, 1, 1, 2, 3] // Blocks at ranks 1-5
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentDef = 0,
				currentProc = 0,
				currentBlocks = 0;
			var maxDef = calcData.defValues[this.max - 1];
			var maxProc = calcData.procValues[this.max - 1];
			var maxBlocks = calcData.blockCounts[this.max - 1];
			if (points > 0) {
				// Get values for the current rank
				currentDef = calcData.defValues[points - 1];
				currentProc = calcData.procValues[points - 1];
				currentBlocks = calcData.blockCounts[points - 1];
			}
			if (points < this.max) {
				// Get values for the next rank
				var nextDef = calcData.defValues[points];
				var nextProc = calcData.procValues[points];
				var nextBlocks = calcData.blockCounts[points];
				var nextBlockText = nextBlocks + (nextBlocks > 1 ? ' attacks' : ' attack');
				// Format matches user examples
				if (points === 0) {
					// For rank 0 -> 1
					return 'Increases armor & magic resist by ' + nextDef + '%; ' + nextProc + '% chance to block ' + nextBlockText + ' with an ice shield.';
				} else {
					// For ranks 1+
					var currentBlockText = currentBlocks + (currentBlocks > 1 ? ' attacks' : ' attack');
					// Show gain for def, show next value for proc chance/blocks
					var defGain = nextDef - currentDef;
					return 'Increases armor & magic resist by ' + defGain + '%; ' + nextProc + '% chance to block ' + nextBlockText + ' (Currently ' + currentDef + '% / ' + currentProc + '% / blocks ' + currentBlockText + ').';
				}
			} else {
				var maxBlockText = maxBlocks + (maxBlocks > 1 ? ' attacks' : ' attack');
				return 'Maximum rank reached. Increases armor & magic resist by ' + maxDef + '%; ' + maxProc + '% chance to block ' + maxBlockText + '.';
			}
		}
	},
	'Green Growth': {
		points: 0,
		max: 5,
		tree: 'The Prism of Potential',
		calcData: {
			// Values *at* each rank (1 to 5) based on user description (decreasing values)
			regenValues: [1.5, 1.3, 1.1, 0.8, 0.5],
			// % MaxHP/sec
			procValues: [6, 5, 4, 3, 2] // % Proc chance
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentRegen = 0,
				currentProc = 0;
			var maxRegen = calcData.regenValues[this.max - 1]; // Value at rank 5
			var maxProc = calcData.procValues[this.max - 1]; // Value at rank 5
			if (points > 0) {
				// Get values for the current rank
				currentRegen = calcData.regenValues[points - 1];
				currentProc = calcData.procValues[points - 1];
			}
			if (points < this.max) {
				// Get values for the next rank
				var nextRegen = calcData.regenValues[points];
				var nextProc = calcData.procValues[points];
				// Format matches user examples
				if (points === 0) {
					// For rank 0 -> 1
					return 'Restores ' + nextRegen.toFixed(1) + '% max HP/sec (for 5s) and grants a ' + nextProc + '% chance for attacks to apply a minor HoT.';
				} else {
					// For ranks 1+
					return 'Restores ' + nextRegen.toFixed(1) + '% max HP/sec (for 5s) with a ' + nextProc + '% chance (Currently ' + currentRegen.toFixed(1) + '% / ' + currentProc + '%).';
				}
			} else {
				return 'Maximum rank reached. Restores ' + maxRegen.toFixed(1) + '% max HP/sec (for 5s) and grants a ' + maxProc + '% chance for attacks to apply HoT.';
			}
		}
	},
	'Yellow Zephyr': {
		points: 0,
		max: 5,
		tree: 'The Prism of Potential',
		calcData: {
			moveIncreases: [6, 5, 4, 3, 2],
			// Move Spd % gain per rank
			atkIncreases: [6, 5, 4, 3, 2] // Attack Spd % gain per rank
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentMove = 0,
				currentAtk = 0;
			var totalMove = 0,
				totalAtk = 0;
			// Calculate current and total benefits
			for (var i = 0; i < this.max; i++) {
				if (i < points) {
					currentMove += calcData.moveIncreases[i];
					currentAtk += calcData.atkIncreases[i];
				}
				totalMove += calcData.moveIncreases[i];
				totalAtk += calcData.atkIncreases[i];
			}
			if (points < this.max) {
				var nextMoveGain = calcData.moveIncreases[points];
				var nextAtkGain = calcData.atkIncreases[points];
				var nextTotalMove = currentMove + nextMoveGain;
				var nextTotalAtk = currentAtk + nextAtkGain;
				// Format matches user examples
				if (points === 0) {
					// For rank 0 -> 1
					return 'Boosts movement & attack speed by ' + nextTotalMove + '%.';
				} else {
					// For ranks 1+
					// Use gain for both here as per example "Boosts movement & attack speed by 5%"
					return 'Boosts movement & attack speed by ' + nextMoveGain + '% (Currently +' + currentMove + '% / +' + currentAtk + '%).';
				}
			} else {
				return 'Maximum rank reached. Boosts movement speed by ' + totalMove + '% and attack speed by ' + totalAtk + '%.';
			}
		}
	},
	'Indigo Insight': {
		points: 0,
		max: 5,
		tree: 'The Prism of Potential',
		calcData: {
			critIncreases: [5, 4, 3, 2, 1],
			// Crit % gain per rank
			reflectIncreases: [10, 8, 6, 4, 2] // Reflect % gain per rank
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentCrit = 0,
				currentReflect = 0;
			var totalCrit = 0,
				totalReflect = 0;
			// Calculate current and total benefits
			for (var i = 0; i < this.max; i++) {
				if (i < points) {
					currentCrit += calcData.critIncreases[i];
					currentReflect += calcData.reflectIncreases[i];
				}
				totalCrit += calcData.critIncreases[i];
				totalReflect += calcData.reflectIncreases[i];
			}
			if (points < this.max) {
				var nextCritGain = calcData.critIncreases[points];
				var nextReflectGain = calcData.reflectIncreases[points];
				var nextTotalCrit = currentCrit + nextCritGain;
				var nextTotalReflect = currentReflect + nextReflectGain;
				// Format matches user examples
				if (points === 0) {
					// For rank 0 -> 1
					return 'Increases crit chance by ' + nextTotalCrit + '% and reflects ' + nextTotalReflect + '% of incoming damage.';
				} else {
					// For ranks 1+
					return 'Increases crit chance by ' + nextCritGain + '% and reflects ' + nextReflectGain + '% damage (Currently +' + currentCrit + '% / ' + currentReflect + '%).';
				}
			} else {
				return 'Maximum rank reached. Increases crit chance by ' + totalCrit + '% and reflects ' + totalReflect + '% damage.';
			}
		}
	},
	'Chromatic Fusion': {
		points: 0,
		max: 5,
		tree: 'The Prism of Potential',
		calcData: {
			dmgIncreases: [10, 8, 6, 4, 2] // Bonus Elemental Damage % gain per rank
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentDmg = 0;
			var totalDmg = 0;
			// Calculate current and total benefits
			for (var i = 0; i < this.max; i++) {
				if (i < points) {
					currentDmg += calcData.dmgIncreases[i];
				}
				totalDmg += calcData.dmgIncreases[i];
			}
			if (points < this.max) {
				var nextDmgGain = calcData.dmgIncreases[points];
				var nextTotalDmg = currentDmg + nextDmgGain;
				// Format matches user examples
				if (points === 0) {
					// For rank 0 -> 1
					return 'All attacks deal an additional ' + nextTotalDmg + '% elemental damage.';
				} else {
					// For ranks 1+
					return 'All attacks deal an additional ' + nextDmgGain + '% elemental damage (Currently +' + currentDmg + '%).';
				}
			} else {
				return 'Maximum rank reached. All attacks deal an additional ' + totalDmg + '% elemental damage.';
			}
		}
	},
	'Prismatic Ascendance': {
		points: 0,
		max: 5,
		tree: 'The Prism of Potential',
		calcData: {
			// Values *at* each rank (1 to 5) based on user description
			potencyValues: [12, 10, 8, 6, 4],
			// % Potency
			durationValues: [6, 8, 10, 12, 15] // seconds Duration
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentPotency = 0,
				currentDuration = 0;
			var maxPotency = calcData.potencyValues[this.max - 1]; // Value at rank 5
			var maxDuration = calcData.durationValues[this.max - 1]; // Value at rank 5
			if (points > 0) {
				// Get values for the current rank
				currentPotency = calcData.potencyValues[points - 1];
				currentDuration = calcData.durationValues[points - 1];
			}
			if (points < this.max) {
				// Get values for the next rank
				var nextPotency = calcData.potencyValues[points];
				var nextDuration = calcData.durationValues[points];
				// Format matches user examples
				if (points === 0) {
					// For rank 0 -> 1
					return 'Empowers all elemental buffs by +' + nextPotency + '% for ' + nextDuration + ' seconds.';
				} else {
					// For ranks 1+
					return 'Empowers all elemental buffs by +' + nextPotency + '% for ' + nextDuration + ' seconds (Currently +' + currentPotency + '% / ' + currentDuration + 's).';
				}
			} else {
				return 'Maximum rank reached. Empowers elemental buffs by +' + maxPotency + '% for ' + maxDuration + ' seconds.';
			}
		}
	},
	// --- End Prism of Potential ---
	// --- The Nexus of Chaos --- (Redefined with specific dynamic scaling)
	'Chaotic Spark': {
		points: 0,
		max: 5,
		tree: 'The Nexus of Chaos',
		calcData: {
			procIncreases: [5, 4, 3, 2, 1] // Proc % gain per rank (Total 15%)
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = 0;
			var totalProc = 0;
			for (var i = 0; i < this.max; i++) {
				if (i < points) {
					currentProc += calcData.procIncreases[i];
				}
				totalProc += calcData.procIncreases[i];
			}
			if (points < this.max) {
				var nextProcGain = calcData.procIncreases[points];
				var nextTotalProc = currentProc + nextProcGain;
				var desc = 'Your attacks have a ' + nextProcGain + '% chance to inflict a random elemental effect (fire, ice, lightning, or poison) for 2 seconds.';
				if (points === 0) {
					// For rank 0 -> 1
					desc = 'Your attacks have a ' + nextTotalProc + '% chance to inflict a random elemental effect for 2 seconds.';
				} else {
					// For ranks 1+
					desc = 'Your attacks have an additional ' + nextProcGain + '% chance to inflict a random elemental effect for 2 seconds (Currently ' + currentProc + '%).';
				}
				return desc;
			} else {
				return 'Maximum rank reached. Your attacks have a ' + totalProc + '% chance to inflict a random elemental effect for 2 seconds.';
			}
		}
	},
	'Entropy Shield': {
		points: 0,
		max: 5,
		tree: 'The Nexus of Chaos',
		calcData: {
			baseProc: 5,
			procPerRank: 2,
			// Proc scales 5, 7, 9, 11, 13
			baseReflect: 5,
			reflectPerRank: 2,
			// Reflect scales 5, 7, 9, 11, 13
			blockCounts: [1, 1, 1, 2, 3] // Blocks at ranks 1-5
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = calcData.baseProc + (points > 0 ? (points - 1) * calcData.procPerRank : -calcData.procPerRank); // Handle rank 0 case for current
			var currentReflect = calcData.baseReflect + (points > 0 ? (points - 1) * calcData.reflectPerRank : -calcData.reflectPerRank);
			var currentBlocks = points > 0 ? calcData.blockCounts[points - 1] : 0; // Blocks at current rank (0 if rank 0)
			var maxProc = calcData.baseProc + (this.max - 1) * calcData.procPerRank;
			var maxReflect = calcData.baseReflect + (this.max - 1) * calcData.reflectPerRank;
			var maxBlocks = calcData.blockCounts[this.max - 1];
			if (points < this.max) {
				var nextProc = calcData.baseProc + points * calcData.procPerRank; // Proc at next rank
				var nextReflect = calcData.baseReflect + points * calcData.reflectPerRank; // Reflect at next rank
				var nextBlocks = calcData.blockCounts[points]; // Blocks at next rank
				var nextBlockText = nextBlocks + (nextBlocks > 1 ? ' hits' : ' hit');
				if (points === 0) {
					return 'When struck, there is a ' + nextProc + '% chance to block the attack and reflect ' + nextReflect + '% of its damage back (blocks ' + nextBlockText + ').';
				} else {
					var currentBlockText = currentBlocks + (currentBlocks > 1 ? ' hits' : ' hit');
					// Show next total values, compare to current in parentheses
					return 'When struck, there is a ' + nextProc + '% chance to block (' + nextBlockText + ') and reflect ' + nextReflect + '% damage (Currently ' + currentProc + '% / ' + currentReflect + '% / blocks ' + currentBlockText + ').';
				}
			} else {
				var maxBlockText = maxBlocks + (maxBlocks > 1 ? ' hits' : ' hit');
				return 'Maximum rank reached. ' + maxProc + '% chance to block (' + maxBlockText + ') and reflect ' + maxReflect + '% damage.';
			}
		}
	},
	'Unstable Rift': {
		points: 0,
		max: 5,
		tree: 'The Nexus of Chaos',
		calcData: {
			baseProc: 5,
			procPerRank: 2 // Proc scales 5, 7, 9, 11, 13
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = calcData.baseProc + (points > 0 ? (points - 1) * calcData.procPerRank : -calcData.procPerRank);
			var maxProc = calcData.baseProc + (this.max - 1) * calcData.procPerRank;
			if (points < this.max) {
				var nextProc = calcData.baseProc + points * calcData.procPerRank; // Proc at next rank
				if (points === 0) {
					return 'On hit, there is a ' + nextProc + '% chance to open a chaotic rift that applies a random debuff for 4 seconds.';
				} else {
					return 'On hit, there is a ' + nextProc + '% chance to open a chaotic rift (random debuff, 4s) (Currently ' + currentProc + '%).';
				}
			} else {
				return 'Maximum rank reached. ' + maxProc + '% chance on hit to open a chaotic rift (random debuff, 4s).';
			}
		}
	},
	'Anomaly Shift': {
		points: 0,
		max: 5,
		tree: 'The Nexus of Chaos',
		calcData: {
			baseProc: 5,
			procPerRank: 2,
			// Proc scales 5, 7, 9, 11, 13
			baseDur: 3,
			durPerRank: 1 // Duration scales 3, 4, 5, 6, 7
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = calcData.baseProc + (points > 0 ? (points - 1) * calcData.procPerRank : -calcData.procPerRank);
			var currentDur = calcData.baseDur + (points > 0 ? (points - 1) * calcData.durPerRank : -calcData.durPerRank);
			var maxProc = calcData.baseProc + (this.max - 1) * calcData.procPerRank;
			var maxDur = calcData.baseDur + (this.max - 1) * calcData.durPerRank;
			if (points < this.max) {
				var nextProc = calcData.baseProc + points * calcData.procPerRank; // Proc at next rank
				var nextDur = calcData.baseDur + points * calcData.durPerRank; // Duration at next rank
				if (points === 0) {
					return 'After killing an enemy, you have a ' + nextProc + '% chance to gain a random buff (speed, regen, or crit) for ' + nextDur + ' seconds.';
				} else {
					return 'After killing an enemy, ' + nextProc + '% chance to gain a random buff for ' + nextDur + ' seconds (Currently ' + currentProc + '% / ' + currentDur + 's).';
				}
			} else {
				return 'Maximum rank reached. ' + maxProc + '% chance on kill to gain a random buff for ' + maxDur + ' seconds.';
			}
		}
	},
	'Cascade of Disorder': {
		points: 0,
		max: 5,
		tree: 'The Nexus of Chaos',
		calcData: {
			baseProc: 5,
			procPerRank: 3,
			// Proc scales 5, 8, 11, 14, 17
			baseDmg: 50,
			dmgPerRank: 12.5,
			// Damage scales 50, 62.5, 75, 87.5, 100
			baseRadius: 1,
			radiusPerRank: 0.2 // Radius scales 1, 1.2, 1.4, 1.6, 1.8
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = calcData.baseProc + (points > 0 ? (points - 1) * calcData.procPerRank : -calcData.procPerRank);
			var currentDmg = calcData.baseDmg + (points > 0 ? (points - 1) * calcData.dmgPerRank : -calcData.dmgPerRank);
			var currentRadius = calcData.baseRadius + (points > 0 ? (points - 1) * calcData.radiusPerRank : -calcData.radiusPerRank);
			var maxProc = calcData.baseProc + (this.max - 1) * calcData.procPerRank;
			var maxDmg = calcData.baseDmg + (this.max - 1) * calcData.dmgPerRank;
			var maxRadius = calcData.baseRadius + (this.max - 1) * calcData.radiusPerRank;
			if (points < this.max) {
				var nextProc = calcData.baseProc + points * calcData.procPerRank;
				var nextDmg = calcData.baseDmg + points * calcData.dmgPerRank;
				var nextRadius = calcData.baseRadius + points * calcData.radiusPerRank;
				if (points === 0) {
					return 'Your attacks have a ' + nextProc + '% chance to trigger a chain explosion dealing ' + nextDmg.toFixed(1) + '% AoE damage in a ' + nextRadius.toFixed(1) + '‑unit radius.';
				} else {
					return 'Your attacks have a ' + nextProc + '% chance to trigger a chain explosion (' + nextDmg.toFixed(1) + '% AoE / ' + nextRadius.toFixed(1) + 'u radius) (Currently ' + currentProc + '% / ' + currentDmg.toFixed(1) + '% / ' + currentRadius.toFixed(1) + 'u).';
				}
			} else {
				return 'Maximum rank reached. ' + maxProc + '% chance to trigger explosion (' + maxDmg.toFixed(1) + '% AoE / ' + maxRadius.toFixed(1) + 'u radius).';
			}
		}
	},
	'Fractured Fate': {
		points: 0,
		max: 5,
		tree: 'The Nexus of Chaos',
		calcData: {
			// Use calculated increases to reach totals specified (3->12% proc, 10->20% CDR)
			baseProc: 3,
			procIncreases: [2, 2, 2, 3],
			// Sum = 9. Base+Sum = 3+9 = 12
			baseCDR: 10,
			cdrIncreases: [2, 2, 3, 3] // Sum = 10. Base+Sum = 10+10 = 20
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = calcData.baseProc;
			var currentCDR = calcData.baseCDR;
			var totalProc = calcData.baseProc;
			var totalCDR = calcData.baseCDR;
			for (var i = 0; i < calcData.procIncreases.length; i++) {
				if (i < points - 1) {
					// Sum increases *up to the previous rank* for current value
					currentProc += calcData.procIncreases[i];
					currentCDR += calcData.cdrIncreases[i];
				}
				// Sum all increases for total value at max rank
				totalProc += calcData.procIncreases[i];
				totalCDR += calcData.cdrIncreases[i];
			}
			// Adjust currentProc/CDR if points is 0
			if (points === 0) {
				currentProc = 0; // Or display base? Example implies showing next level directly
				currentCDR = 0;
			}
			if (points < this.max) {
				// Calculate next level's values
				var nextProc = calcData.baseProc;
				var nextCDR = calcData.baseCDR;
				for (var j = 0; j < points; j++) {
					// Sum increases up to the *next* rank
					nextProc += calcData.procIncreases[j];
					nextCDR += calcData.cdrIncreases[j];
				}
				if (points === 0) {
					return 'Each hit has a ' + nextProc + '% chance to strike twice or reduce all cooldowns by ' + nextCDR + '%.';
				} else {
					// Show next total values, compare to current in parentheses
					return 'Each hit has a ' + nextProc + '% chance to strike twice or reduce cooldowns by ' + nextCDR + '% (Currently ' + currentProc + '% / ' + currentCDR + '%).';
				}
			} else {
				return 'Maximum rank reached. ' + totalProc + '% chance to strike twice or reduce cooldowns by ' + totalCDR + '%.';
			}
		}
	},
	'Reality Collapse': {
		points: 0,
		max: 3,
		tree: 'The Nexus of Chaos',
		// Max rank is 3 based on provided data
		calcData: {
			// Explicit values at ranks 1, 2, 3
			durations: [6, 8, 10],
			defIgnores: [10, 20, 30],
			extraEffectChances: [15, 30, 50],
			disorientChances: [20, 30, 40],
			// Disorient duration fixed at 2s
			procBuffs: [10, 20, 30],
			// % Buff to other Nexus procs
			cooldowns: [60, 50, 40]
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentStats = {};
			var maxStats = {};
			// Get stats for max rank (index 2)
			maxStats.dur = calcData.durations[this.max - 1];
			maxStats.def = calcData.defIgnores[this.max - 1];
			maxStats.eff = calcData.extraEffectChances[this.max - 1];
			maxStats.dis = calcData.disorientChances[this.max - 1];
			maxStats.buf = calcData.procBuffs[this.max - 1];
			maxStats.cd = calcData.cooldowns[this.max - 1];
			if (points > 0) {
				// Get stats for current rank (index points-1)
				currentStats.dur = calcData.durations[points - 1];
				currentStats.def = calcData.defIgnores[points - 1];
				currentStats.eff = calcData.extraEffectChances[points - 1];
				currentStats.dis = calcData.disorientChances[points - 1];
				currentStats.buf = calcData.procBuffs[points - 1];
				currentStats.cd = calcData.cooldowns[points - 1];
			}
			if (points < this.max) {
				// Get stats for next rank (index points)
				var nextStats = {};
				nextStats.dur = calcData.durations[points];
				nextStats.def = calcData.defIgnores[points];
				nextStats.eff = calcData.extraEffectChances[points];
				nextStats.dis = calcData.disorientChances[points];
				nextStats.buf = calcData.procBuffs[points];
				nextStats.cd = calcData.cooldowns[points];
				// Construct the description string piece by piece
				var desc = 'For ' + nextStats.dur + 's, ignore ' + nextStats.def + '% enemy defense, ' + nextStats.eff + '% chance on hit for extra chaotic effect, ' + nextStats.dis + '% chance to disorient enemies (2s), ' + 'and other Nexus skill proc chances increase by ' + nextStats.buf + '% ' + '(CD: ' + nextStats.cd + 's).';
				if (points > 0) {
					// Add current stats in parentheses for comparison
					desc += ' (Currently ' + currentStats.dur + 's / ' + currentStats.def + '% / ' + currentStats.eff + '% / ' + currentStats.dis + '% / +' + currentStats.buf + '% / ' + currentStats.cd + 's CD)';
				}
				return desc;
			} else {
				// Max rank description
				return 'Maximum rank reached. For ' + maxStats.dur + 's, ignore ' + maxStats.def + '% defense, ' + maxStats.eff + '% extra effect chance, ' + maxStats.dis + '% disorient chance (2s), ' + 'Nexus procs + ' + maxStats.buf + '% (CD: ' + maxStats.cd + 's).';
			}
		}
	},
	// --- End The Nexus of Chaos ---
	// --- The Symphony of Shadows --- (Redefined with specific dynamic scaling)
	'Whispered Steps': {
		points: 0,
		max: 5,
		tree: 'The Symphony of Shadows',
		calcData: {
			procIncreases: [5, 4, 3, 2, 1] // Evade % gain per rank (Total 15%)
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = 0;
			var totalProc = 0;
			for (var i = 0; i < this.max; i++) {
				if (i < points) {
					currentProc += calcData.procIncreases[i];
				}
				totalProc += calcData.procIncreases[i];
			}
			if (points < this.max) {
				var nextProcGain = calcData.procIncreases[points];
				var nextTotalProc = currentProc + nextProcGain;
				if (points === 0) {
					// For rank 0 -> 1
					return 'Move with Whispered Steps, evading ' + nextTotalProc + '% of incoming attacks.';
				} else {
					// For ranks 1+
					return 'Move with Whispered Steps, increasing evade chance by ' + nextProcGain + '% (Currently ' + currentProc + '% total).';
				}
			} else {
				return 'Maximum rank reached. Move with Whispered Steps, evading ' + totalProc + '% of incoming attacks.';
			}
		}
	},
	'Nightfall Veil': {
		points: 0,
		max: 5,
		tree: 'The Symphony of Shadows',
		calcData: {
			// Explicit values at ranks 1-5
			durations: [2, 2.5, 3, 3.5, 4],
			// seconds
			cooldowns: [60, 55, 50, 45, 40] // seconds
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentDur = 0,
				currentCD = 0;
			var maxDur = calcData.durations[this.max - 1];
			var maxCD = calcData.cooldowns[this.max - 1];
			if (points > 0) {
				currentDur = calcData.durations[points - 1];
				currentCD = calcData.cooldowns[points - 1];
			}
			if (points < this.max) {
				var nextDur = calcData.durations[points];
				var nextCD = calcData.cooldowns[points];
				if (points === 0) {
					return 'Activate Nightfall Veil to cloak for ' + nextDur.toFixed(1) + ' seconds (Cooldown: ' + nextCD + 's).';
				} else {
					return 'Activate Nightfall Veil to cloak for ' + nextDur.toFixed(1) + ' seconds (Cooldown: ' + nextCD + 's) (Currently ' + currentDur.toFixed(1) + 's / ' + currentCD + 's).';
				}
			} else {
				return 'Maximum rank reached. Cloak for ' + maxDur.toFixed(1) + ' seconds (Cooldown: ' + maxCD + 's).';
			}
		}
	},
	'Serrated Shade': {
		points: 0,
		max: 5,
		tree: 'The Symphony of Shadows',
		calcData: {
			// Explicit values at ranks 1-5
			procValues: [20, 25, 30, 35, 40],
			// % Proc chance
			dpsValues: [2, 3, 4, 5, 6] // % Bleed DPS
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = 0,
				currentDPS = 0;
			var maxProc = calcData.procValues[this.max - 1];
			var maxDPS = calcData.dpsValues[this.max - 1];
			if (points > 0) {
				currentProc = calcData.procValues[points - 1];
				currentDPS = calcData.dpsValues[points - 1];
			}
			if (points < this.max) {
				var nextProc = calcData.procValues[points];
				var nextDPS = calcData.dpsValues[points];
				if (points === 0) {
					return 'Attacks have a ' + nextProc + '% chance to cause bleed, dealing ' + nextDPS + '% of base damage per second for 5 seconds.';
				} else {
					return 'Attacks have a ' + nextProc + '% chance to cause bleed, dealing ' + nextDPS + '% DPS for 5 seconds (Currently ' + currentProc + '% / ' + currentDPS + '%).';
				}
			} else {
				return 'Maximum rank reached. ' + maxProc + '% chance to cause bleed, dealing ' + maxDPS + '% DPS for 5 seconds.';
			}
		}
	},
	'Shadow Familiar': {
		points: 0,
		max: 5,
		tree: 'The Symphony of Shadows',
		calcData: {
			// Explicit values at ranks 1-5
			durations: [5, 6, 7, 8, 10],
			// seconds
			slowValues: [10, 12, 14, 16, 20] // % Slow strength
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentDur = 0,
				currentSlow = 0;
			var maxDur = calcData.durations[this.max - 1];
			var maxSlow = calcData.slowValues[this.max - 1];
			if (points > 0) {
				currentDur = calcData.durations[points - 1];
				currentSlow = calcData.slowValues[points - 1];
			}
			if (points < this.max) {
				var nextDur = calcData.durations[points];
				var nextSlow = calcData.slowValues[points];
				if (points === 0) {
					return 'Summon your Shadow Familiar for ' + nextDur + ' seconds, slowing nearby enemies by ' + nextSlow + '%.';
				} else {
					return 'Summon your Shadow Familiar for ' + nextDur + ' seconds, slowing enemies by ' + nextSlow + '% (Currently ' + currentDur + 's / ' + currentSlow + '%).';
				}
			} else {
				return 'Maximum rank reached. Summon Familiar for ' + maxDur + ' seconds (slows ' + maxSlow + '%).';
			}
		}
	},
	'Shadowstep': {
		// Note: Replacing Shadowstep based on your prompt
		points: 0,
		max: 5,
		tree: 'The Symphony of Shadows',
		calcData: {
			// Explicit values at ranks 1-5
			distances: [3, 4, 5, 6, 8],
			// units
			imageDurs: [2, 2.5, 3, 3.5, 4],
			// seconds
			cooldowns: [20, 18, 16, 14, 12] // seconds
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentDist = 0,
				currentImgDur = 0,
				currentCD = 0;
			var maxDist = calcData.distances[this.max - 1];
			var maxImgDur = calcData.imageDurs[this.max - 1];
			var maxCD = calcData.cooldowns[this.max - 1];
			if (points > 0) {
				currentDist = calcData.distances[points - 1];
				currentImgDur = calcData.imageDurs[points - 1];
				currentCD = calcData.cooldowns[points - 1];
			}
			if (points < this.max) {
				var nextDist = calcData.distances[points];
				var nextImgDur = calcData.imageDurs[points];
				var nextCD = calcData.cooldowns[points];
				if (points === 0) {
					return 'Use Shadowstep to blink ' + nextDist + ' units, leaving a distracting afterimage for ' + nextImgDur.toFixed(1) + ' seconds (Cooldown: ' + nextCD + 's).';
				} else {
					return 'Use Shadowstep to blink ' + nextDist + ' units, leaving a ' + nextImgDur.toFixed(1) + 's afterimage (Cooldown: ' + nextCD + 's) (Currently ' + currentDist + 'u / ' + currentImgDur.toFixed(1) + 's / ' + currentCD + 's).';
				}
			} else {
				return 'Maximum rank reached. Blink ' + maxDist + ' units, ' + maxImgDur.toFixed(1) + 's afterimage (Cooldown: ' + maxCD + 's).';
			}
		}
	},
	'Umbral Echoes': {
		points: 0,
		max: 5,
		tree: 'The Symphony of Shadows',
		calcData: {
			// Explicit values at ranks 1-5
			procValues: [10, 13, 16, 19, 22],
			// % Proc chance
			confusionDurs: [2, 2.5, 3, 3.5, 4] // seconds Duration
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentProc = 0,
				currentConfDur = 0;
			var maxProc = calcData.procValues[this.max - 1];
			var maxConfDur = calcData.confusionDurs[this.max - 1];
			if (points > 0) {
				currentProc = calcData.procValues[points - 1];
				currentConfDur = calcData.confusionDurs[points - 1];
			}
			if (points < this.max) {
				var nextProc = calcData.procValues[points];
				var nextConfDur = calcData.confusionDurs[points];
				if (points === 0) {
					return 'On hit, ' + nextProc + '% chance to spawn an echo that confuses enemies for ' + nextConfDur.toFixed(1) + ' seconds.';
				} else {
					return 'On hit, ' + nextProc + '% chance to spawn an echo that confuses enemies for ' + nextConfDur.toFixed(1) + ' seconds (Currently ' + currentProc + '% / ' + currentConfDur.toFixed(1) + 's).';
				}
			} else {
				return 'Maximum rank reached. ' + maxProc + '% chance on hit to spawn echo (confuses ' + maxConfDur.toFixed(1) + 's).';
			}
		}
	},
	'Midnight Crescendo': {
		points: 0,
		max: 5,
		tree: 'The Symphony of Shadows',
		calcData: {
			// Explicit values at ranks 1-5
			durations: [6, 7, 8, 9, 10],
			// seconds
			armorIgnores: [10, 15, 20, 25, 30],
			// % Armor Ignore
			speedBonuses: [10, 12, 14, 16, 18],
			// % Move Speed
			disorientChances: [20, 25, 30, 35, 40] // % Disorient Chance
			// Cooldown fixed at 60s
		},
		descriptionFn: function descriptionFn(points, calcData) {
			var currentStats = {
				dur: 0,
				arm: 0,
				spd: 0,
				dis: 0
			};
			var maxStats = {
				dur: calcData.durations[this.max - 1],
				arm: calcData.armorIgnores[this.max - 1],
				spd: calcData.speedBonuses[this.max - 1],
				dis: calcData.disorientChances[this.max - 1]
			};
			if (points > 0) {
				currentStats.dur = calcData.durations[points - 1];
				currentStats.arm = calcData.armorIgnores[points - 1];
				currentStats.spd = calcData.speedBonuses[points - 1];
				currentStats.dis = calcData.disorientChances[points - 1];
			}
			if (points < this.max) {
				var nextStats = {
					dur: calcData.durations[points],
					arm: calcData.armorIgnores[points],
					spd: calcData.speedBonuses[points],
					dis: calcData.disorientChances[points]
				};
				var desc = 'Activate Midnight Crescendo for ' + nextStats.dur + ' seconds: ignore ' + nextStats.arm + '% armor, +' + nextStats.spd + '% move speed, and ' + nextStats.dis + '% chance to disorient on hit (Cooldown: 60s).';
				if (points > 0) {
					desc += ' (Currently ' + currentStats.dur + 's / ' + currentStats.arm + '% / +' + currentStats.spd + '% / ' + currentStats.dis + '%)';
				}
				return desc;
			} else {
				return 'Maximum rank reached. For ' + maxStats.dur + 's: ignore ' + maxStats.arm + '% armor, +' + maxStats.spd + '% move speed, and ' + maxStats.dis + '% disorient chance (Cooldown: 60s).';
			}
		}
	}
	// --- End The Symphony of Shadows ---
};
// --- Centralized Skill Tree Layout Data ---
// This structure holds the background image, list of skills (nodes),
// node positions, and the mapping of skill names to their icon asset names for each tree.
var skillTreeLayouts = {
	'The Circuit of Ascension': {
		backgroundAsset: 'popup_circuitofascension',
		nodes: ['Data Spike', 'Reflex Accelerator', 'Overclock Core', 'Neural Hijack', 'Dodge Matrix', 'Power Surge', 'Overload Blast'],
		positions: {
			// Positions from original code
			'Data Spike': {
				x: 2048 / 4 - 50,
				y: 2732 / 6 - 50 + 100
			},
			'Reflex Accelerator': {
				x: 2048 / 2,
				y: 2732 / 6 - 50 + 100
			},
			'Overclock Core': {
				x: 3 * 2048 / 4 + 50,
				y: 2732 / 6 - 50 + 100
			},
			'Neural Hijack': {
				x: 2048 / 4 - 50,
				y: 2 * 2732 / 6 + 100
			},
			'Dodge Matrix': {
				x: 2048 / 2,
				y: 2 * 2732 / 6 + 100
			},
			'Power Surge': {
				x: 3 * 2048 / 4 + 50,
				y: 2 * 2732 / 6 + 100
			},
			'Overload Blast': {
				x: 2048 / 2,
				y: 3 * 2732 / 6 + 50 + 100
			}
		},
		icons: {
			// *** Replace these values with your actual asset names defined in LK.init.image *** 
			'Data Spike': 'DataSpike_icon',
			'Reflex Accelerator': 'ReflexAccelerator_icon',
			'Overclock Core': 'OverclockCore_icon',
			'Neural Hijack': 'NeuralHijack_icon',
			'Dodge Matrix': 'DodgeMatrix_icon',
			'Power Surge': 'PowerSurge_icon',
			'Overload Blast': 'OverloadBlast_icon'
		}
	},
	'The Echoes of Ancestry': {
		backgroundAsset: 'popup_echoesofancestry',
		nodes: ['Ancient Wisdom', 'Elemental Mastery', 'Warrior Spirit', 'Beast Tamer', 'Herbal Remedies', 'Spirit Guidance', 'Legendary Ancestor'],
		positions: {
			// Positions from original code
			'Ancient Wisdom': {
				x: 2048 / 4 - 50,
				y: 2732 / 6 - 50 + 100
			},
			'Elemental Mastery': {
				x: 2048 / 2,
				y: 2732 / 6 - 50 + 100
			},
			'Warrior Spirit': {
				x: 3 * 2048 / 4 + 50,
				y: 2732 / 6 - 50 + 100
			},
			'Beast Tamer': {
				x: 2048 / 4 - 50,
				y: 2 * 2732 / 6 + 100
			},
			'Herbal Remedies': {
				x: 2048 / 2,
				y: 2 * 2732 / 6 + 100
			},
			'Spirit Guidance': {
				x: 3 * 2048 / 4 + 50,
				y: 2 * 2732 / 6 + 100
			},
			'Legendary Ancestor': {
				x: 2048 / 2,
				y: 3 * 2732 / 6 + 50 + 100
			}
		},
		icons: {
			// *** Replace these values with your actual asset names defined in LK.init.image *** 
			'Ancient Wisdom': 'AncientWisdom_icon',
			'Elemental Mastery': 'ElementalMastery_icon',
			'Warrior Spirit': 'WarriorSpirit_icon',
			'Beast Tamer': 'BeastTamer_icon',
			'Herbal Remedies': 'HerbalRemedies_icon',
			'Spirit Guidance': 'SpiritGuidance_icon',
			'Legendary Ancestor': 'LegendaryAncestor_icon'
		}
	},
	'The Forge of Possibilities': {
		backgroundAsset: 'popup_forgeofpossibilities',
		nodes: ['Adaptive Construction', 'Elemental Infusion', 'Modular Enhancement', 'Resourceful Salvage', 'Hybrid Crafting', 'Runic Slots', 'Masterwork Creation'],
		positions: {
			// Positions from original code
			'Adaptive Construction': {
				x: 2048 / 4 - 50,
				y: 2732 / 6 - 50 + 100
			},
			'Elemental Infusion': {
				x: 2048 / 2,
				y: 2732 / 6 - 50 + 100
			},
			'Modular Enhancement': {
				x: 3 * 2048 / 4 + 50,
				y: 2732 / 6 - 50 + 100
			},
			'Resourceful Salvage': {
				x: 2048 / 4 - 50,
				y: 2 * 2732 / 6 + 100
			},
			'Hybrid Crafting': {
				x: 2048 / 2,
				y: 2 * 2732 / 6 + 100
			},
			'Runic Slots': {
				x: 3 * 2048 / 4 + 50,
				y: 2 * 2732 / 6 + 100
			},
			'Masterwork Creation': {
				x: 2048 / 2,
				y: 3 * 2732 / 6 + 50 + 100
			}
		},
		icons: {
			// *** Replace these values with your actual asset names defined in LK.init.image *** 
			'Adaptive Construction': 'AdaptiveConstruction_icon',
			'Elemental Infusion': 'ElementalInfusion_icon',
			'Modular Enhancement': 'ModularEnhancement_icon',
			'Resourceful Salvage': 'ResourcefulSalvage_icon',
			'Hybrid Crafting': 'HybridCrafting_icon',
			'Runic Slots': 'RunicSlots_icon',
			'Masterwork Creation': 'MasterworkCreation_icon'
		}
	},
	'The Prism of Potential': {
		backgroundAsset: 'popup_prismofpotential',
		nodes: ['Red Radiance', 'Blue Bulwark', 'Green Growth', 'Yellow Zephyr', 'Indigo Insight', 'Chromatic Fusion', 'Prismatic Ascendance'],
		positions: {
			// Positions from original code
			'Red Radiance': {
				x: 2048 / 4 - 50,
				y: 2732 / 6 - 50 + 100
			},
			'Blue Bulwark': {
				x: 2048 / 2,
				y: 2732 / 6 - 50 + 100
			},
			'Green Growth': {
				x: 3 * 2048 / 4 + 50,
				y: 2732 / 6 - 50 + 100
			},
			'Yellow Zephyr': {
				x: 2048 / 4 - 50,
				y: 2 * 2732 / 6 + 100
			},
			'Indigo Insight': {
				x: 2048 / 2,
				y: 2 * 2732 / 6 + 100
			},
			'Chromatic Fusion': {
				x: 3 * 2048 / 4 + 50,
				y: 2 * 2732 / 6 + 100
			},
			'Prismatic Ascendance': {
				x: 2048 / 2,
				y: 3 * 2732 / 6 + 50 + 100
			}
		},
		icons: {
			// *** Replace these values with your actual asset names defined in LK.init.image *** 
			'Red Radiance': 'RedRadiance_icon',
			'Blue Bulwark': 'BlueBulwark_icon',
			'Green Growth': 'GreenGrowth_icon',
			'Yellow Zephyr': 'YellowZephyr_icon',
			'Indigo Insight': 'IndigoInsight_icon',
			'Chromatic Fusion': 'ChromaticFusion_icon',
			'Prismatic Ascendance': 'PrismaticAscendance_icon'
		}
	},
	'The Nexus of Chaos': {
		backgroundAsset: 'popup_nexusofchaos',
		nodes: ['Chaotic Spark', 'Entropy Shield', 'Unstable Rift', 'Anomaly Shift', 'Cascade of Disorder', 'Fractured Fate', 'Reality Collapse'],
		positions: {
			// Positions from original code
			'Chaotic Spark': {
				x: 2048 / 4 - 50,
				y: 2732 / 6 - 50 + 100
			},
			'Entropy Shield': {
				x: 2048 / 2,
				y: 2732 / 6 - 50 + 100
			},
			'Unstable Rift': {
				x: 3 * 2048 / 4 + 50,
				y: 2732 / 6 - 50 + 100
			},
			'Anomaly Shift': {
				x: 2048 / 4 - 50,
				y: 2 * 2732 / 6 + 100
			},
			'Cascade of Disorder': {
				x: 2048 / 2,
				y: 2 * 2732 / 6 + 100
			},
			'Fractured Fate': {
				x: 3 * 2048 / 4 + 50,
				y: 2 * 2732 / 6 + 100
			},
			'Reality Collapse': {
				x: 2048 / 2,
				y: 3 * 2732 / 6 + 50 + 100
			}
		},
		icons: {
			// *** Replace these values with your actual asset names defined in LK.init.image *** 
			'Chaotic Spark': 'ChaoticSpark_icon',
			'Entropy Shield': 'EntropyShield_icon',
			'Unstable Rift': 'UnstableRift_icon',
			'Anomaly Shift': 'AnomalyShift_icon',
			'Cascade of Disorder': 'CascadeofDisorder_icon',
			'Fractured Fate': 'FracturedFate_icon',
			'Reality Collapse': 'RealityCollapse_icon'
		}
	},
	'The Symphony of Shadows': {
		backgroundAsset: 'popup_symphonyofshadows',
		nodes: ['Whispered Steps', 'Nightfall Veil', 'Serrated Shade', 'Shadow Familiar', 'Shadowstep', 'Umbral Echoes', 'Midnight Crescendo'],
		positions: {
			// Positions from original code
			'Whispered Steps': {
				x: 2048 / 4 - 50,
				y: 2732 / 6 - 50 + 100
			},
			'Nightfall Veil': {
				x: 2048 / 2,
				y: 2732 / 6 - 50 + 100
			},
			'Serrated Shade': {
				x: 3 * 2048 / 4 + 50,
				y: 2732 / 6 - 50 + 100
			},
			'Shadow Familiar': {
				x: 2048 / 4 - 50,
				y: 2 * 2732 / 6 + 100
			},
			'Shadowstep': {
				x: 2048 / 2,
				y: 2 * 2732 / 6 + 100
			},
			'Umbral Echoes': {
				x: 3 * 2048 / 4 + 50,
				y: 2 * 2732 / 6 + 100
			},
			'Midnight Crescendo': {
				x: 2048 / 2,
				y: 3 * 2732 / 6 + 50 + 100
			}
		},
		icons: {
			// *** Replace these values with your actual asset names defined in LK.init.image *** 
			'Whispered Steps': 'WhisperedSteps_icon',
			'Nightfall Veil': 'NightfallVeil_icon',
			'Serrated Shade': 'SerratedShade_icon',
			'Shadow Familiar': 'ShadowFamiliar_icon',
			'Shadowstep': 'MuffledStrikes_icon',
			'Umbral Echoes': 'UmbralEchoes_icon',
			'Midnight Crescendo': 'MidnightCrescendo_icon'
		}
	}
};
/**** 
* Global Variables (Gameplay State)
****/ 
var arrows = [];
var currentRoom;
var visitedRooms = [];
var currentRoomMusic = null; // Reference to currently playing music instance (if needed for stopping)
var hero;
var isPopupActive = false; // General flag for any major popup (main skill tree, specific tree)
var isSkillDetailPopupActive = false; // Specific flag for the skill *detail* popup
var gameContainer = new Container();
var uiContainer = new Container();
var menuContainer = new Container(); // Holds main skill tree, specific trees, and detail popups
// UI Element References (initialized later)
var skillTreePopup = null; // Main selection screen
var skillPointsDisplay = null; // Text on main selection screen
var skillTreePointsText = null; // Text on individual tree screens
var roomDisplay = null;
var healthText = null;
game.addChild(gameContainer); // For gameplay elements (hero, enemies, projectiles)
game.addChild(uiContainer); // For UI elements (joysticks, buttons not part of popups)
game.addChild(menuContainer); // For popups (skill tree, skill details)
/**** 
* Helper Functions & Game Logic
****/ 
// --- Skill System Functions ---
// Creates the popup container for skill details
function createSkillPopup(skillTitle, skillDescription) {
	var skillPopup = new Container();
	skillPopup.width = roomWidth;
	skillPopup.height = roomHeight;
	skillPopup.interactive = true; // Prevent clicks going through
	var skillData = skillDefinitions[skillTitle]; // Get skill data
	// Translucent Background
	var translucentBackground = LK.getAsset('box', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: roomWidth,
		height: roomHeight,
		color: 0x000000,
		alpha: 0.7
	});
	translucentBackground.x = roomWidth / 2;
	translucentBackground.y = roomHeight / 2;
	skillPopup.addChild(translucentBackground);
	// Title Text
	var skillTitleText = new Text2(skillTitle, {
		size: 120,
		fill: 0xFFFFFF,
		fontWeight: "bold",
		fontFamily: "Techno, sans-serif",
		letterSpacing: 2,
		stroke: 0x00FFCC,
		strokeThickness: 3,
		align: 'center'
	});
	skillTitleText.x = roomWidth / 2;
	skillTitleText.y = roomHeight / 2 - 600; // Position higher up
	skillTitleText.anchor.set(0.5, 0.5);
	skillPopup.addChild(skillTitleText);
	// Description Text (Give it a name)
	var skillDescriptionText = new Text2(skillDescription, {
		size: 70,
		fill: 0xFFFFFF,
		fontFamily: "Arial, sans-serif",
		letterSpacing: 1,
		stroke: 0x00FFCC,
		strokeThickness: 2,
		wordWrap: true,
		wordWrapWidth: 1800,
		align: 'center'
	});
	skillDescriptionText.x = roomWidth / 2;
	skillDescriptionText.y = skillTitleText.y + 300; // Position below title
	skillDescriptionText.anchor.set(0.5, 0.5);
	skillDescriptionText.name = "skillDescriptionText"; // Name for updating
	skillPopup.addChild(skillDescriptionText);
	// Add helper method to find children by name
	skillPopup.getChildByName = function (name) {
		for (var i = 0; i < this.children.length; i++) {
			if (this.children[i].name === name) {
				return this.children[i];
			}
		}
		return null;
	};
	// Allocation Text (Give it a name)
	if (skillData) {
		var points = skillData.points;
		var maxPoints = skillData.max;
		var allocationText = new Text2(points + '/' + maxPoints, {
			size: 80,
			fill: 0xFFFFFF,
			fontWeight: "bold",
			stroke: 0x00FFCC,
			strokeThickness: 2
		});
		allocationText.x = roomWidth / 2;
		allocationText.y = skillDescriptionText.y + skillDescriptionText.height / 2 + 100; // Below description
		allocationText.anchor.set(0.5, 0.5);
		allocationText.name = "allocationText"; // Name for updating
		skillPopup.addChild(allocationText);
	}
	// --- Buttons ---
	var buttonY = roomHeight / 2 + 450; // Position buttons lower
	// Exit Button
	var exitButton = LK.getAsset('cancelButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 3,
		scaleY: 3
	});
	exitButton.x = roomWidth / 2 - 400; // Spread buttons
	exitButton.y = buttonY;
	exitButton.down = function () {
		menuContainer.removeChild(skillPopup);
		isSkillDetailPopupActive = false; // Reset the specific flag
		updateSkillNodePointDisplays(); // Update points on the tree screen when closing
	};
	skillPopup.addChild(exitButton);
	// --- Modified Spend Button ---
	var spendButton = LK.getAsset('spendButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 3,
		scaleY: 3
	});
	spendButton.x = roomWidth / 2 + 400; // Spread buttons
	spendButton.y = buttonY; // Use the calculated button Y position
	spendButton.down = function () {
		// ** Check skillData exists first **
		if (!skillData) {
			return;
		}
		if (heroSkillPoints > 0 && skillData.points < skillData.max) {
			heroSkillPoints--;
			skillData.points++; // Update points in central definition
			// Refresh global skill point displays
			refreshSkillPointsText(); // Updates display on popup and underlying screens
			// --- Update EXISTING popup content using direct variables ---
			// ** No need for getChildByName **
			// Update Description Text
			if (skillDescriptionText && skillData.descriptionFn) {
				// Use skillDescriptionText directly
				// Regenerate description with new point count
				var newDescription = skillData.descriptionFn(skillData.points, skillData.calcData);
				skillDescriptionText.setText(newDescription); // Update the text
				// Adjust allocation text position relative to potentially resized description
				if (allocationText) {
					// Check if allocationText exists before accessing its y property
					allocationText.y = skillDescriptionText.y + skillDescriptionText.height / 2 + 100;
				}
			}
			// Update Allocation Text
			if (allocationText) {
				// Use allocationText directly
				allocationText.setText(skillData.points + '/' + skillData.max);
			}
			// --- End Update EXISTING popup content ---
			// Update the points on the node behind this popup immediately
			updateSkillNodePointDisplays();
		} else {
			// Add visual feedback? (e.g., shake button, change color briefly)
		}
	};
	skillPopup.addChild(spendButton);
	// Skill Points Text (for this popup) - Ensure it gets updated
	var skillPointsTextPopup = new Text2('Skill Points: ' + heroSkillPoints, {
		size: 70,
		fill: 0xFFFFFF,
		fontWeight: "bold"
	});
	skillPointsTextPopup.x = roomWidth / 2;
	skillPointsTextPopup.y = roomHeight - 100; // bottom area of popup
	skillPointsTextPopup.anchor.set(0.5, 1); // Anchor at bottom center
	skillPointsTextPopup.name = "popupSkillPointsText"; // Name it
	skillPopup.addChild(skillPointsTextPopup);
	return skillPopup;
}
// Displays the details for a specific skill (Called by node clicks)
function displaySkillDetailPopup(skillName) {
	if (isSkillDetailPopupActive) {
		return;
	} // Prevent multiple detail popups
	var skillData = skillDefinitions[skillName];
	if (!skillData) {
		return;
	}
	var currentPoints = skillData.points;
	var description = skillData.descriptionFn ? skillData.descriptionFn(currentPoints, skillData.calcData) : "No description available.";
	var skillPopup = createSkillPopup(skillName, description);
	menuContainer.addChild(skillPopup);
	isSkillDetailPopupActive = true; // Set the specific flag
	isPopupActive = false; // Ensure general flag is off if only detail popup is shown
}
// Creates a single node in the skill tree view (Modified for unique icons AND scaling)
function createSkillTreeNode(skillName, position, parentPopup) {
	var skillData = skillDefinitions[skillName];
	if (!skillData) {
		return;
	}
	// --- Get Specific Icon Asset Name ---
	var iconAssetId = 'skill_node_placeholder'; // Default to placeholder
	var treeLayout = skillTreeLayouts[skillData.tree];
	if (treeLayout && treeLayout.icons && treeLayout.icons[skillName]) {
		iconAssetId = treeLayout.icons[skillName]; // Use specific asset name if mapped
	} else {
		// console.log("Warning: Icon asset mapping missing for skill: " + skillName);
	}
	// --- Create Node Graphic ---
	var skillNodeGraphic = null;
	var nodeScale = 3.0; // <<< SET YOUR DESIRED SCALE HERE (e.g., 1.25, 1.5, 2.0)
	try {
		skillNodeGraphic = LK.getAsset(iconAssetId, {
			anchorX: 0.5,
			// Set anchor in asset definition or here if needed
			anchorY: 0.5
			// Don't set scale here if using .scale.set() below
		});
	} catch (e) {
		// Fallback if the specific asset failed to load
		console.log("Error loading asset '" + iconAssetId + "', using placeholder. Error: " + e);
		iconAssetId = 'skill_node_placeholder'; // Ensure we use placeholder name
		skillNodeGraphic = LK.getAsset(iconAssetId, {
			anchorX: 0.5,
			anchorY: 0.5
		});
	}
	// --- Apply Scaling ---
	if (skillNodeGraphic.scale && skillNodeGraphic.scale.set) {
		// Check if scale property exists
		skillNodeGraphic.scale.set(nodeScale); // Set both X and Y scale
	} else {
		// Fallback if .scale.set isn't available (less common)
		skillNodeGraphic.scaleX = nodeScale;
		skillNodeGraphic.scaleY = nodeScale;
	}
	skillNodeGraphic.x = position.x;
	skillNodeGraphic.y = position.y;
	skillNodeGraphic.interactive = true;
	// --- Points Text ---
	var points = skillData.points;
	var maxPoints = skillData.max;
	// Maybe increase font size slightly too? e.g., size: 50
	var pointsText = new Text2(points + '/' + maxPoints, {
		size: 45,
		fill: 0xFFFFFF,
		fontWeight: "bold",
		// Increased size slightly
		stroke: 0x000000,
		strokeThickness: 3
	});
	pointsText.x = position.x;
	// Adjust Y offset based on the NEW scaled icon size
	// If original height was 80 and scale is 1.5, new height is 120. Offset should be > half of that.
	var iconScaledHeight = (skillNodeGraphic.height || 80) * nodeScale; // Estimate scaled height
	pointsText.y = position.y + iconScaledHeight / 2 + 10; // Position below the scaled icon + small gap
	pointsText.anchor.set(0.5, 0); // Anchor horizontal center, vertical top
	pointsText.name = skillName + "_pointsText"; // Unique name for updates
	// --- Click Handler ---
	skillNodeGraphic.down = function () {
		displaySkillDetailPopup(skillName); // Call the single generic display function
		// Visual feedback (Flash) - Optional
		var originalTint = skillNodeGraphic.tint !== undefined ? skillNodeGraphic.tint : null;
		skillNodeGraphic.tint = 0xFFFF00; // Yellow flash
		LK.setTimeout(function () {
			if (skillNodeGraphic.tint !== undefined) {
				skillNodeGraphic.tint = originalTint;
			}
		}, 150);
	};
	parentPopup.addChild(skillNodeGraphic);
	parentPopup.addChild(pointsText);
}
// Opens the specific skill tree view popup
function openSkillTreePopup(skillTreeName) {
	menuContainer.removeChild(skillTreePopup); // Remove main selection screen
	var layoutData = skillTreeLayouts[skillTreeName];
	if (!layoutData) {
		menuContainer.addChild(skillTreePopup); // Go back to main selection
		return;
	}
	var newPopup = new Container();
	newPopup.width = roomWidth;
	newPopup.height = roomHeight;
	newPopup.interactive = true; // Block clicks through
	newPopup.name = skillTreeName + "_popup"; // Name the popup
	// Background
	var newPopupBackground = LK.getAsset(layoutData.backgroundAsset, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	newPopupBackground.x = roomWidth / 2;
	newPopupBackground.y = roomHeight / 2;
	newPopup.addChild(newPopupBackground);
	// Back Button (Use the class)
	var backButton = new BackButton();
	newPopup.addChild(backButton);
	// Title (Modified for better centering and wrapping)
	var skillTreeTitle = new Text2(skillTreeName, {
		size: 100,
		fill: 0xFFFFFF,
		fontWeight: "bold",
		fontFamily: "Techno, sans-serif",
		letterSpacing: 2,
		stroke: 0x00FFCC,
		strokeThickness: 3,
		align: 'center',
		// Explicitly center align the text
		wordWrap: true,
		// Enable word wrap
		wordWrapWidth: roomWidth * 0.8 // Wrap if title exceeds 80% of screen width
	});
	skillTreeTitle.x = roomWidth / 2; // Center horizontally
	skillTreeTitle.y = 100; // Position near top
	skillTreeTitle.anchor.set(0.5, 0); // Anchor at horizontal center, vertical top
	newPopup.addChild(skillTreeTitle);
	// Create Nodes
	layoutData.nodes.forEach(function (skillName) {
		var position = layoutData.positions[skillName];
		if (position) {
			createSkillTreeNode(skillName, position, newPopup);
		} else {}
	});
	// Skill Points Display at Bottom (use global reference)
	skillTreePointsText = new Text2('Skill Points: ' + heroSkillPoints, {
		size: 70,
		fill: 0xFFFFFF,
		fontWeight: "bold"
	});
	skillTreePointsText.x = roomWidth / 2;
	skillTreePointsText.y = roomHeight - 100; // bottom of the screen
	skillTreePointsText.anchor.set(0.5, 1); // Anchor bottom center
	newPopup.addChild(skillTreePointsText);
	refreshTreePointsText(); // Update the text content
	menuContainer.addChild(newPopup);
	isPopupActive = true; // This tree view is a major popup
	isSkillDetailPopupActive = false; // Detail view is not open yet
}
// Refreshes the skill points text on visible UI elements
function refreshSkillPointsText() {
	// Update main skill tree selection screen text (if visible)
	if (skillPointsDisplay && skillPointsDisplay.parent) {
		skillPointsDisplay.setText('Skill Points: ' + heroSkillPoints);
	}
	// Update individual skill tree screen text (if visible)
	if (skillTreePointsText && skillTreePointsText.parent) {
		skillTreePointsText.setText('Skill Points: ' + heroSkillPoints);
	}
	// Update skill detail popup text (if visible and active)
	if (isSkillDetailPopupActive && menuContainer.children.length > 0) {
		var currentPopup = menuContainer.children[menuContainer.children.length - 1];
		// Check if it's likely the detail popup (has the specific text element)
		var popupPointsText = currentPopup.getChildByName ? currentPopup.getChildByName("popupSkillPointsText") : null;
		if (popupPointsText) {
			popupPointsText.setText('Skill Points: ' + heroSkillPoints);
		}
	}
}
// Updates the 'X/Y' text on the nodes within an active skill tree popup
function updateSkillNodePointDisplays() {
	var activeSkillTreePopup = null;
	// Find the currently displayed skill tree popup by its name convention
	for (var i = menuContainer.children.length - 1; i >= 0; i--) {
		var child = menuContainer.children[i];
		// Check if child has a name and it ends with '_popup' (set in openSkillTreePopup)
		if (child && child.name && child.name.endsWith("_popup")) {
			activeSkillTreePopup = child;
			break; // Found the active tree popup
		}
	}
	// Only proceed if we found an active skill tree popup
	if (activeSkillTreePopup && activeSkillTreePopup.children) {
		// Check children array exists
		// Loop through all skills defined in our central structure
		for (var skillName in skillDefinitions) {
			if (skillDefinitions.hasOwnProperty(skillName)) {
				var skillData = skillDefinitions[skillName];
				var targetNodeName = skillName + "_pointsText"; // The name of the text node we are looking for
				// Iterate through the children of the active skill tree popup to find the node
				var foundNode = false; // Flag to stop searching once found
				for (var k = 0; k < activeSkillTreePopup.children.length; k++) {
					var nodeChild = activeSkillTreePopup.children[k];
					// Check if this child is the points text node we want by name
					if (nodeChild && nodeChild.name === targetNodeName) {
						// Found it! Update the text.
						// Make sure it's a text object with setText
						if (nodeChild.setText) {
							nodeChild.setText(skillData.points + '/' + skillData.max);
						} else {}
						foundNode = true; // Mark as found
						break; // Stop searching children for this specific skillName
					}
				} // End inner loop (children iteration)
			}
		} // End outer loop (skillDefinitions iteration)
	} else {
		// This case means no skill tree popup is currently active, which is normal
		// when the player is in the game or on the main skill selection screen.
	}
}
// Refreshes the skill points text specifically on the individual tree view (if open)
function refreshTreePointsText() {
	if (skillTreePointsText && skillTreePointsText.parent) {
		// Check if it exists and is on stage
		skillTreePointsText.setText('Skill Points: ' + heroSkillPoints);
	}
}
function spendSkillPoint(skillName) {
	// Example refactor needed inside spend button's down handler
	var skillData = skillDefinitions[skillName];
	if (heroSkillPoints > 0 && skillData.points < skillData.max) {
		heroSkillPoints--;
		skillData.points++;
		refreshSkillPointsText();
		// --- TODO: Update the skill detail popup UI ---
		// updateSkillPopupContent(skillName); // You'd need this helper
		updateSkillNodePointDisplays();
		hero.recalculateStats(); // <<< RECALCULATE STATS AFTER SPENDING
	}
}
// --- Room and Game Flow Functions ---
function addDirectionalArrows() {
	// Remove existing arrows first to prevent duplicates
	gameContainer.children.forEach(function (child) {
		if (child.isDirectionalArrow) {
			// Add a flag to identify these arrows
			gameContainer.removeChild(child);
		}
	});
	var arrowDirections = ['top', 'bottom', 'left', 'right'];
	arrowDirections.forEach(function (direction) {
		var arrow = LK.getAsset('directionalArrow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		arrow.isDirectionalArrow = true; // Add flag
		switch (direction) {
			case 'top':
				arrow.x = roomWidth / 2;
				arrow.y = wallThickness + 150;
				arrow.rotation = 0;
				break;
			case 'bottom':
				arrow.x = roomWidth / 2;
				arrow.y = roomHeight - wallThickness - 150;
				arrow.rotation = Math.PI;
				break;
			case 'left':
				arrow.x = wallThickness + 150;
				arrow.y = roomHeight / 2;
				arrow.rotation = -Math.PI / 2;
				break;
			case 'right':
				arrow.x = roomWidth - wallThickness - 150;
				arrow.y = roomHeight / 2;
				arrow.rotation = Math.PI / 2;
				break;
		}
		gameContainer.addChild(arrow); // Add arrows to game container, not UI
		LK.effects.flashObject(arrow, 0xffffff, 1000); // Flash effect
	});
}
function removeDirectionalArrows() {
	gameContainer.children.slice().forEach(function (child) {
		// Iterate over a copy
		if (child.isDirectionalArrow) {
			gameContainer.removeChild(child);
		}
	});
}
function updateRoomDisplay() {
	if (!roomDisplay || !currentRoom || !hero) {
		return;
	}
	var enemiesLeft = currentRoom.killGoal - currentRoom.enemiesKilled;
	roomDisplay.setText('Room: ' + currentRoom.number + ' | Enemies Left: ' + Math.max(enemiesLeft, 0));
	if (healthText && hero) {
		// Check hero exists
		// Display current/max health
		healthText.setText('Health: ' + Math.max(Math.round(hero.health), 0) + ' / ' + Math.round(hero.getStat('maxHealth')));
		// Update color based on health percentage?
		var healthPercent = hero.health / hero.getStat('maxHealth');
		if (healthPercent > 0.6) {
			healthText.style.fill = 0x00FF00;
		} // Green
		else if (healthPercent > 0.3) {
			healthText.style.fill = 0xFFFF00;
		} // Yellow
		else {
			healthText.style.fill = 0xFF0000;
		} // Red
	}
}
function stopRoomMusic() {
	LK.stopMusic(); // Use engine's function to stop all music
	currentRoomMusic = null;
}
function playRoomMusic(roomNumber) {
	stopRoomMusic(); // Stop previous music first
	var musicAsset = 'room' + roomNumber + '_music';
	// Check if asset exists? LK might handle errors gracefully or not.
	try {
		currentRoomMusic = LK.playMusic(musicAsset, {
			loop: true
		}); // Play new music
	} catch (e) {}
}
function checkRoomCleared() {
	if (!currentRoom || currentRoom.isCleared) {
		return;
	}
	if (currentRoom.enemiesKilled >= currentRoom.killGoal) {
		currentRoom.isCleared = true;
		hero.canExitRoom = true; // Allow hero to leave
		// Play room cleared sound
		var soundAsset = 'room' + currentRoom.number + '_cleared';
		try {
			var roomClearedSound = LK.getSound(soundAsset); // Get sound object
			if (roomClearedSound && roomClearedSound.play) {
				roomClearedSound.play();
			}
		} catch (e) {}
		stopRoomMusic(); // Stop the room's music
		updateRoomDisplay();
		addDirectionalArrows(); // Show exits
	}
}
function transitionToNextRoom() {
	// --- Clean up current room ---
	if (game.background) {
		game.removeChild(game.background);
		game.background = null;
	}
	// Clear remaining enemies explicitly
	currentRoom.enemies.slice().forEach(function (enemy) {
		// Iterate over a copy
		if (enemy.parent) {
			enemy.parent.removeChild(enemy);
		}
		// if(enemy.destroy) enemy.destroy(); // Use engine destroy if available
	});
	currentRoom.enemies = [];
	removeDirectionalArrows(); // Remove exit indicators
	// --- Choose next room ---
	if (!visitedRooms.includes(currentRoom.number)) {
		visitedRooms.push(currentRoom.number);
	}
	if (visitedRooms.length >= totalRooms) {
		visitedRooms = []; // Reset if all rooms visited
		// Optionally exclude the immediate previous room
		if (currentRoom) {
			visitedRooms.push(currentRoom.number);
		}
	}
	var nextRoomNumber;
	do {
		nextRoomNumber = Math.floor(Math.random() * totalRooms) + 1;
	} while (visitedRooms.includes(nextRoomNumber)); // Ensure it's not in the visited list for this cycle
	// --- Initialize the new room ---
	currentRoom = new Room(nextRoomNumber); // Create new Room object
	// Set up background
	var bgImageIndex = (currentRoom.number - 1) % roomBackgroundImages.length;
	var bgImage = LK.getAsset(roomBackgroundImages[bgImageIndex], {
		anchorX: 0.5,
		anchorY: 0.5
	});
	bgImage.x = roomWidth / 2;
	bgImage.y = roomHeight / 2;
	game.addChildAt(bgImage, 0); // Add background behind other game elements
	game.background = bgImage;
	// Update UI and state
	hero.canExitRoom = false;
	updateRoomDisplay();
	playRoomMusic(currentRoom.number);
	currentRoom.startSpawning(); // Start spawning enemies for the new room
}
// Called by Hero when entering an exit zone
function transitionToNewRoom(entrySide) {
	// Position hero based on where they will ENTER the NEW room
	if (entrySide === 'top') {
		hero.y = wallThickness + hero.height / 2 + 10;
		hero.x = roomWidth / 2;
	} else if (entrySide === 'bottom') {
		hero.y = roomHeight - wallThickness - hero.height / 2 - 10;
		hero.x = roomWidth / 2;
	} else if (entrySide === 'left') {
		hero.x = wallThickness + hero.width / 2 + 10;
		hero.y = roomHeight / 2;
	} else if (entrySide === 'right') {
		hero.x = roomWidth - wallThickness - hero.width / 2 - 10;
		hero.y = roomHeight / 2;
	}
	stopRoomMusic(); // Stop music before transition logic
	transitionToNextRoom(); // Sets up the new room, plays music, etc.
}
// --- Room Class Definition ---
var Room = function Room(number) {
	this.number = number;
	this.enemies = [];
	this.isCleared = false;
	// Adjust spawn counts/kill goals as needed
	this.spawnLimit = this.number === 1 ? 15 : 10 + 5 * this.number; // Example scaling
	this.killGoal = this.spawnLimit;
	this.enemiesSpawned = 0;
	this.enemiesKilled = 0;
	this.enemyCounter = 0; // Count of currently active enemies
	this.spawnIntervalId = null; // To store the interval ID
	this.startSpawning = function () {
		var self = this; // Reference to 'this' room instance
		var spawnDelay = 1500; // ms between spawns
		this.spawnIntervalId = LK.setInterval(function () {
			// Check conditions *inside* the interval function
			if (self.enemiesSpawned < self.spawnLimit && !self.isCleared && !isPopupActive && !isSkillDetailPopupActive) {
				self.spawnEnemy();
			} else if (self.enemiesSpawned >= self.spawnLimit || self.isCleared) {
				// Stop spawning if limit reached or room cleared
				LK.clearInterval(self.spawnIntervalId);
				self.spawnIntervalId = null;
			}
			// If popups are active, the interval continues but doesn't spawn
		}, spawnDelay);
	};
	this.spawnEnemy = function () {
		// Double check conditions just before spawning
		if (this.enemiesSpawned >= this.spawnLimit || this.isCleared || isPopupActive || isSkillDetailPopupActive) {
			return;
		}
		var spawnKeys = Object.keys(spawnPoints);
		var spawnIndex = Math.floor(Math.random() * spawnKeys.length);
		var spawnPoint = spawnPoints[spawnKeys[spawnIndex]];
		var enemy = null;
		var enemyTypeRand = Math.random();
		// Define spawn probabilities based on room number
		if (this.number <= 1) {
			// Room 1: Mostly basic, few tanks
			if (enemyTypeRand < 0.15) {
				enemy = new TankEnemy();
			} // 15% Tank
			else {
				enemy = new Enemy();
			} // 85% Basic
		} else if (this.number <= 3) {
			// Rooms 2-3: Introduce ranged
			if (enemyTypeRand < 0.15) {
				enemy = new TankEnemy();
			} // 15% Tank
			else if (enemyTypeRand < 0.40) {
				enemy = new RangedEnemy();
			} // 25% Ranged
			else {
				enemy = new Enemy();
			} // 60% Basic
		} else {
			// Rooms 4+: More tough enemies
			if (enemyTypeRand < 0.25) {
				enemy = new TankEnemy();
			} // 25% Tank
			else if (enemyTypeRand < 0.60) {
				enemy = new RangedEnemy();
			} // 35% Ranged
			else {
				enemy = new Enemy();
			} // 40% Basic
		}
		if (enemy) {
			enemy.x = spawnPoint.x;
			enemy.y = spawnPoint.y;
			// enemy.active = true; // Set in BaseEnemy constructor/init
			// enemy.health = ???; // Set in specific enemy class constructor
			enemy.visible = true;
			this.enemies.push(enemy);
			gameContainer.addChild(enemy); // Add to the game world container
			this.enemiesSpawned++;
			this.enemyCounter++; // Increment active enemy count
		}
	};
	// Call startSpawning when the room is created and ready
	// this.startSpawning(); // Moved initialization to transitionToNextRoom
};
/**** 
* Game Setup and Initialization
****/ 
function initializeMainMenu() {
	// Create the main skill tree selection popup container
	skillTreePopup = new Container();
	skillTreePopup.width = roomWidth;
	skillTreePopup.height = roomHeight;
	skillTreePopup.interactive = true;
	var skillTreeBackground = LK.getAsset('skillTree_Background', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	skillTreeBackground.x = roomWidth / 2;
	skillTreeBackground.y = roomHeight / 2;
	skillTreePopup.addChild(skillTreeBackground);
	// Skill Points Display for main menu
	skillPointsDisplay = new Text2('Skill Points: ' + heroSkillPoints, {
		size: 70,
		fill: 0xFFFFFF,
		fontWeight: "bold"
	});
	skillPointsDisplay.x = roomWidth / 2;
	skillPointsDisplay.y = roomHeight - 100; // Near bottom
	skillPointsDisplay.anchor.set(0.5, 1); // Anchor bottom center
	skillTreePopup.addChild(skillPointsDisplay);
	// Define positions for the 6 main tree icons/titles
	var treeIconPositions = [{
		x: roomWidth / 2 - 450,
		y: roomHeight / 2 - 550
	}, {
		x: roomWidth / 2 + 450,
		y: roomHeight / 2 - 550
	}, {
		x: roomWidth / 2 - 450,
		y: roomHeight / 2
	}, {
		x: roomWidth / 2 + 450,
		y: roomHeight / 2
	}, {
		x: roomWidth / 2 - 450,
		y: roomHeight / 2 + 550
	}, {
		x: roomWidth / 2 + 450,
		y: roomHeight / 2 + 550
	}];
	var skillTreeAssetMap = {
		'The Circuit of Ascension': 'circuitofascension',
		'The Echoes of Ancestry': 'echoesofancestry',
		'The Forge of Possibilities': 'forgeofpossibilities',
		'The Prism of Potential': 'prismofpotential',
		'The Nexus of Chaos': 'nexusofchaos',
		'The Symphony of Shadows': 'symphonyofshadows'
	};
	var skillTreeTitles = Object.keys(skillTreeAssetMap);
	skillTreeTitles.forEach(function (title, index) {
		if (index >= treeIconPositions.length) {
			return;
		} // Safety check
		var position = treeIconPositions[index];
		var assetId = skillTreeAssetMap[title];
		// Title Text
		var titleText = new Text2(title, {
			size: 40,
			fill: 0xFFFFFF,
			fontWeight: "bold",
			// Smaller title
			fontFamily: "Techno, sans-serif",
			letterSpacing: 1,
			stroke: 0x00FFCC,
			strokeThickness: 2,
			align: 'center',
			wordWrap: true,
			wordWrapWidth: 300
		});
		titleText.x = position.x;
		titleText.y = position.y + 200; // Below icon
		titleText.anchor.set(0.5, 0);
		// Icon Asset
		var skillTreeAsset = LK.getAsset(assetId, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		skillTreeAsset.x = position.x;
		skillTreeAsset.y = position.y;
		skillTreeAsset.interactive = true;
		// Click handler for icon AND title
		var clickHandler = function clickHandler() {
			openSkillTreePopup(title);
		};
		skillTreeAsset.down = clickHandler;
		titleText.interactive = true;
		titleText.down = clickHandler;
		skillTreePopup.addChild(skillTreeAsset);
		skillTreePopup.addChild(titleText);
	});
	// Start Game Button
	var startGameButton = new StartGameButton();
	skillTreePopup.addChild(startGameButton);
	// Add the main menu to the stage
	menuContainer.addChild(skillTreePopup);
	isPopupActive = true; // Start with the menu active
}
// --- initializeGame (Modified) ---
function initializeGame() {
	if (!hero) {
		hero = gameContainer.addChild(new Hero());
		hero.x = roomWidth / 2;
		hero.y = roomHeight / 2;
		var joystick = uiContainer.addChild(new Joystick());
		hero.joystick = joystick;
		var aimingJoystick = uiContainer.addChild(new AimingJoystick());
		hero.aimingJoystick = aimingJoystick;
	} else {
		// Reset hero state if restarting
		hero.active = true; // Ensure hero is active
		hero.health = hero.getStat('maxHealth'); // Heal to full calculated max health
		hero.x = roomWidth / 2;
		hero.y = roomHeight / 2;
		hero.canExitRoom = false;
		hero.activeModifiers = []; // Clear buffs/debuffs
		// Reset any active effects or cooldowns if needed
	}
	// --- Apply initial stats from skills ---
	hero.recalculateStats(); // Calculate stats based on any initially allocated points (if loaded from save later)
	hero.health = hero.getStat('maxHealth'); // Ensure health starts at max after calculation
	// Set up initial room
	currentRoom = new Room(1);
	visitedRooms = [1];
	var initialBgImage = LK.getAsset(roomBackgroundImages[0], {
		anchorX: 0.5,
		anchorY: 0.5
	});
	initialBgImage.x = roomWidth / 2;
	initialBgImage.y = roomHeight / 2;
	game.addChildAt(initialBgImage, 0);
	game.background = initialBgImage;
	// Setup UI Bars/Text
	var statsBar = LK.getAsset('box', {
		anchorX: 0.0,
		anchorY: 0.0,
		width: roomWidth,
		height: 100,
		x: 0,
		y: 0,
		color: 0x111111,
		alpha: 0.7
	});
	uiContainer.addChild(statsBar);
	roomDisplay = new Text2('Room: 1 | Enemies Left: 0', {
		size: 60,
		fill: 0xFFFFFF,
		fontWeight: "bold",
		wordWrap: false
	});
	roomDisplay.x = roomWidth / 2;
	roomDisplay.y = 60;
	roomDisplay.anchor.set(0.5, 0.5);
	uiContainer.addChild(roomDisplay);
	healthText = new Text2('Health: ' + Math.round(hero.health) + ' / ' + Math.round(hero.getStat('maxHealth')), {
		size: 60,
		fill: 0x00FF00,
		fontWeight: "bold",
		wordWrap: false
	});
	healthText.style = healthText.style || {};
	healthText.x = 250;
	healthText.y = 60;
	healthText.anchor.set(0, 0.5);
	uiContainer.addChild(healthText);
	updateRoomDisplay(); // Initial UI text update
	playRoomMusic(currentRoom.number);
	currentRoom.startSpawning();
}
// --- Global UI Buttons ---
// Kill All Button (Debug?)
var killAllButton = LK.getAsset('killAllButton', {
	anchorX: 0.5,
	anchorY: 0.5
});
killAllButton.x = 250;
killAllButton.y = roomHeight - 500; // Position lower left
uiContainer.addChild(killAllButton);
killAllButton.down = function (x, y, obj) {
	if (isPopupActive || isSkillDetailPopupActive || !currentRoom) {
		return;
	} // Don't activate if popups open or no room
	currentRoom.enemies.slice().forEach(function (enemy) {
		// Iterate copy
		if (enemy.die) {
			enemy.die();
		} // Use the die method which handles cleanup
		else if (enemy.parent) {
			enemy.parent.removeChild(enemy);
		} // Fallback
	});
	currentRoom.enemies = []; // Clear array just in case
	currentRoom.enemyCounter = 0;
	currentRoom.enemiesKilled = currentRoom.killGoal; // Mark as cleared for kill count
	updateRoomDisplay();
	checkRoomCleared(); // Trigger cleared state
};
// Switch Weapon Zone/Button
var switchWeaponZone = LK.getAsset('switchWeaponZone', {
	anchorX: 0.5,
	anchorY: 0.5
});
switchWeaponZone.x = roomWidth - 250; // Position lower right
switchWeaponZone.y = roomHeight - 500;
uiContainer.addChild(switchWeaponZone);
switchWeaponZone.interactive = true; // Make the zone itself clickable
switchWeaponZone.down = function (x, y, obj) {
	if (isPopupActive || isSkillDetailPopupActive || !hero) {
		return;
	}
	hero.switchWeapon();
};
// --- Initial Setup Call ---
initializeMainMenu(); // Start by showing the main menu
/**** 
* Game Update Loop
****/ 
game.update = function () {
	// If any popup is active, skip core game updates
	if (isPopupActive || isSkillDetailPopupActive) {
		// Potentially update UI animations even when paused
		return;
	}
	// --- Core Gameplay Update ---
	if (!hero || !currentRoom || !hero.active) {
		// Ensure hero is active
		return;
	}
	// Update Hero (handles movement, attacks, modifiers, collision checks)
	hero.update();
	// Update Arrows (Projectiles fired by Hero)
	for (var j = arrows.length - 1; j >= 0; j--) {
		var arrow = arrows[j];
		if (!arrow) {
			arrows.splice(j, 1);
			continue;
		}
		arrow.update(); // Move arrow
		// Check collision with enemies AFTER moving
		for (var i = currentRoom.enemies.length - 1; i >= 0; i--) {
			var enemy = currentRoom.enemies[i];
			if (!enemy || !enemy.active) {
				continue;
			}
			// Simple distance check (improve with AABB or Circle if needed)
			var hitDx = enemy.x - arrow.x;
			var hitDy = enemy.y - arrow.y;
			var hitDistSqr = hitDx * hitDx + hitDy * hitDy;
			var enemyRadius = (enemy.width || 50) / 2;
			var arrowRadius = (arrow.width || 10) / 2;
			var collisionDist = enemyRadius + arrowRadius;
			if (hitDistSqr < collisionDist * collisionDist) {
				// console.log("Arrow Hit Enemy! Damage:", arrow.damage, "Type:", arrow.damageType); // Debug
				if (enemy.takeDamage) {
					enemy.takeDamage(arrow.damage, arrow.damageType, arrow.source); // Pass type and source
				}
				// Apply LifeSteal on hit (if the arrow came from the hero)
				if (arrow.source === hero) {
					var lifeStealAmount = arrow.damage * hero.getStat('lifeSteal');
					if (lifeStealAmount > 0) {
						hero.takeDamage(lifeStealAmount, DamageType.HEALING);
					}
				}
				// --- TODO: Add Arrow Hit VFX/SFX ---
				// --- TODO: Add arrow on-hit proc checks (e.g., for Elemental Infusion, Chaotic Spark from Hero) ---
				arrow.destroy(); // Destroys arrow and removes from array
				break; // Arrow hits one enemy and is destroyed
			}
		}
	} // End arrow update loop
	// Update Enemies
	var enemiesToUpdate = currentRoom.enemies.slice(); // Iterate copy
	for (var k = 0; k < enemiesToUpdate.length; k++) {
		var enemy = enemiesToUpdate[k];
		// Check if enemy still exists and is active (might have been killed by hero/arrow this frame)
		// And check if it has an update method
		if (enemy && enemy.active && enemy.update) {
			// Also check if the enemy is still in the original array (could be removed by another enemy's effect?)
			if (currentRoom.enemies.includes(enemy)) {
				enemy.update();
			}
		}
	}
	// Update Enemy Projectiles (assuming they are added directly to gameContainer, not a specific array)
	// We need to iterate gameContainer children or create a separate enemyProjectiles array
	// Let's assume for now Projectile class handles its own hero collision check within its update
	gameContainer.children.forEach(function (child) {
		// This is inefficient - better to have specific arrays
		if (child instanceof Projectile && child.update) {
			// Projectile.update already handles collision with hero
			// If it didn't, we'd check here:
			// if (hero && hero.active && child.intersects && child.intersects(hero)) { ... }
		}
	});
	// checkRoomCleared(); // Now called reliably within enemy.die()
}; // End Game Update

===================================================================
--- original.js
+++ change.js
@@ -63,28 +63,26 @@
 		return joystickHandle.x !== 0 || joystickHandle.y !== 0;
 	};
 	return self;
 });
-// Arrow class
+// --- Arrow Class (Modified) ---
 var Arrow = Container.expand(function () {
 	var self = Container.call(this);
 	self.attachAsset('arrow', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
 	self.speed = 15;
-	self.damage = 5; // Base damage
+	self.baseDamage = 5; // Base damage before hero bonuses
+	self.damageType = DamageType.PHYSICAL; // Default damage type for arrows
+	self.critChance = 0; // Inherit from hero later
+	self.critDamage = 1.5; // Inherit from hero later
 	self.update = function () {
 		self.x += Math.cos(self.rotation) * self.speed;
 		self.y += Math.sin(self.rotation) * self.speed;
 		// Check bounds
 		if (self.x < 0 || self.x > roomWidth || self.y < 0 || self.y > roomHeight) {
-			self.destroy(); // Use built-in destroy if available
-			// Remove from arrows array - IMPORTANT!
-			var index = arrows.indexOf(self);
-			if (index > -1) {
-				arrows.splice(index, 1);
-			}
+			self.destroy();
 		}
 	};
 	// Overload destroy to ensure removal from array
 	var originalDestroy = self.destroy;
@@ -94,12 +92,11 @@
 			arrows.splice(index, 1);
 		}
 		if (originalDestroy) {
 			originalDestroy.call(self);
-		} // Call original LK destroy
-		else if (self.parent) {
+		} else if (self.parent) {
 			self.parent.removeChild(self);
-		} // Manual remove if no built-in destroy
+		}
 	};
 	return self;
 });
 // BackButton class (for skill tree navigation)
@@ -122,325 +119,359 @@
 		isSkillDetailPopupActive = false; // Ensure detail flag is off
 	};
 	return self;
 });
-// Base Enemy class (with shared movement logic)
-var BaseEnemy = Container.expand(function () {
+// --- Base Entity Class (NEW - Parent for Hero and BaseEnemy) ---
+// Contains shared stats logic
+var BaseEntity = Container.expand(function () {
 	var self = Container.call(this);
-	self.speed = 1.0; // Default speed
-	self.health = 10; // Default health
-	self.damageAmount = 5; // Default damage
-	self.damageCooldownTime = 60; // Frames
-	self.damageCooldown = 0;
-	self.active = true; // Flag if enemy should update
-	// --- Shared Methods ---
-	self.handleWallCollision = function () {
-		var changed = false;
-		if (self.x < wallThickness) {
-			self.x = wallThickness;
-			changed = true;
+	// --- Core Stats ---
+	self.health = 100;
+	self.maxHealth = 100;
+	self.energy = 50; // Optional resource
+	self.maxEnergy = 50;
+	self.energyRegen = 0.5; // Per second? Per frame? TBD
+	self.armor = 10; // Reduces Physical Damage
+	self.magicResist = 5; // Reduces non-physical Damage
+	self.movementSpeed = 3; // Base speed multiplier
+	self.attackSpeed = 1.0; // Multiplier (1.0 = 100%)
+	self.damageBonus = 0; // Percentage bonus (e.g., 0.1 for +10%)
+	self.critChance = 0.05; // 5% base crit chance
+	self.critDamage = 1.5; // 150% damage on crit
+	self.dodgeChance = 0.0; // 0% base dodge
+	self.lifeSteal = 0.0;
+	self.thorns = 0; // Flat damage reflected
+	self.skillCooldownReduction = 0.0; // Percentage (0.1 for 10%)
+	// --- Resistances (as percentages, 0.1 = 10%) ---
+	self.fireResist = 0.0;
+	self.iceResist = 0.0;
+	self.lightningResist = 0.0;
+	self.poisonResist = 0.0;
+	self.shadowResist = 0.0;
+	self.chaosResist = 0.0;
+	// --- Modifiers (Buffs/Debuffs) ---
+	self.activeModifiers = []; // Stores { stat, value, duration, isPercentage, source }
+	// --- Stat Calculation Helpers ---
+	self.getStat = function (statName) {
+		var baseValue = self[statName] || 0;
+		var additiveBonus = 0;
+		var multiplicativeBonus = 1.0;
+		// Apply active modifiers
+		self.activeModifiers.forEach(function (mod) {
+			if (mod.stat === statName) {
+				if (mod.isPercentage) {
+					multiplicativeBonus += mod.value;
+				} else {
+					additiveBonus += mod.value;
+				}
+			}
+		});
+		// Calculate final value: (Base + Flat Bonuses) * Multiplicative Bonuses
+		var finalValue = (baseValue + additiveBonus) * multiplicativeBonus;
+		// --- Clamping specific stats ---
+		if (statName === 'critChance' || statName === 'dodgeChance' || statName === 'skillCooldownReduction' || statName.includes('Resist')) {
+			finalValue = Math.max(0, Math.min(finalValue, 1.0)); // Clamp percentages between 0% and 100% (or higher if needed for resists?)
 		}
-		if (self.x > roomWidth - wallThickness) {
-			self.x = roomWidth - wallThickness;
-			changed = true;
+		if (statName === 'attackSpeed') {
+			finalValue = Math.max(0.1, finalValue); // Ensure attack speed doesn't go below a certain threshold
 		}
-		if (self.y < wallThickness) {
-			self.y = wallThickness;
-			changed = true;
+		if (statName === 'movementSpeed') {
+			finalValue = Math.max(0.5, finalValue); // Ensure move speed doesn't go too low
 		}
-		if (self.y > roomHeight - wallThickness) {
-			self.y = roomHeight - wallThickness;
-			changed = true;
-		}
-		return changed; // Return true if position was adjusted
+		return finalValue;
 	};
-	self.moveTowards = function (targetX, targetY, moveSpeed) {
-		var dx = targetX - self.x;
-		var dy = targetY - self.y;
-		var distance = Math.sqrt(dx * dx + dy * dy);
-		if (distance > 0.1) {
-			// Avoid division by zero and tiny movements
-			self.x += dx / distance * moveSpeed;
-			self.y += dy / distance * moveSpeed;
-			self.rotation = Math.atan2(dy, dx);
-		}
-		return distance;
+	// --- Modifier Management ---
+	self.applyStatModifier = function (stat, value, duration, isPercentage, source) {
+		var modifier = {
+			id: LK.Utils.uuid(),
+			// Assuming LK engine has a UUID generator, otherwise use timestamp or simple counter
+			stat: stat,
+			value: value,
+			duration: duration,
+			// In frames (assuming 60fps)
+			isPercentage: isPercentage,
+			source: source || 'unknown'
+		};
+		self.activeModifiers.push(modifier);
+		// Optionally add visual effect start here
 	};
-	self.takeDamage = function (amount) {
-		self.health -= amount;
-		if (self.health <= 0) {
-			self.die();
+	self.removeStatModifier = function (modifierId) {
+		var index = self.activeModifiers.findIndex(function (mod) {
+			return mod.id === modifierId;
+		});
+		if (index > -1) {
+			// Optionally add visual effect end here
+			self.activeModifiers.splice(index, 1);
 		}
 	};
-	self.die = function () {
-		if (self.active) {
-			self.active = false; // Prevent further updates/actions
-			currentRoom.enemiesKilled++;
-			currentRoom.enemyCounter--; // Decrement active enemy count
-			updateRoomDisplay();
-			// Remove from room's enemy list AND destroy the object
-			var index = currentRoom.enemies.indexOf(self);
-			if (index > -1) {
-				currentRoom.enemies.splice(index, 1);
+	self.updateModifiers = function () {
+		for (var i = self.activeModifiers.length - 1; i >= 0; i--) {
+			var mod = self.activeModifiers[i];
+			mod.duration--;
+			if (mod.duration <= 0) {
+				self.removeStatModifier(mod.id);
 			}
-			if (self.parent) {
-				self.parent.removeChild(self);
-			} // Remove from scene graph
-			// LK might have a proper destroy method: if (self.destroy) self.destroy();
-			checkRoomCleared(); // Check if room is cleared after kill
 		}
 	};
-	// --- Default Update (can be overridden) ---
-	self.update = function () {
-		if (!self.active || !hero) {
-			return;
-		} // Basic safety checks
-		// Default behavior: Move towards hero
-		var offsetX = (Math.random() - 0.5) * 20;
-		var offsetY = (Math.random() - 0.5) * 20;
-		self.moveTowards(hero.x + offsetX, hero.y + offsetY, self.speed);
-		self.handleWallCollision();
-	};
-	// --- Animation Helper ---
-	self.setupAnimation = function (frameAssets) {
-		self.frames = frameAssets;
-		self.currentFrameIndex = 0;
-		self.frameDelay = 30; // Frames per animation frame
-		self.frameCounter = 0;
-		self.frameAssets = [];
-		// Pre-load all frame assets and add them to the container
-		for (var i = 0; i < frameAssets.length; i++) {
-			var frameAsset = self.attachAsset(frameAssets[i], {
-				anchorX: 0.5,
-				anchorY: 0.5
-			});
-			// Hide all frames except the first one
-			frameAsset.visible = i === 0;
-			self.frameAssets.push(frameAsset);
+	// --- Damage Calculation Logic ---
+	/** 
+	* Calculates the actual damage taken after considering defenses.
+	* @param {number} amount - The raw incoming damage amount.
+	* @param {string} damageType - The type of damage (from DamageType enum).
+	* @param {object} attackerStats - Optional stats of the attacker (for effects like penetration).
+	* @returns {number} The effective damage amount.
+	*/ 
+	self.calculateDamageTaken = function (amount, damageType, attackerStats) {
+		if (damageType === DamageType.TRUE) {
+			return amount;
 		}
-		self.graphics = self.frameAssets[0]; // Reference to current visible frame
-	};
-	self.updateAnimation = function () {
-		if (!self.frames || self.frames.length === 0) {
-			return;
+		if (damageType === DamageType.HEALING) {
+			return -amount; // Represent healing as negative damage
 		}
-		self.frameCounter++;
-		if (self.frameCounter >= self.frameDelay) {
-			self.frameCounter = 0;
-			if (self.frameAssets) {
-				// Hide all frames
-				for (var i = 0; i < self.frameAssets.length; i++) {
-					self.frameAssets[i].visible = false;
-				}
-				// Show only current frame
-				self.currentFrameIndex = (self.currentFrameIndex + 1) % self.frames.length;
-				self.frameAssets[self.currentFrameIndex].visible = true;
-			}
+		var effectiveDamage = amount;
+		var resistance = 0;
+		var defense = 0; // For armor/magic resist calculation
+		switch (damageType) {
+			case DamageType.PHYSICAL:
+				// Armor calculation (example: reduces damage by a percentage based on armor value)
+				// Formula needs tuning: e.g., Damage * (1 - Armor / (Armor + 100))
+				defense = self.getStat('armor');
+				effectiveDamage *= 1 - defense / (defense + 100); // Example formula
+				resistance = self.getStat('physicalResist') || 0; // Though often just Armor
+				break;
+			case DamageType.FIRE:
+				resistance = self.getStat('fireResist');
+				defense = self.getStat('magicResist');
+				break;
+			case DamageType.ICE:
+				resistance = self.getStat('iceResist');
+				defense = self.getStat('magicResist');
+				break;
+			case DamageType.LIGHTNING:
+				resistance = self.getStat('lightningResist');
+				defense = self.getStat('magicResist');
+				break;
+			case DamageType.POISON:
+				resistance = self.getStat('poisonResist');
+				defense = self.getStat('magicResist');
+				break;
+			case DamageType.SHADOW:
+				resistance = self.getStat('shadowResist');
+				defense = self.getStat('magicResist');
+				break;
+			case DamageType.CHAOS:
+				resistance = self.getStat('chaosResist');
+				defense = self.getStat('magicResist'); // Chaos typically uses magic resist
+				break;
+			default:
+				// Unknown type, assume magic resist applies
+				resistance = 0;
+				defense = self.getStat('magicResist');
+				break;
 		}
+		// Apply Magic Resist if applicable (non-physical, non-true, non-healing)
+		if (damageType !== DamageType.PHYSICAL && defense > 0) {
+			effectiveDamage *= 1 - defense / (defense + 100); // Same formula as armor, adjust as needed
+		}
+		// Apply specific elemental/type resistance (percentage reduction)
+		effectiveDamage *= 1 - resistance;
+		// --- TODO: Implement attacker penetration stats if needed ---
+		// Example: effectiveArmor = Math.max(0, defense - (attackerStats?.armorPenetration || 0));
+		// Example: effectiveResistance = Math.max(0, resistance - (attackerStats?.resistancePenetration || 0));
+		return Math.max(0, effectiveDamage); // Damage cannot be negative (unless healing)
 	};
-	return self;
-});
-// TankEnemy class
-var TankEnemy = BaseEnemy.expand(function () {
-	var self = BaseEnemy.call(this);
-	// Call base constructor
-	self.setupAnimation(['tank_run1', 'tank_run2', 'tank_run3', 'tank_run4']);
-	self.speed = 1.0;
-	self.health = 50;
-	self.damageAmount = 10; // Tank hits harder?
-	self.minDistance = 80; // Slightly larger contact distance?
-	self.update = function () {
-		if (!self.active || !hero) {
-			return;
+	/** 
+	* Calculates the final outgoing damage of an attack.
+	* @param {number} baseAmount - The base damage of the weapon/skill.
+	* @param {string} damageType - The type of damage.
+	* @returns {object} { damage: number, isCrit: boolean }
+	*/ 
+	self.calculateOutgoingDamage = function (baseAmount, damageType) {
+		var finalDamage = baseAmount;
+		var isCrit = false;
+		// Apply general damage bonus
+		finalDamage *= 1 + self.getStat('damageBonus');
+		// --- TODO: Apply specific damage type bonuses (e.g., +Fire Damage %) ---
+		// Example: if(damageType === DamageType.FIRE) finalDamage *= (1 + self.getStat('fireDamageBonus'));
+		// Check for critical hit
+		var critChance = self.getStat('critChance');
+		if (Math.random() < critChance) {
+			isCrit = true;
+			var critMultiplier = self.getStat('critDamage');
+			finalDamage *= critMultiplier;
+			// console.log("CRIT!"); // Debug
 		}
-		self.updateAnimation();
-		var targetX = hero.x;
-		var targetY = hero.y;
-		var distance = Math.sqrt(Math.pow(targetX - self.x, 2) + Math.pow(targetY - self.y, 2));
-		if (distance > self.minDistance) {
-			// Only move if further than min distance
-			self.moveTowards(targetX, targetY, self.speed);
-		} else {
-			// Close enough, deal damage?
-			if (self.damageCooldown <= 0) {
-				if (hero.takeDamage) {
-					hero.takeDamage(self.damageAmount);
-				} else {
-					hero.health -= self.damageAmount;
-				}
-				self.damageCooldown = self.damageCooldownTime;
-				updateRoomDisplay();
-			} else {
-				self.damageCooldown--;
-			}
-			// Tank might not get pushed back, or only slightly
-			self.rotation = Math.atan2(targetY - self.y, targetX - self.x); // Keep facing hero
-		}
-		self.handleWallCollision();
+		return {
+			damage: Math.max(0, finalDamage),
+			isCrit: isCrit
+		};
 	};
-	return self;
-});
-// RangedEnemy class
-var RangedEnemy = BaseEnemy.expand(function () {
-	var self = BaseEnemy.call(this);
-	// Call base constructor
-	self.setupAnimation(['ranged_run1', 'ranged_run2', 'ranged_run3', 'ranged_run4']);
-	self.speed = 2.0;
-	self.health = 20;
-	self.projectileCooldownTime = 180; // 3 seconds at 60 FPS
-	self.projectileCooldown = self.projectileCooldownTime; // Start ready? Or random initial cooldown?
-	self.desiredDistance = 350; // How far to stay from hero
-	self.update = function () {
-		if (!self.active || !hero) {
+	// --- Take Damage Method ---
+	/** 
+	* Applies damage to the entity after calculating defenses.
+	* @param {number} amount - The raw incoming damage amount.
+	* @param {string} damageType - The type of damage.
+	* @param {object} source - Optional: The entity that dealt the damage (for thorns, logs, etc.).
+	*/ 
+	self.takeDamage = function (amount, damageType, source) {
+		if (!self.active) {
 			return;
+		} // Don't take damage if inactive/dead
+		// Dodge Check (only against damaging types)
+		if (damageType !== DamageType.HEALING && damageType !== DamageType.TRUE) {
+			var dodgeChance = self.getStat('dodgeChance');
+			if (Math.random() < dodgeChance) {
+				// console.log("DODGED!"); // Debug
+				// --- TODO: Add dodge visual/sound effect ---
+				return; // Take no damage
+			}
 		}
-		self.updateAnimation();
-		var targetX = hero.x;
-		var targetY = hero.y;
-		var dx = targetX - self.x;
-		var dy = targetY - self.y;
-		var distance = Math.sqrt(dx * dx + dy * dy);
-		// Movement: Try to maintain desired distance
-		if (distance < self.desiredDistance - 10) {
-			// Move away if too close (with buffer)
-			self.moveTowards(targetX, targetY, -self.speed);
-		} else if (distance > self.desiredDistance + 10) {
-			// Move closer if too far (with buffer)
-			self.moveTowards(targetX, targetY, self.speed);
-		} else {
-			// Close enough, just rotate to face hero
-			self.rotation = Math.atan2(dy, dx);
+		var effectiveDamage = self.calculateDamageTaken(amount, damageType, source === null || source === void 0 ? void 0 : source.stats); // Pass source stats if available
+		// Apply Healing (negative effective damage) or Damage
+		self.health -= effectiveDamage;
+		// console.log(self.constructor.name + " took " + effectiveDamage.toFixed(2) + " " + damageType + " damage. HP left: " + self.health.toFixed(2)); // Debug
+		// Clamp health
+		self.health = Math.min(self.health, self.getStat('maxHealth')); // Cannot heal above max health
+		if (self.health <= 0) {
+			self.health = 0;
+			self.die(source); // Pass source to die method if needed
 		}
-		self.handleWallCollision();
-		// Shooting Logic
-		if (self.projectileCooldown <= 0) {
-			self.shootProjectile(targetX, targetY);
-			self.projectileCooldown = self.projectileCooldownTime;
-		} else {
-			self.projectileCooldown--;
+		// --- TODO: Add Thorns logic here ---
+		// if (damageType !== DamageType.HEALING && damageType !== DamageType.TRUE && source && source.takeDamage) {
+		//     var thornDamage = self.getStat('thorns');
+		//     if (thornDamage > 0) {
+		//          source.takeDamage(thornDamage, DamageType.PHYSICAL, self); // Thorns usually physical
+		//     }
+		// }
+		// --- TODO: Add visual feedback (hit flash, damage numbers) ---
+		// Update UI (if this is the hero) - This should be handled externally ideally
+		if (self === hero) {
+			updateRoomDisplay();
 		}
 	};
-	self.shootProjectile = function (targetX, targetY) {
-		var projectile = new Projectile(); // Create instance
-		projectile.x = self.x;
-		projectile.y = self.y;
-		projectile.damage = self.damageAmount; // Use enemy's damage stat
-		var dx = targetX - self.x;
-		var dy = targetY - self.y;
-		var angle = Math.atan2(dy, dx);
-		projectile.rotation = angle; // Set initial rotation
-		projectile.vx = Math.cos(angle) * projectile.speed;
-		projectile.vy = Math.sin(angle) * projectile.speed;
-		gameContainer.addChild(projectile); // Add to game world
+	// --- Die Method (placeholder, to be implemented by children) ---
+	self.die = function (killer) {
+		console.log(self.constructor.name + " died.");
+		self.active = false;
+		// Base cleanup, specific logic in Hero/BaseEnemy
+		if (self.parent) {
+			self.parent.removeChild(self);
+		}
 	};
-	return self;
-});
-// Enemy class (Melee)
-var Enemy = BaseEnemy.expand(function () {
-	var self = BaseEnemy.call(this);
-	// Call base constructor
-	self.setupAnimation(['enemy_run1', 'enemy_run2', 'enemy_run3', 'enemy_run4']); // Pass asset names
-	self.speed = 2 + Math.random() * 0.5;
-	self.health = 10;
-	self.damageAmount = 5;
+	// --- Base Update (Handles Modifier Timers) ---
+	var originalUpdate = self.update; // Store potential existing update
 	self.update = function () {
-		if (!self.active || !hero) {
+		if (!self.active) {
 			return;
 		}
-		self.updateAnimation(); // Update visual frame
-		var offsetX = (Math.random() - 0.5) * 20;
-		var offsetY = (Math.random() - 0.5) * 20;
-		var targetX = hero.x + offsetX;
-		var targetY = hero.y + offsetY;
-		var distance = self.moveTowards(targetX, targetY, self.speed);
-		var minDistance = 70;
-		if (distance <= minDistance) {
-			// Handle being too close (damage hero)
-			if (self.damageCooldown <= 0) {
-				if (hero.takeDamage) {
-					hero.takeDamage(self.damageAmount);
-				} // Use hero's method if exists
-				else {
-					hero.health -= self.damageAmount;
-				} // Direct modification fallback
-				self.damageCooldown = self.damageCooldownTime;
-				updateRoomDisplay(); // Update health display
-			} else {
-				self.damageCooldown--;
-			}
-			// Push back slightly
-			var pushDx = self.x - targetX;
-			var pushDy = self.y - targetY;
-			var pushDist = Math.sqrt(pushDx * pushDx + pushDy * pushDy);
-			if (pushDist > 0) {
-				var pushAmount = (minDistance - distance) * 0.5; // Push back less aggressively
-				self.x += pushDx / pushDist * pushAmount;
-				self.y += pushDy / pushDist * pushAmount;
-			}
+		self.updateModifiers(); // Update durations and remove expired buffs/debuffs
+		// Call original update logic if it existed
+		if (originalUpdate) {
+			originalUpdate.call(self);
 		}
-		self.handleWallCollision();
 	};
 	return self;
 });
-// Hero class
-var Hero = Container.expand(function () {
-	var self = Container.call(this);
+// --- Hero Class (Modified - Inherits from BaseEntity) ---
+var Hero = BaseEntity.expand(function () {
+	var self = BaseEntity.call(this);
+	// <<< Inherit from BaseEntity
+	// --- Graphics Setup ---
 	var heroGraphics = self.attachAsset('hero', {
+		// CHANGE TO 'hero_topdown' when asset is ready
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
 	self.swordGraphics = heroGraphics.addChild(LK.getAsset('sword', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	}));
-	self.swordGraphics.x = heroGraphics.width / 2 + 20;
+	self.swordGraphics.x = heroGraphics.width / 2 + 20; // Adjust positioning if needed
 	self.swordGraphics.y = 0;
 	self.bowGraphics = self.attachAsset('bow', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
 	self.bowGraphics.x = heroGraphics.width / 2; // Adjust position as needed
 	self.bowGraphics.visible = false;
+	// --- Hero Specific Stats & Properties ---
+	self.health = 100; // Starting health
+	self.maxHealth = 100;
+	self.energy = 50; // Starting energy
+	self.maxEnergy = 50;
+	self.energyRegen = 1.0; // Per second? Needs timing implementation
+	self.armor = 5;
+	self.magicResist = 5;
+	self.movementSpeed = 3.0; // Base speed
+	self.attackSpeed = 1.0; // Base attack speed multiplier
+	self.damageBonus = 0.0; // Base damage bonus %
+	self.critChance = 0.05; // Base crit chance
+	self.critDamage = 1.5; // Base crit damage multiplier
+	self.dodgeChance = 0.0; // Base dodge chance
+	self.lifeSteal = 0.0;
+	self.thorns = 0;
+	self.skillCooldownReduction = 0.0;
+	// Resistances (start at 0)
+	self.fireResist = 0.0;
+	self.iceResist = 0.0;
+	self.lightningResist = 0.0;
+	self.poisonResist = 0.0;
+	self.shadowResist = 0.0;
+	self.chaosResist = 0.0;
+	// --- Combat State ---
 	self.attackCooldown = 0;
 	self.isAttacking = false; // Specifically for sword swing state
-	self.health = 100;
-	self.maxHealth = 100; // Add max health for potential healing skills
-	self.attackDuration = 20; // Duration of sword swing animation
+	self.attackDuration = 20; // Duration of sword swing animation (frames)
 	self.attackDurationCounter = 0;
 	self.weaponType = 1; // 1: Sword, 2: Bow
-	self.attackRange = 60; // Sword range
-	self.attackDamage = 10; // Base damage
-	self.speed = 3;
-	self.swordAttackSpeed = 45; // Cooldown frames for sword
-	self.bowAttackSpeed = 30; // Cooldown frames for bow
-	self.joystick = null; // Movement joystick ref
-	self.aimingJoystick = null; // Aiming joystick ref
-	self.facingDirection = 0; // For movement rotation when not aiming
-	self.canExitRoom = false; // Flag set when room is cleared
-	// Method to take damage
-	self.takeDamage = function (amount) {
-		self.health -= amount;
-		if (self.health < 0) {
-			self.health = 0;
-		}
-		updateRoomDisplay(); // Update health text
-		if (self.health <= 0) {
+	// Base weapon stats (can be overridden by equipped weapon later)
+	self.swordBaseDamage = 10;
+	self.swordRange = 75; // Increased range slightly
+	self.swordAttackSpeedFrames = 45; // Base cooldown frames
+	self.bowBaseDamage = 8;
+	self.bowAttackSpeedFrames = 30; // Base cooldown frames
+	// --- References & Flags ---
+	self.joystick = null;
+	self.aimingJoystick = null;
+	self.facingDirection = 0;
+	self.canExitRoom = false;
+	self.active = true; // Hero is active by default
+	// --- Recalculate Stats (Call this after spending skill points) ---
+	self.recalculateStats = function () {
+		// This function will be expanded later to apply skill bonuses
+		// For now, it doesn't do much but is a placeholder for applying passive skills
+		console.log("Recalculating Hero Stats (Not Implemented Yet)");
+		// Example: self.maxHealth = BASE_MAX_HEALTH + getSkillBonus('BonusHealth');
+		// Example: self.critChance = BASE_CRIT_CHANCE + getSkillBonus('DataSpike');
+	};
+	// --- takeDamage is now inherited from BaseEntity ---
+	// self.takeDamage = function (amount) { ... }; // Removed, uses BaseEntity's now
+	// --- Die Method (Overrides BaseEntity's) ---
+	self.die = function (killer) {
+		if (self.active) {
+			console.log("HERO DIED");
+			self.active = false; // Mark as inactive
+			BaseEntity.prototype.die.call(self, killer); // Call parent for basic cleanup (removes from parent)
 			LK.showGameOver(); // Handle death
 		}
 	};
+	// --- Update Method (Overrides BaseEntity Update) ---
 	self.update = function () {
-		if (self.health <= 0) {
+		BaseEntity.prototype.update.call(self); // <<< CALL PARENT UPDATE FIRST (for modifiers)
+		if (!self.active) {
 			return;
-		} // Don't update if dead
+		} // Use self.active flag
 		// --- Movement ---
 		var moveDirection = self.joystick ? self.joystick.getDirection() : {
 			x: 0,
 			y: 0
 		};
-		var nextX = self.x + moveDirection.x * self.speed;
-		var nextY = self.y + moveDirection.y * self.speed;
+		var currentMoveSpeed = self.getStat('movementSpeed'); // Get calculated speed
+		var nextX = self.x + moveDirection.x * currentMoveSpeed;
+		var nextY = self.y + moveDirection.y * currentMoveSpeed;
 		// --- Wall Collision & Room Transition Check ---
 		var onEntrance = false;
+		// --- [Wall collision logic remains the same] ---
 		if (nextX < wallThickness) {
 			if (nextY >= entrances.left.yStart && nextY <= entrances.left.yEnd) {
 				onEntrance = true;
 			} else {
@@ -467,26 +498,22 @@
 			}
 		}
 		self.x = nextX;
 		self.y = nextY;
-		// Handle Room Transition (Moved here from game.update)
+		// Handle Room Transition
 		if (self.canExitRoom && onEntrance) {
-			// Determine exit side based on final position near edge
+			// --- [Transition logic remains the same] ---
 			var exitSide = '';
 			if (self.y < wallThickness + 10) {
 				exitSide = 'top';
-			} // Exiting top
-			else if (self.y > roomHeight - wallThickness - 10) {
+			} else if (self.y > roomHeight - wallThickness - 10) {
 				exitSide = 'bottom';
-			} // Exiting bottom
-			else if (self.x < wallThickness + 10) {
+			} else if (self.x < wallThickness + 10) {
 				exitSide = 'left';
-			} // Exiting left
-			else if (self.x > roomWidth - wallThickness - 10) {
+			} else if (self.x > roomWidth - wallThickness - 10) {
 				exitSide = 'right';
-			} // Exiting right
+			}
 			if (exitSide) {
-				// Determine entry side for the *next* room
 				var entrySide = '';
 				if (exitSide === 'top') {
 					entrySide = 'bottom';
 				} else if (exitSide === 'bottom') {
@@ -495,137 +522,380 @@
 					entrySide = 'right';
 				} else if (exitSide === 'right') {
 					entrySide = 'left';
 				}
-				transitionToNewRoom(entrySide); // Trigger transition
-				return; // Stop further updates this frame after transition
+				transitionToNewRoom(entrySide);
+				return;
 			}
 		}
 		// --- Rotation & Aiming ---
+		// --- [Rotation logic remains the same] ---
 		var isMoving = moveDirection.x !== 0 || moveDirection.y !== 0;
 		var isAiming = self.aimingJoystick && self.aimingJoystick.hasInput();
 		var aimAngle = isAiming ? self.aimingJoystick.getRotation() : null;
 		if (isMoving) {
 			self.facingDirection = Math.atan2(moveDirection.y, moveDirection.x);
 		}
-		// Set hero rotation: Aiming takes priority
 		if (isAiming && aimAngle !== null) {
 			self.rotation = aimAngle;
-			// Position weapons based on aim direction (simplified for now)
-			if (self.weaponType === 1) {
-				// Sword
-				self.swordGraphics.rotation = 0; // Base rotation relative to hero
-			} else {
-				// Bow
-				self.bowGraphics.rotation = 0; // Base rotation relative to hero
-			}
 		} else if (isMoving) {
-			self.rotation = self.facingDirection; // Rotate based on movement if not aiming
+			self.rotation = self.facingDirection;
 		}
-		// If not aiming and not moving, hero keeps last rotation
+		// Update weapon graphic positions relative to hero rotation
+		if (self.weaponType === 1) {
+			self.swordGraphics.rotation = 0;
+		} else {
+			self.bowGraphics.rotation = 0;
+		}
 		// --- Attack Logic ---
 		if (!isPopupActive && !isSkillDetailPopupActive) {
-			// Check both flags
 			if (self.attackCooldown > 0) {
 				self.attackCooldown--;
 			}
-			// Determine attack target direction (aiming joystick or facing direction)
 			var attackAngle = isAiming && aimAngle !== null ? aimAngle : self.rotation;
+			var currentAttackSpeedMult = self.getStat('attackSpeed'); // Get calculated attack speed
 			// Sword Attack
 			if (self.weaponType === 1) {
+				var swordCooldown = Math.round(self.swordAttackSpeedFrames / currentAttackSpeedMult); // Apply attack speed
 				if (self.isAttacking) {
-					// Continue existing swing animation
 					if (self.attackDurationCounter > 0) {
 						self.attackDurationCounter--;
 						var swingProgress = (self.attackDuration - self.attackDurationCounter) / self.attackDuration;
-						// Simple swing animation
-						self.swordGraphics.rotation = Math.sin(swingProgress * Math.PI) * 1.2; // Swing arc
-						// Check for hits during the swing (e.g., mid-swing)
-						if (swingProgress > 0.3 && swingProgress < 0.7) {
-							// Check during the active part of swing
+						self.swordGraphics.rotation = Math.sin(swingProgress * Math.PI) * 1.2; // Simple swing arc
+						// Check for hits during the swing (e.g., mid-swing) - Check only once per swing? Add hit tracking.
+						// For now, check multiple times:
+						if (swingProgress > 0.3 && swingProgress < 0.7 && self.attackDurationCounter % 5 === 0) {
+							// Check every 5 frames during swing
 							self.checkSwordHits(attackAngle);
 						}
 					} else {
-						// Swing finished
 						self.isAttacking = false;
 						self.swordGraphics.rotation = 0;
-						self.attackCooldown = self.swordAttackSpeed; // Set cooldown AFTER swing finishes
+						self.attackCooldown = swordCooldown; // Set cooldown AFTER swing
 					}
-				} else if (self.attackCooldown <= 0) {
-					// Start new swing if ready
-					self.isAttacking = true;
-					self.attackDurationCounter = self.attackDuration;
-					// Play swing sound?
+				} else if (self.attackCooldown <= 0 && (isAiming || isMoving)) {
+					// Require aiming or moving to attack? Or just aiming joystick input? Let's require input.
+					if (isAiming) {
+						// Start swing only if aiming stick has input
+						self.isAttacking = true;
+						self.attackDurationCounter = self.attackDuration;
+						// Play swing sound? LK.playSound('sword_swing');
+					}
 				}
 			}
 			// Bow Attack
 			else if (self.weaponType === 2) {
-				if (self.attackCooldown <= 0 && (isAiming || isMoving)) {
-					// Require aim input or movement to fire bow? Or always fire? Assuming requires input/movement for now.
+				var bowCooldown = Math.round(self.bowAttackSpeedFrames / currentAttackSpeedMult); // Apply attack speed
+				if (self.attackCooldown <= 0 && isAiming) {
+					// Require aim input to fire bow
 					self.fireArrow(attackAngle);
-					self.attackCooldown = self.bowAttackSpeed;
-					// Play shoot sound?
+					self.attackCooldown = bowCooldown;
+					// Play shoot sound? LK.playSound('bow_shoot');
 				}
 			}
 		} else {
-			// Ensure attack state is reset if popup becomes active mid-swing
+			// Reset attack state if popup is open
 			if (self.isAttacking) {
 				self.isAttacking = false;
 				self.swordGraphics.rotation = 0;
 				self.attackDurationCounter = 0;
-				// Don't set cooldown here, might allow instant attack when popup closes
 			}
 		}
 	}; // End of update function
 	// --- Helper Methods ---
 	self.checkSwordHits = function (attackAngle) {
+		var swordDamageInfo = self.calculateOutgoingDamage(self.swordBaseDamage, DamageType.PHYSICAL);
+		var hitEnemiesThisSwing = []; // Track enemies hit in this specific check
 		for (var i = currentRoom.enemies.length - 1; i >= 0; i--) {
 			var enemy = currentRoom.enemies[i];
-			if (!enemy || !enemy.active) {
+			if (!enemy || !enemy.active || hitEnemiesThisSwing.includes(enemy)) {
+				// Skip inactive or already hit
 				continue;
 			}
 			var dx = enemy.x - self.x;
 			var dy = enemy.y - self.y;
-			var distSqr = dx * dx + dy * dy; // Use squared distance for efficiency
-			var rangeSqr = self.attackRange * self.attackRange;
+			var distSqr = dx * dx + dy * dy;
+			var rangeSqr = self.swordRange * self.swordRange; // Use sword range stat
 			if (distSqr < rangeSqr) {
 				var angleToEnemy = Math.atan2(dy, dx);
-				// Calculate difference in angle, wrap around PI
 				var angleDifference = Math.atan2(Math.sin(angleToEnemy - attackAngle), Math.cos(angleToEnemy - attackAngle));
-				if (Math.abs(angleDifference) < Math.PI / 4) {
-					// Check if enemy is within 45-degree cone
+				if (Math.abs(angleDifference) < Math.PI / 3) {
+					// Wider cone for sword (60 degrees)
 					if (enemy.takeDamage) {
-						enemy.takeDamage(self.attackDamage);
+						console.log("Sword Hit! Damage:", swordDamageInfo.damage); // Debug
+						enemy.takeDamage(swordDamageInfo.damage, DamageType.PHYSICAL, self); // Pass damage type and source (self)
+						hitEnemiesThisSwing.push(enemy); // Mark as hit for this check instance
+						// Apply LifeSteal on hit
+						var lifeStealAmount = swordDamageInfo.damage * self.getStat('lifeSteal');
+						if (lifeStealAmount > 0) {
+							self.takeDamage(lifeStealAmount, DamageType.HEALING); // Heal self
+						}
+						// --- TODO: Add Sword Hit VFX/SFX ---
+						// --- TODO: Add on-hit proc checks here (e.g., for Chaotic Spark, Serrated Shade) ---
 					}
-					// Prevent hitting same enemy multiple times per swing - requires tracking hits
-					// For simplicity now, we hit every frame check within the swing arc.
-					// A better way: track which enemies were hit *this swing*.
 				}
 			}
 		}
 	};
 	self.fireArrow = function (fireAngle) {
 		if (self.weaponType !== 2) {
 			return;
 		}
-		var arrow = new Arrow();
+		var arrow = new Arrow(); // Arrow class now has damageType
+		var bowDamageInfo = self.calculateOutgoingDamage(self.bowBaseDamage, DamageType.PHYSICAL); // Arrows are physical by default
+		arrow.damage = bowDamageInfo.damage; // Use calculated damage
+		arrow.damageType = DamageType.PHYSICAL; // Explicitly set type
+		arrow.isCrit = bowDamageInfo.isCrit; // Pass crit status if needed for visuals later
+		arrow.critChance = self.getStat('critChance'); // Pass hero stats to arrow
+		arrow.critDamage = self.getStat('critDamage');
+		arrow.source = self; // Track source
 		arrow.x = self.x + Math.cos(fireAngle) * 30; // Start slightly ahead
 		arrow.y = self.y + Math.sin(fireAngle) * 30;
 		arrow.rotation = fireAngle;
-		arrow.damage = self.attackDamage; // Use hero's damage
 		arrows.push(arrow); // Add to global array
 		gameContainer.addChild(arrow); // Add to scene
 	};
 	self.switchWeapon = function () {
+		// --- [Switch weapon logic remains the same] ---
 		self.weaponType = self.weaponType === 1 ? 2 : 1;
 		self.swordGraphics.visible = self.weaponType === 1;
 		self.bowGraphics.visible = self.weaponType === 2;
-		self.isAttacking = false; // Reset sword attack state
+		self.isAttacking = false;
 		self.attackDurationCounter = 0;
-		self.attackCooldown = 0; // Allow immediate attack with new weapon? Or add small delay?
+		self.attackCooldown = 0;
 	};
 	return self;
 });
+// --- Base Enemy Class (Modified - Inherits from BaseEntity) ---
+var BaseEnemy = BaseEntity.expand(function () {
+	var self = BaseEntity.call(this);
+	// <<< Inherit from BaseEntity
+	// --- Default Enemy Stats (Override BaseEntity defaults) ---
+	self.health = 10;
+	self.maxHealth = 10;
+	self.armor = 5;
+	self.magicResist = 0;
+	self.movementSpeed = 1.0;
+	self.damageBonus = 0; // Enemies don't typically get % damage bonuses easily
+	self.critChance = 0.0; // Enemies typically don't crit unless specific type
+	self.critDamage = 1.5;
+	self.dodgeChance = 0.0;
+	// --- Enemy Specific Properties ---
+	self.damageAmount = 5; // Base damage dealt ON CONTACT/ATTACK
+	self.damageCooldownTime = 60; // Frames between contact damage ticks
+	self.damageCooldown = 0;
+	self.active = true; // Flag if enemy should update
+	// --- [handleWallCollision, moveTowards remain mostly the same] ---
+	self.handleWallCollision = function () {/* ... unchanged ... */};
+	self.moveTowards = function (targetX, targetY, moveSpeed) {/* ... unchanged ... */};
+	// --- takeDamage is now inherited from BaseEntity ---
+	// self.takeDamage = function (amount, damageType, source) { ... }; // Removed, uses BaseEntity's now
+	// --- Die Method (Overrides BaseEntity's, adds game logic) ---
+	self.die = function (killer) {
+		// killer parameter is optional but good practice
+		if (self.active) {
+			self.active = false; // Prevent further updates/actions
+			// --- TODO: Add drop logic here ---
+			// Example: checkDropTable();
+			currentRoom.enemiesKilled++;
+			currentRoom.enemyCounter--; // Decrement active enemy count
+			updateRoomDisplay();
+			// Remove from room's enemy list
+			var index = currentRoom.enemies.indexOf(self);
+			if (index > -1) {
+				currentRoom.enemies.splice(index, 1);
+			}
+			// --- TODO: Add death VFX/SFX ---
+			// Remove from scene graph (call BaseEntity's die for this)
+			BaseEntity.prototype.die.call(self, killer);
+			checkRoomCleared(); // Check if room is cleared after kill
+		}
+	};
+	// --- Default Update (Overrides BaseEntity's update) ---
+	self.update = function () {
+		BaseEntity.prototype.update.call(self); // <<< CALL PARENT UPDATE FIRST (for modifiers)
+		if (!self.active || !hero) {
+			return;
+		}
+		// Calculate actual move speed based on stats
+		var currentMoveSpeed = self.getStat('movementSpeed');
+		// Default behavior: Move towards hero
+		var offsetX = (Math.random() - 0.5) * 20;
+		var offsetY = (Math.random() - 0.5) * 20;
+		self.moveTowards(hero.x + offsetX, hero.y + offsetY, currentMoveSpeed); // Use calculated speed
+		self.handleWallCollision();
+		// Decrement contact damage cooldown
+		if (self.damageCooldown > 0) {
+			self.damageCooldown--;
+		}
+	};
+	// --- Animation Helper ---
+	self.setupAnimation = function (frameAssets) {/* ... unchanged ... */};
+	self.updateAnimation = function () {/* ... unchanged ... */};
+	return self;
+});
+// --- TankEnemy Class (Modified) ---
+var TankEnemy = BaseEnemy.expand(function () {
+	var self = BaseEnemy.call(this);
+	// Call base constructor
+	// --- Override Default Stats ---
+	self.health = 50;
+	self.maxHealth = 50;
+	self.armor = 20; // Higher armor
+	self.magicResist = 10;
+	self.movementSpeed = 0.8; // Slower
+	self.damageAmount = 10; // Tank hits harder
+	self.setupAnimation(['tank_run1', 'tank_run2', 'tank_run3', 'tank_run4']);
+	self.minDistance = 80; // Slightly larger contact distance?
+	// --- Update (Overrides BaseEnemy Update) ---
+	self.update = function () {
+		BaseEnemy.prototype.update.call(self); // <<< CALL PARENT UPDATE (Handles modifiers, base movement logic)
+		if (!self.active || !hero) {
+			return;
+		}
+		self.updateAnimation();
+		var targetX = hero.x;
+		var targetY = hero.y;
+		var distance = Math.sqrt(Math.pow(targetX - self.x, 2) + Math.pow(targetY - self.y, 2));
+		var currentMoveSpeed = self.getStat('movementSpeed'); // Get potentially modified speed
+		if (distance > self.minDistance) {
+			// Only move if further than min distance
+			self.moveTowards(targetX, targetY, currentMoveSpeed); // Use calculated speed
+		} else {
+			// Close enough, deal damage?
+			if (self.damageCooldown <= 0) {
+				// Calculate final damage enemy deals (can be modified by enemy buffs/debuffs later)
+				var outgoingDamageInfo = self.calculateOutgoingDamage(self.damageAmount, DamageType.PHYSICAL);
+				if (hero.takeDamage) {
+					hero.takeDamage(outgoingDamageInfo.damage, DamageType.PHYSICAL, self); // Pass damage type and source
+				}
+				self.damageCooldown = self.damageCooldownTime;
+				// updateRoomDisplay(); // Already called in hero.takeDamage
+			}
+			// Tank specific: might not get pushed back, or only slightly
+			self.rotation = Math.atan2(targetY - self.y, targetX - self.x); // Keep facing hero
+		}
+		// self.handleWallCollision(); // Already handled in BaseEnemy.update
+	};
+	return self;
+});
+// --- RangedEnemy Class (Modified) ---
+var RangedEnemy = BaseEnemy.expand(function () {
+	var self = BaseEnemy.call(this);
+	// Call base constructor
+	// --- Override Default Stats ---
+	self.health = 20;
+	self.maxHealth = 20;
+	self.armor = 0; // Less armor
+	self.magicResist = 5;
+	self.movementSpeed = 1.2; // Slightly faster base speed
+	self.damageAmount = 4; // Projectile base damage
+	self.setupAnimation(['ranged_run1', 'ranged_run2', 'ranged_run3', 'ranged_run4']);
+	self.projectileCooldownTime = 180; // 3 seconds at 60 FPS
+	self.projectileCooldown = Math.random() * self.projectileCooldownTime; // Random initial cooldown
+	self.desiredDistance = 350; // How far to stay from hero
+	// --- Update (Overrides BaseEnemy Update) ---
+	self.update = function () {
+		BaseEnemy.prototype.update.call(self); // <<< CALL PARENT UPDATE (Handles modifiers)
+		if (!self.active || !hero) {
+			return;
+		}
+		self.updateAnimation();
+		var targetX = hero.x;
+		var targetY = hero.y;
+		var dx = targetX - self.x;
+		var dy = targetY - self.y;
+		var distance = Math.sqrt(dx * dx + dy * dy);
+		var currentMoveSpeed = self.getStat('movementSpeed'); // Get potentially modified speed
+		// Movement: Try to maintain desired distance
+		if (distance < self.desiredDistance - 10) {
+			self.moveTowards(targetX, targetY, -currentMoveSpeed); // Move away
+		} else if (distance > self.desiredDistance + 10) {
+			self.moveTowards(targetX, targetY, currentMoveSpeed); // Move closer
+		} else {
+			// Close enough, just rotate to face hero
+			self.rotation = Math.atan2(dy, dx);
+		}
+		// self.handleWallCollision(); // Already handled in BaseEnemy.update
+		// Shooting Logic
+		if (self.projectileCooldown <= 0) {
+			self.shootProjectile(targetX, targetY);
+			// Apply attack speed modifier to cooldown?
+			var attackSpeedMult = self.getStat('attackSpeed');
+			self.projectileCooldown = self.projectileCooldownTime / attackSpeedMult; // Faster attack speed = shorter cooldown
+		} else {
+			self.projectileCooldown--;
+		}
+	};
+	self.shootProjectile = function (targetX, targetY) {
+		var projectile = new Projectile(); // Create instance
+		projectile.x = self.x;
+		projectile.y = self.y;
+		// Calculate final projectile damage (can include enemy damageBonus etc. later)
+		var outgoingDamageInfo = self.calculateOutgoingDamage(self.damageAmount, DamageType.PHYSICAL); // Assuming physical projectile
+		projectile.damage = outgoingDamageInfo.damage;
+		projectile.damageType = DamageType.PHYSICAL; // Set type on projectile
+		// projectile.isCrit = outgoingDamageInfo.isCrit; // Enemies don't crit by default
+		var dx = targetX - self.x;
+		var dy = targetY - self.y;
+		var angle = Math.atan2(dy, dx);
+		projectile.rotation = angle; // Set initial rotation
+		projectile.vx = Math.cos(angle) * projectile.speed;
+		projectile.vy = Math.sin(angle) * projectile.speed;
+		projectile.source = self; // Track who shot it
+		gameContainer.addChild(projectile); // Add to game world
+	};
+	return self;
+});
+// --- Enemy Class (Melee - Modified) ---
+var Enemy = BaseEnemy.expand(function () {
+	var self = BaseEnemy.call(this);
+	// Call base constructor
+	// --- Override Default Stats ---
+	self.health = 10;
+	self.maxHealth = 10;
+	self.armor = 5;
+	self.magicResist = 0;
+	self.movementSpeed = 1.5 + Math.random() * 0.3; // Base speed variation
+	self.damageAmount = 5;
+	self.setupAnimation(['enemy_run1', 'enemy_run2', 'enemy_run3', 'enemy_run4']); // Pass asset names
+	// --- Update (Overrides BaseEnemy Update) ---
+	self.update = function () {
+		BaseEnemy.prototype.update.call(self); // <<< CALL PARENT UPDATE (Handles modifiers, basic movement)
+		if (!self.active || !hero) {
+			return;
+		}
+		self.updateAnimation(); // Update visual frame
+		var targetX = hero.x + (Math.random() - 0.5) * 20; // Slight offset remains
+		var targetY = hero.y + (Math.random() - 0.5) * 20;
+		var currentMoveSpeed = self.getStat('movementSpeed'); // Use calculated speed
+		var distance = self.moveTowards(targetX, targetY, currentMoveSpeed); // Use calculated speed
+		var minDistance = 70; // Contact distance
+		if (distance <= minDistance) {
+			// Handle being too close (damage hero)
+			if (self.damageCooldown <= 0) {
+				// Calculate final damage enemy deals
+				var outgoingDamageInfo = self.calculateOutgoingDamage(self.damageAmount, DamageType.PHYSICAL);
+				if (hero.takeDamage) {
+					hero.takeDamage(outgoingDamageInfo.damage, DamageType.PHYSICAL, self); // Pass damage type and source
+				}
+				self.damageCooldown = self.damageCooldownTime;
+				// updateRoomDisplay(); // Called in hero.takeDamage
+			}
+			// Push back slightly (remains the same)
+			var pushDx = self.x - targetX;
+			var pushDy = self.y - targetY;
+			var pushDist = Math.sqrt(pushDx * pushDx + pushDy * pushDy);
+			if (pushDist > 0) {
+				var pushAmount = (minDistance - distance) * 0.5;
+				self.x += pushDx / pushDist * pushAmount;
+				self.y += pushDy / pushDist * pushAmount;
+			}
+		}
+		// self.handleWallCollision(); // Already handled in BaseEnemy.update
+	};
+	return self;
+});
 // Joystick class (Movement)
 var Joystick = Container.expand(function () {
 	var self = Container.call(this);
 	var joystickBackground = self.attachAsset('joystickBackground', {
@@ -678,18 +948,20 @@
 		};
 	};
 	return self;
 });
-// Projectile class (Enemy ranged attack)
+// --- Projectile Class (Enemy Ranged - Modified) ---
 var Projectile = Container.expand(function () {
 	var self = Container.call(this);
 	self.attachAsset('ranged_attack', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
 	self.speed = 5;
-	self.damage = 5;
-	self.vx = 0; // Velocity components
+	self.damage = 5; // Base damage before source bonuses
+	self.damageType = DamageType.PHYSICAL; // Default type, can be set by shooter
+	self.source = null; // Reference to the enemy that shot this
+	self.vx = 0;
 	self.vy = 0;
 	self.update = function () {
 		self.x += self.vx;
 		self.y += self.vy;
@@ -697,21 +969,19 @@
 		// Boundary check
 		if (self.x < 0 || self.x > roomWidth || self.y < 0 || self.y > roomHeight) {
 			if (self.parent) {
 				self.parent.removeChild(self);
-			} // Destroy if out of bounds
-			// No need to remove from an array if not tracked globally
+			}
 			return;
 		}
 		// Collision check with hero
-		if (hero && self.intersects && self.intersects(hero)) {
-			// Check intersects exists
+		// Basic AABB or Circle collision (using intersects assumes engine provides it)
+		if (hero && hero.active && self.intersects && self.intersects(hero)) {
 			if (hero.takeDamage) {
-				hero.takeDamage(self.damage);
-			} else {
-				hero.health -= self.damage;
+				// console.log("Projectile Hit Hero! Damage:", self.damage, "Type:", self.damageType); // Debug
+				hero.takeDamage(self.damage, self.damageType, self.source); // Pass damage type and source
 			}
-			updateRoomDisplay();
+			// updateRoomDisplay(); // Called within hero.takeDamage
 			if (self.parent) {
 				self.parent.removeChild(self);
 			} // Destroy on hit
 		}
@@ -749,26 +1019,45 @@
 
 /**** 
 * Game Code
 ****/ 
+// Define Damage Types
 /**** 
-* Game Configuration & Data
+* Global Constants
 ****/ 
-// Adjusted default size
-// Add containers to the game stage
-// Made it grey
-// -- Circuit of Ascension Icons --
-// -- Echoes of Ancestry Icons --
-// -- Forge of Possibilities Icons --
-// -- Prism of Potential Icons --
-// -- Nexus of Chaos Icons --
+// LK.init.image('hero_topdown', {width:100, height:100, id:'YOUR_NEW_HERO_ASSET_ID'}) // Placeholder for new hero asset
+// KEEPING THIS FOR NOW - REPLACE WITH 'hero_topdown' LATER
 // -- Symphony of Shadows Icons --
-// -- Circuit of Ascension Icons --
-// -- Echoes of Ancestry Icons --
-// -- Forge of Possibilities Icons --
-// -- Prism of Potential Icons --
 // -- Nexus of Chaos Icons --
+// -- Prism of Potential Icons --
+// -- Forge of Possibilities Icons --
+// -- Echoes of Ancestry Icons --
+// -- Circuit of Ascension Icons --
 // -- Symphony of Shadows Icons --
+// -- Nexus of Chaos Icons --
+// -- Prism of Potential Icons --
+// -- Forge of Possibilities Icons --
+// -- Echoes of Ancestry Icons --
+// -- Circuit of Ascension Icons --
+// Made it grey
+// Add containers to the game stage
+// Adjusted default size
+/**** 
+* Game Configuration & Data
+****/ 
+var DamageType = {
+	PHYSICAL: 'physical',
+	FIRE: 'fire',
+	ICE: 'ice',
+	LIGHTNING: 'lightning',
+	POISON: 'poison',
+	SHADOW: 'shadow',
+	CHAOS: 'chaos',
+	// Special type for Nexus skills?
+	HEALING: 'healing',
+	// For effects that restore health
+	TRUE: 'true' // Damage that ignores defenses
+};
 var roomWidth = 2048;
 var roomHeight = 2732;
 var wallThickness = 400;
 var entranceWidth = 200;
@@ -1248,179 +1537,811 @@
 				return "Maximum rank reached. Transforms your weapon for 6s, granting +90% damage, arrows cleave 3 extra targets, and melee triggers a 3‑unit shockwave (Cooldown: 60s).";
 			}
 		}
 	},
-	// --- Prism of Potential --- (Assuming all max 5, simple descriptions for now)
+	// --- Prism of Potential --- (Redefined with specific dynamic scaling like Data Spike example)
 	'Red Radiance': {
 		points: 0,
 		max: 5,
 		tree: 'The Prism of Potential',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Channel the crimson energy of aggression. Increases your attack damage slightly and grants a chance for attacks to ignite enemies, causing minor burn damage over time.';
+		calcData: {
+			igniteIncreases: [4, 3, 2, 2, 1],
+			// Ignite % gain per rank
+			dmgIncreases: [3, 2, 2, 1, 1] // Damage % gain per rank
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			// Named function for clarity
+			var currentIgnite = 0,
+				currentDmg = 0;
+			var totalIgnite = 0,
+				totalDmg = 0;
+			// Calculate current and total benefits by summing increases
+			for (var i = 0; i < this.max; i++) {
+				if (i < points) {
+					currentIgnite += calcData.igniteIncreases[i];
+					currentDmg += calcData.dmgIncreases[i];
+				}
+				totalIgnite += calcData.igniteIncreases[i];
+				totalDmg += calcData.dmgIncreases[i];
+			}
+			if (points < this.max) {
+				var nextIgniteGain = calcData.igniteIncreases[points];
+				var nextDmgGain = calcData.dmgIncreases[points];
+				var nextTotalIgnite = currentIgnite + nextIgniteGain;
+				var nextTotalDmg = currentDmg + nextDmgGain;
+				// Format matches user examples
+				if (points === 0) {
+					// For rank 0 -> 1, show the values for rank 1 directly
+					return 'Adds ' + nextTotalIgnite + '% chance to ignite enemies and +' + nextTotalDmg + '% damage.';
+				} else {
+					// For ranks 1+, show gain and current total
+					return 'Adds ' + nextIgniteGain + '% ignite chance and +' + nextDmgGain + '% damage (Currently ' + currentIgnite + '% / +' + currentDmg + '%).';
+				}
+			} else {
+				// Show totals at max rank
+				return 'Maximum rank reached. Adds ' + totalIgnite + '% chance to ignite and +' + totalDmg + '% damage.';
+			}
 		}
 	},
 	'Blue Bulwark': {
 		points: 0,
 		max: 5,
 		tree: 'The Prism of Potential',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Embrace cerulean hues of defense. Enhances your armor and magic resistance for a short duration, reducing incoming damage and occasionally shielding you with a barrier of ice.';
+		calcData: {
+			// Values *at* each rank (1 to 5) derived from user description (+8%, +6%, etc.)
+			defValues: [8, 14, 19, 23, 25],
+			// Total Def % at ranks 1-5
+			procValues: [5, 7, 9, 11, 13],
+			// Total Proc % at ranks 1-5
+			blockCounts: [1, 1, 1, 2, 3] // Blocks at ranks 1-5
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentDef = 0,
+				currentProc = 0,
+				currentBlocks = 0;
+			var maxDef = calcData.defValues[this.max - 1];
+			var maxProc = calcData.procValues[this.max - 1];
+			var maxBlocks = calcData.blockCounts[this.max - 1];
+			if (points > 0) {
+				// Get values for the current rank
+				currentDef = calcData.defValues[points - 1];
+				currentProc = calcData.procValues[points - 1];
+				currentBlocks = calcData.blockCounts[points - 1];
+			}
+			if (points < this.max) {
+				// Get values for the next rank
+				var nextDef = calcData.defValues[points];
+				var nextProc = calcData.procValues[points];
+				var nextBlocks = calcData.blockCounts[points];
+				var nextBlockText = nextBlocks + (nextBlocks > 1 ? ' attacks' : ' attack');
+				// Format matches user examples
+				if (points === 0) {
+					// For rank 0 -> 1
+					return 'Increases armor & magic resist by ' + nextDef + '%; ' + nextProc + '% chance to block ' + nextBlockText + ' with an ice shield.';
+				} else {
+					// For ranks 1+
+					var currentBlockText = currentBlocks + (currentBlocks > 1 ? ' attacks' : ' attack');
+					// Show gain for def, show next value for proc chance/blocks
+					var defGain = nextDef - currentDef;
+					return 'Increases armor & magic resist by ' + defGain + '%; ' + nextProc + '% chance to block ' + nextBlockText + ' (Currently ' + currentDef + '% / ' + currentProc + '% / blocks ' + currentBlockText + ').';
+				}
+			} else {
+				var maxBlockText = maxBlocks + (maxBlocks > 1 ? ' attacks' : ' attack');
+				return 'Maximum rank reached. Increases armor & magic resist by ' + maxDef + '%; ' + maxProc + '% chance to block ' + maxBlockText + '.';
+			}
 		}
 	},
 	'Green Growth': {
 		points: 0,
 		max: 5,
 		tree: 'The Prism of Potential',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Tap into verdant life essence. Gradually regenerates a portion of your health and grants a chance for attacks to apply a minor heal-over-time effect to yourself or nearby allies.';
+		calcData: {
+			// Values *at* each rank (1 to 5) based on user description (decreasing values)
+			regenValues: [1.5, 1.3, 1.1, 0.8, 0.5],
+			// % MaxHP/sec
+			procValues: [6, 5, 4, 3, 2] // % Proc chance
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentRegen = 0,
+				currentProc = 0;
+			var maxRegen = calcData.regenValues[this.max - 1]; // Value at rank 5
+			var maxProc = calcData.procValues[this.max - 1]; // Value at rank 5
+			if (points > 0) {
+				// Get values for the current rank
+				currentRegen = calcData.regenValues[points - 1];
+				currentProc = calcData.procValues[points - 1];
+			}
+			if (points < this.max) {
+				// Get values for the next rank
+				var nextRegen = calcData.regenValues[points];
+				var nextProc = calcData.procValues[points];
+				// Format matches user examples
+				if (points === 0) {
+					// For rank 0 -> 1
+					return 'Restores ' + nextRegen.toFixed(1) + '% max HP/sec (for 5s) and grants a ' + nextProc + '% chance for attacks to apply a minor HoT.';
+				} else {
+					// For ranks 1+
+					return 'Restores ' + nextRegen.toFixed(1) + '% max HP/sec (for 5s) with a ' + nextProc + '% chance (Currently ' + currentRegen.toFixed(1) + '% / ' + currentProc + '%).';
+				}
+			} else {
+				return 'Maximum rank reached. Restores ' + maxRegen.toFixed(1) + '% max HP/sec (for 5s) and grants a ' + maxProc + '% chance for attacks to apply HoT.';
+			}
 		}
 	},
 	'Yellow Zephyr': {
 		points: 0,
 		max: 5,
 		tree: 'The Prism of Potential',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Harness the swiftness of golden winds. Boosts your movement speed slightly and improves your bow’s draw rate or sword swing speed, letting you dart around combat swiftly.';
+		calcData: {
+			moveIncreases: [6, 5, 4, 3, 2],
+			// Move Spd % gain per rank
+			atkIncreases: [6, 5, 4, 3, 2] // Attack Spd % gain per rank
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentMove = 0,
+				currentAtk = 0;
+			var totalMove = 0,
+				totalAtk = 0;
+			// Calculate current and total benefits
+			for (var i = 0; i < this.max; i++) {
+				if (i < points) {
+					currentMove += calcData.moveIncreases[i];
+					currentAtk += calcData.atkIncreases[i];
+				}
+				totalMove += calcData.moveIncreases[i];
+				totalAtk += calcData.atkIncreases[i];
+			}
+			if (points < this.max) {
+				var nextMoveGain = calcData.moveIncreases[points];
+				var nextAtkGain = calcData.atkIncreases[points];
+				var nextTotalMove = currentMove + nextMoveGain;
+				var nextTotalAtk = currentAtk + nextAtkGain;
+				// Format matches user examples
+				if (points === 0) {
+					// For rank 0 -> 1
+					return 'Boosts movement & attack speed by ' + nextTotalMove + '%.';
+				} else {
+					// For ranks 1+
+					// Use gain for both here as per example "Boosts movement & attack speed by 5%"
+					return 'Boosts movement & attack speed by ' + nextMoveGain + '% (Currently +' + currentMove + '% / +' + currentAtk + '%).';
+				}
+			} else {
+				return 'Maximum rank reached. Boosts movement speed by ' + totalMove + '% and attack speed by ' + totalAtk + '%.';
+			}
 		}
 	},
 	'Indigo Insight': {
 		points: 0,
 		max: 5,
 		tree: 'The Prism of Potential',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Draw from deep indigo wisdom. Grants increased critical hit chance and a small probability to reflect a portion of incoming damage back at your attacker, showcasing keen foresight.';
+		calcData: {
+			critIncreases: [5, 4, 3, 2, 1],
+			// Crit % gain per rank
+			reflectIncreases: [10, 8, 6, 4, 2] // Reflect % gain per rank
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentCrit = 0,
+				currentReflect = 0;
+			var totalCrit = 0,
+				totalReflect = 0;
+			// Calculate current and total benefits
+			for (var i = 0; i < this.max; i++) {
+				if (i < points) {
+					currentCrit += calcData.critIncreases[i];
+					currentReflect += calcData.reflectIncreases[i];
+				}
+				totalCrit += calcData.critIncreases[i];
+				totalReflect += calcData.reflectIncreases[i];
+			}
+			if (points < this.max) {
+				var nextCritGain = calcData.critIncreases[points];
+				var nextReflectGain = calcData.reflectIncreases[points];
+				var nextTotalCrit = currentCrit + nextCritGain;
+				var nextTotalReflect = currentReflect + nextReflectGain;
+				// Format matches user examples
+				if (points === 0) {
+					// For rank 0 -> 1
+					return 'Increases crit chance by ' + nextTotalCrit + '% and reflects ' + nextTotalReflect + '% of incoming damage.';
+				} else {
+					// For ranks 1+
+					return 'Increases crit chance by ' + nextCritGain + '% and reflects ' + nextReflectGain + '% damage (Currently +' + currentCrit + '% / ' + currentReflect + '%).';
+				}
+			} else {
+				return 'Maximum rank reached. Increases crit chance by ' + totalCrit + '% and reflects ' + totalReflect + '% damage.';
+			}
 		}
 	},
 	'Chromatic Fusion': {
 		points: 0,
 		max: 5,
 		tree: 'The Prism of Potential',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Blend two chosen elemental colors (e.g., Red and Blue) to create a hybrid effect. Depending on the combination, gain unique bonuses, such as fiery storms or frostburn effects, strengthening both offense and defense.';
+		calcData: {
+			dmgIncreases: [10, 8, 6, 4, 2] // Bonus Elemental Damage % gain per rank
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentDmg = 0;
+			var totalDmg = 0;
+			// Calculate current and total benefits
+			for (var i = 0; i < this.max; i++) {
+				if (i < points) {
+					currentDmg += calcData.dmgIncreases[i];
+				}
+				totalDmg += calcData.dmgIncreases[i];
+			}
+			if (points < this.max) {
+				var nextDmgGain = calcData.dmgIncreases[points];
+				var nextTotalDmg = currentDmg + nextDmgGain;
+				// Format matches user examples
+				if (points === 0) {
+					// For rank 0 -> 1
+					return 'All attacks deal an additional ' + nextTotalDmg + '% elemental damage.';
+				} else {
+					// For ranks 1+
+					return 'All attacks deal an additional ' + nextDmgGain + '% elemental damage (Currently +' + currentDmg + '%).';
+				}
+			} else {
+				return 'Maximum rank reached. All attacks deal an additional ' + totalDmg + '% elemental damage.';
+			}
 		}
 	},
 	'Prismatic Ascendance': {
 		points: 0,
 		max: 5,
 		tree: 'The Prism of Potential',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Briefly harness all hues at once, greatly enhancing elemental power. Attacks may inflict multiple ailments, and you gain increased damage, defense, healing, and speed.';
+		calcData: {
+			// Values *at* each rank (1 to 5) based on user description
+			potencyValues: [12, 10, 8, 6, 4],
+			// % Potency
+			durationValues: [6, 8, 10, 12, 15] // seconds Duration
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentPotency = 0,
+				currentDuration = 0;
+			var maxPotency = calcData.potencyValues[this.max - 1]; // Value at rank 5
+			var maxDuration = calcData.durationValues[this.max - 1]; // Value at rank 5
+			if (points > 0) {
+				// Get values for the current rank
+				currentPotency = calcData.potencyValues[points - 1];
+				currentDuration = calcData.durationValues[points - 1];
+			}
+			if (points < this.max) {
+				// Get values for the next rank
+				var nextPotency = calcData.potencyValues[points];
+				var nextDuration = calcData.durationValues[points];
+				// Format matches user examples
+				if (points === 0) {
+					// For rank 0 -> 1
+					return 'Empowers all elemental buffs by +' + nextPotency + '% for ' + nextDuration + ' seconds.';
+				} else {
+					// For ranks 1+
+					return 'Empowers all elemental buffs by +' + nextPotency + '% for ' + nextDuration + ' seconds (Currently +' + currentPotency + '% / ' + currentDuration + 's).';
+				}
+			} else {
+				return 'Maximum rank reached. Empowers elemental buffs by +' + maxPotency + '% for ' + maxDuration + ' seconds.';
+			}
 		}
 	},
-	// --- Nexus of Chaos --- (Assuming all max 5, simple descriptions for now)
+	// --- End Prism of Potential ---
+	// --- The Nexus of Chaos --- (Redefined with specific dynamic scaling)
 	'Chaotic Spark': {
 		points: 0,
 		max: 5,
 		tree: 'The Nexus of Chaos',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Your attacks sometimes produce random elemental effects. Damage types and minor status effects vary unpredictably, keeping foes off-balance.';
+		calcData: {
+			procIncreases: [5, 4, 3, 2, 1] // Proc % gain per rank (Total 15%)
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentProc = 0;
+			var totalProc = 0;
+			for (var i = 0; i < this.max; i++) {
+				if (i < points) {
+					currentProc += calcData.procIncreases[i];
+				}
+				totalProc += calcData.procIncreases[i];
+			}
+			if (points < this.max) {
+				var nextProcGain = calcData.procIncreases[points];
+				var nextTotalProc = currentProc + nextProcGain;
+				var desc = 'Your attacks have a ' + nextProcGain + '% chance to inflict a random elemental effect (fire, ice, lightning, or poison) for 2 seconds.';
+				if (points === 0) {
+					// For rank 0 -> 1
+					desc = 'Your attacks have a ' + nextTotalProc + '% chance to inflict a random elemental effect for 2 seconds.';
+				} else {
+					// For ranks 1+
+					desc = 'Your attacks have an additional ' + nextProcGain + '% chance to inflict a random elemental effect for 2 seconds (Currently ' + currentProc + '%).';
+				}
+				return desc;
+			} else {
+				return 'Maximum rank reached. Your attacks have a ' + totalProc + '% chance to inflict a random elemental effect for 2 seconds.';
+			}
 		}
 	},
 	'Entropy Shield': {
 		points: 0,
 		max: 5,
 		tree: 'The Nexus of Chaos',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Surround yourself with shifting energy fields. Each incoming hit has a chance to fizzle harmlessly or rebound, dealing random damage back to attackers.';
+		calcData: {
+			baseProc: 5,
+			procPerRank: 2,
+			// Proc scales 5, 7, 9, 11, 13
+			baseReflect: 5,
+			reflectPerRank: 2,
+			// Reflect scales 5, 7, 9, 11, 13
+			blockCounts: [1, 1, 1, 2, 3] // Blocks at ranks 1-5
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentProc = calcData.baseProc + (points > 0 ? (points - 1) * calcData.procPerRank : -calcData.procPerRank); // Handle rank 0 case for current
+			var currentReflect = calcData.baseReflect + (points > 0 ? (points - 1) * calcData.reflectPerRank : -calcData.reflectPerRank);
+			var currentBlocks = points > 0 ? calcData.blockCounts[points - 1] : 0; // Blocks at current rank (0 if rank 0)
+			var maxProc = calcData.baseProc + (this.max - 1) * calcData.procPerRank;
+			var maxReflect = calcData.baseReflect + (this.max - 1) * calcData.reflectPerRank;
+			var maxBlocks = calcData.blockCounts[this.max - 1];
+			if (points < this.max) {
+				var nextProc = calcData.baseProc + points * calcData.procPerRank; // Proc at next rank
+				var nextReflect = calcData.baseReflect + points * calcData.reflectPerRank; // Reflect at next rank
+				var nextBlocks = calcData.blockCounts[points]; // Blocks at next rank
+				var nextBlockText = nextBlocks + (nextBlocks > 1 ? ' hits' : ' hit');
+				if (points === 0) {
+					return 'When struck, there is a ' + nextProc + '% chance to block the attack and reflect ' + nextReflect + '% of its damage back (blocks ' + nextBlockText + ').';
+				} else {
+					var currentBlockText = currentBlocks + (currentBlocks > 1 ? ' hits' : ' hit');
+					// Show next total values, compare to current in parentheses
+					return 'When struck, there is a ' + nextProc + '% chance to block (' + nextBlockText + ') and reflect ' + nextReflect + '% damage (Currently ' + currentProc + '% / ' + currentReflect + '% / blocks ' + currentBlockText + ').';
+				}
+			} else {
+				var maxBlockText = maxBlocks + (maxBlocks > 1 ? ' hits' : ' hit');
+				return 'Maximum rank reached. ' + maxProc + '% chance to block (' + maxBlockText + ') and reflect ' + maxReflect + '% damage.';
+			}
 		}
 	},
 	'Unstable Rift': {
 		points: 0,
 		max: 5,
 		tree: 'The Nexus of Chaos',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Occasionally summon a pocket of chaos in battle. Enemies near the rift suffer random debuffs—slowing, poisoning, burning—ever-changing, never stable.';
+		calcData: {
+			baseProc: 5,
+			procPerRank: 2 // Proc scales 5, 7, 9, 11, 13
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentProc = calcData.baseProc + (points > 0 ? (points - 1) * calcData.procPerRank : -calcData.procPerRank);
+			var maxProc = calcData.baseProc + (this.max - 1) * calcData.procPerRank;
+			if (points < this.max) {
+				var nextProc = calcData.baseProc + points * calcData.procPerRank; // Proc at next rank
+				if (points === 0) {
+					return 'On hit, there is a ' + nextProc + '% chance to open a chaotic rift that applies a random debuff for 4 seconds.';
+				} else {
+					return 'On hit, there is a ' + nextProc + '% chance to open a chaotic rift (random debuff, 4s) (Currently ' + currentProc + '%).';
+				}
+			} else {
+				return 'Maximum rank reached. ' + maxProc + '% chance on hit to open a chaotic rift (random debuff, 4s).';
+			}
 		}
 	},
 	'Anomaly Shift': {
 		points: 0,
 		max: 5,
 		tree: 'The Nexus of Chaos',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Briefly warp your form. Gain random beneficial buffs—from speed and regeneration to critical chance—but each application is uncertain, never guaranteed.';
+		calcData: {
+			baseProc: 5,
+			procPerRank: 2,
+			// Proc scales 5, 7, 9, 11, 13
+			baseDur: 3,
+			durPerRank: 1 // Duration scales 3, 4, 5, 6, 7
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentProc = calcData.baseProc + (points > 0 ? (points - 1) * calcData.procPerRank : -calcData.procPerRank);
+			var currentDur = calcData.baseDur + (points > 0 ? (points - 1) * calcData.durPerRank : -calcData.durPerRank);
+			var maxProc = calcData.baseProc + (this.max - 1) * calcData.procPerRank;
+			var maxDur = calcData.baseDur + (this.max - 1) * calcData.durPerRank;
+			if (points < this.max) {
+				var nextProc = calcData.baseProc + points * calcData.procPerRank; // Proc at next rank
+				var nextDur = calcData.baseDur + points * calcData.durPerRank; // Duration at next rank
+				if (points === 0) {
+					return 'After killing an enemy, you have a ' + nextProc + '% chance to gain a random buff (speed, regen, or crit) for ' + nextDur + ' seconds.';
+				} else {
+					return 'After killing an enemy, ' + nextProc + '% chance to gain a random buff for ' + nextDur + ' seconds (Currently ' + currentProc + '% / ' + currentDur + 's).';
+				}
+			} else {
+				return 'Maximum rank reached. ' + maxProc + '% chance on kill to gain a random buff for ' + maxDur + ' seconds.';
+			}
 		}
 	},
 	'Cascade of Disorder': {
 		points: 0,
 		max: 5,
 		tree: 'The Nexus of Chaos',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Trigger a chain reaction of volatile energies. Attacks may ignite unpredictable chain effects, spreading to multiple enemies or amplifying certain strikes.';
+		calcData: {
+			baseProc: 5,
+			procPerRank: 3,
+			// Proc scales 5, 8, 11, 14, 17
+			baseDmg: 50,
+			dmgPerRank: 12.5,
+			// Damage scales 50, 62.5, 75, 87.5, 100
+			baseRadius: 1,
+			radiusPerRank: 0.2 // Radius scales 1, 1.2, 1.4, 1.6, 1.8
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentProc = calcData.baseProc + (points > 0 ? (points - 1) * calcData.procPerRank : -calcData.procPerRank);
+			var currentDmg = calcData.baseDmg + (points > 0 ? (points - 1) * calcData.dmgPerRank : -calcData.dmgPerRank);
+			var currentRadius = calcData.baseRadius + (points > 0 ? (points - 1) * calcData.radiusPerRank : -calcData.radiusPerRank);
+			var maxProc = calcData.baseProc + (this.max - 1) * calcData.procPerRank;
+			var maxDmg = calcData.baseDmg + (this.max - 1) * calcData.dmgPerRank;
+			var maxRadius = calcData.baseRadius + (this.max - 1) * calcData.radiusPerRank;
+			if (points < this.max) {
+				var nextProc = calcData.baseProc + points * calcData.procPerRank;
+				var nextDmg = calcData.baseDmg + points * calcData.dmgPerRank;
+				var nextRadius = calcData.baseRadius + points * calcData.radiusPerRank;
+				if (points === 0) {
+					return 'Your attacks have a ' + nextProc + '% chance to trigger a chain explosion dealing ' + nextDmg.toFixed(1) + '% AoE damage in a ' + nextRadius.toFixed(1) + '‑unit radius.';
+				} else {
+					return 'Your attacks have a ' + nextProc + '% chance to trigger a chain explosion (' + nextDmg.toFixed(1) + '% AoE / ' + nextRadius.toFixed(1) + 'u radius) (Currently ' + currentProc + '% / ' + currentDmg.toFixed(1) + '% / ' + currentRadius.toFixed(1) + 'u).';
+				}
+			} else {
+				return 'Maximum rank reached. ' + maxProc + '% chance to trigger explosion (' + maxDmg.toFixed(1) + '% AoE / ' + maxRadius.toFixed(1) + 'u radius).';
+			}
 		}
 	},
 	'Fractured Fate': {
 		points: 0,
 		max: 5,
 		tree: 'The Nexus of Chaos',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Tap into temporal chaos. Sometimes attacks hit twice, or cooldowns shorten unexpectedly. Fate bends momentarily, granting you unpredictable bursts of advantage.';
+		calcData: {
+			// Use calculated increases to reach totals specified (3->12% proc, 10->20% CDR)
+			baseProc: 3,
+			procIncreases: [2, 2, 2, 3],
+			// Sum = 9. Base+Sum = 3+9 = 12
+			baseCDR: 10,
+			cdrIncreases: [2, 2, 3, 3] // Sum = 10. Base+Sum = 10+10 = 20
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentProc = calcData.baseProc;
+			var currentCDR = calcData.baseCDR;
+			var totalProc = calcData.baseProc;
+			var totalCDR = calcData.baseCDR;
+			for (var i = 0; i < calcData.procIncreases.length; i++) {
+				if (i < points - 1) {
+					// Sum increases *up to the previous rank* for current value
+					currentProc += calcData.procIncreases[i];
+					currentCDR += calcData.cdrIncreases[i];
+				}
+				// Sum all increases for total value at max rank
+				totalProc += calcData.procIncreases[i];
+				totalCDR += calcData.cdrIncreases[i];
+			}
+			// Adjust currentProc/CDR if points is 0
+			if (points === 0) {
+				currentProc = 0; // Or display base? Example implies showing next level directly
+				currentCDR = 0;
+			}
+			if (points < this.max) {
+				// Calculate next level's values
+				var nextProc = calcData.baseProc;
+				var nextCDR = calcData.baseCDR;
+				for (var j = 0; j < points; j++) {
+					// Sum increases up to the *next* rank
+					nextProc += calcData.procIncreases[j];
+					nextCDR += calcData.cdrIncreases[j];
+				}
+				if (points === 0) {
+					return 'Each hit has a ' + nextProc + '% chance to strike twice or reduce all cooldowns by ' + nextCDR + '%.';
+				} else {
+					// Show next total values, compare to current in parentheses
+					return 'Each hit has a ' + nextProc + '% chance to strike twice or reduce cooldowns by ' + nextCDR + '% (Currently ' + currentProc + '% / ' + currentCDR + '%).';
+				}
+			} else {
+				return 'Maximum rank reached. ' + totalProc + '% chance to strike twice or reduce cooldowns by ' + totalCDR + '%.';
+			}
 		}
 	},
 	'Reality Collapse': {
 		points: 0,
-		max: 5,
+		max: 3,
 		tree: 'The Nexus of Chaos',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'For a short time, unravel normal rules. Attacks ignore some defenses, enemies may lose control, and your random benefits intensify. Chaos reigns supreme, leaving foes disoriented and vulnerable.';
+		// Max rank is 3 based on provided data
+		calcData: {
+			// Explicit values at ranks 1, 2, 3
+			durations: [6, 8, 10],
+			defIgnores: [10, 20, 30],
+			extraEffectChances: [15, 30, 50],
+			disorientChances: [20, 30, 40],
+			// Disorient duration fixed at 2s
+			procBuffs: [10, 20, 30],
+			// % Buff to other Nexus procs
+			cooldowns: [60, 50, 40]
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentStats = {};
+			var maxStats = {};
+			// Get stats for max rank (index 2)
+			maxStats.dur = calcData.durations[this.max - 1];
+			maxStats.def = calcData.defIgnores[this.max - 1];
+			maxStats.eff = calcData.extraEffectChances[this.max - 1];
+			maxStats.dis = calcData.disorientChances[this.max - 1];
+			maxStats.buf = calcData.procBuffs[this.max - 1];
+			maxStats.cd = calcData.cooldowns[this.max - 1];
+			if (points > 0) {
+				// Get stats for current rank (index points-1)
+				currentStats.dur = calcData.durations[points - 1];
+				currentStats.def = calcData.defIgnores[points - 1];
+				currentStats.eff = calcData.extraEffectChances[points - 1];
+				currentStats.dis = calcData.disorientChances[points - 1];
+				currentStats.buf = calcData.procBuffs[points - 1];
+				currentStats.cd = calcData.cooldowns[points - 1];
+			}
+			if (points < this.max) {
+				// Get stats for next rank (index points)
+				var nextStats = {};
+				nextStats.dur = calcData.durations[points];
+				nextStats.def = calcData.defIgnores[points];
+				nextStats.eff = calcData.extraEffectChances[points];
+				nextStats.dis = calcData.disorientChances[points];
+				nextStats.buf = calcData.procBuffs[points];
+				nextStats.cd = calcData.cooldowns[points];
+				// Construct the description string piece by piece
+				var desc = 'For ' + nextStats.dur + 's, ignore ' + nextStats.def + '% enemy defense, ' + nextStats.eff + '% chance on hit for extra chaotic effect, ' + nextStats.dis + '% chance to disorient enemies (2s), ' + 'and other Nexus skill proc chances increase by ' + nextStats.buf + '% ' + '(CD: ' + nextStats.cd + 's).';
+				if (points > 0) {
+					// Add current stats in parentheses for comparison
+					desc += ' (Currently ' + currentStats.dur + 's / ' + currentStats.def + '% / ' + currentStats.eff + '% / ' + currentStats.dis + '% / +' + currentStats.buf + '% / ' + currentStats.cd + 's CD)';
+				}
+				return desc;
+			} else {
+				// Max rank description
+				return 'Maximum rank reached. For ' + maxStats.dur + 's, ignore ' + maxStats.def + '% defense, ' + maxStats.eff + '% extra effect chance, ' + maxStats.dis + '% disorient chance (2s), ' + 'Nexus procs + ' + maxStats.buf + '% (CD: ' + maxStats.cd + 's).';
+			}
 		}
 	},
-	// --- Symphony of Shadows --- (Assuming all max 5, simple descriptions for now)
+	// --- End The Nexus of Chaos ---
+	// --- The Symphony of Shadows --- (Redefined with specific dynamic scaling)
 	'Whispered Steps': {
 		points: 0,
 		max: 5,
 		tree: 'The Symphony of Shadows',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Move silently, becoming harder to detect. Occasionally evade attacks entirely, as your footsteps blend into the ambient darkness.';
+		calcData: {
+			procIncreases: [5, 4, 3, 2, 1] // Evade % gain per rank (Total 15%)
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentProc = 0;
+			var totalProc = 0;
+			for (var i = 0; i < this.max; i++) {
+				if (i < points) {
+					currentProc += calcData.procIncreases[i];
+				}
+				totalProc += calcData.procIncreases[i];
+			}
+			if (points < this.max) {
+				var nextProcGain = calcData.procIncreases[points];
+				var nextTotalProc = currentProc + nextProcGain;
+				if (points === 0) {
+					// For rank 0 -> 1
+					return 'Move with Whispered Steps, evading ' + nextTotalProc + '% of incoming attacks.';
+				} else {
+					// For ranks 1+
+					return 'Move with Whispered Steps, increasing evade chance by ' + nextProcGain + '% (Currently ' + currentProc + '% total).';
+				}
+			} else {
+				return 'Maximum rank reached. Move with Whispered Steps, evading ' + totalProc + '% of incoming attacks.';
+			}
 		}
 	},
 	'Nightfall Veil': {
 		points: 0,
 		max: 5,
 		tree: 'The Symphony of Shadows',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Briefly cloak yourself in shadow. While cloaked, project a faint silhouette to mislead foes. Attacks aimed at you may strike only empty air.';
+		calcData: {
+			// Explicit values at ranks 1-5
+			durations: [2, 2.5, 3, 3.5, 4],
+			// seconds
+			cooldowns: [60, 55, 50, 45, 40] // seconds
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentDur = 0,
+				currentCD = 0;
+			var maxDur = calcData.durations[this.max - 1];
+			var maxCD = calcData.cooldowns[this.max - 1];
+			if (points > 0) {
+				currentDur = calcData.durations[points - 1];
+				currentCD = calcData.cooldowns[points - 1];
+			}
+			if (points < this.max) {
+				var nextDur = calcData.durations[points];
+				var nextCD = calcData.cooldowns[points];
+				if (points === 0) {
+					return 'Activate Nightfall Veil to cloak for ' + nextDur.toFixed(1) + ' seconds (Cooldown: ' + nextCD + 's).';
+				} else {
+					return 'Activate Nightfall Veil to cloak for ' + nextDur.toFixed(1) + ' seconds (Cooldown: ' + nextCD + 's) (Currently ' + currentDur.toFixed(1) + 's / ' + currentCD + 's).';
+				}
+			} else {
+				return 'Maximum rank reached. Cloak for ' + maxDur.toFixed(1) + ' seconds (Cooldown: ' + maxCD + 's).';
+			}
 		}
 	},
 	'Serrated Shade': {
 		points: 0,
 		max: 5,
 		tree: 'The Symphony of Shadows',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Enhance your weapons with shadowy edges. Attacks may lacerate enemies, causing bleed-like damage over time as the darkness seeps into their wounds.';
+		calcData: {
+			// Explicit values at ranks 1-5
+			procValues: [20, 25, 30, 35, 40],
+			// % Proc chance
+			dpsValues: [2, 3, 4, 5, 6] // % Bleed DPS
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentProc = 0,
+				currentDPS = 0;
+			var maxProc = calcData.procValues[this.max - 1];
+			var maxDPS = calcData.dpsValues[this.max - 1];
+			if (points > 0) {
+				currentProc = calcData.procValues[points - 1];
+				currentDPS = calcData.dpsValues[points - 1];
+			}
+			if (points < this.max) {
+				var nextProc = calcData.procValues[points];
+				var nextDPS = calcData.dpsValues[points];
+				if (points === 0) {
+					return 'Attacks have a ' + nextProc + '% chance to cause bleed, dealing ' + nextDPS + '% of base damage per second for 5 seconds.';
+				} else {
+					return 'Attacks have a ' + nextProc + '% chance to cause bleed, dealing ' + nextDPS + '% DPS for 5 seconds (Currently ' + currentProc + '% / ' + currentDPS + '%).';
+				}
+			} else {
+				return 'Maximum rank reached. ' + maxProc + '% chance to cause bleed, dealing ' + maxDPS + '% DPS for 5 seconds.';
+			}
 		}
 	},
 	'Shadow Familiar': {
 		points: 0,
 		max: 5,
 		tree: 'The Symphony of Shadows',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Summon a small, dark entity that assists you. It distracts enemies, occasionally nipping at their heels and granting you openings to strike.';
+		calcData: {
+			// Explicit values at ranks 1-5
+			durations: [5, 6, 7, 8, 10],
+			// seconds
+			slowValues: [10, 12, 14, 16, 20] // % Slow strength
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentDur = 0,
+				currentSlow = 0;
+			var maxDur = calcData.durations[this.max - 1];
+			var maxSlow = calcData.slowValues[this.max - 1];
+			if (points > 0) {
+				currentDur = calcData.durations[points - 1];
+				currentSlow = calcData.slowValues[points - 1];
+			}
+			if (points < this.max) {
+				var nextDur = calcData.durations[points];
+				var nextSlow = calcData.slowValues[points];
+				if (points === 0) {
+					return 'Summon your Shadow Familiar for ' + nextDur + ' seconds, slowing nearby enemies by ' + nextSlow + '%.';
+				} else {
+					return 'Summon your Shadow Familiar for ' + nextDur + ' seconds, slowing enemies by ' + nextSlow + '% (Currently ' + currentDur + 's / ' + currentSlow + '%).';
+				}
+			} else {
+				return 'Maximum rank reached. Summon Familiar for ' + maxDur + ' seconds (slows ' + maxSlow + '%).';
+			}
 		}
 	},
-	'Muffled Strikes': {
+	'Shadowstep': {
+		// Note: Replacing Shadowstep based on your prompt
 		points: 0,
 		max: 5,
 		tree: 'The Symphony of Shadows',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Attacks produce little sound, reducing enemy awareness. Some foes fail to fully react, taking extra critical hits as they struggle to track your movements.';
+		calcData: {
+			// Explicit values at ranks 1-5
+			distances: [3, 4, 5, 6, 8],
+			// units
+			imageDurs: [2, 2.5, 3, 3.5, 4],
+			// seconds
+			cooldowns: [20, 18, 16, 14, 12] // seconds
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentDist = 0,
+				currentImgDur = 0,
+				currentCD = 0;
+			var maxDist = calcData.distances[this.max - 1];
+			var maxImgDur = calcData.imageDurs[this.max - 1];
+			var maxCD = calcData.cooldowns[this.max - 1];
+			if (points > 0) {
+				currentDist = calcData.distances[points - 1];
+				currentImgDur = calcData.imageDurs[points - 1];
+				currentCD = calcData.cooldowns[points - 1];
+			}
+			if (points < this.max) {
+				var nextDist = calcData.distances[points];
+				var nextImgDur = calcData.imageDurs[points];
+				var nextCD = calcData.cooldowns[points];
+				if (points === 0) {
+					return 'Use Shadowstep to blink ' + nextDist + ' units, leaving a distracting afterimage for ' + nextImgDur.toFixed(1) + ' seconds (Cooldown: ' + nextCD + 's).';
+				} else {
+					return 'Use Shadowstep to blink ' + nextDist + ' units, leaving a ' + nextImgDur.toFixed(1) + 's afterimage (Cooldown: ' + nextCD + 's) (Currently ' + currentDist + 'u / ' + currentImgDur.toFixed(1) + 's / ' + currentCD + 's).';
+				}
+			} else {
+				return 'Maximum rank reached. Blink ' + maxDist + ' units, ' + maxImgDur.toFixed(1) + 's afterimage (Cooldown: ' + maxCD + 's).';
+			}
 		}
 	},
 	'Umbral Echoes': {
 		points: 0,
 		max: 5,
 		tree: 'The Symphony of Shadows',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'Your attacks leave lingering echoes of shadow. These echoes confuse enemies, causing them to strike illusions or hesitate, giving you more control in battle.';
+		calcData: {
+			// Explicit values at ranks 1-5
+			procValues: [10, 13, 16, 19, 22],
+			// % Proc chance
+			confusionDurs: [2, 2.5, 3, 3.5, 4] // seconds Duration
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentProc = 0,
+				currentConfDur = 0;
+			var maxProc = calcData.procValues[this.max - 1];
+			var maxConfDur = calcData.confusionDurs[this.max - 1];
+			if (points > 0) {
+				currentProc = calcData.procValues[points - 1];
+				currentConfDur = calcData.confusionDurs[points - 1];
+			}
+			if (points < this.max) {
+				var nextProc = calcData.procValues[points];
+				var nextConfDur = calcData.confusionDurs[points];
+				if (points === 0) {
+					return 'On hit, ' + nextProc + '% chance to spawn an echo that confuses enemies for ' + nextConfDur.toFixed(1) + ' seconds.';
+				} else {
+					return 'On hit, ' + nextProc + '% chance to spawn an echo that confuses enemies for ' + nextConfDur.toFixed(1) + ' seconds (Currently ' + currentProc + '% / ' + currentConfDur.toFixed(1) + 's).';
+				}
+			} else {
+				return 'Maximum rank reached. ' + maxProc + '% chance on hit to spawn echo (confuses ' + maxConfDur.toFixed(1) + 's).';
+			}
 		}
 	},
 	'Midnight Crescendo': {
 		points: 0,
 		max: 5,
 		tree: 'The Symphony of Shadows',
-		descriptionFn: function descriptionFn(p, d) {
-			return 'For a short duration, become one with the darkness. Your attacks ignore some armor, movement speed increases, and enemies are overwhelmed by disorienting echoes. A swirling concert of shadows amplifies your lethality.';
+		calcData: {
+			// Explicit values at ranks 1-5
+			durations: [6, 7, 8, 9, 10],
+			// seconds
+			armorIgnores: [10, 15, 20, 25, 30],
+			// % Armor Ignore
+			speedBonuses: [10, 12, 14, 16, 18],
+			// % Move Speed
+			disorientChances: [20, 25, 30, 35, 40] // % Disorient Chance
+			// Cooldown fixed at 60s
+		},
+		descriptionFn: function descriptionFn(points, calcData) {
+			var currentStats = {
+				dur: 0,
+				arm: 0,
+				spd: 0,
+				dis: 0
+			};
+			var maxStats = {
+				dur: calcData.durations[this.max - 1],
+				arm: calcData.armorIgnores[this.max - 1],
+				spd: calcData.speedBonuses[this.max - 1],
+				dis: calcData.disorientChances[this.max - 1]
+			};
+			if (points > 0) {
+				currentStats.dur = calcData.durations[points - 1];
+				currentStats.arm = calcData.armorIgnores[points - 1];
+				currentStats.spd = calcData.speedBonuses[points - 1];
+				currentStats.dis = calcData.disorientChances[points - 1];
+			}
+			if (points < this.max) {
+				var nextStats = {
+					dur: calcData.durations[points],
+					arm: calcData.armorIgnores[points],
+					spd: calcData.speedBonuses[points],
+					dis: calcData.disorientChances[points]
+				};
+				var desc = 'Activate Midnight Crescendo for ' + nextStats.dur + ' seconds: ignore ' + nextStats.arm + '% armor, +' + nextStats.spd + '% move speed, and ' + nextStats.dis + '% chance to disorient on hit (Cooldown: 60s).';
+				if (points > 0) {
+					desc += ' (Currently ' + currentStats.dur + 's / ' + currentStats.arm + '% / +' + currentStats.spd + '% / ' + currentStats.dis + '%)';
+				}
+				return desc;
+			} else {
+				return 'Maximum rank reached. For ' + maxStats.dur + 's: ignore ' + maxStats.arm + '% armor, +' + maxStats.spd + '% move speed, and ' + maxStats.dis + '% disorient chance (Cooldown: 60s).';
+			}
 		}
 	}
+	// --- End The Symphony of Shadows ---
 };
 // --- Centralized Skill Tree Layout Data ---
 // This structure holds the background image, list of skills (nodes),
 // node positions, and the mapping of skill names to their icon asset names for each tree.
@@ -1651,9 +2572,9 @@
 		}
 	},
 	'The Symphony of Shadows': {
 		backgroundAsset: 'popup_symphonyofshadows',
-		nodes: ['Whispered Steps', 'Nightfall Veil', 'Serrated Shade', 'Shadow Familiar', 'Muffled Strikes', 'Umbral Echoes', 'Midnight Crescendo'],
+		nodes: ['Whispered Steps', 'Nightfall Veil', 'Serrated Shade', 'Shadow Familiar', 'Shadowstep', 'Umbral Echoes', 'Midnight Crescendo'],
 		positions: {
 			// Positions from original code
 			'Whispered Steps': {
 				x: 2048 / 4 - 50,
@@ -1670,9 +2591,9 @@
 			'Shadow Familiar': {
 				x: 2048 / 4 - 50,
 				y: 2 * 2732 / 6 + 100
 			},
-			'Muffled Strikes': {
+			'Shadowstep': {
 				x: 2048 / 2,
 				y: 2 * 2732 / 6 + 100
 			},
 			'Umbral Echoes': {
@@ -1689,9 +2610,9 @@
 			'Whispered Steps': 'WhisperedSteps_icon',
 			'Nightfall Veil': 'NightfallVeil_icon',
 			'Serrated Shade': 'SerratedShade_icon',
 			'Shadow Familiar': 'ShadowFamiliar_icon',
-			'Muffled Strikes': 'MuffledStrikes_icon',
+			'Shadowstep': 'MuffledStrikes_icon',
 			'Umbral Echoes': 'UmbralEchoes_icon',
 			'Midnight Crescendo': 'MidnightCrescendo_icon'
 		}
 	}
@@ -2103,8 +3024,21 @@
 		// Check if it exists and is on stage
 		skillTreePointsText.setText('Skill Points: ' + heroSkillPoints);
 	}
 }
+function spendSkillPoint(skillName) {
+	// Example refactor needed inside spend button's down handler
+	var skillData = skillDefinitions[skillName];
+	if (heroSkillPoints > 0 && skillData.points < skillData.max) {
+		heroSkillPoints--;
+		skillData.points++;
+		refreshSkillPointsText();
+		// --- TODO: Update the skill detail popup UI ---
+		// updateSkillPopupContent(skillName); // You'd need this helper
+		updateSkillNodePointDisplays();
+		hero.recalculateStats(); // <<< RECALCULATE STATS AFTER SPENDING
+	}
+}
 // --- Room and Game Flow Functions ---
 function addDirectionalArrows() {
 	// Remove existing arrows first to prevent duplicates
 	gameContainer.children.forEach(function (child) {
@@ -2156,14 +3090,27 @@
 }
 function updateRoomDisplay() {
 	if (!roomDisplay || !currentRoom || !hero) {
 		return;
-	} // Ensure UI elements and game state exist
+	}
 	var enemiesLeft = currentRoom.killGoal - currentRoom.enemiesKilled;
 	roomDisplay.setText('Room: ' + currentRoom.number + ' | Enemies Left: ' + Math.max(enemiesLeft, 0));
-	if (healthText) {
-		healthText.setText('Health: ' + Math.max(hero.health, 0));
-	} // Show 0 if health < 0
+	if (healthText && hero) {
+		// Check hero exists
+		// Display current/max health
+		healthText.setText('Health: ' + Math.max(Math.round(hero.health), 0) + ' / ' + Math.round(hero.getStat('maxHealth')));
+		// Update color based on health percentage?
+		var healthPercent = hero.health / hero.getStat('maxHealth');
+		if (healthPercent > 0.6) {
+			healthText.style.fill = 0x00FF00;
+		} // Green
+		else if (healthPercent > 0.3) {
+			healthText.style.fill = 0xFFFF00;
+		} // Yellow
+		else {
+			healthText.style.fill = 0xFF0000;
+		} // Red
+	}
 }
 function stopRoomMusic() {
 	LK.stopMusic(); // Use engine's function to stop all music
 	currentRoomMusic = null;
@@ -2452,32 +3399,34 @@
 	// Add the main menu to the stage
 	menuContainer.addChild(skillTreePopup);
 	isPopupActive = true; // Start with the menu active
 }
+// --- initializeGame (Modified) ---
 function initializeGame() {
-	// Initial setup when the game actually begins playing
-	// Create Hero if not already created
 	if (!hero) {
 		hero = gameContainer.addChild(new Hero());
 		hero.x = roomWidth / 2;
 		hero.y = roomHeight / 2;
-		// Assign joysticks to hero
 		var joystick = uiContainer.addChild(new Joystick());
 		hero.joystick = joystick;
 		var aimingJoystick = uiContainer.addChild(new AimingJoystick());
 		hero.aimingJoystick = aimingJoystick;
 	} else {
 		// Reset hero state if restarting
-		hero.health = hero.maxHealth;
+		hero.active = true; // Ensure hero is active
+		hero.health = hero.getStat('maxHealth'); // Heal to full calculated max health
 		hero.x = roomWidth / 2;
 		hero.y = roomHeight / 2;
 		hero.canExitRoom = false;
+		hero.activeModifiers = []; // Clear buffs/debuffs
 		// Reset any active effects or cooldowns if needed
 	}
+	// --- Apply initial stats from skills ---
+	hero.recalculateStats(); // Calculate stats based on any initially allocated points (if loaded from save later)
+	hero.health = hero.getStat('maxHealth'); // Ensure health starts at max after calculation
 	// Set up initial room
-	currentRoom = new Room(1); // Start in room 1
-	visitedRooms = [1]; // Mark room 1 as visited initially
-	// Set initial background
+	currentRoom = new Room(1);
+	visitedRooms = [1];
 	var initialBgImage = LK.getAsset(roomBackgroundImages[0], {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
@@ -2486,9 +3435,8 @@
 	game.addChildAt(initialBgImage, 0);
 	game.background = initialBgImage;
 	// Setup UI Bars/Text
 	var statsBar = LK.getAsset('box', {
-		// Simple black bar background for stats
 		anchorX: 0.0,
 		anchorY: 0.0,
 		width: roomWidth,
 		height: 100,
@@ -2496,41 +3444,42 @@
 		y: 0,
 		color: 0x111111,
 		alpha: 0.7
 	});
-	uiContainer.addChild(statsBar); // Add to UI container
-	// Enemies Left Text (Move slightly lower down)
+	uiContainer.addChild(statsBar);
 	roomDisplay = new Text2('Room: 1 | Enemies Left: 0', {
 		size: 60,
 		fill: 0xFFFFFF,
-		fontWeight: "bold"
+		fontWeight: "bold",
+		wordWrap: false
 	});
-	roomDisplay.x = roomWidth / 2; // Center X
-	roomDisplay.y = 60; // << CHANGED: Moved down from 50 to clear top edge
-	roomDisplay.anchor.set(0.5, 0.5); // Anchor center
+	roomDisplay.x = roomWidth / 2;
+	roomDisplay.y = 60;
+	roomDisplay.anchor.set(0.5, 0.5);
 	uiContainer.addChild(roomDisplay);
-	// Health Text (Move further right and slightly lower)
-	healthText = new Text2('Health: ' + hero.health, {
+	healthText = new Text2('Health: ' + Math.round(hero.health) + ' / ' + Math.round(hero.getStat('maxHealth')), {
 		size: 60,
 		fill: 0x00FF00,
-		fontWeight: "bold"
+		fontWeight: "bold",
+		wordWrap: false
 	});
-	healthText.x = 250; // << CHANGED: Moved right from 150 to clear pause button
-	healthText.y = 60; // << CHANGED: Moved down from 50 to align with roomDisplay
-	healthText.anchor.set(0, 0.5); // Anchor left, vertical center
+	healthText.style = healthText.style || {};
+	healthText.x = 250;
+	healthText.y = 60;
+	healthText.anchor.set(0, 0.5);
 	uiContainer.addChild(healthText);
 	updateRoomDisplay(); // Initial UI text update
-	playRoomMusic(currentRoom.number); // Play music for room 1
-	currentRoom.startSpawning(); // Start spawning enemies
+	playRoomMusic(currentRoom.number);
+	currentRoom.startSpawning();
 }
 // --- Global UI Buttons ---
 // Kill All Button (Debug?)
 var killAllButton = LK.getAsset('killAllButton', {
 	anchorX: 0.5,
 	anchorY: 0.5
 });
-killAllButton.x = 100;
-killAllButton.y = roomHeight - 200; // Position lower left
+killAllButton.x = 250;
+killAllButton.y = roomHeight - 500; // Position lower left
 uiContainer.addChild(killAllButton);
 killAllButton.down = function (x, y, obj) {
 	if (isPopupActive || isSkillDetailPopupActive || !currentRoom) {
 		return;
@@ -2554,10 +3503,10 @@
 var switchWeaponZone = LK.getAsset('switchWeaponZone', {
 	anchorX: 0.5,
 	anchorY: 0.5
 });
-switchWeaponZone.x = roomWidth - 150; // Position lower right
-switchWeaponZone.y = roomHeight - 200;
+switchWeaponZone.x = roomWidth - 250; // Position lower right
+switchWeaponZone.y = roomHeight - 500;
 uiContainer.addChild(switchWeaponZone);
 switchWeaponZone.interactive = true; // Make the zone itself clickable
 switchWeaponZone.down = function (x, y, obj) {
 	if (isPopupActive || isSkillDetailPopupActive || !hero) {
@@ -2572,23 +3521,22 @@
 ****/ 
 game.update = function () {
 	// If any popup is active, skip core game updates
 	if (isPopupActive || isSkillDetailPopupActive) {
-		// Can add logic here for animating menus if needed
+		// Potentially update UI animations even when paused
 		return;
 	}
 	// --- Core Gameplay Update ---
-	if (!hero || !currentRoom) {
+	if (!hero || !currentRoom || !hero.active) {
+		// Ensure hero is active
 		return;
-	} // Wait until game is initialized
-	// Update Hero (handles movement, attacks, collision checks)
+	}
+	// Update Hero (handles movement, attacks, modifiers, collision checks)
 	hero.update();
-	// Update Arrows
-	// Loop backwards for safe removal while iterating
+	// Update Arrows (Projectiles fired by Hero)
 	for (var j = arrows.length - 1; j >= 0; j--) {
 		var arrow = arrows[j];
 		if (!arrow) {
-			// Safety check if arrow was destroyed elsewhere
 			arrows.splice(j, 1);
 			continue;
 		}
 		arrow.update(); // Move arrow
@@ -2597,35 +3545,56 @@
 			var enemy = currentRoom.enemies[i];
 			if (!enemy || !enemy.active) {
 				continue;
 			}
-			// Simple distance check for collision
+			// Simple distance check (improve with AABB or Circle if needed)
 			var hitDx = enemy.x - arrow.x;
 			var hitDy = enemy.y - arrow.y;
 			var hitDistSqr = hitDx * hitDx + hitDy * hitDy;
-			var enemyRadius = (enemy.width || 50) / 2; // Estimate radius
+			var enemyRadius = (enemy.width || 50) / 2;
 			var arrowRadius = (arrow.width || 10) / 2;
 			var collisionDist = enemyRadius + arrowRadius;
 			if (hitDistSqr < collisionDist * collisionDist) {
-				// Check squared distance
+				// console.log("Arrow Hit Enemy! Damage:", arrow.damage, "Type:", arrow.damageType); // Debug
 				if (enemy.takeDamage) {
-					enemy.takeDamage(arrow.damage);
-				} // Damage enemy
-				arrow.destroy(); // Destroy arrow (this should remove it from array too)
-				// No need to splice here if arrow.destroy() handles it
+					enemy.takeDamage(arrow.damage, arrow.damageType, arrow.source); // Pass type and source
+				}
+				// Apply LifeSteal on hit (if the arrow came from the hero)
+				if (arrow.source === hero) {
+					var lifeStealAmount = arrow.damage * hero.getStat('lifeSteal');
+					if (lifeStealAmount > 0) {
+						hero.takeDamage(lifeStealAmount, DamageType.HEALING);
+					}
+				}
+				// --- TODO: Add Arrow Hit VFX/SFX ---
+				// --- TODO: Add arrow on-hit proc checks (e.g., for Elemental Infusion, Chaotic Spark from Hero) ---
+				arrow.destroy(); // Destroys arrow and removes from array
 				break; // Arrow hits one enemy and is destroyed
 			}
 		}
 	} // End arrow update loop
-	// Update Enemies (already loop backwards in takeDamage/die)
-	// Make a copy of the array to iterate over, in case enemies are removed during update (e.g., by hero attack)
-	var enemiesToUpdate = currentRoom.enemies.slice();
+	// Update Enemies
+	var enemiesToUpdate = currentRoom.enemies.slice(); // Iterate copy
 	for (var k = 0; k < enemiesToUpdate.length; k++) {
 		var enemy = enemiesToUpdate[k];
-		// Ensure the enemy wasn't destroyed by a previous update in the same frame
+		// Check if enemy still exists and is active (might have been killed by hero/arrow this frame)
+		// And check if it has an update method
 		if (enemy && enemy.active && enemy.update) {
-			enemy.update();
+			// Also check if the enemy is still in the original array (could be removed by another enemy's effect?)
+			if (currentRoom.enemies.includes(enemy)) {
+				enemy.update();
+			}
 		}
 	}
-	// Room cleared check is now handled within enemy.die()
-	// checkRoomCleared(); // Can be removed if die() handles it reliably
+	// Update Enemy Projectiles (assuming they are added directly to gameContainer, not a specific array)
+	// We need to iterate gameContainer children or create a separate enemyProjectiles array
+	// Let's assume for now Projectile class handles its own hero collision check within its update
+	gameContainer.children.forEach(function (child) {
+		// This is inefficient - better to have specific arrays
+		if (child instanceof Projectile && child.update) {
+			// Projectile.update already handles collision with hero
+			// If it didn't, we'd check here:
+			// if (hero && hero.active && child.intersects && child.intersects(hero)) { ... }
+		}
+	});
+	// checkRoomCleared(); // Now called reliably within enemy.die()
 }; // End Game Update
\ No newline at end of file