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

/**** 
* Classes
****/ 
var Arrow = Container.expand(function (direction, column) {
	var self = Container.call(this);
	var arrowGraphic = self.attachAsset('arrow_' + direction, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.direction = direction;
	self.column = column;
	self.speed = baseSpeed + (level - 1) * 2;
	self.hitTested = false;
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});
var HitEffect = Container.expand(function (x, y) {
	var self = Container.call(this);
	var effectGraphic = self.attachAsset('hit_effect', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.3,
		scaleY: 0.3,
		alpha: 0.8
	});
	self.x = x;
	self.y = y;
	// Animate the effect
	tween(effectGraphic, {
		scaleX: 1.5,
		scaleY: 1.5,
		alpha: 0
	}, {
		duration: 300,
		easing: tween.easeOut,
		onFinish: function onFinish() {
			self.destroy();
		}
	});
	return self;
});

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

/**** 
* Game Code
****/ 
// Game constants
var COLUMN_COUNT = 4;
var COLUMN_WIDTH = 2048 / COLUMN_COUNT;
var TARGET_Y = 2400;
var SPAWN_Y = -100;
var HIT_ZONE_HEIGHT = 80;
// Game state
var arrows = [];
var score = 0;
var combo = 0;
var missCount = 0;
var maxMisses = 10;
var gameStarted = false;
var gameState = 'start'; // 'start', 'countdown', 'playing', 'gameover'
var countdownValue = 3;
var countdownTimer = 0;
var arrowSpawnTimer = 0;
var spawnInterval = 45; // frames between arrow spawns
// Health bar system
var healthBar = 50; // Current health (0-100)
var maxHealth = 100;
var healthPerHit = 15; // Health gained per successful hit (increased)
var healthPerMiss = 8; // Health lost per miss (reduced for fairness)
var hitsNeededForNextLevel = 10; // Hits needed to advance level
var currentLevelHits = 0; // Current hits in this level
// Level system
var level = 1;
var baseSpeed = 8;
var baseSpawnInterval = 45;
var scoresPerLevel = [0, 1000, 2500, 5000, 8000, 12000, 17000, 23000, 30000, 40000];
// Direction mapping
var directions = ['left', 'down', 'up', 'right'];
var columnPositions = [];
// Calculate column positions
for (var i = 0; i < COLUMN_COUNT; i++) {
	columnPositions.push(COLUMN_WIDTH * i + COLUMN_WIDTH / 2);
}
// Create target zones
var targetZones = [];
for (var i = 0; i < COLUMN_COUNT; i++) {
	var targetZone = game.addChild(LK.getAsset('target_zone', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.3
	}));
	targetZone.x = columnPositions[i];
	targetZone.y = TARGET_Y;
	targetZones.push(targetZone);
	// Add pulsing animation to target zones
	tween(targetZone, {
		scaleX: 1.1,
		scaleY: 1.1,
		alpha: 0.5
	}, {
		duration: 1000,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			tween(targetZone, {
				scaleX: 1,
				scaleY: 1,
				alpha: 0.3
			}, {
				duration: 1000,
				easing: tween.easeInOut
			});
		}
	});
}
// Create control zones at bottom of screen
var controlZones = [];
// Position control zones at the very bottom for better mobile reach
var controlZoneY = TARGET_Y + 200; // Moved even further down
// Make the control zones much larger for comfortable mobile tapping
var controlZoneWidth = COLUMN_WIDTH * 1.2;
var controlZoneHeight = 500; // Very large height for easy tapping
for (var i = 0; i < COLUMN_COUNT; i++) {
	var controlZone = game.addChild(LK.getAsset('target_zone', {
		anchorX: 0.5,
		anchorY: 0.5,
		// Slightly visible for better feedback
		alpha: 0.15,
		width: controlZoneWidth,
		height: controlZoneHeight
	}));
	controlZone.x = columnPositions[i];
	controlZone.y = controlZoneY;
	controlZone.columnIndex = i;
	// Color coding for visual feedback
	controlZone.tint = i === 0 ? 0xff4757 : i === 1 ? 0x5352ed : i === 2 ? 0x2ed573 : 0xffa502;
	controlZones.push(controlZone);
}
// Add decorative background elements
var backgroundParticles = [];
for (var i = 0; i < 20; i++) {
	var particle = game.addChild(LK.getAsset('hit_effect', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.2,
		scaleY: 0.2,
		alpha: 0.1
	}));
	particle.x = Math.random() * 2048;
	particle.y = Math.random() * 2732;
	particle.speed = 0.5 + Math.random() * 1.5;
	backgroundParticles.push(particle);
}
// UI Elements
var scoreTxt = new Text2('Score: 0', {
	size: 60,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0, 0);
scoreTxt.x = 50;
scoreTxt.y = 50;
LK.gui.topLeft.addChild(scoreTxt);
var comboTxt = new Text2('Combo: 0', {
	size: 50,
	fill: 0xFFD700
});
comboTxt.anchor.set(0.5, 0);
comboTxt.x = 0;
comboTxt.y = 120;
LK.gui.top.addChild(comboTxt);
var levelTxt = new Text2('Level: 1', {
	size: 50,
	fill: 0xFF6B6B
});
levelTxt.anchor.set(1, 0);
levelTxt.x = -50;
levelTxt.y = 50;
LK.gui.topRight.addChild(levelTxt);
// Health bar UI with improved visuals
var healthBarBg = LK.getAsset('target_zone', {
	anchorX: 0.5,
	anchorY: 0.5,
	scaleX: 4,
	scaleY: 0.8,
	alpha: 0.6
});
healthBarBg.tint = 0x333333;
healthBarBg.x = 0;
healthBarBg.y = 150;
LK.gui.top.addChild(healthBarBg);
var healthBarBorder = LK.getAsset('target_zone', {
	anchorX: 0.5,
	anchorY: 0.5,
	scaleX: 4.2,
	scaleY: 1,
	alpha: 0.8
});
healthBarBorder.tint = 0xFFFFFF;
healthBarBorder.x = 0;
healthBarBorder.y = 150;
LK.gui.top.addChild(healthBarBorder);
var healthBarFill = LK.getAsset('target_zone', {
	anchorX: 0,
	anchorY: 0.5,
	scaleX: 2,
	scaleY: 0.6
});
healthBarFill.tint = 0x00FF88;
healthBarFill.x = -280;
healthBarFill.y = 150;
LK.gui.top.addChild(healthBarFill);
var healthTxt = new Text2('HEALTH', {
	size: 45,
	fill: 0xFFFFFF
});
healthTxt.anchor.set(0.5, 0.5);
healthTxt.x = 0;
healthTxt.y = 200;
LK.gui.top.addChild(healthTxt);
var accuracyTxt = new Text2('', {
	size: 80,
	fill: 0xFFFFFF
});
accuracyTxt.anchor.set(0.5, 0.5);
accuracyTxt.x = 0;
accuracyTxt.y = -200;
accuracyTxt.alpha = 0;
LK.gui.center.addChild(accuracyTxt);
// Start screen elements
var startTxt = new Text2('TAP TO START', {
	size: 100,
	fill: 0xFFFFFF
});
startTxt.anchor.set(0.5, 0.5);
startTxt.x = 0;
startTxt.y = 0;
LK.gui.center.addChild(startTxt);
var titleTxt = new Text2('RHYTHM ARROWS', {
	size: 120,
	fill: 0x00FFFF
});
titleTxt.anchor.set(0.5, 0.5);
titleTxt.x = 0;
titleTxt.y = -300;
LK.gui.center.addChild(titleTxt);
var subtitleTxt = new Text2('Hit the arrows in rhythm!', {
	size: 50,
	fill: 0xFFD700
});
subtitleTxt.anchor.set(0.5, 0.5);
subtitleTxt.x = 0;
subtitleTxt.y = 100;
LK.gui.center.addChild(subtitleTxt);
var countdownTxt = new Text2('3', {
	size: 200,
	fill: 0xFFD700
});
countdownTxt.anchor.set(0.5, 0.5);
countdownTxt.x = 0;
countdownTxt.y = 0;
countdownTxt.alpha = 0;
LK.gui.center.addChild(countdownTxt);
// Game over screen elements
var gameOverTxt = new Text2('GAME OVER', {
	size: 100,
	fill: 0xFF0000
});
gameOverTxt.anchor.set(0.5, 0.5);
gameOverTxt.x = 0;
gameOverTxt.y = -200;
gameOverTxt.alpha = 0;
LK.gui.center.addChild(gameOverTxt);
var finalComboTxt = new Text2('', {
	size: 60,
	fill: 0xFFD700
});
finalComboTxt.anchor.set(0.5, 0.5);
finalComboTxt.x = 0;
finalComboTxt.y = -100;
finalComboTxt.alpha = 0;
LK.gui.center.addChild(finalComboTxt);
var finalMissTxt = new Text2('', {
	size: 60,
	fill: 0xFF6B6B
});
finalMissTxt.anchor.set(0.5, 0.5);
finalMissTxt.x = 0;
finalMissTxt.y = -40;
finalMissTxt.alpha = 0;
LK.gui.center.addChild(finalMissTxt);
var restartTxt = new Text2('TAP TO PLAY AGAIN', {
	size: 80,
	fill: 0x00FFFF
});
restartTxt.anchor.set(0.5, 0.5);
restartTxt.x = 0;
restartTxt.y = 100;
restartTxt.alpha = 0;
LK.gui.center.addChild(restartTxt);
// Functions
function spawnArrow() {
	var column = Math.floor(Math.random() * COLUMN_COUNT);
	var direction = directions[column];
	var arrow = new Arrow(direction, column);
	arrow.x = columnPositions[column];
	arrow.y = SPAWN_Y;
	arrows.push(arrow);
	game.addChild(arrow);
}
function checkHit(arrow) {
	var distance = Math.abs(arrow.y - TARGET_Y);
	if (distance <= HIT_ZONE_HEIGHT * 0.8) {
		// Perfect hit - more generous perfect zone
		return 'perfect';
	} else if (distance <= HIT_ZONE_HEIGHT * 3) {
		// Good hit - much more generous good zone
		return 'good';
	}
	return null;
}
function processHit(arrow, accuracy) {
	var points = 0;
	var comboMultiplier = Math.floor(combo / 10) + 1;
	if (accuracy === 'perfect') {
		points = 100 * comboMultiplier;
		LK.getSound('hit_perfect').play();
		showAccuracyText('PERFECT!', 0x00ff00);
		// Extra effect for perfect hits
		LK.effects.flashScreen(0x00ff00, 100);
	} else if (accuracy === 'good') {
		points = 50 * comboMultiplier;
		LK.getSound('hit_good').play();
		showAccuracyText('GOOD', 0xffff00);
	}
	score += points;
	combo++;
	// Increase health bar
	healthBar = Math.min(maxHealth, healthBar + healthPerHit);
	currentLevelHits++;
	// Check if ready for next level
	if (currentLevelHits >= hitsNeededForNextLevel) {
		level++;
		currentLevelHits = 0;
		// Update spawn interval based on level
		spawnInterval = Math.max(15, baseSpawnInterval - (level - 1) * 3);
		// Show level up effect
		showAccuracyText('LEVEL ' + level + '!', 0x00ffff);
		LK.effects.flashScreen(0x00ffff, 500);
	}
	// Create multiple hit effects for high combos
	var effectCount = Math.min(3, Math.floor(combo / 25) + 1);
	for (var i = 0; i < effectCount; i++) {
		LK.setTimeout(function () {
			var effect = new HitEffect(arrow.x + (Math.random() - 0.5) * 50, arrow.y + (Math.random() - 0.5) * 50);
			game.addChild(effect);
		}, i * 50);
	}
	// Animate combo text on milestone combos
	if (combo % 10 === 0 && combo > 0) {
		tween(comboTxt, {
			scaleX: 1.5,
			scaleY: 1.5
		}, {
			duration: 200,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(comboTxt, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 200,
					easing: tween.easeOut
				});
			}
		});
	}
	// Remove arrow
	arrow.destroy();
	var arrowIndex = arrows.indexOf(arrow);
	if (arrowIndex > -1) {
		arrows.splice(arrowIndex, 1);
	}
	updateUI();
}
function processMiss() {
	combo = 0;
	missCount++;
	LK.getSound('miss').play();
	showAccuracyText('MISS', 0xff0000);
	// Flash screen red briefly
	LK.effects.flashScreen(0xff0000, 200);
	// Decrease health bar
	healthBar = Math.max(0, healthBar - healthPerMiss);
	// Check if health bar reached 0
	if (healthBar <= 0) {
		showGameOverScreen();
	}
	updateUI();
}
function showAccuracyText(text, color) {
	accuracyTxt.setText(text);
	accuracyTxt.fill = color;
	accuracyTxt.alpha = 1;
	tween(accuracyTxt, {
		alpha: 0
	}, {
		duration: 1000,
		easing: tween.easeOut
	});
}
function updateUI() {
	scoreTxt.setText('Score: ' + score);
	comboTxt.setText('Combo: ' + combo);
	levelTxt.setText('Level: ' + level);
	// Update health bar with smooth animation
	var healthPercent = healthBar / maxHealth;
	var targetScaleX = 2 * healthPercent;
	// Animate health bar changes smoothly
	tween(healthBarFill, {
		scaleX: targetScaleX
	}, {
		duration: 300,
		easing: tween.easeOut
	});
	// Change color based on health level with smooth transitions
	var targetColor;
	if (healthPercent > 0.7) {
		targetColor = 0x00FF88; // Bright green
	} else if (healthPercent > 0.5) {
		targetColor = 0x88FF00; // Yellow-green
	} else if (healthPercent > 0.3) {
		targetColor = 0xFFAA00; // Orange
	} else {
		targetColor = 0xFF3333; // Bright red
	}
	// Animate color change
	tween(healthBarFill, {
		tint: targetColor
	}, {
		duration: 200,
		easing: tween.easeOut
	});
	// Pulse effect when health is critical
	if (healthPercent <= 0.2) {
		tween(healthBarFill, {
			alpha: 0.3
		}, {
			duration: 300,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				tween(healthBarFill, {
					alpha: 1
				}, {
					duration: 300,
					easing: tween.easeInOut
				});
			}
		});
	}
}
function startCountdown() {
	gameState = 'countdown';
	startTxt.alpha = 0;
	// Fade out title elements
	tween(titleTxt, {
		alpha: 0,
		y: -400
	}, {
		duration: 800,
		easing: tween.easeOut
	});
	tween(subtitleTxt, {
		alpha: 0,
		y: 200
	}, {
		duration: 800,
		easing: tween.easeOut
	});
	countdownTxt.alpha = 1;
	countdownValue = 3;
	countdownTimer = 0;
}
function showCountdownNumber() {
	if (countdownValue > 0) {
		countdownTxt.setText(countdownValue.toString());
		countdownTxt.fill = countdownValue === 3 ? 0xFF0000 : countdownValue === 2 ? 0xFFA500 : 0x00FF00;
	} else {
		countdownTxt.setText('GO!');
		countdownTxt.fill = 0x00FFFF;
	}
	countdownTxt.scaleX = 3;
	countdownTxt.scaleY = 3;
	countdownTxt.rotation = 0.5;
	countdownTxt.alpha = 1;
	// Animate scale down with bounce effect
	tween(countdownTxt, {
		scaleX: 1,
		scaleY: 1,
		rotation: 0
	}, {
		duration: 800,
		easing: tween.bounceOut
	});
	// Animate alpha fade out after scale animation
	LK.setTimeout(function () {
		tween(countdownTxt, {
			alpha: 0
		}, {
			duration: 200,
			easing: tween.easeOut
		});
	}, 600);
}
function restartGame() {
	// Reset all game variables
	score = 0;
	combo = 0;
	missCount = 0;
	level = 1;
	healthBar = 50;
	currentLevelHits = 0;
	arrowSpawnTimer = 0;
	spawnInterval = 45;
	gameState = 'start';
	gameStarted = false;
	// Clear all arrows
	for (var i = arrows.length - 1; i >= 0; i--) {
		arrows[i].destroy();
	}
	arrows = [];
	// Stop music
	LK.stopMusic();
	// Reset UI visibility - show title again
	startTxt.alpha = 1;
	titleTxt.alpha = 1; // Show title again
	titleTxt.y = -300;
	titleTxt.rotation = 0;
	subtitleTxt.alpha = 1;
	subtitleTxt.y = 100;
	countdownTxt.alpha = 0;
	// Properly hide all game over elements
	gameOverTxt.alpha = 0;
	gameOverTxt.scaleX = 1;
	gameOverTxt.scaleY = 1;
	finalComboTxt.alpha = 0;
	finalComboTxt.y = -100;
	finalMissTxt.alpha = 0;
	finalMissTxt.y = -40;
	restartTxt.alpha = 0;
	accuracyTxt.alpha = 0;
	// Stop any active tweens on game over elements
	tween.stop(gameOverTxt);
	tween.stop(finalComboTxt);
	tween.stop(finalMissTxt);
	tween.stop(restartTxt);
	// Update UI
	updateUI();
}
function showGameOverScreen() {
	gameState = 'gameover';
	// Flash screen with dramatic effect
	LK.effects.flashScreen(0x8B0000, 1000);
	// Show game over elements with staggered animations
	gameOverTxt.alpha = 0;
	gameOverTxt.scaleX = 0.1;
	gameOverTxt.scaleY = 0.1;
	tween(gameOverTxt, {
		alpha: 1,
		scaleX: 1.2,
		scaleY: 1.2
	}, {
		duration: 800,
		easing: tween.bounceOut
	});
	// Animate final stats with delay
	LK.setTimeout(function () {
		finalComboTxt.setText('Level Reached: ' + level);
		finalComboTxt.alpha = 0;
		finalComboTxt.y = -50;
		tween(finalComboTxt, {
			alpha: 1,
			y: -100
		}, {
			duration: 600,
			easing: tween.easeOut
		});
	}, 400);
	LK.setTimeout(function () {
		finalMissTxt.setText('Misses: ' + missCount);
		finalMissTxt.alpha = 0;
		finalMissTxt.y = 10;
		tween(finalMissTxt, {
			alpha: 1,
			y: -40
		}, {
			duration: 600,
			easing: tween.easeOut
		});
	}, 800);
	// Remove restart text animation - keep it hidden
	restartTxt.alpha = 0;
}
function handleColumnTap(columnIndex) {
	// Find the closest arrow in the specified column
	var closestArrow = null;
	var closestDistance = Infinity;
	var closestArrowIndex = -1;
	for (var i = 0; i < arrows.length; i++) {
		var arrow = arrows[i];
		if (!arrow.hitTested && arrow.column === columnIndex) {
			var distance = Math.abs(arrow.y - TARGET_Y);
			if (distance < closestDistance) {
				closestDistance = distance;
				closestArrow = arrow;
				closestArrowIndex = i;
			}
		}
	}
	if (closestArrow) {
		// Check if arrow is close enough to the target zone to register a hit
		// Use a larger detection range (150 pixels) to detect arrows approaching the target
		if (closestDistance <= 150) {
			var accuracy = checkHit(closestArrow);
			if (accuracy) {
				// Remove arrow from array and destroy it
				closestArrow.destroy();
				arrows.splice(closestArrowIndex, 1);
				// Process the hit without calling processHit (which also destroys the arrow)
				var points = 0;
				var comboMultiplier = Math.floor(combo / 10) + 1;
				if (accuracy === 'perfect') {
					points = 100 * comboMultiplier;
					LK.getSound('hit_perfect').play();
					showAccuracyText('PERFECT!', 0x00ff00);
					// Extra effect for perfect hits
					LK.effects.flashScreen(0x00ff00, 100);
				} else if (accuracy === 'good') {
					points = 50 * comboMultiplier;
					LK.getSound('hit_good').play();
					showAccuracyText('GOOD', 0xffff00);
				}
				score += points;
				combo++;
				// Increase health bar
				healthBar = Math.min(maxHealth, healthBar + healthPerHit);
				currentLevelHits++;
				// Check if ready for next level
				if (currentLevelHits >= hitsNeededForNextLevel) {
					level++;
					currentLevelHits = 0;
					// Update spawn interval based on level
					spawnInterval = Math.max(15, baseSpawnInterval - (level - 1) * 3);
					// Show level up effect
					showAccuracyText('LEVEL ' + level + '!', 0x00ffff);
					LK.effects.flashScreen(0x00ffff, 500);
				}
				// Create multiple hit effects for high combos
				var effectCount = Math.min(3, Math.floor(combo / 25) + 1);
				for (var i = 0; i < effectCount; i++) {
					LK.setTimeout(function () {
						var effect = new HitEffect(closestArrow.x + (Math.random() - 0.5) * 50, closestArrow.y + (Math.random() - 0.5) * 50);
						game.addChild(effect);
					}, i * 50);
				}
				// Animate combo text on milestone combos
				if (combo % 10 === 0 && combo > 0) {
					tween(comboTxt, {
						scaleX: 1.5,
						scaleY: 1.5
					}, {
						duration: 200,
						easing: tween.easeOut,
						onFinish: function onFinish() {
							tween(comboTxt, {
								scaleX: 1,
								scaleY: 1
							}, {
								duration: 200,
								easing: tween.easeOut
							});
						}
					});
				}
				updateUI();
			} else {
				processMiss();
			}
		} else {
			// Arrow exists but is too far from target zone - count as miss
			processMiss();
		}
	} else {
		// Tapped when no arrow was in range for this column
		processMiss();
	}
}
// Input handling
game.down = function (x, y, obj) {
	if (gameState === 'start') {
		startCountdown();
	} else if (gameState === 'gameover') {
		restartGame();
	} else if (gameState === 'playing') {
		// Determine which column was tapped based on x position
		var tappedColumn = -1;
		for (var i = 0; i < COLUMN_COUNT; i++) {
			var columnLeft = columnPositions[i] - COLUMN_WIDTH / 2;
			var columnRight = columnPositions[i] + COLUMN_WIDTH / 2;
			if (x >= columnLeft && x <= columnRight) {
				tappedColumn = i;
				break;
			}
		}
		if (tappedColumn >= 0) {
			// Enhanced visual feedback for control zone tap
			var controlZone = controlZones[tappedColumn];
			var originalAlpha = controlZone.alpha;
			var originalScale = controlZone.scaleX;
			// Flash and scale effect
			controlZone.alpha = 0.8;
			controlZone.scaleX = originalScale * 1.1;
			controlZone.scaleY = controlZone.scaleY * 1.1;
			tween(controlZone, {
				alpha: originalAlpha,
				scaleX: originalScale,
				scaleY: originalScale
			}, {
				duration: 150,
				easing: tween.easeOut
			});
			// Add ripple effect
			var effect = new HitEffect(controlZone.x, controlZone.y - 50);
			game.addChild(effect);
			handleColumnTap(tappedColumn);
		} else {
			processMiss();
		}
	}
};
// Main game loop
game.update = function () {
	// Animate background particles
	for (var i = 0; i < backgroundParticles.length; i++) {
		var particle = backgroundParticles[i];
		particle.y -= particle.speed;
		particle.rotation += 0.02;
		if (particle.y < -50) {
			particle.y = 2732 + 50;
			particle.x = Math.random() * 2048;
		}
	}
	if (gameState === 'start') {
		// Animate start text with rainbow effect
		startTxt.alpha = 0.7 + 0.3 * Math.sin(LK.ticks * 0.1);
		var colorPhase = LK.ticks * 0.05;
		startTxt.fill = 0xFFFFFF;
		// Animate title with floating effect
		titleTxt.y = -300 + 10 * Math.sin(LK.ticks * 0.08);
		titleTxt.rotation = 0.1 * Math.sin(LK.ticks * 0.06);
		// Animate subtitle
		subtitleTxt.alpha = 0.6 + 0.4 * Math.sin(LK.ticks * 0.12);
		return;
	}
	if (gameState === 'countdown') {
		countdownTimer++;
		if (countdownTimer === 1) {
			showCountdownNumber();
		} else if (countdownTimer >= 60) {
			countdownValue--;
			if (countdownValue > 0) {
				countdownTimer = 0;
				showCountdownNumber();
			} else {
				// Start the game
				gameState = 'playing';
				gameStarted = true;
				countdownTxt.alpha = 0;
				LK.playMusic('background_music');
			}
		}
		return;
	}
	if (gameState === 'gameover') {
		// Keep restart text hidden
		restartTxt.alpha = 0;
		return;
	}
	// Game playing state
	// Spawn arrows
	arrowSpawnTimer++;
	if (arrowSpawnTimer >= spawnInterval) {
		spawnArrow();
		arrowSpawnTimer = 0;
	}
	// Update arrows and check for misses
	for (var i = arrows.length - 1; i >= 0; i--) {
		var arrow = arrows[i];
		// Check if arrow passed the target zone without being hit
		if (!arrow.hitTested && arrow.y > TARGET_Y + HIT_ZONE_HEIGHT) {
			arrow.hitTested = true;
			processMiss();
		}
		// Remove arrows that are off screen
		if (arrow.y > 2732 + 100) {
			arrow.destroy();
			arrows.splice(i, 1);
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -77,10 +77,10 @@
 var spawnInterval = 45; // frames between arrow spawns
 // Health bar system
 var healthBar = 50; // Current health (0-100)
 var maxHealth = 100;
-var healthPerHit = 10; // Health gained per successful hit
-var healthPerMiss = 15; // Health lost per miss
+var healthPerHit = 15; // Health gained per successful hit (increased)
+var healthPerMiss = 8; // Health lost per miss (reduced for fairness)
 var hitsNeededForNextLevel = 10; // Hits needed to advance level
 var currentLevelHits = 0; // Current hits in this level
 // Level system
 var level = 1;
@@ -126,26 +126,26 @@
 	});
 }
 // Create control zones at bottom of screen
 var controlZones = [];
