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

/**** 
* Classes
****/ 
var Pickup = Container.expand(function (color, x, y) {
	var self = Container.call(this);
	self.color = color;
	self.gridX = x;
	self.gridY = y;
	self.isBomb = color === 'bomb';
	var assetId = self.isBomb ? 'bombPickup' : 'pickup' + color.charAt(0).toUpperCase() + color.slice(1);
	self.graphics = self.attachAsset(assetId, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.x = PLAYABLE_START_X + x * GRID_SIZE + GRID_SIZE / 2;
	self.y = y * GRID_SIZE + GRID_SIZE / 2 + PLAYABLE_START_Y;
	return self;
});
var SnakeHead = Container.expand(function (x, y) {
	var self = Container.call(this);
	self.gridX = x;
	self.gridY = y;
	self.direction = {
		x: 1,
		y: 0
	};
	self.graphics = self.attachAsset('snakeHead', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.setPosition = function (gridX, gridY) {
		self.gridX = gridX;
		self.gridY = gridY;
		self.x = PLAYABLE_START_X + gridX * GRID_SIZE + GRID_SIZE / 2;
		self.y = gridY * GRID_SIZE + GRID_SIZE / 2 + PLAYABLE_START_Y;
	};
	return self;
});
var SnakeSegment = Container.expand(function (color, x, y) {
	var self = Container.call(this);
	self.color = color;
	self.gridX = x;
	self.gridY = y;
	self.isHighlighted = false;
	var assetId = 'snakeSegment' + color.charAt(0).toUpperCase() + color.slice(1);
	self.graphics = self.attachAsset(assetId, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.setPosition = function (gridX, gridY) {
		self.gridX = gridX;
		self.gridY = gridY;
		self.x = PLAYABLE_START_X + gridX * GRID_SIZE + GRID_SIZE / 2;
		self.y = gridY * GRID_SIZE + GRID_SIZE / 2 + PLAYABLE_START_Y;
	};
	self.highlight = function (highlight) {
		self.isHighlighted = highlight;
		if (highlight) {
			self.graphics.alpha = 0.7;
			self.graphics.scaleX = 1.2;
			self.graphics.scaleY = 1.2;
		} else {
			self.graphics.alpha = 1.0;
			self.graphics.scaleX = 1.0;
			self.graphics.scaleY = 1.0;
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var GRID_SIZE = 100;
var UI_HEIGHT = 200; // Height reserved for UI at top
var PLAYABLE_SIZE = 2048; // Full screen width playable area
var PLAYABLE_HEIGHT = 1500; // Keep original square height
var GRID_WIDTH = Math.floor(PLAYABLE_SIZE / GRID_SIZE);
var GRID_HEIGHT = Math.floor(PLAYABLE_HEIGHT / GRID_SIZE);
var PLAYABLE_START_Y = UI_HEIGHT + 150; // Move playable area down more
var PLAYABLE_START_X = 0; // Start at left edge of screen
var SWIPE_AREA_HEIGHT = 2732 - PLAYABLE_START_Y - PLAYABLE_HEIGHT; // Rest for swipe area
var snake = [];
var snakeHead = null;
var pickups = [];
var gameSpeed = 150;
var moveTimer = 0;
var colors = ['red', 'yellow', 'blue'];
var nextPickupColor = colors[Math.floor(Math.random() * colors.length)];
var bombMode = false;
var bombIndex = 0;
var bombTimer = 0;
var gameOver = false;
var foodCounter = 0; // Track number of foods eaten
var baseSpeed = 150; // Base game speed
// UI Elements
var scoreTxt = new Text2('Score: 0', {
	size: 80,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0, 0);
scoreTxt.x = 50;
scoreTxt.y = 50;
LK.gui.topLeft.addChild(scoreTxt);
var nextColorTxt = new Text2('Next: Red', {
	size: 70,
	fill: 0xFFFFFF
});
nextColorTxt.anchor.set(1, 0);
nextColorTxt.x = -50;
nextColorTxt.y = 50;
LK.gui.topRight.addChild(nextColorTxt);
// Add SWIPE instruction text
var swipeInstructionTxt = new Text2('SWIPE', {
	size: 40,
	fill: 0x888888
});
swipeInstructionTxt.anchor.set(0.5, 0.5);
swipeInstructionTxt.x = 2048 / 2;
swipeInstructionTxt.y = PLAYABLE_START_Y + PLAYABLE_HEIGHT + SWIPE_AREA_HEIGHT / 2;
game.addChild(swipeInstructionTxt);
function initializeGame() {
	// Create snake head
	snakeHead = new SnakeHead(Math.floor(GRID_WIDTH / 2), Math.floor(GRID_HEIGHT / 2));
	game.addChild(snakeHead);
	snakeHead.setPosition(snakeHead.gridX, snakeHead.gridY);
	// Create initial tail segments
	for (var i = 1; i <= 3; i++) {
		var color = colors[Math.floor(Math.random() * colors.length)];
		var segment = new SnakeSegment(color, snakeHead.gridX - i, snakeHead.gridY);
		snake.push(segment);
		game.addChild(segment);
		segment.setPosition(segment.gridX, segment.gridY);
	}
	spawnRandomPickup();
	updateNextColorDisplay();
}
function spawnRandomPickup() {
	var attempts = 0;
	var x, y;
	do {
		x = Math.floor(Math.random() * GRID_WIDTH);
		y = Math.floor(Math.random() * GRID_HEIGHT);
		attempts++;
	} while (isPositionOccupied(x, y) && attempts < 100);
	if (attempts < 100) {
		// Only spawn bomb if snake has more than 3 tail segments
		var isBomb = snake.length > 3 && Math.random() < 0.15; // 15% chance for bomb
		var color = isBomb ? 'bomb' : nextPickupColor;
		var pickup = new Pickup(color, x, y);
		pickups.push(pickup);
		game.addChild(pickup);
		if (!isBomb) {
			nextPickupColor = colors[Math.floor(Math.random() * colors.length)];
			updateNextColorDisplay();
		}
	}
}
function isPositionOccupied(x, y) {
	if (snakeHead.gridX === x && snakeHead.gridY === y) return true;
	for (var i = 0; i < snake.length; i++) {
		if (snake[i].gridX === x && snake[i].gridY === y) return true;
	}
	for (var j = 0; j < pickups.length; j++) {
		if (pickups[j].gridX === x && pickups[j].gridY === y) return true;
	}
	return false;
}
function updateNextColorDisplay() {
	nextColorTxt.setText('Next: ' + nextPickupColor.charAt(0).toUpperCase() + nextPickupColor.slice(1));
}
function moveSnake() {
	if (gameOver || bombMode) return;
	var newX = snakeHead.gridX + snakeHead.direction.x;
	var newY = snakeHead.gridY + snakeHead.direction.y;
	// Wrap around screen edges
	if (newX < 0) newX = GRID_WIDTH - 1;
	if (newX >= GRID_WIDTH) newX = 0;
	if (newY < 0) newY = GRID_HEIGHT - 1;
	if (newY >= GRID_HEIGHT) newY = 0;
	// Check for self collision
	for (var i = 0; i < snake.length; i++) {
		if (snake[i].gridX === newX && snake[i].gridY === newY) {
			gameOver = true;
			LK.showGameOver();
			return;
		}
	}
	// Move tail segments
	if (snake.length > 0) {
		for (var j = snake.length - 1; j > 0; j--) {
			snake[j].setPosition(snake[j - 1].gridX, snake[j - 1].gridY);
		}
		snake[0].setPosition(snakeHead.gridX, snakeHead.gridY);
	}
	// Move head
	snakeHead.setPosition(newX, newY);
	// Check for pickup collision
	for (var k = pickups.length - 1; k >= 0; k--) {
		var pickup = pickups[k];
		if (pickup.gridX === newX && pickup.gridY === newY) {
			if (pickup.isBomb) {
				handleBombPickup();
			} else {
				handleColorPickup(pickup.color);
			}
			pickup.destroy();
			pickups.splice(k, 1);
			spawnRandomPickup();
			break;
		}
	}
	checkForMatches();
}
function handleColorPickup(color) {
	LK.getSound('collect').play();
	// Get the position of the last tail segment, or head if no tail exists
	var lastX, lastY;
	if (snake.length > 0) {
		lastX = snake[snake.length - 1].gridX;
		lastY = snake[snake.length - 1].gridY;
	} else {
		lastX = snakeHead.gridX;
		lastY = snakeHead.gridY;
	}
	var newSegment = new SnakeSegment(color, lastX, lastY);
	snake.push(newSegment);
	game.addChild(newSegment);
	LK.setScore(LK.getScore() + 1);
	scoreTxt.setText('Score: ' + LK.getScore());
	// Increment food counter and check for speed increase
	foodCounter++;
	if (foodCounter % 5 === 0) {
		// Increase speed by reducing gameSpeed (making it 0.05x faster)
		gameSpeed = Math.max(30, gameSpeed - gameSpeed * 0.05); // Prevent speed from getting too fast
	}
}
function handleBombPickup() {
	if (snake.length === 0) return;
	LK.getSound('bomb').play();
	bombMode = true;
	bombIndex = 0;
	bombTimer = 0;
	// Highlight first segment
	snake[bombIndex].highlight(true);
}
function processBombMovement() {
	if (!bombMode) return;
	bombTimer++;
	if (bombTimer >= 30) {
		// Move every 30 ticks (0.5 seconds)
		snake[bombIndex].highlight(false);
		bombIndex++;
		if (bombIndex >= snake.length) {
			bombIndex = 0;
		}
		snake[bombIndex].highlight(true);
		bombTimer = 0;
	}
}
function triggerBomb() {
	if (!bombMode || snake.length === 0) return;
	snake[bombIndex].highlight(false);
	bombMode = false;
	// Only remove the specific selected snake segment
	var segmentToRemove = snake[bombIndex];
	LK.getSound('explode').play();
	// Create explosion effect on the selected snake segment
	tween(segmentToRemove.graphics, {
		scaleX: 2,
		scaleY: 2,
		alpha: 0
	}, {
		duration: 300,
		easing: tween.easeOut
	});
	// Remove the selected segment after animation delay
	LK.setTimeout(function () {
		// Remove the specific snake segment
		segmentToRemove.destroy();
		snake.splice(bombIndex, 1);
		// Award points
		var points = 10;
		LK.setScore(LK.getScore() + points);
		scoreTxt.setText('Score: ' + LK.getScore());
		// Flash effect
		LK.effects.flashScreen(0xffffff, 300);
	}, 300);
}
function checkForMatches() {
	var matchFound = false;
	var toRemove = [];
	for (var i = 0; i < snake.length - 2; i++) {
		var count = 1;
		var currentColor = snake[i].color;
		for (var j = i + 1; j < snake.length; j++) {
			if (snake[j].color === currentColor) {
				count++;
			} else {
				break;
			}
		}
		if (count >= 3) {
			for (var k = i; k < i + count; k++) {
				toRemove.push(k);
			}
			matchFound = true;
			i += count - 1;
		}
	}
	if (toRemove.length > 0) {
		LK.getSound('explode').play();
		// Remove matched segments
		for (var m = toRemove.length - 1; m >= 0; m--) {
			var index = toRemove[m];
			snake[index].destroy();
			snake.splice(index, 1);
		}
		// Award points
		var points = toRemove.length * 10;
		LK.setScore(LK.getScore() + points);
		scoreTxt.setText('Score: ' + LK.getScore());
		// Flash effect
		LK.effects.flashScreen(0xffffff, 200);
	}
	return matchFound;
}
// Swipe detection variables
var swipeStartX = 0;
var swipeStartY = 0;
var minSwipeDistance = 50;
var isSwipeStarted = false;
function handleSwipe(startX, startY, endX, endY) {
	if (gameOver) return;
	if (bombMode) {
		return;
	}
	var deltaX = endX - startX;
	var deltaY = endY - startY;
	var swipeDistance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
	// Check if swipe is long enough
	if (swipeDistance < minSwipeDistance) return;
	if (Math.abs(deltaX) > Math.abs(deltaY)) {
		// Horizontal swipe
		if (deltaX > 0 && snakeHead.direction.x !== -1) {
			// Swipe right
			snakeHead.direction = {
				x: 1,
				y: 0
			};
		} else if (deltaX < 0 && snakeHead.direction.x !== 1) {
			// Swipe left
			snakeHead.direction = {
				x: -1,
				y: 0
			};
		}
	} else {
		// Vertical swipe
		if (deltaY > 0 && snakeHead.direction.y !== -1) {
			// Swipe down
			snakeHead.direction = {
				x: 0,
				y: 1
			};
		} else if (deltaY < 0 && snakeHead.direction.y !== 1) {
			// Swipe up
			snakeHead.direction = {
				x: 0,
				y: -1
			};
		}
	}
}
game.down = function (x, y, obj) {
	// Only handle input in swipe area (below playable area)
	if (y < PLAYABLE_START_Y + PLAYABLE_HEIGHT) return;
	// Single-click bomb trigger
	if (bombMode) {
		triggerBomb();
		return;
	}
	swipeStartX = x;
	swipeStartY = y;
	isSwipeStarted = true;
};
game.up = function (x, y, obj) {
	// Only handle input in swipe area (below playable area)
	if (y < PLAYABLE_START_Y + PLAYABLE_HEIGHT) return;
	if (isSwipeStarted) {
		handleSwipe(swipeStartX, swipeStartY, x, y);
		isSwipeStarted = false;
	}
};
game.update = function () {
	if (gameOver) return;
	processBombMovement();
	moveTimer++;
	if (moveTimer >= gameSpeed / 16.67) {
		moveSnake();
		moveTimer = 0;
	}
};
// Create playable area border
var playableBorder = new Container();
game.addChild(playableBorder);
// Create border lines for square centered area
var borderTop = LK.getAsset('snakeHead', {
	anchorX: 0,
	anchorY: 0,
	scaleX: PLAYABLE_SIZE / 80,
	scaleY: 0.05,
	tint: 0xFFFFFF
});
borderTop.x = PLAYABLE_START_X;
borderTop.y = PLAYABLE_START_Y;
playableBorder.addChild(borderTop);
var borderBottom = LK.getAsset('snakeHead', {
	anchorX: 0,
	anchorY: 0,
	scaleX: PLAYABLE_SIZE / 80,
	scaleY: 0.05,
	tint: 0xFFFFFF
});
borderBottom.x = PLAYABLE_START_X;
borderBottom.y = PLAYABLE_START_Y + PLAYABLE_HEIGHT;
playableBorder.addChild(borderBottom);
var borderLeft = LK.getAsset('snakeHead', {
	anchorX: 0,
	anchorY: 0,
	scaleX: 0.05,
	scaleY: PLAYABLE_HEIGHT / 80,
	tint: 0xFFFFFF
});
borderLeft.x = PLAYABLE_START_X;
borderLeft.y = PLAYABLE_START_Y;
playableBorder.addChild(borderLeft);
var borderRight = LK.getAsset('snakeHead', {
	anchorX: 0,
	anchorY: 0,
	scaleX: 0.05,
	scaleY: PLAYABLE_HEIGHT / 80,
	tint: 0xFFFFFF
});
borderRight.x = PLAYABLE_START_X + PLAYABLE_SIZE;
borderRight.y = PLAYABLE_START_Y;
playableBorder.addChild(borderRight);
// Initialize the game
initializeGame();
;

===================================================================
--- original.js
+++ change.js
@@ -84,14 +84,14 @@
 * Game Code
 ****/ 
 var GRID_SIZE = 100;
 var UI_HEIGHT = 200; // Height reserved for UI at top
-var PLAYABLE_SIZE = 1500; // Square playable area
-var PLAYABLE_HEIGHT = PLAYABLE_SIZE;
+var PLAYABLE_SIZE = 2048; // Full screen width playable area
+var PLAYABLE_HEIGHT = 1500; // Keep original square height
 var GRID_WIDTH = Math.floor(PLAYABLE_SIZE / GRID_SIZE);
-var GRID_HEIGHT = Math.floor(PLAYABLE_SIZE / GRID_SIZE);
+var GRID_HEIGHT = Math.floor(PLAYABLE_HEIGHT / GRID_SIZE);
 var PLAYABLE_START_Y = UI_HEIGHT + 150; // Move playable area down more
-var PLAYABLE_START_X = (2048 - PLAYABLE_SIZE) / 2; // Center horizontally
+var PLAYABLE_START_X = 0; // Start at left edge of screen
 var SWIPE_AREA_HEIGHT = 2732 - PLAYABLE_START_Y - PLAYABLE_HEIGHT; // Rest for swipe area
 var snake = [];
 var snakeHead = null;
 var pickups = [];