===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,325 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
+* Classes
+****/ 
+var Cell = Container.expand(function (row, col) {
+	var self = Container.call(this);
+	self.row = row;
+	self.col = col;
+	self.state = 0; // 0 = empty, 1 = X, 2 = O
+	self.isHighlighted = false;
+	var cellBackground = self.attachAsset('cell', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	var cellHighlight = self.attachAsset('cellHighlight', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		alpha: 0
+	});
+	var symbol = null;
+	self.highlight = function () {
+		if (!self.isHighlighted) {
+			self.isHighlighted = true;
+			tween(cellHighlight, {
+				alpha: 1
+			}, {
+				duration: 200
+			});
+		}
+	};
+	self.unhighlight = function () {
+		if (self.isHighlighted) {
+			self.isHighlighted = false;
+			tween(cellHighlight, {
+				alpha: 0
+			}, {
+				duration: 200
+			});
+		}
+	};
+	self.placeSymbol = function (player) {
+		if (self.state !== 0) return false;
+		self.state = player;
+		if (player === 1) {
+			symbol = self.attachAsset('xShape', {
+				anchorX: 0.5,
+				anchorY: 0.5,
+				scaleX: 0,
+				scaleY: 0,
+				rotation: Math.PI * 0.25
+			});
+		} else {
+			symbol = self.attachAsset('oShape', {
+				anchorX: 0.5,
+				anchorY: 0.5,
+				scaleX: 0,
+				scaleY: 0
+			});
+		}
+		tween(symbol, {
+			scaleX: 1,
+			scaleY: 1
+		}, {
+			duration: 300,
+			easing: tween.elasticOut
+		});
+		LK.getSound('place').play();
+		return true;
+	};
+	self.down = function (x, y, obj) {
+		if (self.state === 0) {
+			self.highlight();
+		}
+	};
+	self.up = function (x, y, obj) {
+		self.unhighlight();
+		if (self.state === 0 && gameState === 'playing') {
+			if (self.placeSymbol(currentPlayer)) {
+				checkWin();
+				if (gameState === 'playing') {
+					switchPlayer();
+				}
+			}
+		}
+	};
+	return self;
+});
+var WinLine = Container.expand(function () {
+	var self = Container.call(this);
+	var line = self.attachAsset('winLine', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		scaleX: 0,
+		alpha: 0
+	});
+	self.showWinLine = function (startX, startY, endX, endY) {
+		self.x = (startX + endX) / 2;
+		self.y = (startY + endY) / 2;
+		var dx = endX - startX;
+		var dy = endY - startY;
+		var angle = Math.atan2(dy, dx);
+		var distance = Math.sqrt(dx * dx + dy * dy);
+		line.rotation = angle;
+		line.width = distance;
+		tween(self, {
+			alpha: 1
+		}, {
+			duration: 300
+		});
+		tween(line, {
+			scaleX: 1
+		}, {
+			duration: 500,
+			easing: tween.easeOut
+		});
+		LK.getSound('win').play();
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0xffffff
+});
+
+/**** 
+* Game Code
+****/ 
+var cells = [];
+var currentPlayer = 1; // 1 = X, 2 = O
+var gameState = 'playing'; // 'playing', 'win', 'tie'
+var winLine = null;
+// Create grid
+var gridContainer = new Container();
+game.addChild(gridContainer);
+// Position grid in center
+gridContainer.x = 2048 / 2;
+gridContainer.y = 2732 / 2;
+// Create grid lines
+var verticalLine1 = LK.getAsset('gridLine', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: -100,
+	y: 0
+});
+gridContainer.addChild(verticalLine1);
+var verticalLine2 = LK.getAsset('gridLine', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 100,
+	y: 0
+});
+gridContainer.addChild(verticalLine2);
+var horizontalLine1 = LK.getAsset('gridLine', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 0,
+	y: -100,
+	rotation: Math.PI / 2
+});
+gridContainer.addChild(horizontalLine1);
+var horizontalLine2 = LK.getAsset('gridLine', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 0,
+	y: 100,
+	rotation: Math.PI / 2
+});
+gridContainer.addChild(horizontalLine2);
+// Create cells
+for (var row = 0; row < 3; row++) {
+	cells[row] = [];
+	for (var col = 0; col < 3; col++) {
+		var cell = new Cell(row, col);
+		cell.x = (col - 1) * 200;
+		cell.y = (row - 1) * 200;
+		gridContainer.addChild(cell);
+		cells[row][col] = cell;
+	}
+}
+// Create turn indicator
+var turnText = new Text2('X\'s Turn', {
+	size: 80,
+	fill: 0x333333
+});
+turnText.anchor.set(0.5, 0.5);
+turnText.x = 2048 / 2;
+turnText.y = 500;
+game.addChild(turnText);
+// Create game status text
+var statusText = new Text2('', {
+	size: 100,
+	fill: 0xFF0000
+});
+statusText.anchor.set(0.5, 0.5);
+statusText.x = 2048 / 2;
+statusText.y = 2200;
+game.addChild(statusText);
+// Create restart button text
+var restartText = new Text2('Tap to Restart', {
+	size: 60,
+	fill: 0x666666
+});
+restartText.anchor.set(0.5, 0.5);
+restartText.x = 2048 / 2;
+restartText.y = 2350;
+restartText.alpha = 0;
+game.addChild(restartText);
+function switchPlayer() {
+	currentPlayer = currentPlayer === 1 ? 2 : 1;
+	turnText.setText(currentPlayer === 1 ? 'X\'s Turn' : 'O\'s Turn');
+	turnText.tint = currentPlayer === 1 ? 0xff4444 : 0x4444ff;
+}
+function checkWin() {
+	// Check rows
+	for (var row = 0; row < 3; row++) {
+		if (cells[row][0].state !== 0 && cells[row][0].state === cells[row][1].state && cells[row][1].state === cells[row][2].state) {
+			showWin(cells[row][0].x + gridContainer.x, cells[row][0].y + gridContainer.y, cells[row][2].x + gridContainer.x, cells[row][2].y + gridContainer.y);
+			return;
+		}
+	}
+	// Check columns
+	for (var col = 0; col < 3; col++) {
+		if (cells[0][col].state !== 0 && cells[0][col].state === cells[1][col].state && cells[1][col].state === cells[2][col].state) {
+			showWin(cells[0][col].x + gridContainer.x, cells[0][col].y + gridContainer.y, cells[2][col].x + gridContainer.x, cells[2][col].y + gridContainer.y);
+			return;
+		}
+	}
+	// Check diagonals
+	if (cells[0][0].state !== 0 && cells[0][0].state === cells[1][1].state && cells[1][1].state === cells[2][2].state) {
+		showWin(cells[0][0].x + gridContainer.x, cells[0][0].y + gridContainer.y, cells[2][2].x + gridContainer.x, cells[2][2].y + gridContainer.y);
+		return;
+	}
+	if (cells[0][2].state !== 0 && cells[0][2].state === cells[1][1].state && cells[1][1].state === cells[2][0].state) {
+		showWin(cells[0][2].x + gridContainer.x, cells[0][2].y + gridContainer.y, cells[2][0].x + gridContainer.x, cells[2][0].y + gridContainer.y);
+		return;
+	}
+	// Check for tie
+	var isTie = true;
+	for (var row = 0; row < 3; row++) {
+		for (var col = 0; col < 3; col++) {
+			if (cells[row][col].state === 0) {
+				isTie = false;
+				break;
+			}
+		}
+		if (!isTie) break;
+	}
+	if (isTie) {
+		showTie();
+	}
+}
+function showWin(startX, startY, endX, endY) {
+	gameState = 'win';
+	var winner = currentPlayer === 1 ? 'X' : 'O';
+	statusText.setText(winner + ' Wins!');
+	statusText.tint = currentPlayer === 1 ? 0xff4444 : 0x4444ff;
+	turnText.alpha = 0;
+	winLine = new WinLine();
+	game.addChild(winLine);
+	winLine.showWinLine(startX, startY, endX, endY);
+	tween(restartText, {
+		alpha: 1
+	}, {
+		duration: 500
+	});
+}
+function showTie() {
+	gameState = 'tie';
+	statusText.setText('It\'s a Tie!');
+	statusText.tint = 0x666666;
+	turnText.alpha = 0;
+	tween(restartText, {
+		alpha: 1
+	}, {
+		duration: 500
+	});
+}
+function restartGame() {
+	// Reset game state
+	gameState = 'playing';
+	currentPlayer = 1;
+	// Clear cells
+	for (var row = 0; row < 3; row++) {
+		for (var col = 0; col < 3; col++) {
+			cells[row][col].state = 0;
+			cells[row][col].removeChildren();
+			// Re-add cell background and highlight
+			var cellBackground = cells[row][col].attachAsset('cell', {
+				anchorX: 0.5,
+				anchorY: 0.5
+			});
+			var cellHighlight = cells[row][col].attachAsset('cellHighlight', {
+				anchorX: 0.5,
+				anchorY: 0.5,
+				alpha: 0
+			});
+		}
+	}
+	// Reset UI
+	turnText.setText('X\'s Turn');
+	turnText.tint = 0xff4444;
+	turnText.alpha = 1;
+	statusText.setText('');
+	restartText.alpha = 0;
+	// Remove win line
+	if (winLine) {
+		winLine.destroy();
+		winLine = null;
+	}
+}
+game.down = function (x, y, obj) {
+	if (gameState !== 'playing' && restartText.alpha > 0) {
+		restartGame();
+	}
+};
+game.update = function () {
+	// Game logic is handled by event-driven cell interactions
+};
\ No newline at end of file