/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
	collection: {},
	trades: {},
	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;
});
var TradeCard = Container.expand(function (card, count) {
	var self = Container.call(this);
	// Store reference to original card data
	self.id = card.id;
	self.rarity = card.rarity;
	self.name = card.name;
	self.type = card.type;
	self.count = count || 1;
	self.selected = false;
	// Keep track of the original count passed in
	self.initialCount = count || 1;
	// Create visual representation
	var cardFront;
	switch (self.rarity) {
		case 'common':
			cardFront = self.attachAsset('commonCard', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'uncommon':
			cardFront = self.attachAsset('uncommonCard', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'rare':
			cardFront = self.attachAsset('rareCard', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'unique':
			cardFront = self.attachAsset('uniqueCard', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'epic':
			cardFront = self.attachAsset('epicCard', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'legendary':
			cardFront = self.attachAsset('legendaryCard', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
		case 'exotic':
			cardFront = self.attachAsset('exoticCard', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			break;
	}
	// Card icon (same logic as Card class)
	var icon;
	switch (self.type) {
		case 'Rodent':
			icon = self.attachAsset('cardIconRat', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150
			});
			break;
		case 'Avian':
			if (self.name === 'Owl') {
				icon = self.attachAsset('cardIconOwl', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Ostrich') {
				icon = self.attachAsset('cardIconOstrich', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Duck') {
				icon = self.attachAsset('cardIconDuck', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else {
				icon = self.attachAsset('cardIconPidgeon', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			}
			break;
		case 'Amphibian':
			if (self.name === 'Frog') {
				icon = self.attachAsset('cardIconFrog', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else {
				icon = self.attachAsset('cardIconSalamander', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			}
			break;
		case 'Insect':
			if (self.name === 'Beetle') {
				icon = self.attachAsset('cardIconBeetle', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else {
				icon = self.attachAsset('cardIconAnt', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			}
			break;
		case 'Aquatic':
			if (self.name === 'Shark') {
				icon = self.attachAsset('cardIconShark', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Whale') {
				icon = self.attachAsset('cardIconWhale', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else {
				icon = self.attachAsset('cardIconSalmon', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			}
			break;
		case 'Mammal':
			if (self.name === 'Pig') {
				icon = self.attachAsset('cardIconPig', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Fox') {
				icon = self.attachAsset('cardIconFox', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Wolf') {
				icon = self.attachAsset('cardIconWolf', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Bear') {
				icon = self.attachAsset('cardIconBear', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Hippo') {
				icon = self.attachAsset('cardIconHippo', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else {
				icon = self.attachAsset('cardIconHare', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			}
			break;
		case 'Reptile':
			if (self.name === 'Crocodile') {
				icon = self.attachAsset('cardIconCrocodile', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else {
				icon = self.attachAsset('cardIconLizard', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			}
			break;
		case 'Feline':
			icon = self.attachAsset('cardIconLion', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150
			});
			break;
		case 'Primate':
			icon = self.attachAsset('cardIconGorilla', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150
			});
			break;
		case 'EVERYTHING':
			icon = self.attachAsset('cardIconDuck', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150
			});
			break;
		case 'Dinosaur':
			if (self.name === 'Velociraptor') {
				icon = self.attachAsset('cardIconVelociraptor', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Parasaur') {
				icon = self.attachAsset('cardIconParasaur', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Pterodactyl') {
				icon = self.attachAsset('cardIconPterodactyl', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Stegosaurus') {
				icon = self.attachAsset('cardIconStegosaurus', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Ankylosaurus') {
				icon = self.attachAsset('cardIconAnkylosaurus', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Spinosaurus') {
				icon = self.attachAsset('cardIconSpinosaurus', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Diplodocus') {
				icon = self.attachAsset('cardIconDiplodocus', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'Triceratops') {
				icon = self.attachAsset('cardIconTriceratops', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			} else if (self.name === 'T-REX') {
				icon = self.attachAsset('cardIconTRex', {
					anchorX: 0.5,
					anchorY: 0.5,
					y: -150
				});
			}
			break;
		default:
			icon = self.attachAsset('cardIconEVERYTHING', {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -150
			});
			break;
	}
	// Card text
	var nameText = new Text2(self.name, {
		size: 40,
		fill: 0xFFFFFF
	});
	nameText.anchor.set(0.5, 0);
	nameText.y = 50;
	self.addChild(nameText);
	var rarityText = new Text2(self.rarity.toUpperCase(), {
		size: 25,
		fill: 0xFFFFFF
	});
	rarityText.anchor.set(0.5, 1);
	rarityText.y = 300;
	self.addChild(rarityText);
	// Count display
	var countText = new Text2("x" + self.count, {
		size: 40,
		fill: 0xFFFFFF
	});
	countText.anchor.set(1, 1);
	countText.x = 220;
	countText.y = 300;
	self.addChild(countText);
	// Selection indicator (initially hidden)
	var selectionHighlight = self.attachAsset(self.rarity + 'Card', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.5,
		visible: false
	});
	// Selection checkmark
	var checkmark = new Text2("✓", {
		size: 80,
		fill: 0x00FF00
	});
	checkmark.anchor.set(0.5, 0.5);
	checkmark.visible = false;
	self.addChild(checkmark);
	// Toggle selection
	self.toggleSelect = function () {
		// Allow selection up to the initial count of the card
		if (self.selected) {
			self.selected = false;
			selectionHighlight.visible = false;
			checkmark.visible = false;
			// Remove the card from the selected cards list
			var index = tradeSelectedCards.findIndex(function (card) {
				return card.id === self.id;
			});
			if (index !== -1) {
				tradeSelectedCards.splice(index, 1);
			}
			return true;
		} else if (tradeSelectedCards.length < 5 && self.count > 0) {
			self.selected = true;
			selectionHighlight.visible = true;
			checkmark.visible = true;
			// Add the card to the selected cards list
			tradeSelectedCards.push({
				id: self.id,
				rarity: self.rarity,
				name: self.name,
				type: self.type
			});
			return true;
		}
		return false;
	};
	// Handle click
	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,
			onFinish: function onFinish() {
				self.toggleSelect();
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state variables
var currentScreen = 'home'; // 'home', 'packs', 'collection', 'trade'
var currentlyOpeningPack = false;
var packDisplays = [];
var displayedCards = [];
var screenElements = [];
var tradeSelectedCards = [];
var tradeOfferCards = [];
var tradeMode = 'select'; // 'select', 'offer', 'confirm'
var tradeCodeInput = '';
var tradeCode = '';
// 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 = 1100;
	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 tradeButton = new Button("TRADE CARDS", 400, 120);
	tradeButton.x = 2048 / 2;
	tradeButton.y = 1300;
	game.addChild(tradeButton);
	screenElements.push(tradeButton);
	tradeButton.down = function () {
		tween(tradeButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	tradeButton.up = function () {
		tween(tradeButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				showTradeScreen();
			}
		});
	};
	var collectionButton = new Button("COLLECTION", 400, 120);
	collectionButton.x = 2048 / 2;
	collectionButton.y = 1500;
	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();
			}
		});
	};
}
// Show trade screen
function showTradeScreen() {
	clearScreen();
	currentScreen = 'trade';
	tradeMode = 'select';
	tradeSelectedCards = [];
	tradeOfferCards = [];
	tradeCode = '';
	tradeCodeInput = '';
	var title = new Text2("TRADE CARDS", {
		size: 80,
		fill: 0xFFFFFF
	});
	title.anchor.set(0.5, 0);
	title.x = 2048 / 2;
	title.y = 200;
	game.addChild(title);
	screenElements.push(title);
	// Instruction text
	var instructionText = new Text2("Select cards you want to trade (max 5)", {
		size: 40,
		fill: 0xFFFFFF
	});
	instructionText.anchor.set(0.5, 0);
	instructionText.x = 2048 / 2;
	instructionText.y = 300;
	game.addChild(instructionText);
	screenElements.push(instructionText);
	showTradeCardSelection();
	// 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();
			}
		});
	};
	// Continue button
	var continueButton = new Button("CONTINUE", 300, 100);
	continueButton.x = 2048 / 2;
	continueButton.y = 2732 - 200;
	game.addChild(continueButton);
	screenElements.push(continueButton);
	continueButton.down = function () {
		tween(continueButton.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	continueButton.up = function () {
		tween(continueButton.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				if (tradeSelectedCards.length > 0) {
					showTradeOptions();
				}
			}
		});
	};
}
// Show trade card selection
function showTradeCardSelection() {
	// Get available cards with more than 1 copy
	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")) {
			var cardId = key.substring(0, key.length - 7);
			// Check if the card exists in the collection
			if (storage.collection[cardId + "_count"] > 0) {
				cardIds.push(cardId);
			}
		}
	}
	// 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;
	// Display cards that can be traded (with count > 1)
	for (var i = 0; i < cardIds.length; i++) {
		var cardId = cardIds[i];
		var row = Math.floor(i / cardsPerRow);
		var col = i % cardsPerRow;
		var cardData = {
			rarity: storage.collection[cardId + "_rarity"],
			id: cardId,
			name: storage.collection[cardId + "_name"],
			type: storage.collection[cardId + "_type"],
			count: storage.collection[cardId + "_count"]
		};
		var tradeCard = new TradeCard(cardData, storage.collection[cardId + "_count"]); // Allow trading any owned card
		tradeCard.x = 2048 / 2 + (col - (cardsPerRow - 1) / 2) * cardSpacingX;
		tradeCard.y = startY + row * cardSpacingY;
		tradeCard.scale.set(cardScale);
		game.addChild(tradeCard);
		screenElements.push(tradeCard);
	}
	if (cardIds.length === 0) {
		var noCardsText = new Text2("You don't have any duplicate cards to trade.", {
			size: 50,
			fill: 0xFFFFFF
		});
		noCardsText.anchor.set(0.5, 0);
		noCardsText.x = 2048 / 2;
		noCardsText.y = 800;
		game.addChild(noCardsText);
		screenElements.push(noCardsText);
	}
}
// Show trade options screen
function showTradeOptions() {
	clearScreen();
	currentScreen = 'trade';
	tradeMode = 'offer';
	var title = new Text2("TRADE OPTIONS", {
		size: 80,
		fill: 0xFFFFFF
	});
	title.anchor.set(0.5, 0);
	title.x = 2048 / 2;
	title.y = 200;
	game.addChild(title);
	screenElements.push(title);
	// Show selected cards
	var selectedCardsTitle = new Text2("YOUR OFFERING:", {
		size: 40,
		fill: 0xFFFFFF
	});
	selectedCardsTitle.anchor.set(0.5, 0);
	selectedCardsTitle.x = 2048 / 2;
	selectedCardsTitle.y = 300;
	game.addChild(selectedCardsTitle);
	screenElements.push(selectedCardsTitle);
	// Display selected cards
	var cardScale = 0.3;
	var spacing = 350;
	var startX = 2048 / 2 - (tradeSelectedCards.length - 1) * spacing / 2;
	for (var i = 0; i < tradeSelectedCards.length; i++) {
		var cardData = tradeSelectedCards[i];
		var card = new Card(cardData.rarity, cardData.id, cardData.name, cardData.type);
		card.x = startX + i * spacing;
		card.y = 500;
		card.scale.set(cardScale);
		card.reveal();
		game.addChild(card);
		screenElements.push(card);
	}
	// Generate a unique trade code
	generateTradeCode();
	// Display trade code
	var codeTitle = new Text2("YOUR TRADE CODE:", {
		size: 40,
		fill: 0xFFFFFF
	});
	codeTitle.anchor.set(0.5, 0);
	codeTitle.x = 2048 / 2;
	codeTitle.y = 800;
	game.addChild(codeTitle);
	screenElements.push(codeTitle);
	var codeText = new Text2(tradeCode, {
		size: 80,
		fill: 0xFFFF00
	});
	codeText.anchor.set(0.5, 0);
	codeText.x = 2048 / 2;
	codeText.y = 900;
	game.addChild(codeText);
	screenElements.push(codeText);
	var instructionText = new Text2("Share this code with another player to trade", {
		size: 30,
		fill: 0xFFFFFF
	});
	instructionText.anchor.set(0.5, 0);
	instructionText.x = 2048 / 2;
	instructionText.y = 1000;
	game.addChild(instructionText);
	screenElements.push(instructionText);
	// Or enter someone else's code
	var enterCodeTitle = new Text2("OR ENTER SOMEONE'S CODE:", {
		size: 40,
		fill: 0xFFFFFF
	});
	enterCodeTitle.anchor.set(0.5, 0);
	enterCodeTitle.x = 2048 / 2;
	enterCodeTitle.y = 1200;
	game.addChild(enterCodeTitle);
	screenElements.push(enterCodeTitle);
	// Code input box
	var codeInput = LK.getAsset('cardButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 600,
		height: 100
	});
	codeInput.x = 2048 / 2;
	codeInput.y = 1300;
	game.addChild(codeInput);
	screenElements.push(codeInput);
	var inputText = new Text2(tradeCodeInput, {
		size: 60,
		fill: 0xFFFFFF
	});
	inputText.anchor.set(0.5, 0.5);
	inputText.x = 2048 / 2;
	inputText.y = 1300;
	game.addChild(inputText);
	screenElements.push(inputText);
	// Number buttons for code entry
	var numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];
	var numberButtonSize = 80;
	var numberButtonSpacing = 100;
	var startNumberX = 2048 / 2 - (numbers.length / 2 - 0.5) * numberButtonSpacing;
	for (var i = 0; i < numbers.length; i++) {
		var numberButton = new Button(numbers[i], numberButtonSize, numberButtonSize);
		numberButton.x = startNumberX + i * numberButtonSpacing;
		numberButton.y = 1450;
		numberButton.digit = numbers[i]; // Store the digit
		game.addChild(numberButton);
		screenElements.push(numberButton);
		numberButton.down = function () {
			tween(this.scale, {
				x: 0.95,
				y: 0.95
			}, {
				duration: 100
			});
		};
		numberButton.up = function () {
			var button = this; // Store reference to this button
			tween(button.scale, {
				x: 1,
				y: 1
			}, {
				duration: 100,
				onFinish: function onFinish() {
					// Add digit to code input if less than 6 digits
					if (tradeCodeInput.length < 6) {
						tradeCodeInput += button.digit;
						inputText.setText(tradeCodeInput);
					}
				}
			});
		};
	}
	// Clear button
	var clearButton = new Button("CLEAR", 200, 80);
	clearButton.x = 2048 / 2 - 200;
	clearButton.y = 1580;
	game.addChild(clearButton);
	screenElements.push(clearButton);
	clearButton.down = function () {
		tween(this.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	clearButton.up = function () {
		tween(this.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				tradeCodeInput = '';
				inputText.setText(tradeCodeInput);
			}
		});
	};
	// Trade button
	var tradeButton = new Button("TRADE", 200, 80);
	tradeButton.x = 2048 / 2 + 200;
	tradeButton.y = 1580;
	game.addChild(tradeButton);
	screenElements.push(tradeButton);
	tradeButton.down = function () {
		tween(this.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	tradeButton.up = function () {
		tween(this.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				if (tradeCodeInput.length === 6) {
					// Simulate fetching trade from entered code
					processTrade(tradeCodeInput);
				}
			}
		});
	};
	// 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(this.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	backButton.up = function () {
		tween(this.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				showTradeScreen();
			}
		});
	};
}
// Generate a unique trade code
function generateTradeCode() {
	tradeCode = '';
	for (var i = 0; i < 6; i++) {
		tradeCode += Math.floor(Math.random() * 10).toString();
	}
	// Store trade data in local storage for this code
	if (!storage.trades) {
		storage.trades = {};
	}
	// Store trade data in local storage for this code, using primitive values
	var tradeDataToStore = [];
	for (var i = 0; i < tradeSelectedCards.length; i++) {
		tradeDataToStore.push({
			id: tradeSelectedCards[i].id,
			rarity: tradeSelectedCards[i].rarity,
			name: tradeSelectedCards[i].name,
			type: tradeSelectedCards[i].type
		});
	}
	// Convert the array of card objects to an array of simple objects with primitive values for storage.
	var simpleTradeData = [];
	for (var i = 0; i < tradeDataToStore.length; i++) {
		simpleTradeData.push({
			id: tradeDataToStore[i].id,
			rarity: tradeDataToStore[i].rarity,
			name: tradeDataToStore[i].name,
			type: tradeDataToStore[i].type
		});
	}
	storage.trades[tradeCode] = simpleTradeData;
}
// Process a trade using a code
function processTrade(code) {
	// In a real implementation, this would fetch trade data from a server
	// For demo purposes, we'll simulate receiving cards based on the code
	if (!storage.trades) {
		showTradeResult("Invalid trade code");
		return;
	}
	var tradeData = storage.trades[code];
	if (!tradeData) {
		// For demo, generate random cards as if we got them from another player
		tradeOfferCards = generateRandomTradeCards();
		showTradeConfirmation();
	} else {
		tradeOfferCards = tradeData;
		showTradeConfirmation();
	}
}
// Generate random cards for demo trade
function generateRandomTradeCards() {
	var cards = [];
	var count = Math.floor(Math.random() * 3) + 1; // 1-3 cards
	for (var i = 0; i < count; i++) {
		// Pick a random card from the database
		var randomCard = CARD_DATABASE[Math.floor(Math.random() * CARD_DATABASE.length)];
		cards.push({
			rarity: randomCard.rarity,
			id: randomCard.id,
			name: randomCard.name,
			type: randomCard.type
		});
	}
	return cards;
}
// Show trade confirmation screen
function showTradeConfirmation() {
	clearScreen();
	currentScreen = 'trade';
	tradeMode = 'confirm';
	var title = new Text2("CONFIRM TRADE", {
		size: 80,
		fill: 0xFFFFFF
	});
	title.anchor.set(0.5, 0);
	title.x = 2048 / 2;
	title.y = 200;
	game.addChild(title);
	screenElements.push(title);
	// Your cards
	var yourCardsTitle = new Text2("YOU GIVE:", {
		size: 40,
		fill: 0xFFFFFF
	});
	yourCardsTitle.anchor.set(0.5, 0);
	yourCardsTitle.x = 2048 / 2 - 500;
	yourCardsTitle.y = 300;
	game.addChild(yourCardsTitle);
	screenElements.push(yourCardsTitle);
	// Their cards
	var theirCardsTitle = new Text2("YOU RECEIVE:", {
		size: 40,
		fill: 0xFFFFFF
	});
	theirCardsTitle.anchor.set(0.5, 0);
	theirCardsTitle.x = 2048 / 2 + 500;
	theirCardsTitle.y = 300;
	game.addChild(theirCardsTitle);
	screenElements.push(theirCardsTitle);
	// Display your cards
	var cardScale = 0.3;
	var spacing = 250;
	var startY = 450;
	for (var i = 0; i < tradeSelectedCards.length; i++) {
		var yourCardData = tradeSelectedCards[i];
		var yourCard = new Card(yourCardData.rarity, yourCardData.id, yourCardData.name, yourCardData.type);
		yourCard.x = 2048 / 2 - 500;
		yourCard.y = startY + i * spacing;
		yourCard.scale.set(cardScale);
		yourCard.reveal();
		game.addChild(yourCard);
		screenElements.push(yourCard);
	}
	// Display their cards
	for (var i = 0; i < tradeOfferCards.length; i++) {
		var theirCardData = tradeOfferCards[i];
		var theirCard = new Card(theirCardData.rarity, theirCardData.id, theirCardData.name, theirCardData.type);
		theirCard.x = 2048 / 2 + 500;
		theirCard.y = startY + i * spacing;
		theirCard.scale.set(cardScale);
		theirCard.reveal();
		game.addChild(theirCard);
		screenElements.push(theirCard);
	}
	// Confirm button
	var confirmButton = new Button("CONFIRM TRADE", 400, 100);
	confirmButton.x = 2048 / 2;
	confirmButton.y = 2732 - 300;
	game.addChild(confirmButton);
	screenElements.push(confirmButton);
	confirmButton.down = function () {
		tween(this.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	confirmButton.up = function () {
		tween(this.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				executeTrade();
				showTradeResult("Trade complete!");
			}
		});
	};
	// Cancel button
	var cancelButton = new Button("CANCEL", 200, 100);
	cancelButton.x = 2048 / 2;
	cancelButton.y = 2732 - 200;
	game.addChild(cancelButton);
	screenElements.push(cancelButton);
	cancelButton.down = function () {
		tween(this.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	cancelButton.up = function () {
		tween(this.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				showTradeScreen();
			}
		});
	};
}
// Execute the trade
function executeTrade() {
	// Remove selected cards from your collection
	for (var i = 0; i < tradeSelectedCards.length; i++) {
		var cardId = tradeSelectedCards[i].id;
		// Check if the card exists and has count > 0 before decrementing
		if (storage.collection[cardId + "_count"] && storage.collection[cardId + "_count"] > 0) {
			storage.collection[cardId + "_count"]--;
			// Update stats
			storage.stats[tradeSelectedCards[i].rarity]--;
			storage.stats.totalCards--;
		}
	}
	// Add offered cards to your collection
	for (var i = 0; i < tradeOfferCards.length; i++) {
		var cardData = tradeOfferCards[i];
		// Check if card exists in collection
		if (!storage.collection[cardData.id + "_count"]) {
			// Initialize collection entry
			storage.collection[cardData.id + "_rarity"] = cardData.rarity;
			storage.collection[cardData.id + "_name"] = cardData.name;
			storage.collection[cardData.id + "_type"] = cardData.type;
			storage.collection[cardData.id + "_count"] = 0;
		}
		// Increment count
		storage.collection[cardData.id + "_count"]++;
		// Update stats
		storage.stats[cardData.rarity]++;
		storage.stats.totalCards++;
	}
	// Clear trade data
	if (storage.trades && storage.trades[tradeCode]) {
		delete storage.trades[tradeCode];
	}
}
// Show trade result
function showTradeResult(message) {
	clearScreen();
	currentScreen = 'trade';
	var resultText = new Text2(message, {
		size: 80,
		fill: 0xFFFFFF
	});
	resultText.anchor.set(0.5, 0.5);
	resultText.x = 2048 / 2;
	resultText.y = 2732 / 2;
	game.addChild(resultText);
	screenElements.push(resultText);
	// Done button
	var doneButton = new Button("DONE", 300, 100);
	doneButton.x = 2048 / 2;
	doneButton.y = 2732 / 2 + 200;
	game.addChild(doneButton);
	screenElements.push(doneButton);
	doneButton.down = function () {
		tween(this.scale, {
			x: 0.95,
			y: 0.95
		}, {
			duration: 100
		});
	};
	doneButton.up = function () {
		tween(this.scale, {
			x: 1,
			y: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				updateStatsDisplay();
				showHomeScreen();
			}
		});
	};
}
// 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
@@ -2204,9 +2204,19 @@
 			name: tradeSelectedCards[i].name,
 			type: tradeSelectedCards[i].type
 		});
 	}
-	storage.trades[tradeCode] = tradeDataToStore;
+	// Convert the array of card objects to an array of simple objects with primitive values for storage.
+	var simpleTradeData = [];
+	for (var i = 0; i < tradeDataToStore.length; i++) {
+		simpleTradeData.push({
+			id: tradeDataToStore[i].id,
+			rarity: tradeDataToStore[i].rarity,
+			name: tradeDataToStore[i].name,
+			type: tradeDataToStore[i].type
+		});
+	}
+	storage.trades[tradeCode] = simpleTradeData;
 }
 // Process a trade using a code
 function processTrade(code) {
 	// In a real implementation, this would fetch trade data from a server