===================================================================
--- original.js
+++ change.js
@@ -527,9 +527,10 @@
 }
 // Create main menu container
 var mainMenu = new Container();
 game.addChildAt(mainMenu, game.children.length);
-// Create title text
+// Create title text with background button
+var titleButton = new Container();
 var titleText = new Text2('Endless TRIP', {
 	size: 200,
 	fill: "#ffffff",
 	stroke: "#000000",
@@ -539,18 +540,26 @@
 	borderColor: "#000000",
 	borderWidth: 5
 });
 titleText.anchor.set(0.5, 0.5);
+titleButton.addChild(titleText);
 // Ensure lanes array is properly initialized before accessing its elements
 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 = lanes[1]; // Center the title text over the middle lane
-titleText.y = 2732 / 4;
-mainMenu.addChild(titleText);
-// Create mode 1 button
+titleButton.x = lanes[1]; // Center the title button over the middle lane
+titleButton.y = 2732 / 4;
+mainMenu.addChild(titleButton);
+// Create mode 1 button with background
 var mode1Button = new Container();
+var mode1ButtonBackground = LK.getAsset('box', {
+	width: 400,
+	height: 200,
+	color: 0x000000,
+	anchorX: 0.5,
+	anchorY: 0.5
+});
 var mode1ButtonText = new Text2('->Training!', {
 	size: 150,
 	fill: "#ffffff",
 	stroke: "#000000",
@@ -560,14 +569,22 @@
 	borderColor: "#000000",
 	borderWidth: 5
 });
 mode1ButtonText.anchor.set(0.5, 0.5);
+mode1Button.addChild(mode1ButtonBackground);
 mode1Button.addChild(mode1ButtonText);
-mode1Button.x = lanes[1]; // Center the mode 1 button text over the middle lane
+mode1Button.x = lanes[1]; // Center the mode 1 button over the middle lane
 mode1Button.y = 2732 / 2;
 mainMenu.addChildAt(mode1Button, mainMenu.children.length);
-// Create mode 2 button
+// Create mode 2 button with background
 var mode2Button = new Container();
+var mode2ButtonBackground = LK.getAsset('box', {
+	width: 400,
+	height: 200,
+	color: 0x000000,
+	anchorX: 0.5,
+	anchorY: 0.5
+});
 var mode2ButtonText = new Text2('->I am Ready!', {
 	size: 150,
 	fill: "#ffffff",
 	stroke: "#000000",
@@ -577,10 +594,11 @@
 	borderColor: "#000000",
 	borderWidth: 5
 });
 mode2ButtonText.anchor.set(0.5, 0.5);
+mode2Button.addChild(mode2ButtonBackground);
 mode2Button.addChild(mode2ButtonText);
-mode2Button.x = lanes[1]; // Center the mode 2 button text over the middle lane
+mode2Button.x = lanes[1]; // Center the mode 2 button over the middle lane
 mode2Button.y = 2732 / 2 + 300;
 mainMenu.addChildAt(mode2Button, mainMenu.children.length);
 // Add event listeners for buttons
 mode1Button.down = function () {