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

/**** 
* Classes
****/ 
var Card = Container.expand(function (cardData) {
	var self = Container.call(this);
	self.cardData = cardData;
	self.purchased = false;
	// Card border
	var border = self.attachAsset('cardBorder', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Card background
	var background = self.attachAsset('cardBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Card title
	self.titleText = new Text2(cardData.name, {
		size: 28,
		fill: 0xFFFFFF
	});
	self.titleText.anchor.set(0.5, 0);
	self.titleText.x = 0;
	self.titleText.y = -80;
	self.addChild(self.titleText);
	// Card description
	self.descText = new Text2(cardData.description, {
		size: 20,
		fill: 0xECF0F1
	});
	self.descText.anchor.set(0.5, 0);
	self.descText.x = 0;
	self.descText.y = -50;
	self.addChild(self.descText);
	// Points text
	self.pointsText = new Text2("+" + cardData.points + " pts", {
		size: 24,
		fill: 0xE74C3C
	});
	self.pointsText.anchor.set(0.5, 0);
	self.pointsText.x = 0;
	self.pointsText.y = -20;
	self.addChild(self.pointsText);
	// Cost and buy button
	self.buyButton = self.attachAsset('buyButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.buyButton.y = 60;
	self.costText = new Text2("Buy: " + cardData.cost + " coins", {
		size: 18,
		fill: 0xFFFFFF
	});
	self.costText.anchor.set(0.5, 0.5);
	self.costText.x = 0;
	self.costText.y = 60;
	self.addChild(self.costText);
	self.updateVisual = function () {
		if (self.purchased) {
			background.tint = 0x27ae60;
			self.buyButton.visible = false;
			self.costText.visible = false;
		} else if (coins < self.cardData.cost) {
			background.tint = 0x7f8c8d;
			self.buyButton.tint = 0x7f8c8d;
		} else {
			background.tint = 0x2c3e50;
			self.buyButton.tint = 0x27ae60;
		}
	};
	self.down = function (x, y, obj) {
		if (!self.purchased && coins >= self.cardData.cost) {
			self.purchase();
		}
	};
	self.purchase = function () {
		if (self.purchased || coins < self.cardData.cost) return;
		coins -= self.cardData.cost;
		self.purchased = true;
		points += self.cardData.points;
		self.updateVisual();
		updateUI();
		LK.getSound('cardBuy').play();
		tween(self, {
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 200,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 200,
					easing: tween.easeOut
				});
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state variables
var coins = 10;
var points = 0;
var turn = 1;
var checkpoint = 1;
var requiredPoints = 20;
var currentCards = [];
var gamePhase = 'playing'; // 'playing', 'checkpoint', 'gameOver'
// Card templates
var cardTemplates = [{
	name: "Basic Card",
	description: "Simple points",
	points: 5,
	cost: 3
}, {
	name: "Coin Card",
	description: "Steady income",
	points: 3,
	cost: 2
}, {
	name: "Power Card",
	description: "High value",
	points: 12,
	cost: 8
}, {
	name: "Lucky Card",
	description: "Bonus points",
	points: 8,
	cost: 5
}, {
	name: "Mega Card",
	description: "Massive points",
	points: 20,
	cost: 15
}, {
	name: "Quick Card",
	description: "Fast points",
	points: 4,
	cost: 2
}, {
	name: "Super Card",
	description: "Great value",
	points: 15,
	cost: 10
}, {
	name: "Bonus Card",
	description: "Extra boost",
	points: 6,
	cost: 4
}];
// UI Elements
var board = game.attachAsset('gameBoard', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1366
});
// Coins display
var coinsText = new Text2("Coins: " + coins, {
	size: 48,
	fill: 0xF1C40F
});
coinsText.anchor.set(0, 0);
coinsText.x = 100;
coinsText.y = 150;
LK.gui.topLeft.addChild(coinsText);
// Points display
var pointsText = new Text2("Points: " + points, {
	size: 48,
	fill: 0xE74C3C
});
pointsText.anchor.set(0, 0);
pointsText.x = 100;
pointsText.y = 220;
LK.gui.topLeft.addChild(pointsText);
// Turn display
var turnText = new Text2("Turn: " + turn, {
	size: 36,
	fill: 0x3498DB
});
turnText.anchor.set(0, 0);
turnText.x = 100;
turnText.y = 290;
LK.gui.topLeft.addChild(turnText);
// Required points display
var requiredText = new Text2("Need: " + requiredPoints + " pts", {
	size: 36,
	fill: 0xE67E22
});
requiredText.anchor.set(0, 0);
requiredText.x = 100;
requiredText.y = 340;
LK.gui.topLeft.addChild(requiredText);
// Progress bar
var progressBarBg = game.attachAsset('progressBar', {
	anchorX: 0.5,
	anchorY: 0,
	x: 1024,
	y: 200
});
var progressBarFill = game.attachAsset('progressFill', {
	anchorX: 0,
	anchorY: 0,
	x: 224,
	y: 200
});
// Next turn button
var nextTurnButton = game.attachAsset('nextTurnButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 2500
});
var nextTurnText = new Text2("Next Turn", {
	size: 44,
	fill: 0xFFFFFF
});
nextTurnText.anchor.set(0.5, 0.5);
nextTurnText.x = 1024;
nextTurnText.y = 2500;
game.addChild(nextTurnText);
function generateRandomCard() {
	var template = cardTemplates[Math.floor(Math.random() * cardTemplates.length)];
	var scaleFactor = 1 + (checkpoint - 1) * 0.2;
	return {
		name: template.name,
		description: template.description,
		points: Math.floor(template.points * scaleFactor),
		cost: Math.floor(template.cost * scaleFactor)
	};
}
function generateCards() {
	// Clear existing cards
	for (var i = 0; i < currentCards.length; i++) {
		currentCards[i].destroy();
	}
	currentCards = [];
	// Generate 5 new cards distributed across screen with more spacing
	var cardPositions = [{
		x: 400,
		y: 700
	}, {
		x: 800,
		y: 700
	}, {
		x: 1200,
		y: 700
	}, {
		x: 1600,
		y: 700
	}, {
		x: 600,
		y: 1100
	}];
	for (var i = 0; i < 5; i++) {
		var cardData = generateRandomCard();
		var card = new Card(cardData);
		card.x = cardPositions[i].x;
		card.y = cardPositions[i].y;
		currentCards.push(card);
		game.addChild(card);
	}
	updateCardsVisual();
}
function updateCardsVisual() {
	for (var i = 0; i < currentCards.length; i++) {
		currentCards[i].updateVisual();
	}
}
function updateUI() {
	coinsText.setText("Coins: " + coins);
	pointsText.setText("Points: " + points);
	turnText.setText("Turn: " + turn);
	requiredText.setText("Need: " + requiredPoints + " pts");
	// Update progress bar
	var progress = Math.min(points / requiredPoints, 1);
	progressBarFill.width = 1600 * progress;
	if (points >= requiredPoints) {
		progressBarFill.tint = 0x2ecc71;
	} else {
		progressBarFill.tint = 0xe74c3c;
	}
	updateCardsVisual();
}
function nextTurn() {
	if (gamePhase !== 'playing') return;
	turn++;
	coins += 3 + Math.floor(checkpoint / 2);
	// Check for checkpoint every 5 turns
	if (turn % 5 === 1 && turn > 1) {
		checkCheckpoint();
	} else {
		generateCards();
		updateUI();
	}
}
function checkCheckpoint() {
	if (points >= requiredPoints) {
		// Pass checkpoint
		checkpoint++;
		requiredPoints = Math.floor(requiredPoints * 1.8);
		points = 0; // Reset points for next checkpoint
		LK.getSound('checkpoint').play();
		// Flash screen green
		LK.effects.flashScreen(0x2ecc71, 1000);
		generateCards();
		updateUI();
		LK.setScore(checkpoint - 1);
	} else {
		// Fail checkpoint - game over
		gamePhase = 'gameOver';
		LK.getSound('gameOver').play();
		LK.effects.flashScreen(0xe74c3c, 1500);
		LK.setTimeout(function () {
			LK.showGameOver();
		}, 1500);
	}
}
// Event handlers
nextTurnButton.down = function (x, y, obj) {
	nextTurn();
};
game.down = function (x, y, obj) {
	// Use direct x, y coordinates instead of trying to convert positions
	// Check if clicked on next turn button
	if (x >= nextTurnButton.x - 200 && x <= nextTurnButton.x + 200 && y >= nextTurnButton.y - 40 && y <= nextTurnButton.y + 40) {
		nextTurn();
	}
};
// Initialize the game
generateCards();
updateUI();

===================================================================
--- original.js
+++ change.js
@@ -21,46 +21,46 @@
 		anchorY: 0.5
 	});
 	// Card title
 	self.titleText = new Text2(cardData.name, {
-		size: 144,
+		size: 28,
 		fill: 0xFFFFFF
 	});
 	self.titleText.anchor.set(0.5, 0);
 	self.titleText.x = 0;
-	self.titleText.y = -240;
+	self.titleText.y = -80;
 	self.addChild(self.titleText);
 	// Card description
 	self.descText = new Text2(cardData.description, {
-		size: 84,
+		size: 20,
 		fill: 0xECF0F1
 	});
 	self.descText.anchor.set(0.5, 0);
 	self.descText.x = 0;
-	self.descText.y = -120;
+	self.descText.y = -50;
 	self.addChild(self.descText);
 	// Points text
 	self.pointsText = new Text2("+" + cardData.points + " pts", {
-		size: 96,
+		size: 24,
 		fill: 0xE74C3C
 	});
 	self.pointsText.anchor.set(0.5, 0);
 	self.pointsText.x = 0;
-	self.pointsText.y = 30;
+	self.pointsText.y = -20;
 	self.addChild(self.pointsText);
 	// Cost and buy button
 	self.buyButton = self.attachAsset('buyButton', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	self.buyButton.y = 180;
+	self.buyButton.y = 60;
 	self.costText = new Text2("Buy: " + cardData.cost + " coins", {
-		size: 72,
+		size: 18,
 		fill: 0xFFFFFF
 	});
 	self.costText.anchor.set(0.5, 0.5);
 	self.costText.x = 0;
-	self.costText.y = 180;
+	self.costText.y = 60;
 	self.addChild(self.costText);
 	self.updateVisual = function () {
 		if (self.purchased) {
 			background.tint = 0x27ae60;
@@ -253,24 +253,24 @@
 	for (var i = 0; i < currentCards.length; i++) {
 		currentCards[i].destroy();
 	}
 	currentCards = [];
-	// Generate 5 new cards distributed across screen
+	// Generate 5 new cards distributed across screen with more spacing
 	var cardPositions = [{
-		x: 600,
-		y: 800
+		x: 400,
+		y: 700
 	}, {
-		x: 1450,
-		y: 800
+		x: 800,
+		y: 700
 	}, {
-		x: 350,
-		y: 1600
+		x: 1200,
+		y: 700
 	}, {
-		x: 1024,
-		y: 1600
+		x: 1600,
+		y: 700
 	}, {
-		x: 1700,
-		y: 1600
+		x: 600,
+		y: 1100
 	}];
 	for (var i = 0; i < 5; i++) {
 		var cardData = generateRandomCard();
 		var card = new Card(cardData);