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

/**** 
* Classes
****/ 
var Button = Container.expand(function (lane) {
	var self = Container.call(this);
	self.lane = lane;
	self.isPressed = false;
	self.buttonGraphics = self.attachAsset('button', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Position at bottom of lane
	self.x = lane * (2048 / 3) + 2048 / 6;
	self.y = 2732 - 200;
	self.down = function (x, y, obj) {
		self.press();
	};
	self.press = function () {
		if (self.isPressed) return;
		self.isPressed = true;
		self.buttonGraphics.alpha = 0.7;
		// Check for notes in this lane
		var hitNote = null;
		var bestDistance = Infinity;
		for (var i = 0; i < notes.length; i++) {
			var note = notes[i];
			if (note.lane === self.lane && !note.hasBeenHit && note.y >= timingLineY) {
				var distance = Math.abs(note.y - self.y);
				if (distance < bestDistance) {
					bestDistance = distance;
					hitNote = note;
				}
			}
		}
		if (hitNote) {
			hitNote.hasBeenHit = true;
			// Calculate points based on timing
			var points = 0;
			var feedbackText = '';
			if (bestDistance <= 150) {
				// Perfect hit - note is on button
				points = 100;
				feedbackText = 'PERFECT';
			} else if (bestDistance <= 250) {
				// Great hit - note is between timing line and button
				points = 50;
				feedbackText = 'GREAT';
			}
			if (points > 0) {
				LK.setScore(LK.getScore() + points);
				scoreTxt.setText(LK.getScore());
				LK.getSound('hit').play();
				// Update combo (hit)
				updateCombo(true);
				// Visual feedback
				LK.effects.flashObject(hitNote, 0xffffff, 200);
				// Create explosion effect at note position
				var explosionColor = feedbackText === 'PERFECT' ? 0xFFD700 : 0x00FFFF;
				createExplosion(hitNote.x, hitNote.y, explosionColor);
				// Show feedback text
				feedbackTxt.setText(feedbackText);
				feedbackTxt.alpha = 1;
				tween(feedbackTxt, {
					alpha: 0
				}, {
					duration: 800
				});
				// Create floating score animation
				var scoreText = new Text2('+' + points, {
					size: 50,
					fill: explosionColor
				});
				scoreText.anchor.set(0.5, 0.5);
				scoreText.x = hitNote.x;
				scoreText.y = hitNote.y;
				scoreText.alpha = 1;
				game.addChild(scoreText);
				// Animate floating score
				tween(scoreText, {
					y: scoreText.y - 150,
					alpha: 0,
					scaleX: 1.5,
					scaleY: 1.5
				}, {
					duration: 1000,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						if (scoreText && scoreText.parent) {
							scoreText.destroy();
						}
					}
				});
				// Special animations for GREAT and PERFECT
				if (feedbackText === 'PERFECT') {
					// Perfect animation: scale up and spin with color change
					var originalScale = self.buttonGraphics.scaleX;
					var originalTint = self.buttonGraphics.tint;
					self.buttonGraphics.tint = 0xFFD700; // Gold color
					tween(self.buttonGraphics, {
						scaleX: originalScale * 1.5,
						scaleY: originalScale * 1.5,
						rotation: Math.PI * 2
					}, {
						duration: 600,
						easing: tween.elasticOut,
						onFinish: function onFinish() {
							tween(self.buttonGraphics, {
								scaleX: originalScale,
								scaleY: originalScale,
								rotation: 0,
								tint: originalTint
							}, {
								duration: 200
							});
						}
					});
					// Create perfect ring animation around button
					var perfectRing = game.addChild(LK.getAsset('button', {
						anchorX: 0.5,
						anchorY: 0.5
					}));
					perfectRing.x = self.x;
					perfectRing.y = self.y;
					perfectRing.tint = 0xFFD700;
					perfectRing.alpha = 0.8;
					perfectRing.scaleX = 0.5;
					perfectRing.scaleY = 0.5;
					// Animate ring expanding outward while fading
					tween(perfectRing, {
						scaleX: 3.0,
						scaleY: 3.0,
						alpha: 0
					}, {
						duration: 800,
						easing: tween.easeOut,
						onFinish: function onFinish() {
							if (perfectRing && perfectRing.parent) {
								perfectRing.destroy();
							}
						}
					});
				} else if (feedbackText === 'GREAT') {
					// Great animation: pulse and glow effect
					var originalScale = self.buttonGraphics.scaleX;
					var originalTint = self.buttonGraphics.tint;
					self.buttonGraphics.tint = 0x00FFFF; // Cyan color
					tween(self.buttonGraphics, {
						scaleX: originalScale * 1.3,
						scaleY: originalScale * 1.3
					}, {
						duration: 300,
						easing: tween.bounceOut,
						onFinish: function onFinish() {
							tween(self.buttonGraphics, {
								scaleX: originalScale,
								scaleY: originalScale,
								tint: originalTint
							}, {
								duration: 300,
								easing: tween.easeOut
							});
						}
					});
				}
				// Remove the note immediately
				hitNote.destroy();
				var noteIndex = notes.indexOf(hitNote);
				if (noteIndex !== -1) {
					notes.splice(noteIndex, 1);
				}
			}
		}
		// Reset button after short delay
		LK.setTimeout(function () {
			self.isPressed = false;
			self.buttonGraphics.alpha = 1.0;
		}, 100);
	};
	return self;
});
var Note = Container.expand(function (lane, type) {
	var self = Container.call(this);
	self.lane = lane;
	self.type = type;
	self.hasBeenHit = false;
	// Set speed and asset based on type
	if (type === 'slow') {
		self.speed = 8;
		self.noteGraphics = self.attachAsset('slowNote', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	} else if (type === 'medium') {
		self.speed = 12;
		self.noteGraphics = self.attachAsset('mediumNote', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	} else if (type === 'fast') {
		self.speed = 16;
		self.noteGraphics = self.attachAsset('fastNote', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	}
	// Position in lane
	self.x = lane * (2048 / 3) + 2048 / 6;
	self.y = 0;
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state management
var gameState = 'menu'; // 'menu', 'playing', or 'gameOver'
var startButton;
var gameOverButton;
var menuStartTime = LK.ticks; // Track when menu started
// Game variables
var notes = [];
var buttons = [];
var maxNotes = 4;
var spawnTimer = 0;
var spawnInterval = 120; // frames between spawns
var timingLineY = 2732 - 500;
var bottomLineY = 2732 - 2; // Position miss line at bottom edge of screen
// Create lane separators
var lane1 = game.addChild(LK.getAsset('lane', {
	anchorX: 0.5,
	anchorY: 0
}));
lane1.x = 2048 / 3;
lane1.y = 0;
lane1.visible = false; // Hide initially
var lane2 = game.addChild(LK.getAsset('lane', {
	anchorX: 0.5,
	anchorY: 0
}));
lane2.x = 2048 / 3 * 2;
lane2.y = 0;
lane2.visible = false; // Hide initially
// Create timing line
var timingLine = game.addChild(LK.getAsset('timingLine', {
	anchorX: 0,
	anchorY: 0.5
}));
timingLine.x = 0;
timingLine.y = timingLineY;
timingLine.visible = false; // Hide initially
// Create bottom line
var bottomLine = game.addChild(LK.getAsset('bottomLine', {
	anchorX: 0,
	anchorY: 0.5
}));
bottomLine.x = 0;
bottomLine.y = bottomLineY;
bottomLine.visible = false; // Hide initially
// Create start menu elements
var titleTxt = new Text2('RHYTHM GAME', {
	size: 120,
	fill: 0xFFFFFF
});
titleTxt.anchor.set(0.5, 0.5);
titleTxt.x = 2048 / 2;
titleTxt.y = 2732 / 2 - 200;
game.addChild(titleTxt);
var startButtonShape = game.addChild(LK.getAsset('button', {
	anchorX: 0.5,
	anchorY: 0.5
}));
startButtonShape.x = 2048 / 2;
startButtonShape.y = 2732 / 2 + 100;
startButtonShape.tint = 0x00AA00;
var startButtonTxt = new Text2('START', {
	size: 60,
	fill: 0xFFFFFF
});
startButtonTxt.anchor.set(0.5, 0.5);
startButtonTxt.x = 2048 / 2;
startButtonTxt.y = 2732 / 2 + 100;
game.addChild(startButtonTxt);
// Create timer display for menu (positioned below and slightly right of start button)
var menuTimerTxt = new Text2('Time: 0:00', {
	size: 40,
	fill: 0xAAAAAA
});
menuTimerTxt.anchor.set(0.5, 0.5);
menuTimerTxt.x = 2048 / 2 + 50; // Slightly to the right
menuTimerTxt.y = 2732 / 2 + 200; // Below the start button
menuTimerTxt.visible = true; // Visible in menu
game.addChild(menuTimerTxt);
// Create start button handler
startButton = {
	shape: startButtonShape,
	text: startButtonTxt,
	down: function down(x, y, obj) {
		this.startGame();
	},
	startGame: function startGame() {
		// Hide menu elements
		titleTxt.visible = false;
		this.shape.visible = false;
		this.text.visible = false;
		menuTimerTxt.visible = false;
		// Show game elements
		timerTxt.visible = true;
		scoreTxt.visible = true;
		timingLine.visible = true;
		bottomLine.visible = true;
		lane1.visible = true;
		lane2.visible = true;
		// Create game buttons
		for (var i = 0; i < 3; i++) {
			var button = new Button(i);
			buttons.push(button);
			game.addChild(button);
		}
		// Start the game
		gameState = 'playing';
		timeRemaining = 60;
		comboCount = 0;
		comboTxt.visible = false;
		LK.setScore(0);
		scoreTxt.setText('0');
		timerTxt.setText('60');
	}
};
// Initially hide game elements
var gameElements = [];
// Create countdown timer
var timeRemaining = 60;
// Create timer display above score
var timerTxt = new Text2('60', {
	size: 80,
	fill: 0xFFFFFF
});
timerTxt.anchor.set(0.5, 0.5);
timerTxt.x = 2048 / 2;
timerTxt.y = 2732 / 2 - 300;
timerTxt.visible = false; // Hide initially
game.addChild(timerTxt);
// Create score display in center of game area
var scoreTxt = new Text2('0', {
	size: 100,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0.5);
scoreTxt.x = 2048 / 2;
scoreTxt.y = 2732 / 2 - 200;
scoreTxt.visible = false; // Hide initially
game.addChild(scoreTxt);
// Create feedback text display
var feedbackTxt = new Text2('', {
	size: 80,
	fill: 0xFFFFFF
});
feedbackTxt.anchor.set(0.5, 0.5);
LK.gui.center.addChild(feedbackTxt);
feedbackTxt.alpha = 0;
// Create combo display
var comboTxt = new Text2('', {
	size: 60,
	fill: 0xFFD700
});
comboTxt.anchor.set(0.5, 0.5);
comboTxt.x = 2048 / 2;
comboTxt.y = 2732 / 2 - 100;
comboTxt.visible = false;
game.addChild(comboTxt);
// Create game over menu elements
var gameOverTxt = new Text2('GAME OVER', {
	size: 120,
	fill: 0xFF0000
});
gameOverTxt.anchor.set(0.5, 0.5);
gameOverTxt.x = 2048 / 2;
gameOverTxt.y = 2732 / 2 - 300;
gameOverTxt.visible = false;
game.addChild(gameOverTxt);
var finalScoreTxt = new Text2('', {
	size: 80,
	fill: 0xFFFFFF
});
finalScoreTxt.anchor.set(0.5, 0.5);
finalScoreTxt.x = 2048 / 2;
finalScoreTxt.y = 2732 / 2 - 150;
finalScoreTxt.visible = false;
game.addChild(finalScoreTxt);
var restartButtonShape = game.addChild(LK.getAsset('button', {
	anchorX: 0.5,
	anchorY: 0.5
}));
restartButtonShape.x = 2048 / 2;
restartButtonShape.y = 2732 / 2 + 100;
restartButtonShape.tint = 0x0066CC;
restartButtonShape.visible = false;
var restartButtonTxt = new Text2('RESTART', {
	size: 60,
	fill: 0xFFFFFF
});
restartButtonTxt.anchor.set(0.5, 0.5);
restartButtonTxt.x = 2048 / 2;
restartButtonTxt.y = 2732 / 2 + 100;
restartButtonTxt.visible = false;
game.addChild(restartButtonTxt);
// Create restart button handler
gameOverButton = {
	shape: restartButtonShape,
	text: restartButtonTxt,
	down: function down(x, y, obj) {
		this.restartGame();
	},
	restartGame: function restartGame() {
		// Hide game over elements
		gameOverTxt.visible = false;
		finalScoreTxt.visible = false;
		this.shape.visible = false;
		this.text.visible = false;
		// Show menu elements
		titleTxt.visible = true;
		startButton.shape.visible = true;
		startButton.text.visible = true;
		menuTimerTxt.visible = true;
		// Reset game state to menu
		gameState = 'menu';
		// Clear existing notes and buttons
		for (var i = notes.length - 1; i >= 0; i--) {
			notes[i].destroy();
			notes.splice(i, 1);
		}
		for (var i = buttons.length - 1; i >= 0; i--) {
			buttons[i].destroy();
			buttons.splice(i, 1);
		}
		// Show game elements
		timerTxt.visible = true;
		scoreTxt.visible = true;
		timingLine.visible = true;
		bottomLine.visible = true;
		lane1.visible = true;
		lane2.visible = true;
		// Create game buttons
		for (var i = 0; i < 3; i++) {
			var button = new Button(i);
			buttons.push(button);
			game.addChild(button);
		}
		// Reset game state
		gameState = 'playing';
		timeRemaining = 60;
		spawnTimer = 0;
		spawnInterval = 120;
		comboCount = 0;
		comboTxt.visible = false;
		LK.setScore(0);
		scoreTxt.setText('0');
		timerTxt.setText('60');
	}
};
// Create explosion animation function
function createExplosion(x, y, color, particleCount, maxDistance) {
	var numParticles = particleCount || 8;
	var maxDist = maxDistance || 150;
	var particles = [];
	for (var i = 0; i < numParticles; i++) {
		// Create particle using small ellipse shape
		var particle = game.addChild(LK.getAsset('fastNote', {
			anchorX: 0.5,
			anchorY: 0.5
		}));
		particle.x = x;
		particle.y = y;
		particle.tint = color || 0xFFFFFF;
		particle.scaleX = 0.2 + Math.random() * 0.3;
		particle.scaleY = 0.2 + Math.random() * 0.3;
		particles.push(particle);
		// Calculate random direction for each particle
		var angle = i / numParticles * Math.PI * 2 + (Math.random() - 0.5) * 0.8;
		var distance = 50 + Math.random() * maxDist;
		var targetX = x + Math.cos(angle) * distance;
		var targetY = y + Math.sin(angle) * distance;
		// Add rotation to particles
		var rotationSpeed = (Math.random() - 0.5) * Math.PI * 4;
		// Animate particle outward and fade out
		tween(particle, {
			x: targetX,
			y: targetY,
			scaleX: 0,
			scaleY: 0,
			alpha: 0,
			rotation: particle.rotation + rotationSpeed
		}, {
			duration: 400 + Math.random() * 600,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				if (particle && particle.parent) {
					particle.destroy();
				}
			}
		});
	}
}
// Create screen shake effect
function shakeScreen(intensity, duration) {
	var originalX = game.x;
	var originalY = game.y;
	var shakeStartTime = LK.ticks;
	var shakeDuration = duration || 300;
	var shakeIntensity = intensity || 20;
	// Create shake animation
	function shakeUpdate() {
		var elapsed = LK.ticks - shakeStartTime;
		if (elapsed < shakeDuration) {
			var progress = elapsed / shakeDuration;
			var currentIntensity = shakeIntensity * (1 - progress);
			game.x = originalX + (Math.random() - 0.5) * currentIntensity * 2;
			game.y = originalY + (Math.random() - 0.5) * currentIntensity * 2;
			LK.setTimeout(shakeUpdate, 16); // ~60fps
		} else {
			game.x = originalX;
			game.y = originalY;
		}
	}
	shakeUpdate();
}
// Create combo streak effects
var comboCount = 0;
var lastHitTime = 0;
function updateCombo(isHit) {
	if (isHit) {
		var currentTime = LK.ticks;
		if (currentTime - lastHitTime < 180) {
			// Within 3 seconds
			comboCount++;
		} else {
			comboCount = 1;
		}
		lastHitTime = currentTime;
		// Update combo display
		if (comboCount >= 2) {
			comboTxt.setText('COMBO x' + comboCount);
			comboTxt.visible = true;
			comboTxt.alpha = 1;
			// Pulse effect for combo display
			tween(comboTxt, {
				scaleX: 1.2,
				scaleY: 1.2
			}, {
				duration: 150,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					tween(comboTxt, {
						scaleX: 1.0,
						scaleY: 1.0
					}, {
						duration: 150,
						easing: tween.easeOut
					});
				}
			});
		} else {
			comboTxt.visible = false;
		}
		// Show combo effects for streaks
		if (comboCount >= 5 && comboCount % 5 === 0) {
			// Create combo burst text
			var comboText = new Text2('COMBO x' + comboCount, {
				size: 80,
				fill: 0xFFD700
			});
			comboText.anchor.set(0.5, 0.5);
			comboText.x = 2048 / 2;
			comboText.y = 2732 / 2 + 100;
			comboText.alpha = 0;
			game.addChild(comboText);
			// Animate combo text
			tween(comboText, {
				alpha: 1,
				scaleX: 2.0,
				scaleY: 2.0
			}, {
				duration: 300,
				easing: tween.bounceOut,
				onFinish: function onFinish() {
					tween(comboText, {
						alpha: 0,
						y: comboText.y - 100,
						scaleX: 1.0,
						scaleY: 1.0
					}, {
						duration: 500,
						onFinish: function onFinish() {
							if (comboText && comboText.parent) {
								comboText.destroy();
							}
						}
					});
				}
			});
			// Create enhanced combo explosion effect
			createExplosion(2048 / 2, 2732 / 2, 0xFFD700, 12, 200);
		}
	} else {
		comboCount = 0;
		comboTxt.visible = false;
	}
}
// Spawn note function
function spawnNote() {
	if (notes.length >= maxNotes) return;
	var lane = Math.floor(Math.random() * 3);
	var noteTypes = ['slow', 'medium', 'fast'];
	var type = noteTypes[Math.floor(Math.random() * noteTypes.length)];
	var note = new Note(lane, type);
	notes.push(note);
	game.addChild(note);
}
// Handle clicks for start button
game.down = function (x, y, obj) {
	if (gameState === 'menu') {
		// Check if click is on start button
		var dx = x - startButton.shape.x;
		var dy = y - startButton.shape.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance <= 150) {
			// Button radius
			startButton.down(x, y, obj);
		}
	} else if (gameState === 'gameOver') {
		// Check if click is on restart button
		var dx = x - gameOverButton.shape.x;
		var dy = y - gameOverButton.shape.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance <= 150) {
			// Button radius
			gameOverButton.down(x, y, obj);
		}
	}
};
game.update = function () {
	// Update menu timer when in menu state
	if (gameState === 'menu') {
		var elapsedTicks = LK.ticks - menuStartTime;
		var elapsedSeconds = Math.floor(elapsedTicks / 60);
		var minutes = Math.floor(elapsedSeconds / 60);
		var seconds = elapsedSeconds % 60;
		var timeString = minutes + ':' + (seconds < 10 ? '0' : '') + seconds;
		menuTimerTxt.setText('Time: ' + timeString);
		return;
	}
	// Only update game logic when playing
	if (gameState !== 'playing') {
		return;
	}
	// Add breathing effect to timing line
	if (timingLine.visible) {
		var breathe = Math.sin(LK.ticks * 0.1) * 0.1 + 1;
		timingLine.scaleY = breathe;
		timingLine.alpha = 0.7 + Math.sin(LK.ticks * 0.05) * 0.3;
	}
	// Add subtle glow effect to buttons
	for (var b = 0; b < buttons.length; b++) {
		if (buttons[b] && buttons[b].buttonGraphics) {
			var glow = Math.sin(LK.ticks * 0.08 + b) * 0.1 + 0.9;
			buttons[b].buttonGraphics.alpha = buttons[b].isPressed ? 0.7 : glow;
		}
	}
	// Update timer - countdown every second (60 frames)
	if (LK.ticks % 60 === 0 && timeRemaining > 0) {
		timeRemaining--;
		timerTxt.setText(timeRemaining.toString());
	}
	// Check for game over when timer reaches 0
	if (timeRemaining <= 0 && gameState === 'playing') {
		gameState = 'gameOver';
		// Hide game elements
		timerTxt.visible = false;
		scoreTxt.visible = false;
		timingLine.visible = false;
		bottomLine.visible = false;
		lane1.visible = false;
		lane2.visible = false;
		// Hide buttons
		for (var i = 0; i < buttons.length; i++) {
			buttons[i].visible = false;
		}
		// Show game over menu
		gameOverTxt.visible = true;
		finalScoreTxt.setText('Final Score: ' + LK.getScore());
		finalScoreTxt.visible = true;
		gameOverButton.shape.visible = true;
		gameOverButton.text.visible = true;
	}
	// Spawn notes
	spawnTimer++;
	if (spawnTimer >= spawnInterval) {
		spawnNote();
		spawnTimer = 0;
		// Gradually increase spawn rate
		if (spawnInterval > 60) {
			spawnInterval = Math.max(60, spawnInterval - 1);
		}
	}
	// Update and check notes
	for (var i = notes.length - 1; i >= 0; i--) {
		var note = notes[i];
		// Add subtle pulsing effect to notes as they approach timing line
		var distanceToTimingLine = Math.abs(note.y - timingLineY);
		if (distanceToTimingLine < 300) {
			var pulseIntensity = 1 + (300 - distanceToTimingLine) / 300 * 0.3;
			note.noteGraphics.scaleX = pulseIntensity;
			note.noteGraphics.scaleY = pulseIntensity;
		}
		// Check if note reached bottom line (missed)
		if (note.y >= bottomLineY && !note.hasBeenHit) {
			LK.getSound('miss').play();
			// Create red explosion effect for missed notes
			createExplosion(note.x, note.y, 0xFF0000);
			// Add screen shake for missed notes
			shakeScreen(15, 200);
			// Update combo (miss)
			updateCombo(false);
			// Show missed feedback text
			feedbackTxt.setText('MISSED');
			feedbackTxt.alpha = 1;
			tween(feedbackTxt, {
				alpha: 0
			}, {
				duration: 800
			});
			note.destroy();
			notes.splice(i, 1);
			continue;
		}
		// Remove notes that went off screen or were hit
		if (note.y > 2732 + 100 || note.hasBeenHit) {
			if (note.hasBeenHit) {
				// Small delay before removing hit notes for visual feedback
				LK.setTimeout(function (noteToRemove, index) {
					return function () {
						if (noteToRemove && noteToRemove.parent) {
							noteToRemove.destroy();
						}
						var noteIndex = notes.indexOf(noteToRemove);
						if (noteIndex !== -1) {
							notes.splice(noteIndex, 1);
						}
					};
				}(note, i), 200);
			} else {
				note.destroy();
				notes.splice(i, 1);
			}
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -230,8 +230,9 @@
 // Game state management
 var gameState = 'menu'; // 'menu', 'playing', or 'gameOver'
 var startButton;
 var gameOverButton;
+var menuStartTime = LK.ticks; // Track when menu started
 // Game variables
 var notes = [];
 var buttons = [];
 var maxNotes = 4;
@@ -293,17 +294,18 @@
 startButtonTxt.anchor.set(0.5, 0.5);
 startButtonTxt.x = 2048 / 2;
 startButtonTxt.y = 2732 / 2 + 100;
 game.addChild(startButtonTxt);
-// Create time setting display at bottom right of start button
-var timeSettingTxt = new Text2('60s', {
+// Create timer display for menu (positioned below and slightly right of start button)
+var menuTimerTxt = new Text2('Time: 0:00', {
 	size: 40,
-	fill: 0xFFFFFF
+	fill: 0xAAAAAA
 });
-timeSettingTxt.anchor.set(0, 0.5);
-timeSettingTxt.x = 2048 / 2 + 180; // Right side of start button
-timeSettingTxt.y = 2732 / 2 + 150; // Below start button
-game.addChild(timeSettingTxt);
+menuTimerTxt.anchor.set(0.5, 0.5);
+menuTimerTxt.x = 2048 / 2 + 50; // Slightly to the right
+menuTimerTxt.y = 2732 / 2 + 200; // Below the start button
+menuTimerTxt.visible = true; // Visible in menu
+game.addChild(menuTimerTxt);
 // Create start button handler
 startButton = {
 	shape: startButtonShape,
 	text: startButtonTxt,
@@ -314,9 +316,9 @@
 		// Hide menu elements
 		titleTxt.visible = false;
 		this.shape.visible = false;
 		this.text.visible = false;
-		timeSettingTxt.visible = false;
+		menuTimerTxt.visible = false;
 		// Show game elements
 		timerTxt.visible = true;
 		scoreTxt.visible = true;
 		timingLine.visible = true;
@@ -429,9 +431,15 @@
 		gameOverTxt.visible = false;
 		finalScoreTxt.visible = false;
 		this.shape.visible = false;
 		this.text.visible = false;
-		timeSettingTxt.visible = false;
+		// Show menu elements
+		titleTxt.visible = true;
+		startButton.shape.visible = true;
+		startButton.text.visible = true;
+		menuTimerTxt.visible = true;
+		// Reset game state to menu
+		gameState = 'menu';
 		// Clear existing notes and buttons
 		for (var i = notes.length - 1; i >= 0; i--) {
 			notes[i].destroy();
 			notes.splice(i, 1);
@@ -645,8 +653,18 @@
 		}
 	}
 };
 game.update = function () {
+	// Update menu timer when in menu state
+	if (gameState === 'menu') {
+		var elapsedTicks = LK.ticks - menuStartTime;
+		var elapsedSeconds = Math.floor(elapsedTicks / 60);
+		var minutes = Math.floor(elapsedSeconds / 60);
+		var seconds = elapsedSeconds % 60;
+		var timeString = minutes + ':' + (seconds < 10 ? '0' : '') + seconds;
+		menuTimerTxt.setText('Time: ' + timeString);
+		return;
+	}
 	// Only update game logic when playing
 	if (gameState !== 'playing') {
 		return;
 	}
@@ -687,9 +705,8 @@
 		finalScoreTxt.setText('Final Score: ' + LK.getScore());
 		finalScoreTxt.visible = true;
 		gameOverButton.shape.visible = true;
 		gameOverButton.text.visible = true;
-		timeSettingTxt.visible = true;
 	}
 	// Spawn notes
 	spawnTimer++;
 	if (spawnTimer >= spawnInterval) {