-// Position control zones further down on the screen
-var controlZoneY = TARGET_Y + 100; // Moved down by 100 pixels
-// Make the control zones significantly larger
-var controlZoneWidth = COLUMN_WIDTH;
-var controlZoneHeight = 400; // Increased height for easier tapping
+// Position control zones at the very bottom for better mobile reach
+var controlZoneY = TARGET_Y + 200; // Moved even further down
+// Make the control zones much larger for comfortable mobile tapping
+var controlZoneWidth = COLUMN_WIDTH * 1.2;
+var controlZoneHeight = 500; // Very large height for easy tapping
 for (var i = 0; i < COLUMN_COUNT; i++) {
 	var controlZone = game.addChild(LK.getAsset('target_zone', {
 		anchorX: 0.5,
 		anchorY: 0.5,
-		// Make the control zones transparent
-		alpha: 0.0,
+		// Slightly visible for better feedback
+		alpha: 0.15,
 		width: controlZoneWidth,
 		height: controlZoneHeight
 	}));
 	controlZone.x = columnPositions[i];
 	controlZone.y = controlZoneY;
 	controlZone.columnIndex = i;
-	// Keep the tint for potential visual feedback or debugging, but it won't be visible due to alpha: 0.0
+	// Color coding for visual feedback
 	controlZone.tint = i === 0 ? 0xff4757 : i === 1 ? 0x5352ed : i === 2 ? 0x2ed573 : 0xffa502;
 	controlZones.push(controlZone);
 }
 // Add decorative background elements
