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

/**** 
* Classes
****/ 
// PipePair: Represents a pair of pipes (top and bottom) with a gap for the player to pass through
var PipePair = Container.expand(function () {
	var self = Container.call(this);
	// Constants for pipe dimensions
	var pipeWidth = 220;
	var minGap = 700;
	var maxGap = 1000;
	var minY = 350;
	var maxY = 2732 - 350 - minGap;
	// Randomize gap position
	var gapSize = minGap + Math.floor(Math.random() * (maxGap - minGap));
	var gapY = minY + Math.floor(Math.random() * (maxY - minY));
	// Top pipe
	var topPipeHeight = gapY;
	var topPipeAssetId = typeof theme !== "undefined" && theme === "dragon" ? "pipeTopDragon" : "pipeTop";
	var topPipe = self.attachAsset(topPipeAssetId, {
		width: pipeWidth,
		height: topPipeHeight,
		color: 0x4ec04e,
		shape: 'box',
		anchorX: 0,
		anchorY: 0
	});
	topPipe.x = 0;
	topPipe.y = 0;
	// Bottom pipe
	var bottomPipeHeight = 2732 - (gapY + gapSize);
	var bottomPipeAssetId = typeof theme !== "undefined" && theme === "dragon" ? "pipeBottomDragon" : "pipeBottom";
	var bottomPipe = self.attachAsset(bottomPipeAssetId, {
		width: pipeWidth,
		height: bottomPipeHeight,
		color: 0x4ec04e,
		shape: 'box',
		anchorX: 0,
		anchorY: 0
	});
	bottomPipe.x = 0;
	bottomPipe.y = gapY + gapSize;
	// Used for collision detection
	self.topPipe = topPipe;
	self.bottomPipe = bottomPipe;
	// Used to check if player has passed this pipe
	self.passed = false;
	// Set initial position (off the right edge)
	self.x = 2048;
	self.y = 0;
	// Pipe speed (will be set from outside)
	self.speed = -8;
	// Update method called every tick
	self.update = function () {
		self.x += self.speed;
	};
	// Helper for collision with player
	self.intersectsPlayer = function (player) {
		// Check collision with top pipe
		if (player.intersects(topPipe)) {
			return true;
		}
		// Check collision with bottom pipe
		if (player.intersects(bottomPipe)) {
			return true;
		}
		return false;
	};
	return self;
});
// Add player
// Override Player class to use correct asset for theme
var Player = Container.expand(function () {
	var self = Container.call(this);
	// Attach correct asset for theme
	var square = self.attachAsset(playerAssetId, {
		width: 200,
		height: 200,
		color: 0xffd700,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Physics properties
	self.vy = 0; // vertical velocity
	self.gravity = 1.1;
	self.jumpStrength = -22;
	// For rotation effect (optional, can be improved later)
	self.maxAngle = Math.PI / 6;
	self.minAngle = -Math.PI / 3;
	// Update method called every tick
	self.update = function () {
		self.vy += self.gravity;
		self.y += self.vy;
		// Clamp rotation based on velocity
		var angle = self.vy / 40;
		if (angle > self.maxAngle) {
			angle = self.maxAngle;
		}
		if (angle < self.minAngle) {
			angle = self.minAngle;
		}
		// Always rotate the current player asset (first child)
		if (self.children && self.children.length > 0) {
			self.children[0].rotation = angle;
		}
	};
	// Jump method
	self.jump = function () {
		self.vy = self.jumpStrength;
	};
	// Reset method
	self.reset = function () {
		self.vy = 0;
		self.y = 2732 / 2;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game constants
// Tween plugin for smooth animations (not strictly needed for MVP, but included for future use)
var GROUND_HEIGHT = 350;
// Volume button state and asset
var volumeOnButton = null;
var volumeOffButton = null;
var isVolumeOn = true;
// Always play background music when the game starts
if (!window.__FRVR_MUTED) {
	LK.playMusic('muzik');
}
// Hide the pause button in the top left if it exists
if (LK.pauseButton) {
	LK.pauseButton.visible = false;
}
var PIPE_INTERVAL = 110; // frames between pipes
var PIPE_SPEED_START = -8;
var PIPE_SPEED_INC = -0.2;
var PIPE_SPEED_MAX = -22;
// Game state variables
var theme = "bird"; // "bird" or "dragon"
var pipes = [];
var player = null;
var ground = null;
// scoreTxt and bestScoreTxt removed (no longer used)
var score = 0;
var bestScore = 0;
var ticksSinceLastPipe = 0;
var pipeSpeed = PIPE_SPEED_START;
var gameStarted = false;
var gameOver = false;
// --- Score Display (top center, only during gameplay) ---
var scoreGroup = new Container();
scoreGroup.visible = false; // Only visible during gameplay
// Helper to clear and set numeric assets for score
function setScoreDigits(n) {
	// Remove previous digits (keep score frame at index 0)
	for (var i = scoreGroup.children.length - 1; i >= 1; i--) {
		scoreGroup.removeChild(scoreGroup.children[i]);
	}
	var digits = String(n).split('');
	// Use the correct score frame asset for theme
	var scoreFrameAssetId = theme === "dragon" ? "scoreSignDragon" : "scoreSign";
	var scoreFrame = scoreGroup.children[0];
	if (!scoreFrame || scoreFrame.assetId !== scoreFrameAssetId) {
		// Remove old frame if wrong
		if (scoreFrame) scoreGroup.removeChild(scoreFrame);
		scoreFrame = LK.getAsset(scoreFrameAssetId, {
			width: 320,
			height: 192,
			anchorX: 0.5,
			anchorY: 0.5,
			x: 2048 / 2,
			y: 120
		});
		scoreFrame.assetId = scoreFrameAssetId;
		scoreGroup.addChildAt(scoreFrame, 0);
	}
	// Layout digits centered on score frame
	var digitWidth = 90;
	var digitSpacing = 12;
	var totalDigitsWidth = digits.length * digitWidth + (digits.length - 1) * digitSpacing;
	var startX = scoreFrame.x - totalDigitsWidth / 2;
	var digitY = scoreFrame.y + 8; // Vertically centered on frame
	for (var i = 0; i < digits.length; i++) {
		var digitAsset = LK.getAsset(digits[i], {
			width: digitWidth,
			height: LK.getAsset(digits[i], {
				width: 100,
				height: 100
			}).height * (digitWidth / 100),
			anchorX: 0,
			anchorY: 0.5,
			x: startX + i * (digitWidth + digitSpacing),
			y: digitY
		});
		scoreGroup.addChild(digitAsset);
	}
}
// Add to game
game.addChild(scoreGroup);
// Load best score from storage at game start
bestScore = 31;
storage.flappyBest = 31;
// Add background image (behind everything)
var backgroundAssetId = theme === "dragon" ? "backgroundDragon" : "background";
var groundAssetId = theme === "dragon" ? "groundDragon" : "ground";
var playerAssetId = theme === "dragon" ? "playerDragon" : "playerSquare";
var background = LK.getAsset(backgroundAssetId, {
	width: 2048,
	height: 2732,
	anchorX: 0,
	anchorY: 0
});
background.x = 0;
background.y = 0;
game.addChild(background);
// Add ground (visual only, for collision)
ground = LK.getAsset(groundAssetId, {
	width: 2048,
	height: GROUND_HEIGHT,
	color: 0x8b5a2b,
	shape: 'box',
	anchorX: 0,
	anchorY: 0
});
ground.x = 0;
ground.y = 2732 - GROUND_HEIGHT;
game.addChild(ground);
player = new Player();
player.x = 600;
player.y = 2732 / 2;
player.visible = false; // Hide player at first
game.addChild(player);
// Add play and cosmetics buttons (in front of background, before game starts)
var playButton = LK.getAsset('playButton', {
	width: 1000,
	height: 440,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 600
});
var cosmeticsButton = LK.getAsset('cosmeticsButton', {
	width: 1340,
	height: 440,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1100
});
game.addChild(playButton);
game.addChild(cosmeticsButton);
// Cosmetics menu state
var cosmeticsMenuActive = false;
// Cosmetics menu assets (created once, shown/hidden as needed)
var cosmeticsTitle = LK.getAsset('cosmeticsButton', {
	width: 1340,
	height: 440,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 440
});
cosmeticsTitle.visible = false;
game.addChild(cosmeticsTitle);
// Character frames
var frameY = 1366; // vertical center
var frameSpacing = 300;
var birdFrame = LK.getAsset('birdFrame', {
	width: 840,
	height: 960,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2 - frameSpacing - 150,
	y: frameY
});
birdFrame.visible = false;
game.addChild(birdFrame);
// Bird character sprite (centered in birdFrame)
var birdSprite = LK.getAsset('playerSquare', {
	width: 520,
	// fits well inside 840x960 frame, leaves margin for decorations
	height: 490,
	// maintain aspect ratio (original 1000x945.31)
	anchorX: 0.5,
	anchorY: 0.5,
	x: birdFrame.x,
	y: birdFrame.y
});
birdSprite.visible = false;
game.addChild(birdSprite);
var dragonFrame = LK.getAsset('dragonFrame', {
	width: 920,
	height: 1150,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2 + frameSpacing + 150,
	y: frameY
});
dragonFrame.visible = false;
game.addChild(dragonFrame);
// Dragon character sprite (centered in dragonFrame)
var dragonSprite = LK.getAsset('playerDragon', {
	width: 600,
	// fits well inside 920x1150 frame, leaves margin for decorations
	height: 610,
	// maintain aspect ratio (original 1000x1019.92)
	anchorX: 0.5,
	anchorY: 0.5,
	x: dragonFrame.x,
	y: dragonFrame.y
});
dragonSprite.visible = false;
game.addChild(dragonSprite);
// BACK button, centered below frames, same vertical distance as title above
var backBtnY = frameY + (frameY - cosmeticsTitle.y);
var backButton = LK.getAsset('backButton', {
	width: 1000,
	height: 531.25,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: backBtnY
});
backButton.visible = false;
game.addChild(backButton);
// Add volume buttons (positioned under cosmetics button, matching cosmetics button width)
var cosmeticsBtnWidth = 1340;
var cosmeticsBtnHeight = 440;
var volumeBtnWidth = cosmeticsBtnWidth * 0.25; // make volume buttons bigger
var volumeBtnHeightOn = volumeBtnWidth * 0.77; // keep aspect ratio similar to original
var volumeBtnHeightOff = volumeBtnWidth * 0.98; // keep aspect ratio similar to original
var volumeBtnX = 2048 / 2;
var volumeBtnY = 1100 + cosmeticsBtnHeight / 2 + 60 + volumeBtnHeightOn / 2; // 60px gap below cosmetics
volumeOnButton = LK.getAsset('volumeOn', {
	width: volumeBtnWidth,
	height: volumeBtnHeightOn,
	anchorX: 0.5,
	anchorY: 0.5,
	x: volumeBtnX,
	y: volumeBtnY
});
volumeOffButton = LK.getAsset('volumeOff', {
	width: volumeBtnWidth,
	height: volumeBtnHeightOff,
	anchorX: 0.5,
	anchorY: 0.5,
	x: volumeBtnX,
	y: volumeBtnY
});
volumeOnButton.visible = true;
volumeOffButton.visible = false;
game.addChild(volumeOnButton);
game.addChild(volumeOffButton);
// (score text removed)
// (best score text removed)
// --- High Score Display (main menu) ---
var highScoreGroup = new Container();
// Make the high score icon and digits EVEN bigger
// Position: to the left under the cosmetics button, now stack vertically
var highScoreIconScale = 2.5; // scale up the icon even more
// Centered horizontally with cosmetics button, below it
var highScoreIconX = 725;
var highScoreIconY = 1875;
var highScoreIcon = LK.getAsset('highScore', {
	width: volumeBtnWidth * 0.7 * highScoreIconScale,
	height: 54.3 * (volumeBtnWidth * 0.7 * highScoreIconScale / 100),
	anchorX: 0.5,
	anchorY: 0.5,
	x: highScoreIconX + volumeBtnWidth * 0.7 * highScoreIconScale / 2,
	y: highScoreIconY
});
highScoreGroup.addChild(highScoreIcon);
// Helper to clear and set numeric assets for high score
function setHighScoreDigits(n) {
	// Remove previous digits
	for (var i = highScoreGroup.children.length - 1; i >= 1; i--) {
		highScoreGroup.removeChild(highScoreGroup.children[i]);
	}
	var digits = String(n).split('');
	var digitWidth = volumeBtnWidth * 0.32 * 2.2; // scale up digits even more
	var digitSpacing = digitWidth * 0.12; // more spacing for bigger digits
	// Center digits horizontally under the icon
	var totalDigitsWidth = digits.length * digitWidth + (digits.length - 1) * digitSpacing;
	var startX = highScoreIcon.x - totalDigitsWidth / 2;
	var digitY = highScoreIcon.y + highScoreIcon.height / 2 + digitWidth / 2 + 20; // 20px gap below icon
	for (var i = 0; i < digits.length; i++) {
		var digitAsset = LK.getAsset(digits[i], {
			width: digitWidth,
			height: LK.getAsset(digits[i], {
				width: 100,
				height: 100
			}).height * (digitWidth / 100),
			anchorX: 0,
			anchorY: 0.5,
			x: startX + i * (digitWidth + digitSpacing),
			y: digitY
		});
		highScoreGroup.addChild(digitAsset);
	}
}
// Set initial best score
setHighScoreDigits(bestScore);
// Add to game
game.addChild(highScoreGroup);
// Show only in main menu
highScoreGroup.visible = !gameStarted && !gameOver;
// Update high score display on game over
var _oldOnGameOver = game.onGameOver;
game.onGameOver = function () {
	// Always update bestScore from storage in case it was updated elsewhere
	if (typeof storage.flappyBest !== "undefined") {
		bestScore = storage.flappyBest;
	}
	if (score > bestScore) {
		bestScore = score;
		storage.flappyBest = bestScore;
		setHighScoreDigits(bestScore);
	} else {
		setHighScoreDigits(bestScore);
	}
	highScoreGroup.visible = true;
	if (_oldOnGameOver) {
		_oldOnGameOver();
	}
};
// Hide high score display when game starts
var _oldStartGame = startGame;
startGame = function startGame() {
	highScoreGroup.visible = false;
	_oldStartGame();
};
// Helper: Start the game
function startGame() {
	// Reset state
	for (var i = pipes.length - 1; i >= 0; i--) {
		pipes[i].destroy();
		pipes.splice(i, 1);
	}
	player.x = 600;
	player.y = 2732 / 2;
	player.vy = 0;
	player.visible = true; // Show player when game starts
	score = 0;
	setScoreDigits(score);
	scoreGroup.visible = true; // Show score display
	pipeSpeed = PIPE_SPEED_START;
	ticksSinceLastPipe = 0;
	gameStarted = true;
	gameOver = false;
	// Play music if not muted
	if (!window.__FRVR_MUTED) {
		LK.playMusic('muzik');
	}
}
// Helper: End the game
function endGame() {
	gameOver = true;
	gameStarted = false;
	// Swap player asset to correct dead asset for theme
	if (player && player.children && player.children.length > 0) {
		var oldAsset = player.children[0];
		var deadAssetId = theme === "dragon" ? "playerDragonDead" : "playerDead";
		var deadAsset = player.attachAsset(deadAssetId, {
			width: 200,
			height: 200,
			anchorX: 0.5,
			anchorY: 0.5
		});
		deadAsset.x = oldAsset.x;
		deadAsset.y = oldAsset.y;
		deadAsset.rotation = oldAsset.rotation;
		player.removeChild(oldAsset);
		player.visible = true; // Show dead asset after game over
	}
	// Flash screen red
	LK.effects.flashScreen(0xff0000, 800);
	// Save best score
	if (score > bestScore) {
		bestScore = score;
		storage.flappyBest = bestScore;
	}
	// Show game over popup (handled by LK)
	scoreGroup.visible = false; // Hide score display
	LK.showGameOver();
}
// Helper: Player jump
function playerJump() {
	if (!gameStarted) {
		startGame();
	}
	if (!gameOver) {
		player.jump();
	}
}
// Touch/click to jump or handle play/cosmetics button
game.down = function (x, y, obj) {
	// Prevent jump if touch is in top left 100x100 (menu area)
	if (x < 100 && y < 100) {
		return;
	}
	// If game hasn't started, check if playButton or cosmeticsButton was pressed
	if (!gameStarted && !gameOver) {
		// Check volumeOnButton (centered hitbox)
		if (volumeOnButton && volumeOnButton.visible && x >= volumeOnButton.x - volumeOnButton.width / 2 && x <= volumeOnButton.x + volumeOnButton.width / 2 && y >= volumeOnButton.y - volumeOnButton.height / 2 && y <= volumeOnButton.y + volumeOnButton.height / 2) {
			// Mute all sounds
			isVolumeOn = false;
			volumeOnButton.visible = false;
			volumeOffButton.visible = true;
			// Set a global mute flag; all sound/music play calls should check this flag
			window.__FRVR_MUTED = true;
			LK.stopMusic();
			return;
		}
		// Check volumeOffButton (centered hitbox)
		if (volumeOffButton && volumeOffButton.visible && x >= volumeOffButton.x - volumeOffButton.width / 2 && x <= volumeOffButton.x + volumeOffButton.width / 2 && y >= volumeOffButton.y - volumeOffButton.height / 2 && y <= volumeOffButton.y + volumeOffButton.height / 2) {
			// Unmute all sounds
			isVolumeOn = true;
			volumeOnButton.visible = true;
			volumeOffButton.visible = false;
			// Unset the global mute flag; all sound/music play calls should check this flag
			window.__FRVR_MUTED = false;
			LK.playMusic('muzik');
			return;
		}
		// Check playButton (disable if cosmetics menu is active)
		if (!cosmeticsMenuActive && playButton && x >= playButton.x - playButton.width / 2 && x <= playButton.x + playButton.width / 2 && y >= playButton.y - playButton.height / 2 && y <= playButton.y + playButton.height / 2) {
			// Start game, hide buttons
			playButton.visible = false;
			cosmeticsButton.visible = false;
			if (volumeOnButton) {
				volumeOnButton.visible = false;
			}
			if (volumeOffButton) {
				volumeOffButton.visible = false;
			}
			startGame();
			return;
		}
		// Check cosmeticsButton (open cosmetics menu)
		if (cosmeticsButton && x >= cosmeticsButton.x - cosmeticsButton.width / 2 && x <= cosmeticsButton.x + cosmeticsButton.width / 2 && y >= cosmeticsButton.y - cosmeticsButton.height / 2 && y <= cosmeticsButton.y + cosmeticsButton.height / 2) {
			// Hide main menu assets
			playButton.visible = false;
			cosmeticsButton.visible = false;
			if (volumeOnButton) {
				volumeOnButton.visible = false;
			}
			if (volumeOffButton) {
				volumeOffButton.visible = false;
			}
			highScoreGroup.visible = false;
			// Show cosmetics menu assets
			cosmeticsTitle.visible = true;
			birdFrame.visible = true;
			dragonFrame.visible = true;
			backButton.visible = true;
			birdSprite.visible = true;
			dragonSprite.visible = true;
			cosmeticsMenuActive = true;
			scoreGroup.visible = false; // Hide score display in cosmetics menu
			return;
		}
		// Handle selecting dragon character in cosmetics menu
		if (cosmeticsMenuActive && dragonSprite && dragonSprite.visible && x >= dragonSprite.x - dragonSprite.width / 2 && x <= dragonSprite.x + dragonSprite.width / 2 && y >= dragonSprite.y - dragonSprite.height / 2 && y <= dragonSprite.y + dragonSprite.height / 2) {
			theme = "dragon";
			// Update background
			var newBackgroundAssetId = "backgroundDragon";
			var newGroundAssetId = "groundDragon";
			var newPlayerAssetId = "playerDragon";
			// Update score frame asset for dragon theme
			setScoreDigits(score);
			// Remove old background and ground
			if (background && background.parent) {
				background.parent.removeChild(background);
			}
			if (ground && ground.parent) {
				ground.parent.removeChild(ground);
			}
			// Add new background and ground
			background = LK.getAsset(newBackgroundAssetId, {
				width: 2048,
				height: 2732,
				anchorX: 0,
				anchorY: 0
			});
			background.x = 0;
			background.y = 0;
			game.addChildAt(background, 0);
			ground = LK.getAsset(newGroundAssetId, {
				width: 2048,
				height: GROUND_HEIGHT,
				color: 0x8b5a2b,
				shape: 'box',
				anchorX: 0,
				anchorY: 0
			});
			ground.x = 0;
			ground.y = 2732 - GROUND_HEIGHT;
			game.addChildAt(ground, 1);
			// Update player asset
			if (player && player.children && player.children.length > 0) {
				var oldAsset = player.children[0];
				var newAsset = player.attachAsset(newPlayerAssetId, {
					width: 200,
					height: 200,
					color: 0xffd700,
					shape: 'box',
					anchorX: 0.5,
					anchorY: 0.5
				});
				newAsset.x = oldAsset.x;
				newAsset.y = oldAsset.y;
				newAsset.rotation = oldAsset.rotation;
				player.removeChild(oldAsset);
			}
			// Update volume button assets for dragon theme
			if (volumeOnButton && volumeOffButton) {
				// Remove old buttons from game
				if (volumeOnButton.parent) {
					volumeOnButton.parent.removeChild(volumeOnButton);
				}
				if (volumeOffButton.parent) {
					volumeOffButton.parent.removeChild(volumeOffButton);
				}
				// Create new dragon theme volume buttons
				volumeOnButton = LK.getAsset('volumeOnDragon', {
					width: volumeBtnWidth,
					height: volumeBtnHeightOn,
					anchorX: 0.5,
					anchorY: 0.5,
					x: volumeBtnX,
					y: volumeBtnY
				});
				volumeOffButton = LK.getAsset('volumeOffDragon', {
					width: volumeBtnWidth,
					height: volumeBtnHeightOff,
					anchorX: 0.5,
					anchorY: 0.5,
					x: volumeBtnX,
					y: volumeBtnY
				});
				// Hide volume buttons if cosmetics menu is active, otherwise set based on isVolumeOn
				if (cosmeticsMenuActive) {
					volumeOnButton.visible = false;
					volumeOffButton.visible = false;
				} else {
					volumeOnButton.visible = isVolumeOn;
					volumeOffButton.visible = !isVolumeOn;
				}
				game.addChild(volumeOnButton);
				game.addChild(volumeOffButton);
			}
			// Optionally, you could add a visual feedback here (e.g. highlight selection)
			// --- Cosmetics selection visual feedback: bounce animation for selected character ---
			if (cosmeticsMenuActive) {
				var bounceDragonUp = function bounceDragonUp() {
					tween(dragonSprite, {
						y: dragonFrame.y - bounceAmount
					}, {
						duration: bounceDuration,
						easing: tween.cubicOut,
						onFinish: bounceDragonDown
					});
				};
				var bounceDragonDown = function bounceDragonDown() {
					tween(dragonSprite, {
						y: dragonFrame.y
					}, {
						duration: bounceDuration,
						easing: tween.cubicIn,
						onFinish: bounceDragonUp
					});
				};
				// Stop any previous tweens
				tween.stop(birdSprite, {
					y: true
				});
				tween.stop(dragonSprite, {
					y: true
				});
				// Bird is not selected, dragon is selected
				// Bird: reset to original position, no bounce
				birdSprite.y = birdFrame.y;
				// Dragon: bounce up and down
				var bounceAmount = 60;
				var bounceDuration = 600;
				bounceDragonUp();
			}
			return;
		}
		// Handle selecting bird character in cosmetics menu
		if (cosmeticsMenuActive && birdSprite && birdSprite.visible && x >= birdSprite.x - birdSprite.width / 2 && x <= birdSprite.x + birdSprite.width / 2 && y >= birdSprite.y - birdSprite.height / 2 && y <= birdSprite.y + birdSprite.height / 2) {
			theme = "bird";
			// Update background
			var newBackgroundAssetId = "background";
			var newGroundAssetId = "ground";
			var newPlayerAssetId = "playerSquare";
			// Update score frame asset for bird theme
			setScoreDigits(score);
			// Remove old background and ground
			if (background && background.parent) {
				background.parent.removeChild(background);
			}
			if (ground && ground.parent) {
				ground.parent.removeChild(ground);
			}
			// Add new background and ground
			background = LK.getAsset(newBackgroundAssetId, {
				width: 2048,
				height: 2732,
				anchorX: 0,
				anchorY: 0
			});
			background.x = 0;
			background.y = 0;
			game.addChildAt(background, 0);
			ground = LK.getAsset(newGroundAssetId, {
				width: 2048,
				height: GROUND_HEIGHT,
				color: 0x8b5a2b,
				shape: 'box',
				anchorX: 0,
				anchorY: 0
			});
			ground.x = 0;
			ground.y = 2732 - GROUND_HEIGHT;
			game.addChildAt(ground, 1);
			// Update player asset
			if (player && player.children && player.children.length > 0) {
				var oldAsset = player.children[0];
				var newAsset = player.attachAsset(newPlayerAssetId, {
					width: 200,
					height: 200,
					color: 0xffd700,
					shape: 'box',
					anchorX: 0.5,
					anchorY: 0.5
				});
				newAsset.x = oldAsset.x;
				newAsset.y = oldAsset.y;
				newAsset.rotation = oldAsset.rotation;
				player.removeChild(oldAsset);
			}
			// Update volume button assets for bird theme
			if (volumeOnButton && volumeOffButton) {
				// Remove old buttons from game
				if (volumeOnButton.parent) {
					volumeOnButton.parent.removeChild(volumeOnButton);
				}
				if (volumeOffButton.parent) {
					volumeOffButton.parent.removeChild(volumeOffButton);
				}
				// Create new bird theme volume buttons
				volumeOnButton = LK.getAsset('volumeOn', {
					width: volumeBtnWidth,
					height: volumeBtnHeightOn,
					anchorX: 0.5,
					anchorY: 0.5,
					x: volumeBtnX,
					y: volumeBtnY
				});
				volumeOffButton = LK.getAsset('volumeOff', {
					width: volumeBtnWidth,
					height: volumeBtnHeightOff,
					anchorX: 0.5,
					anchorY: 0.5,
					x: volumeBtnX,
					y: volumeBtnY
				});
				// Hide volume buttons if cosmetics menu is active, otherwise set based on isVolumeOn
				if (cosmeticsMenuActive) {
					volumeOnButton.visible = false;
					volumeOffButton.visible = false;
				} else {
					volumeOnButton.visible = isVolumeOn;
					volumeOffButton.visible = !isVolumeOn;
				}
				game.addChild(volumeOnButton);
				game.addChild(volumeOffButton);
			}
			// --- Cosmetics selection visual feedback: bounce animation for selected character ---
			if (cosmeticsMenuActive) {
				var bounceBirdUp = function bounceBirdUp() {
					tween(birdSprite, {
						y: birdFrame.y - bounceAmount
					}, {
						duration: bounceDuration,
						easing: tween.cubicOut,
						onFinish: bounceBirdDown
					});
				};
				var bounceBirdDown = function bounceBirdDown() {
					tween(birdSprite, {
						y: birdFrame.y
					}, {
						duration: bounceDuration,
						easing: tween.cubicIn,
						onFinish: bounceBirdUp
					});
				};
				// Stop any previous tweens
				tween.stop(birdSprite, {
					y: true
				});
				tween.stop(dragonSprite, {
					y: true
				});
				// Dragon is not selected, bird is selected
				// Dragon: reset to original position, no bounce
				dragonSprite.y = dragonFrame.y;
				// Bird: bounce up and down
				var bounceAmount = 60;
				var bounceDuration = 600;
				bounceBirdUp();
			}
			return;
		}
		// Handle BACK button in cosmetics menu
		if (cosmeticsMenuActive && backButton && backButton.visible && x >= backButton.x - backButton.width / 2 && x <= backButton.x + backButton.width / 2 && y >= backButton.y - backButton.height / 2 && y <= backButton.y + backButton.height / 2) {
			// Hide cosmetics menu assets
			cosmeticsTitle.visible = false;
			birdFrame.visible = false;
			dragonFrame.visible = false;
			backButton.visible = false;
			birdSprite.visible = false;
			dragonSprite.visible = false;
			cosmeticsMenuActive = false;
			// Stop bounce tweens and reset positions
			tween.stop(birdSprite, {
				y: true
			});
			tween.stop(dragonSprite, {
				y: true
			});
			birdSprite.y = birdFrame.y;
			dragonSprite.y = dragonFrame.y;
			// Show main menu assets
			playButton.visible = true;
			cosmeticsButton.visible = true;
			if (isVolumeOn) {
				volumeOnButton.visible = true;
				volumeOffButton.visible = false;
			} else {
				volumeOnButton.visible = false;
				volumeOffButton.visible = true;
			}
			highScoreGroup.visible = true;
			scoreGroup.visible = false; // Hide score display in main menu
			return;
		}
		// Block jump if not started
		return;
	}
	playerJump();
};
// Main update loop
game.update = function () {
	if (!gameStarted || gameOver) {
		// Idle animation: player slowly falls, pipes don't move
		player.update();
		// Clamp player to not fall below ground
		if (player.y + 100 > 2732 - GROUND_HEIGHT) {
			player.y = 2732 - GROUND_HEIGHT - 100;
			player.vy = 0.0;
		}
		return;
	}
	// Update player
	player.update();
	// Clamp player to not fall below ground
	if (player.y + 100 > 2732 - GROUND_HEIGHT) {
		player.y = 2732 - GROUND_HEIGHT - 100;
		endGame();
		return;
	}
	// Clamp player to not go above screen
	if (player.y - 100 < 0) {
		player.y = 100;
		player.vy = 0;
	}
	// Spawn pipes
	ticksSinceLastPipe++;
	if (ticksSinceLastPipe >= PIPE_INTERVAL) {
		ticksSinceLastPipe = 0;
		var pipe = new PipePair();
		pipe.speed = pipeSpeed;
		pipes.push(pipe);
		game.addChild(pipe);
	}
	// Update pipes
	for (var i = pipes.length - 1; i >= 0; i--) {
		var pipe = pipes[i];
		pipe.speed = pipeSpeed;
		pipe.update();
		// Check for collision
		if (pipe.intersectsPlayer(player)) {
			endGame();
			return;
		}
		// Check if player passed the pipe (score)
		if (!pipe.passed && pipe.x + 220 < player.x - 100) {
			pipe.passed = true;
			score++;
			setScoreDigits(score);
			// Increase speed every 5 points, up to max
			if (score % 5 === 0 && pipeSpeed > PIPE_SPEED_MAX) {
				pipeSpeed += PIPE_SPEED_INC;
			}
		}
		// Remove pipes that are off screen
		if (pipe.x + 220 < -100) {
			pipe.destroy();
			pipes.splice(i, 1);
		}
	}
};
// Idle animation: gently bob player up and down before game starts
var idleDir = 1;
var idleTicks = 0;
game.idleInterval = LK.setInterval(function () {
	if (!gameStarted && !gameOver) {
		idleTicks++;
		if (idleTicks % 30 === 0) {
			idleDir *= -1;
		}
		player.y += idleDir * 2;
	}
}, 16);
// Reset game on game over (handled by LK, but for safety)
game.onGameOver = function () {
	gameStarted = false;
	gameOver = true;
	if (playButton) {
		playButton.visible = true;
	}
	if (cosmeticsButton) {
		cosmeticsButton.visible = true;
	}
	if (volumeOnButton && volumeOffButton) {
		if (isVolumeOn) {
			volumeOnButton.visible = true;
			volumeOffButton.visible = false;
		} else {
			volumeOnButton.visible = false;
			volumeOffButton.visible = true;
		}
	}
};
// Reset game on you win (not used, but for completeness)
game.onYouWin = function () {
	gameStarted = false;
	gameOver = true;
	if (playButton) {
		playButton.visible = true;
	}
	if (cosmeticsButton) {
		cosmeticsButton.visible = true;
	}
	if (player) {
		player.visible = false;
	} // Hide player after you win
	if (volumeOnButton && volumeOffButton) {
		if (isVolumeOn) {
			volumeOnButton.visible = true;
			volumeOffButton.visible = false;
		} else {
			volumeOnButton.visible = false;
			volumeOffButton.visible = true;
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -131,10 +131,10 @@
 
 /**** 
 * Game Code
 ****/ 
-// Tween plugin for smooth animations (not strictly needed for MVP, but included for future use)
 // Game constants
+// Tween plugin for smooth animations (not strictly needed for MVP, but included for future use)
 var GROUND_HEIGHT = 350;
 // Volume button state and asset
 var volumeOnButton = null;
 var volumeOffButton = null;
@@ -172,10 +172,10 @@
 	for (var i = scoreGroup.children.length - 1; i >= 1; i--) {
 		scoreGroup.removeChild(scoreGroup.children[i]);
 	}
 	var digits = String(n).split('');
-	// Always use bird theme score frame asset
-	var scoreFrameAssetId = "scoreSign";
+	// Use the correct score frame asset for theme
+	var scoreFrameAssetId = theme === "dragon" ? "scoreSignDragon" : "scoreSign";
 	var scoreFrame = scoreGroup.children[0];
 	if (!scoreFrame || scoreFrame.assetId !== scoreFrameAssetId) {
 		// Remove old frame if wrong
 		if (scoreFrame) scoreGroup.removeChild(scoreFrame);
@@ -213,14 +213,10 @@
 }
 // Add to game
 game.addChild(scoreGroup);
 // Load best score from storage at game start
-if (typeof storage.flappyBest !== "undefined") {
-	bestScore = storage.flappyBest;
-} else {
-	bestScore = 0;
-	storage.flappyBest = 0;
-}
+bestScore = 31;
+storage.flappyBest = 31;
 // Add background image (behind everything)
 var backgroundAssetId = theme === "dragon" ? "backgroundDragon" : "background";
 var groundAssetId = theme === "dragon" ? "groundDragon" : "ground";
 var playerAssetId = theme === "dragon" ? "playerDragon" : "playerSquare";
@@ -585,9 +581,9 @@
 			// Update background
 			var newBackgroundAssetId = "backgroundDragon";
 			var newGroundAssetId = "groundDragon";
 			var newPlayerAssetId = "playerDragon";
-			// Do not update score frame asset for dragon theme (always bird theme)
+			// Update score frame asset for dragon theme
 			setScoreDigits(score);
 			// Remove old background and ground
 			if (background && background.parent) {
 				background.parent.removeChild(background);
@@ -713,9 +709,9 @@
 			// Update background
 			var newBackgroundAssetId = "background";
 			var newGroundAssetId = "ground";
 			var newPlayerAssetId = "playerSquare";
-			// Do not update score frame asset for bird theme (always bird theme)
+			// Update score frame asset for bird theme
 			setScoreDigits(score);
 			// Remove old background and ground
 			if (background && background.parent) {
 				background.parent.removeChild(background);