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

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

/**** 
* Game Code
****/ 
// Game variables
var gridSize = 10;
var cellSize = 150;
var gridStartX = (2048 - gridSize * cellSize) / 2;
var gridStartY = 400;
var grid = [];
var playerX = 0;
var playerY = 0;
var moveCount = 0;
var totalSum = 0;
var maxMoves = 100;
var gameState = 'playing';
// Initialize grid
for (var x = 0; x < gridSize; x++) {
	grid[x] = [];
	for (var y = 0; y < gridSize; y++) {
		var cell = new Container();
		cell.x = gridStartX + x * cellSize;
		cell.y = gridStartY + y * cellSize;
		cell.value = 0;
		cell.gridX = x;
		cell.gridY = y;
		// Add visual background for cell
		var cellBg = cell.attachAsset('gridCell', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		cell.setValue = function (val) {
			this.value = val;
			if (val > 0) {
				// Remove old text if exists
				if (this.valueText) {
					this.removeChild(this.valueText);
				}
				// Add number text
				this.valueText = new Text2(val.toString(), {
					size: 40,
					fill: 0x000000
				});
				this.valueText.anchor.set(0.5, 0.5);
				this.addChild(this.valueText);
				// Change background to player color
				if (this.background) {
					this.removeChild(this.background);
				}
				this.background = this.attachAsset('playerCell', {
					anchorX: 0.5,
					anchorY: 0.5
				});
			}
		};
		// Add click handling
		cell.down = function (x, y, obj) {
			handleCellClick(this.gridX, this.gridY);
		};
		grid[x][y] = cell;
		game.addChild(cell);
	}
}
// Initialize storage with default scores if not exists
if (!storage.scores) {
	storage.scores = [];
}
// Create UI elements
var moveCountText = new Text2('Moves: 0', {
	size: 60,
	fill: 0xffffff
});
moveCountText.anchor.set(0.5, 0);
moveCountText.x = 2048 / 2;
moveCountText.y = 50;
game.addChild(moveCountText);
var totalText = new Text2('Total: 0', {
	size: 60,
	fill: 0xffffff
});
totalText.anchor.set(0.5, 0);
totalText.x = 2048 / 2;
totalText.y = 120;
game.addChild(totalText);
var instructionText = new Text2('Click any cell to start!', {
	size: 40,
	fill: 0xffff00
});
instructionText.anchor.set(0.5, 0);
instructionText.x = 2048 / 2;
instructionText.y = 200;
game.addChild(instructionText);
// Initialize first move highlights
updateValidMoves();
// Helper functions
function isValidMove(fromX, fromY, toX, toY) {
	var dx = Math.abs(toX - fromX);
	var dy = Math.abs(toY - fromY);
	return dx === 2 && dy === 1 || dx === 1 && dy === 2;
}
function getValidMoves(x, y) {
	var moves = [];
	var directions = [{
		x: 2,
		y: 1
	}, {
		x: 2,
		y: -1
	}, {
		x: -2,
		y: 1
	}, {
		x: -2,
		y: -1
	}, {
		x: 1,
		y: 2
	}, {
		x: 1,
		y: -2
	}, {
		x: -1,
		y: 2
	}, {
		x: -1,
		y: -2
	}];
	for (var i = 0; i < directions.length; i++) {
		var newX = x + directions[i].x;
		var newY = y + directions[i].y;
		if (newX >= 0 && newX < gridSize && newY >= 0 && newY < gridSize) {
			moves.push({
				x: newX,
				y: newY
			});
		}
	}
	return moves;
}
function updatePlayerPosition() {
	// Update player position visual indicator
}
function updateValidMoves() {
	// Clear previous highlights
	for (var x = 0; x < gridSize; x++) {
		for (var y = 0; y < gridSize; y++) {
			if (grid[x][y].highlight) {
				grid[x][y].removeChild(grid[x][y].highlight);
				grid[x][y].highlight = null;
			}
		}
	}
	if (moveCount === 0) {
		// For first move, highlight all empty cells
		for (var x = 0; x < gridSize; x++) {
			for (var y = 0; y < gridSize; y++) {
				if (grid[x][y].value === 0) {
					var highlight = LK.getAsset('finalScoreBackground', {
						anchorX: 0.5,
						anchorY: 0.5,
						scaleX: 0.8,
						scaleY: 0.8,
						alpha: 0.3
					});
					grid[x][y].addChild(highlight);
					grid[x][y].highlight = highlight;
				}
			}
		}
	} else {
		// Highlight valid knight moves from current position
		var validMoves = getValidMoves(playerX, playerY);
		for (var i = 0; i < validMoves.length; i++) {
			var move = validMoves[i];
			if (grid[move.x][move.y].value === 0) {
				var highlight = LK.getAsset('finalScoreBackground', {
					anchorX: 0.5,
					anchorY: 0.5,
					scaleX: 0.8,
					scaleY: 0.8,
					alpha: 0.3
				});
				grid[move.x][move.y].addChild(highlight);
				grid[move.x][move.y].highlight = highlight;
			}
		}
	}
}
function updateUI() {
	// Update UI elements
	if (moveCountText) {
		moveCountText.setText('Moves: ' + moveCount);
	}
	if (totalText) {
		totalText.setText('Total: ' + totalSum);
	}
	if (instructionText) {
		if (moveCount === 0) {
			instructionText.setText('Click any cell to start!');
		} else {
			instructionText.setText('Knight moves only! (L-shape)');
		}
	}
}
function saveScore() {
	try {
		var scores = storage.scores || [];
		var newScore = {
			score: totalSum,
			moves: moveCount,
			date: Date.now()
		};
		// Insert score in correct position (highest first)
		var inserted = false;
		for (var i = 0; i < scores.length; i++) {
			if (newScore.score > scores[i].score) {
				scores.splice(i, 0, newScore);
				inserted = true;
				break;
			}
		}
		if (!inserted) {
			scores.push(newScore);
		}
		// Keep only top 10 scores
		if (scores.length > 10) {
			scores = scores.slice(0, 10);
		}
		storage.scores = scores;
	} catch (error) {
		console.log('Error saving score:', error);
		// Create default scores array if storage fails
		storage.scores = [{
			score: totalSum,
			moves: moveCount,
			date: Date.now()
		}];
	}
}
// Check if player has completed the game or has no valid moves
function handleCellClick(clickX, clickY) {
	if (gameState !== 'playing') {
		return;
	}
	// Check if cell has already been clicked (has a value)
	if (grid[clickX][clickY].value > 0) {
		// Cell already clicked, play invalid sound and flash red
		LK.getSound('invalid').play();
		LK.effects.flashObject(grid[clickX][clickY], 0xff0000, 500);
		return;
	}
	if (moveCount === 0 || isValidMove(playerX, playerY, clickX, clickY)) {
		// Valid move
		LK.getSound('move').play();
		playerX = clickX;
		playerY = clickY;
		moveCount++;
		// Set the cell value to the current move count (1, 2, 3...100)
		grid[clickX][clickY].setValue(moveCount);
		// Update total
		totalSum = 0;
		for (var x = 0; x < gridSize; x++) {
			for (var y = 0; y < gridSize; y++) {
				totalSum += grid[x][y].value;
			}
		}
		updatePlayerPosition();
		updateValidMoves();
		updateUI();
		// Check win condition
		if (moveCount >= 100) {
			gameState = 'won';
			saveScore();
			showFinalScore();
		} else {
			// Check if there are any valid moves left (empty cells that can be reached)
			var validMoves = getValidMoves(playerX, playerY);
			var hasValidMoves = false;
			for (var i = 0; i < validMoves.length; i++) {
				if (grid[validMoves[i].x][validMoves[i].y].value === 0) {
					hasValidMoves = true;
					break;
				}
			}
			if (moveCount >= maxMoves || !hasValidMoves) {
				gameState = 'lost';
				saveScore();
				showFinalScore();
			}
		}
	} else {
		// Invalid move
		LK.getSound('invalid').play();
		LK.effects.flashObject(grid[clickX][clickY], 0xff0000, 500);
	}
}
// Display the final score and leaderboard
function showFinalScore() {
	// Create final score display positioned over the center of the grid
	var finalScoreContainer = new Container();
	finalScoreContainer.x = 2048 / 2;
	finalScoreContainer.y = gridStartY + gridSize * cellSize / 2;
	// Background for final score and leaderboard
	var background = finalScoreContainer.attachAsset('finalScoreBackground', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 1.5,
		scaleY: 2
	});
	// Get scores from storage for leaderboard
	var scores = storage.scores || [];
	var currentScore = totalSum;
	var playerRank = scores.length + 1;
	// Find player's rank
	for (var i = 0; i < scores.length; i++) {
		if (currentScore > scores[i].score) {
			playerRank = i + 1;
			break;
		}
	}
	// Display congratulations and game completion message
	var congratsText = new Text2('Congratulations!', {
		size: 80,
		fill: 0x000000
	});
	congratsText.anchor.set(0.5, 0.5);
	congratsText.y = -350;
	finalScoreContainer.addChild(congratsText);
	var completionText = new Text2("You've completed the game, but there are no more valid moves left.", {
		size: 40,
		fill: 0x000000
	});
	completionText.anchor.set(0.5, 0.5);
	completionText.y = -280;
	finalScoreContainer.addChild(completionText);
	// Final score message
	var finalScoreText = new Text2('Your final score is ' + currentScore + '.', {
		size: 50,
		fill: 0x000000
	});
	finalScoreText.anchor.set(0.5, 0.5);
	finalScoreText.y = -220;
	finalScoreContainer.addChild(finalScoreText);
	// Leaderboard title
	var leaderboardTitle = new Text2("Here's how you rank among other players:", {
		size: 45,
		fill: 0x000000
	});
	leaderboardTitle.anchor.set(0.5, 0.5);
	leaderboardTitle.y = -150;
	finalScoreContainer.addChild(leaderboardTitle);
	// Display top scores
	var yOffset = -80;
	for (var i = 0; i < Math.min(5, scores.length); i++) {
		var scoreText = new Text2('Player ' + (i + 1) + ' – ' + scores[i].score, {
			size: 35,
			fill: 0x000000
		});
		scoreText.anchor.set(0.5, 0.5);
		scoreText.y = yOffset;
		finalScoreContainer.addChild(scoreText);
		yOffset += 40;
	}
	// Player rank
	var rankText = new Text2('Your position: ' + playerRank, {
		size: 45,
		fill: 0xff0000
	});
	rankText.anchor.set(0.5, 0.5);
	rankText.y = yOffset + 40;
	finalScoreContainer.addChild(rankText);
	// Display the highest number reached prominently with a hand-drawn style effect
	var highestNumberText = new Text2(moveCount.toString(), {
		size: 200,
		fill: 0x000000
	});
	highestNumberText.anchor.set(0.5, 0.5);
	highestNumberText.y = 250;
	// Create hand-drawn pencil effect
	var offsetsX = [-3, 2, -1, 1, -2, 0, 1, -1];
	var offsetsY = [1, -2, 2, -1, 0, 1, -1, 2];
	var alphas = [0.3, 0.4, 0.3, 0.4, 0.3, 0.4, 0.3, 0.4];
	for (var i = 0; i < offsetsX.length; i++) {
		var shadowText = new Text2(moveCount.toString(), {
			size: 200,
			fill: 0x000000
		});
		shadowText.anchor.set(0.5, 0.5);
		shadowText.x = offsetsX[i];
		shadowText.y = 250 + offsetsY[i];
		shadowText.alpha = alphas[i];
		finalScoreContainer.addChild(shadowText);
	}
	// Add the main text on top
	finalScoreContainer.addChild(highestNumberText);
	// Add some rotation for hand-drawn effect
	finalScoreContainer.rotation = (Math.random() - 0.5) * 0.1;
	// Add the final score container to the game
	game.addChild(finalScoreContainer);
	// Trigger game over after showing the leaderboard
	LK.setTimeout(function () {
		LK.showGameOver();
	}, 8000);
}

