/**** 
* Classes
****/ 
var MenuScreen = Container.expand(function () {
	var self = Container.call(this);
	// Dark background
	var background = self.attachAsset('menuBackground', {
		x: 0,
		y: 0
	});
	// Blood moon effect in top right
	var moon = self.attachAsset('moonGlow', {
		x: 1600,
		y: 300,
		alpha: 0.7,
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Blood splatter decorations
	var splatter1 = self.attachAsset('bloodSplatter', {
		x: 200,
		y: 500,
		alpha: 0.6,
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.8,
		scaleY: 1.2
	});
	var splatter2 = self.attachAsset('bloodSplatter', {
		x: 1700,
		y: 1800,
		alpha: 0.4,
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 1.5,
		scaleY: 0.7
	});
	// Main title
	var titleText = new Text2('NIGHT OF THE\nMASSACRE 3', {
		size: 120,
		fill: 0xFF4444,
		align: 'center'
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 1024;
	titleText.y = 800;
	self.addChild(titleText);
	// Subtitle
	var subtitleText = new Text2('BLOOD MOON RISING', {
		size: 60,
		fill: 0xFFFFFF,
		align: 'center'
	});
	subtitleText.anchor.set(0.5, 0.5);
	subtitleText.x = 1024;
	subtitleText.y = 1000;
	self.addChild(subtitleText);
	// Start instruction
	var startText = new Text2('TAP ANYWHERE TO BEGIN', {
		size: 40,
		fill: 0xCCCCCC,
		align: 'center'
	});
	startText.anchor.set(0.5, 0.5);
	startText.x = 1024;
	startText.y = 1800;
	self.addChild(startText);
	// Pulsing effect for start text
	self.pulseTimer = 0;
	self.update = function () {
		self.pulseTimer += 0.1;
		startText.alpha = 0.5 + Math.sin(self.pulseTimer) * 0.3;
		// Subtle moon glow animation
		moon.alpha = 0.5 + Math.sin(self.pulseTimer * 0.5) * 0.2;
	};
	// Handle tap to start
	self.down = function (x, y, obj) {
		// Transition to game (this will be handled by destroying menu and starting game)
		self.destroy();
		startGame();
	};
	return self;
});
var ModeSelectionScreen = Container.expand(function () {
	var self = Container.call(this);
	// Dark background
	var background = self.attachAsset('menuBackground', {
		x: 0,
		y: 0
	});
	// Blood moon effect in top right
	var moon = self.attachAsset('moonGlow', {
		x: 1600,
		y: 300,
		alpha: 0.7,
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Main title
	var titleText = new Text2('CHOOSE YOUR NIGHTMARE', {
		size: 80,
		fill: 0xFF4444,
		align: 'center'
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 1024;
	titleText.y = 600;
	self.addChild(titleText);
	// Mode 1 - Classic Survival
	var mode1Text = new Text2('CLASSIC SURVIVAL', {
		size: 60,
		fill: 0xFFFFFF,
		align: 'center'
	});
	mode1Text.anchor.set(0.5, 0.5);
	mode1Text.x = 1024;
	mode1Text.y = 1000;
	self.addChild(mode1Text);
	var mode1Desc = new Text2('Survive until dawn with limited resources', {
		size: 30,
		fill: 0xCCCCCC,
		align: 'center'
	});
	mode1Desc.anchor.set(0.5, 0.5);
	mode1Desc.x = 1024;
	mode1Desc.y = 1080;
	self.addChild(mode1Desc);
	// Mode 2 - Endless Nightmare
	var mode2Text = new Text2('ENDLESS NIGHTMARE', {
		size: 60,
		fill: 0xFFFFFF,
		align: 'center'
	});
	mode2Text.anchor.set(0.5, 0.5);
	mode2Text.x = 1024;
	mode2Text.y = 1300;
	self.addChild(mode2Text);
	var mode2Desc = new Text2('Face endless waves of increasing horror', {
		size: 30,
		fill: 0xCCCCCC,
		align: 'center'
	});
	mode2Desc.anchor.set(0.5, 0.5);
	mode2Desc.x = 1024;
	mode2Desc.y = 1380;
	self.addChild(mode2Desc);
	// Mode 3 - Blood Eclipse
	var mode3Text = new Text2('BLOOD ECLIPSE', {
		size: 60,
		fill: 0xFFFFFF,
		align: 'center'
	});
	mode3Text.anchor.set(0.5, 0.5);
	mode3Text.x = 1024;
	mode3Text.y = 1600;
	self.addChild(mode3Text);
	var mode3Desc = new Text2('Ultimate challenge with eclipse phases', {
		size: 30,
		fill: 0xCCCCCC,
		align: 'center'
	});
	mode3Desc.anchor.set(0.5, 0.5);
	mode3Desc.x = 1024;
	mode3Desc.y = 1680;
	self.addChild(mode3Desc);
	// Back instruction
	var backText = new Text2('TAP TO SELECT MODE', {
		size: 40,
		fill: 0xFF6666,
		align: 'center'
	});
	backText.anchor.set(0.5, 0.5);
	backText.x = 1024;
	backText.y = 2000;
	self.addChild(backText);
	// Pulsing effect
	self.pulseTimer = 0;
	self.update = function () {
		self.pulseTimer += 0.1;
		backText.alpha = 0.5 + Math.sin(self.pulseTimer) * 0.3;
		moon.alpha = 0.5 + Math.sin(self.pulseTimer * 0.5) * 0.2;
	};
	// Handle mode selection
	self.down = function (x, y, obj) {
		var selectedMode = 1;
		if (y > 1200 && y < 1400) {
			selectedMode = 2; // Endless Nightmare
		} else if (y > 1500 && y < 1700) {
			selectedMode = 3; // Blood Eclipse
		}
		self.destroy();
		startGameWithMode(selectedMode);
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var menuScreen = null;
var modeSelectionScreen = null;
var gameStarted = false;
var selectedGameMode = 1;
function startGame() {
	// Show mode selection screen instead of starting game directly
	showModeSelection();
}
function showMenu() {
	if (!menuScreen) {
		menuScreen = new MenuScreen();
		game.addChild(menuScreen);
	}
}
function showModeSelection() {
	if (!modeSelectionScreen) {
		modeSelectionScreen = new ModeSelectionScreen();
		game.addChild(modeSelectionScreen);
	}
}
function startGameWithMode(mode) {
	selectedGameMode = mode;
	gameStarted = true;
	console.log("Starting game with mode:", mode);
	// Actual game implementation will go here
}
// Show menu on game start
showMenu();
game.update = function () {
	// Menu handles its own updates when active
	if (!gameStarted && menuScreen) {
		// Menu is active, no additional game logic needed
	}
};

===================================================================
--- original.js
+++ change.js
@@ -80,8 +80,120 @@
 		startGame();
 	};
 	return self;
 });
+var ModeSelectionScreen = Container.expand(function () {
+	var self = Container.call(this);
+	// Dark background
+	var background = self.attachAsset('menuBackground', {
+		x: 0,
+		y: 0
+	});
+	// Blood moon effect in top right
+	var moon = self.attachAsset('moonGlow', {
+		x: 1600,
+		y: 300,
+		alpha: 0.7,
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	// Main title
+	var titleText = new Text2('CHOOSE YOUR NIGHTMARE', {
+		size: 80,
+		fill: 0xFF4444,
+		align: 'center'
+	});
+	titleText.anchor.set(0.5, 0.5);
+	titleText.x = 1024;
+	titleText.y = 600;
+	self.addChild(titleText);
+	// Mode 1 - Classic Survival
+	var mode1Text = new Text2('CLASSIC SURVIVAL', {
+		size: 60,
+		fill: 0xFFFFFF,
+		align: 'center'
+	});
+	mode1Text.anchor.set(0.5, 0.5);
+	mode1Text.x = 1024;
+	mode1Text.y = 1000;
+	self.addChild(mode1Text);
+	var mode1Desc = new Text2('Survive until dawn with limited resources', {
+		size: 30,
+		fill: 0xCCCCCC,
+		align: 'center'
+	});
+	mode1Desc.anchor.set(0.5, 0.5);
+	mode1Desc.x = 1024;
+	mode1Desc.y = 1080;
+	self.addChild(mode1Desc);
+	// Mode 2 - Endless Nightmare
+	var mode2Text = new Text2('ENDLESS NIGHTMARE', {
+		size: 60,
+		fill: 0xFFFFFF,
+		align: 'center'
+	});
+	mode2Text.anchor.set(0.5, 0.5);
+	mode2Text.x = 1024;
+	mode2Text.y = 1300;
+	self.addChild(mode2Text);
+	var mode2Desc = new Text2('Face endless waves of increasing horror', {
+		size: 30,
+		fill: 0xCCCCCC,
+		align: 'center'
+	});
+	mode2Desc.anchor.set(0.5, 0.5);
+	mode2Desc.x = 1024;
+	mode2Desc.y = 1380;
+	self.addChild(mode2Desc);
+	// Mode 3 - Blood Eclipse
+	var mode3Text = new Text2('BLOOD ECLIPSE', {
+		size: 60,
+		fill: 0xFFFFFF,
+		align: 'center'
+	});
+	mode3Text.anchor.set(0.5, 0.5);
+	mode3Text.x = 1024;
+	mode3Text.y = 1600;
+	self.addChild(mode3Text);
+	var mode3Desc = new Text2('Ultimate challenge with eclipse phases', {
+		size: 30,
+		fill: 0xCCCCCC,
+		align: 'center'
+	});
+	mode3Desc.anchor.set(0.5, 0.5);
+	mode3Desc.x = 1024;
+	mode3Desc.y = 1680;
+	self.addChild(mode3Desc);
+	// Back instruction
+	var backText = new Text2('TAP TO SELECT MODE', {
+		size: 40,
+		fill: 0xFF6666,
+		align: 'center'
+	});
+	backText.anchor.set(0.5, 0.5);
+	backText.x = 1024;
+	backText.y = 2000;
+	self.addChild(backText);
+	// Pulsing effect
+	self.pulseTimer = 0;
+	self.update = function () {
+		self.pulseTimer += 0.1;
+		backText.alpha = 0.5 + Math.sin(self.pulseTimer) * 0.3;
+		moon.alpha = 0.5 + Math.sin(self.pulseTimer * 0.5) * 0.2;
+	};
+	// Handle mode selection
+	self.down = function (x, y, obj) {
+		var selectedMode = 1;
+		if (y > 1200 && y < 1400) {
+			selectedMode = 2; // Endless Nightmare
+		} else if (y > 1500 && y < 1700) {
+			selectedMode = 3; // Blood Eclipse
+		}
+		self.destroy();
+		startGameWithMode(selectedMode);
+	};
+	return self;
+});
 
 /**** 
 * Initialize Game
 ****/ 
@@ -92,20 +204,33 @@
 /**** 
 * Game Code
 ****/ 
 var menuScreen = null;
+var modeSelectionScreen = null;
 var gameStarted = false;
+var selectedGameMode = 1;
 function startGame() {
-	gameStarted = true;
-	// Game will start here - placeholder for actual game implementation
-	console.log("Game starting...");
+	// Show mode selection screen instead of starting game directly
+	showModeSelection();
 }
 function showMenu() {
 	if (!menuScreen) {
 		menuScreen = new MenuScreen();
 		game.addChild(menuScreen);
 	}
 }
+function showModeSelection() {
+	if (!modeSelectionScreen) {
+		modeSelectionScreen = new ModeSelectionScreen();
+		game.addChild(modeSelectionScreen);
+	}
+}
+function startGameWithMode(mode) {
+	selectedGameMode = mode;
+	gameStarted = true;
+	console.log("Starting game with mode:", mode);
+	// Actual game implementation will go here
+}
 // Show menu on game start
 showMenu();
 game.update = function () {
 	// Menu handles its own updates when active