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

/**** 
* Classes
****/ 
var Hand = Container.expand(function () {
	var self = Container.call(this);
	var handGraphics = self.attachAsset('hand', {
		width: 60,
		height: 60,
		color: 0xFFDBB3,
		shape: 'ellipse',
		anchorX: 0.5,
		anchorY: 0.5
	});
	return self;
});
// Game variables
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphicsNormal = self.attachAsset('player', {
		width: 450,
		height: 675,
		anchorX: 0.5,
		anchorY: 0.5
	});
	var playerGraphicsDiscovered = self.attachAsset('player_discovered', {
		width: 450,
		height: 675,
		anchorX: 0.5,
		anchorY: 0.5,
		visible: false
	});
	var playerGraphicsSuccess = self.attachAsset('player_success', {
		width: 450,
		height: 675,
		anchorX: 0.5,
		anchorY: 0.5,
		visible: false
	});
	var playerGraphicsTouchedDistracted = self.attachAsset('player_touched_distracted', {
		width: 450,
		height: 675,
		anchorX: 0.5,
		anchorY: 0.5,
		visible: false
	});
	self.state = 'normal'; // 'normal', 'discovered', 'success'
	self.stateTimer = 0;
	self.setState = function (newState, duration) {
		self.state = newState;
		self.stateTimer = duration || 0;
		// Hide all graphics
		playerGraphicsNormal.visible = false;
		playerGraphicsDiscovered.visible = false;
		playerGraphicsSuccess.visible = false;
		playerGraphicsTouchedDistracted.visible = false;
		// Show appropriate graphic
		if (newState === 'discovered') {
			playerGraphicsDiscovered.visible = true;
		} else if (newState === 'success') {
			playerGraphicsSuccess.visible = true;
		} else if (newState === 'touched_distracted') {
			playerGraphicsTouchedDistracted.visible = true;
		} else {
			playerGraphicsNormal.visible = true;
		}
	};
	self.update = function () {
		if (self.stateTimer > 0) {
			self.stateTimer--;
			if (self.stateTimer <= 0) {
				self.setState('normal');
			}
		}
	};
	// Initialize to normal state
	self.setState('normal');
	return self;
});
var Target = Container.expand(function () {
	var self = Container.call(this);
	// Create both assets but only show one at a time
	var targetGraphicsAlert = self.attachAsset('target', {
		width: 450,
		height: 675,
		anchorX: 0.5,
		anchorY: 0.5
	});
	var targetGraphicsDistracted = self.attachAsset('target_distracted', {
		width: 450,
		height: 675,
		scaleX: 0.95,
		scaleY: 0.95,
		anchorX: 0.5,
		anchorY: 0.5,
		visible: false
	});
	var targetGraphicsCaught = self.attachAsset('target_caught', {
		width: 450,
		height: 675,
		anchorX: 0.5,
		anchorY: 0.5,
		visible: false
	});
	var targetGraphicsTouchedConcentrated = self.attachAsset('target_touched_concentrated', {
		width: 450,
		height: 675,
		anchorX: 0.5,
		anchorY: 0.5,
		visible: false
	});
	var targetGraphicsTouchedDistracted = self.attachAsset('target_touched_distracted', {
		width: 450,
		height: 675,
		scaleX: 0.95,
		scaleY: 0.95,
		anchorX: 0.5,
		anchorY: 0.5,
		visible: false
	});
	self.isDistracted = false; // false = alert state, true = distracted state
	self.state = 'alert'; // 'alert', 'distracted', 'caught'
	self.stateTimer = 0;
	self.maxStateTime = 180; // 3 seconds at 60fps
	self.graceTimer = 0; // Grace period timer after state change
	self.gracePeriod = 6; // 0.1 seconds at 60fps (6 frames)
	self.canDetect = true; // Whether detection is active
	self.tempStateTimer = 0; // Timer for temporary states like 'caught'
	self.setState = function (newState, duration) {
		self.state = newState;
		self.tempStateTimer = duration || 0;
		// Hide all graphics
		targetGraphicsAlert.visible = false;
		targetGraphicsDistracted.visible = false;
		targetGraphicsCaught.visible = false;
		targetGraphicsTouchedConcentrated.visible = false;
		targetGraphicsTouchedDistracted.visible = false;
		// Show appropriate graphic
		if (newState === 'distracted') {
			targetGraphicsDistracted.visible = true;
			self.isDistracted = true;
		} else if (newState === 'caught') {
			targetGraphicsCaught.visible = true;
			self.isDistracted = false;
		} else if (newState === 'touched_concentrated') {
			targetGraphicsTouchedConcentrated.visible = true;
		} else if (newState === 'touched_distracted') {
			targetGraphicsTouchedDistracted.visible = true;
		} else {
			targetGraphicsAlert.visible = true;
			self.isDistracted = false;
		}
	};
	self.update = function () {
		// Handle temporary states like 'caught'
		if (self.tempStateTimer > 0) {
			self.tempStateTimer--;
			if (self.tempStateTimer <= 0) {
				// Return to normal cycle based on previous distracted state
				if (self.isDistracted) {
					self.setState('distracted');
				} else {
					self.setState('alert');
				}
			}
			return;
		}
		// Normal state cycling only when not in temporary state
		if (self.state === 'alert' || self.state === 'distracted') {
			self.stateTimer++;
			if (self.stateTimer >= self.maxStateTime) {
				if (self.isDistracted) {
					self.setState('alert');
					self.graceTimer = self.gracePeriod;
					self.canDetect = false;
				} else {
					self.setState('distracted');
				}
				self.stateTimer = 0;
			}
		}
		// Handle grace period countdown
		if (self.graceTimer > 0) {
			self.graceTimer--;
			if (self.graceTimer <= 0) {
				self.canDetect = true;
			}
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game variables
var score = 0;
var lives = 10;
var gameTime = 3600; // 60 seconds at 60fps
var gameActive = true;
// Add background
var background = game.addChild(LK.getAsset('background', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0
}));
// Create characters
var player = game.addChild(new Player());
player.x = 550; // Left side moved more to the right
player.y = 1366; // Center vertically
var target = game.addChild(new Target());
target.x = 1498; // Right side moved more to the left
target.y = 1366; // Center vertically
// Create hand for mouse cursor
var hand = game.addChild(new Hand());
hand.x = 1024;
hand.y = 1366;
// Create UI elements
var scoreText = new Text2('Toques: 0', {
	size: 120,
	fill: 0xFFFFFF,
	stroke: 0x000000,
	strokeThickness: 4
});
scoreText.anchor.set(0.5, 1);
scoreText.y = -50;
LK.gui.bottom.addChild(scoreText);
var timeText = new Text2('Tiempo: 60', {
	size: 60,
	fill: 0xFFFFFF,
	stroke: 0x000000,
	strokeThickness: 3
});
timeText.anchor.set(1, 0);
timeText.x = -20;
timeText.y = 20;
LK.gui.topRight.addChild(timeText);
// Create lives display
var livesContainer = new Container();
var heartGraphic = LK.getAsset('heart', {
	anchorX: 0.5,
	anchorY: 0.5
});
livesContainer.addChild(heartGraphic);
var livesText = new Text2('x10', {
	size: 50,
	fill: 0xFFFFFF,
	stroke: 0x000000,
	strokeThickness: 2
});
livesText.anchor.set(0, 0.5);
livesText.x = 25;
livesContainer.addChild(livesText);
livesContainer.x = -80;
livesContainer.y = 80;
LK.gui.topRight.addChild(livesContainer);
var instructionText = new Text2('Picale las costillas al demo cuando este distraido', {
	size: 45,
	fill: 0xFFFFFF
});
instructionText.anchor.set(0.5, 0);
instructionText.y = 100;
LK.gui.top.addChild(instructionText);
// Touch detection
function checkTouch() {
	if (!gameActive) return;
	if (hand.intersects(target)) {
		if (target.isDistracted) {
			// Successful touch - target is distracted
			score++;
			scoreText.setText('Toques: ' + score);
			LK.getSound('poke_success').play();
			// Set target to touched_distracted state for 1 second
			target.setState('touched_distracted', 60);
			// Add tween animation for target surprise state
			tween(target, {
				scaleX: 1.2,
				scaleY: 1.2
			}, {
				duration: 200,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					tween(target, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 200,
						easing: tween.easeIn
					});
				}
			});
			// Set player to touched_distracted state for 1 second
			player.setState('touched_distracted', 60);
			// Add tween animation for success state
			tween(player, {
				scaleX: 1.1,
				scaleY: 1.1
			}, {
				duration: 300,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					tween(player, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 300,
						easing: tween.easeIn
					});
				}
			});
		} else if (target.canDetect) {
			// Caught! Target is alert and can detect - lose lives
			lives--;
			livesText.setText('x' + lives);
			if (lives <= 0) {
				endGame();
				return;
			}
			if (score > 0) {
				score = Math.max(0, score - 2);
				scoreText.setText('Toques: ' + score);
			}
			LK.getSound('detected').play();
			LK.effects.flashScreen(0xFF0000, 500);
			// Set target to touched_concentrated state for longer duration (2 seconds)
			target.setState('touched_concentrated', 120);
			// Add longer tween animation for target surprise state when caught
			tween(target, {
				scaleX: 0.8,
				scaleY: 0.8
			}, {
				duration: 400,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					tween(target, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 400,
						easing: tween.easeIn
					});
				}
			});
		}
	}
}
// Game input handling
game.down = function (x, y, obj) {
	if (!gameActive) return;
	// Move hand towards touch point
	hand.x = x;
	hand.y = y;
	checkTouch();
};
game.move = function (x, y, obj) {
	if (!gameActive) return;
	// Move hand with drag
	hand.x = x;
	hand.y = y;
};
function endGame() {
	gameActive = false;
	// Calculate stars based on score
	var stars = 0;
	if (score >= 30) stars = 3;else if (score >= 20) stars = 2;else if (score >= 10) stars = 1;
	LK.setScore(stars * 1000 + score); // Stars worth 1000 points each
	if (stars > 0) {
		LK.getSound('victory').play();
	}
	LK.setTimeout(function () {
		if (stars >= 3) {
			LK.showYouWin();
		} else {
			LK.showGameOver();
		}
	}, 1000);
}
// Main game update
game.update = function () {
	if (!gameActive) return;
	// Update game timer
	gameTime--;
	var seconds = Math.ceil(gameTime / 60);
	timeText.setText('Tiempo: ' + seconds);
	// End game when time runs out
	if (gameTime <= 0) {
		endGame();
		return;
	}
	// Update target character
	target.update();
	// Update player character
	player.update();
};
// Start background music
LK.playMusic('Romantic');

