===================================================================
--- original.js
+++ change.js
@@ -35,9 +35,9 @@
 	};
 	// Function to flip the color of a tile and its neighbors
 	self.flipTiles = function (x, y) {
 		// Get the current shape data from the ShapeDisplay
-		var shapeData = shapeDisplay.shape.shapeData;
+		var shapeData = shapeDisplayData;
 		// Loop through the shape data, highlight tiles that will flip in red, and flip them after a delay
 		for (var i = 0; i < shapeData.length; i++) {
 			for (var j = 0; j < shapeData[i].length; j++) {
 				if (shapeData[i][j] === 1) {
@@ -127,40 +127,8 @@
 		return cell === 1;
 	}) ? 0x3636f7 : 0xFFFFFF;
 	// Removed the direct addition of shapeGraphics as a child since it's an array of assets, not a single asset
 });
-var ShapeDisplay = Container.expand(function () {
-	var self = Container.call(this);
-	this.shape = null;
-	// Create a background for the ShapeDisplay
-	var shapeDisplayBackground = self.attachAsset('shapeDisplayBackground', {});
-	shapeDisplayBackground.width = 2048;
-	shapeDisplayBackground.height = 2732;
-	shapeDisplayBackground.tint = 0xffffff;
-	shapeDisplayBackground.alpha = 0.4;
-	self.addChildAt(shapeDisplayBackground, 0);
-	// Function to set the shape to be displayed
-	self.setShape = function (shape) {
-		this.shape = shape;
-		this.addChild(shape);
-		shape.x = 950; // Center the shape in the display area
-		shape.y = 2732 - shape.height - 200; // Position the shape at the bottom of the screen
-		shapeDisplayBackground.width = shape.width + 1800;
-		shapeDisplayBackground.height = 600;
-		// Center ShapeDisplay background on the middle of ShapeDisplay
-		shapeDisplayBackground.x = shape.x + shape.width / 2 - shapeDisplayBackground.width / 2 - 50;
-		shapeDisplayBackground.y = 2100;
-	};
-	// Function to update the displayed shape
-	self.updateShape = function () {
-		var randomIndex = Math.floor(Math.random() * shapes.length);
-		var newShape = shapes[randomIndex];
-		if (this.shape) {
-			this.removeChild(this.shape);
-		}
-		this.setShape(newShape);
-	};
-});
 var Tile = Container.expand(function (gridX, gridY, width, height) {
 	var self = Container.call(this);
 	self.color = Math.random() < 0.5 ? 0xFFFFFF : 0x33d62a; // Randomly set the tile color to white or green
 	var tileGraphics = self.attachAsset('tile', {
@@ -183,9 +151,9 @@
 		tileGraphics.tint = self.color;
 	};
 	// Add event listener to flip tiles on touch
 	self.on('down', function () {
-		game.grid.flipTiles(gridX, gridY);
+		game.grid.flipTiles(gridX, gridY, game.shapeDisplay);
 		if (game.grid.checkWinCondition()) {
 			game.showWin();
 		}
 	});
@@ -215,10 +183,10 @@
 var TileCounter = Container.expand(function (color) {
 	var self = Container.call(this);
 	this.color = color;
 	var tileGraphics = self.attachAsset('tile', {});
-	tileGraphics.width = 500;
-	tileGraphics.height = 600;
+	tileGraphics.width = 300;
+	tileGraphics.height = 400;
 	tileGraphics.tint = this.color;
 	this.countText = new Text2('0', {
 		size: 230,
 		weight: 800,
@@ -267,8 +235,10 @@
 // Set an initial background
 setBackgroundByNumber(2);
 // Initialize the TileColorCounter and add it to the game
 initializeTileColorCounter();
+// Initialize the shapeDisplay and store it in the game object
+game.shapeDisplay = new ShapeDisplay();
 // Add the grid to the game
 game.grid = game.addChild(new Grid());
 game.grid.initGrid();
 var tileWidth = 150;
@@ -288,11 +258,8 @@
 	} else {
 		LK.showGameOver(); // Show game over screen when max size is reached
 	}
 };
-// Initialize the ShapeDisplay and display a randomly selected shape
-var shapeDisplay = game.addChild(new ShapeDisplay());
-shapeDisplay.updateShape();
 // Initialize the TileColorCounter and add it to the game
 var tileColorCounter;
 function initializeTileColorCounter() {
 	tileColorCounter = game.addChild(new TileColorCounter());