/**** 
* Classes
****/ 
// Arrow class
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;
	self.update = function () {
		self.x += Math.cos(self.rotation) * self.speed;
		self.y += Math.sin(self.rotation) * self.speed;
		if (self.x < 0 || self.x > 2048 || self.y < 0 || self.y > 2732) {
			self.destroy();
		}
	};
});
// BackButton
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;
	self.down = function () {
		menuContainer.removeChild(self.parent);
		menuContainer.addChild(skillTreePopup);
	};
	return self;
});
// Enemy
var Enemy = Container.expand(function () {
	var self = Container.call(this);
	var enemyGraphics = self.attachAsset('enemy_run1', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var frames = [LK.getAsset('enemy_run1', {
		anchorX: 0.5,
		anchorY: 0.5
	}), LK.getAsset('enemy_run2', {
		anchorX: 0.5,
		anchorY: 0.5
	}), LK.getAsset('enemy_run3', {
		anchorX: 0.5,
		anchorY: 0.5
	}), LK.getAsset('enemy_run4', {
		anchorX: 0.5,
		anchorY: 0.5
	})];
	self.speed = 2 + Math.random() * 0.5;
	self.damageCooldown = 0;
	self.xpValue = 20; // xp given by basic enemy
	var currentFrame = 0;
	var frameDelay = 30;
	var frameCounter = 0;
	self.update = function () {
		frameCounter++;
		if (frameCounter >= frameDelay) {
			frameCounter = 0;
			self.removeChild(enemyGraphics);
			currentFrame = (currentFrame + 1) % frames.length;
			enemyGraphics = self.addChild(frames[currentFrame]);
		}
		var offsetX = (Math.random() - 0.5) * 20;
		var offsetY = (Math.random() - 0.5) * 20;
		var dx = hero.x + offsetX - self.x;
		var dy = hero.y + offsetY - self.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		var minDistance = 70;
		if (distance > minDistance) {
			self.x += dx / distance * self.speed;
			self.y += dy / distance * self.speed;
			self.rotation = Math.atan2(dy, dx);
		} else {
			if (self.damageCooldown <= 0) {
				hero.health -= 5;
				self.damageCooldown = 60;
				updateRoomDisplay();
			} else {
				self.damageCooldown--;
			}
			self.x -= dx / distance * (minDistance - distance);
			self.y -= dy / distance * (minDistance - distance);
		}
		if (self.x < wallThickness) {
			self.x = wallThickness;
		}
		if (self.x > roomWidth - wallThickness) {
			self.x = roomWidth - wallThickness;
		}
		if (self.y < wallThickness) {
			self.y = wallThickness;
		}
		if (self.y > roomHeight - wallThickness) {
			self.y = roomHeight - wallThickness;
		}
	};
	return self;
});
// Hero
var Hero = Container.expand(function () {
	var self = Container.call(this);
	var heroGraphics = self.attachAsset('hero', {
		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.y = 0;
	self.bowGraphics = self.attachAsset('bow', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.bowGraphics.x = heroGraphics.width / 2;
	self.bowGraphics.visible = false;
	self.attackCooldown = 0;
	self.isAttacking = false;
	self.health = 100;
	self.attackDuration = 20;
	self.weaponType = 1;
	self.attackRange = 60;
	self.attackDamage = 10;
	self.speed = 3;
	self.joystick = null;
	// Level system
	self.level = 1;
	self.skillPoints = 3;
	self.xp = 0;
	self.xpToNextLevel = 100;
	self.update = function () {
		var direction = this.joystick ? this.joystick.getDirection() : {
			x: 0,
			y: 0
		};
		var nextX = this.x + direction.x * this.speed;
		var nextY = this.y + direction.y * this.speed;
		if (nextX < wallThickness && !(nextY >= entrances.left.yStart && nextY <= entrances.left.yEnd)) {
			nextX = wallThickness;
		} else if (nextX > roomWidth - wallThickness && !(nextY >= entrances.right.yStart && nextY <= entrances.right.yEnd)) {
			nextX = roomWidth - wallThickness;
		}
		if (nextY < wallThickness && !(nextX >= entrances.top.xStart && nextX <= entrances.top.xEnd)) {
			nextY = wallThickness;
		} else if (nextY > roomHeight - wallThickness && !(nextX >= entrances.bottom.xStart && nextX <= entrances.bottom.xEnd)) {
			nextY = roomHeight - wallThickness;
		}
		this.x = nextX;
		this.y = nextY;
		if (self.isAttacking) {
			var swingProgress = (self.attackDuration - self.attackCooldown) / self.attackDuration;
			self.swordGraphics.rotation = Math.sin(swingProgress * Math.PI) * 1.2;
			self.swordGraphics.x = heroGraphics.width / 2 + Math.cos(swingProgress * Math.PI) * 30;
			self.swordGraphics.y = Math.sin(swingProgress * Math.PI) * 30;
			self.attackCooldown--;
			if (self.attackCooldown <= 0) {
				self.isAttacking = false;
				self.swordGraphics.rotation = 0;
			} else {
				for (var i = currentRoom.enemies.length - 1; i >= 0; i--) {
					var enemy = currentRoom.enemies[i];
					var angleToEnemy = Math.atan2(enemy.y - self.y, enemy.x - self.x);
					var angleDifference = Math.abs(angleToEnemy - self.rotation);
					var swordDx = enemy.x - (self.x + Math.cos(self.rotation) * self.attackRange);
					var swordDy = enemy.y - (self.y + Math.sin(self.rotation) * self.attackRange);
					var swordDistance = Math.sqrt(swordDx * swordDx + swordDy * swordDy);
					if (swordDistance < self.attackRange && angleDifference < Math.PI / 4) {
						enemy.health -= self.attackDamage;
						if (enemy.health <= 0) {
							// Award XP
							self.xp += enemy.xpValue;
							checkLevelUp();
							currentRoom.enemiesKilled++;
							currentRoom.enemyCounter--;
							enemy.destroy();
							currentRoom.enemies.splice(i, 1);
							updateRoomDisplay();
						}
					}
				}
			}
		} else {
			self.swordGraphics.rotation = 0;
		}
	};
	return self;
});
// Check Level Up function
// Joystick
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 = 2732 - joystickBackground.height / 2 - 100;
	var maxRadius = 100;
	var isDragging = false;
	self.down = function (x, y, obj) {
		isDragging = true;
	};
	self.move = function (x, y, obj) {
		if (isDragging && !isPopupActive) {
			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.up = function (x, y, obj) {
		isDragging = false;
		joystickHandle.x = 0;
		joystickHandle.y = 0;
	};
	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;
});
// Resume Game Button
var ResumeGameButton = Container.expand(function () {
	var self = Container.call(this);
	// reuse startGameButton asset
	self.attachAsset('startGameButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 3,
		scaleY: 3
	});
	self.x = 2048 / 2;
	self.y = 2732 - 400;
	self.down = function () {
		menuContainer.removeChild(self.parent); // parent is the skill tree popup
		isPopupActive = false;
		isDataSpikePopupActive = false;
		// just resume
	};
	return self;
});
// Function to show skill tree menu for resume
// Start Game Button
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 = 2048 / 2;
	self.y = 2732 - 400;
	self.down = function () {
		menuContainer.removeChild(skillTreePopup);
		isPopupActive = false;
		isDataSpikePopupActive = false;
		isGameStarted = true;
		initializeGame();
		LK.playMusic('room1_music', {
			loop: true
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
function openSkillTreePopup(title) {
	console.log("Opening skill tree popup for:", title);
	// Add logic to display the skill tree popup based on the title
}
/**** 
* Code Vars
****/ 
var isPopupActive = false;
var isDataSpikePopupActive = false;
var isGameStarted = false; // differentiate first start vs resume
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 = {
	leftCenter: {
		x: wallThickness,
		y: roomHeight / 2
	},
	rightCenter: {
		x: roomWidth - wallThickness,
		y: roomHeight / 2
	},
	topCenter: {
		x: roomWidth / 2,
		y: wallThickness
	},
	bottomCenter: {
		x: roomWidth / 2,
		y: roomHeight - wallThickness
	}
};
var gameContainer = new Container();
var uiContainer = new Container();
var menuContainer = new Container();
game.addChild(gameContainer);
game.addChild(uiContainer);
game.addChild(menuContainer);
var hero;
var currentRoom;
var currentRoomMusic;
var arrows = [];
var roomBackgroundImages = ['backgroundImage1', 'backgroundImage2', 'backgroundImage3', 'backgroundImage4', 'backgroundImage5'];
var skillPointsDisplay_main = null;
var currentSkillPointsDisplay = null;
function createSkillPointsDisplay(container) {
	var spDisplay = new Text2('Skill Points: ' + (hero ? hero.skillPoints : 3), {
		size: 70,
		fill: "#ffffff",
		fontWeight: "bold"
	});
	spDisplay.x = 2048 / 2;
	spDisplay.y = 2732 - 100;
	spDisplay.anchor.set(0.5, 0);
	container.addChild(spDisplay);
	return spDisplay;
}
function updateSkillPointsDisplays() {
	if (skillPointsDisplay_main) {
		skillPointsDisplay_main.setText('Skill Points: ' + hero.skillPoints);
	}
	if (currentSkillPointsDisplay) {
		currentSkillPointsDisplay.setText('Skill Points: ' + hero.skillPoints);
	}
}
// Check Level Up function
function checkLevelUp() {
	while (hero.xp >= hero.xpToNextLevel) {
		hero.xp -= hero.xpToNextLevel;
		hero.level++;
		hero.skillPoints++;
		hero.xpToNextLevel = Math.floor(hero.xpToNextLevel * 1.2);
		updateSkillPointsDisplays();
	}
}
// Function to show skill tree menu for resume
function showSkillTreeMenuForResume() {
	menuContainer.addChild(skillTreePopup);
	isPopupActive = true;
	// remove startGameButton if present and add resumeGameButton
	if (skillTreePopup.children.includes(startGameButton)) {
		skillTreePopup.removeChild(startGameButton);
	}
	var resumeGameButton = new ResumeGameButton();
	skillTreePopup.addChild(resumeGameButton);
	updateSkillPointsDisplays();
}
// Create skill tree popup container
var skillTreePopup = new Container();
skillTreePopup.width = 2048;
skillTreePopup.height = 2732;
skillTreePopup.x = 0;
skillTreePopup.y = 0;
var skillTreeBackground = LK.getAsset('skillTree_Background', {
	anchorX: 0.5,
	anchorY: 0.5
});
skillTreeBackground.x = 2048 / 2;
skillTreeBackground.y = 2732 / 2;
skillTreePopup.addChild(skillTreeBackground);
var skillTrees = [{
	title: 'The Circuit of Ascension',
	theme: 'Futuristic, cybernetic evolution'
}, {
	title: 'The Echoes of Ancestry',
	theme: 'Mystical and historical'
}, {
	title: 'The Forge of Possibilities',
	theme: 'Creative and modular'
}, {
	title: 'The Prism of Potential',
	theme: 'Magical and elemental'
}, {
	title: 'The Nexus of Chaos',
	theme: 'Unpredictable and chaotic'
}, {
	title: 'The Symphony of Shadows',
	theme: 'Dark and stealth-focused'
}];
var positions = [{
	x: 1024 - 300,
	y: 1266 - 400
}, {
	x: 1024 + 300,
	y: 1266 - 400
}, {
	x: 1024 - 300,
	y: 1266 - 50
}, {
	x: 1024 + 300,
	y: 1266 - 50
}, {
	x: 1024 - 300,
	y: 1266 + 300
}, {
	x: 1024 + 300,
	y: 1266 + 300
}];
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'
};
// Add skill points display on main skillTreePopup
skillPointsDisplay_main = createSkillPointsDisplay(skillTreePopup);
positions.forEach(function (position, index) {
	var skillTree = skillTrees[index];
	var titleText = new Text2(skillTree.title, {
		size: 50,
		fill: "#ffffff",
		fontWeight: "bold",
		fontFamily: "Techno, sans-serif",
		letterSpacing: 2,
		stroke: "#00ffcc",
		strokeThickness: 3
	});
	titleText.x = position.x;
	titleText.y = position.y + 100;
	titleText.anchor.set(0.5, 0);
	var skillTreeAssetId = skillTreeAssetMap[skillTree.title];
	var skillTreeAsset = LK.getAsset(skillTreeAssetId, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	if (!skillTreePopup.children.includes(skillTreeAsset)) {
		skillTreePopup.addChild(skillTreeAsset);
	}
	skillTreeAsset.x = position.x;
	skillTreeAsset.y = position.y;
	if (!skillTreePopup.children.includes(skillTreeAsset)) {
		skillTreePopup.addChild(skillTreeAsset);
	}
	skillTreeAsset.down = function () {
		openSkillTreePopup(skillTree.title);
	};
	titleText.down = function () {
		openSkillTreePopup(skillTree.title);
	};
	skillTreePopup.addChild(titleText);
});
isPopupActive = true;
menuContainer.addChild(skillTreePopup);
var testRectangle = LK.getAsset('box', {
	anchorX: 0.5,
	anchorY: 0.5,
	width: 100,
	height: 50,
	color: 0xff0000
});
testRectangle.x = 100;
testRectangle.y = 100;
skillTreePopup.addChild(testRectangle);
var startGameButton = new StartGameButton();
skillTreePopup.addChild(startGameButton);
// A button to open skill tree from gameplay
var openSkillTreeButton = LK.getAsset('box', {
	anchorX: 0.5,
	anchorY: 0.5,
	width: 150,
	height: 50,
	color: 0x00ff00
});
openSkillTreeButton.x = 2048 - 200;
openSkillTreeButton.y = 200;
uiContainer.addChild(openSkillTreeButton);
openSkillTreeButton.down = function () {
	if (!isPopupActive && !isDataSpikePopupActive && isGameStarted) {
		showSkillTreeMenuForResume();
	}
};
// Initialize game function
function initializeGame() {
	currentRoom = new Room(1);
	hero.x = 2048 / 2;
	hero.y = 2732 / 2;
	updateRoomDisplay();
	playRoomMusic(currentRoom.number);
}
// Room class
var Room = function Room(number) {
	this.number = number;
	this.enemies = [];
	this.isCleared = false;
	this.spawnLimit = this.number === 1 ? 24 : 12 * this.number;
	this.killGoal = this.spawnLimit;
	this.enemiesSpawned = 0;
	this.enemiesKilled = 0;
	this.enemyCounter = this.spawnLimit;
	var self = this;
	var spawnInterval = LK.setInterval(function () {
		if (self.enemiesSpawned < self.spawnLimit && currentRoom.number === self.number && !isPopupActive) {
			self.spawnEnemy();
		} else {
			LK.clearInterval(spawnInterval);
		}
	}, 500);
	this.spawnEnemy = function () {
		if (this.enemiesSpawned < this.spawnLimit && !isPopupActive && currentRoom.number === this.number) {
			var spawnKeys = Object.keys(spawnPoints);
			var spawnIndex = Math.floor(Math.random() * spawnKeys.length);
			var spawnPoint = spawnPoints[spawnKeys[spawnIndex]];
			var enemy = new Enemy();
			enemy.x = spawnPoint.x;
			enemy.y = spawnPoint.y;
			enemy.active = true;
			enemy.health = 10;
			enemy.visible = true;
			this.enemies.push(enemy);
			game.addChild(enemy);
			this.enemiesSpawned++;
		}
	};
};
// Set initial bg
var initialBgImage = LK.getAsset('backgroundImage1', {
	anchorX: 0.5,
	anchorY: 0.5
});
initialBgImage.x = 2048 / 2;
initialBgImage.y = 2732 / 2;
game.addChildAt(initialBgImage, 0);
game.background = initialBgImage;
// Stats bar
var statsBar = LK.getAsset('box', {
	anchorX: 0.0,
	anchorY: 0.0,
	width: 2048,
	height: 100,
	x: 0,
	y: 0
});
game.addChild(statsBar);
var roomDisplay = new Text2('Room: 1 | Enemies Left: 0', {
	size: 70,
	fill: "#ffffff",
	fontWeight: "bold"
});
roomDisplay.x = 1000;
roomDisplay.y = 20;
game.addChild(roomDisplay);
var healthText = new Text2('Health: 100', {
	size: 70,
	fill: "#ffffff",
	fontWeight: "bold"
});
healthText.x = 300;
healthText.y = 20;
game.addChild(healthText);
// Kill all button logic remains same
var killAllButton = LK.getAsset('killAllButton', {
	anchorX: 0.5,
	anchorY: 0.5
});
killAllButton.x = 100;
killAllButton.y = 2732 - 350;
uiContainer.addChild(killAllButton);
killAllButton.down = function (x, y, obj) {
	if (isPopupActive || isDataSpikePopupActive) {
		return;
	}
	for (var i = currentRoom.enemies.length - 1; i >= 0; i--) {
		var enemy = currentRoom.enemies[i];
		enemy.destroy();
		currentRoom.enemies.splice(i, 1);
		currentRoom.enemiesKilled++;
	}
	updateRoomDisplay();
	checkRoomCleared();
	updateRoomDisplay();
	checkRoomCleared();
};
// Attack button
var attackButton = LK.getAsset('attackIcon', {
	anchorX: 0.5,
	anchorY: 0.5
});
attackButton.x = 2048 - 150;
attackButton.y = 2732 - 300;
uiContainer.addChild(attackButton);
attackButton.down = function (x, y, obj) {
	if (isPopupActive) {
		return;
	}
	if (hero.weaponType === 1) {
		hero.isAttacking = true;
		hero.attackCooldown = hero.attackDuration;
		LK.setTimeout(function () {
			hero.swordGraphics.rotation = 0.5;
		}, hero.attackDuration * 10);
	} else if (hero.weaponType === 2) {
		var arrow = new Arrow();
		arrow.x = hero.x;
		arrow.y = hero.y;
		arrow.rotation = hero.rotation;
		arrows.push(arrow);
		game.addChild(arrow);
	}
};
// SwitchWeaponZone
var switchWeaponZone = LK.getAsset('switchWeaponZone', {
	anchorX: 0.5,
	anchorY: 0.5
});
switchWeaponZone.x = 2048 - switchWeaponZone.width / 2;
switchWeaponZone.y = 2732 / 2;
uiContainer.addChild(switchWeaponZone);
game.down = function (x, y, obj) {
	if (isPopupActive) {
		return;
	}
	if (x >= switchWeaponZone.x - switchWeaponZone.width / 2 && x <= switchWeaponZone.x + switchWeaponZone.width / 2 && y >= switchWeaponZone.y - switchWeaponZone.height / 2 && y <= switchWeaponZone.y + switchWeaponZone.height / 2) {
		hero.weaponType = hero.weaponType === 1 ? 2 : 1;
		hero.swordGraphics.visible = hero.weaponType === 1;
		hero.bowGraphics.visible = hero.weaponType === 2;
		return;
	}
};
function updateRoomDisplay() {
	var enemiesLeft = currentRoom.spawnLimit - currentRoom.enemiesKilled;
	roomDisplay.setText('Room: ' + currentRoom.number + ' | Enemies Left: ' + Math.max(enemiesLeft, 0));
	healthText.setText('Health: ' + hero.health);
}
function stopRoomMusic() {
	if (currentRoomMusic) {
		currentRoomMusic.stop();
	}
}
function playRoomMusic(roomNumber) {
	if (currentRoomMusic) {
		currentRoomMusic.stop();
	}
	switch (roomNumber) {
		case 1:
			currentRoomMusic = LK.getSound('room1_music');
			currentRoomMusic.play({
				loop: true
			});
			break;
		case 2:
			LK.playMusic('room2_music', {
				loop: true
			});
			break;
		case 3:
			LK.playMusic('room3_music', {
				loop: true
			});
			break;
		case 4:
			currentRoomMusic = LK.getSound('room4_music');
			currentRoomMusic.play({
				loop: true
			});
			break;
		case 5:
			LK.playMusic('room5_music', {
				loop: true
			});
			break;
		default:
			currentRoomMusic = null;
	}
}
function checkRoomCleared() {
	if (currentRoom.enemiesKilled >= currentRoom.killGoal && !currentRoom.isCleared) {
		var roomClearedSound = LK.getSound('room' + currentRoom.number + '_cleared');
		if (roomClearedSound) {
			roomClearedSound.play();
		}
		if (currentRoom.number === 1) {
			LK.getSound('room1_music').stop();
		} else if (currentRoom.number === 2) {
			LK.getSound('room2_music').stop();
		} else if (currentRoom.number === 3) {
			LK.getSound('room3_music').stop();
		} else if (currentRoom.number === 4) {
			currentRoomMusic.stop();
		} else if (currentRoom.number === 5) {
			currentRoomMusic.stop();
		}
		stopRoomMusic();
		currentRoom.isCleared = true;
		hero.canExitRoom = true;
		updateRoomDisplay();
	}
}
function transitionToNextRoom() {
	playRoomMusic(currentRoom.number);
	if (game.background) {
		game.removeChild(game.background);
	}
	currentRoom.enemies.forEach(function (enemy) {
		enemy.destroy();
	});
	currentRoom.enemies = [];
	currentRoom.enemiesSpawned = 0;
	currentRoom.enemyCounter = currentRoom.spawnLimit;
	currentRoom.enemiesKilled = 0;
	currentRoom = new Room(currentRoom.number + 1);
	currentRoom.enemiesKilled = 0;
	var bgImageIndex = (currentRoom.number - 1) % roomBackgroundImages.length;
	var bgImage = LK.getAsset(roomBackgroundImages[bgImageIndex], {
		anchorX: 0.5,
		anchorY: 0.5
	});
	bgImage.x = 2048 / 2;
	bgImage.y = 2732 / 2;
	game.addChildAt(bgImage, 0);
	game.background = bgImage;
	currentRoom.isCleared = false;
	hero.canExitRoom = false;
	updateRoomDisplay();
}
function transitionToNewRoom(entrySide) {
	if (entrySide === 'top') {
		hero.y = 2732 - 10;
	} else if (entrySide === 'bottom') {
		hero.y = 10;
	} else if (entrySide === 'left') {
		hero.x = 2048 - 10;
	} else if (entrySide === 'right') {
		hero.x = 10;
	}
	stopRoomMusic();
	transitionToNextRoom();
	playRoomMusic(currentRoom.number);
	hero.canExitRoom = false;
}
// Create hero and joystick after game init
hero = gameContainer.addChild(new Hero());
hero.x = 2048 / 2;
hero.y = 2732 / 2;
var joystick = uiContainer.addChild(new Joystick());
hero.joystick = joystick;
game.update = function () {
	if (isPopupActive) {
		return; // pause game logic when popup active
	}
	if (hero.joystick && !isPopupActive) {
		var direction = hero.joystick.getDirection();
		if (direction.x !== 0 || direction.y !== 0) {
			hero.x += direction.x * hero.speed;
			hero.y += direction.y * hero.speed;
			hero.rotation = Math.atan2(direction.y, direction.x);
		}
	}
	hero.update();
	if (hero.health <= 0) {
		hero.health = 0;
		LK.showGameOver();
		return;
	}
	if (hero.canExitRoom) {
		if (hero.y < 10 || hero.y > 2732 - 10 || hero.x < 10 || hero.x > 2048 - 10) {
			var entrySide = hero.y < 10 ? 'bottom' : hero.y > 2732 - 10 ? 'top' : hero.x < 10 ? 'right' : 'left';
			transitionToNewRoom(entrySide);
		}
	}
	for (var j = arrows.length - 1; j >= 0; j--) {
		arrows[j].update();
		for (var i = currentRoom.enemies.length - 1; i >= 0; i--) {
			var hitDx = currentRoom.enemies[i].x - arrows[j].x;
			var hitDy = currentRoom.enemies[i].y - arrows[j].y;
			var hitDist = Math.sqrt(hitDx * hitDx + hitDy * hitDy);
			if (hitDist < 60) {
				currentRoom.enemies[i].health -= arrows[j].damage;
				if (currentRoom.enemies[i].health <= 0) {
					hero.xp += currentRoom.enemies[i].xpValue;
					checkLevelUp();
					currentRoom.enemiesKilled++;
					currentRoom.enemyCounter--;
					if (currentRoom.enemies[i].parent) {
						currentRoom.enemies[i].parent.removeChild(currentRoom.enemies[i]);
					}
					currentRoom.enemies[i].destroy();
					currentRoom.enemies.splice(i, 1);
					updateRoomDisplay();
				}
				if (arrows[j]) {
					arrows[j].destroy();
					arrows.splice(j, 1);
				}
				break;
			}
		}
	}
	if (!isPopupActive) {
		for (var k = 0; k < currentRoom.enemies.length; k++) {
			currentRoom.enemies[k].update();
		}
	}
	checkRoomCleared();
};

===================================================================
--- original.js
+++ change.js
@@ -500,8 +500,11 @@
 	skillTreeAsset.y = position.y;
 	if (!skillTreePopup.children.includes(skillTreeAsset)) {
 		skillTreePopup.addChild(skillTreeAsset);
 	}
+	skillTreeAsset.down = function () {
+		openSkillTreePopup(skillTree.title);
+	};
 	titleText.down = function () {
 		openSkillTreePopup(skillTree.title);
 	};
 	skillTreePopup.addChild(titleText);