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

/**** 
* Classes
****/ 
var MainMenu = Container.expand(function () {
	var self = Container.call(this);
	// Dark overlay background
	self.overlay = self.attachAsset('shadowZone', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 6,
		scaleY: 8,
		alpha: 0.9
	});
	self.overlay.x = 1024;
	self.overlay.y = 1366;
	// Title text
	self.titleText = new Text2('LUZ Y SOMBRA', {
		size: 120,
		fill: 0xFFFFFF
	});
	self.titleText.anchor.set(0.5, 0.5);
	self.titleText.x = 1024;
	self.titleText.y = 800;
	self.addChild(self.titleText);
	// Subtitle
	self.subtitleText = new Text2('Transform between light and shadow\nto restore balance to the world', {
		size: 50,
		fill: 0xCCCCCC
	});
	self.subtitleText.anchor.set(0.5, 0.5);
	self.subtitleText.x = 1024;
	self.subtitleText.y = 1000;
	self.addChild(self.subtitleText);
	// Start button background with cartoon styling
	self.startButton = self.attachAsset('lightZone', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 1.2,
		scaleY: 0.6,
		tint: 0x00FF88
	});
	self.startButton.x = 1024;
	self.startButton.y = 1400;
	// Add cartoon border effect
	self.buttonBorder = self.attachAsset('shadowZone', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 1.25,
		scaleY: 0.65,
		tint: 0x004433,
		alpha: 0.8
	});
	self.buttonBorder.x = 1024;
	self.buttonBorder.y = 1405;
	// Add shadow effect
	self.buttonShadow = self.attachAsset('shadowZone', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 1.22,
		scaleY: 0.62,
		tint: 0x000000,
		alpha: 0.4
	});
	self.buttonShadow.x = 1024;
	self.buttonShadow.y = 1410;
	// Start button text with cartoon styling
	self.startText = new Text2('TAP TO START', {
		size: 64,
		fill: 0x003322
	});
	self.startText.anchor.set(0.5, 0.5);
	self.startText.x = 1024;
	self.startText.y = 1400;
	self.addChild(self.startText);
	// Add text outline effect
	self.startTextOutline = new Text2('TAP TO START', {
		size: 66,
		fill: 0xFFFFFF
	});
	self.startTextOutline.anchor.set(0.5, 0.5);
	self.startTextOutline.x = 1022;
	self.startTextOutline.y = 1398;
	self.addChild(self.startTextOutline);
	// Ensure text is on top of outline
	self.removeChild(self.startText);
	self.addChild(self.startText);
	// Enhanced pulsing animation using tween
	self.startPulse = function () {
		// Scale up animation for button
		tween(self.startButton, {
			scaleX: 1.4,
			scaleY: 0.7
		}, {
			duration: 800,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				// Scale down animation
				tween(self.startButton, {
					scaleX: 1.2,
					scaleY: 0.6
				}, {
					duration: 800,
					easing: tween.easeInOut,
					onFinish: function onFinish() {
						self.startPulse(); // Loop the animation
					}
				});
			}
		});
		// Animate border with slight delay
		tween(self.buttonBorder, {
			scaleX: 1.45,
			scaleY: 0.75
		}, {
			duration: 800,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				tween(self.buttonBorder, {
					scaleX: 1.25,
					scaleY: 0.65
				}, {
					duration: 800,
					easing: tween.easeInOut
				});
			}
		});
		// Animate shadow
		tween(self.buttonShadow, {
			scaleX: 1.42,
			scaleY: 0.72
		}, {
			duration: 800,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				tween(self.buttonShadow, {
					scaleX: 1.22,
					scaleY: 0.62
				}, {
					duration: 800,
					easing: tween.easeInOut
				});
			}
		});
		// Text scale animation
		tween(self.startText, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 800,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				tween(self.startText, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 800,
					easing: tween.easeInOut
				});
			}
		});
		// Text outline animation
		tween(self.startTextOutline, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 800,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				tween(self.startTextOutline, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 800,
					easing: tween.easeInOut
				});
			}
		});
	};
	// Start the pulsing animation
	self.startPulse();
	// Color animation for the text with cartoon colors
	self.colorPulse = function () {
		tween(self.startText, {
			tint: 0x00FF44
		}, {
			duration: 1000,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				tween(self.startText, {
					tint: 0x003322
				}, {
					duration: 1000,
					easing: tween.easeInOut,
					onFinish: function onFinish() {
						self.colorPulse(); // Loop the color animation
					}
				});
			}
		});
		// Color animation for outline
		tween(self.startTextOutline, {
			tint: 0x88FFAA
		}, {
			duration: 1000,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				tween(self.startTextOutline, {
					tint: 0xFFFFFF
				}, {
					duration: 1000,
					easing: tween.easeInOut
				});
			}
		});
	};
	// Start the color animation
	self.colorPulse();
	self.update = function () {
		// Remove old simple pulsing - now using tween animations
	};
	self.down = function (x, y, obj) {
		// Check if click is on start button area
		var buttonDistance = Math.sqrt(Math.pow(x - 1024, 2) + Math.pow(y - 1400, 2));
		if (buttonDistance < 200) {
			self.startGame();
		}
	};
	self.startGame = function () {
		// Remove menu and start game
		self.parent.removeChild(self);
		gameStarted = true;
		// Show all game elements
		grassBackground.visible = true;
		player.visible = true;
		zone1.visible = true;
		zone2.visible = true;
		zone3.visible = true;
		zone4.visible = true;
		platform1.visible = true;
		platform2.visible = true;
		platform3.visible = true;
		platform4.visible = true;
		instructionText.visible = true;
		scoreText.visible = true;
		transformText.visible = true;
	};
	return self;
});
var Platform = Container.expand(function (platformType, platformX, platformY) {
	var self = Container.call(this);
	self.platformType = platformType;
	self.isActive = false;
	var assetType = platformType === 'light' ? 'lightPlatform' : 'shadowPlatform';
	self.graphics = self.attachAsset(assetType, {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.3
	});
	self.x = platformX;
	self.y = platformY;
	self.activate = function () {
		if (!self.isActive) {
			self.isActive = true;
			LK.getSound('activate').play();
			tween(self.graphics, {
				alpha: 1
			}, {
				duration: 500
			});
		}
	};
	self.deactivate = function () {
		if (self.isActive) {
			self.isActive = false;
			tween(self.graphics, {
				alpha: 0.3
			}, {
				duration: 500
			});
		}
	};
	return self;
});
var Player = Container.expand(function () {
	var self = Container.call(this);
	self.isLightForm = true;
	self.speed = 8;
	self.transformCooldown = 0;
	self.lightGraphics = self.attachAsset('lightForm', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.shadowGraphics = self.attachAsset('shadowForm', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0
	});
	self.transform = function () {
		if (self.transformCooldown > 0) return;
		self.isLightForm = !self.isLightForm;
		self.transformCooldown = 30;
		LK.getSound('transform').play();
		if (self.isLightForm) {
			tween(self.lightGraphics, {
				alpha: 1
			}, {
				duration: 300
			});
			tween(self.shadowGraphics, {
				alpha: 0
			}, {
				duration: 300
			});
		} else {
			tween(self.lightGraphics, {
				alpha: 0
			}, {
				duration: 300
			});
			tween(self.shadowGraphics, {
				alpha: 1
			}, {
				duration: 300
			});
		}
	};
	self.update = function () {
		if (self.transformCooldown > 0) {
			self.transformCooldown--;
		}
	};
	return self;
});
var Zone = Container.expand(function (zoneType, zoneX, zoneY) {
	var self = Container.call(this);
	self.zoneType = zoneType;
	self.isCorrupted = true;
	self.healingProgress = 0;
	self.particles = [];
	var assetType = zoneType === 'light' ? 'lightZone' : 'shadowZone';
	if (zoneType === 'light') {
		self.skyBackground = self.attachAsset('skyBlue', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	}
	self.background = self.attachAsset(assetType, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.x = zoneX;
	self.y = zoneY;
	self.createCorruptionParticles = function () {
		for (var i = 0; i < 8; i++) {
			var particle = self.addChild(LK.getAsset('corruptionParticle', {
				anchorX: 0.5,
				anchorY: 0.5
			}));
			particle.x = (Math.random() - 0.5) * 300;
			particle.y = (Math.random() - 0.5) * 300;
			particle.floatSpeed = Math.random() * 2 + 1;
			particle.floatDirection = Math.random() * Math.PI * 2;
			self.particles.push(particle);
		}
	};
	self.heal = function () {
		if (!self.isCorrupted) return;
		self.healingProgress += 2;
		if (self.healingProgress >= 100) {
			self.isCorrupted = false;
			LK.getSound('heal').play();
			for (var i = self.particles.length - 1; i >= 0; i--) {
				var particle = self.particles[i];
				tween(particle, {
					alpha: 0,
					scaleX: 0,
					scaleY: 0
				}, {
					duration: 1000,
					onFinish: function onFinish() {
						if (particle.parent) {
							particle.parent.removeChild(particle);
						}
					}
				});
			}
			self.particles = [];
			tween(self.background, {
				tint: 0x99CC99
			}, {
				duration: 2000
			});
			for (var j = 0; j < 12; j++) {
				var healParticle = self.addChild(LK.getAsset('healingParticle', {
					anchorX: 0.5,
					anchorY: 0.5
				}));
				healParticle.x = (Math.random() - 0.5) * 400;
				healParticle.y = (Math.random() - 0.5) * 400;
				tween(healParticle, {
					y: healParticle.y - 200,
					alpha: 0,
					scaleX: 2,
					scaleY: 2
				}, {
					duration: 2000,
					onFinish: function onFinish() {
						if (healParticle.parent) {
							healParticle.parent.removeChild(healParticle);
						}
					}
				});
			}
			zonesHealed++;
			scoreText.setText('Zones Healed: ' + zonesHealed + '/4');
			if (zonesHealed >= 4) {
				LK.setTimeout(function () {
					LK.showYouWin();
				}, 2000);
			}
		}
	};
	self.update = function () {
		for (var i = 0; i < self.particles.length; i++) {
			var particle = self.particles[i];
			particle.x += Math.cos(particle.floatDirection) * particle.floatSpeed;
			particle.y += Math.sin(particle.floatDirection) * particle.floatSpeed;
			if (Math.abs(particle.x) > 200) {
				particle.floatDirection = Math.PI - particle.floatDirection;
			}
			if (Math.abs(particle.y) > 200) {
				particle.floatDirection = -particle.floatDirection;
			}
		}
	};
	self.createCorruptionParticles();
	return self;
});

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

/**** 
* Game Code
****/ 
var gameStarted = false;
var grassBackground = game.addChild(LK.getAsset('grass', {
	anchorX: 0,
	anchorY: 0
}));
grassBackground.x = 0;
grassBackground.y = 0;
grassBackground.visible = false;
// Create and show main menu
var mainMenu = game.addChild(new MainMenu());
var player = game.addChild(new Player());
player.x = 1024;
player.y = 1366;
player.visible = false;
var zones = [];
var platforms = [];
var zonesHealed = 0;
var zone1 = game.addChild(new Zone('light', 512, 600));
var zone2 = game.addChild(new Zone('shadow', 1536, 600));
var zone3 = game.addChild(new Zone('light', 512, 1800));
var zone4 = game.addChild(new Zone('shadow', 1536, 1800));
zones.push(zone1, zone2, zone3, zone4);
zone1.visible = false;
zone2.visible = false;
zone3.visible = false;
zone4.visible = false;
var platform1 = game.addChild(new Platform('light', 800, 900));
var platform2 = game.addChild(new Platform('shadow', 1248, 900));
var platform3 = game.addChild(new Platform('light', 800, 1500));
var platform4 = game.addChild(new Platform('shadow', 1248, 1500));
platforms.push(platform1, platform2, platform3, platform4);
platform1.visible = false;
platform2.visible = false;
platform3.visible = false;
platform4.visible = false;
var instructionText = new Text2('Tap to move player\nDouble tap to transform\nStand on matching platforms to heal zones', {
	size: 40,
	fill: 0xFFFFFF
});
instructionText.anchor.set(0.5, 0);
LK.gui.top.addChild(instructionText);
instructionText.y = 100;
instructionText.visible = false;
var scoreText = new Text2('Zones Healed: 0/4', {
	size: 50,
	fill: 0xFFFF99
});
scoreText.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreText);
scoreText.y = 200;
scoreText.visible = false;
var transformText = new Text2('', {
	size: 45,
	fill: 0xFF99FF
});
transformText.anchor.set(0.5, 1);
LK.gui.bottom.addChild(transformText);
transformText.visible = false;
var lastTapTime = 0;
var targetX = player.x;
var targetY = player.y;
game.down = function (x, y, obj) {
	if (!gameStarted) {
		return; // Menu will handle its own input
	}
	var currentTime = Date.now();
	if (currentTime - lastTapTime < 300) {
		player.transform();
	} else {
		targetX = x;
		targetY = y;
	}
	lastTapTime = currentTime;
};
game.update = function () {
	if (!gameStarted) {
		return; // Don't update game logic until started
	}
	var dx = targetX - player.x;
	var dy = targetY - player.y;
	var distance = Math.sqrt(dx * dx + dy * dy);
	if (distance > 10) {
		var moveX = dx / distance * player.speed;
		var moveY = dy / distance * player.speed;
		player.x += moveX;
		player.y += moveY;
	}
	for (var i = 0; i < platforms.length; i++) {
		var platform = platforms[i];
		var platformDistance = Math.sqrt(Math.pow(player.x - platform.x, 2) + Math.pow(player.y - platform.y, 2));
		if (platformDistance < 120) {
			if (player.isLightForm && platform.platformType === 'light' || !player.isLightForm && platform.platformType === 'shadow') {
				platform.activate();
			} else {
				platform.deactivate();
			}
		} else {
			platform.deactivate();
		}
	}
	for (var j = 0; j < zones.length; j++) {
		var zone = zones[j];
		if (!zone.isCorrupted) continue;
		var zoneDistance = Math.sqrt(Math.pow(player.x - zone.x, 2) + Math.pow(player.y - zone.y, 2));
		if (zoneDistance < 220) {
			var nearbyPlatform = null;
			for (var k = 0; k < platforms.length; k++) {
				var checkPlatform = platforms[k];
				var platZoneDistance = Math.sqrt(Math.pow(zone.x - checkPlatform.x, 2) + Math.pow(zone.y - checkPlatform.y, 2));
				if (platZoneDistance < 400 && checkPlatform.isActive) {
					var correctForm = zone.zoneType === 'light' && !player.isLightForm || zone.zoneType === 'shadow' && player.isLightForm;
					if (correctForm) {
						nearbyPlatform = checkPlatform;
						break;
					}
				}
			}
			if (nearbyPlatform) {
				zone.heal();
			}
		}
	}
	if (player.isLightForm) {
		transformText.setText('Light Form - Fast Movement');
		transformText.fill = "#FFFF99";
	} else {
		transformText.setText('Shadow Form - Energy Absorption');
		transformText.fill = "#9966FF";
	}
	if (player.transformCooldown > 0) {
		transformText.setText(transformText.text + ' (Cooldown: ' + Math.ceil(player.transformCooldown / 60) + 's)');
	}
};

===================================================================
--- original.js
+++ change.js
@@ -35,29 +35,64 @@
 	self.subtitleText.anchor.set(0.5, 0.5);
 	self.subtitleText.x = 1024;
 	self.subtitleText.y = 1000;
 	self.addChild(self.subtitleText);
-	// Start button background
+	// Start button background with cartoon styling
 	self.startButton = self.attachAsset('lightZone', {
 		anchorX: 0.5,
 		anchorY: 0.5,
 		scaleX: 1.2,
-		scaleY: 0.6
+		scaleY: 0.6,
+		tint: 0x00FF88
 	});
 	self.startButton.x = 1024;
 	self.startButton.y = 1400;
-	// Start button text
+	// Add cartoon border effect
+	self.buttonBorder = self.attachAsset('shadowZone', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		scaleX: 1.25,
+		scaleY: 0.65,
+		tint: 0x004433,
+		alpha: 0.8
+	});
+	self.buttonBorder.x = 1024;
+	self.buttonBorder.y = 1405;
+	// Add shadow effect
+	self.buttonShadow = self.attachAsset('shadowZone', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		scaleX: 1.22,
+		scaleY: 0.62,
+		tint: 0x000000,
+		alpha: 0.4
+	});
+	self.buttonShadow.x = 1024;
+	self.buttonShadow.y = 1410;
+	// Start button text with cartoon styling
 	self.startText = new Text2('TAP TO START', {
-		size: 60,
-		fill: 0x000000
+		size: 64,
+		fill: 0x003322
 	});
 	self.startText.anchor.set(0.5, 0.5);
 	self.startText.x = 1024;
 	self.startText.y = 1400;
 	self.addChild(self.startText);
