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

/**** 
* Classes
****/ 
var Card = Container.expand(function (isWinning) {
	var self = Container.call(this);
	self.isWinning = isWinning || false;
	self.isRevealed = false;
	self.originalX = 0;
	self.originalY = 0;
	// Create card graphics
	var cardGraphics = self.attachAsset(isWinning ? 'winningCard' : 'card', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var cardBack = self.attachAsset('cardBack', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Initially show card back (closed)
	cardGraphics.visible = false;
	cardBack.visible = true;
	self.showBack = function () {
		cardBack.visible = true;
		cardGraphics.visible = false;
		self.isRevealed = false;
	};
	self.showFace = function () {
		cardBack.visible = false;
		cardGraphics.visible = true;
		self.isRevealed = true;
	};
	self.down = function (x, y, obj) {
		if (gameState === 'playing' && !self.isRevealed) {
			// Add opening animation
			tween(self, {
				scaleX: 1.1,
				scaleY: 1.1
			}, {
				duration: 150,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					self.showFace();
					tween(self, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 150,
						easing: tween.easeOut
					});
					checkWin();
				}
			});
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Add background image
var background = game.attachAsset('background', {
	x: 0,
	y: 0,
	width: 2048,
	height: 2732
});
var gameState = 'showing'; // 'showing', 'shuffling', 'playing', 'finished'
var cards = [];
var winningCardIndex = 1; // Middle card is the winning card
var shuffleCount = 0;
var maxShuffles = 10;
var currentSection = 1;
var cardsPerSection = 3; // Start with 3 cards, increase each section
var maxCardsPerRow = 6; // Maximum cards that fit in one row
// Create cards based on current section
function createCards() {
	// Clear existing cards
	for (var i = 0; i < cards.length; i++) {
		cards[i].destroy();
	}
	cards = [];
	// Calculate card spacing and positioning
	var cardWidth = 350;
	var cardsInRow = 6; // Fixed to 6 cards per row
	var totalRows = 3; // Fixed to 3 rows
	var maxCards = cardsInRow * totalRows; // Maximum 18 cards
	var actualCards = Math.min(cardsPerSection, maxCards);
	// Calculate actual cards per row for current section
	var actualCardsInLastRow = actualCards % cardsInRow;
	if (actualCardsInLastRow === 0) actualCardsInLastRow = cardsInRow;
	// Calculate spacing and position cards on the right side
	var cardSpacing = cardWidth + 40; // Card width + 40px gap
	var totalRowWidth = (cardsInRow - 1) * cardSpacing + cardWidth;
	var startX = 2048 - totalRowWidth - 100; // Position cards on the right side with 100px margin
	for (var i = 0; i < actualCards; i++) {
		var card = new Card(i === winningCardIndex);
		// Calculate row and column
		var row = Math.floor(i / cardsInRow);
		var col = i % cardsInRow;
		card.x = startX + col * cardSpacing;
		card.y = 1000 + row * 600; // Increased vertical spacing between rows
		card.originalX = card.x;
		card.originalY = card.y;
		cards.push(card);
		game.addChild(card);
	}
}
// Create initial cards
createCards();
// Show card faces initially for preview
for (var i = 0; i < cards.length; i++) {
	cards[i].showFace();
}
// Start background music
LK.playMusic('gameMusic');
// Create score display
var scoreText = new Text2('Score: 0', {
	size: 50,
	fill: 0xFFFFFF
});
scoreText.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreText);
// Create section text
var sectionText = new Text2('Section ' + currentSection, {
	size: 60,
	fill: 0xFFD700
});
sectionText.anchor.set(0.5, 0.5);
sectionText.x = 1024;
sectionText.y = 200;
game.addChild(sectionText);
// Create instruction text
var instructionText = new Text2('Find the golden card!', {
	size: 80,
	fill: 0xFFFFFF
});
instructionText.anchor.set(0.5, 0.5);
instructionText.x = 1024;
instructionText.y = 400;
game.addChild(instructionText);
// Create result text
var resultText = new Text2('', {
	size: 100,
	fill: 0xFFFFFF
});
resultText.anchor.set(0.5, 0.5);
resultText.x = 1024;
resultText.y = 600;
game.addChild(resultText);
// Show cards for 3 seconds, then start shuffling
LK.setTimeout(function () {
	// Hide card faces
	for (var i = 0; i < cards.length; i++) {
		cards[i].showBack();
	}
	instructionText.setText('Watch the cards shuffle...');
	gameState = 'shuffling';
	startShuffling();
}, 3000);
function startShuffling() {
	if (shuffleCount >= maxShuffles) {
		gameState = 'playing';
		instructionText.setText('Find the golden card!');
		return;
	}
	shuffleCount++;
	// Pick two random cards to swap
	var card1Index = Math.floor(Math.random() * cardsPerSection);
	var card2Index = Math.floor(Math.random() * cardsPerSection);
	// Make sure we're swapping different cards
	while (card1Index === card2Index) {
		card2Index = Math.floor(Math.random() * cardsPerSection);
	}
	var card1 = cards[card1Index];
	var card2 = cards[card2Index];
	// Store target positions
	var card1TargetX = card2.x;
	var card1TargetY = card2.y;
	var card2TargetX = card1.x;
	var card2TargetY = card1.y;
	// Animate the swap
	tween(card1, {
		x: card1TargetX,
		y: card1TargetY
	}, {
		duration: 800,
		easing: tween.easeInOut
	});
	tween(card2, {
		x: card2TargetX,
		y: card2TargetY
	}, {
		duration: 800,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			// Update original positions
			card1.originalX = card1.x;
			card1.originalY = card1.y;
			card2.originalX = card2.x;
			card2.originalY = card2.y;
			// Continue shuffling after a short delay
			LK.setTimeout(startShuffling, 500);
		}
	});
}
function checkWin() {
	// Find which card was clicked
	var clickedCard = null;
	for (var i = 0; i < cards.length; i++) {
		if (cards[i].isRevealed) {
			clickedCard = cards[i];
			break;
		}
	}
	if (clickedCard && clickedCard.isWinning) {
		// Player won
		LK.setScore(LK.getScore() + 1000);
		scoreText.setText('Score: ' + LK.getScore());
		resultText.setText('SECTION ' + currentSection + ' COMPLETE!');
		resultText.tint = 0x00FF00;
		LK.getSound('win').play();
		// Flash the winning card
		tween(clickedCard, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 300,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(clickedCard, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 300,
					easing: tween.easeOut
				});
			}
		});
		// Advance to next section
		currentSection++;
		cardsPerSection = Math.min(2 + currentSection, 18); // Increase cards, max 18 (3x6 grid)
	} else {
		// Player lost - reveal all cards
		for (var i = 0; i < cards.length; i++) {
			cards[i].showFace();
		}
		resultText.setText('YOU LOSE!');
		resultText.tint = 0xFF0000;
		LK.getSound('lose').play();
	}
	gameState = 'finished';
	// Reset game after 3 seconds
	LK.setTimeout(function () {
		resetGame();
	}, 3000);
}
function resetGame() {
	gameState = 'showing';
	shuffleCount = 0;
	// Randomly assign new winning card
	winningCardIndex = Math.floor(Math.random() * cardsPerSection);
	// Create new cards for current section
	createCards();
	// Update section display
	sectionText.setText('Section ' + currentSection);
	instructionText.setText('Find the golden card!');
	resultText.setText('');
	// Show cards for 3 seconds, then start shuffling
	LK.setTimeout(function () {
		for (var i = 0; i < cards.length; i++) {
			cards[i].showBack();
		}
		instructionText.setText('Watch the cards shuffle...');
		gameState = 'shuffling';
		startShuffling();
	}, 3000);
}

===================================================================
--- original.js
+++ change.js
@@ -100,12 +100,12 @@
 	var actualCards = Math.min(cardsPerSection, maxCards);
 	// Calculate actual cards per row for current section
 	var actualCardsInLastRow = actualCards % cardsInRow;
 	if (actualCardsInLastRow === 0) actualCardsInLastRow = cardsInRow;
-	// Calculate spacing and center positioning
+	// Calculate spacing and position cards on the right side
 	var cardSpacing = cardWidth + 40; // Card width + 40px gap
 	var totalRowWidth = (cardsInRow - 1) * cardSpacing + cardWidth;
-	var startX = (2048 - totalRowWidth) / 2; // Center the cards horizontally
+	var startX = 2048 - totalRowWidth - 100; // Position cards on the right side with 100px margin
 	for (var i = 0; i < actualCards; i++) {
 		var card = new Card(i === winningCardIndex);
 		// Calculate row and column
 		var row = Math.floor(i / cardsInRow);