===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,539 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+var storage = LK.import("@upit/storage.v1", {
+	money: 5000,
+	population: 0,
+	happiness: 50,
+	lastCityState: undefined
+});
+
+/**** 
+* Classes
+****/ 
+var BuildButton = Container.expand(function (buildingType, cost) {
+	var self = Container.call(this);
+	self.buildingType = buildingType;
+	self.cost = cost;
+	self.isSelected = false;
+	self.background = self.attachAsset('uiButton', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		alpha: 0.7
+	});
+	var backgroundColor;
+	switch (buildingType) {
+		case 'residential':
+			backgroundColor = 0x3f51b5;
+			break;
+		case 'commercial':
+			backgroundColor = 0xff9800;
+			break;
+		case 'industrial':
+			backgroundColor = 0xffeb3b;
+			break;
+		case 'road':
+			backgroundColor = 0x424242;
+			break;
+		case 'park':
+			backgroundColor = 0x8bc34a;
+			break;
+		case 'demolish':
+			backgroundColor = 0xf44336;
+			break;
+		default:
+			backgroundColor = 0x2196f3;
+	}
+	self.background.tint = backgroundColor;
+	var labelText = buildingType.charAt(0).toUpperCase() + buildingType.slice(1);
+	if (buildingType !== 'demolish') {
+		labelText += ' ($' + cost + ')';
+	}
+	self.label = new Text2(labelText, {
+		size: 28,
+		fill: 0xFFFFFF
+	});
+	self.label.anchor.set(0.5, 0.5);
+	self.addChild(self.label);
+	self.select = function () {
+		if (!self.isSelected) {
+			self.isSelected = true;
+			tween(self.background, {
+				alpha: 1
+			}, {
+				duration: 200
+			});
+		}
+	};
+	self.deselect = function () {
+		if (self.isSelected) {
+			self.isSelected = false;
+			tween(self.background, {
+				alpha: 0.7
+			}, {
+				duration: 200
+			});
+		}
+	};
+	self.down = function (x, y, obj) {
+		buildMenu.selectButton(self);
+		LK.getSound('select').play();
+	};
+	return self;
+});
+var BuildMenu = Container.expand(function () {
+	var self = Container.call(this);
+	self.buttons = [];
+	self.selectedButton = null;
+	self.init = function () {
+		var buttonTypes = [{
+			type: 'residential',
+			cost: 200
+		}, {
+			type: 'commercial',
+			cost: 300
+		}, {
+			type: 'industrial',
+			cost: 400
+		}, {
+			type: 'road',
+			cost: 50
+		}, {
+			type: 'park',
+			cost: 100
+		}, {
+			type: 'demolish',
+			cost: 0
+		}];
+		var buttonSpacing = 220;
+		var startX = 2048 / 2 - (buttonTypes.length - 1) * buttonSpacing / 2;
+		buttonTypes.forEach(function (buttonInfo, index) {
+			var button = new BuildButton(buttonInfo.type, buttonInfo.cost);
+			button.x = startX + index * buttonSpacing;
+			button.y = 2732 - 100;
+			self.buttons.push(button);
+			self.addChild(button);
+		});
+	};
+	self.selectButton = function (button) {
+		if (self.selectedButton) {
+			self.selectedButton.deselect();
+		}
+		if (self.selectedButton === button) {
+			// Deselect if clicking the same button
+			self.selectedButton = null;
+		} else {
+			self.selectedButton = button;
+			button.select();
+		}
+	};
+	return self;
+});
+var CityGrid = Container.expand(function () {
+	var self = Container.call(this);
+	self.tiles = [];
+	self.selectedTile = null;
+	self.gridSize = 10; // 10x10 grid
+	self.tileSize = 130;
+	self.init = function () {
+		// Calculate grid dimensions
+		var gridWidth = self.gridSize * self.tileSize;
+		var gridHeight = self.gridSize * self.tileSize;
+		// Center the grid on screen
+		var startX = (2048 - gridWidth) / 2 + self.tileSize / 2;
+		var startY = (2732 - gridHeight) / 2 + self.tileSize / 2;
+		// Create grid tiles
+		for (var y = 0; y < self.gridSize; y++) {
+			for (var x = 0; x < self.gridSize; x++) {
+				var tile = new GridTile();
+				tile.gridX = x;
+				tile.gridY = y;
+				tile.x = startX + x * self.tileSize;
+				tile.y = startY + y * self.tileSize;
+				self.tiles.push(tile);
+				self.addChild(tile);
+			}
+		}
+	};
+	self.selectTile = function (tile) {
+		if (self.selectedTile) {
+			self.selectedTile.deselect();
+		}
+		self.selectedTile = tile;
+		if (tile) {
+			tile.select();
+			if (buildMenu.selectedButton) {
+				var buildingType = buildMenu.selectedButton.buildingType;
+				var cost = buildMenu.selectedButton.cost;
+				if (buildingType === 'demolish') {
+					if (tile.type !== 'empty') {
+						// Calculate refund (half of original cost)
+						var refund;
+						switch (tile.type) {
+							case 'residential':
+								refund = 100;
+								break;
+							case 'commercial':
+								refund = 150;
+								break;
+							case 'industrial':
+								refund = 200;
+								break;
+							case 'road':
+								refund = 25;
+								break;
+							case 'park':
+								refund = 50;
+								break;
+							default:
+								refund = 0;
+						}
+						money += refund;
+						updateStats();
+						tile.changeType('empty');
+						LK.getSound('demolish').play();
+						recalculateCityMetrics();
+					}
+				} else if (money >= cost) {
+					// Place building
+					money -= cost;
+					updateStats();
+					tile.changeType(buildingType);
+					LK.getSound('build').play();
+					// Add score and update city metrics
+					LK.setScore(LK.getScore() + 10);
+					recalculateCityMetrics();
+				}
+			}
+		}
+	};
+	self.getTileAt = function (gridX, gridY) {
+		for (var i = 0; i < self.tiles.length; i++) {
+			var tile = self.tiles[i];
+			if (tile.gridX === gridX && tile.gridY === gridY) {
+				return tile;
+			}
+		}
+		return null;
+	};
+	return self;
+});
+var GridTile = Container.expand(function () {
+	var self = Container.call(this);
+	self.type = 'empty';
+	self.gridX = 0;
+	self.gridY = 0;
+	self.building = null;
+	self.isSelected = false;
+	self.tileSprite = self.attachAsset('grassTile', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		alpha: 0.8
+	});
+	self.select = function () {
+		if (!self.isSelected) {
+			self.isSelected = true;
+			tween(self.tileSprite, {
+				alpha: 1
+			}, {
+				duration: 200
+			});
+		}
+	};
+	self.deselect = function () {
+		if (self.isSelected) {
+			self.isSelected = false;
+			tween(self.tileSprite, {
+				alpha: 0.8
+			}, {
+				duration: 200
+			});
+		}
+	};
+	self.changeType = function (newType) {
+		if (self.type === newType) return;
+		if (self.building) {
+			self.removeChild(self.building);
+			self.building = null;
+		}
+		self.type = newType;
+		if (newType === 'empty') {
+			self.tileSprite.tint = 0x4caf50; // Grass color
+		} else if (newType === 'residential') {
+			self.building = self.attachAsset('residentialBuilding', {
+				anchorX: 0.5,
+				anchorY: 0.5
+			});
+			self.tileSprite.tint = 0x87ceeb; // Sky blue
+		} else if (newType === 'commercial') {
+			self.building = self.attachAsset('commercialBuilding', {
+				anchorX: 0.5,
+				anchorY: 0.5
+			});
+			self.tileSprite.tint = 0x87ceeb;
+		} else if (newType === 'industrial') {
+			self.building = self.attachAsset('industrialBuilding', {
+				anchorX: 0.5,
+				anchorY: 0.5
+			});
+			self.tileSprite.tint = 0x87ceeb;
+		} else if (newType === 'road') {
+			self.tileSprite.tint = 0x424242; // Road color
+		} else if (newType === 'park') {
+			self.tileSprite.tint = 0x8bc34a; // Park green
+		}
+		if (self.building) {
+			// Animate the building appearing
+			self.building.scale.set(0.01);
+			tween(self.building.scale, {
+				x: 1,
+				y: 1
+			}, {
+				duration: 500,
+				easing: tween.elasticOut
+			});
+		}
+	};
+	self.down = function (x, y, obj) {
+		cityGrid.selectTile(self);
+		LK.getSound('select').play();
+	};
+	return self;
+});
+var StatsPanel = Container.expand(function () {
+	var self = Container.call(this);
+	self.background = self.attachAsset('uiPanel', {
+		anchorX: 0.5,
+		anchorY: 0,
+		alpha: 0.7,
+		width: 400,
+		height: 160
+	});
+	self.moneyText = new Text2("Money: $5000", {
+		size: 32,
+		fill: 0x000000
+	});
+	self.moneyText.anchor.set(0.5, 0);
+	self.moneyText.y = 20;
+	self.addChild(self.moneyText);
+	self.populationText = new Text2("Population: 0", {
+		size: 32,
+		fill: 0x000000
+	});
+	self.populationText.anchor.set(0.5, 0);
+	self.populationText.y = 60;
+	self.addChild(self.populationText);
+	self.happinessText = new Text2("Happiness: 50%", {
+		size: 32,
+		fill: 0x000000
+	});
+	self.happinessText.anchor.set(0.5, 0);
+	self.happinessText.y = 100;
+	self.addChild(self.happinessText);
+	self.updateStats = function (money, population, happiness) {
+		self.moneyText.setText("Money: $" + money);
+		self.populationText.setText("Population: " + population);
+		self.happinessText.setText("Happiness: " + happiness + "%");
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0x87CEEB // Sky blue background
+});
+
+/**** 
+* Game Code
+****/ 
+// Game variables
+var money = storage.money;
+var population = storage.population;
+var happiness = storage.happiness;
+var gameTime = 0;
+var revenueInterval = 10;
+var cityGrid;
+var buildMenu;
+var statsPanel;
+var scoreText;
+// Initialize game elements
+function initGame() {
+	// Set up city grid
+	cityGrid = new CityGrid();
+	cityGrid.init();
+	game.addChild(cityGrid);
+	// Set up build menu
+	buildMenu = new BuildMenu();
+	buildMenu.init();
+	game.addChild(buildMenu);
+	// Set up stats panel
+	statsPanel = new StatsPanel();
+	statsPanel.x = 2048 / 2;
+	statsPanel.y = 20;
+	game.addChild(statsPanel);
+	// Set up score text
+	scoreText = new Text2("City Score: " + LK.getScore(), {
+		size: 40,
+		fill: 0xFFFFFF
+	});
+	scoreText.anchor.set(0.5, 0);
+	LK.gui.top.addChild(scoreText);
+	// Load saved city if available
+	if (storage.lastCityState) {
+		try {
+			var savedState = storage.lastCityState;
+			for (var i = 0; i < savedState.length; i++) {
+				var tileData = savedState[i];
+				var tile = cityGrid.getTileAt(tileData.x, tileData.y);
+				if (tile) {
+					tile.changeType(tileData.type);
+				}
+			}
+			recalculateCityMetrics();
+		} catch (e) {
+			console.log("Error loading saved city:", e);
+		}
+	}
+	// Start background music
+	LK.playMusic('bgmusic', {
+		fade: {
+			start: 0,
+			end: 0.3,
+			duration: 1000
+		}
+	});
+	// Update stats display
+	updateStats();
+}
+// Update money, population, and happiness stats
+function updateStats() {
+	statsPanel.updateStats(money, population, happiness);
+	scoreText.setText("City Score: " + LK.getScore());
+	// Save to storage
+	storage.money = money;
+	storage.population = population;
+	storage.happiness = happiness;
+	// Save city state
+	var cityState = [];
+	for (var i = 0; i < cityGrid.tiles.length; i++) {
+		var tile = cityGrid.tiles[i];
+		if (tile.type !== 'empty') {
+			cityState.push({
+				x: tile.gridX,
+				y: tile.gridY,
+				type: tile.type
+			});
+		}
+	}
+	storage.lastCityState = cityState;
+	// Check for win condition - 5000 population
+	if (population >= 5000 && !gameWon) {
+		gameWon = true;
+		LK.showYouWin();
+	}
+}
+// Recalculate city metrics based on buildings
+function recalculateCityMetrics() {
+	// Count different building types
+	var residentialCount = 0;
+	var commercialCount = 0;
+	var industrialCount = 0;
+	var parkCount = 0;
+	var roadCount = 0;
+	for (var i = 0; i < cityGrid.tiles.length; i++) {
+		var tile = cityGrid.tiles[i];
+		switch (tile.type) {
+			case 'residential':
+				residentialCount++;
+				break;
+			case 'commercial':
+				commercialCount++;
+				break;
+			case 'industrial':
+				industrialCount++;
+				break;
+			case 'park':
+				parkCount++;
+				break;
+			case 'road':
+				roadCount++;
+				break;
+		}
+	}
+	// Calculate population (each residential building houses 50-100 people)
+	population = Math.floor(residentialCount * (50 + Math.random() * 50));
+	// Calculate happiness based on balance of buildings
+	// More parks and roads increase happiness, industry decreases it
+	var totalBuildings = residentialCount + commercialCount + industrialCount;
+	if (totalBuildings > 0) {
+		var parkRatio = parkCount / totalBuildings;
+		var roadRatio = roadCount / totalBuildings;
+		var industrialRatio = industrialCount / totalBuildings;
+		happiness = 50; // Base happiness
+		happiness += Math.floor(parkRatio * 100); // Parks add happiness
+		happiness += Math.floor(roadRatio * 50); // Roads add some happiness
+		happiness -= Math.floor(industrialRatio * 75); // Industry reduces happiness
+		// Ensure happiness is in range 0-100
+		happiness = Math.max(0, Math.min(100, happiness));
+	} else {
+		happiness = 50; // Default happiness
+	}
+	// Update stats display
+	updateStats();
+}
+// Calculate revenue from buildings
+function collectRevenue() {
+	var revenue = 0;
+	// Each building type generates revenue
+	for (var i = 0; i < cityGrid.tiles.length; i++) {
+		var tile = cityGrid.tiles[i];
+		switch (tile.type) {
+			case 'residential':
+				// Revenue based on happiness
+				revenue += Math.floor(10 * (happiness / 100));
+				break;
+			case 'commercial':
+				// Commercial revenue based on population and happiness
+				revenue += Math.floor(20 * (population / 1000) * (happiness / 100));
+				break;
+			case 'industrial':
+				// Industrial revenue is steady but affects happiness
+				revenue += 25;
+				break;
+		}
+	}
+	// Add revenue to money
+	money += revenue;
+	updateStats();
+}
+// Main game update function
+var lastCollectionTime = 0;
+var gameWon = false;
+game.update = function () {
+	gameTime++;
+	// Collect revenue every 10 seconds
+	if (gameTime - lastCollectionTime >= revenueInterval * 60) {
+		// 60 ticks = 1 second
+		collectRevenue();
+		lastCollectionTime = gameTime;
+	}
+	// Update difficulty based on city size
+	if (population > 2000 && revenueInterval > 5) {
+		revenueInterval = 5; // Faster revenue collection
+	}
+};
+// Handle game input
+game.down = function (x, y, obj) {
+	// If we clicked on an empty area, deselect the current tile
+	if (!obj || obj === game) {
+		if (cityGrid.selectedTile) {
+			cityGrid.selectedTile.deselect();
+			cityGrid.selectedTile = null;
+		}
+	}
+};
+// Initialize the game
+initGame();
\ No newline at end of file