===================================================================
--- original.js
+++ change.js
@@ -1,180 +1,73 @@
 /**** 
-* Plugins
-****/ 
-var tween = LK.import("@upit/tween.v1");
-
-/**** 
 * Classes
 ****/ 
-var Grid = Container.expand(function () {
+var GridCell = Container.expand(function () {
 	var self = Container.call(this);
-	// Grid configuration
-	self.rows = 9;
-	self.cols = 9;
-	self.cellSize = 160; // Size of each grid cell
-	self.spacing = 10; // Spacing between cells
-	// Calculate total grid dimensions
-	self.gridWidth = self.cellSize * self.cols + self.spacing * (self.cols - 1);
-	self.gridHeight = self.cellSize * self.rows + self.spacing * (self.rows - 1);
-	// Create cells for the grid
-	self.createGrid = function () {
-		for (var row = 0; row < self.rows; row++) {
-			for (var col = 0; col < self.cols; col++) {
-				var cell = self.attachAsset('cuadricula', {
-					anchorX: 0,
-					anchorY: 0
-				});
-				// Position the cell with spacing
-				cell.x = col * (self.cellSize + self.spacing);
-				cell.y = row * (self.cellSize + self.spacing);
-				// Create and add a meme to this cell
-				var meme = new Meme();
-				meme.x = cell.x + self.cellSize / 2;
-				meme.y = cell.y + self.cellSize / 2;
-				// Set grid position for the meme
-				meme.gridPosition.row = row;
-				meme.gridPosition.col = col;
-				self.addChild(meme);
-			}
-		}
-	};
-	// Initialize the grid
-	self.createGrid();
-	return self;
-});
-var Meme = Container.expand(function () {
-	var self = Container.call(this);
-	// Track grid position
-	self.gridPosition = {
-		row: 0,
-		col: 0
-	};
-	// Randomly select a value between 1 and 5
-	self.value = Math.floor(Math.random() * 5) + 1;
-	// Create the meme based on its value
-	var memeGraphic = self.attachAsset('meme' + self.value, {
+	// Create the background square for the cell
+	var background = self.attachAsset('cuadricula', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	// Make meme interactive
-	self.interactive = true;
+	// Initialize properties
+	self.value = 0;
+	self.sprite = null;
+	// Method to set value and corresponding sprite
+	self.setValue = function (newValue) {
+		self.value = newValue;
+		// Remove previous sprite if exists
+		if (self.sprite) {
+			self.removeChild(self.sprite);
+		}
+		// Create new sprite based on value
+		var spriteId = 'meme' + newValue;
+		self.sprite = LK.getAsset(spriteId, {
+			anchorX: 0.5,
+			anchorY: 0.5
+		});
+		self.addChild(self.sprite);
+	};
 	return self;
 });
 
 /**** 
 * Initialize Game
 ****/ 
-// Create a new grid
+// Grid configuration
 var game = new LK.Game({
 	backgroundColor: 0xF4FFFF
 });
 
 /**** 
 * Game Code
 ****/ 
-// Variables to track selected memes
-// Import tween plugin for animations
-var firstSelectedMeme = null;
-var isSwapping = false;
-// Create a new grid
-var grid = new Grid();
-// Center the grid on the screen
-grid.x = (2048 - grid.gridWidth) / 2;
-grid.y = (2732 - grid.gridHeight) / 2;
-// Add the grid to the game
-game.addChild(grid);
-// Function to check if two memes are adjacent
-function areAdjacent(meme1, meme2) {
-	// Get grid positions
-	var row1 = Math.floor(meme1.gridPosition.row);
-	var col1 = Math.floor(meme1.gridPosition.col);
-	var row2 = Math.floor(meme2.gridPosition.row);
-	var col2 = Math.floor(meme2.gridPosition.col);
-	// Check if they're adjacent horizontally, vertically, or diagonally
-	return (
-		// Horizontal or vertical adjacency only
-		Math.abs(row1 - row2) === 1 && col1 === col2 ||
-		// Above/below
-		Math.abs(col1 - col2) === 1 && row1 === row2 // Left/right
-	);
-}
-// Function to swap two memes
-function swapMemes(meme1, meme2) {
-	if (isSwapping) {
-		return;
+// Grid configuration
+var gridSize = 9;
+var cellSpacing = 10;
+var cellSize = 160; // Width/height of the cell background
+var gridCells = [];
+// Calculate total grid width and height
+var totalGridWidth = gridSize * cellSize + (gridSize - 1) * cellSpacing;
+var totalGridHeight = totalGridWidth; // Grid is square
+// Calculate starting position to center the grid
+var startX = (2048 - totalGridWidth) / 2 + cellSize / 2;
+var startY = (2732 - totalGridHeight) / 2 + cellSize / 2;
+// Create grid container
+var gridContainer = new Container();
+game.addChild(gridContainer);
+// Create grid cells
+for (var row = 0; row < gridSize; row++) {
+	gridCells[row] = [];
+	for (var col = 0; col < gridSize; col++) {
+		// Create new cell
+		var cell = new GridCell();
+		// Position cell
+		cell.x = startX + col * (cellSize + cellSpacing);
+		cell.y = startY + row * (cellSize + cellSpacing);
+		// Generate random value between 1 and 5
+		var randomValue = Math.floor(Math.random() * 5) + 1;
+		cell.setValue(randomValue);
+		// Add to grid container and store reference
+		gridContainer.addChild(cell);
+		gridCells[row][col] = cell;
 	}
-	isSwapping = true;
-	// Store original positions
-	var x1 = meme1.x;
-	var y1 = meme1.y;
-	var x2 = meme2.x;
-	var y2 = meme2.y;
-	// Swap grid positions
-	var tempPos = {
-		row: meme1.gridPosition.row,
-		col: meme1.gridPosition.col
-	};
-	meme1.gridPosition.row = meme2.gridPosition.row;
-	meme1.gridPosition.col = meme2.gridPosition.col;
-	meme2.gridPosition.row = tempPos.row;
-	meme2.gridPosition.col = tempPos.col;
-	// Animate the swap
-	tween(meme1, {
-		x: x2,
-		y: y2
-	}, {
-		duration: 300,
-		easing: tween.easeInOut
-	});
-	tween(meme2, {
-		x: x1,
-		y: y1
-	}, {
-		duration: 300,
-		easing: tween.easeInOut,
-		onFinish: function onFinish() {
-			isSwapping = false;
-			firstSelectedMeme = null;
-		}
-	});
-}
-// Handle touch events on memes
-game.down = function (x, y, obj) {
-	// Convert game coordinates to grid local coordinates
-	var localPos = grid.toLocal({
-		x: x,
-		y: y
-	});
-	// Check if we clicked on a meme
-	for (var i = 0; i < grid.children.length; i++) {
-		var child = grid.children[i];
-		if (child instanceof Meme && child.getBounds().contains(localPos.x, localPos.y)) {
-			if (!firstSelectedMeme) {
-				// First meme selected
-				firstSelectedMeme = child;
-				// Highlight selected meme
-				tween(child, {
-					alpha: 0.7
-				}, {
-					duration: 200
-				});
-			} else if (firstSelectedMeme !== child) {
-				// Second meme selected
-				// Restore first meme's appearance
-				tween(firstSelectedMeme, {
-					alpha: 1
-				}, {
-					duration: 200
-				});
-				// Check if they're adjacent and swap if they are
-				if (areAdjacent(firstSelectedMeme, child)) {
-					swapMemes(firstSelectedMeme, child);
-				} else {
-					// Not adjacent, reset selection
-					firstSelectedMeme = null;
-				}
-			}
-			break;
-		}
-	}
-};
\ No newline at end of file
+}
\ No newline at end of file