@@ -187,36 +187,48 @@
 levelTxt.anchor.set(1, 0);
 levelTxt.x = -50;
 levelTxt.y = 50;
 LK.gui.topRight.addChild(levelTxt);
-// Health bar UI
+// Health bar UI with improved visuals
 var healthBarBg = LK.getAsset('target_zone', {
 	anchorX: 0.5,
 	anchorY: 0.5,
-	scaleX: 3,
-	scaleY: 0.5,
-	alpha: 0.3
+	scaleX: 4,
+	scaleY: 0.8,
+	alpha: 0.6
 });
+healthBarBg.tint = 0x333333;
 healthBarBg.x = 0;
 healthBarBg.y = 150;
 LK.gui.top.addChild(healthBarBg);
+var healthBarBorder = LK.getAsset('target_zone', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	scaleX: 4.2,
+	scaleY: 1,
+	alpha: 0.8
+});
+healthBarBorder.tint = 0xFFFFFF;
+healthBarBorder.x = 0;
+healthBarBorder.y = 150;
+LK.gui.top.addChild(healthBarBorder);
 var healthBarFill = LK.getAsset('target_zone', {
 	anchorX: 0,
 	anchorY: 0.5,
-	scaleX: 1.5,
-	scaleY: 0.4
+	scaleX: 2,
+	scaleY: 0.6
 });
