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

/**** 
* Classes
****/ 
var ConfirmDialog = Container.expand(function () {
	var self = Container.call(this);
	var confirmText = self.addChild(new Text2('⚠️ ¿Estás seguro?', {
		size: 50,
		fill: 0xFFFFFF
	}));
	confirmText.anchor.set(0.5, 0.5);
	confirmText.y = -30;
	// Add red rectangle asset
	var redRectangle = self.attachAsset('backgroundSquareRed', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 3,
		scaleY: 1.5
	});
	redRectangle.y = 50;
	// Add "Confirmar" text inside the red rectangle
	var rectangleText = redRectangle.addChild(new Text2('Confirmar', {
		size: 45,
		fill: 0xFFFFFF
	}));
	rectangleText.anchor.set(0.5, 0.5);
	var confirmButton = self.attachAsset('resetButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	confirmButton.y = 100;
	var buttonText = confirmButton.addChild(new Text2('✅ CONFIRMAR', {
		size: 40,
		fill: 0xFFFFFF
	}));
	buttonText.anchor.set(0.5, 0.5);
	confirmButton.down = function (x, y, obj) {
		if (self.onConfirm) {
			self.onConfirm();
		}
		darkOverlay.destroy(); // Remove the dark overlay when confirmed
		self.destroy();
	};
	return self;
});
var MoneyButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('moneyButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var moneyText = self.addChild(new Text2('', {
		size: 200,
		fill: 0xFFFFFF
	}));
	moneyText.anchor.set(0.5, 0.5);
	self.down = function (x, y, obj) {
		tween(buttonGraphics, {
			scaleX: 0.9,
			scaleY: 0.9
		}, {
			duration: 50
		});
		LK.getSound('coinClick').play();
		var earned = moneyPerClick;
		money += earned;
		updateMoneyDisplay();
		var particle = new MoneyParticle();
		particle.setValue(earned);
		particle.x = self.x + (Math.random() - 0.5) * 200;
		particle.y = self.y - 100;
		game.addChild(particle);
		moneyParticles.push(particle);
	};
	self.up = function (x, y, obj) {
		tween(buttonGraphics, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 100
		});
	};
	return self;
});
var MoneyParticle = Container.expand(function () {
	var self = Container.call(this);
	// Removed the yellow square asset to display only the number of coins earned per click
	var particleText = self.addChild(new Text2('+$0', {
		size: 60,
		fill: 0xFFFFFF
	}));
	particleText.anchor.set(0.5, 0.5);
	self.lifetime = 60;
	self.velocityY = -8;
	self.setValue = function (value) {
		particleText.setText('$' + formatNumber(value)); // Display the number of coins earned per click with a dollar symbol
	};
	self.update = function () {
		self.y += self.velocityY;
		self.velocityY += 0.3;
		self.lifetime--;
		self.alpha = self.lifetime / 60;
		if (self.lifetime <= 0) {
			self.shouldDestroy = true;
		}
	};
	return self;
});
var MuteButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('muteButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var muteText = self.addChild(new Text2('♪', {
		size: 60,
		fill: 0xFFFFFF
	}));
	muteText.anchor.set(0.5, 0.5);
	self.isMuted = storage.isMuted || false;
	self.updateDisplay = function () {
		if (self.isMuted) {
			muteText.setText('♪');
			buttonGraphics.tint = 0x666666;
		} else {
			muteText.setText('♪');
			buttonGraphics.tint = 0x4CAF50;
		}
	};
	self.down = function (x, y, obj) {
		self.isMuted = !self.isMuted;
		if (self.isMuted) {
			LK.stopMusic();
		} else {
			LK.playMusic('backgroundMusic');
		}
		self.updateDisplay();
		storage.isMuted = self.isMuted;
	};
	self.updateDisplay();
	return self;
});
var ResetButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('resetButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var resetText = self.addChild(new Text2('🔄 REINICIAR', {
		size: 40,
		fill: 0xFFFFFF
	}));
	resetText.anchor.set(0.5, 0.5);
	self.down = function (x, y, obj) {
		// Darken the background
		darkOverlay = LK.getAsset('pixelBlock1', {
			width: 2048,
			height: 2732,
			alpha: 0.5,
			interactive: true
		});
		game.addChild(darkOverlay);
		var confirmDialog = new ConfirmDialog();
		game.addChild(confirmDialog);
		confirmDialog.x = 2048 / 2;
		confirmDialog.y = 2732 / 2;
		confirmDialog.onConfirm = function () {
			darkOverlay.destroy(); // Remove the dark overlay when confirmed
			// Reset money and purchases
			money = 0;
			moneyPerClick = 1;
			autoClickerRate = 0;
			for (var i = 0; i < upgradeButtons.length; i++) {
				upgradeButtons[i].purchased = false;
				upgradeButtons[i].updateDisplay();
				if (upgradeButtons[i].upgradeType === 'click2x') {
					upgradeButtons[i].getChildAt(1).setText('+2 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click8x') {
					upgradeButtons[i].getChildAt(1).setText('+8 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click5x') {
					upgradeButtons[i].getChildAt(1).setText('+5 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click10x') {
					upgradeButtons[i].getChildAt(1).setText('+10 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click50x') {
					upgradeButtons[i].getChildAt(1).setText('+50 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click200x') {
					upgradeButtons[i].getChildAt(1).setText('+200 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click500x') {
					upgradeButtons[i].getChildAt(1).setText('+500 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'auto1') {
					upgradeButtons[i].getChildAt(1).setText('Auto Clicker');
				} else if (upgradeButtons[i].upgradeType === 'auto2') {
					upgradeButtons[i].getChildAt(1).setText('Super Auto');
				}
				upgradeButtons[i].getChildAt(2).setText('$' + formatNumber(upgradeButtons[i].cost)); // Reset the cost text
			}
			// Reset upgrades
			for (var i = 0; i < upgradeData.length; i++) {
				upgradeData[i].cost = upgradeData[i].cost; // Reset cost to initial value
				upgradeData[i].multiplier = upgradeData[i].multiplier; // Reset multiplier to initial value
			}
			updateMoneyDisplay();
			saveGame();
		};
		confirmDialog.onConfirm = function () {
			// Reset money and purchases
			money = 0;
			moneyPerClick = 1;
			autoClickerRate = 0;
			for (var i = 0; i < upgradeButtons.length; i++) {
				upgradeButtons[i].purchased = false;
				upgradeButtons[i].updateDisplay();
				if (upgradeButtons[i].upgradeType === 'click2x') {
					upgradeButtons[i].getChildAt(1).setText('2 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click8x') {
					upgradeButtons[i].getChildAt(1).setText('10 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click5x') {
					upgradeButtons[i].getChildAt(1).setText('5 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click10x') {
					upgradeButtons[i].getChildAt(1).setText('10 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click50x') {
					upgradeButtons[i].getChildAt(1).setText('50 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click200x') {
					upgradeButtons[i].getChildAt(1).setText('200 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'click500x') {
					upgradeButtons[i].getChildAt(1).setText('500 Click Power');
				} else if (upgradeButtons[i].upgradeType === 'auto1') {
					upgradeButtons[i].getChildAt(1).setText('Auto Clicker');
				} else if (upgradeButtons[i].upgradeType === 'auto2') {
					upgradeButtons[i].getChildAt(1).setText('Super Auto');
				}
				upgradeButtons[i].getChildAt(2).setText('$' + formatNumber(upgradeButtons[i].cost)); // Reset the cost text
			}
			// Reset upgrades
			for (var i = 0; i < upgradeData.length; i++) {
				upgradeData[i].cost = upgradeData[i].cost; // Reset cost to initial value
				upgradeData[i].multiplier = upgradeData[i].multiplier; // Reset multiplier to initial value
			}
			updateMoneyDisplay();
			saveGame();
		};
	};
	return self;
});
var UpgradeButton = Container.expand(function () {
	var self = Container.call(this);
	self.upgradeType = '';
	self.cost = 0;
	self.multiplier = 1;
	self.purchased = false;
	var buttonGraphics = self.attachAsset('upgradeButton', {
		anchorX: 0.5,
		anchorY: 0.1
	});
	var titleText = self.addChild(new Text2('Upgrade', {
		size: 40,
		fill: 0xFFFFFF
	}));
	titleText.anchor.set(0.5, 0.5);
	titleText.y = 35;
	var costText = self.addChild(new Text2('$0', {
		size: 40,
		fill: 0xFFFFFF
	}));
	costText.anchor.set(0.5, 0.5);
	costText.y = 90;
	self.setup = function (type, baseCost, mult) {
		self.upgradeType = type;
		self.cost = baseCost;
		self.multiplier = mult;
		if (type === 'click2x') {
			titleText.setText('💰 2 Click Power');
		} else if (type === 'click8x') {
			titleText.setText('🚀 10 Click Power');
		} else if (type === 'click5x') {
			titleText.setText('⭐ 5 Click Power');
		} else if (type === 'click10x') {
			titleText.setText('🔥 10 Click Power');
		} else if (type === 'click50x') {
			titleText.setText('💎 50 Click Power');
		} else if (type === 'click200x') {
			titleText.setText('👑 200 Click Power');
		} else if (type === 'click500x') {
			titleText.setText('🌟 500 Click Power');
		} else if (type === 'auto1') {
			titleText.setText('🤖 Auto Clicker');
		} else if (type === 'auto2') {
			titleText.setText('⚡ Super Auto');
		}
		self.updateDisplay();
	};
	self.updateDisplay = function () {
		costText.setText('$' + formatNumber(self.cost));
		if (money >= self.cost && !self.purchased) {
			buttonGraphics.tint = 0xffffff;
		} else {
			buttonGraphics.tint = 0x666666;
		}
	};
	self.down = function (x, y, obj) {
		if (money >= self.cost && !self.purchased) {
			money -= self.cost;
			self.purchased = true;
			if (self.upgradeType.startsWith('click')) {
				if (self.upgradeType === 'click8x') {
					moneyPerClick += 8;
				} else if (self.upgradeType === 'click10x') {
					moneyPerClick += 10;
				} else if (self.upgradeType === 'click50x') {
					moneyPerClick += 40;
				} else if (self.upgradeType === 'click200x') {
					moneyPerClick += 150;
				} else if (self.upgradeType === 'click500x') {
					moneyPerClick += 300;
				} else {
					moneyPerClick *= self.multiplier;
				}
			} else if (self.upgradeType.startsWith('auto')) {
				if (self.upgradeType === 'auto1') {
					autoClickerRate += 1;
				} else if (self.upgradeType === 'auto2') {
					autoClickerRate += 5;
				}
			}
			LK.getSound('upgrade').play();
			buttonGraphics.tint = 0x4CAF50;
			titleText.setText('✅ COMPRADO');
			costText.setText('');
			updateMoneyDisplay();
			saveGame();
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var darkOverlay; // Define darkOverlay in the global scope
var money = storage.money || 0;
var moneyPerClick = storage.moneyPerClick || 1;
var autoClickerRate = storage.autoClickerRate || 1;
var autoClickerTimer = 0;
var moneyParticles = [];
var moneyDisplay;
var moneyPerClickDisplay;
var autoIncomeDisplay;
var autoClicksDisplay;
var moneyButton;
var upgradeButtons = [];
function formatNumber(num) {
	if (num >= 1000000000) {
		return (num / 1000000000).toFixed(1) + 'B';
	} else if (num >= 1000000) {
		return (num / 1000000).toFixed(1) + 'M';
	} else if (num >= 1000) {
		return (num / 1000).toFixed(1) + 'K';
	}
	return Math.floor(num).toString();
}
function updateMoneyDisplay() {
	moneyDisplay.setText('💰 $' + formatNumber(money));
	moneyPerClickDisplay.setText('💸 Por Click: $' + formatNumber(moneyPerClick));
	for (var i = 0; i < upgradeButtons.length; i++) {
		upgradeButtons[i].updateDisplay();
	}
}
function saveGame() {
	storage.money = money;
	storage.moneyPerClick = moneyPerClick;
	storage.autoClickerRate = autoClickerRate;
}
// Create animated background with more elements
var backgroundElements = [];
// Create more pixelated blocks for richer visual experience
for (var i = 0; i < 8; i++) {
	var pixelBlock = LK.getAsset('pixelBlock1', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.18
	});
	pixelBlock.x = Math.random() * 2048;
	pixelBlock.y = Math.random() * 2732;
	pixelBlock.scaleX = 1 + Math.random() * 0.5;
	pixelBlock.scaleY = pixelBlock.scaleX;
	game.addChildAt(pixelBlock, 0); // Add at bottom layer
	backgroundElements.push(pixelBlock);
}
// Create more variant 2 blocks
for (var i = 0; i < 6; i++) {
	var pixelBlock2 = LK.getAsset('pixelBlock2', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.20
	});
	pixelBlock2.x = Math.random() * 2048;
	pixelBlock2.y = Math.random() * 2732;
	pixelBlock2.scaleX = 0.8 + Math.random() * 0.4;
	pixelBlock2.scaleY = pixelBlock2.scaleX;
	game.addChildAt(pixelBlock2, 0);
	backgroundElements.push(pixelBlock2);
}
// Create more small pixelated blocks
for (var i = 0; i < 5; i++) {
	var pixelBlock3 = LK.getAsset('pixelBlock3', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.22
	});
	pixelBlock3.x = Math.random() * 2048;
	pixelBlock3.y = Math.random() * 2732;
	pixelBlock3.scaleX = 1 + Math.random() * 0.5;
	pixelBlock3.scaleY = pixelBlock3.scaleX;
	game.addChildAt(pixelBlock3, 0);
	backgroundElements.push(pixelBlock3);
}
// Add more floating colorful squares
for (var i = 0; i < 6; i++) {
	var squareVariant = ['backgroundSquare', 'backgroundSquareRed'][i % 2];
	var floatingSquare = LK.getAsset(squareVariant, {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.15
	});
	floatingSquare.x = Math.random() * 2048;
	floatingSquare.y = Math.random() * 2732;
	floatingSquare.scaleX = 0.4 + Math.random() * 0.3;
	floatingSquare.scaleY = floatingSquare.scaleX;
	floatingSquare.rotation = Math.random() * Math.PI;
	game.addChildAt(floatingSquare, 0);
	backgroundElements.push(floatingSquare);
}
// Create money display
moneyDisplay = new Text2('💰 $0', {
	size: 80,
	fill: 0x4CAF50
});
moneyDisplay.anchor.set(0.5, 0);
moneyDisplay.x = 650;
moneyDisplay.y = 150;
game.addChild(moneyDisplay);
// Create money per click display
moneyPerClickDisplay = new Text2('💸 Por Click: $1', {
	size: 40,
	fill: 0xFFFFFF
});
moneyPerClickDisplay.anchor.set(0.5, 0);
moneyPerClickDisplay.x = 650;
moneyPerClickDisplay.y = 250;
game.addChild(moneyPerClickDisplay);
// Create money button
moneyButton = new MoneyButton();
moneyButton.x = 650;
moneyButton.y = 800;
moneyButton.scaleX = 1.6; // Make button 60% larger (20% smaller than previous 100% increase)
moneyButton.scaleY = 1.6; // Make button 60% larger (20% smaller than previous 100% increase)
game.addChild(moneyButton);
// Create upgrade menu title
var upgradeTitle = new Text2('🛒 MEJORAS', {
	size: 60,
	fill: 0xFFFFFF
});
upgradeTitle.anchor.set(0.5, 0);
upgradeTitle.x = 1524;
upgradeTitle.y = 150;
game.addChild(upgradeTitle);
// Create upgrade buttons
var upgradeData = [{
	type: 'click2x',
	cost: 50,
	multiplier: 2
}, {
	type: 'click8x',
	cost: 200,
	multiplier: 8
}, {
	type: 'click50x',
	cost: 1000,
	multiplier: 50
}, {
	type: 'click200x',
	cost: 5000,
	multiplier: 200
}, {
	type: 'click500x',
	cost: 20000,
	multiplier: 500
}];
for (var i = 0; i < upgradeData.length; i++) {
	var upgradeButton = new UpgradeButton();
	upgradeButton.setup(upgradeData[i].type, upgradeData[i].cost, upgradeData[i].multiplier);
	upgradeButton.x = 1524; // Align with the 'UPGRADES' text
	upgradeButton.y = 250 + i * 200; // Position below the 'UPGRADES' text
	upgradeButton.scaleX = 1.0; // Make buttons 50% narrower
	game.addChild(upgradeButton);
	upgradeButtons.push(upgradeButton);
}
// Update displays
updateMoneyDisplay();
// Create mute button
var muteButton = new MuteButton();
muteButton.x = 150;
muteButton.y = 2600;
game.addChild(muteButton);
// Play background music if not muted
if (!muteButton.isMuted) {
	LK.playMusic('backgroundMusic');
}
// Create reset button
var resetButton = new ResetButton();
resetButton.x = 1800;
resetButton.y = 2600;
resetButton.scaleX = 1.0; // Make reset button 120% narrower
game.addChild(resetButton);
// Game update loop
game.update = function () {
	// Auto clicker functionality
	if (autoClickerRate > 0) {
		autoClickerTimer++;
		if (autoClickerTimer >= 12) {
			// 60 ticks per second / 5 = 12 ticks for 5 clicks per second
			autoClickerTimer = 0;
			money += moneyPerClick;
			updateMoneyDisplay();
		}
	}
	// Update particles
	for (var i = moneyParticles.length - 1; i >= 0; i--) {
		var particle = moneyParticles[i];
		if (particle.shouldDestroy) {
			particle.destroy();
			moneyParticles.splice(i, 1);
		}
	}
	// More frequent background animation for dynamic visual experience
	if (LK.ticks % 240 === 0) {
		// Every 4 seconds for more dynamic animation
		for (var i = 0; i < backgroundElements.length; i++) {
			var element = backgroundElements[i];
			var newX = element.x + (Math.random() - 0.5) * 200;
			var newY = element.y + (Math.random() - 0.5) * 150;
			// Keep within bounds
			newX = Math.max(100, Math.min(1948, newX));
			newY = Math.max(100, Math.min(2632, newY));
			tween(element, {
				x: newX,
				y: newY
			}, {
				duration: 3000,
				easing: tween.easeInOut
			});
		}
	}
	// Auto save every 5 seconds
	if (LK.ticks % 300 === 0) {
		saveGame();
	}
};

===================================================================
--- original.js
+++ change.js
@@ -14,8 +14,22 @@
 		fill: 0xFFFFFF
 	}));
 	confirmText.anchor.set(0.5, 0.5);
 	confirmText.y = -30;
+	// Add red rectangle asset
+	var redRectangle = self.attachAsset('backgroundSquareRed', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		scaleX: 3,
+		scaleY: 1.5
+	});
+	redRectangle.y = 50;
+	// Add "Confirmar" text inside the red rectangle
+	var rectangleText = redRectangle.addChild(new Text2('Confirmar', {
+		size: 45,
+		fill: 0xFFFFFF
+	}));
+	rectangleText.anchor.set(0.5, 0.5);
 	var confirmButton = self.attachAsset('resetButton', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});