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

/**** 
* Classes
****/ 
var BackgroundParticle = Container.expand(function () {
	var self = Container.call(this);
	var particleGraphics = self.attachAsset('backgroundParticle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = Math.random() * 2 + 1;
	self.alpha = Math.random() * 0.5 + 0.2;
	self.update = function () {
		self.y += self.speed;
		if (self.y > 2732 + 50) {
			self.y = -50;
			self.x = Math.random() * 2048;
		}
	};
	return self;
});
var BottomMenu = Container.expand(function () {
	var self = Container.call(this);
	// Create bottom menu background
	var menuBg = LK.getAsset('bottomMenuBackground', {
		width: 2048,
		height: 300,
		color: 0x2c2c54,
		shape: 'box',
		anchorX: 0,
		anchorY: 0
	});
	self.addChild(menuBg);
	// Create exit button
	var exitButton = LK.getAsset('exitButton', {
		width: 300,
		height: 80,
		color: 0xff4444,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	exitButton.x = 512;
	exitButton.y = 150;
	self.addChild(exitButton);
	var exitButtonText = new Text2('EXIT', {
		size: 50,
		fill: 0xFFFFFF
	});
	exitButtonText.anchor.set(0.5, 0.5);
	exitButtonText.x = 512;
	exitButtonText.y = 150;
	self.addChild(exitButtonText);
	// Create restart button
	var restartButton = LK.getAsset('restartButton', {
		width: 300,
		height: 80,
		color: 0x4caf50,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	restartButton.x = 1536;
	restartButton.y = 150;
	self.addChild(restartButton);
	var restartButtonText = new Text2('RESTART', {
		size: 50,
		fill: 0xFFFFFF
	});
	restartButtonText.anchor.set(0.5, 0.5);
	restartButtonText.x = 1536;
	restartButtonText.y = 150;
	self.addChild(restartButtonText);
	// Exit button click handler
	exitButton.down = function (x, y, obj) {
		// Hide bottom menu
		self.visible = false;
		bottomMenuOpen = false;
		// Show main menu
		mainMenu.visible = true;
		gameStarted = false;
		// Hide game UI
		coinCountText.visible = false;
		tapCountText.visible = false;
		coinsPerTapText.visible = false;
		shopButton.visible = false;
		menuButton.visible = false;
		// Disable game interactions
		game.interactive = false;
		game.buttonMode = false;
		// Close shop if open
		if (shopOpen) {
			shopOpen = false;
			tween(shopPanel, {
				x: 2048
			}, {
				duration: 300,
				easing: tween.easeInOut
			});
		}
	};
	// Restart button click handler
	restartButton.down = function (x, y, obj) {
		// Reset game state
		totalCoins = 0;
		tapCount = 0;
		coinsPerTap = 1;
		gameStarted = false;
		// Clear storage
		storage.totalCoins = 0;
		storage.tapCount = 0;
		storage.autoClicker = false;
		storage.boostUpgrade = false;
		storage.bakery = false;
		storage.factory = false;
		// Reset shop items
		for (var i = 0; i < shopItemsData.length; i++) {
			shopItemsData[i].owned = false;
		}
		// Update UI texts
		coinCountText.setText('$' + totalCoins);
		tapCountText.setText('Taps: ' + tapCount);
		coinsPerTapText.setText('$' + coinsPerTap + ' per tap');
		// Hide bottom menu
		self.visible = false;
		bottomMenuOpen = false;
		// Show main menu
		mainMenu.visible = true;
		gameStarted = false;
		// Hide game UI
		coinCountText.visible = false;
		tapCountText.visible = false;
		coinsPerTapText.visible = false;
		shopButton.visible = false;
		menuButton.visible = false;
		// Disable game interactions
		game.interactive = false;
		game.buttonMode = false;
		// Close shop if open
		if (shopOpen) {
			shopOpen = false;
			tween(shopPanel, {
				x: 2048
			}, {
				duration: 300,
				easing: tween.easeInOut
			});
		}
	};
	return self;
});
var Coin = Container.expand(function () {
	var self = Container.call(this);
	var coinGraphics = self.attachAsset('coin', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.startAnimation = function (startX, startY, targetX, targetY) {
		self.x = startX;
		self.y = startY;
		self.alpha = 1;
		self.scale.set(0.5);
		// Scale up animation
		tween(self.scale, {
			x: 1,
			y: 1
		}, {
			duration: 200,
			easing: tween.easeOut
		});
		// Move to target position
		tween(self, {
			x: targetX,
			y: targetY
		}, {
			duration: 800,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				self.destroy();
			}
		});
		// Fade out near the end
		LK.setTimeout(function () {
			tween(self, {
				alpha: 0
			}, {
				duration: 200
			});
		}, 600);
	};
	return self;
});
var MainMenu = Container.expand(function () {
	var self = Container.call(this);
	// Create menu background
	var menuBg = LK.getAsset('menuBackground', {
		width: 2048,
		height: 2732,
		color: 0x1a1a2e,
		shape: 'box',
		anchorX: 0,
		anchorY: 0
	});
	self.addChild(menuBg);
	// Create title
	var titleText = new Text2('COIN CLICKER', {
		size: 150,
		fill: 0xFFD700
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 1024;
	titleText.y = 800;
	self.addChild(titleText);
	// Create play button
	var playButton = LK.getAsset('playButton', {
		width: 400,
		height: 120,
		color: 0x4CAF50,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	playButton.x = 1024;
	playButton.y = 1400;
	self.addChild(playButton);
	var playButtonText = new Text2('PLAY', {
		size: 80,
		fill: 0xFFFFFF
	});
	playButtonText.anchor.set(0.5, 0.5);
	playButtonText.x = 1024;
	playButtonText.y = 1400;
	self.addChild(playButtonText);
	// Play button click handler
	playButton.down = function (x, y, obj) {
		// Hide menu and start game
		self.visible = false;
		gameStarted = true;
		// Enable game interactions
		game.interactive = true;
		game.buttonMode = true;
		// Show game UI
		coinCountText.visible = true;
		tapCountText.visible = true;
		coinsPerTapText.visible = true;
		shopButton.visible = true;
		menuButton.visible = true;
	};
	return self;
});
var TapEffect = Container.expand(function () {
	var self = Container.call(this);
	var effectGraphics = self.attachAsset('tapEffect', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.startAnimation = function (x, y) {
		self.x = x;
		self.y = y;
		self.alpha = 0.7;
		self.scale.set(0.3);
		// Scale up and fade out
		tween(self.scale, {
			x: 1.5,
			y: 1.5
		}, {
			duration: 300,
			easing: tween.easeOut
		});
		tween(self, {
			alpha: 0
		}, {
			duration: 300,
			onFinish: function onFinish() {
				self.destroy();
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// - Visual coin animations from bakery location
// - Proper storage persistence
// - $10 per second passive income in game update loop
// - $500 cost in shopItemsData
// Bakery shop item is already fully implemented with:
var gameStarted = false;
var totalCoins = storage.totalCoins || 0;
var coinsPerTap = storage.boostUpgrade ? 2 : 1;
var tapCount = storage.tapCount || 0;
var coins = [];
var tapEffects = [];
var backgroundParticles = [];
var bottomMenuOpen = false;
// Create main menu
var mainMenu = new MainMenu();
game.addChild(mainMenu);
// Create bottom menu
var bottomMenu = new BottomMenu();
bottomMenu.y = 2732 + 300; // Start hidden off-screen at the bottom
bottomMenu.visible = false;
game.addChild(bottomMenu);
// Create menu button
var menuButton = new Text2('MENU', {
	size: 60,
	fill: 0xFFD700
});
menuButton.anchor.set(0, 1);
menuButton.x = 20;
menuButton.y = -20;
menuButton.visible = false; // Hide initially
LK.gui.bottomLeft.addChild(menuButton);
// UI Elements
var coinCountText = new Text2('$' + totalCoins, {
	size: 120,
	fill: 0xFFD700
});
coinCountText.anchor.set(0.5, 0);
coinCountText.visible = false; // Hide initially
LK.gui.top.addChild(coinCountText);
var tapCountText = new Text2('Taps: ' + tapCount, {
	size: 60,
	fill: 0xFFFFFF
});
tapCountText.anchor.set(0.5, 0);
tapCountText.y = 150;
tapCountText.visible = false; // Hide initially
LK.gui.top.addChild(tapCountText);
var coinsPerTapText = new Text2('$' + coinsPerTap + ' per tap', {
	size: 50,
	fill: 0x4CAF50
});
coinsPerTapText.anchor.set(0.5, 1);
coinsPerTapText.visible = false; // Hide initially
LK.gui.bottom.addChild(coinsPerTapText);
// Shop system variables
var shopOpen = false;
var shopPanel = new Container();
var shopBackground = LK.getAsset('shopBackground', {
	width: 600,
	height: 2732,
	color: 0x2c2c54,
	shape: 'box',
	anchorX: 0,
	anchorY: 0
});
shopPanel.addChild(shopBackground);
shopPanel.x = 2048; // Start hidden off-screen to the right
game.addChild(shopPanel);
// Shop toggle button
var shopButton = new Text2('SHOP', {
	size: 80,
	fill: 0xFFD700
});
shopButton.anchor.set(1, 0);
shopButton.x = -20;
shopButton.y = 20;
shopButton.visible = false; // Hide initially
LK.gui.topRight.addChild(shopButton);
// Disable game interactions initially
game.interactive = false;
game.buttonMode = false;
// Shop items data
var shopItemsData = [{
	name: 'Auto Clicker',
	description: 'Automatically earn coins',
	cost: 500,
	owned: storage.autoClicker || false,
	type: 'upgrade'
}, {
	name: '2X Boost',
	description: 'Double your coins per tap',
	cost: 120,
	owned: storage.boostUpgrade || false,
	type: 'upgrade'
}, {
	name: 'Gold Rush',
	description: 'Triple coins for 30 seconds',
	cost: 250,
	owned: false,
	type: 'consumable'
}, {
	name: 'Bakery',
	description: 'Earn $10 every second',
	cost: 500,
	owned: storage.bakery || false,
	type: 'upgrade'
}, {
	name: 'Factory',
	description: 'Earn $70 every 30 seconds',
	cost: 1200,
	owned: storage.factory || false,
	type: 'upgrade'
}];
// Shop UI elements
var shopItems = [];
var shopTitle = new Text2('SHOP', {
	size: 100,
	fill: 0xFFD700
});
shopTitle.anchor.set(0.5, 0);
shopTitle.x = 300;
shopTitle.y = 50;
shopPanel.addChild(shopTitle);
// Create shop item buttons
for (var i = 0; i < shopItemsData.length; i++) {
	var itemContainer = new Container();
	var itemBg = LK.getAsset('itemBg', {
		width: 550,
		height: 150,
		color: 0x3c3c5c,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	var itemName = new Text2(shopItemsData[i].name, {
		size: 60,
		fill: 0xFFFFFF
	});
	itemName.anchor.set(0.5, 0);
	itemName.y = -40;
	var itemDesc = new Text2(shopItemsData[i].description, {
		size: 40,
		fill: 0xCCCCCC
	});
	itemDesc.anchor.set(0.5, 0);
	itemDesc.y = -5;
	var itemCost = new Text2('$' + shopItemsData[i].cost, {
		size: 50,
		fill: 0x4CAF50
	});
	itemCost.anchor.set(0.5, 0);
	itemCost.y = 30;
	itemContainer.addChild(itemBg);
	itemContainer.addChild(itemName);
	itemContainer.addChild(itemDesc);
	itemContainer.addChild(itemCost);
	shopItems.push(itemContainer);
	itemContainer.x = 300;
	itemContainer.y = 250 + i * 200;
	itemContainer.itemIndex = i;
	// Add click handler for shop items
	itemContainer.down = function (x, y, obj) {
		var itemIndex = this.itemIndex;
		if (itemIndex >= 0 && itemIndex < shopItemsData.length) {
			var item = shopItemsData[itemIndex];
			if (item && totalCoins >= item.cost && !item.owned) {
				totalCoins -= item.cost;
				item.owned = true;
				// Apply item effects
				if (item.name === 'Auto Clicker') {
					storage.autoClicker = true;
				} else if (item.name === '2X Boost') {
					storage.boostUpgrade = true;
					coinsPerTap = 2;
				} else if (item.name === 'Gold Rush') {
					// Gold Rush effect removed to keep coins per tap at 1
				} else if (item.name === 'Bakery') {
					storage.bakery = true;
				} else if (item.name === 'Factory') {
					storage.factory = true;
				}
				// Update UI
				coinCountText.setText('$' + totalCoins);
				coinsPerTapText.setText('$' + coinsPerTap + ' per tap');
				// Flash item green
				LK.effects.flashObject(this, 0x4CAF50, 500);
				// Save progress
				storage.totalCoins = totalCoins;
			}
		}
	};
	shopPanel.addChild(itemContainer);
}
// Create background particles
for (var i = 0; i < 15; i++) {
	var particle = new BackgroundParticle();
	particle.x = Math.random() * 2048;
	particle.y = Math.random() * 2732;
	backgroundParticles.push(particle);
	game.addChild(particle);
}
// Shop button click handler
shopButton.down = function (x, y, obj) {
	shopOpen = !shopOpen;
	var targetX = shopOpen ? 1448 : 2048;
	tween(shopPanel, {
		x: targetX
	}, {
		duration: 300,
		easing: tween.easeInOut
	});
};
// Menu button click handler
menuButton.down = function (x, y, obj) {
	bottomMenuOpen = !bottomMenuOpen;
	bottomMenu.visible = true;
	var targetY = bottomMenuOpen ? 2432 : 2732 + 300;
	tween(bottomMenu, {
		y: targetY
	}, {
		duration: 300,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			if (!bottomMenuOpen) {
				bottomMenu.visible = false;
			}
		}
	});
};
// Main tap handler
game.down = function (x, y, obj) {
	// Don't process taps if game hasn't started or shop is open or bottom menu is open
	if (!gameStarted || shopOpen || bottomMenuOpen) return;
	// Increase coin count
	totalCoins += coinsPerTap;
	tapCount++;
	// Update UI
	coinCountText.setText('$' + totalCoins);
	tapCountText.setText('Taps: ' + tapCount);
	// Create coin animation
	var coin = new Coin();
	var targetX = 2048 / 2;
	var targetY = 200;
	coin.startAnimation(x, y, targetX, targetY);
	coins.push(coin);
	game.addChild(coin);
	// Create tap effect
	var tapEffect = new TapEffect();
	tapEffect.startAnimation(x, y);
	tapEffects.push(tapEffect);
	game.addChild(tapEffect);
	// Play sounds
	LK.getSound('coinSound').play();
	LK.getSound('tapSound').play();
	// Removed automatic progression - coins per tap stays at 1 dollar
	// Make background particles react to taps
	for (var i = 0; i < backgroundParticles.length; i++) {
		var particle = backgroundParticles[i];
		var distance = Math.sqrt(Math.pow(particle.x - x, 2) + Math.pow(particle.y - y, 2));
		if (distance < 200) {
			tween(particle, {
				alpha: 0.8
			}, {
				duration: 100
			});
			tween(particle, {
				alpha: particle.alpha
			}, {
				duration: 200
			});
		}
	}
	// Save progress
	storage.totalCoins = totalCoins;
	storage.tapCount = tapCount;
};
// Keyboard event listener for 'E' key to open shop
game.keyDown = function (key) {
	if (key === 'E' || key === 'e') {
		if (gameStarted && !bottomMenuOpen) {
			shopOpen = !shopOpen;
			var targetX = shopOpen ? 1448 : 2048;
			tween(shopPanel, {
				x: targetX
			}, {
				duration: 300,
				easing: tween.easeInOut
			});
		}
	}
};
// Game update loop
game.update = function () {
	// Auto-clicker functionality
	if (storage.autoClicker && LK.ticks % 120 === 0) {
		// Every 2 seconds
		totalCoins += Math.floor(coinsPerTap * 0.5); // 50% of manual tap value
		coinCountText.setText('$' + totalCoins);
		storage.totalCoins = totalCoins;
		// Create small coin animation at center
		var coin = new Coin();
		var centerX = 2048 / 2;
		var centerY = 2732 / 2;
		coin.startAnimation(centerX, centerY, centerX, 200);
		coins.push(coin);
		game.addChild(coin);
	}
	// Bakery passive income - $10 every second (60 ticks)
	if (storage.bakery && LK.ticks % 60 === 0) {
		totalCoins += 10;
		coinCountText.setText('$' + totalCoins);
		storage.totalCoins = totalCoins;
		// Create small coin animation from bottom right
		var coin = new Coin();
		var bakeryX = 2048 - 100;
		var bakeryY = 2732 - 100;
		coin.startAnimation(bakeryX, bakeryY, 2048 / 2, 200);
		coins.push(coin);
		game.addChild(coin);
	}
	// Factory passive income - $70 every 30 seconds (1800 ticks)
	if (storage.factory && LK.ticks % 1800 === 0) {
		totalCoins += 70;
		coinCountText.setText('$' + totalCoins);
		storage.totalCoins = totalCoins;
		// Create coin animation from bottom left
		var coin = new Coin();
		var factoryX = 100;
		var factoryY = 2732 - 100;
		coin.startAnimation(factoryX, factoryY, 2048 / 2, 200);
		coins.push(coin);
		game.addChild(coin);
	}
	// Clean up destroyed coins
	for (var i = coins.length - 1; i >= 0; i--) {
		if (coins[i].destroyed) {
			coins.splice(i, 1);
		}
	}
	// Clean up destroyed tap effects
	for (var i = tapEffects.length - 1; i >= 0; i--) {
		if (tapEffects[i].destroyed) {
			tapEffects.splice(i, 1);
		}
	}
	// Animate coin count text occasionally
	if (LK.ticks % 300 === 0) {
		tween(coinCountText.scale, {
			x: 1.1,
			y: 1.1
		}, {
			duration: 150,
			easing: tween.easeOut
		});
		tween(coinCountText.scale, {
			x: 1,
			y: 1
		}, {
			duration: 150,
			easing: tween.easeIn
		});
	}
};

===================================================================
--- original.js
+++ change.js
@@ -293,13 +293,13 @@
 
 /**** 
 * Game Code
 ****/ 
-// Bakery shop item is already fully implemented with:
-// - $500 cost in shopItemsData
-// - $10 per second passive income in game update loop
-// - Proper storage persistence
 // - Visual coin animations from bakery location
+// - Proper storage persistence
+// - $10 per second passive income in game update loop
+// - $500 cost in shopItemsData
+// Bakery shop item is already fully implemented with:
 var gameStarted = false;
 var totalCoins = storage.totalCoins || 0;
 var coinsPerTap = storage.boostUpgrade ? 2 : 1;
 var tapCount = storage.tapCount || 0;
@@ -569,8 +569,23 @@
 	// Save progress
 	storage.totalCoins = totalCoins;
 	storage.tapCount = tapCount;
 };
+// Keyboard event listener for 'E' key to open shop
+game.keyDown = function (key) {
+	if (key === 'E' || key === 'e') {
+		if (gameStarted && !bottomMenuOpen) {
+			shopOpen = !shopOpen;
+			var targetX = shopOpen ? 1448 : 2048;
+			tween(shopPanel, {
+				x: targetX
+			}, {
+				duration: 300,
+				easing: tween.easeInOut
+			});
+		}
+	}
+};
 // Game update loop
 game.update = function () {
 	// Auto-clicker functionality
 	if (storage.autoClicker && LK.ticks % 120 === 0) {