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

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

/**** 
* Game Code
****/ 
// Game UI elements
// Import storage plugin for persistent data
// Import tween plugin for coin animations
var scoreDisplay, coinDisplay, clickButton, upgradeButton, storeButton, tabButtons;
var cardSlots = [];
var buySlotButton;
var isStoreOpen = false;
var activeTab = 'cards';
var gameState = {
	score: 0,
	coins: 0,
	upgradeLevel: 1,
	upgradeCost: 50,
	clickValue: 1,
	ownedCards: [{
		name: "Fire Boost",
		effect: "+2 per click"
	}, {
		name: "Golden Touch",
		effect: "+10% coins"
	}, {
		name: "Double Strike",
		effect: "x2 click every 5s"
	}],
	equippedCards: [],
	cardSlots: 1
};
function loadGame() {
	var savedState = storage.clickerGame;
	if (savedState) {
		gameState = savedState;
	}
	updateDisplay();
	renderCardSlots();
}
function saveGame() {
	storage.clickerGame = gameState;
}
function updateDisplay() {
	if (scoreDisplay) {
		scoreDisplay.setText("Score: " + gameState.score);
	}
	if (coinDisplay) {
		coinDisplay.setText("Coins: " + gameState.coins);
	}
}
function renderCardSlots() {
	// Clear existing card slots
	for (var i = 0; i < cardSlots.length; i++) {
		if (cardSlots[i]) {
			cardSlots[i].destroy();
		}
	}
	cardSlots = [];
	// Create new card slots
	for (var i = 0; i < gameState.cardSlots; i++) {
		var slot = new Container();
		var slotBg = LK.getAsset('cardSlot', {
			width: 300,
			height: 200,
			color: 0x404040,
			shape: 'box',
			anchorX: 0.5,
			anchorY: 0.5
		});
		slot.addChild(slotBg);
		var equipped = gameState.equippedCards[i];
		var slotText = new Text2(equipped ? equipped.name : "Empty Slot", {
			size: 40,
			fill: 0xFFFFFF
		});
		slotText.anchor.set(0.5, 0.5);
		slot.addChild(slotText);
		// Position slots in grid
		var cols = 2;
		var col = i % cols;
		var row = Math.floor(i / cols);
		slot.x = 1024 + (col - 0.5) * 700;
		slot.y = 1000 + row * 500;
		slot.slotIndex = i;
		slot.down = function () {
			openCardSelector(this.slotIndex);
		};
		game.addChild(slot);
		cardSlots.push(slot);
	}
}
function openCardSelector(slotIndex) {
	// Simple card selection - just cycle through available cards
	var availableCards = gameState.ownedCards.filter(function (card) {
		return !gameState.equippedCards.some(function (c) {
			return c && c.name === card.name;
		});
	});
	if (availableCards.length > 0) {
		var nextCard = availableCards[0];
		gameState.equippedCards[slotIndex] = nextCard;
		renderCardSlots();
		saveGame();
	}
}
// Initialize game UI
function initializeUI() {
	// Main click button
	clickButton = LK.getAsset('clickButton', {
		width: 400,
		height: 400,
		color: 0x44aa44,
		shape: 'ellipse',
		anchorX: 0.5,
		anchorY: 0.5
	});
	clickButton.x = 1024;
	clickButton.y = 1800;
	clickButton.down = function () {
		processClick();
	};
	game.addChild(clickButton);
	// Score display
	scoreDisplay = new Text2("Score: 0", {
		size: 80,
		fill: 0xFFFFFF
	});
	scoreDisplay.anchor.set(0.5, 0);
	scoreDisplay.x = 1024;
	scoreDisplay.y = 700;
	game.addChild(scoreDisplay);
	// Coin display
	coinDisplay = new Text2("Coins: 0", {
		size: 80,
		fill: 0xFFDD00
	});
	coinDisplay.anchor.set(0.5, 0);
	coinDisplay.x = 1024;
	coinDisplay.y = 800;
	game.addChild(coinDisplay);
	// Buy slot button
	buySlotButton = LK.getAsset('buySlotButton', {
		width: 300,
		height: 80,
		color: 0x0066cc,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	buySlotButton.x = 1024;
	buySlotButton.y = 1400;
	buySlotButton.down = function () {
		buyCardSlot();
	};
	game.addChild(buySlotButton);
	var buySlotText = new Text2("Buy Slot", {
		size: 40,
		fill: 0xFFFFFF
	});
	buySlotText.anchor.set(0.5, 0.5);
	buySlotButton.addChild(buySlotText);
}
function processClick() {
	gameState.score += gameState.clickValue;
	createCoinDrop();
	updateDisplay();
	saveGame();
}
function createCoinDrop() {
	var coin = LK.getAsset('coin', {
		width: 60,
		height: 60,
		color: 0xffdd00,
		shape: 'ellipse',
		anchorX: 0.5,
		anchorY: 0.5
	});
	coin.x = clickButton.x + (Math.random() - 0.5) * 200;
	coin.y = 2732;
	game.addChild(coin);
	// Animate coin jumping up to counter
	tween(coin, {
		y: coinDisplay.y + 50
	}, {
		duration: 800,
		easing: tween.bounceOut,
		onFinish: function onFinish() {
			gameState.coins += gameState.clickValue;
			updateDisplay();
			coin.destroy();
		}
	});
}
function buyCardSlot() {
	var cost = 100 * (gameState.cardSlots + 1);
	if (gameState.coins >= cost) {
		gameState.coins -= cost;
		gameState.cardSlots += 1;
		gameState.equippedCards.push(null);
		updateDisplay();
		renderCardSlots();
		saveGame();
	}
}
// Initialize everything
initializeUI();
loadGame();

===================================================================
--- original.js
+++ change.js
@@ -1,5 +1,11 @@
 /**** 
+* Plugins
+****/ 
+var storage = LK.import("@upit/storage.v1");
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game({
 	backgroundColor: 0x000000
@@ -7,10 +13,11 @@
 
 /**** 
 * Game Code
 ****/ 
-// Import tween plugin for coin animations
 // Game UI elements
+// Import storage plugin for persistent data
+// Import tween plugin for coin animations
 var scoreDisplay, coinDisplay, clickButton, upgradeButton, storeButton, tabButtons;
 var cardSlots = [];
 var buySlotButton;
 var isStoreOpen = false;