===================================================================
--- original.js
+++ change.js
@@ -32,19 +32,78 @@
 		var cell = new Container();
 		cell.x = gridStartX + x * cellSize;
 		cell.y = gridStartY + y * cellSize;
 		cell.value = 0;
+		cell.gridX = x;
+		cell.gridY = y;
+		// Add visual background for cell
+		var cellBg = cell.attachAsset('gridCell', {
+			anchorX: 0.5,
+			anchorY: 0.5
+		});
 		cell.setValue = function (val) {
 			this.value = val;
+			if (val > 0) {
+				// Remove old text if exists
+				if (this.valueText) {
+					this.removeChild(this.valueText);
+				}
+				// Add number text
+				this.valueText = new Text2(val.toString(), {
+					size: 40,
+					fill: 0x000000
+				});
+				this.valueText.anchor.set(0.5, 0.5);
+				this.addChild(this.valueText);
+				// Change background to player color
+				if (this.background) {
+					this.removeChild(this.background);
+				}
+				this.background = this.attachAsset('playerCell', {
+					anchorX: 0.5,
+					anchorY: 0.5
+				});
+			}
 		};
+		// Add click handling
+		cell.down = function (x, y, obj) {
+			handleCellClick(this.gridX, this.gridY);
+		};
 		grid[x][y] = cell;
 		game.addChild(cell);
 	}
 }
 // Initialize storage with default scores if not exists
 if (!storage.scores) {
 	storage.scores = [];
 }
