/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
	points: 0,
	favorites: {},
	viewedContent: {},
	mode: "jokes"
});

/**** 
* Classes
****/ 
var CategoryButton = Container.expand(function (category, index) {
	var self = Container.call(this);
	self.category = category;
	var button = self.attachAsset('categoryButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var label = new Text2(category, {
		size: 50,
		fill: 0xD8BFD8
	});
	label.anchor.set(0.5, 0.5);
	self.addChild(label);
	self.setSelected = function (selected) {
		button.tint = selected ? 0x2E5B9E : 0x4A90E2;
	};
	self.down = function () {
		button.tint = 0x2E5B9E;
	};
	self.up = function () {
		if (typeof self.onSelect === 'function') {
			self.onSelect(self.category);
		}
	};
	return self;
});
var ContentCard = Container.expand(function (content) {
	var self = Container.call(this);
	self.content = content;
	var card = self.attachAsset('card', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	card.alpha = 0.9;
	var category = new Text2(content.category, {
		size: 50,
		fill: 0x4A90E2
	});
	category.anchor.set(0.5, 0);
	category.y = -400;
	self.addChild(category);
	// Function to add line breaks every 5 words
	function addLineBreaksEvery5Words(text) {
		var words = text.split(' ');
		var result = '';
		for (var i = 0; i < words.length; i++) {
			result += words[i];
			if ((i + 1) % 5 === 0 && i < words.length - 1) {
				result += '\n';
			} else if (i < words.length - 1) {
				result += ' ';
			}
		}
		return result;
	}
	// Apply line breaks to content text
	var formattedText = addLineBreaksEvery5Words(content.text);
	var contentText = new Text2(formattedText, {
		size: 90,
		fill: 0x000000
	});
	contentText.anchor.set(0.5, 0.5);
	contentText.y = 0;
	// Handle long text by adjusting font size
	if (content.text.length > 150) {
		contentText.style.size = 70;
	}
	if (content.text.length > 300) {
		contentText.style.size = 60;
	}
	self.addChild(contentText);
	var punchline = null;
	if (content.punchline) {
		punchline = new Text2("Tap to reveal punchline", {
			size: 60,
			fill: 0x000000
		});
		punchline.anchor.set(0.5, 0);
		punchline.y = 150;
		self.addChild(punchline);
	}
	var star = self.attachAsset('starInactive', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 700,
		y: -400
	});
	self.setFavorite = function (isFavorite) {
		star.tint = isFavorite ? 0xFFD700 : 0xCCCCCC;
	};
	self.revealPunchline = function () {
		if (content.punchline && punchline) {
			// Format punchline with line breaks every 5 words
			var formattedPunchline = "**" + addLineBreaksEvery5Words(content.punchline) + "**";
			// Set the punchline text with dark color and proper size
			punchline.setText(formattedPunchline, {
				fill: 0x000000,
				size: 80
			});
			// Mark as viewed in storage
			var contentKey = content.id || content.text.substring(0, 20) + content.category;
			if (!storage.viewedContent[contentKey]) {
				storage.viewedContent[contentKey] = true;
				storage.points += 1;
				if (typeof self.onPointEarned === 'function') {
					self.onPointEarned();
				}
				LK.getSound('point').play();
			}
		}
	};
	self.toggleFavorite = function () {
		var contentKey = content.id || content.text.substring(0, 20) + content.category;
		var isFavorite = storage.favorites[contentKey];
		storage.favorites[contentKey] = !isFavorite;
		self.setFavorite(!isFavorite);
		LK.getSound('favorite').play();
		if (typeof self.onFavoriteToggled === 'function') {
			self.onFavoriteToggled();
		}
	};
	// Initialize favorite state
	var contentKey = content.id || content.text.substring(0, 20) + content.category;
	self.setFavorite(storage.favorites[contentKey] || false);
	self.down = function (x, y, obj) {
		var localPos = self.toLocal({
			x: x,
			y: y
		});
		// Check if star was clicked
		if (Math.abs(localPos.x - 700) < 50 && Math.abs(localPos.y - -400) < 50) {
			self.toggleFavorite();
		} else if (content.punchline && punchline) {
			self.revealPunchline();
		}
	};
	return self;
});
var ToggleSwitch = Container.expand(function (leftText, rightText) {
	var self = Container.call(this);
	var background = self.attachAsset('toggleBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var button = self.attachAsset('toggleButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: -75
	});
	var leftLabel = new Text2(leftText, {
		size: 40,
		fill: 0xD8BFD8
	});
	leftLabel.anchor.set(0.5, 0.5);
	leftLabel.x = -75;
	leftLabel.y = -70;
	self.addChild(leftLabel);
	var rightLabel = new Text2(rightText, {
		size: 40,
		fill: 0xD8BFD8
	});
	rightLabel.anchor.set(0.5, 0.5);
	rightLabel.x = 75;
	rightLabel.y = -70;
	self.addChild(rightLabel);
	self.state = false;
	self.setState = function (state) {
		self.state = state;
		var targetX = state ? 75 : -75;
		tween(button, {
			x: targetX
		}, {
			duration: 300,
			easing: tween.easeOut
		});
	};
	self.toggle = function () {
		self.setState(!self.state);
		if (typeof self.onToggle === 'function') {
			self.onToggle(self.state);
		}
	};
	self.down = function () {
		self.toggle();
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Constants and game data
var CATEGORIES = {
	jokes: ['Wordplay', 'Short Jokes', 'Funny Stories'],
	riddles: ['Classic Riddles', 'Brain Teasers', 'Word Riddles']
};
var CONTENT = {
	jokes: {
		'Wordplay': [{
			text: "Why don't scientists trust atoms?",
			punchline: "Because they make up everything!",
			id: "j1"
		}, {
			text: "Did you hear about the mathematician who's afraid of negative numbers?",
			punchline: "He'll stop at nothing to avoid them!",
			id: "j2"
		}, {
			text: "I told my wife she was drawing her eyebrows too high.",
			punchline: "She looked surprised!",
			id: "j3"
		}],
		'Short Jokes': [{
			text: "What do you call a fake noodle?",
			punchline: "An impasta!",
			id: "j4"
		}, {
			text: "Why don't eggs tell jokes?",
			punchline: "They'd crack each other up!",
			id: "j5"
		}, {
			text: "How do you organize a space party?",
			punchline: "You planet!",
			id: "j6"
		}],
		'Funny Stories': [{
			text: "My friend says to me: 'What rhymes with orange?' I said: 'No it doesn't'",
			id: "j7"
		}, {
			text: "I told my doctor that I broke my arm in two places. He told me to stop going to those places.",
			id: "j8"
		}, {
			text: "I asked the gym instructor if he could teach me to do the splits. He replied, 'How flexible are you?' I said, 'I can't make Tuesdays.'",
			id: "j9"
		}]
	},
	riddles: {
		'Classic Riddles': [{
			text: "I'm tall when I'm young, and I'm short when I'm old. What am I?",
			punchline: "A candle",
			id: "r1"
		}, {
			text: "What has a head and a tail but no body?",
			punchline: "A coin",
			id: "r2"
		}, {
			text: "What has to be broken before you can use it?",
			punchline: "An egg",
			id: "r3"
		}],
		'Brain Teasers': [{
			text: "A man walks into a bar and asks for a glass of water. The bartender pulls out a gun and points it at him. The man says 'Thank you' and walks out. Why?",
			punchline: "The man had hiccups. The bartender scared them away.",
			id: "r4"
		}, {
			text: "Forward I am heavy, but backward I am not. What am I?",
			punchline: "The word 'ton'",
			id: "r5"
		}, {
			text: "If you have me, you want to share me. If you share me, you haven't got me. What am I?",
			punchline: "A secret",
			id: "r6"
		}],
		'Word Riddles': [{
			text: "What word is spelled incorrectly in every single dictionary?",
			punchline: "Incorrectly",
			id: "r7"
		}, {
			text: "What has 4 letters, sometimes 9 letters, but never has 5 letters?",
			punchline: "The words 'what', 'sometimes', and 'never'",
			id: "r8"
		}, {
			text: "What starts with an E, ends with an E, but only contains one letter?",
			punchline: "An envelope",
			id: "r9"
		}]
	}
};
// Game variables
var currentMode = storage.mode || 'jokes';
var currentCategory = CATEGORIES[currentMode][0];
var currentCardIndex = 0;
var categoryButtons = [];
var contentCards = [];
var currentContentList = [];
var showingFavoritesOnly = false;
// Create title
var titleText = new Text2("Rire Express", {
	size: 100,
	fill: 0x333333
});
titleText.anchor.set(0.5, 0);
titleText.y = 50;
LK.gui.top.addChild(titleText);
// Create points display
var pointsText = new Text2("Points: " + storage.points, {
	size: 60,
	fill: 0x4A90E2
});
pointsText.anchor.set(1, 0);
pointsText.x = 1950;
pointsText.y = 70;
LK.gui.topRight.addChild(pointsText);
// Create toggle switch for jokes/riddles
var modeToggle = new ToggleSwitch("Jokes", "Riddles");
modeToggle.x = 1024;
modeToggle.y = 250;
game.addChild(modeToggle);
modeToggle.setState(currentMode === 'riddles');
modeToggle.onToggle = function (state) {
	currentMode = state ? 'riddles' : 'jokes';
	storage.mode = currentMode;
	refreshCategories();
	refreshContent();
};
// Create favorites toggle button
var favoritesButton = LK.getAsset('categoryButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1700,
	y: 250
});
favoritesButton.tint = 0x888888;
game.addChild(favoritesButton);
var favoritesLabel = new Text2("Favorites", {
	size: 50,
	fill: 0xD8BFD8
});
favoritesLabel.anchor.set(0.5, 0.5);
favoritesLabel.x = 1700;
favoritesLabel.y = 250;
game.addChild(favoritesLabel);
// Create category container
var categoryContainer = new Container();
categoryContainer.x = 1024;
categoryContainer.y = 400;
game.addChild(categoryContainer);
// Create content card container
var cardContainer = new Container();
cardContainer.x = 1024;
cardContainer.y = 1300;
game.addChild(cardContainer);
// Create navigation buttons
var prevButton = new Text2("< Prev", {
	size: 70,
	fill: 0xD8BFD8
});
prevButton.anchor.set(0.5, 0.5);
prevButton.x = 700;
prevButton.y = 1800;
game.addChild(prevButton);
var nextButton = new Text2("Next >", {
	size: 70,
	fill: 0xD8BFD8
});
nextButton.anchor.set(0.5, 0.5);
nextButton.x = 1350;
nextButton.y = 1800;
game.addChild(nextButton);
// Initialize categories
function refreshCategories() {
	// Clear existing buttons
	categoryContainer.removeChildren();
	categoryButtons = [];
	// Create category buttons
	var categories = CATEGORIES[currentMode];
	var totalWidth = categories.length * 350;
	var startX = -totalWidth / 2 + 175;
	categories.forEach(function (category, index) {
		var button = new CategoryButton(category, index);
		button.x = startX + index * 350;
		button.y = 0;
		button.onSelect = function (category) {
			selectCategory(category);
		};
		categoryContainer.addChild(button);
		categoryButtons.push(button);
	});
	selectCategory(categories[0]);
}
// Select category
function selectCategory(category) {
	currentCategory = category;
	currentCardIndex = 0;
	refreshContent();
	// Update visual selection
	categoryButtons.forEach(function (button) {
		button.setSelected(button.category === category);
	});
}
// Filter content for favorites
function getFilteredContent() {
	var allContent = CONTENT[currentMode][currentCategory];
	if (!showingFavoritesOnly) {
		return allContent;
	}
	return allContent.filter(function (item) {
		var contentKey = item.id || item.text.substring(0, 20) + item.category;
		return storage.favorites[contentKey];
	});
}
// Refresh content cards
function refreshContent() {
	// Clear existing cards
	cardContainer.removeChildren();
	contentCards = [];
	// Get filtered content
	currentContentList = getFilteredContent();
	if (currentContentList.length === 0) {
		var noContentText = new Text2("No favorites in this category", {
			size: 70,
			fill: 0x888888
		});
		noContentText.anchor.set(0.5, 0.5);
		cardContainer.addChild(noContentText);
		// Disable navigation buttons
		prevButton.alpha = 0.5;
		nextButton.alpha = 0.5;
		return;
	}
	// Create content card
	var content = currentContentList[currentCardIndex];
	var card = new ContentCard(content);
	card.onPointEarned = function () {
		pointsText.setText("Points: " + storage.points);
	};
	card.onFavoriteToggled = function () {
		if (showingFavoritesOnly) {
			refreshContent();
		}
	};
	cardContainer.addChild(card);
	contentCards.push(card);
	// Update navigation buttons
	prevButton.alpha = currentCardIndex > 0 ? 1 : 0.5;
	nextButton.alpha = currentCardIndex < currentContentList.length - 1 ? 1 : 0.5;
	LK.getSound('cardFlip').play();
}
// Button event handlers
favoritesButton.interactive = true;
favoritesButton.down = function () {
	showingFavoritesOnly = !showingFavoritesOnly;
	favoritesButton.tint = showingFavoritesOnly ? 0xFFD700 : 0x888888;
	currentCardIndex = 0;
	refreshContent();
};
prevButton.interactive = true;
prevButton.down = function () {
	if (currentCardIndex > 0) {
		currentCardIndex--;
		refreshContent();
	}
};
nextButton.interactive = true;
nextButton.down = function () {
	if (currentCardIndex < currentContentList.length - 1) {
		currentCardIndex++;
		refreshContent();
	}
};
// Initialize the game
refreshCategories();
// Play background music
LK.playMusic('bgmusic');

===================================================================
--- original.js
+++ change.js
@@ -89,9 +89,9 @@
 			size: 60,
 			fill: 0x000000
 		});
 		punchline.anchor.set(0.5, 0);
-		punchline.y = 250;
+		punchline.y = 150;
 		self.addChild(punchline);
 	}
 	var star = self.attachAsset('starInactive', {
 		anchorX: 0.5,