+	// Add text outline effect
+	self.startTextOutline = new Text2('TAP TO START', {
+		size: 66,
+		fill: 0xFFFFFF
+	});
+	self.startTextOutline.anchor.set(0.5, 0.5);
+	self.startTextOutline.x = 1022;
+	self.startTextOutline.y = 1398;
+	self.addChild(self.startTextOutline);
+	// Ensure text is on top of outline
+	self.removeChild(self.startText);
+	self.addChild(self.startText);
 	// Enhanced pulsing animation using tween
 	self.startPulse = function () {
-		// Scale up animation
+		// Scale up animation for button
 		tween(self.startButton, {
 			scaleX: 1.4,
 			scaleY: 0.7
 		}, {
@@ -76,8 +111,42 @@
 					}
 				});
 			}
 		});
+		// Animate border with slight delay
+		tween(self.buttonBorder, {
+			scaleX: 1.45,
+			scaleY: 0.75
+		}, {
+			duration: 800,
+			easing: tween.easeInOut,
+			onFinish: function onFinish() {
+				tween(self.buttonBorder, {
+					scaleX: 1.25,
+					scaleY: 0.65
+				}, {
+					duration: 800,
+					easing: tween.easeInOut
+				});
+			}
+		});
+		// Animate shadow
+		tween(self.buttonShadow, {
+			scaleX: 1.42,
+			scaleY: 0.72
+		}, {
+			duration: 800,
+			easing: tween.easeInOut,
+			onFinish: function onFinish() {
+				tween(self.buttonShadow, {
+					scaleX: 1.22,
+					scaleY: 0.62
+				}, {
+					duration: 800,
+					easing: tween.easeInOut
+				});
+			}
+		});
 		// Text scale animation
 		tween(self.startText, {
 			scaleX: 1.2,
 			scaleY: 1.2
@@ -93,21 +162,38 @@
 					easing: tween.easeInOut
 				});
 			}
 		});
