/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
	collection: {},
	stats: {
		totalCards: 0,
		common: 0,
		uncommon: 0,
		rare: 0,
		unique: 0,
		epic: 0,
		legendary: 0,
		exotic: 0
	}
});

/**** 
* Classes
****/ 
var Button = Container.expand(function (text, width, height, color) {
	var self = Container.call(this);
	var background = self.attachAsset('cardButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: width || 300,
		height: height || 100
	});
	var label = new Text2(text, {
		size: 40,
		fill: 0xFFFFFF
	});
	label.anchor.set(0.5, 0.5);
	self.addChild(label);
	self.down = function () {
		tween(self.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	self.up = function () {
		tween(self.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100
		});
	};
	return self;
});
var Card = Container.expand(function (rarity, id, name, type) {
	var self = Container.call(this);
	self.rarity = rarity;
	self.id = id;
	self.name = name;
	self.type = type;
	self.revealed = false;
	// Card back initially shown
	var cardBack = self.attachAsset('cardBack', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// The actual card (initially hidden)
	var cardFront;
	switch (rarity) {
		case 'common':
			cardFront = self.attachAsset('commonCard', {
				anchorX: 0.5,
				anchorY: 0.5,
				visible: false
			});
			break;
		case 'uncommon':
			cardFront = self.attachAsset('uncommonCard', {
				anchorX: 0.5,
				anchorY: 0.5,
				visible: false
			});
			break;
		case 'rare':
			cardFront = self.attachAsset('rareCard', {
				anchorX: 0.5,
				anchorY: 0.5,
				visible: false
			});
			break;
		case 'unique':
			cardFront = self.attachAsset('uniqueCard', {
				anchorX: 0.5,
				anchorY: 0.5,
				visible: false
			});
			break;
		case 'epic':
			cardFront = self.attachAsset('epicCard', {
				anchorX: 0.5,
				anchorY: 0.5,
				visible: false
			});
			break;
		case 'legendary':
			cardFront = self.attachAsset('legendaryCard', {
				anchorX: 0.5,
				anchorY: 0.5,
				visible: false
			});
			break;
		case 'exotic':
			cardFront = self.attachAsset('exoticCard', {
				anchorX: 0.5,
				anchorY: 0.5,
				visible: false
			});
			break;
	}
	// Card icon
	var icon;
	switch (type) {
		case 'Rodent':
			icon = self.attachAsset('cardIconRat', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150,
				visible: false
			});
			break;
		case 'Avian':
			// Check for specific Avians that have unique icons
			if (self.name === 'Owl') {
				icon = self.attachAsset('cardIconOwl', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Ostrich') {
				icon = self.attachAsset('cardIconOstrich', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Duck') {
				icon = self.attachAsset('cardIconDuck', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else {
				icon = self.attachAsset('cardIconPidgeon', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			}
			break;
		case 'Amphibian':
			// Check for specific Amphibians that have unique icons
			if (self.name === 'Frog') {
				icon = self.attachAsset('cardIconFrog', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else {
				icon = self.attachAsset('cardIconSalamander', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			}
			break;
		case 'Insect':
			// Check for specific Insects that have unique icons
			if (self.name === 'Beetle') {
				icon = self.attachAsset('cardIconBeetle', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else {
				icon = self.attachAsset('cardIconAnt', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			}
			break;
		case 'Aquatic':
			// Check for specific Aquatics that have unique icons
			if (self.name === 'Shark') {
				icon = self.attachAsset('cardIconShark', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Whale') {
				icon = self.attachAsset('cardIconWhale', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else {
				icon = self.attachAsset('cardIconSalmon', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			}
			break;
		case 'Mammal':
			// Check for specific Mammals that have unique icons
			if (self.name === 'Pig') {
				icon = self.attachAsset('cardIconPig', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Fox') {
				icon = self.attachAsset('cardIconFox', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Wolf') {
				icon = self.attachAsset('cardIconWolf', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Bear') {
				icon = self.attachAsset('cardIconBear', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Hippo') {
				icon = self.attachAsset('cardIconHippo', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else {
				icon = self.attachAsset('cardIconHare', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			}
			break;
		case 'Reptile':
			// Check for specific Reptiles that have unique icons
			if (self.name === 'Crocodile') {
				icon = self.attachAsset('cardIconCrocodile', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else {
				icon = self.attachAsset('cardIconLizard', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			}
			break;
		case 'Feline':
			icon = self.attachAsset('cardIconLion', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150,
				visible: false
			});
			break;
		case 'Primate':
			icon = self.attachAsset('cardIconGorilla', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150,
				visible: false
			});
			break;
		case 'EVERYTHING':
			icon = self.attachAsset('cardIconDuck', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150,
				visible: false
			});
			break;
		case 'Dinosaur':
			if (self.name === 'Velociraptor') {
				icon = self.attachAsset('cardIconVelociraptor', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Parasaur') {
				icon = self.attachAsset('cardIconParasaur', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Pterodactyl') {
				icon = self.attachAsset('cardIconPterodactyl', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Stegosaurus') {
				icon = self.attachAsset('cardIconStegosaurus', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Ankylosaurus') {
				icon = self.attachAsset('cardIconAnkylosaurus', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Spinosaurus') {
				icon = self.attachAsset('cardIconSpinosaurus', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Diplodocus') {
				icon = self.attachAsset('cardIconDiplodocus', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'Triceratops') {
				icon = self.attachAsset('cardIconTriceratops', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			} else if (self.name === 'T-REX') {
				icon = self.attachAsset('cardIconTRex', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150,
					visible: false
				});
			}
			break;
		default:
			// Default icon if type not found (optional)
			icon = self.attachAsset('cardIconEVERYTHING', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150,
				visible: false
			});
			break;
	}
	// Card text
	var nameText = new Text2(name, {
		size: 50,
		fill: 0xFFFFFF
	});
	nameText.anchor.set(0.5, 0);
	nameText.y = 50;
	nameText.visible = false;
	self.addChild(nameText);
	var typeText = new Text2(type, {
		size: 40,
		fill: 0xFFFFFF
	});
	typeText.anchor.set(0.5, 0);
	typeText.y = 120;
	typeText.visible = false;
	self.addChild(typeText);
	var rarityText = new Text2(rarity.toUpperCase(), {
		size: 35,
		fill: 0xFFFFFF
	});
	rarityText.anchor.set(0.5, 1);
	rarityText.y = 300;
	rarityText.visible = false;
	self.addChild(rarityText);
	// Reveal the card
	self.reveal = function () {
		if (self.revealed) {
			return;
		}
		self.revealed = true;
		LK.getSound('cardFlip').play();
		// Play special sounds for card rarities
		if (rarity === 'unique') {
			LK.getSound('uniqueDrop').play();
		} else if (rarity === 'epic') {
			LK.getSound('epicDrop').play();
		} else if (rarity === 'legendary') {
			LK.getSound('legendaryDrop').play();
		} else if (rarity === 'exotic') {
			LK.getSound('exoticDrop').play();
		} else if (rarity === 'rare') {
			LK.getSound('rareDrop').play();
		}
		// Flip animation
		tween(cardBack.scale, {
			x: 0
		}, {
			duration: 200,
			onFinish: function onFinish() {
				cardBack.visible = false;
				cardFront.visible = true;
				icon.visible = true;
				nameText.visible = true;
				typeText.visible = true;
				rarityText.visible = true;
				tween(cardFront.scale, {
					x: 1
				}, {
					duration: 200,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						// Add card to collection
						if (!storage.collection[self.id]) {
							// Initialize collection entry with primitive values separately
							storage.collection[self.id + "_rarity"] = self.rarity;
							storage.collection[self.id + "_name"] = self.name;
							storage.collection[self.id + "_type"] = self.type;
							storage.collection[self.id + "_count"] = 0;
						}
						storage.collection[self.id + "_count"] = (storage.collection[self.id + "_count"] || 0) + 1;
						storage.stats.totalCards++;
						storage.stats[self.rarity]++;
					}
				});
				cardFront.scale.x = 0;
			}
		});
	};
	self.down = function () {
		self.reveal();
	};
	return self;
});
var Pack = Container.expand(function (type) {
	var self = Container.call(this);
	self.type = type;
	self.opened = false;
	// Pack artwork based on type
	var packArt;
	switch (type) {
		case 'common':
			packArt = self.attachAsset('packCommon', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'advanced':
			packArt = self.attachAsset('packAdvanced', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'rare':
			packArt = self.attachAsset('packRare', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'magic':
			packArt = self.attachAsset('packMagic', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'legendary':
			packArt = self.attachAsset('packLegendary', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'jurassic':
			packArt = self.attachAsset('packJurassic', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
	}
	// Pack type text
	var typeText = new Text2(type.toUpperCase() + " PACK", {
		size: 40,
		fill: 0xFFFFFF
	});
	typeText.anchor.set(0.5, 0.5);
	self.addChild(typeText);
	self.down = function () {
		if (!currentlyOpeningPack && !self.opened) {
			self.openPack();
		}
	};
	self.openPack = function () {
		if (self.opened || currentlyOpeningPack) {
			return;
		}
		currentlyOpeningPack = true;
		LK.getSound('packOpen').play();
		// Hide all packs
		for (var i = 0; i < packDisplays.length; i++) {
			if (packDisplays[i] !== self) {
				tween(packDisplays[i], {
					alpha: 0
				}, {
					duration: 300
				});
			}
		}
		// Move to center and fade out
		tween(self, {
			y: 2732 / 2 - 200,
			scale: 1.5
		}, {
			duration: 500,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self, {
					alpha: 0
				}, {
					duration: 300,
					onFinish: function onFinish() {
						self.visible = false;
						// Generate cards based on pack type
						var cards = generateCardsFromPack(self.type);
						// Display cards
						for (var i = 0; i < cards.length; i++) {
							var card = cards[i];
							card.x = 2048 / 2 + (i - (cards.length - 1) / 2) * 550;
							card.y = 2732 / 2;
							card.scale.set(0.7);
							game.addChild(card);
							displayedCards.push(card);
							// Animate card entry
							card.y = 2732 + 400;
							tween(card, {
								y: 2732 / 2
							}, {
								duration: 500,
								easing: tween.easeOut
							});
						}
						// Show return button
						showReturnButton();
					}
				});
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state variables
var currentScreen = 'home'; // 'home', 'packs', 'collection'
var currentlyOpeningPack = false;
var packDisplays = [];
var displayedCards = [];
var screenElements = [];
// Game constants
var CARD_DATABASE = [
// Common cards (id, name, type)
{
	id: 'c1',
	rarity: 'common',
	name: 'Rat',
	type: 'Rodent'
}, {
	id: 'c2',
	rarity: 'common',
	name: 'Pidgeon',
	type: 'Avian'
}, {
	id: 'c3',
	rarity: 'common',
	name: 'Frog',
	type: 'Amphibian'
}, {
	id: 'c4',
	rarity: 'common',
	name: 'Ant',
	type: 'Insect'
}, {
	id: 'c5',
	rarity: 'common',
	name: 'Salmon',
	type: 'Aquatic'
}, {
	id: 'c6',
	rarity: 'common',
	name: 'Hare',
	type: 'Mammal'
}, {
	id: 'c8',
	rarity: 'common',
	name: 'Pig',
	type: 'Mammal'
},
// Uncommon cards
{
	id: 'u1',
	rarity: 'uncommon',
	name: 'Fox',
	type: 'Mammal'
}, {
	id: 'u2',
	rarity: 'uncommon',
	name: 'Owl',
	type: 'Avian'
}, {
	id: 'u3',
	rarity: 'uncommon',
	name: 'Salamander',
	type: 'Amphibian'
}, {
	id: 'u4',
	rarity: 'uncommon',
	name: 'Lizard',
	type: 'Reptile'
}, {
	id: 'u5',
	rarity: 'uncommon',
	name: 'Beetle',
	type: 'Insect'
},
// Rare cards
{
	id: 'r1',
	rarity: 'rare',
	name: 'Wolf',
	type: 'Mammal'
}, {
	id: 'r2',
	rarity: 'rare',
	name: 'Ostrich',
	type: 'Avian'
}, {
	id: 'r3',
	rarity: 'rare',
	name: 'Shark',
	type: 'Aquatic'
},
// Unique cards
{
	id: 'q1',
	rarity: 'unique',
	name: 'Bear',
	type: 'Mammal'
}, {
	id: 'q2',
	rarity: 'unique',
	name: 'Lion',
	type: 'Feline'
},
// Epic cards
{
	id: 'e1',
	rarity: 'epic',
	name: 'Gorilla',
	type: 'Primate'
}, {
	id: 'e2',
	rarity: 'epic',
	name: 'Crocodile',
	type: 'Reptile'
},
// Legendary cards
{
	id: 'l1',
	rarity: 'legendary',
	name: 'Hippo',
	type: 'Mammal'
}, {
	id: 'l2',
	rarity: 'legendary',
	name: 'Whale',
	type: 'Aquatic'
},
// Exotic card
{
	id: 'x1',
	rarity: 'exotic',
	name: 'Duck',
	type: 'EVERYTHING'
},
// Jurassic pack cards
{
	id: 'j1',
	rarity: 'unique',
	name: 'Velociraptor',
	type: 'Dinosaur'
}, {
	id: 'j2',
	rarity: 'unique',
	name: 'Parasaur',
	type: 'Dinosaur'
}, {
	id: 'j3',
	rarity: 'epic',
	name: 'Pterodactyl',
	type: 'Dinosaur'
}, {
	id: 'j4',
	rarity: 'epic',
	name: 'Stegosaurus',
	type: 'Dinosaur'
}, {
	id: 'j5',
	rarity: 'epic',
	name: 'Ankylosaurus',
	type: 'Dinosaur'
}, {
	id: 'j6',
	rarity: 'legendary',
	name: 'Spinosaurus',
	type: 'Dinosaur'
}, {
	id: 'j7',
	rarity: 'legendary',
	name: 'Diplodocus',
	type: 'Dinosaur'
}, {
	id: 'j8',
	rarity: 'legendary',
	name: 'Triceratops',
	type: 'Dinosaur'
}, {
	id: 'j9',
	rarity: 'exotic',
	name: 'T-REX',
	type: 'Dinosaur'
}];
// Play background music
LK.playMusic('bgMusic');
// Initialize stats text
var statsText = new Text2("Collection: 0 cards", {
	size: 50,
	fill: 0xFFFFFF
});
statsText.anchor.set(0.5, 0);
statsText.y = 100;
LK.gui.top.addChild(statsText);
updateStatsDisplay();
// Setup the home screen
showHomeScreen();
// Show home screen with main menu
function showHomeScreen() {
	clearScreen();
	currentScreen = 'home';
	var title = new Text2("ANIMALMON", {
		size: 120,
		fill: 0xFFFFFF
	});
	title.anchor.set(0.5, 0);
	title.x = 2048 / 2;
	title.y = 300;
	game.addChild(title);
	screenElements.push(title);
	var subtitle = new Text2("Pocket Menagerie", {
		size: 80,
		fill: 0xFFFFFF
	});
	subtitle.anchor.set(0.5, 0);
	subtitle.x = 2048 / 2;
	subtitle.y = 450;
	game.addChild(subtitle);
	screenElements.push(subtitle);
	var packButton = new Button("OPEN PACKS", 400, 120);
	packButton.x = 2048 / 2;
	packButton.y = 1200;
	game.addChild(packButton);
	screenElements.push(packButton);
	packButton.down = function () {
		tween(packButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	packButton.up = function () {
		tween(packButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				showPacksScreen();
			}
		});
	};
	var collectionButton = new Button("COLLECTION", 400, 120);
	collectionButton.x = 2048 / 2;
	collectionButton.y = 1400;
	game.addChild(collectionButton);
	screenElements.push(collectionButton);
	collectionButton.down = function () {
		tween(collectionButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	collectionButton.up = function () {
		tween(collectionButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				showCollectionScreen();
			}
		});
	};
	updateStatsDisplay();
}
// Show packs selection screen
function showPacksScreen() {
	clearScreen();
	currentScreen = 'packs';
	var title = new Text2("SELECT A PACK", {
		size: 80,
		fill: 0xFFFFFF
	});
	title.anchor.set(0.5, 0);
	title.x = 2048 / 2;
	title.y = 200;
	game.addChild(title);
	screenElements.push(title);
	// Common Pack
	var commonPack = new Pack('common');
	commonPack.x = 2048 / 2 - 700;
	commonPack.y = 800;
	game.addChild(commonPack);
	packDisplays.push(commonPack);
	screenElements.push(commonPack);
	var commonText = new Text2("3 Cards\n1-2 Common\n1 Chance for Uncommon", {
		size: 30,
		fill: 0xFFFFFF
	});
	commonText.anchor.set(0.5, 0);
	commonText.x = commonPack.x;
	commonText.y = commonPack.y + 250;
	game.addChild(commonText);
	screenElements.push(commonText);
	// Advanced Pack
	var advancedPack = new Pack('advanced');
	advancedPack.x = 2048 / 2 - 350;
	advancedPack.y = 800;
	game.addChild(advancedPack);
	packDisplays.push(advancedPack);
	screenElements.push(advancedPack);
	var advancedText = new Text2("4 Cards\n2-3 Common\n1-2 Uncommon\nSmall Chance for Rare", {
		size: 30,
		fill: 0xFFFFFF
	});
	advancedText.anchor.set(0.5, 0);
	advancedText.x = advancedPack.x;
	advancedText.y = advancedPack.y + 250;
	game.addChild(advancedText);
	screenElements.push(advancedText);
	// Rare Pack
	var rarePack = new Pack('rare');
	rarePack.x = 2048 / 2;
	rarePack.y = 800;
	game.addChild(rarePack);
	packDisplays.push(rarePack);
	screenElements.push(rarePack);
	var rareText = new Text2("4 Cards\n1-2 Uncommon\n1-2 Rare\nChance for Unique", {
		size: 30,
		fill: 0xFFFFFF
	});
	rareText.anchor.set(0.5, 0);
	rareText.x = rarePack.x;
	rareText.y = rarePack.y + 250;
	game.addChild(rareText);
	screenElements.push(rareText);
	// Magic Pack
	var magicPack = new Pack('magic');
	magicPack.x = 2048 / 2 + 350;
	magicPack.y = 800;
	game.addChild(magicPack);
	packDisplays.push(magicPack);
	screenElements.push(magicPack);
	var magicText = new Text2("5 Cards\n1-2 Rare\n1-2 Unique\nChance for Epic", {
		size: 30,
		fill: 0xFFFFFF
	});
	magicText.anchor.set(0.5, 0);
	magicText.x = magicPack.x;
	magicText.y = magicPack.y + 250;
	game.addChild(magicText);
	screenElements.push(magicText);
	// Legendary Pack
	var legendaryPack = new Pack('legendary');
	legendaryPack.x = 2048 / 2 + 700;
	legendaryPack.y = 800;
	game.addChild(legendaryPack);
	packDisplays.push(legendaryPack);
	screenElements.push(legendaryPack);
	var legendaryText = new Text2("5 Cards\n1-2 Unique\n1-2 Epic\nChance for Legendary\nRare Chance for Exotic", {
		size: 30,
		fill: 0xFFFFFF
	});
	legendaryText.anchor.set(0.5, 0);
	legendaryText.x = legendaryPack.x;
	legendaryText.y = legendaryPack.y + 250;
	game.addChild(legendaryText);
	screenElements.push(legendaryText);
	// Back button
	var backButton = new Button("BACK", 200, 80);
	backButton.x = 200;
	backButton.y = 200;
	game.addChild(backButton);
	screenElements.push(backButton);
	backButton.down = function () {
		tween(backButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	backButton.up = function () {
		tween(backButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				showHomeScreen();
			}
		});
	};
	// Jurassic Pack
	var jurassicPack = new Pack('jurassic');
	jurassicPack.x = 2048 / 2 - 700;
	jurassicPack.y = 1400;
	game.addChild(jurassicPack);
	packDisplays.push(jurassicPack);
	screenElements.push(jurassicPack);
	var jurassicText = new Text2("4 Cards\nMost are Reptiles\nChance for Dinosaurs\n(Unique, Epic, Legendary, Exotic)", {
		size: 30,
		fill: 0xFFFFFF
	});
	jurassicText.anchor.set(0.5, 0);
	jurassicText.x = jurassicPack.x;
	jurassicText.y = jurassicPack.y + 250;
	game.addChild(jurassicText);
	screenElements.push(jurassicText);
}
// Show return button after opening pack
function showReturnButton() {
	var returnButton = new Button("RETURN", 300, 100);
	returnButton.x = 2048 / 2;
	returnButton.y = 2732 - 200;
	game.addChild(returnButton);
	screenElements.push(returnButton);
	returnButton.down = function () {
		tween(returnButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	returnButton.up = function () {
		tween(returnButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				// Clear displayed cards
				for (var i = 0; i < displayedCards.length; i++) {
					displayedCards[i].destroy();
				}
				displayedCards = [];
				// Return to packs screen
				currentlyOpeningPack = false;
				showPacksScreen();
				updateStatsDisplay();
			}
		});
	};
}
// Show collection screen
function showCollectionScreen() {
	clearScreen();
	currentScreen = 'collection';
	var title = new Text2("YOUR COLLECTION", {
		size: 80,
		fill: 0xFFFFFF
	});
	title.anchor.set(0.5, 0);
	title.x = 2048 / 2;
	title.y = 200;
	game.addChild(title);
	screenElements.push(title);
	// Collection stats
	var collectionStats = new Text2("Total Cards: " + storage.stats.totalCards + "\n\n" + "Common: " + storage.stats.common + "\n" + "Uncommon: " + storage.stats.uncommon + "\n" + "Rare: " + storage.stats.rare + "\n" + "Unique: " + storage.stats.unique + "\n" + "Epic: " + storage.stats.epic + "\n" + "Legendary: " + storage.stats.legendary + "\n" + "Exotic: " + storage.stats.exotic, {
		size: 50,
		fill: 0xFFFFFF
	});
	collectionStats.anchor.set(0.5, 0);
	collectionStats.x = 2048 / 2;
	collectionStats.y = 400;
	game.addChild(collectionStats);
	screenElements.push(collectionStats);
	// Display recently acquired cards (up to 3)
	var recentText = new Text2("RECENT ACQUISITIONS:", {
		size: 50,
		fill: 0xFFFFFF
	});
	recentText.anchor.set(0.5, 0);
	recentText.x = 2048 / 2;
	recentText.y = 1000;
	game.addChild(recentText);
	screenElements.push(recentText);
	// Get recent cards
	var allKeys = Object.keys(storage.collection);
	var cardIds = [];
	// Filter keys to get unique card IDs
	for (var i = 0; i < allKeys.length; i++) {
		var key = allKeys[i];
		if (key.endsWith("_rarity")) {
			cardIds.push(key.substring(0, key.length - 7));
		}
	}
	var recentCards = [];
	// Sort by count (higher count means they were collected more recently)
	cardIds.sort(function (a, b) {
		return (storage.collection[b + "_count"] || 0) - (storage.collection[a + "_count"] || 0);
	});
	// Display up to 3 recent cards
	var displayCount = Math.min(3, cardIds.length);
	for (var i = 0; i < displayCount; i++) {
		var cardId = cardIds[i];
		var card = new Card(storage.collection[cardId + "_rarity"], cardId, storage.collection[cardId + "_name"], storage.collection[cardId + "_type"]);
		card.x = 2048 / 2 + (i - (displayCount - 1) / 2) * 550;
		card.y = 1400;
		card.scale.set(0.6);
		card.reveal(); // Already revealed
		game.addChild(card);
		screenElements.push(card);
	}
	// Back button
	var backButton = new Button("BACK", 200, 80);
	backButton.x = 200;
	backButton.y = 200;
	game.addChild(backButton);
	screenElements.push(backButton);
	backButton.down = function () {
		tween(backButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	backButton.up = function () {
		tween(backButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				showHomeScreen();
			}
		});
	};
	// View all cards button
	var viewCardsButton = new Button("VIEW ALL CARDS", 400, 80);
	viewCardsButton.x = 2048 / 2;
	viewCardsButton.y = 2732 - 300;
	game.addChild(viewCardsButton);
	screenElements.push(viewCardsButton);
	viewCardsButton.down = function () {
		tween(viewCardsButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	viewCardsButton.up = function () {
		tween(viewCardsButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				showAllCardsScreen();
			}
		});
	};
	// Reset collection button
	var resetButton = new Button("RESET COLLECTION", 400, 80);
	resetButton.x = 2048 / 2;
	resetButton.y = 2732 - 200;
	game.addChild(resetButton);
	screenElements.push(resetButton);
	resetButton.down = function () {
		tween(resetButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	resetButton.up = function () {
		tween(resetButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				// Reset collection data
				storage.collection = {};
				storage.stats = {
					totalCards: 0,
					common: 0,
					uncommon: 0,
					rare: 0,
					unique: 0,
					epic: 0,
					legendary: 0,
					exotic: 0
				};
				// Update display and return to home screen
				updateStatsDisplay();
				showHomeScreen();
			}
		});
	};
}
// Generate cards based on pack type
function generateCardsFromPack(packType) {
	var cards = [];
	var rarityPool = [];
	switch (packType) {
		case 'common':
			// 3 cards: 1-2 Common, chance for Uncommon
			for (var i = 0; i < 3; i++) {
				if (i < 2) {
					rarityPool.push('common');
				} else {
					rarityPool.push(Math.random() < 0.3 ? 'uncommon' : 'common');
				}
			}
			break;
		case 'advanced':
			// 4 cards: 2-3 Common, 1-2 Uncommon, small chance for Rare
			for (var i = 0; i < 4; i++) {
				if (i < 2) {
					rarityPool.push('common');
				} else if (i == 2) {
					rarityPool.push(Math.random() < 0.7 ? 'uncommon' : 'common');
				} else {
					var roll = Math.random();
					if (roll < 0.1) {
						rarityPool.push('rare');
					} else if (roll < 0.6) {
						rarityPool.push('uncommon');
					} else {
						rarityPool.push('common');
					}
				}
			}
			break;
		case 'rare':
			// 4 cards: 1-2 Uncommon, 1-2 Rare, chance for Unique
			for (var i = 0; i < 4; i++) {
				if (i < 1) {
					rarityPool.push('uncommon');
				} else if (i < 3) {
					rarityPool.push(Math.random() < 0.6 ? 'rare' : 'uncommon');
				} else {
					var roll = Math.random();
					if (roll < 0.15) {
						rarityPool.push('unique');
					} else if (roll < 0.6) {
						rarityPool.push('rare');
					} else {
						rarityPool.push('uncommon');
					}
				}
			}
			break;
		case 'magic':
			// 5 cards: 1-2 Rare, 1-2 Unique, chance for Epic
			for (var i = 0; i < 5; i++) {
				if (i < 1) {
					rarityPool.push('rare');
				} else if (i < 3) {
					rarityPool.push(Math.random() < 0.6 ? 'unique' : 'rare');
				} else if (i < 4) {
					rarityPool.push(Math.random() < 0.7 ? 'unique' : 'rare');
				} else {
					var roll = Math.random();
					if (roll < 0.2) {
						rarityPool.push('epic');
					} else if (roll < 0.6) {
						rarityPool.push('unique');
					} else {
						rarityPool.push('rare');
					}
				}
			}
			break;
		case 'legendary':
			// 5 cards: 1-2 Unique, 1-2 Epic, chance for Legendary, rare chance for Exotic
			for (var i = 0; i < 5; i++) {
				if (i < 1) {
					rarityPool.push('unique');
				} else if (i < 3) {
					rarityPool.push(Math.random() < 0.6 ? 'epic' : 'unique');
				} else if (i < 4) {
					var roll = Math.random();
					if (roll < 0.2) {
						rarityPool.push('legendary');
					} else if (roll < 0.6) {
						rarityPool.push('epic');
					} else {
						rarityPool.push('unique');
					}
				} else {
					var roll = Math.random();
					if (roll < 0.02) {
						rarityPool.push('exotic');
					} else if (roll < 0.15) {
						rarityPool.push('legendary');
					} else if (roll < 0.5) {
						rarityPool.push('epic');
					} else {
						rarityPool.push('unique');
					}
				}
			}
		case 'jurassic':
			// 4 cards: Most are Reptiles, chance for Dinosaurs (Unique, Epic, Legendary, Exotic)
			for (var i = 0; i < 4; i++) {
				var roll = Math.random();
				if (roll < 0.01) {
					rarityPool.push('exotic');
				} else if (roll < 0.05) {
					rarityPool.push('legendary');
				} else if (roll < 0.15) {
					rarityPool.push('epic');
				} else if (roll < 0.3) {
					rarityPool.push('unique');
				} else {
					rarityPool.push('rare'); // Primarily reptiles, could be other rare types
				}
			}
			break;
			break;
	}
	// Create cards based on rarity pool
	for (var i = 0; i < rarityPool.length; i++) {
		var rarity = rarityPool[i];
		var possibleCards = CARD_DATABASE.filter(function (card) {
			if (packType === 'jurassic' && (rarity === 'unique' || rarity === 'epic' || rarity === 'legendary' || rarity === 'exotic')) {
				return card.rarity === rarity && card.type === 'Dinosaur';
			}
			return card.rarity === rarity;
		});
		if (possibleCards.length > 0) {
			var selectedCard = possibleCards[Math.floor(Math.random() * possibleCards.length)];
			cards.push(new Card(selectedCard.rarity, selectedCard.id, selectedCard.name, selectedCard.type));
		}
	}
	return cards;
}
// Clear current screen elements
function clearScreen() {
	for (var i = 0; i < screenElements.length; i++) {
		screenElements[i].destroy();
	}
	screenElements = [];
	packDisplays = [];
}
// Show all cards in collection screen
function showAllCardsScreen() {
	clearScreen();
	currentScreen = 'allCards';
	var title = new Text2("ALL COLLECTED CARDS", {
		size: 80,
		fill: 0xFFFFFF
	});
	title.anchor.set(0.5, 0);
	title.x = 2048 / 2;
	title.y = 200;
	game.addChild(title);
	screenElements.push(title);
	// Get all cards from collection
	var allKeys = Object.keys(storage.collection);
	var cardIds = [];
	// Filter keys to get unique card IDs
	for (var i = 0; i < allKeys.length; i++) {
		var key = allKeys[i];
		if (key.endsWith("_rarity")) {
			cardIds.push(key.substring(0, key.length - 7));
		}
	}
	// Sort cards by rarity
	var rarityOrder = {
		'common': 1,
		'uncommon': 2,
		'rare': 3,
		'unique': 4,
		'epic': 5,
		'legendary': 6,
		'exotic': 7
	};
	cardIds.sort(function (a, b) {
		var rarityA = storage.collection[a + "_rarity"];
		var rarityB = storage.collection[b + "_rarity"];
		return rarityOrder[rarityA] - rarityOrder[rarityB];
	});
	// Display cards in a grid
	var cardsPerRow = 5;
	var startY = 400;
	var cardScale = 0.35;
	var cardSpacingX = 400 * cardScale;
	var cardSpacingY = 850 * cardScale;
	for (var i = 0; i < cardIds.length; i++) {
		var cardId = cardIds[i];
		var row = Math.floor(i / cardsPerRow);
		var col = i % cardsPerRow;
		var card = new Card(storage.collection[cardId + "_rarity"], cardId, storage.collection[cardId + "_name"], storage.collection[cardId + "_type"]);
		card.x = 2048 / 2 + (col - (cardsPerRow - 1) / 2) * cardSpacingX;
		card.y = startY + row * cardSpacingY;
		card.scale.set(cardScale);
		card.reveal(); // Already revealed
		// Add count indicator
		var countText = new Text2("x" + storage.collection[cardId + "_count"], {
			size: 40,
			fill: 0xFFFFFF
		});
		countText.anchor.set(1, 1);
		countText.x = 220;
		countText.y = 300;
		card.addChild(countText);
		game.addChild(card);
		screenElements.push(card);
	}
	// Back button
	var backButton = new Button("BACK", 200, 80);
	backButton.x = 200;
	backButton.y = 200;
	game.addChild(backButton);
	screenElements.push(backButton);
	backButton.down = function () {
		tween(backButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	backButton.up = function () {
		tween(backButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				showCollectionScreen();
			}
		});
	};
}
// Update stats display
function updateStatsDisplay() {
	var totalCards = storage.stats.totalCards || 0;
	statsText.setText("Collection: " + totalCards + " cards");
}
// Update function called by the game engine
game.update = function () {
	// Game logic updates (if needed)
};
// Event handling
game.move = function (x, y, obj) {
	// Mouse/touch move handling
};
game.down = function (x, y, obj) {
	// Mouse/touch down handling
};
game.up = function (x, y, obj) {
	// Mouse/touch up handling
};

===================================================================
--- original.js
+++ change.js
@@ -1335,130 +1335,60 @@
 	title.x = 2048 / 2;
 	title.y = 200;
 	game.addChild(title);
 	screenElements.push(title);
-	// Add sort buttons
-	var sortByRarityButton = new Button("SORT BY RARITY", 350, 80);
-	sortByRarityButton.x = 2048 / 2 - 200;
-	sortByRarityButton.y = 300;
-	game.addChild(sortByRarityButton);
-	screenElements.push(sortByRarityButton);
-	sortByRarityButton.down = function () {
-		tween(sortByRarityButton.scale, {
-			x: 0.95,
-			y: 0.95
-		}, {
-			duration: 100
-		});
+	// Get all cards from collection
+	var allKeys = Object.keys(storage.collection);
+	var cardIds = [];
+	// Filter keys to get unique card IDs
+	for (var i = 0; i < allKeys.length; i++) {
+		var key = allKeys[i];
+		if (key.endsWith("_rarity")) {
+			cardIds.push(key.substring(0, key.length - 7));
+		}
+	}
+	// Sort cards by rarity
+	var rarityOrder = {
+		'common': 1,
+		'uncommon': 2,
+		'rare': 3,
+		'unique': 4,
+		'epic': 5,
+		'legendary': 6,
+		'exotic': 7
 	};
-	sortByRarityButton.up = function () {
-		tween(sortByRarityButton.scale, {
-			x: 1,
-			y: 1
-		}, {
-			duration: 100,
-			onFinish: function onFinish() {
-				displayCollectedCards('rarity');
-			}
+	cardIds.sort(function (a, b) {
+		var rarityA = storage.collection[a + "_rarity"];
+		var rarityB = storage.collection[b + "_rarity"];
+		return rarityOrder[rarityA] - rarityOrder[rarityB];
+	});
+	// Display cards in a grid
+	var cardsPerRow = 5;
+	var startY = 400;
+	var cardScale = 0.35;
+	var cardSpacingX = 400 * cardScale;
+	var cardSpacingY = 850 * cardScale;
+	for (var i = 0; i < cardIds.length; i++) {
+		var cardId = cardIds[i];
+		var row = Math.floor(i / cardsPerRow);
+		var col = i % cardsPerRow;
+		var card = new Card(storage.collection[cardId + "_rarity"], cardId, storage.collection[cardId + "_name"], storage.collection[cardId + "_type"]);
+		card.x = 2048 / 2 + (col - (cardsPerRow - 1) / 2) * cardSpacingX;
+		card.y = startY + row * cardSpacingY;
+		card.scale.set(cardScale);
+		card.reveal(); // Already revealed
+		// Add count indicator
+		var countText = new Text2("x" + storage.collection[cardId + "_count"], {
+			size: 40,
+			fill: 0xFFFFFF
 		});
-	};
-	var sortByTypeButton = new Button("SORT BY TYPE", 350, 80);
-	sortByTypeButton.x = 2048 / 2 + 200;
-	sortByTypeButton.y = 300;
-	game.addChild(sortByTypeButton);
-	screenElements.push(sortByTypeButton);
-	sortByTypeButton.down = function () {
-		tween(sortByTypeButton.scale, {
-			x: 0.95,
-			y: 0.95
-		}, {
-			duration: 100
-		});
-	};
-	sortByTypeButton.up = function () {
-		tween(sortByTypeButton.scale, {
-			x: 1,
-			y: 1
-		}, {
-			duration: 100,
-			onFinish: function onFinish() {
-				displayCollectedCards('type');
-			}
-		});
-	};
-	// Function to display collected cards based on sort type
-	function displayCollectedCards(sortBy) {
-		// Remove previously displayed cards
-		for (var i = 0; i < displayedCards.length; i++) {
-			displayedCards[i].destroy();
-		}
-		displayedCards = [];
-		// Get all cards from collection
-		var allKeys = Object.keys(storage.collection);
-		var cardIds = [];
-		// Filter keys to get unique card IDs
-		for (var i = 0; i < allKeys.length; i++) {
-			var key = allKeys[i];
-			if (key.endsWith("_rarity")) {
-				cardIds.push(key.substring(0, key.length - 7));
-			}
-		}
-		// Sort cards
-		if (sortBy === 'rarity') {
-			var rarityOrder = {
-				'common': 1,
-				'uncommon': 2,
-				'rare': 3,
-				'unique': 4,
-				'epic': 5,
-				'legendary': 6,
-				'exotic': 7
-			};
-			cardIds.sort(function (a, b) {
-				var rarityA = storage.collection[a + "_rarity"];
-				var rarityB = storage.collection[b + "_rarity"];
-				return rarityOrder[rarityA] - rarityOrder[rarityB];
-			});
-		} else if (sortBy === 'type') {
-			cardIds.sort(function (a, b) {
-				var typeA = storage.collection[a + "_type"];
-				var typeB = storage.collection[b + "_type"];
-				if (typeA < typeB) return -1;
-				if (typeA > typeB) return 1;
-				return 0;
-			});
-		}
-		// Display cards in a grid
-		var cardsPerRow = 3;
-		var startY = 400;
-		var cardScale = 0.4;
-		var cardSpacingX = 650 * cardScale;
-		var cardSpacingY = 950 * cardScale;
-		for (var i = 0; i < cardIds.length; i++) {
-			var cardId = cardIds[i];
-			var row = Math.floor(i / cardsPerRow);
-			var col = i % cardsPerRow;
-			var card = new Card(storage.collection[cardId + "_rarity"], cardId, storage.collection[cardId + "_name"], storage.collection[cardId + "_type"]);
-			card.x = 2048 / 2 + (col - (cardsPerRow - 1) / 2) * cardSpacingX;
-			card.y = startY + row * cardSpacingY;
-			card.scale.set(cardScale);
-			card.reveal(); // Already revealed
-			// Add count indicator
-			var countText = new Text2("x" + storage.collection[cardId + "_count"], {
-				size: 40,
-				fill: 0xFFFFFF
-			});
-			countText.anchor.set(1, 1);
-			countText.x = 220;
-			countText.y = 300;
-			card.addChild(countText);
-			game.addChild(card);
-			displayedCards.push(card); // Add to displayedCards array for clearing
-			screenElements.push(card);
-		}
+		countText.anchor.set(1, 1);
+		countText.x = 220;
+		countText.y = 300;
+		card.addChild(countText);
+		game.addChild(card);
+		screenElements.push(card);
 	}
-	// Display cards initially sorted by rarity
-	displayCollectedCards('rarity');
 	// Back button
 	var backButton = new Button("BACK", 200, 80);
 	backButton.x = 200;
 	backButton.y = 200;