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

/**** 
* Classes
****/ 
var Column = Container.expand(function (gemTypes) {
	var self = Container.call(this);
	self.gems = [];
	self.isActive = false;
	// Create the three gems that form the column
	for (var i = 0; i < 3; i++) {
		var type = gemTypes && gemTypes[i] ? gemTypes[i] : null;
		var gem = new Gem(type);
		gem.y = -i * CELL_SIZE;
		self.gems.push(gem);
		self.addChild(gem);
	}
	self.rotate = function () {
		if (!self.isActive) {
			return;
		}
		// Move the last gem to a temporary position for animation
		var lastGem = self.gems.pop();
		var firstGem = self.gems[0];
		var middleGem = self.gems[1];
		// Animate the rotation
		LK.getSound('rotate').play();
		// Update the gems array with the new order
		self.gems = [lastGem, firstGem, middleGem];
		// Update positions to match new order
		tween(lastGem, {
			y: firstGem.y
		}, {
			duration: 150
		});
		tween(firstGem, {
			y: middleGem.y
		}, {
			duration: 150
		});
		tween(middleGem, {
			y: lastGem.y + 2 * CELL_SIZE
		}, {
			duration: 150,
			onFinish: function onFinish() {
				// Reset positions after animation
				for (var i = 0; i < 3; i++) {
					self.gems[i].y = -i * CELL_SIZE;
				}
			}
		});
	};
	self.getTypes = function () {
		return self.gems.map(function (gem) {
			return gem.type;
		});
	};
	return self;
});
var GameBoard = Container.expand(function () {
	var self = Container.call(this);
	self.grid = [];
	self.cellContainer = self.addChild(new Container());
	self.gemContainer = self.addChild(new Container());
	// Create background
	var boardBg = self.attachAsset('board_bg', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Create grid cells
	for (var row = 0; row < ROWS; row++) {
		self.grid[row] = [];
		for (var col = 0; col < COLS; col++) {
			// Create cell background
			var cell = LK.getAsset('board_cell', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: col * CELL_SIZE + CELL_SIZE / 2,
				y: row * CELL_SIZE + CELL_SIZE / 2,
				alpha: 0.3
			});
			self.cellContainer.addChild(cell);
			self.grid[row][col] = null;
		}
	}
	self.addGemToGrid = function (gem, row, col) {
		if (row < 0 || row >= ROWS || col < 0 || col >= COLS) {
			return false;
		}
		if (self.grid[row][col] !== null) {
			return false;
		}
		gem.x = col * CELL_SIZE + CELL_SIZE / 2;
		gem.y = row * CELL_SIZE + CELL_SIZE / 2;
		self.gemContainer.addChild(gem);
		self.grid[row][col] = gem;
		return true;
	};
	self.removeGemFromGrid = function (row, col) {
		if (row < 0 || row >= ROWS || col < 0 || col >= COLS) {
			return null;
		}
		var gem = self.grid[row][col];
		if (gem) {
			self.grid[row][col] = null;
			return gem;
		}
		return null;
	};
	self.isColumnFull = function (col) {
		return self.grid[0][col] !== null;
	};
	self.canPlaceColumn = function (col) {
		// Check if any of the top 3 rows in the column are occupied
		for (var row = 0; row < 3; row++) {
			if (col < 0 || col >= COLS) {
				return false;
			}
			if (row < ROWS && self.grid[row][col] !== null) {
				return false;
			}
		}
		return true;
	};
	self.findFirstEmptyRow = function (col) {
		for (var row = ROWS - 1; row >= 0; row--) {
			if (self.grid[row][col] === null) {
				return row;
			}
		}
		return -1; // Column is full
	};
	self.placeColumn = function (column, col, callback) {
		var gems = column.gems;
		var placedGems = [];
		var firstEmptyRow = self.findFirstEmptyRow(col);
		if (firstEmptyRow < 0 || firstEmptyRow < gems.length - 1) {
			if (callback) {
				callback(false);
			}
			return;
		}
		// Place gems from bottom to top
		for (var i = 0; i < gems.length; i++) {
			var row = firstEmptyRow - i;
			if (row >= 0) {
				var gem = new Gem(gems[i].type);
				placedGems.push({
					gem: gem,
					row: row,
					col: col
				});
				// Position gem initially above the board
				gem.x = col * CELL_SIZE + CELL_SIZE / 2;
				gem.y = -CELL_SIZE;
				self.gemContainer.addChild(gem);
				self.grid[row][col] = gem;
				// Animate gem dropping into place
				gem.animateDrop(row * CELL_SIZE + CELL_SIZE / 2, i * 50, i === gems.length - 1 ? function () {
					LK.getSound('drop').play();
					if (callback) {
						callback(true, placedGems);
					}
				} : null);
			}
		}
	};
	self.checkMatches = function () {
		var matchedCells = [];
		// Check horizontal matches
		for (var row = 0; row < ROWS; row++) {
			var count = 1;
			var type = null;
			for (var col = 0; col < COLS; col++) {
				var gem = self.grid[row][col];
				if (gem && type === gem.type) {
					count++;
				} else {
					if (count >= 3) {
						for (var i = 0; i < count; i++) {
							matchedCells.push({
								row: row,
								col: col - 1 - i
							});
						}
					}
					count = 1;
					type = gem ? gem.type : null;
				}
			}
			if (count >= 3) {
				for (var i = 0; i < count; i++) {
					matchedCells.push({
						row: row,
						col: COLS - 1 - i
					});
				}
			}
		}
		// Check vertical matches
		for (var col = 0; col < COLS; col++) {
			var count = 1;
			var type = null;
			for (var row = 0; row < ROWS; row++) {
				var gem = self.grid[row][col];
				if (gem && type === gem.type) {
					count++;
				} else {
					if (count >= 3) {
						for (var i = 0; i < count; i++) {
							matchedCells.push({
								row: row - 1 - i,
								col: col
							});
						}
					}
					count = 1;
					type = gem ? gem.type : null;
				}
			}
			if (count >= 3) {
				for (var i = 0; i < count; i++) {
					matchedCells.push({
						row: ROWS - 1 - i,
						col: col
					});
				}
			}
		}
		// Remove duplicates from matchedCells
		var uniqueMatches = [];
		var matchMap = {};
		for (var i = 0; i < matchedCells.length; i++) {
			var cell = matchedCells[i];
			var key = cell.row + "," + cell.col;
			if (!matchMap[key]) {
				matchMap[key] = true;
				uniqueMatches.push(cell);
			}
		}
		return uniqueMatches;
	};
	self.removeMatches = function (matches, callback) {
		if (matches.length === 0) {
			if (callback) {
				callback(0);
			}
			return;
		}
		var remainingAnimations = matches.length;
		var points = matches.length * 10;
		matches.forEach(function (match) {
			var gem = self.grid[match.row][match.col];
			if (gem) {
				self.grid[match.row][match.col] = null;
				gem.highlight();
				LK.setTimeout(function () {
					gem.animateMatch(function () {
						self.gemContainer.removeChild(gem);
						remainingAnimations--;
						if (remainingAnimations === 0) {
							LK.getSound('match').play();
							if (callback) {
								callback(points);
							}
						}
					});
				}, 100);
			} else {
				remainingAnimations--;
				if (remainingAnimations === 0 && callback) {
					callback(points);
				}
			}
		});
	};
	self.applyGravity = function (callback) {
		var movedGems = false;
		var animationsRunning = 0;
		// Iterate bottom to top, right to left
		for (var col = 0; col < COLS; col++) {
			for (var row = ROWS - 1; row > 0; row--) {
				if (self.grid[row][col] === null) {
					// Find the first non-null gem above this position
					for (var checkRow = row - 1; checkRow >= 0; checkRow--) {
						if (self.grid[checkRow][col] !== null) {
							var gem = self.grid[checkRow][col];
							self.grid[checkRow][col] = null;
							self.grid[row][col] = gem;
							movedGems = true;
							animationsRunning++;
							gem.animateDrop(row * CELL_SIZE + CELL_SIZE / 2, 0, function () {
								animationsRunning--;
								if (animationsRunning === 0 && callback) {
									callback(movedGems);
								}
							});
							break;
						}
					}
				}
			}
		}
		if (animationsRunning === 0 && callback) {
			callback(movedGems);
		}
	};
	return self;
});
var Gem = Container.expand(function (type) {
	var self = Container.call(this);
	self.type = type || getRandomGemType();
	var assetId = 'gem_' + self.type;
	var gemSprite = self.attachAsset(assetId, {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.95,
		scaleY: 0.95
	});
	self.setType = function (newType) {
		self.type = newType;
		self.removeChildren();
		gemSprite = self.attachAsset('gem_' + newType, {
			anchorX: 0.5,
			anchorY: 0.5,
			scaleX: 0.95,
			scaleY: 0.95
		});
	};
	self.highlight = function () {
		tween(gemSprite, {
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 200,
			easing: tween.easeOut
		});
	};
	self.unhighlight = function () {
		tween(gemSprite, {
			scaleX: 0.95,
			scaleY: 0.95
		}, {
			duration: 200,
			easing: tween.easeOut
		});
	};
	self.animateMatch = function (callback) {
		tween(gemSprite, {
			alpha: 0,
			scaleX: 0.2,
			scaleY: 0.2
		}, {
			duration: 300,
			easing: tween.easeIn,
			onFinish: function onFinish() {
				if (callback) {
					callback();
				}
			}
		});
	};
	self.animateDrop = function (targetY, delay, callback) {
		tween(self, {
			y: targetY
		}, {
			duration: 300 + delay,
			easing: tween.bounceOut,
			onFinish: function onFinish() {
				if (callback) {
					callback();
				}
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Constants
var CELL_SIZE = 14;
var COLS = Math.floor(2048 / CELL_SIZE);
var ROWS = Math.floor(2732 / CELL_SIZE);
var GEM_TYPES = ['red', 'blue', 'green', 'yellow', 'purple'];
var DROP_INTERVAL_START = 1000; // ms
var DROP_INTERVAL_MIN = 200; // ms
var LEVEL_THRESHOLD = 1000; // Points needed to level up
// Game state
var board;
var activeColumn;
var nextColumn;
var dropInterval;
var dropTimer = 0;
var fallSpeed = DROP_INTERVAL_START;
var gameActive = false;
var score = 0;
var level = 1;
var nextColumnPreview;
var columnPositionX = 0;
// UI elements
var scoreText;
var levelText;
var highScoreText;
function getRandomGemType() {
	var index = Math.floor(Math.random() * GEM_TYPES.length);
	return GEM_TYPES[index];
}
function setupUI() {
	// Score text
	scoreText = new Text2('SCORE: 0', {
		size: 50,
		fill: 0xFFFFFF
	});
	scoreText.anchor.set(0.5, 0);
	LK.gui.top.addChild(scoreText);
	// Level text
	levelText = new Text2('LEVEL: 1', {
		size: 50,
		fill: 0xFFFFFF
	});
	levelText.anchor.set(0.5, 0);
	levelText.y = 60;
	LK.gui.top.addChild(levelText);
	// High score text
	var highScore = storage.highScore || 0;
	highScoreText = new Text2('BEST: ' + highScore, {
		size: 40,
		fill: 0xFFDD00
	});
	highScoreText.anchor.set(0.5, 0);
	highScoreText.y = 120;
	LK.gui.top.addChild(highScoreText);
}
function updateScore(points) {
	score += points;
	scoreText.setText('SCORE: ' + score);
	// Check if player leveled up
	var newLevel = Math.floor(score / LEVEL_THRESHOLD) + 1;
	if (newLevel > level) {
		level = newLevel;
		levelText.setText('LEVEL: ' + level);
		// Increase game speed
		fallSpeed = Math.max(DROP_INTERVAL_MIN, DROP_INTERVAL_START - (level - 1) * 100);
		// Play level up sound
		LK.getSound('levelup').play();
		// Flash effect for level up
		LK.effects.flashScreen(0x00FFFF, 500);
	}
	// Update high score if needed
	var highScore = storage.highScore || 0;
	if (score > highScore) {
		storage.highScore = score;
		highScoreText.setText('BEST: ' + score);
	}
}
function createBoard() {
	board = new GameBoard();
	board.x = 2048 / 2;
	board.y = 2732 / 2;
	game.addChild(board);
}
function createNextColumnPreview() {
	nextColumnPreview = new Container();
	nextColumnPreview.x = 2048 - 200;
	nextColumnPreview.y = 400;
	var previewLabel = new Text2('NEXT', {
		size: 40,
		fill: 0xFFFFFF
	});
	previewLabel.anchor.set(0.5, 0);
	nextColumnPreview.addChild(previewLabel);
	game.addChild(nextColumnPreview);
}
function updateNextColumnPreview() {
	// Clear previous preview
	for (var i = nextColumnPreview.children.length - 1; i > 0; i--) {
		nextColumnPreview.removeChild(nextColumnPreview.children[i]);
	}
	// Add new gems to preview
	if (nextColumn) {
		for (var i = 0; i < nextColumn.gems.length; i++) {
			var previewGem = new Gem(nextColumn.gems[i].type);
			previewGem.x = 0;
			previewGem.y = 80 + i * CELL_SIZE;
			previewGem.scale.set(0.8);
			nextColumnPreview.addChild(previewGem);
		}
	}
}
function createNewColumn() {
	var column = new Column();
	column.isActive = true;
	return column;
}
function startGame() {
	// Reset game state
	score = 0;
	level = 1;
	fallSpeed = DROP_INTERVAL_START;
	gameActive = true;
	dropTimer = 0;
	// Initialize the board
	if (board) {
		game.removeChild(board);
	}
	createBoard();
	// Create the preview for the next column
	if (nextColumnPreview) {
		game.removeChild(nextColumnPreview);
	}
	createNextColumnPreview();
	// Set up UI
	setupUI();
	// Create initial columns
	activeColumn = createNewColumn();
	nextColumn = createNewColumn();
	updateNextColumnPreview();
	// Position active column
	columnPositionX = Math.floor(COLS / 2);
	activeColumn.x = board.x + columnPositionX * CELL_SIZE + CELL_SIZE / 2;
	activeColumn.y = board.y - CELL_SIZE;
	game.addChild(activeColumn);
	// Start music
	LK.playMusic('bgmusic', {
		fade: {
			start: 0,
			end: 0.4,
			duration: 1000
		}
	});
}
function processMatches(callback) {
	var matches = board.checkMatches();
	if (matches.length > 0) {
		board.removeMatches(matches, function (points) {
			updateScore(points);
			board.applyGravity(function (movedGems) {
				// Check for chain reactions
				if (movedGems) {
					processMatches(callback);
				} else {
					if (callback) {
						callback();
					}
				}
			});
		});
	} else {
		if (callback) {
			callback();
		}
	}
}
function spawnNewColumn() {
	activeColumn = nextColumn;
	nextColumn = createNewColumn();
	updateNextColumnPreview();
	columnPositionX = Math.floor(COLS / 2);
	activeColumn.x = board.x + columnPositionX * CELL_SIZE + CELL_SIZE / 2;
	activeColumn.y = board.y - CELL_SIZE;
	game.addChild(activeColumn);
	// Check if game over
	if (!board.canPlaceColumn(columnPositionX)) {
		gameActive = false;
		LK.showGameOver();
	} else {
		activeColumn.isActive = true; // Reactivate the new column
	}
}
function moveColumnLeft() {
	if (!gameActive || !activeColumn || !activeColumn.isActive) {
		return;
	}
	if (columnPositionX > 0 && board.canPlaceColumn(columnPositionX - 1)) {
		columnPositionX--;
		tween(activeColumn, {
			x: board.x + columnPositionX * CELL_SIZE + CELL_SIZE / 2
		}, {
			duration: 100,
			easing: tween.easeOut
		});
	}
}
function moveColumnRight() {
	if (!gameActive || !activeColumn || !activeColumn.isActive) {
		return;
	}
	if (columnPositionX < COLS - 1 && board.canPlaceColumn(columnPositionX + 1)) {
		columnPositionX++;
		tween(activeColumn, {
			x: board.x + columnPositionX * CELL_SIZE + CELL_SIZE / 2
		}, {
			duration: 100,
			easing: tween.easeOut
		});
	}
}
function rotateColumn() {
	if (!gameActive || !activeColumn) {
		return;
	}
	activeColumn.rotate();
}
function dropColumn() {
	if (!gameActive || !activeColumn || !activeColumn.isActive) {
		return;
	}
	activeColumn.isActive = false;
	board.placeColumn(activeColumn, columnPositionX, function (success, placedGems) {
		if (success) {
			game.removeChild(activeColumn);
			processMatches(function () {
				spawnNewColumn(); // Spawn a new column after processing matches
			});
		} else {
			// Failed to place column, game over
			gameActive = false;
			LK.showGameOver();
		}
	});
}
// Input handlers
game.down = function (x, y, obj) {
	if (!gameActive) {
		startGame();
		return;
	}
	// Determine which action to take based on touch position
	var boardX = x - board.x;
	// If touch is on the board
	if (boardX >= 0 && boardX < COLS * CELL_SIZE) {
		var touchCol = Math.floor(boardX / CELL_SIZE);
		// If touch is on the left side of the active column, move left
		if (touchCol < columnPositionX) {
			moveColumnLeft();
		}
		// If touch is on the right side of the active column, move right
		else if (touchCol > columnPositionX) {
			moveColumnRight();
		}
		// If touch is on the active column, rotate it
		else {
			rotateColumn();
		}
	}
};
game.move = function (x, y, obj) {
	// Optional: handle drag for more fluid control
};
game.up = function (x, y, obj) {
	// Optional: implement swipe detection for quick drop
	if (gameActive && y > game.down.y + 100) {
		dropColumn();
	}
};
game.update = function () {
	// Update column position
	activeColumn.y += 5;
	// Check if the column has reached the bottom
	var nextRow = board.findFirstEmptyRow(columnPositionX);
	var distanceToBottom = (nextRow + 1) * CELL_SIZE;
	if (activeColumn.y >= board.y + distanceToBottom) {
		activeColumn.y = board.y + distanceToBottom; // Snap to the bottom
		activeColumn.isActive = false; // Deactivate the column
		dropColumn(); // Trigger column drop logic
		return; // Ensure no further movement
	}
};
// Start the game when loaded
startGame();

===================================================================
--- original.js
+++ change.js
@@ -390,9 +390,9 @@
 /**** 
 * Game Code
 ****/ 
 // Constants
-var CELL_SIZE = 84;
+var CELL_SIZE = 14;
 var COLS = Math.floor(2048 / CELL_SIZE);
 var ROWS = Math.floor(2732 / CELL_SIZE);
 var GEM_TYPES = ['red', 'blue', 'green', 'yellow', 'purple'];
 var DROP_INTERVAL_START = 1000; // ms