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

/**** 
* Classes
****/ 
var Bird = Container.expand(function (characterType) {
	var self = Container.call(this);
	// Create bird graphics based on character type
	var assetName = characterType || 'bird';
	var birdGraphics = self.attachAsset(assetName, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Physics properties
	self.velocity = 0;
	self.gravity = 0.8;
	self.flapPower = -12;
	self.maxVelocity = 15;
	// Tracking properties
	self.lastY = 0;
	self.update = function () {
		// Store last position
		self.lastY = self.y;
		// Only apply physics if game has started and not paused
		if (gameStarted && !gamePaused) {
			// Apply gravity
			self.velocity += self.gravity;
			// Limit velocity
			if (self.velocity > self.maxVelocity) {
				self.velocity = self.maxVelocity;
			}
			// Update position
			self.y += self.velocity;
			// Rotate bird based on velocity
			birdGraphics.rotation = Math.min(Math.max(self.velocity * 0.05, -0.5), 1.2);
		}
	};
	self.flap = function () {
		self.velocity = self.flapPower;
		LK.getSound('flap').play();
		// Add smooth rotation animation when flapping
		tween(birdGraphics, {
			rotation: -0.3
		}, {
			duration: 150,
			onFinish: function onFinish() {
				// Bird naturally rotates back down due to velocity in update
			}
		});
		// Add scale animation for visual feedback
		tween(birdGraphics, {
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				tween(birdGraphics, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 100
				});
			}
		});
	};
	return self;
});
var Ground = Container.expand(function () {
	var self = Container.call(this);
	// Create ground graphics
	var groundGraphics = self.attachAsset('ground', {
		anchorX: 0,
		anchorY: 0
	});
	// Movement properties
	self.speed = -4;
	self.update = function () {
		// Only move ground if game is not paused
		if (!gamePaused) {
			// Move ground left
			self.x += self.speed;
			// Reset position when off screen for infinite scrolling
			if (self.x <= -2048) {
				self.x = 2048;
			}
		}
	};
	return self;
});
// Game variables
var Pipe = Container.expand(function () {
	var self = Container.call(this);
	// Create top and bottom pipe parts
	var topPipe = self.attachAsset('pipe', {
		anchorX: 0.5,
		anchorY: 1
	});
	var bottomPipe = self.attachAsset('pipe', {
		anchorX: 0.5,
		anchorY: 0
	});
	// Movement properties
	self.speed = -4;
	self.gapSize = 300;
	self.passed = false;
	// Tracking properties
	self.lastX = 0;
	self.setGapPosition = function (centerY) {
		// Position top pipe (anchor at bottom, so y is bottom edge)
		topPipe.y = centerY - self.gapSize / 2;
		// Position bottom pipe (anchor at top, so y is top edge)  
		bottomPipe.y = centerY + self.gapSize / 2;
	};
	self.update = function () {
		// Store last position
		self.lastX = self.x;
		// Only move pipe if game is not paused
		if (!gamePaused) {
			// Move pipe left
			self.x += self.speed;
		}
	};
	self.getTopBounds = function () {
		return {
			x: self.x - 100,
			y: 0,
			width: 200,
			height: topPipe.y
		};
	};
	self.getBottomBounds = function () {
		return {
			x: self.x - 100,
			y: bottomPipe.y,
			width: 200,
			height: 2732 - bottomPipe.y
		};
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game variables
// Initialize bird asset - yellow circle for the flappy bird
// Initialize pipe assets - green rectangles for obstacles
// Initialize ground asset - brown rectangle for the ground
// Initialize sound for flap
var bird;
var pipes = [];
var ground1, ground2;
var gameStarted = false;
var gamePaused = false;
var pipeTimer = 0;
var pipeSpacing = 800;
// Game state management
var gameState = 'CHARACTER_SELECT'; // 'CHARACTER_SELECT', 'START_SCREEN', 'PLAYING'
var selectedCharacter = 'bird';
var characterTypes = ['bird', 'bird2', 'bird3', 'bird4'];
var characterNames = ['Classic', 'Red', 'Green', 'Blue'];
// Score display
var scoreTxt = new Text2('0', {
	size: 80,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Best score display
var bestScore = storage.bestScore || 0;
var bestScoreTxt = new Text2('BEST: ' + bestScore, {
	size: 40,
	fill: 0xFFD700
});
bestScoreTxt.anchor.set(0.5, 0);
bestScoreTxt.y = 100;
LK.gui.top.addChild(bestScoreTxt);
// Pause button
var pauseBtn = new Text2('| |', {
	size: 60,
	fill: 0xFFFFFF
});
pauseBtn.anchor.set(1, 0);
pauseBtn.x = -20; // Position from right edge
pauseBtn.y = 20;
LK.gui.topRight.addChild(pauseBtn);
// Pause overlay
var pauseOverlay = new Container();
var pauseBackground = LK.getAsset('centerCircle', {
	width: 2048,
	height: 2732,
	anchorX: 0,
	anchorY: 0,
	alpha: 0.7,
	scaleX: 20,
	scaleY: 27
});
pauseOverlay.addChild(pauseBackground);
var pauseText = new Text2('PAUSED', {
	size: 120,
	fill: 0xFFFFFF
});
pauseText.anchor.set(0.5, 0.5);
pauseText.x = 1024;
pauseText.y = 1200;
pauseOverlay.addChild(pauseText);
var resumeText = new Text2('TAP TO RESUME', {
	size: 60,
	fill: 0xFFFFFF
});
resumeText.anchor.set(0.5, 0.5);
resumeText.x = 1024;
resumeText.y = 1400;
pauseOverlay.addChild(resumeText);
pauseOverlay.visible = false;
game.addChild(pauseOverlay);
// Character Selection Screen
var characterSelectionScreen = new Container();
var selectionBackground = LK.getAsset('centerCircle', {
	width: 2048,
	height: 2732,
	anchorX: 0,
	anchorY: 0,
	alpha: 0.95,
	scaleX: 20,
	scaleY: 27
});
characterSelectionScreen.addChild(selectionBackground);
var selectionTitle = new Text2('SELECT YOUR BIRD', {
	size: 100,
	fill: 0xFFFFFF
});
selectionTitle.anchor.set(0.5, 0.5);
selectionTitle.x = 1024;
selectionTitle.y = 500;
characterSelectionScreen.addChild(selectionTitle);
// Character selection buttons
var characterButtons = [];
for (var i = 0; i < characterTypes.length; i++) {
	var buttonContainer = new Container();
	// Character preview
	var charPreview = LK.getAsset(characterTypes[i], {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 1.5,
		scaleY: 1.5
	});
	buttonContainer.addChild(charPreview);
	// Character name
	var charName = new Text2(characterNames[i], {
		size: 40,
		fill: 0xFFFFFF
	});
	charName.anchor.set(0.5, 0.5);
	charName.y = 100;
	buttonContainer.addChild(charName);
	// Position buttons in a grid
	var col = i % 2;
	var row = Math.floor(i / 2);
	buttonContainer.x = 724 + col * 600;
	buttonContainer.y = 1000 + row * 300;
	// Store character type for click handling
	buttonContainer.characterType = characterTypes[i];
	buttonContainer.characterIndex = i;
	// Add selection border (initially hidden)
	var selectionBorder = LK.getAsset('centerCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 2,
		scaleY: 2,
		alpha: 0.3
	});
	selectionBorder.visible = false;
	buttonContainer.addChild(selectionBorder);
	buttonContainer.selectionBorder = selectionBorder;
	// Click handler for character selection
	buttonContainer.down = function (x, y, obj) {
		// Remove selection from all buttons
		for (var j = 0; j < characterButtons.length; j++) {
			characterButtons[j].selectionBorder.visible = false;
		}
		// Show selection on clicked button
		this.selectionBorder.visible = true;
		selectedCharacter = this.characterType;
		// Add selection feedback animation
		tween(this, {
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				tween(this, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 100
				});
			}
		});
	};
	characterButtons.push(buttonContainer);
	characterSelectionScreen.addChild(buttonContainer);
}
// Show selection on first character by default
characterButtons[0].selectionBorder.visible = true;
// Confirm selection button
var confirmBtn = new Text2('CONFIRM', {
	size: 70,
	fill: 0x00ff00
});
confirmBtn.anchor.set(0.5, 0.5);
confirmBtn.x = 1024;
confirmBtn.y = 2200;
characterSelectionScreen.addChild(confirmBtn);
confirmBtn.down = function (x, y, obj) {
	gameState = 'START_SCREEN';
	// Hide character selection with animation
	tween(characterSelectionScreen, {
		alpha: 0
	}, {
		duration: 300,
		onFinish: function onFinish() {
			characterSelectionScreen.visible = false;
			// Show start screen
			showStartScreen();
		}
	});
};
game.addChild(characterSelectionScreen);
// Start Game Screen
var startGameScreen = new Container();
var startBackground = LK.getAsset('centerCircle', {
	width: 2048,
	height: 2732,
	anchorX: 0,
	anchorY: 0,
	alpha: 0.9,
	scaleX: 20,
	scaleY: 27
});
startGameScreen.addChild(startBackground);
var gameTitle = new Text2('FLAPPY BIRD', {
	size: 120,
	fill: 0xFFD700
});
gameTitle.anchor.set(0.5, 0.5);
gameTitle.x = 1024;
gameTitle.y = 600;
startGameScreen.addChild(gameTitle);
// Show selected character preview
var selectedCharacterPreview = LK.getAsset('bird', {
	anchorX: 0.5,
	anchorY: 0.5,
	scaleX: 3,
	scaleY: 3
});
selectedCharacterPreview.x = 1024;
selectedCharacterPreview.y = 1000;
startGameScreen.addChild(selectedCharacterPreview);
var characterLabel = new Text2('Ready!', {
	size: 60,
	fill: 0xFFFFFF
});
characterLabel.anchor.set(0.5, 0.5);
characterLabel.x = 1024;
characterLabel.y = 1200;
startGameScreen.addChild(characterLabel);
var startBtn = new Text2('START GAME', {
	size: 80,
	fill: 0x00ff00
});
startBtn.anchor.set(0.5, 0.5);
startBtn.x = 1024;
startBtn.y = 1600;
startGameScreen.addChild(startBtn);
var backBtn = new Text2('BACK', {
	size: 50,
	fill: 0xff6600
});
backBtn.anchor.set(0.5, 0.5);
backBtn.x = 1024;
backBtn.y = 1800;
startGameScreen.addChild(backBtn);
startBtn.down = function (x, y, obj) {
	gameState = 'PLAYING';
	// Hide start screen with animation
	tween(startGameScreen, {
		alpha: 0
	}, {
		duration: 300,
		onFinish: function onFinish() {
			startGameScreen.visible = false;
			// Initialize game with selected character
			initializeGameWithCharacter();
		}
	});
};
backBtn.down = function (x, y, obj) {
	gameState = 'CHARACTER_SELECT';
	// Hide start screen and show character selection
	tween(startGameScreen, {
		alpha: 0
	}, {
		duration: 300,
		onFinish: function onFinish() {
			startGameScreen.visible = false;
			characterSelectionScreen.visible = true;
			characterSelectionScreen.alpha = 0;
			tween(characterSelectionScreen, {
				alpha: 1
			}, {
				duration: 300
			});
		}
	});
};
startGameScreen.visible = false;
game.addChild(startGameScreen);
// Function to show start screen
function showStartScreen() {
	// Update selected character preview
	startGameScreen.removeChild(selectedCharacterPreview);
	selectedCharacterPreview = LK.getAsset(selectedCharacter, {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 3,
		scaleY: 3
	});
	selectedCharacterPreview.x = 1024;
	selectedCharacterPreview.y = 1000;
	startGameScreen.addChild(selectedCharacterPreview);
	startGameScreen.visible = true;
	startGameScreen.alpha = 0;
	tween(startGameScreen, {
		alpha: 1
	}, {
		duration: 300
	});
}
// Game start instruction
var instructionTxt = new Text2('TAP TO START', {
	size: 60,
	fill: 0xFFFFFF
});
instructionTxt.anchor.set(0.5, 0.5);
instructionTxt.x = 1024;
instructionTxt.y = 1000;
game.addChild(instructionTxt);
// Add blinking animation
var instructionBlink = LK.setInterval(function () {
	if (instructionTxt) {
		tween(instructionTxt, {
			alpha: 0.3
		}, {
			duration: 500,
			onFinish: function onFinish() {
				if (instructionTxt) {
					tween(instructionTxt, {
						alpha: 1
					}, {
						duration: 500
					});
				}
			}
		});
	}
}, 1000);
// Function to initialize game with selected character
function initializeGameWithCharacter() {
	// Initialize bird with selected character
	bird = game.addChild(new Bird(selectedCharacter));
	bird.x = 400;
	bird.y = 1366; // Center of screen vertically
	bird.lastY = bird.y; // Initialize tracking property
}
// Don't initialize bird immediately - wait for character selection
var bird;
// Initialize ground
ground1 = game.addChild(new Ground());
ground1.x = 0;
ground1.y = 2400; // Position ground lower for better gameplay
ground2 = game.addChild(new Ground());
ground2.x = 2048;
ground2.y = 2400; // Position ground lower for better gameplay
// Add pause button click handler
pauseBtn.down = function (x, y, obj) {
	if (gameStarted && !gamePaused) {
		gamePaused = true;
		pauseOverlay.visible = true;
		// Add fade in animation for pause overlay
		pauseOverlay.alpha = 0;
		tween(pauseOverlay, {
			alpha: 1
		}, {
			duration: 200
		});
	}
};
// Add pause overlay click handler for resume
pauseOverlay.down = function (x, y, obj) {
	if (gamePaused) {
		// Add fade out animation
		tween(pauseOverlay, {
			alpha: 0
		}, {
			duration: 200,
			onFinish: function onFinish() {
				pauseOverlay.visible = false;
				gamePaused = false;
			}
		});
	}
};
// Tap to flap
game.down = function (x, y, obj) {
	// Don't allow interaction during non-playing states
	if (gameState !== 'PLAYING') {
		return;
	}
	// Don't allow flapping when paused
	if (gamePaused) {
		return;
	}
	if (!gameStarted) {
		gameStarted = true;
		// Hide instruction text with animation
		if (instructionTxt) {
			LK.clearInterval(instructionBlink);
			tween(instructionTxt, {
				alpha: 0,
				scaleX: 0.5,
				scaleY: 0.5
			}, {
				duration: 300,
				onFinish: function onFinish() {
					instructionTxt.destroy();
					instructionTxt = null;
				}
			});
		}
	}
	if (bird) {
		bird.flap();
	}
};
// Collision detection helper function
function checkCollision(birdBounds, pipeBounds) {
	return birdBounds.x < pipeBounds.x + pipeBounds.width && birdBounds.x + birdBounds.width > pipeBounds.x && birdBounds.y < pipeBounds.y + pipeBounds.height && birdBounds.y + birdBounds.height > pipeBounds.y;
}
// Main game update
game.update = function () {
	if (gameState !== 'PLAYING' || !gameStarted || gamePaused || !bird) {
		return;
	}
	// Store bird's last Y position
	if (bird.lastY === undefined) {
		bird.lastY = bird.y;
	}
	// Spawn pipes
	pipeTimer++;
	if (pipeTimer >= pipeSpacing / 4) {
		// Adjust timing based on speed
		var newPipe = new Pipe();
		newPipe.x = 2200; // Start off-screen right
		newPipe.lastX = newPipe.x; // Initialize tracking property
		// Random gap position (avoid top and bottom areas)
		var gapCenter = 500 + Math.random() * 1200; // Between 500 and 1700 for better gameplay
		newPipe.setGapPosition(gapCenter);
		// Add entrance animation
		newPipe.alpha = 0;
		tween(newPipe, {
			alpha: 1
		}, {
			duration: 300
		});
		pipes.push(newPipe);
		game.addChild(newPipe);
		pipeTimer = 0;
	}
	// Update pipes and check collisions/scoring
	for (var i = pipes.length - 1; i >= 0; i--) {
		var pipe = pipes[i];
		// Initialize tracking properties
		if (pipe.lastX === undefined) {
			pipe.lastX = pipe.x;
		}
		// Check if pipe passed bird for scoring
		if (!pipe.passed && pipe.lastX > bird.x && pipe.x <= bird.x) {
			pipe.passed = true;
			LK.setScore(LK.getScore() + 1);
			scoreTxt.setText(LK.getScore());
			// Check and update best score
			var currentScore = LK.getScore();
			if (currentScore > bestScore) {
				bestScore = currentScore;
				storage.bestScore = bestScore;
				bestScoreTxt.setText('BEST: ' + bestScore);
				// Add special animation for new best score
				tween(bestScoreTxt, {
					scaleX: 1.4,
					scaleY: 1.4,
					alpha: 0.8
				}, {
					duration: 200,
					onFinish: function onFinish() {
						tween(bestScoreTxt, {
							scaleX: 1,
							scaleY: 1,
							alpha: 1
						}, {
							duration: 200
						});
					}
				});
				// Flash screen gold for new best score
				LK.effects.flashScreen(0xFFD700, 300);
			}
			// Add score animation
			tween(scoreTxt, {
				scaleX: 1.3,
				scaleY: 1.3
			}, {
				duration: 150,
				onFinish: function onFinish() {
					tween(scoreTxt, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 150
					});
				}
			});
			// Flash screen green for successful pass
			LK.effects.flashScreen(0x00ff00, 200);
		}
		// Remove pipes that are off screen
		if (pipe.x < -200) {
			pipe.destroy();
			pipes.splice(i, 1);
			continue;
		}
		// Check collision with pipes
		var birdBounds = {
			x: bird.x - 70,
			y: bird.y - 70,
			width: 140,
			height: 140
		};
		var topBounds = pipe.getTopBounds();
		var bottomBounds = pipe.getBottomBounds();
		if (checkCollision(birdBounds, topBounds) || checkCollision(birdBounds, bottomBounds)) {
			// Stop the game immediately
			gameStarted = false;
			// Add dramatic bird rotation and fall effect
			tween(bird, {
				rotation: Math.PI * 2,
				y: bird.y + 200
			}, {
				duration: 800
			});
			// Add bird shake effect before game over
			tween(bird, {
				x: bird.x - 15
			}, {
				duration: 75,
				onFinish: function onFinish() {
					tween(bird, {
						x: bird.x + 30
					}, {
						duration: 75,
						onFinish: function onFinish() {
							tween(bird, {
								x: bird.x - 15
							}, {
								duration: 75
							});
						}
					});
				}
			});
			// Flash screen red for longer duration
			LK.effects.flashScreen(0xff0000, 800);
			// Show dramatic "GAME OVER" text before official game over
			var gameOverTxt = new Text2('GAME OVER', {
				size: 120,
				fill: 0xff0000
			});
			gameOverTxt.anchor.set(0.5, 0.5);
			gameOverTxt.x = 1024;
			gameOverTxt.y = 1366;
			gameOverTxt.alpha = 0;
			game.addChild(gameOverTxt);
			// Animate game over text appearance
			tween(gameOverTxt, {
				alpha: 1,
				scaleX: 1.2,
				scaleY: 1.2
			}, {
				duration: 400,
				onFinish: function onFinish() {
					// Wait a moment then show official game over
					LK.setTimeout(function () {
						LK.showGameOver();
					}, 800);
				}
			});
			return;
		}
		// Update last position
		pipe.lastX = pipe.x;
	}
	// Check collision with ground
	if (bird.y >= 2330) {
		// Ground collision (ground at 2400, bird radius 70)
		gameStarted = false;
		// Make bird bounce slightly on ground impact
		tween(bird, {
			y: 2320,
			rotation: Math.PI / 4
		}, {
			duration: 200,
			onFinish: function onFinish() {
				tween(bird, {
					y: 2330
				}, {
					duration: 100
				});
			}
		});
		LK.effects.flashScreen(0xff0000, 800);
		// Show impact text
		var impactTxt = new Text2('CRASHED!', {
			size: 100,
			fill: 0xff4500
		});
		impactTxt.anchor.set(0.5, 0.5);
		impactTxt.x = 1024;
		impactTxt.y = 1200;
		impactTxt.alpha = 0;
		game.addChild(impactTxt);
		tween(impactTxt, {
			alpha: 1,
			y: 1100
		}, {
			duration: 300,
			onFinish: function onFinish() {
				LK.setTimeout(function () {
					LK.showGameOver();
				}, 600);
			}
		});
		return;
	}
	// Check collision with ceiling
	if (bird.y <= 70) {
		gameStarted = false;
		// Make bird fall dramatically from ceiling
		tween(bird, {
			y: 200,
			rotation: -Math.PI / 2
		}, {
			duration: 300
		});
		LK.effects.flashScreen(0xffffff, 300);
		// Show ceiling hit text
		var ceilingTxt = new Text2('HIT CEILING!', {
			size: 80,
			fill: 0xff6600
		});
		ceilingTxt.anchor.set(0.5, 0.5);
		ceilingTxt.x = 1024;
		ceilingTxt.y = 400;
		ceilingTxt.alpha = 0;
		game.addChild(ceilingTxt);
		tween(ceilingTxt, {
			alpha: 1,
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 250,
			onFinish: function onFinish() {
				LK.setTimeout(function () {
					LK.showGameOver();
				}, 500);
			}
		});
		return;
	}
	// Update last position
	bird.lastY = bird.y;
};

===================================================================
--- original.js
+++ change.js
@@ -164,9 +164,10 @@
 var gameStarted = false;
 var gamePaused = false;
 var pipeTimer = 0;
 var pipeSpacing = 800;
-var characterSelectionMode = true;
+// Game state management
+var gameState = 'CHARACTER_SELECT'; // 'CHARACTER_SELECT', 'START_SCREEN', 'PLAYING'
 var selectedCharacter = 'bird';
 var characterTypes = ['bird', 'bird2', 'bird3', 'bird4'];
 var characterNames = ['Classic', 'Red', 'Green', 'Blue'];
 // Score display
@@ -223,28 +224,28 @@
 resumeText.y = 1400;
 pauseOverlay.addChild(resumeText);
 pauseOverlay.visible = false;
 game.addChild(pauseOverlay);
-// Character selection UI
-var characterSelectionOverlay = new Container();
+// Character Selection Screen
+var characterSelectionScreen = new Container();
 var selectionBackground = LK.getAsset('centerCircle', {
 	width: 2048,
 	height: 2732,
 	anchorX: 0,
 	anchorY: 0,
-	alpha: 0.9,
+	alpha: 0.95,
 	scaleX: 20,
 	scaleY: 27
 });
-characterSelectionOverlay.addChild(selectionBackground);
-var selectionTitle = new Text2('SELECT CHARACTER', {
-	size: 80,
+characterSelectionScreen.addChild(selectionBackground);
+var selectionTitle = new Text2('SELECT YOUR BIRD', {
+	size: 100,
 	fill: 0xFFFFFF
 });
 selectionTitle.anchor.set(0.5, 0.5);
 selectionTitle.x = 1024;
-selectionTitle.y = 600;
-characterSelectionOverlay.addChild(selectionTitle);
+selectionTitle.y = 500;
+characterSelectionScreen.addChild(selectionTitle);
 // Character selection buttons
 var characterButtons = [];
 for (var i = 0; i < characterTypes.length; i++) {
 	var buttonContainer = new Container();
@@ -308,36 +309,146 @@
 			}
 		});
 	};
 	characterButtons.push(buttonContainer);
