===================================================================
--- 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 () {
@@ -141,9 +133,8 @@
 		anchorY: 0.5
 	});
 	var titleText = new Text2('Idle Breakout', {
 		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,16 +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() {
@@ -280,28 +269,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 +302,9 @@
 		gridSize: 240,
 		pattern: 'sparse'
 	}
 };
-var upgrades = {
+var upgrades = storage.upgrades || {
 	normalSpeed: 1,
 	normalPower: 1,
 	splashSpeed: 1,
 	splashPower: 1,
@@ -355,12 +325,12 @@
 	splashBallCost: 100,
 	sniperBallCost: 150,
 	scatterBallCost: 125
 };
-var score = storage.score || 0;
-var balls = [];
+var balls = storage.balls || [];
 var bricks = [];
 var brickGrid = {};
+var score = storage.score || 0;
 var level = storage.level || 1;
 var brickGridBounds = null;
 var unlockedTiers = storage.unlockedTiers || {
 	normal: true,
@@ -370,35 +340,70 @@
 };
 function clearLocalStorage() {
 	storage.score = 0;
 	storage.level = 1;
+	storage.balls = [];
 	storage.unlockedTiers = {
 		normal: true,
 		splash: false,
 		sniper: false,
 		scatter: false
 	};
+	storage.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
+	};
 	score = 0;
 	level = 1;
+	balls = [];
 	unlockedTiers = Object.assign({}, storage.unlockedTiers);
+	upgrades = Object.assign({}, storage.upgrades);
 	scoreTxt.setText('$' + score.toString());
 	levelTxt.setText('Level: ' + level);
+	balls.forEach(function (ball) {
+		return ball.destroy();
+	});
+	bricks.forEach(function (brick) {
+		return brick.destroy();
+	});
+	balls = [];
+	bricks = [];
+	brickGrid = {};
 	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;
 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);
@@ -406,9 +411,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
@@ -420,27 +424,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);
@@ -459,9 +457,9 @@
 		}
 	};
 	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;
@@ -469,25 +467,8 @@
 createBallButton('normal', -400, BALL_COST, 'ball', null);
 createBallButton('splash', -280, upgrades.splashBallCost, 'splashBall', 'normal');
 createBallButton('sniper', -160, upgrades.sniperBallCost, 'sniperBall', 'splash');
 createBallButton('scatter', -40, upgrades.scatterBallCost, 'scatterBall', 'sniper');
-var clearStorageButton = LK.getAsset('button', {
-	size: 80,
-	fill: 0x1a1a2e,
-	anchorX: 0.5,
-	anchorY: 0,
-	x: scoreTxt.width + 200,
-	y: 0
-});
-var clearStorageText = new Text2('Reset', {
-	size: 50,
-	fill: 0xffffff
-});
-clearStorageText.anchor.set(0.5, 0);
-clearStorageText.y = 100;
-clearStorageButton.addChild(clearStorageText);
-clearStorageButton.down = clearLocalStorage;
-hud.addChild(clearStorageButton);
 var powerupContainer = new Container();
 powerupContainer.y = 1800;
 powerupContainer.visible = false;
 game.addChild(powerupContainer);
@@ -534,9 +515,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;
 			}
@@ -603,13 +583,11 @@
 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) {
 		ballButtons[type].updateState();
 	}
@@ -793,8 +771,19 @@
 		}
 	}
 	balls.push(ball);
 	game.addChild(ball);
+	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
+			}
+		};
+	});
 }
 game.update = function () {
 	for (var i = 0; i < stars.length; i++) {
 		stars[i].update();
@@ -817,8 +806,22 @@
 			createBricks();
 		}
 	}
 	updateButtonStates();
+	storage.score = score;
+	storage.level = level;
+	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
+			}
+		};
+	});
+	storage.upgrades = Object.assign({}, upgrades);
 };
 game.down = function (x, y, obj) {
 	if (!bricks || !Array.isArray(bricks)) {
 		return;
@@ -838,23 +841,22 @@
 			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
 	}, {
@@ -865,9 +867,9 @@
 				tint: 0x00ff99
 			}, {
 				duration: 2000,
 				easing: tween.easeInOut,
-				onFinish: animateTitleColor // Recursively call to keep changing color
+				onFinish: animateTitleColor
 			});
 		}
 	});
 }
@@ -879,10 +881,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
 }, {
@@ -918,10 +920,21 @@
 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;
+	if (storage.balls && storage.balls.length > 0) {
+		balls = [];
+		storage.balls.forEach(function (ballData) {
+			var ball = new Ball(ballData.type);
+			ball.x = ballData.x;
+			ball.y = ballData.y;
+			ball.direction = ballData.direction;
+			balls.push(ball);
+			game.addChild(ball);
+		});
+	}
 	createBricks();
 	updateButtonStates();
 	game.update = function () {
 		for (var i = 0; i < stars.length; i++) {
@@ -945,8 +958,22 @@
 				createBricks();
 			}
 		}
 		updateButtonStates();
+		storage.score = score;
+		storage.level = level;
+		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
+				}
+			};
+		});
+		storage.upgrades = Object.assign({}, upgrades);
 	};
 }
 game.update = function () {
 	for (var i = 0; i < stars.length; i++) {