===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,279 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
+* Classes
+****/ 
+var ChatBubble = Container.expand(function (message, isPlayer, bubbleWidth) {
+	var self = Container.call(this);
+	bubbleWidth = bubbleWidth || 800;
+	var bubbleHeight = Math.max(120, Math.ceil(message.length / 40) * 60);
+	var bubble = self.attachAsset(isPlayer ? 'chatBubblePlayer' : 'chatBubbleBot', {
+		width: bubbleWidth,
+		height: bubbleHeight,
+		anchorX: 0,
+		anchorY: 0
+	});
+	var messageText = new Text2(message, {
+		size: 45,
+		fill: isPlayer ? "#FFFFFF" : "#333333",
+		wordWrap: true,
+		wordWrapWidth: bubbleWidth - 40
+	});
+	messageText.anchor.set(0, 0);
+	messageText.x = 20;
+	messageText.y = 20;
+	self.addChild(messageText);
+	self.isPlayer = isPlayer;
+	self.message = message;
+	return self;
+});
+var OptionButton = Container.expand(function (text, callback) {
+	var self = Container.call(this);
+	var buttonHeight = Math.max(100, Math.ceil(text.length / 60) * 40);
+	var button = self.attachAsset('optionButton', {
+		width: 1600,
+		height: buttonHeight,
+		anchorX: 0,
+		anchorY: 0
+	});
+	var buttonText = new Text2(text, {
+		size: 40,
+		fill: 0x333333,
+		wordWrap: true,
+		wordWrapWidth: 1560
+	});
+	buttonText.anchor.set(0, 0.5);
+	buttonText.x = 20;
+	buttonText.y = buttonHeight / 2;
+	self.addChild(buttonText);
+	self.callback = callback;
+	self.originalColor = 0xDDDDDD;
+	self.down = function () {
+		button.tint = 0xBBBBBB;
+	};
+	self.up = function () {
+		button.tint = 0xDDDDDD;
+		if (self.callback) {
+			self.callback();
+		}
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0xF8F9FA
+});
+
+/**** 
+* Game Code
+****/ 
+// Game state variables
+var currentLevel = 1;
+var chatHistory = [];
+var currentOptions = [];
+var isWaitingForResponse = false;
+var scrollOffset = 0;
+var maxScrollOffset = 0;
+// UI Elements
+var chatContainer = new Container();
+var optionsContainer = new Container();
+var scoreText = new Text2('Level: 1', {
+	size: 60,
+	fill: 0x333333
+});
+// Position UI elements
+game.addChild(chatContainer);
+game.addChild(optionsContainer);
+scoreText.anchor.set(0, 0);
+scoreText.x = 150;
+scoreText.y = 50;
+LK.gui.topLeft.addChild(scoreText);
+// Chat scenarios data
+var scenarios = [{
+	level: 1,
+	botGreeting: "Hello! I'm your AI assistant. I'm thinking of a number between 1 and 10. Can you guess it?",
+	correctAnswer: "5",
+	options: ["3", "5", "7", "I need a hint"],
+	responses: {
+		"3": "Too low! Try again.",
+		"5": "Correct! Well done. You've completed the first challenge!",
+		"7": "Too high! Try again.",
+		"I need a hint": "It's exactly in the middle of 1 and 10."
+	},
+	winCondition: "5"
+}, {
+	level: 2,
+	botGreeting: "Great job! Now for something trickier. I'm an animal that says 'moo' and gives milk. What am I?",
+	correctAnswer: "cow",
+	options: ["dog", "cow", "cat", "I don't know"],
+	responses: {
+		"dog": "Dogs don't say 'moo' or give milk. Think again!",
+		"cow": "Excellent! Cows do indeed say 'moo' and give milk. Level complete!",
+		"cat": "Cats say 'meow', not 'moo'. Try again!",
+		"I don't know": "Think about farm animals. Which one makes that sound?"
+	},
+	winCondition: "cow"
+}, {
+	level: 3,
+	botGreeting: "You're getting good at this! Here's a riddle: I have keys but no locks. I have space but no room. You can enter but not go inside. What am I?",
+	correctAnswer: "keyboard",
+	options: ["piano", "keyboard", "computer", "Give me a clue"],
+	responses: {
+		"piano": "A piano has keys, but think about something you use every day with computers.",
+		"keyboard": "Perfect! A keyboard has keys, a space bar, and an enter key. You've mastered level 3!",
+		"computer": "Close! But think more specifically about the part you use to type.",
+		"Give me a clue": "You use this to type messages and play games on your computer."
+	},
+	winCondition: "keyboard"
+}];
+var currentScenario = scenarios[0];
+function addChatBubble(message, isPlayer) {
+	var bubble = new ChatBubble(message, isPlayer, 1400);
+	var yPos = 150;
+	for (var i = 0; i < chatHistory.length; i++) {
+		yPos += chatHistory[i].height + 20;
+	}
+	bubble.x = isPlayer ? 500 : 150;
+	bubble.y = yPos - scrollOffset;
+	chatContainer.addChild(bubble);
+	chatHistory.push(bubble);
+	// Auto-scroll to show latest message
+	updateScroll();
+	// Play sound
+	LK.getSound('messageSound').play();
+}
+function updateScroll() {
+	var totalHeight = 0;
+	for (var i = 0; i < chatHistory.length; i++) {
+		totalHeight += chatHistory[i].height + 20;
+	}
+	var visibleHeight = 1800; // Approximate visible chat area
+	if (totalHeight > visibleHeight) {
+		maxScrollOffset = totalHeight - visibleHeight;
+		scrollOffset = Math.min(maxScrollOffset, scrollOffset + 150);
+		// Update positions
+		for (var i = 0; i < chatHistory.length; i++) {
+			var originalY = 150;
+			for (var j = 0; j < i; j++) {
+				originalY += chatHistory[j].height + 20;
+			}
+			chatHistory[i].y = originalY - scrollOffset;
+		}
+	}
+}
+function clearOptions() {
+	for (var i = optionsContainer.children.length - 1; i >= 0; i--) {
+		var child = optionsContainer.children[i];
+		optionsContainer.removeChild(child);
+		child.destroy();
+	}
+	currentOptions = [];
+}
+function showOptions(options) {
+	clearOptions();
+	var startY = 2200;
+	for (var i = 0; i < options.length; i++) {
+		var option = new OptionButton(options[i], createOptionCallback(options[i]));
+		option.x = 224;
+		option.y = startY + i * 120;
+		optionsContainer.addChild(option);
+		currentOptions.push(option);
+	}
+}
+function createOptionCallback(optionText) {
+	return function () {
+		if (isWaitingForResponse) return;
+		handlePlayerResponse(optionText);
+	};
+}
+function handlePlayerResponse(response) {
+	isWaitingForResponse = true;
+	// Add player message
+	addChatBubble(response, true);
+	// Clear options temporarily
+	clearOptions();
+	// Process response after a delay
+	LK.setTimeout(function () {
+		processBotResponse(response);
+	}, 1000);
+}
+function processBotResponse(playerResponse) {
+	var botResponse = currentScenario.responses[playerResponse] || "I didn't understand that. Please try again.";
+	addChatBubble(botResponse, false);
+	// Check if this was the correct answer
+	if (playerResponse === currentScenario.winCondition) {
+		LK.getSound('correctSound').play();
+		LK.setScore(currentLevel);
+		// Move to next level after delay
+		LK.setTimeout(function () {
+			nextLevel();
+		}, 2000);
+	} else {
+		LK.getSound('wrongSound').play();
+		// Show options again after delay
+		LK.setTimeout(function () {
+			showOptions(currentScenario.options);
+			isWaitingForResponse = false;
+		}, 1500);
+	}
+}
+function nextLevel() {
+	currentLevel++;
+	if (currentLevel > scenarios.length) {
+		// Game complete
+		addChatBubble("Congratulations! You've completed all challenges! You're a true Chat Bot Champion!", false);
+		LK.showYouWin();
+		return;
+	}
+	// Load next scenario
+	currentScenario = scenarios[currentLevel - 1];
+	scoreText.setText('Level: ' + currentLevel);
+	// Start new conversation
+	LK.setTimeout(function () {
+		addChatBubble(currentScenario.botGreeting, false);
+		LK.setTimeout(function () {
+			showOptions(currentScenario.options);
+			isWaitingForResponse = false;
+		}, 1000);
+	}, 1000);
+}
+// Initialize first conversation
+addChatBubble("Welcome to Chat Bot Challenge!", false);
+LK.setTimeout(function () {
+	addChatBubble(currentScenario.botGreeting, false);
+	LK.setTimeout(function () {
+		showOptions(currentScenario.options);
+		isWaitingForResponse = false;
+	}, 1500);
+}, 1000);
+// Handle scrolling with touch/mouse
+var isDragging = false;
+var lastTouchY = 0;
+game.down = function (x, y, obj) {
+	isDragging = true;
+	lastTouchY = y;
+};
+game.move = function (x, y, obj) {
+	if (isDragging && maxScrollOffset > 0) {
+		var deltaY = lastTouchY - y;
+		scrollOffset = Math.max(0, Math.min(maxScrollOffset, scrollOffset + deltaY * 2));
+		// Update chat bubble positions
+		for (var i = 0; i < chatHistory.length; i++) {
+			var originalY = 150;
+			for (var j = 0; j < i; j++) {
+				originalY += chatHistory[j].height + 20;
+			}
+			chatHistory[i].y = originalY - scrollOffset;
+		}
+		lastTouchY = y;
+	}
+};
+game.up = function (x, y, obj) {
+	isDragging = false;
+};
\ No newline at end of file