-	characterSelectionOverlay.addChild(buttonContainer);
+	characterSelectionScreen.addChild(buttonContainer);
 }
 // Show selection on first character by default
 characterButtons[0].selectionBorder.visible = true;
-// Start game button
-var startGameBtn = new Text2('START GAME', {
-	size: 60,
+// Confirm selection button
+var confirmBtn = new Text2('CONFIRM', {
+	size: 70,
 	fill: 0x00ff00
 });
-startGameBtn.anchor.set(0.5, 0.5);
-startGameBtn.x = 1024;
-startGameBtn.y = 2000;
-characterSelectionOverlay.addChild(startGameBtn);
-startGameBtn.down = function (x, y, obj) {
-	characterSelectionMode = false;
+confirmBtn.anchor.set(0.5, 0.5);
+confirmBtn.x = 1024;
+confirmBtn.y = 2200;
+characterSelectionScreen.addChild(confirmBtn);
+confirmBtn.down = function (x, y, obj) {
+	gameState = 'START_SCREEN';
 	// Hide character selection with animation
-	tween(characterSelectionOverlay, {
+	tween(characterSelectionScreen, {
 		alpha: 0
 	}, {
 		duration: 300,
 		onFinish: function onFinish() {
-			characterSelectionOverlay.visible = false;
+			characterSelectionScreen.visible = false;
+			// Show start screen
+			showStartScreen();
+		}
+	});
+};
+game.addChild(characterSelectionScreen);
+// Start Game Screen
+var startGameScreen = new Container();
+var startBackground = LK.getAsset('centerCircle', {
+	width: 2048,
+	height: 2732,
+	anchorX: 0,
+	anchorY: 0,
+	alpha: 0.9,
+	scaleX: 20,
+	scaleY: 27
+});
+startGameScreen.addChild(startBackground);
+var gameTitle = new Text2('FLAPPY BIRD', {
+	size: 120,
+	fill: 0xFFD700
+});
+gameTitle.anchor.set(0.5, 0.5);
+gameTitle.x = 1024;
+gameTitle.y = 600;
+startGameScreen.addChild(gameTitle);
+// Show selected character preview
+var selectedCharacterPreview = LK.getAsset('bird', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	scaleX: 3,
+	scaleY: 3
+});
+selectedCharacterPreview.x = 1024;
+selectedCharacterPreview.y = 1000;
+startGameScreen.addChild(selectedCharacterPreview);
+var characterLabel = new Text2('Ready!', {
+	size: 60,
+	fill: 0xFFFFFF
+});
+characterLabel.anchor.set(0.5, 0.5);
+characterLabel.x = 1024;
+characterLabel.y = 1200;
+startGameScreen.addChild(characterLabel);
+var startBtn = new Text2('START GAME', {
+	size: 80,
+	fill: 0x00ff00
+});
+startBtn.anchor.set(0.5, 0.5);
+startBtn.x = 1024;
+startBtn.y = 1600;
+startGameScreen.addChild(startBtn);
+var backBtn = new Text2('BACK', {
+	size: 50,
+	fill: 0xff6600
+});
+backBtn.anchor.set(0.5, 0.5);
+backBtn.x = 1024;
+backBtn.y = 1800;
+startGameScreen.addChild(backBtn);
+startBtn.down = function (x, y, obj) {
+	gameState = 'PLAYING';
+	// Hide start screen with animation
+	tween(startGameScreen, {
+		alpha: 0
+	}, {
+		duration: 300,
+		onFinish: function onFinish() {
+			startGameScreen.visible = false;
 			// Initialize game with selected character
 			initializeGameWithCharacter();
 		}
 	});
 };
-game.addChild(characterSelectionOverlay);
+backBtn.down = function (x, y, obj) {
+	gameState = 'CHARACTER_SELECT';
+	// Hide start screen and show character selection
+	tween(startGameScreen, {
+		alpha: 0
+	}, {
+		duration: 300,
+		onFinish: function onFinish() {
+			startGameScreen.visible = false;
+			characterSelectionScreen.visible = true;
+			characterSelectionScreen.alpha = 0;
+			tween(characterSelectionScreen, {
+				alpha: 1
+			}, {
+				duration: 300
+			});
+		}
+	});
+};
+startGameScreen.visible = false;
+game.addChild(startGameScreen);
+// Function to show start screen
+function showStartScreen() {
+	// Update selected character preview
+	startGameScreen.removeChild(selectedCharacterPreview);
+	selectedCharacterPreview = LK.getAsset(selectedCharacter, {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		scaleX: 3,
+		scaleY: 3
+	});
+	selectedCharacterPreview.x = 1024;
+	selectedCharacterPreview.y = 1000;
+	startGameScreen.addChild(selectedCharacterPreview);
+	startGameScreen.visible = true;
+	startGameScreen.alpha = 0;
+	tween(startGameScreen, {
+		alpha: 1
+	}, {
+		duration: 300
+	});
+}
 // Game start instruction
 var instructionTxt = new Text2('TAP TO START', {
 	size: 60,
 	fill: 0xFFFFFF
@@ -412,10 +523,10 @@
 	}
 };
 // Tap to flap
 game.down = function (x, y, obj) {
-	// Don't allow interaction during character selection
-	if (characterSelectionMode) {
+	// Don't allow interaction during non-playing states
+	if (gameState !== 'PLAYING') {
 		return;
 	}
 	// Don't allow flapping when paused
 	if (gamePaused) {
@@ -448,9 +559,9 @@
 	return birdBounds.x < pipeBounds.x + pipeBounds.width && birdBounds.x + birdBounds.width > pipeBounds.x && birdBounds.y < pipeBounds.y + pipeBounds.height && birdBounds.y + birdBounds.height > pipeBounds.y;
 }
 // Main game update
 game.update = function () {
-	if (characterSelectionMode || !gameStarted || gamePaused || !bird) {
+	if (gameState !== 'PLAYING' || !gameStarted || gamePaused || !bird) {
 		return;
 	}
 	// Store bird's last Y position
 	if (bird.lastY === undefined) {