===================================================================
--- original.js
+++ change.js
@@ -519,27 +519,22 @@
 	}
 	powerups.push(powerUpCenterLane);
 	game.addChild(powerUpCenterLane);
 }
-// Create overlay behind main menu
-var mainMenuOverlay = new Container();
-var overlayGraphics = LK.getAsset('obstacle', {
-	anchorX: 0.5,
-	anchorY: 0.5,
-	alpha: 0.5,
-	width: 2048,
-	height: 2732,
-	color: 0x000000
-});
-mainMenuOverlay.addChild(overlayGraphics);
-mainMenuOverlay.x = 2048 / 2 - overlayGraphics.width / 2;
-mainMenuOverlay.y = 2732 / 2 - overlayGraphics.height / 2;
-game.addChildAt(mainMenuOverlay, game.children.length);
 // Create main menu container
 var mainMenu = new Container();
-mainMenu.x = 2048 / 2;
-mainMenu.y = 2732 / 2;
 game.addChildAt(mainMenu, game.children.length);
+// Create a dimming overlay
+var dimOverlay = new Container();
+var dimGraphics = new LK.getAsset('box', {
+	width: 2048,
+	height: 2732,
+	color: 0x000000,
+	alpha: 0.5
+});
+dimOverlay.addChild(dimGraphics);
+game.addChildAt(dimOverlay, game.children.length - 1); // Add dim overlay below the main menu
+dimOverlay.visible = false; // Hide dim overlay initially
 // Create title text
 var titleText = new Text2('Endless TRIP', {
 	size: 200,
 	fill: "#ffffff",
@@ -555,10 +550,10 @@
 if (!lanes || lanes.length < 3) {
 	console.error("Lanes array is not properly initialized.");
 	lanes = [2048 / 4, 2048 / 2, 2048 / 4 * 3]; // Reinitialize lanes array
 }
-titleText.x = 0; // Center the title text within the main menu
-titleText.y = -2732 / 4;
+titleText.x = lanes[1]; // Center the title text over the middle lane
+titleText.y = 2732 / 4;
 mainMenu.addChild(titleText);
 // Create mode 1 button
 var mode1Button = new Container();
 var mode1ButtonText = new Text2('->Training!', {
@@ -572,10 +567,10 @@
 	borderWidth: 5
 });
 mode1ButtonText.anchor.set(0.5, 0.5);
 mode1Button.addChild(mode1ButtonText);
-mode1Button.x = 0; // Center the mode 1 button within the main menu
-mode1Button.y = 0;
+mode1Button.x = lanes[1]; // Center the mode 1 button text over the middle lane
+mode1Button.y = 2732 / 2;
 mainMenu.addChildAt(mode1Button, mainMenu.children.length);
 // Create mode 2 button
 var mode2Button = new Container();
 var mode2ButtonText = new Text2('->I am Ready!', {
@@ -589,21 +584,27 @@
 	borderWidth: 5
 });
 mode2ButtonText.anchor.set(0.5, 0.5);
 mode2Button.addChild(mode2ButtonText);
-mode2Button.x = 0; // Center the mode 2 button within the main menu
-mode2Button.y = 300;
+mode2Button.x = lanes[1]; // Center the mode 2 button text over the middle lane
+mode2Button.y = 2732 / 2 + 300;
 mainMenu.addChildAt(mode2Button, mainMenu.children.length);
 // Add event listeners for buttons
 mode1Button.down = function () {
 	startGame('mode1');
+	dimOverlay.visible = false;
 };
 mode2Button.down = function () {
 	startGame('mode2');
+	dimOverlay.visible = false;
 };
+// Show dim overlay when the menu is up
+mainMenu.visible = true;
+dimOverlay.visible = true;
 // Function to start the game
 function startGame(mode) {
 	mainMenu.visible = false;
+	dimOverlay.visible = false;
 	scoreTxt.visible = true; // Show score when game starts
 	// Initialize game elements based on selected mode
 	if (mode === 'mode1') {
 		// Initialize mode 1 specific elements