-healthBarFill.tint = 0x00FF00;
-healthBarFill.x = -210;
+healthBarFill.tint = 0x00FF88;
+healthBarFill.x = -280;
 healthBarFill.y = 150;
 LK.gui.top.addChild(healthBarFill);
-var healthTxt = new Text2('Health', {
-	size: 40,
+var healthTxt = new Text2('HEALTH', {
+	size: 45,
 	fill: 0xFFFFFF
 });
 healthTxt.anchor.set(0.5, 0.5);
 healthTxt.x = 0;
-healthTxt.y = 190;
+healthTxt.y = 200;
 LK.gui.top.addChild(healthTxt);
 var accuracyTxt = new Text2('', {
 	size: 80,
 	fill: 0xFFFFFF
@@ -308,14 +320,13 @@
 	game.addChild(arrow);
 }
 function checkHit(arrow) {
 	var distance = Math.abs(arrow.y - TARGET_Y);
-	if (distance <= HIT_ZONE_HEIGHT / 2) {
-		// Perfect hit
+	if (distance <= HIT_ZONE_HEIGHT * 0.8) {
+		// Perfect hit - more generous perfect zone
 		return 'perfect';
-	} else if (distance <= HIT_ZONE_HEIGHT * 2) {
-		// Increased range to 160 pixels
-		// Good hit - expanded range to 120 pixels
+	} else if (distance <= HIT_ZONE_HEIGHT * 3) {
+		// Good hit - much more generous good zone
 		return 'good';
 	}
 	return null;
 }
@@ -412,19 +423,53 @@
 function updateUI() {
 	scoreTxt.setText('Score: ' + score);
 	comboTxt.setText('Combo: ' + combo);
 	levelTxt.setText('Level: ' + level);
-	// Update health bar
+	// Update health bar with smooth animation
 	var healthPercent = healthBar / maxHealth;
-	healthBarFill.scaleX = 1.5 * healthPercent;
-	// Change color based on health level
-	if (healthPercent > 0.6) {
-		healthBarFill.tint = 0x00FF00; // Green
+	var targetScaleX = 2 * healthPercent;
+	// Animate health bar changes smoothly
+	tween(healthBarFill, {
+		scaleX: targetScaleX
+	}, {
+		duration: 300,
+		easing: tween.easeOut
+	});
+	// Change color based on health level with smooth transitions
+	var targetColor;
+	if (healthPercent > 0.7) {
+		targetColor = 0x00FF88; // Bright green
+	} else if (healthPercent > 0.5) {
+		targetColor = 0x88FF00; // Yellow-green
 	} else if (healthPercent > 0.3) {
-		healthBarFill.tint = 0xFFFF00; // Yellow
+		targetColor = 0xFFAA00; // Orange
 	} else {
-		healthBarFill.tint = 0xFF0000; // Red
+		targetColor = 0xFF3333; // Bright red
 	}
+	// Animate color change
+	tween(healthBarFill, {
+		tint: targetColor
+	}, {
+		duration: 200,
+		easing: tween.easeOut
+	});
+	// Pulse effect when health is critical
+	if (healthPercent <= 0.2) {
+		tween(healthBarFill, {
+			alpha: 0.3
+		}, {
+			duration: 300,
+			easing: tween.easeInOut,
+			onFinish: function onFinish() {
+				tween(healthBarFill, {
+					alpha: 1
+				}, {
+					duration: 300,
+					easing: tween.easeInOut
+				});
+			}
+		});
+	}
 }
 function startCountdown() {
 	gameState = 'countdown';
 	startTxt.alpha = 0;
@@ -678,18 +723,27 @@
 				break;
 			}
 		}
 		if (tappedColumn >= 0) {
-			// Visual feedback for control zone tap
+			// Enhanced visual feedback for control zone tap
 			var controlZone = controlZones[tappedColumn];
 			var originalAlpha = controlZone.alpha;
-			controlZone.alpha = 0.6;
+			var originalScale = controlZone.scaleX;
+			// Flash and scale effect
+			controlZone.alpha = 0.8;
+			controlZone.scaleX = originalScale * 1.1;
+			controlZone.scaleY = controlZone.scaleY * 1.1;
 			tween(controlZone, {
-				alpha: originalAlpha
+				alpha: originalAlpha,
+				scaleX: originalScale,
+				scaleY: originalScale
 			}, {
-				duration: 200,
+				duration: 150,
 				easing: tween.easeOut
 			});
+			// Add ripple effect
+			var effect = new HitEffect(controlZone.x, controlZone.y - 50);
+			game.addChild(effect);
 			handleColumnTap(tappedColumn);
 		} else {
 			processMiss();
 		}