/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var SpeedButton = Container.expand(function (speed, text, xPos) {
	var self = Container.call(this);
	self.speed = speed;
	self.active = speed === 1; // 1x speed is active by default
	// Button background
	var buttonAsset = 'speedButton';
	var activeButtonAsset = 'activeSpeedButton';
	if (speed === 5) {
		buttonAsset = 'speedButton5x';
		activeButtonAsset = 'activeSpeedButton5x';
	} else if (speed === 10) {
		buttonAsset = 'speedButton10x';
		activeButtonAsset = 'activeSpeedButton10x';
	}
	self.buttonBg = self.attachAsset(self.active ? activeButtonAsset : buttonAsset, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Button text
	self.speedText = new Text2(text, {
		size: 40,
		fill: 0xFFFFFF
	});
	self.speedText.anchor.set(0.5, 0.5);
	self.addChild(self.speedText);
	// Position button
	self.x = xPos;
	self.y = 2732 - 100; // Bottom of screen with some padding
	self.setActive = function (active) {
		self.active = active;
		self.removeChild(self.buttonBg);
		var buttonAsset = 'speedButton';
		var activeButtonAsset = 'activeSpeedButton';
		if (self.speed === 5) {
			buttonAsset = 'speedButton5x';
			activeButtonAsset = 'activeSpeedButton5x';
		} else if (self.speed === 10) {
			buttonAsset = 'speedButton10x';
			activeButtonAsset = 'activeSpeedButton10x';
		}
		self.buttonBg = self.attachAsset(active ? activeButtonAsset : buttonAsset, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		// Ensure text stays on top of button background
		self.removeChild(self.speedText);
		self.addChild(self.speedText);
	};
	self.down = function (x, y, obj) {
		if (!menuActive && !gameEnded) {
			setGameSpeed(self.speed);
		}
	};
	return self;
});
var TeamButton = Container.expand(function (teamType, yPosition) {
	var self = Container.call(this);
	self.teamType = teamType;
	self.selected = false;
	// Button background
	self.buttonBg = self.attachAsset('menuButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Team icon
	var assetNames = ['rock', 'paper', 'scissors'];
	self.teamIcon = self.attachAsset(assetNames[teamType], {
		anchorX: 0.5,
		anchorY: 0.5,
		x: -100,
		scaleX: 1.5,
		scaleY: 1.5
	});
	// Team name text
	var teamNames = ['ROCK', 'PAPER', 'SCISSORS'];
	self.teamText = new Text2(teamNames[teamType], {
		size: 60,
		fill: 0xFFFFFF
	});
	self.teamText.anchor.set(0.5, 0.5);
	self.teamText.x = 50;
	self.addChild(self.teamText);
	// Position button
	self.x = 2048 / 2;
	self.y = yPosition;
	self.setSelected = function (selected) {
		self.selected = selected;
		if (selected) {
			self.removeChild(self.buttonBg);
			self.buttonBg = self.attachAsset('selectedButton', {
				anchorX: 0.5,
				anchorY: 0.5
			});
		} else {
			self.removeChild(self.buttonBg);
			self.buttonBg = self.attachAsset('menuButton', {
				anchorX: 0.5,
				anchorY: 0.5
			});
		}
	};
	self.down = function (x, y, obj) {
		if (menuActive) {
			selectTeam(self.teamType);
		}
	};
	return self;
});
var Unit = Container.expand(function (type) {
	var self = Container.call(this);
	// Store unit type (0=rock, 1=paper, 2=scissors)
	self.type = type;
	// Create visual representation
	var assetNames = ['rock', 'paper', 'scissors'];
	var graphics = self.attachAsset(assetNames[type], {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Movement properties
	self.speedX = (Math.random() - 0.5) * 4;
	self.speedY = (Math.random() - 0.5) * 4;
	// Ensure minimum speed
	if (Math.abs(self.speedX) < 1) self.speedX = self.speedX > 0 ? 1 : -1;
	if (Math.abs(self.speedY) < 1) self.speedY = self.speedY > 0 ? 1 : -1;
	// Collision state tracking
	self.lastColliding = {};
	self.update = function () {
		// Move unit
		self.x += self.speedX * gameSpeed;
		self.y += self.speedY * gameSpeed;
		// Bounce off circular arena walls
		var centerX = 2048 / 2;
		var centerY = 2732 / 2;
		var arenaRadius = 900; // Arena radius
		// Calculate distance from center
		var dx = self.x - centerX;
		var dy = self.y - centerY;
		var distanceFromCenter = Math.sqrt(dx * dx + dy * dy);
		// If unit is outside arena, bounce it back
		if (distanceFromCenter > arenaRadius) {
			// Calculate angle from center to unit
			var angle = Math.atan2(dy, dx);
			// Position unit at arena edge
			self.x = centerX + Math.cos(angle) * arenaRadius;
			self.y = centerY + Math.sin(angle) * arenaRadius;
			// Reflect velocity vector off the circular boundary
			var normalX = Math.cos(angle);
			var normalY = Math.sin(angle);
			var dotProduct = self.speedX * normalX + self.speedY * normalY;
			self.speedX = self.speedX - 2 * dotProduct * normalX;
			self.speedY = self.speedY - 2 * dotProduct * normalY;
		}
	};
	self.convertTo = function (newType) {
		if (self.type === newType) return;
		self.type = newType;
		// Remove old graphics
		while (self.children.length > 0) {
			self.removeChild(self.children[0]);
		}
		// Add new graphics
		var assetNames = ['rock', 'paper', 'scissors'];
		var newGraphics = self.attachAsset(assetNames[newType], {
			anchorX: 0.5,
			anchorY: 0.5
		});
		// Conversion animation
		newGraphics.scaleX = 0.1;
		newGraphics.scaleY = 0.1;
		tween(newGraphics, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 300,
			easing: tween.bounceOut
		});
		LK.getSound('convert').play();
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var units = [];
var rockCount = 15;
var paperCount = 15;
var scissorsCount = 15;
var gameEnded = false;
var menuActive = true;
var selectedTeam = -1;
var teamButtons = [];
var scoreText;
var gameSpeed = 1;
var speedButtons = [];
// Create menu title
var menuTitle = new Text2('Choose Your Team', {
	size: 120,
	fill: 0xFFFFFF
});
menuTitle.anchor.set(0.5, 0.5);
menuTitle.x = 2048 / 2;
menuTitle.y = 400;
game.addChild(menuTitle);
// Create team selection buttons
for (var i = 0; i < 3; i++) {
	var button = new TeamButton(i, 800 + i * 200);
	teamButtons.push(button);
	game.addChild(button);
}
// Create start button
var startButton = new Text2('START BATTLE', {
	size: 80,
	fill: 0x27ae60
});
startButton.anchor.set(0.5, 0.5);
startButton.x = 2048 / 2;
startButton.y = 1800;
game.addChild(startButton);
function selectTeam(teamType) {
	selectedTeam = teamType;
	// Update button states
	for (var i = 0; i < teamButtons.length; i++) {
		teamButtons[i].setSelected(i === teamType);
	}
	// Make start button clickable
	startButton.tint = 0x27ae60;
}
function setGameSpeed(speed) {
	gameSpeed = speed;
	// Update button states
	for (var i = 0; i < speedButtons.length; i++) {
		speedButtons[i].setActive(speedButtons[i].speed === speed);
	}
}
function startGame() {
	if (selectedTeam === -1) return;
	menuActive = false;
	// Remove menu elements
	game.removeChild(menuTitle);
	game.removeChild(startButton);
	for (var i = 0; i < teamButtons.length; i++) {
		game.removeChild(teamButtons[i]);
	}
	// Create arena boundary visual
	var arena = game.addChild(LK.getAsset('arena', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2,
		alpha: 0.3
	}));
	// Initialize game
	initializeGame();
}
// Add click handler for start button
game.down = function (x, y, obj) {
	if (menuActive) {
		// Check if start button was clicked
		var startBounds = {
			left: startButton.x - 200,
			right: startButton.x + 200,
			top: startButton.y - 50,
			bottom: startButton.y + 50
		};
		if (x >= startBounds.left && x <= startBounds.right && y >= startBounds.top && y <= startBounds.bottom) {
			startGame();
		}
	}
};
function initializeGame() {
	// Create score display
	scoreText = new Text2('Rock: 15  Paper: 15  Scissors: 15', {
		size: 80,
		fill: 0xFFFFFF
	});
	scoreText.anchor.set(0.5, 0);
	LK.gui.top.addChild(scoreText);
	// Show selected team indicator
	var teamNames = ['ROCK', 'PAPER', 'SCISSORS'];
	var teamIndicator = new Text2('You chose: ' + teamNames[selectedTeam], {
		size: 60,
		fill: 0xFFD700
	});
	teamIndicator.anchor.set(0.5, 0);
	teamIndicator.y = 100;
	LK.gui.top.addChild(teamIndicator);
	// Create speed control buttons
	var speed1Button = new SpeedButton(1, '1x', 2048 / 2 - 300);
	var speed2Button = new SpeedButton(2, '2x', 2048 / 2 - 100);
	var speed5Button = new SpeedButton(5, '5x', 2048 / 2 + 100);
	var speed10Button = new SpeedButton(10, '10x', 2048 / 2 + 300);
	speedButtons.push(speed1Button);
	speedButtons.push(speed2Button);
	speedButtons.push(speed5Button);
	speedButtons.push(speed10Button);
	game.addChild(speed1Button);
	game.addChild(speed2Button);
	game.addChild(speed5Button);
	game.addChild(speed10Button);
	// Create units
	for (var i = 0; i < 45; i++) {
		var type = Math.floor(i / 15); // 0-14 = rock, 15-29 = paper, 30-44 = scissors
		var unit = new Unit(type);
		// Random position within circular arena
		var centerX = 2048 / 2;
		var centerY = 2732 / 2;
		var arenaRadius = 850; // Slightly smaller than boundary for spawning
		// Generate random position within circle
		var angle = Math.random() * Math.PI * 2;
		var distance = Math.random() * arenaRadius;
		unit.x = centerX + Math.cos(angle) * distance;
		unit.y = centerY + Math.sin(angle) * distance;
		units.push(unit);
		game.addChild(unit);
	}
}
function updateScore() {
	rockCount = 0;
	paperCount = 0;
	scissorsCount = 0;
	for (var i = 0; i < units.length; i++) {
		if (units[i].type === 0) rockCount++;else if (units[i].type === 1) paperCount++;else if (units[i].type === 2) scissorsCount++;
	}
	scoreText.setText('Rock: ' + rockCount + '  Paper: ' + paperCount + '  Scissors: ' + scissorsCount);
}
function checkWinCondition() {
	if (gameEnded) return;
	var activeTypes = 0;
	if (rockCount > 0) activeTypes++;
	if (paperCount > 0) activeTypes++;
	if (scissorsCount > 0) activeTypes++;
	if (activeTypes === 1) {
		gameEnded = true;
		var winnerType = -1;
		var winner = '';
		if (rockCount > 0) {
			winnerType = 0;
			winner = 'Rock';
		} else if (paperCount > 0) {
			winnerType = 1;
			winner = 'Paper';
		} else {
			winnerType = 2;
			winner = 'Scissors';
		}
		// Check if selected team won
		if (selectedTeam === winnerType) {
			LK.getSound('victory').play();
			// Flash victory effect
			LK.effects.flashScreen(0xFFD700, 2000);
			LK.setTimeout(function () {
				LK.showYouWin();
			}, 2000);
		} else {
			// Selected team lost
			LK.getSound('victory').play();
			// Flash loss effect
			LK.effects.flashScreen(0xFF0000, 2000);
			LK.setTimeout(function () {
				LK.showGameOver();
			}, 2000);
		}
	}
}
function checkCollisions() {
	for (var i = 0; i < units.length; i++) {
		var unit1 = units[i];
		for (var j = i + 1; j < units.length; j++) {
			var unit2 = units[j];
			// Check if units are colliding
			var dx = unit1.x - unit2.x;
			var dy = unit1.y - unit2.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			var isColliding = distance < 50;
			var wasColliding = unit1.lastColliding[j] || false;
			if (isColliding && !wasColliding) {
				// Collision just started
				if (unit1.type !== unit2.type) {
					// Different types - battle!
					var winner = -1;
					// Rock (0) beats Scissors (2)
					if (unit1.type === 0 && unit2.type === 2) winner = 0;else if (unit1.type === 2 && unit2.type === 0) winner = 1;
					// Paper (1) beats Rock (0)
					else if (unit1.type === 1 && unit2.type === 0) winner = 0;else if (unit1.type === 0 && unit2.type === 1) winner = 1;
					// Scissors (2) beats Paper (1)
					else if (unit1.type === 2 && unit2.type === 1) winner = 0;else if (unit1.type === 1 && unit2.type === 2) winner = 1;
					if (winner === 0) {
						unit2.convertTo(unit1.type);
					} else if (winner === 1) {
						unit1.convertTo(unit2.type);
					}
				}
				// Bounce units apart
				var bounceForce = 2;
				var angle = Math.atan2(dy, dx);
				unit1.speedX = Math.cos(angle) * bounceForce;
				unit1.speedY = Math.sin(angle) * bounceForce;
				unit2.speedX = -Math.cos(angle) * bounceForce;
				unit2.speedY = -Math.sin(angle) * bounceForce;
			}
			// Update collision state
			unit1.lastColliding[j] = isColliding;
			if (!unit2.lastColliding) unit2.lastColliding = {};
			unit2.lastColliding[i] = isColliding;
		}
	}
}
game.update = function () {
	if (menuActive || gameEnded) return;
	checkCollisions();
	// Update score every 30 ticks (0.5 seconds)
	if (LK.ticks % 30 === 0) {
		updateScore();
		checkWinCondition();
	}
};

===================================================================
--- original.js
+++ change.js
@@ -49,8 +49,11 @@
 		self.buttonBg = self.attachAsset(active ? activeButtonAsset : buttonAsset, {
 			anchorX: 0.5,
 			anchorY: 0.5
 		});
+		// Ensure text stays on top of button background
+		self.removeChild(self.speedText);
+		self.addChild(self.speedText);
 	};
 	self.down = function (x, y, obj) {
 		if (!menuActive && !gameEnded) {
 			setGameSpeed(self.speed);