/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1");

/**** 
* Classes
****/ 
// CarouselSkin: a skin in the scrolling carousel
var CarouselSkin = Container.expand(function () {
	var self = Container.call(this);
	self.skinData = null;
	self.asset = null;
	self.label = null;
	self.setSkin = function (skin) {
		self.skinData = skin;
		if (self.asset) self.removeChild(self.asset);
		self.asset = self.attachAsset(skin.asset, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		if (self.label) self.removeChild(self.label);
		self.label = new Text2(skin.name, {
			size: 48,
			fill: RARITY_COLORS[skin.rarity]
		});
		self.label.anchor.set(0.5, 0.5);
		self.label.y = 0;
		self.addChild(self.label);
	};
	return self;
});
// InventorySkin: a skin in the inventory grid
var InventorySkin = Container.expand(function () {
	var self = Container.call(this);
	self.skinData = null;
	self.asset = null;
	self.label = null;
	self.setSkin = function (skin) {
		self.skinData = skin;
		if (self.asset) self.removeChild(self.asset);
		self.asset = self.attachAsset(skin.asset, {
			anchorX: 0.5,
			anchorY: 0.5,
			scaleX: 0.7,
			scaleY: 0.7
		});
		if (self.label) self.removeChild(self.label);
		self.label = new Text2(skin.name, {
			size: 32,
			fill: RARITY_COLORS[skin.rarity]
		});
		self.label.anchor.set(0.5, 0.5);
		self.label.y = 60;
		self.addChild(self.label);
	};
	return self;
});

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

/**** 
* Game Code
****/ 
/*
We use simple shapes for cases and skins, and Text2 for labels.
Each skin rarity gets a unique color.
*/
// --- No update loop needed, all is event-driven ---;;
// --- MARKET SYSTEM ---
// Market button (top right, below balance)
var marketBtn = new Text2("MARKET", {
	size: 54,
	fill: 0x4A90E2
});
marketBtn.anchor.set(1, 0);
marketBtn.x = 2048 - 40;
marketBtn.y = 120;
game.addChild(marketBtn);
// Market popup container (hidden by default)
var marketPopupBg = null;
var marketPopup = null;
// Helper: get all skins not owned and not available from the case (market exclusives)
function getUnownedSkins() {
	// Market-only skins (not in SKIN_POOL)
	var marketOnlySkins = [{
		name: "Golden Tiger",
		rarity: "ultra",
		asset: "skin_gungnir" // Use an existing asset for demo, replace with unique asset if available
	}, {
		name: "Emerald Dream",
		rarity: "legendary",
		asset: "skin_medusa"
	}, {
		name: "Crimson Web",
		rarity: "mythic",
		asset: "skin_bloodsport"
	}];
	// Only show market-only skins that are not owned
	var owned = getOwnedSkins();
	var unowned = [];
	for (var i = 0; i < marketOnlySkins.length; i++) {
		if (owned.indexOf(marketOnlySkins[i].name) === -1) {
			unowned.push(marketOnlySkins[i]);
		}
	}
	return unowned;
}
// Helper: get price for a skin
function getSkinPrice(skin) {
	var prices = {
		"common": 100,
		"rare": 400,
		"mythic": 1200,
		"legendary": 3000,
		"ultra": 8000
	};
	return prices[skin.rarity] || 100;
}
// Helper: get owned skins from storage
function getOwnedSkins() {
	var owned = storage.get("owned_skins");
	if (!owned) return [];
	// Defensive: ensure owned is always an array
	if (!(owned instanceof Array)) return [];
	return owned;
}
// Helper: add skin to owned skins in storage
function addOwnedSkin(skinName) {
	var owned = getOwnedSkins();
	if (owned.indexOf(skinName) === -1) {
		owned.push(skinName);
		storage.set("owned_skins", owned);
	}
}
// Helper: check if skin is owned
function isSkinOwned(skinName) {
	var owned = getOwnedSkins();
	return owned.indexOf(skinName) !== -1;
}
// Helper: get equipped skin
function getEquippedSkin() {
	var equipped = storage.get("equipped_skin");
	return equipped || null;
}
// Helper: set equipped skin
function setEquippedSkin(skinName) {
	storage.set("equipped_skin", skinName);
}
// Show market popup
function showMarketPopup() {
	// Prevent multiple popups
	if (marketPopup) return;
	// Black overlay
	marketPopupBg = new Container();
	var bgRect = LK.getAsset('skin_prompt_bg', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0,
		width: 2048,
		height: 2732,
		color: 0x000000,
		scaleX: 2048 / 700,
		scaleY: 2732 / 220
	});
	marketPopupBg.addChild(bgRect);
	marketPopupBg.alpha = 0.85;
	game.addChild(marketPopupBg);
	// Popup container
	marketPopup = new Container();
	marketPopup.x = 2048 / 2;
	marketPopup.y = 1360;
	// Title
	var marketTitle = new Text2("MARKET", {
		size: 90,
		fill: 0xF1C40F
	});
	marketTitle.anchor.set(0.5, 0);
	marketTitle.y = -540;
	marketPopup.addChild(marketTitle);
	// Show balance
	var marketBalance = new Text2("Balance: " + (window.balance || 0) + "₺", {
		size: 54,
		fill: 0xFFFFFF
	});
	marketBalance.anchor.set(0.5, 0);
	marketBalance.y = -440;
	marketPopup.addChild(marketBalance);
	// Show equipped skin
	var equippedSkinName = getEquippedSkin();
	var equippedSkinLabel = new Text2("Equipped: " + (equippedSkinName ? equippedSkinName : "None"), {
		size: 44,
		fill: 0x4A90E2
	});
	equippedSkinLabel.anchor.set(0.5, 0);
	equippedSkinLabel.y = -370;
	marketPopup.addChild(equippedSkinLabel);
	// List all skins in a grid (4 per row)
	var skins = getUnownedSkins();
	var owned = getOwnedSkins();
	var colCount = 4;
	var rowSpacing = 260;
	var colSpacing = 400;
	var startY = -250;
	var startX = -((colCount - 1) * colSpacing) / 2;
	for (var i = 0; i < skins.length; i++) {
		var skin = skins[i];
		var col = i % colCount;
		var row = Math.floor(i / colCount);
		// Skin asset
		var skinAsset = LK.getAsset(skin.asset, {
			anchorX: 0.5,
			anchorY: 0.5,
			scaleX: 0.7,
			scaleY: 0.7
		});
		skinAsset.x = startX + col * colSpacing;
		skinAsset.y = startY + row * rowSpacing;
		marketPopup.addChild(skinAsset);
		// Skin name
		var skinNameTxt = new Text2(skin.name, {
			size: 36,
			fill: RARITY_COLORS[skin.rarity]
		});
		skinNameTxt.anchor.set(0.5, 0);
		skinNameTxt.x = skinAsset.x;
		skinNameTxt.y = skinAsset.y + 90;
		marketPopup.addChild(skinNameTxt);
		// Price or owned/equip button
		var price = getSkinPrice(skin);
		var ownedThis = isSkinOwned(skin.name);
		var isEquipped = equippedSkinName === skin.name;
		var btnLabel = "";
		var btnColor = 0x4A90E2;
		if (ownedThis) {
			btnLabel = isEquipped ? "EQUIPPED" : "EQUIP";
			btnColor = isEquipped ? 0xF1C40F : 0x4A90E2;
		} else {
			btnLabel = price + "₺ BUY";
			btnColor = 0x4A90E2;
		}
		var buyBtn = new Text2(btnLabel, {
			size: 38,
			fill: btnColor
		});
		buyBtn.anchor.set(0.5, 0);
		buyBtn.x = skinAsset.x;
		buyBtn.y = skinAsset.y + 140;
		marketPopup.addChild(buyBtn);
		// Button logic
		(function (skin, buyBtn, ownedThis, isEquipped, price, skinAsset, skinNameTxt) {
			buyBtn.down = function () {
				if (ownedThis) {
					// Equip skin
					setEquippedSkin(skin.name);
					// Update equipped label and all buttons
					equippedSkinLabel.setText("Equipped: " + skin.name);
					// Update all buttons to reflect new equipped state
					for (var j = 0; j < marketPopup.children.length; j++) {
						var child = marketPopup.children[j];
						if (child && child.setText && child.text && (child.text === "EQUIPPED" || child.text === "EQUIP")) {
							child.setText("EQUIP");
							child.style.fill = 0x4A90E2;
						}
					}
					buyBtn.setText("EQUIPPED");
					buyBtn.style.fill = 0xF1C40F;
				} else {
					// Buy skin
					if ((window.balance || 0) < price) {
						// Not enough money
						buyBtn.setText("NO MONEY");
						buyBtn.style.fill = 0xFF3B3B;
						return;
					}
					// Deduct balance
					window.balance -= price;
					if (typeof balanceTxt !== "undefined" && balanceTxt.setText) {
						balanceTxt.setText("Balance: " + window.balance + "₺");
					}
					marketBalance.setText("Balance: " + window.balance + "₺");
					// Add to owned
					addOwnedSkin(skin.name);
					// Equip on purchase
					setEquippedSkin(skin.name);
					equippedSkinLabel.setText("Equipped: " + skin.name);
					// Update button
					buyBtn.setText("EQUIPPED");
					buyBtn.style.fill = 0xF1C40F;
				}
			};
		})(skin, buyBtn, ownedThis, isEquipped, price, skinAsset, skinNameTxt);
	}
	// Close button
	var closeMarketBtn = new Text2("CLOSE", {
		size: 60,
		fill: 0x4A90E2
	});
	closeMarketBtn.anchor.set(0.5, 0.5);
	closeMarketBtn.x = 0;
	closeMarketBtn.y = startY + Math.ceil(skins.length / colCount) * rowSpacing + 100;
	marketPopup.addChild(closeMarketBtn);
	closeMarketBtn.down = function () {
		if (marketPopup && marketPopup.parent) marketPopup.parent.removeChild(marketPopup);
		if (marketPopupBg && marketPopupBg.parent) marketPopupBg.parent.removeChild(marketPopupBg);
		marketPopup = null;
		marketPopupBg = null;
	};
	// Also close on background tap
	marketPopupBg.down = function () {
		if (marketPopup && marketPopup.parent) marketPopup.parent.removeChild(marketPopup);
		if (marketPopupBg && marketPopupBg.parent) marketPopupBg.parent.removeChild(marketPopupBg);
		marketPopup = null;
		marketPopupBg = null;
	};
	game.addChild(marketPopup);
}
// Market button event
marketBtn.down = function () {
	showMarketPopup();
};
// Unique image assets for each skin (replace with your own images as needed)
// Arrow indicator asset (downward arrow, yellow)
var SKIN_POOL = [{
	name: "Urban DDPAT",
	rarity: "common",
	asset: "skin_urban_ddpat"
}, {
	name: "Sand Spray",
	rarity: "common",
	asset: "skin_sand_spray"
}, {
	name: "Forest Leaves",
	rarity: "common",
	asset: "skin_forest_leaves"
}, {
	name: "Jungle Tiger",
	rarity: "common",
	asset: "skin_jungle_tiger"
}, {
	name: "Night Ops",
	rarity: "common",
	asset: "skin_night_ops"
}, {
	name: "Blue Streak",
	rarity: "rare",
	asset: "skin_blue_streak"
}, {
	name: "Redline",
	rarity: "rare",
	asset: "skin_redline"
}, {
	name: "Firestarter",
	rarity: "rare",
	asset: "skin_firestarter"
}, {
	name: "Ocean Foam",
	rarity: "rare",
	asset: "skin_ocean_foam"
}, {
	name: "Hyper Beast",
	rarity: "mythic",
	asset: "skin_hyper_beast"
}, {
	name: "Asiimov",
	rarity: "legendary",
	//{1c} // RED
	asset: "skin_asiimov"
}, {
	name: "Neon Rider",
	rarity: "mythic",
	asset: "skin_neon_rider"
}, {
	name: "Bloodsport",
	rarity: "mythic",
	asset: "skin_bloodsport"
}, {
	name: "Dragon Lore",
	rarity: "ultra",
	//{1i} // GOLD
	asset: "skin_dragon_lore"
}, {
	name: "Howl",
	rarity: "legendary",
	//{1k} // RED
	asset: "skin_howl"
}, {
	name: "Medusa",
	rarity: "legendary",
	//{1m} // RED
	asset: "skin_medusa"
}, {
	name: "Poseidon",
	rarity: "legendary",
	//{1o} // RED
	asset: "skin_poseidon"
}, {
	name: "Gungnir",
	rarity: "ultra",
	//{1q} // GOLD
	asset: "skin_gungnir"
}, {
	name: "The Prince",
	rarity: "ultra",
	//{1s} // GOLD
	asset: "skin_the_prince"
}];
// Rarity weights for random selection
var RARITY_WEIGHTS = {
	"common": 60,
	"rare": 25,
	"mythic": 10,
	"legendary": 4,
	"ultra": 1
};
// Rarity display colors
var RARITY_COLORS = {
	"common": 0xCCCCCC,
	"rare": 0x4A90E2,
	"mythic": 0x9B59B6,
	"legendary": 0xF1C40F,
	"ultra": 0xFF3B3B
};
// Helper: get a random skin based on weights
function getRandomSkin() {
	// First, build a list of all skins with their odds, based on the rarity weights
	// Count how many skins per rarity
	var rarityCounts = {};
	for (var i = 0; i < SKIN_POOL.length; i++) {
		var rarity = SKIN_POOL[i].rarity;
		if (!rarityCounts[rarity]) rarityCounts[rarity] = 0;
		rarityCounts[rarity]++;
	}
	// Build a flat array of {skin, weight}
	var weightedSkins = [];
	for (var i = 0; i < SKIN_POOL.length; i++) {
		var skin = SKIN_POOL[i];
		var rarity = skin.rarity;
		// Each skin gets a weight proportional to its rarity weight divided by number of skins of that rarity
		var weight = RARITY_WEIGHTS[rarity] / rarityCounts[rarity];
		weightedSkins.push({
			skin: skin,
			weight: weight
		});
	}
	// Total weight
	var total = 0;
	for (var i = 0; i < weightedSkins.length; i++) {
		total += weightedSkins[i].weight;
	}
	var pick = Math.random() * total;
	var acc = 0;
	for (var i = 0; i < weightedSkins.length; i++) {
		acc += weightedSkins[i].weight;
		if (pick < acc) return weightedSkins[i].skin;
	}
	return SKIN_POOL[0];
}
var caseNode = LK.getAsset('case', {
	anchorX: 0.5,
	anchorY: 0.5
});
caseNode.x = 2048 / 2;
caseNode.y = 900; // moved higher up
// Add the case node
// "Open Case" button (Text2, acts as button)
var openBtn = new Text2("OPEN CASE", {
	size: 90,
	fill: 0xFFFFFF
});
openBtn.anchor.set(0.5, 0.5);
openBtn.x = 2048 / 2;
openBtn.y = 1850; // move button down to match new case position
// Balance text (moved to top right)
var balanceTxt = new Text2("Balance: 0₺", {
	size: 48,
	fill: 0xF1C40F
});
balanceTxt.anchor.set(1, 0); // top right
balanceTxt.x = 2048 - 40;
balanceTxt.y = 40;
// Add to game
game.addChild(caseNode);
// Carousel container (skin scroll area)
var isOpening = false;
var carouselSkins = [];
var carouselContainer = new Container();
carouselContainer.x = 2048 / 2;
// Add an arrow indicator asset (downward arrow) first, so we can position the carouselContainer right above it
var arrowIndicator = LK.getAsset('arrow_indicator', {
	anchorX: 0.5,
	anchorY: 0,
	x: 2048 / 2,
	y: 1550 // moved further down
});
game.addChild(arrowIndicator);
// Move carouselContainer so its bottom is flush with the top of the arrow indicator
carouselContainer.y = arrowIndicator.y - 220; // 220 is the height of the carousel area (skins)
game.addChild(carouselContainer);
// Optionally, adjust arrowIndicator.y if you want it to be a fixed distance below the case opening area
game.addChild(openBtn);
game.addChild(balanceTxt);
// --- Skin Prompt UI ---
// Removed skinPromptContainer and skinPromptBg as requested
// --- Functions ---
// Start case opening animation
function startCaseOpening() {
	if (isOpening) return;
	isOpening = true;
	// skinPromptContainer.visible = false; // removed, no longer exists
	openBtn.setText("OPENING...");
	LK.getSound('case_open').play();
	// Remove old carousel
	while (carouselContainer.children.length) carouselContainer.removeChild(carouselContainer.children[0]);
	carouselSkins = [];
	// Build carousel: 20 random skins, winner always lands in front of the arrow
	var winner = getRandomSkin();
	var skins = [];
	var winnerPos = 10; // winner will always be at index 10 (centered in front of arrow)
	for (var i = 0; i < 20; i++) {
		if (i === winnerPos) {
			skins.push(winner);
		} else {
			// Random, but not always the winner
			var s;
			do {
				s = getRandomSkin();
			} while (s.name === winner.name);
			skins.push(s);
		}
	}
	// Create skin nodes
	for (var j = 0; j < skins.length; j++) {
		var node = new CarouselSkin();
		node.setSkin(skins[j]);
		node.x = (j - winnerPos) * 400;
		node.y = 0;
		carouselContainer.addChild(node);
		carouselSkins.push(node);
	}
	// Animate: scroll so the winner lands exactly in front of the arrow (center)
	// We'll spin the carousel several times before stopping at the winner
	var stopOffset = 0; // winnerPos is at center, so offset is 0
	var spinDistance = 400 * 20 * 2; // 2 full spins (20 skins per spin, 400px per skin)
	var startX = 2048 / 2 + spinDistance;
	var endX = 2048 / 2 + stopOffset;
	var duration = 2200 + Math.random() * 400; // 2.2-2.6s
	// Reset to start position for animation
	carouselContainer.x = startX;
	// Animate with cubicOut for a nice deceleration
	tween(carouselContainer, {
		x: endX
	}, {
		duration: duration,
		easing: tween.cubicOut,
		onFinish: function onFinish() {
			LK.getSound('skin_land').play();
			showUnboxedSkin(winner);
		}
	});
}
// Show the unboxed skin, add to inventory, update UI
function showUnboxedSkin(skin) {
	// Pop up effect: scale up winner skin
	var winnerNode = null;
	var minDist = 99999;
	for (var i = 0; i < carouselSkins.length; i++) {
		if (carouselSkins[i].skinData.name === skin.name) {
			var dist = Math.abs(carouselSkins[i].x);
			if (dist < minDist) {
				minDist = dist;
				winnerNode = carouselSkins[i];
			}
		}
	}
	// Show a popup with the skin image, name, and "Close" button, and balance
	if (winnerNode) {
		// --- Otomatik satış işlemi ---
		if (typeof window.balance === "undefined") window.balance = 0;
		// Satış fiyatı: rarity'ye göre belirle
		var sellPrices = {
			"common": 20,
			"rare": 200,
			"mythic": 250,
			"legendary": 800,
			"ultra": 2500
		};
		var sellAmount = sellPrices[skin.rarity] || 10;
		if (skin.name === "Redline") {
			sellAmount = 350;
		}
		window.balance += sellAmount;
		// Add a fullscreen black background behind the popup
		var popupBg = new Container();
		popupBg.x = 0;
		popupBg.y = 0;
		// Use a shape as a black overlay
		var bgRect = LK.getAsset('skin_prompt_bg', {
			anchorX: 0,
			anchorY: 0,
			x: 0,
			y: 0,
			width: 2048,
			height: 2732,
			color: 0x000000,
			scaleX: 2048 / 700,
			scaleY: 2732 / 220
		});
		popupBg.addChild(bgRect);
		popupBg.alpha = 0.85;
		game.addChild(popupBg);
		var popup = new Container();
		popup.x = 2048 / 2;
		popup.y = 1200;
		// Add skin asset image
		var skinImg = LK.getAsset(skin.asset, {
			anchorX: 0.5,
			anchorY: 0.5,
			scaleX: 1.2,
			scaleY: 1.2
		});
		popup.addChild(skinImg);
		// Add skin name label (always use winnerNode.skinData.name to ensure correct name)
		var skinLabel = new Text2(winnerNode.skinData.name, {
			size: 80,
			fill: RARITY_COLORS[winnerNode.skinData.rarity]
		});
		skinLabel.anchor.set(0.5, 0);
		skinLabel.y = 120;
		popup.addChild(skinLabel);
		// --- Otomatik satış bildirimi ---
		var soldLabel = new Text2("Otomatik satıldı +" + sellAmount + "₺", {
			size: 54,
			fill: 0x4A90E2
		});
		soldLabel.anchor.set(0.5, 0);
		soldLabel.y = 220;
		popup.addChild(soldLabel);
		// --- CLOSE BUTTON ---
		var closeBtn = new Text2("CLOSE", {
			size: 60,
			fill: 0x4A90E2
		});
		closeBtn.anchor.set(0.5, 0.5);
		closeBtn.x = 260;
		closeBtn.y = 340;
		popup.addChild(closeBtn);
		// Show current balance
		var balanceTxtPopup = new Text2("Balance: " + window.balance + "₺", {
			size: 44,
			fill: 0xFFFFFF
		});
		balanceTxtPopup.anchor.set(0.5, 0.5);
		balanceTxtPopup.x = 0;
		balanceTxtPopup.y = 340;
		popup.addChild(balanceTxtPopup);
		// Ana ekrandaki balance'ı da güncelle
		if (typeof balanceTxt !== "undefined" && balanceTxt.setText) {
			balanceTxt.setText("Balance: " + window.balance + "₺");
		}
		// Animate popup in
		popup.scale.x = 0.1;
		popup.scale.y = 0.1;
		game.addChild(popup);
		tween(popup.scale, {
			x: 1,
			y: 1
		}, {
			duration: 350,
			easing: tween.elasticOut,
			onFinish: function onFinish() {
				tween(popup.scale, {
					x: 1,
					y: 1
				}, {
					duration: 200,
					easing: tween.linear
				});
			}
		});
		// Animate winner node
		tween(winnerNode, {
			scaleX: 1.3,
			scaleY: 1.3
		}, {
			duration: 350,
			easing: tween.elasticOut,
			onFinish: function onFinish() {
				tween(winnerNode, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 200,
					easing: tween.linear
				});
			}
		});
		// Pause opening until popup is closed
		isOpening = true;
		openBtn.setText("OPEN CASE");
		// Sell button logic removed
		// Close button logic
		closeBtn.down = function () {
			if (popup.parent) popup.parent.removeChild(popup);
			if (popupBg && popupBg.parent) popupBg.parent.removeChild(popupBg);
			isOpening = false;
			openBtn.setText("OPEN CASE");
			while (carouselContainer.children.length) carouselContainer.removeChild(carouselContainer.children[0]);
			carouselSkins = [];
		};
		// Also allow closing popup by tapping anywhere else on popup
		popup.down = function (x, y, obj) {
			if (popup.parent) popup.parent.removeChild(popup);
			if (popupBg && popupBg.parent) popupBg.parent.removeChild(popupBg);
			isOpening = false;
			openBtn.setText("OPEN CASE");
			while (carouselContainer.children.length) carouselContainer.removeChild(carouselContainer.children[0]);
			carouselSkins = [];
		};
	}
}
// --- Event Handlers ---
// Open case on tap
openBtn.down = function (x, y, obj) {
	if (!isOpening) startCaseOpening();
};
// Prevent accidental tap on top left (menu area)
caseNode.down = function (x, y, obj) {
	if (x < 100 && y < 100) return;
};
// --- Initial UI ---
// updateInventory removed
// Move the 'bombardilo' text (game title) higher up on the screen
var titleTxt = new Text2("bombardilo", {
	size: 120,
	fill: 0xFFFFFF
});
titleTxt.anchor.set(0.5, 0);
titleTxt.x = 2048 / 2;
titleTxt.y = 120; // moved higher up
game.addChild(titleTxt);
// --- No update loop needed, all is event-driven ---;

===================================================================
--- original.js
+++ change.js
@@ -145,9 +145,9 @@
 	return owned.indexOf(skinName) !== -1;
 }
 // Helper: get equipped skin
 function getEquippedSkin() {
-	var equipped = storage.getItem("equipped_skin");
+	var equipped = storage.get("equipped_skin");
 	return equipped || null;
 }
 // Helper: set equipped skin
 function setEquippedSkin(skinName) {