===================================================================
--- original.js
+++ change.js
@@ -12,9 +12,17 @@
 	var ballGraphics = self.attachAsset('ball', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	ballGraphics.tint = type === 'splash' ? 0xff3366 : type === 'sniper' ? 0x00ff00 : type === 'scatter' ? 0xffff00 : type === 'smallScatter' ? 0xffff00 : 0xffffff;
+	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
 	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 = {
@@ -96,9 +104,9 @@
 	self.health = 1;
 	self.maxHealth = 1;
 	self.healthText = new Text2(self.health.toString(), {
 		size: 50,
-		fill: 0x000000
+		fill: 0xffffff // White for neon contrast
 	});
 	self.healthText.anchor.set(0.5, 0.5);
 	self.addChild(self.healthText);
 	self.updateTint = function () {
@@ -129,9 +137,9 @@
 /**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game({
-	backgroundColor: 0x3b9c9c
+	backgroundColor: 0x1a1a2e // Dark neon-friendly background
 });
 
 /**** 
 * Game Code
@@ -205,9 +213,28 @@
 var BALL_RADIUS = 50;
 var BRICK_WIDTH = 300;
 var BRICK_HEIGHT = 99;
 var BALL_COST = 50;
-var LEVEL_COLORS = [0xff00ff, 0x00ffcc, 0xccff00, 0xff6600, 0x66ffff, 0xff3366, 0xffcc00, 0x9966ff, 0x33cc33, 0xff0000];
+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 levelConfig = {
 	1: {
 		totalBricks: 30,
 		hitpoints: 1,
@@ -289,13 +316,32 @@
 	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', {
+	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);
 var ballButtons = {};
 function createBallButton(type, x, cost, asset, prevTier) {
 	var button = LK.getAsset('button', {
 		size: 80,
-		fill: 0xFFFFFF,
+		fill: 0x1a1a2e,
+		// Dark base
 		anchorX: 0.5,
 		anchorY: 0,
 		y: 50,
 		x: x
@@ -307,21 +353,27 @@
 		anchorY: -0.5,
 		scaleX: 0.6,
 		scaleY: 0.6,
 		y: -10,
-		tint: type === 'splash' ? 0xff3366 : type === 'sniper' ? 0x00ff00 : type === 'scatter' ? 0xffff00 : 0xffffff
+		tint: type === 'splash' ? 0xff0066 :
+		// Neon Pink
+		type === 'sniper' ? 0x00ff99 :
+		// Neon Mint
+		type === 'scatter' ? 0xffff00 :
+		// Neon Yellow
+		0x00ffff // Neon Cyan
 	});
 	contentContainer.addChild(ballIcon);
 	var typeText = new Text2(type.charAt(0).toUpperCase() + type.slice(1), {
 		size: 30,
-		fill: 0x000000
+		fill: 0xffffff // White for contrast
 	});
 	typeText.anchor.set(0.5, 0);
 	typeText.y = -50;
 	button.addChild(typeText);
 	var costText = new Text2('$' + cost, {
 		size: 50,
-		fill: 0x000000
+		fill: 0x00ffff // Neon Cyan
 	});
 	costText.anchor.set(0.5, 0);
 	costText.y = 100;
 	button.addChild(costText);
@@ -339,12 +391,10 @@
 			updateButtonStates();
 		}
 	};
 	button.updateState = function () {
-		var isEnabled = (prevTier ? unlockedTiers[prevTier] : true) && score >= cost && (type !== 'splash' || balls.some(function (b) {
-			return b.type === 'normal';
-		}));
-		button.tint = isEnabled ? 0xFFFFFF : 0x666666;
+		var isEnabled = (prevTier ? unlockedTiers[prevTier] : true) && score >= cost;
+		button.tint = isEnabled ? 0x00ffff : 0x666666; // Neon Cyan when enabled
 		button.interactive = isEnabled;
 	};
 	hud.addChild(button);
 	ballButtons[type] = button;
@@ -354,17 +404,17 @@
 createBallButton('sniper', -160, upgrades.sniperBallCost, 'sniperBall', 'splash');
 createBallButton('scatter', -40, upgrades.scatterBallCost, 'scatterBall', 'sniper');
 var clearStorageButton = LK.getAsset('button', {
 	size: 80,
-	fill: 0xFFFFFF,
+	fill: 0x1a1a2e,
 	anchorX: 0.5,
 	anchorY: 0,
 	x: scoreTxt.width + 200,
 	y: 0
 });
 var clearStorageText = new Text2('Reset', {
 	size: 50,
-	fill: 0x000000
+	fill: 0xffffff
 });
 clearStorageText.anchor.set(0.5, 0);
 clearStorageText.y = 100;
 clearStorageButton.addChild(clearStorageText);
@@ -380,9 +430,9 @@
 var upgradeButtons = {};
 function createUpgradeButton(labelPrefix, x, costKey, upgradeKey, baseCost, iconType, prevTier) {
 	var button = LK.getAsset('powerupbutton', {
 		size: 150,
-		fill: 0xFFFFFF,
+		fill: 0x1a1a2e,
 		anchorX: 0.5,
 		anchorY: 0,
 		x: x,
 		y: 0
@@ -395,32 +445,39 @@
 			anchorY: 0.5,
 			scaleX: 0.5,
 			scaleY: 0.5,
 			y: 40,
-			tint: iconType === 'splashBall' ? 0xff3366 : iconType === 'sniperBall' ? 0x00ff00 : iconType === 'scatterBall' ? 0xffff00 : 0xcccccc
+			tint: iconType === 'splashBall' ? 0xff0066 : iconType === 'sniperBall' ? 0x00ff99 : iconType === 'scatterBall' ? 0xffff00 : 0x00ffff
 		});
 		contentContainer.addChild(icon);
 	}
 	var labelText = new Text2("".concat(labelPrefix, " x").concat(upgrades[upgradeKey]), {
 		size: 30,
-		fill: 0x000000
+		fill: 0xffffff
 	});
 	labelText.anchor.set(0.5, 0);
 	labelText.y = 100;
 	button.addChild(labelText);
 	var costText = new Text2('$' + (baseCost * upgrades[upgradeKey]).toString(), {
 		size: 40,
-		fill: 0x000000
+		fill: 0x00ffff
 	});
 	costText.anchor.set(0.5, 0);
 	costText.y = 140;
 	button.addChild(costText);
 	button.interactive = true;
 	button.down = function () {
 		var cost = baseCost * upgrades[upgradeKey];
 		var ballType = upgradeKey.split('Speed')[0].split('Power')[0];
-		if (!unlockedTiers[ballType] || score < cost) {
-			return;
+		// Special handling for clickDamage - no tier dependency
+		if (upgradeKey === 'clickDamage') {
+			if (score < cost) {
+				return;
+			}
+		} else {
+			if (!unlockedTiers[ballType] || score < cost) {
+				return;
+			}
 		}
 		score -= cost;
 		upgrades[upgradeKey]++;
 		costText.setText('$' + (baseCost * upgrades[upgradeKey]).toString());
@@ -442,10 +499,10 @@
 		}
 	};
 	button.updateState = function () {
 		var ballType = upgradeKey.split('Speed')[0].split('Power')[0];
-		var isEnabled = (upgradeKey === 'clickDamage' || unlockedTiers[ballType] && (prevTier ? unlockedTiers[prevTier] : true)) && score >= baseCost * upgrades[upgradeKey];
-		button.tint = isEnabled ? 0xFFFFFF : 0x666666;
+		var isEnabled = upgradeKey === 'clickDamage' ? score >= baseCost * upgrades[upgradeKey] : unlockedTiers[ballType] && (prevTier ? unlockedTiers[prevTier] : true) && score >= baseCost * upgrades[upgradeKey];
+		button.tint = isEnabled ? 0x00ffff : 0x666666;
 		button.interactive = isEnabled;
 	};
 	powerupContainer.addChild(button);
 	upgradeButtons[upgradeKey] = button;
@@ -467,38 +524,21 @@
 var upgradeButton = LK.getAsset('upgrade', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: GAME_WIDTH / 2,
-	y: GAME_HEIGHT - 100
+	y: GAME_HEIGHT - 100,
+	tint: 0x00ffff
 });
 var upgradeText = new Text2('UPGRADE', {
 	size: 50,
-	fill: 0x000000
+	fill: 0xffffff
 });
 upgradeText.anchor.set(0.5, 0.5);
 upgradeButton.addChild(upgradeText);
 upgradeButton.down = function () {
 	powerupContainer.visible = !powerupContainer.visible;
 };
 game.addChild(upgradeButton);
-// HUD Setup
-var hud = new Container();
-LK.gui.top.addChild(hud);
-var scoreTxt = new Text2('0', {
-	size: 60,
-	fill: 0x000000
-});
-scoreTxt.anchor.set(0.3, 0);
-scoreTxt.x += 450;
-hud.addChild(scoreTxt);
-var levelTxt = new Text2('Level: ' + level, {
-	size: 60,
-	fill: 0x000000
-});
-levelTxt.anchor.set(1, 0);
-levelTxt.x = scoreTxt.x + 100;
-levelTxt.y = scoreTxt.height + 10;
-hud.addChild(levelTxt);
 // Helper Functions
 function updateButtonStates() {
 	for (var type in ballButtons) {
 		ballButtons[type].updateState();