===================================================================
--- original.js
+++ change.js
@@ -205,8 +205,9 @@
 * Game Code
 ****/ 
 // Game variables
 var score = 0;
+var lives = 10;
 var gameTime = 3600; // 60 seconds at 60fps
 var gameActive = true;
 // Add background
 var background = game.addChild(LK.getAsset('background', {
@@ -227,21 +228,45 @@
 hand.x = 1024;
 hand.y = 1366;
 // Create UI elements
 var scoreText = new Text2('Toques: 0', {
-	size: 80,
-	fill: 0xFFFFFF
+	size: 120,
+	fill: 0xFFFFFF,
+	stroke: 0x000000,
+	strokeThickness: 4
 });
-scoreText.anchor.set(0.5, 0);
-LK.gui.top.addChild(scoreText);
+scoreText.anchor.set(0.5, 1);
+scoreText.y = -50;
+LK.gui.bottom.addChild(scoreText);
 var timeText = new Text2('Tiempo: 60', {
 	size: 60,
-	fill: 0xFFFFFF
+	fill: 0xFFFFFF,
+	stroke: 0x000000,
+	strokeThickness: 3
 });
 timeText.anchor.set(1, 0);
 timeText.x = -20;
 timeText.y = 20;
 LK.gui.topRight.addChild(timeText);
+// Create lives display
+var livesContainer = new Container();
+var heartGraphic = LK.getAsset('heart', {
+	anchorX: 0.5,
+	anchorY: 0.5
+});
+livesContainer.addChild(heartGraphic);
+var livesText = new Text2('x10', {
+	size: 50,
+	fill: 0xFFFFFF,
+	stroke: 0x000000,
+	strokeThickness: 2
+});
+livesText.anchor.set(0, 0.5);
+livesText.x = 25;
+livesContainer.addChild(livesText);
+livesContainer.x = -80;
+livesContainer.y = 80;
+LK.gui.topRight.addChild(livesContainer);
 var instructionText = new Text2('Picale las costillas al demo cuando este distraido', {
 	size: 45,
 	fill: 0xFFFFFF
 });
@@ -295,34 +320,40 @@
 					});
 				}
 			});
 		} else if (target.canDetect) {
-			// Caught! Target is alert and can detect - lose points
+			// Caught! Target is alert and can detect - lose lives
+			lives--;
+			livesText.setText('x' + lives);
+			if (lives <= 0) {
+				endGame();
+				return;
+			}
 			if (score > 0) {
 				score = Math.max(0, score - 2);
 				scoreText.setText('Toques: ' + score);
-				LK.getSound('detected').play();
-				LK.effects.flashScreen(0xFF0000, 500);
-				// Set target to touched_concentrated state for 1 second
-				target.setState('touched_concentrated', 60);
-				// Add tween animation for target surprise state when caught
-				tween(target, {
-					scaleX: 0.8,
-					scaleY: 0.8
-				}, {
-					duration: 150,
-					easing: tween.easeOut,
-					onFinish: function onFinish() {
-						tween(target, {
-							scaleX: 1,
-							scaleY: 1
-						}, {
-							duration: 150,
-							easing: tween.easeIn
-						});
-					}
-				});
 			}
+			LK.getSound('detected').play();
+			LK.effects.flashScreen(0xFF0000, 500);
+			// Set target to touched_concentrated state for longer duration (2 seconds)
+			target.setState('touched_concentrated', 120);
+			// Add longer tween animation for target surprise state when caught
+			tween(target, {
+				scaleX: 0.8,
+				scaleY: 0.8
+			}, {
+				duration: 400,
+				easing: tween.easeOut,
+				onFinish: function onFinish() {
+					tween(target, {
+						scaleX: 1,
+						scaleY: 1
+					}, {
+						duration: 400,
+						easing: tween.easeIn
+					});
+				}
+			});
 		}
 	}
 }
 // Game input handling