/**** 
* 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.setValue = function (val) {
			this.value = val;
		};
		grid[x][y] = cell;
		game.addChild(cell);
	}
}
// Initialize storage with default scores if not exists
if (!storage.scores) {
	storage.scores = [];
}
// 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;
			}
		}
	}
	// 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;
		}
	}
}
function updateUI() {
	// Update UI elements
}
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
@@ -1,5 +1,10 @@
 /**** 
+* Plugins
+****/ 
+var storage = LK.import("@upit/storage.v1");
+
+/**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game({
 	backgroundColor: 0x000000
@@ -7,8 +12,152 @@
 
 /**** 
 * 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.setValue = function (val) {
+			this.value = val;
+		};
+		grid[x][y] = cell;
+		game.addChild(cell);
+	}
+}
+// Initialize storage with default scores if not exists
+if (!storage.scores) {
+	storage.scores = [];
+}
+// 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;
+			}
+		}
+	}
+	// 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;
+		}
+	}
+}
+function updateUI() {
+	// Update UI elements
+}
+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;