===================================================================
--- original.js
+++ change.js
@@ -13,17 +13,9 @@
 	var ballGraphics = self.attachAsset('ball', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	ballGraphics.tint = type === 'splash' ? 0xff0066 :
-	// Neon Pink
-	type === 'sniper' ? 0x00ff99 :
-	// Neon Mint
-	type === 'scatter' ? 0xffff00 :
-	// Neon Yellow
-	type === 'smallScatter' ? 0xffff00 :
-	// Neon Yellow
-	0x00ffff; // Neon Cyan
+	ballGraphics.tint = type === 'splash' ? 0xff0066 : type === 'sniper' ? 0x00ff99 : type === 'scatter' ? 0xffff00 : type === 'smallScatter' ? 0xffff00 : 0x00ffff;
 	self.type = type;
 	self.speed = type === 'splash' ? upgrades.splashSpeed : type === 'sniper' ? upgrades.sniperSpeed : type === 'scatter' ? upgrades.scatterSpeed : type === 'smallScatter' ? upgrades.scatterSpeed * 0.8 : upgrades.normalSpeed;
 	self.power = type === 'splash' ? upgrades.splashPower : type === 'sniper' ? upgrades.sniperPower : type === 'scatter' ? upgrades.scatterPower : type === 'smallScatter' ? Math.max(1, Math.floor(upgrades.scatterPower * 0.5)) : upgrades.normalPower;
 	self.direction = {
@@ -105,9 +97,9 @@
 	self.health = 1;
 	self.maxHealth = 1;
 	self.healthText = new Text2(self.health.toString(), {
 		size: 50,
-		fill: 0xffffff // White for neon contrast
+		fill: 0xffffff
 	});
 	self.healthText.anchor.set(0.5, 0.5);
 	self.addChild(self.healthText);
 	self.updateTint = function () {
@@ -119,9 +111,9 @@
 	self.hit = function () {
 		var damage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
 		self.health -= damage;
 		if (self.health <= 0) {
-			score += level === 1 ? 1 : Math.max(1, Math.floor(self.maxHealth * 0.5));
+			score += self.maxHealth; // Points based on initial health
 			scoreTxt.setText('$' + score.toString());
 			storage.score = score;
 			var brickIndex = bricks.indexOf(self);
 			if (brickIndex !== -1) {
@@ -141,9 +133,8 @@
 		anchorY: 0.5
 	});
 	var titleText = new Text2('Idle BrickBreaker', {
 		size: 150,
-		// Increased font size from 100 to 150 
 		fill: 0x000000
 	});
 	titleText.anchor.set(0.5, 0.5);
 	self.addChild(titleText);
@@ -152,9 +143,9 @@
 	var self = Container.call(this);
 	var buttonGraphics = self.attachAsset('resetButton', {
 		anchorX: 0.5,
 		anchorY: 0.5,
-		tint: 0xff6666 // Soft red
+		tint: 0xff6666
 	});
 	var buttonText = new Text2('RESET', {
 		size: 50,
 		fill: 0x000000
@@ -171,9 +162,9 @@
 	var starGraphics = self.attachAsset('star', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	self.speed = Math.random() * 2 + 1; // Random speed for each star
+	self.speed = Math.random() * 2 + 1;
 	self.update = function () {
 		self.y += self.speed;
 		if (self.y > GAME_HEIGHT) {
 			self.y = 0;
@@ -202,48 +193,14 @@
 /**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game({
-	backgroundColor: 0x1a1a2e // Dark neon-friendly background
+	backgroundColor: 0x1a1a2e
 });
 
 /**** 
 * Game Code
 ****/ 
-// Red color for reset button
-// Green color for start button
-function _toConsumableArray2(r) {
-	return _arrayWithoutHoles2(r) || _iterableToArray2(r) || _unsupportedIterableToArray2(r) || _nonIterableSpread2();
-}
-function _nonIterableSpread2() {
-	throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _unsupportedIterableToArray2(r, a) {
-	if (r) {
-		if ("string" == typeof r) {
-			return _arrayLikeToArray2(r, a);
-		}
-		var t = {}.toString.call(r).slice(8, -1);
-		return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray2(r, a) : void 0;
-	}
-}
-function _iterableToArray2(r) {
-	if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) {
-		return Array.from(r);
-	}
-}
-function _arrayWithoutHoles2(r) {
-	if (Array.isArray(r)) {
-		return _arrayLikeToArray2(r);
-	}
-}
-function _arrayLikeToArray2(r, a) {
-	(null == a || a > r.length) && (a = r.length);
-	for (var e = 0, n = Array(a); e < a; e++) {
-		n[e] = r[e];
-	}
-	return n;
-}
 function _toConsumableArray(r) {
 	return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
 function _nonIterableSpread() {
@@ -280,28 +237,9 @@
 var BALL_RADIUS = 50;
 var BRICK_WIDTH = 300;
 var BRICK_HEIGHT = 99;
 var BALL_COST = 50;
-var LEVEL_COLORS = [0xff00ff,
-// Neon Magenta
-0x00ffff,
-// Neon Cyan
-0xffff00,
-// Neon Yellow
-0xff0066,
-// Neon Pink
-0x00ff99,
-// Neon Mint
-0xff33cc,
-// Neon Hot Pink
-0x66ff33,
-// Neon Lime
-0xcc00ff,
-// Neon Purple
-0x33ffcc,
-// Neon Turquoise
-0xff3300 // Neon Orange
-];
+var LEVEL_COLORS = [0xff00ff, 0x00ffff, 0xffff00, 0xff0066, 0x00ff99, 0xff33cc, 0x66ff33, 0xcc00ff, 0x33ffcc, 0xff3300];
 var levelConfig = {
 	1: {
 		totalBricks: 30,
 		hitpoints: 1,
@@ -332,9 +270,9 @@
 		gridSize: 240,
 		pattern: 'sparse'
 	}
 };
-var upgrades = {
+var upgrades = storage.upgrades || {
 	normalSpeed: 1,
 	normalPower: 1,
 	splashSpeed: 1,
 	splashPower: 1,
@@ -359,23 +297,47 @@
 var balls = [];
 var bricks = [];
 var brickGrid = {};
 var score = storage.score || 0;
-var scoreTxt = new Text2('$' + score.toString(), {
-	size: 60,
-	fill: 0x00ffff
-}); // Neon Cyan
-scoreTxt.anchor.set(0.3, 0);
-scoreTxt.x += 450;
-hud.addChild(scoreTxt);
 var level = storage.level || 1;
 var brickGridBounds = null;
 var unlockedTiers = storage.unlockedTiers || {
 	normal: true,
 	splash: false,
 	sniper: false,
 	scatter: false
 };
+// Storage Functions
+function loadBallsFromStorage() {
+	if (storage.balls && Array.isArray(storage.balls)) {
+		balls = storage.balls.map(function (ballData) {
+			var ball = new Ball(ballData.type);
+			ball.x = ballData.x;
+			ball.y = ballData.y;
+			ball.direction = ballData.direction;
+			game.addChild(ball);
+			return ball;
+		});
+	} else {
+		balls = [];
+	}
+}
+function saveBallsToStorage() {
+	storage.balls = balls.map(function (ball) {
+		return {
+			type: ball.type,
+			x: ball.x,
+			y: ball.y,
+			direction: {
+				x: ball.direction.x,
+				y: ball.direction.y
+			}
+		};
+	});
+}
+function saveUpgradesToStorage() {
+	storage.upgrades = Object.assign({}, upgrades);
+}
 function clearLocalStorage() {
 	storage.score = 0;
 	storage.level = 1;
 	storage.unlockedTiers = {
@@ -383,31 +345,54 @@
 		splash: false,
 		sniper: false,
 		scatter: false
 	};
+	storage.upgrades = null;
+	storage.balls = [];
 	score = 0;
 	level = 1;
-	unlockedTiers = Object.assign({}, storage.unlockedTiers);
+	balls = [];
+	upgrades = {
+		normalSpeed: 1,
+		normalPower: 1,
+		splashSpeed: 1,
+		splashPower: 1,
+		sniperSpeed: 1.5,
+		sniperPower: 2,
+		scatterSpeed: 1,
+		scatterPower: 1,
+		clickDamage: 1,
+		normalSpeedCost: 50,
+		normalPowerCost: 75,
+		splashSpeedCost: 50,
+		splashPowerCost: 75,
+		sniperSpeedCost: 75,
+		sniperPowerCost: 100,
+		scatterSpeedCost: 50,
+		scatterPowerCost: 75,
+		clickCost: 25,
+		splashBallCost: 100,
+		sniperBallCost: 150,
+		scatterBallCost: 125
+	};
 	scoreTxt.setText('$' + score.toString());
 	levelTxt.setText('Level: ' + level);
 	updateButtonStates();
 }
 // HUD Setup
 var hud = new Container();
 LK.gui.top.addChild(hud);
-var scoreTxt = new Text2('0', {
+var scoreTxt = new Text2('$' + score, {
 	size: 60,
 	fill: 0x00ffff
-}); // Neon Cyan
+});
 scoreTxt.anchor.set(0.3, 0);
 scoreTxt.x += 450;
-if (hud) {
-	hud.addChild(scoreTxt);
-}
+hud.addChild(scoreTxt);
 var levelTxt = new Text2('Level: ' + level, {
 	size: 60,
 	fill: 0x00ffff
-}); // Neon Cyan
+});
 levelTxt.anchor.set(1, 0);
 levelTxt.x = scoreTxt.x + 100;
 levelTxt.y = scoreTxt.height + 10;
 hud.addChild(levelTxt);
@@ -415,9 +400,8 @@
 function createBallButton(type, x, cost, asset, prevTier) {
 	var button = LK.getAsset('button', {
 		size: 80,
 		fill: 0x1a1a2e,
-		// Dark base
 		anchorX: 0.5,
 		anchorY: 0,
 		y: 50,
 		x: x
@@ -429,27 +413,21 @@
 		anchorY: -0.5,
 		scaleX: 0.6,
 		scaleY: 0.6,
 		y: -10,
-		tint: type === 'splash' ? 0xff0066 :
-		// Neon Pink
-		type === 'sniper' ? 0x00ff99 :
-		// Neon Mint
-		type === 'scatter' ? 0xffff00 :
-		// Neon Yellow
-		0x00ffff // Neon Cyan
+		tint: type === 'splash' ? 0xff0066 : type === 'sniper' ? 0x00ff99 : type === 'scatter' ? 0xffff00 : 0x00ffff
 	});
 	contentContainer.addChild(ballIcon);
 	var typeText = new Text2(type.charAt(0).toUpperCase() + type.slice(1), {
 		size: 30,
-		fill: 0xffffff // White for contrast
+		fill: 0xffffff
 	});
 	typeText.anchor.set(0.5, 0);
 	typeText.y = -50;
 	button.addChild(typeText);
 	var costText = new Text2('$' + cost, {
 		size: 50,
-		fill: 0x00ffff // Neon Cyan
+		fill: 0x00ffff
 	});
 	costText.anchor.set(0.5, 0);
 	costText.y = 100;
 	button.addChild(costText);
@@ -460,21 +438,18 @@
 		}
 		score -= cost;
 		scoreTxt.setText('$' + score.toString());
 		createBall(type);
-		if (!storage.purchasedBalls) {
-			storage.purchasedBalls = [];
-		}
-		storage.purchasedBalls.push(type);
 		if (!unlockedTiers[type]) {
 			unlockedTiers[type] = true;
 			storage.unlockedTiers = Object.assign({}, unlockedTiers);
 			updateButtonStates();
 		}
+		storage.score = score;
 	};
 	button.updateState = function () {
 		var isEnabled = (prevTier ? unlockedTiers[prevTier] : true) && score >= cost;
-		button.tint = isEnabled ? 0x00ffff : 0x666666; // Neon Cyan when enabled
+		button.tint = isEnabled ? 0x00ffff : 0x666666;
 		button.interactive = isEnabled;
 	};
 	hud.addChild(button);
 	ballButtons[type] = button;
@@ -547,9 +522,8 @@
 	button.interactive = true;
 	button.down = function () {
 		var cost = baseCost * upgrades[upgradeKey];
 		var ballType = upgradeKey.split('Speed')[0].split('Power')[0];
-		// Special handling for clickDamage - no tier dependency
 		if (upgradeKey === 'clickDamage') {
 			if (score < cost) {
 				return;
 			}
@@ -559,9 +533,8 @@
 			}
 		}
 		score -= cost;
 		upgrades[upgradeKey]++;
-		storage.upgrades = Object.assign({}, upgrades);
 		costText.setText('$' + (baseCost * upgrades[upgradeKey]).toString());
 		labelText.setText("".concat(labelPrefix, " x").concat(upgrades[upgradeKey]));
 		scoreTxt.setText('$' + score.toString());
 		balls.forEach(function (b) {
@@ -577,8 +550,11 @@
 		});
 		if (upgradeKey === 'clickDamage') {
 			upgrades.clickDamage = upgrades[upgradeKey];
 		}
+		saveUpgradesToStorage();
+		saveBallsToStorage();
+		storage.score = score;
 	};
 	button.updateState = function () {
 		var ballType = upgradeKey.split('Speed')[0].split('Power')[0];
 		var isEnabled = upgradeKey === 'clickDamage' ? score >= baseCost * upgrades[upgradeKey] : unlockedTiers[ballType] && (prevTier ? unlockedTiers[prevTier] : true) && score >= baseCost * upgrades[upgradeKey];
@@ -617,11 +593,10 @@
 upgradeButton.addChild(upgradeText);
 upgradeButton.down = function () {
 	powerupContainer.visible = !powerupContainer.visible;
 };
-upgradeButton.visible = false; // Initially hide upgrade button
+upgradeButton.visible = false;
 game.addChild(upgradeButton);
-// Initially hide top elements
 hud.visible = false;
 // Helper Functions
 function updateButtonStates() {
 	for (var type in ballButtons) {
@@ -670,8 +645,9 @@
 		smallBall.direction.y = Math.sin(angle);
 		balls.push(smallBall);
 		game.addChild(smallBall);
 	}
+	saveBallsToStorage();
 }
 function findNearestBrick(x, y) {
 	if (bricks.length === 0) {
 		return null;
@@ -755,18 +731,18 @@
 			}
 		}
 	}
 	brickGridBounds = {
-		minX: Math.min.apply(Math, _toConsumableArray2(bricks.map(function (b) {
+		minX: Math.min.apply(Math, _toConsumableArray(bricks.map(function (b) {
 			return b.x - BRICK_WIDTH / 2;
 		}))),
-		maxX: Math.max.apply(Math, _toConsumableArray2(bricks.map(function (b) {
+		maxX: Math.max.apply(Math, _toConsumableArray(bricks.map(function (b) {
 			return b.x + BRICK_WIDTH / 2;
 		}))),
-		minY: Math.min.apply(Math, _toConsumableArray2(bricks.map(function (b) {
+		minY: Math.min.apply(Math, _toConsumableArray(bricks.map(function (b) {
 			return b.y - BRICK_HEIGHT / 2;
 		}))),
-		maxY: Math.max.apply(Math, _toConsumableArray2(bricks.map(function (b) {
+		maxY: Math.max.apply(Math, _toConsumableArray(bricks.map(function (b) {
 			return b.y + BRICK_HEIGHT / 2;
 		})))
 	};
 }
@@ -807,8 +783,9 @@
 		}
 	}
 	balls.push(ball);
 	game.addChild(ball);
+	saveBallsToStorage();
 }
 game.update = function () {
 	for (var i = 0; i < stars.length; i++) {
 		stars[i].update();
@@ -818,8 +795,9 @@
 		ball.update();
 		if (ball.y > GAME_HEIGHT + BALL_RADIUS) {
 			ball.destroy();
 			balls.splice(i, 1);
+			saveBallsToStorage();
 		}
 	}
 	if (bricks.length === 0) {
 		if (level === Object.keys(levelConfig).length) {
@@ -845,30 +823,26 @@
 			continue;
 		}
 		if (x >= brick.x - brick.width / 2 && x <= brick.x + brick.width / 2 && y >= brick.y - brick.height / 2 && y <= brick.y + brick.height / 2) {
 			brick.hit(upgrades.clickDamage);
-			score += upgrades.clickDamage;
-			scoreTxt.setText('$' + score.toString());
-			storage.score = score;
 			return;
 		}
 	}
 };
-// Create and add stars to the game background
+// Create and add stars
 var stars = [];
 for (var i = 0; i < 100; i++) {
 	var star = new Star();
 	star.x = Math.random() * GAME_WIDTH;
 	star.y = Math.random() * GAME_HEIGHT;
 	stars.push(star);
-	game.addChildAt(star, 0); // Add stars behind other elements
+	game.addChildAt(star, 0);
 }
 // Initialize game elements
 var gameTitle = new GameTitle();
 gameTitle.x = GAME_WIDTH / 2;
 gameTitle.y = GAME_HEIGHT / 2 - 600;
 game.addChild(gameTitle);
-// Add color and animation to the title
 function animateTitleColor() {
 	tween(gameTitle, {
 		tint: 0xff33cc
 	}, {
@@ -879,9 +853,9 @@
 				tint: 0x00ff99
 			}, {
 				duration: 2000,
 				easing: tween.easeInOut,
-				onFinish: animateTitleColor // Recursively call to keep changing color
+				onFinish: animateTitleColor
 			});
 		}
 	});
 }
@@ -893,10 +867,10 @@
 	easing: tween.bounceOut
 });
 var startButton = new StartButton();
 startButton.x = GAME_WIDTH / 2;
-startButton.y = GAME_HEIGHT / 2 + 300; // Moved 200 pixels down
-startButton.tint = 0x00ff99; // Apply green tint to match game style
+startButton.y = GAME_HEIGHT / 2 + 300;
+startButton.tint = 0x00ff99;
 game.addChild(startButton);
 tween(startButton, {
 	y: startButton.y - 20
 }, {
@@ -932,11 +906,12 @@
 function startGame() {
 	startButton.destroy();
 	gameTitle.destroy();
 	resetButton.visible = false;
-	upgradeButton.visible = true; // Show upgrade button
-	hud.visible = true; // Show top elements
+	upgradeButton.visible = true;
+	hud.visible = true;
 	createBricks();
+	loadBallsFromStorage();
 	updateButtonStates();
 	game.update = function () {
 		for (var i = 0; i < stars.length; i++) {
 			stars[i].update();
@@ -946,8 +921,9 @@
 			ball.update();
 			if (ball.y > GAME_HEIGHT + BALL_RADIUS) {
 				ball.destroy();
 				balls.splice(i, 1);
+				saveBallsToStorage();
 			}
 		}
 		if (bricks.length === 0) {
 			if (level === Object.keys(levelConfig).length) {