+// Create UI elements
+var moveCountText = new Text2('Moves: 0', {
+	size: 60,
+	fill: 0xffffff
+});
+moveCountText.anchor.set(0.5, 0);
+moveCountText.x = 2048 / 2;
+moveCountText.y = 50;
+game.addChild(moveCountText);
+var totalText = new Text2('Total: 0', {
+	size: 60,
+	fill: 0xffffff
+});
+totalText.anchor.set(0.5, 0);
+totalText.x = 2048 / 2;
+totalText.y = 120;
+game.addChild(totalText);
+var instructionText = new Text2('Click any cell to start!', {
+	size: 40,
+	fill: 0xffff00
+});
+instructionText.anchor.set(0.5, 0);
+instructionText.x = 2048 / 2;
+instructionText.y = 200;
+game.addChild(instructionText);
+// Initialize first move highlights
+updateValidMoves();
 // Helper functions
 function isValidMove(fromX, fromY, toX, toY) {
 	var dx = Math.abs(toX - fromX);
 	var dy = Math.abs(toY - fromY);
@@ -101,27 +160,59 @@
 				grid[x][y].highlight = null;
 			}
 		}
 	}
-	// Highlight valid moves that match expected next move number
-	var validMoves = getValidMoves(playerX, playerY);
-	for (var i = 0; i < validMoves.length; i++) {
-		var move = validMoves[i];
-		if (grid[move.x][move.y].value === 0) {
-			var highlight = LK.getAsset('finalScoreBackground', {
-				anchorX: 0.5,
-				anchorY: 0.5,
-				scaleX: 0.8,
-				scaleY: 0.8,
-				alpha: 0.3
-			});
-			grid[move.x][move.y].addChild(highlight);
-			grid[move.x][move.y].highlight = highlight;
+	if (moveCount === 0) {
+		// For first move, highlight all empty cells
+		for (var x = 0; x < gridSize; x++) {
+			for (var y = 0; y < gridSize; y++) {
+				if (grid[x][y].value === 0) {
+					var highlight = LK.getAsset('finalScoreBackground', {
+						anchorX: 0.5,
+						anchorY: 0.5,
+						scaleX: 0.8,
+						scaleY: 0.8,
+						alpha: 0.3
+					});
+					grid[x][y].addChild(highlight);
+					grid[x][y].highlight = highlight;
+				}
+			}
 		}
+	} else {
+		// Highlight valid knight moves from current position
+		var validMoves = getValidMoves(playerX, playerY);
+		for (var i = 0; i < validMoves.length; i++) {
+			var move = validMoves[i];
+			if (grid[move.x][move.y].value === 0) {
+				var highlight = LK.getAsset('finalScoreBackground', {
+					anchorX: 0.5,
+					anchorY: 0.5,
+					scaleX: 0.8,
+					scaleY: 0.8,
+					alpha: 0.3
+				});
+				grid[move.x][move.y].addChild(highlight);
+				grid[move.x][move.y].highlight = highlight;
+			}
+		}
 	}
 }
 function updateUI() {
 	// Update UI elements
+	if (moveCountText) {
+		moveCountText.setText('Moves: ' + moveCount);
+	}
+	if (totalText) {
+		totalText.setText('Total: ' + totalSum);
+	}
+	if (instructionText) {
+		if (moveCount === 0) {
+			instructionText.setText('Click any cell to start!');
+		} else {
+			instructionText.setText('Knight moves only! (L-shape)');
+		}
+	}
 }
 function saveScore() {
 	try {
 		var scores = storage.scores || [];