+		// Text outline animation
+		tween(self.startTextOutline, {
+			scaleX: 1.2,
+			scaleY: 1.2
+		}, {
+			duration: 800,
+			easing: tween.easeInOut,
+			onFinish: function onFinish() {
+				tween(self.startTextOutline, {
+					scaleX: 1.0,
+					scaleY: 1.0
+				}, {
+					duration: 800,
+					easing: tween.easeInOut
+				});
+			}
+		});
 	};
 	// Start the pulsing animation
 	self.startPulse();
-	// Color animation for the text
+	// Color animation for the text with cartoon colors
 	self.colorPulse = function () {
 		tween(self.startText, {
-			tint: 0xFFFF00
+			tint: 0x00FF44
 		}, {
 			duration: 1000,
 			easing: tween.easeInOut,
 			onFinish: function onFinish() {
 				tween(self.startText, {
-					tint: 0x000000
+					tint: 0x003322
 				}, {
 					duration: 1000,
 					easing: tween.easeInOut,
 					onFinish: function onFinish() {
@@ -115,8 +201,23 @@
 					}
 				});
 			}
 		});
+		// Color animation for outline
+		tween(self.startTextOutline, {
+			tint: 0x88FFAA
+		}, {
+			duration: 1000,
+			easing: tween.easeInOut,
+			onFinish: function onFinish() {
+				tween(self.startTextOutline, {
+					tint: 0xFFFFFF
+				}, {
+					duration: 1000,
+					easing: tween.easeInOut
+				});
+			}
+		});
 	};
 	// Start the color animation
 	self.colorPulse();
 	self.update = function () {