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

/**** 
* Classes
****/ 
var Card = Container.expand(function (color, value, type) {
	var self = Container.call(this);
	self.color = color; // 'red', 'blue', 'green', 'yellow', 'wild'
	self.value = value; // 0-9, 'skip', 'reverse', 'draw2', 'wild', 'wild4'
	self.type = type || 'number'; // 'number', 'action', 'wild'
	self.playable = false;
	self.isAnimating = false;
	// Create card background
	var colorMap = {
		'red': 'cardRed',
		'blue': 'cardBlue',
		'green': 'cardGreen',
		'yellow': 'cardYellow',
		'wild': 'cardWild'
	};
	var cardBg = self.attachAsset(colorMap[self.color] || 'cardBack', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Add card text
	var displayText = self.value;
	if (self.value === 'skip') {
		displayText = 'S';
	} else if (self.value === 'reverse') {
		displayText = 'R';
	} else if (self.value === 'draw2') {
		displayText = '+2';
	} else if (self.value === 'wild') {
		displayText = 'W';
	} else if (self.value === 'wild4') {
		displayText = '+4';
	}
	var cardText = new Text2(displayText.toString(), {
		size: 40,
		fill: self.color === 'yellow' ? "#000000" : "#ffffff"
	});
	cardText.anchor.set(0.5, 0.5);
	self.addChild(cardText);
	self.setPlayable = function (playable) {
		self.playable = playable;
		cardBg.alpha = playable ? 1.0 : 0.7;
		// Add subtle glow effect for playable cards
		if (playable) {
			tween(cardBg, {
				tint: 0xffffff
			}, {
				duration: 500,
				easing: tween.easeInOut
			});
		} else {
			tween.stop(cardBg, {
				tint: true
			});
			cardBg.tint = 0xffffff;
		}
	};
	self.canPlayOn = function (otherCard) {
		if (self.type === 'wild') {
			return true;
		}
		if (self.color === otherCard.color) {
			return true;
		}
		if (self.value === otherCard.value && self.type === 'number' && otherCard.type === 'number') {
			return true;
		}
		return false;
	};
	return self;
});
var Player = Container.expand(function (isAI) {
	var self = Container.call(this);
	self.cards = [];
	self.isAI = isAI || false;
	self.hasCalledUno = false;
	self.addCard = function (card) {
		self.cards.push(card);
		self.addChild(card);
		// Hide AI cards by showing card backs
		if (self.isAI) {
			card.visible = false;
			// Create card back for AI
			var cardBack = LK.getAsset('cardBack', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			card.cardBack = cardBack;
			self.addChild(cardBack);
		}
		self.arrangeCards();
	};
	self.removeCard = function (card) {
		var index = self.cards.indexOf(card);
		if (index > -1) {
			self.cards.splice(index, 1);
			self.removeChild(card);
			// Remove card back for AI
			if (self.isAI && card.cardBack) {
				self.removeChild(card.cardBack);
				card.cardBack = null;
			}
			self.arrangeCards();
		}
	};
	self.arrangeCards = function () {
		var startX = -(self.cards.length - 1) * 60;
		for (var i = 0; i < self.cards.length; i++) {
			var card = self.cards[i];
			if (!card.isAnimating) {
				var targetX = startX + i * 120;
				var targetY = 0;
				// Animate card position
				tween(card, {
					x: targetX,
					y: targetY
				}, {
					duration: 300,
					easing: tween.easeOut
				});
				// Animate card back position for AI
				if (self.isAI && card.cardBack) {
					tween(card.cardBack, {
						x: targetX,
						y: targetY
					}, {
						duration: 300,
						easing: tween.easeOut
					});
				}
			}
		}
	};
	self.getPlayableCards = function (topCard) {
		var playable = [];
		for (var i = 0; i < self.cards.length; i++) {
			if (self.cards[i].canPlayOn(topCard)) {
				playable.push(self.cards[i]);
			}
		}
		return playable;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state variables
var deck = [];
var discardPile = [];
var player;
var aiPlayer;
var currentPlayer = 0; // 0 = player, 1 = AI
var gameDirection = 1; // 1 = forward, -1 = reverse
var drawCount = 0; // For draw 2/4 cards
var selectedWildColor = null;
var gamePhase = 'playing'; // 'playing', 'colorSelect', 'gameOver'
var draggedCard = null;
var dragOffset = {
	x: 0,
	y: 0
};
var waitingForUno = false;
// UI elements
var deckPileSprite;
var discardPileSprite;
var topCard;
var unoButton;
var colorSelectors = [];
var gameStateText;
var playerCardCountText;
var aiCardCountText;
// Initialize deck
function createDeck() {
	deck = [];
	var colors = ['red', 'blue', 'green', 'yellow'];
	// Number cards (0-9)
	for (var c = 0; c < colors.length; c++) {
		var color = colors[c];
		// One 0 card per color
		deck.push(new Card(color, 0, 'number'));
		// Two of each number 1-9 per color
		for (var num = 1; num <= 9; num++) {
			deck.push(new Card(color, num, 'number'));
			deck.push(new Card(color, num, 'number'));
		}
		// Action cards (2 of each per color)
		deck.push(new Card(color, 'skip', 'action'));
		deck.push(new Card(color, 'skip', 'action'));
		deck.push(new Card(color, 'reverse', 'action'));
		deck.push(new Card(color, 'reverse', 'action'));
		deck.push(new Card(color, 'draw2', 'action'));
		deck.push(new Card(color, 'draw2', 'action'));
	}
	// Wild cards
	for (var w = 0; w < 4; w++) {
		deck.push(new Card('wild', 'wild', 'wild'));
		deck.push(new Card('wild', 'wild4', 'wild'));
	}
	// Shuffle deck
	for (var i = deck.length - 1; i > 0; i--) {
		var j = Math.floor(Math.random() * (i + 1));
		var temp = deck[i];
		deck[i] = deck[j];
		deck[j] = temp;
	}
}
function dealCards() {
	// Deal 7 cards to each player
	for (var i = 0; i < 7; i++) {
		player.addCard(deck.pop());
		aiPlayer.addCard(deck.pop());
	}
	// Place first card on discard pile
	do {
		topCard = deck.pop();
	} while (topCard.type === 'wild'); // Ensure first card isn't wild
	discardPile.push(topCard);
	game.addChild(topCard);
	topCard.x = 1024 + 200;
	topCard.y = 1366;
}
function updatePlayableCards() {
	var currentTopCard = discardPile[discardPile.length - 1];
	// Update player cards
	for (var i = 0; i < player.cards.length; i++) {
		var card = player.cards[i];
		var canPlay = card.canPlayOn(currentTopCard);
		if (selectedWildColor && currentTopCard.type === 'wild') {
			canPlay = card.color === selectedWildColor || card.type === 'wild';
		}
		card.setPlayable(canPlay && currentPlayer === 0 && gamePhase === 'playing');
	}
}
function drawCard(targetPlayer) {
	if (deck.length === 0) {
		// Reshuffle discard pile into deck
		var currentTop = discardPile.pop();
		deck = discardPile.slice();
		discardPile = [currentTop];
		// Shuffle new deck
		for (var i = deck.length - 1; i > 0; i--) {
			var j = Math.floor(Math.random() * (i + 1));
			var temp = deck[i];
			deck[i] = deck[j];
			deck[j] = temp;
		}
	}
	if (deck.length > 0) {
		var card = deck.pop();
		// Start card at deck position
		card.x = 1024 - 200;
		card.y = 1366;
		// Add animation when drawing
		card.isAnimating = true;
		tween(card, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 150,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(card, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 150,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						card.isAnimating = false;
						targetPlayer.addCard(card);
					}
				});
			}
		});
		LK.getSound('cardDraw').play();
		return card;
	}
	return null;
}
function playCard(card, playerObj) {
	// Remove card from player
	playerObj.removeCard(card);
	// Add to discard pile
	discardPile.push(card);
	// Make AI card visible when played and ensure proper setup
	if (playerObj.isAI) {
		card.visible = true;
		// Reset any transformations that might affect visibility
		card.alpha = 1.0;
		card.scaleX = 1.0;
		card.scaleY = 1.0;
	}
	// Animate card to discard pile
	card.isAnimating = true;
	tween(card, {
		x: 1024 + 200,
		y: 1366,
		scaleX: 1.0,
		scaleY: 1.0
	}, {
		duration: 400,
		easing: tween.easeOut,
		onFinish: function onFinish() {
			card.isAnimating = false;
			// Remove old top card but keep it in discard pile
			if (topCard && topCard !== card && topCard.parent) {
				topCard.parent.removeChild(topCard);
			}
			topCard = card;
			// Ensure the new top card is visible and properly positioned
			topCard.visible = true;
			topCard.x = 1024 + 200;
			topCard.y = 1366;
			if (!topCard.parent) {
				game.addChild(topCard);
			}
			// Handle special cards
			handleCardEffect(card, playerObj);
			// Check for Uno
			if (playerObj.cards.length === 1 && !playerObj.hasCalledUno) {
				waitingForUno = true;
				if (playerObj === player) {
					showUnoButton();
				} else {
					// AI automatically calls Uno
					LK.setTimeout(function () {
						playerObj.hasCalledUno = true;
						waitingForUno = false;
						LK.getSound('unoCall').play();
						nextTurn();
					}, 500);
				}
			} else {
				nextTurn();
			}
			// Check win condition
			if (playerObj.cards.length === 0) {
				endGame(playerObj === player);
			}
		}
	});
	LK.getSound('cardPlay').play();
	selectedWildColor = null;
	playerObj.hasCalledUno = false;
}
function handleCardEffect(card, playerObj) {
	if (card.value === 'skip') {
		// Skip next player
		currentPlayer = (currentPlayer + gameDirection + 2) % 2;
	} else if (card.value === 'reverse') {
		gameDirection *= -1;
	} else if (card.value === 'draw2') {
		drawCount += 2;
	} else if (card.value === 'wild4') {
		drawCount += 4;
	}
	if (card.type === 'wild') {
		gamePhase = 'colorSelect';
		if (playerObj === player) {
			showColorSelector();
		} else {
			// AI chooses color
			var aiColors = ['red', 'blue', 'green', 'yellow'];
			selectedWildColor = aiColors[Math.floor(Math.random() * aiColors.length)];
			LK.getSound('colorSelect').play();
			// Show AI color choice visually
			var colorIndicator = LK.getAsset('colorSelector', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			var colorMap = {
				'red': 0xe74c3c,
				'blue': 0x3498db,
				'green': 0x27ae60,
				'yellow': 0xf1c40f
			};
			colorIndicator.tint = colorMap[selectedWildColor];
			colorIndicator.x = 1024;
			colorIndicator.y = 1366 - 300;
			game.addChild(colorIndicator);
			// Add text to show AI choice
			var choiceText = new Text2('AI chose: ' + selectedWildColor.toUpperCase(), {
				size: 30,
				fill: 0xFFFFFF
			});
			choiceText.anchor.set(0.5, 0.5);
			choiceText.x = 1024;
			choiceText.y = 1366 - 400;
			game.addChild(choiceText);
			// Remove indicator after delay
			LK.setTimeout(function () {
				if (colorIndicator.parent) {
					colorIndicator.destroy();
				}
				if (choiceText.parent) {
					choiceText.destroy();
				}
			}, 2000);
			gamePhase = 'playing';
		}
	}
}
function nextTurn() {
	if (gamePhase !== 'playing') {
		return;
	}
	// Handle draw effects
	if (drawCount > 0) {
		var targetPlayer = currentPlayer === 0 ? aiPlayer : player;
		// Add stagger to card drawing animation
		for (var i = 0; i < drawCount; i++) {
			(function (index) {
				LK.setTimeout(function () {
					drawCard(targetPlayer);
				}, index * 200);
			})(i);
		}
		drawCount = 0;
	}
	// Switch turns
	currentPlayer = (currentPlayer + gameDirection + 2) % 2;
	// Reset auto-draw flag when switching to player turn
	if (currentPlayer === 0) {
		player.autoDrawnThisTurn = false;
	}
	updatePlayableCards();
	updateUI();
	// AI turn
	if (currentPlayer === 1) {
		LK.setTimeout(function () {
			aiTurn();
		}, 1200);
	}
}
function aiTurn() {
	if (currentPlayer !== 1 || gamePhase !== 'playing') {
		return;
	}
	var currentTopCard = discardPile[discardPile.length - 1];
	var playableCards = aiPlayer.getPlayableCards(currentTopCard);
	if (selectedWildColor && currentTopCard.type === 'wild') {
		playableCards = aiPlayer.cards.filter(function (card) {
			return card.color === selectedWildColor || card.type === 'wild';
		});
	}
	if (playableCards.length > 0) {
		// AI strategy: prefer action cards, then matching color, then wild cards
		var selectedCard = playableCards[0];
		for (var i = 0; i < playableCards.length; i++) {
			var card = playableCards[i];
			if (card.type === 'action' && selectedCard.type !== 'action') {
				selectedCard = card;
			} else if (card.type === 'wild' && selectedCard.type === 'number') {
				selectedCard = card;
			}
		}
		playCard(selectedCard, aiPlayer);
	} else {
		// Must draw card and end turn
		var drawnCard = drawCard(aiPlayer);
		// Wait for draw animation then check if can play
		LK.setTimeout(function () {
			if (drawnCard) {
				var canPlayDrawn = drawnCard.canPlayOn(currentTopCard);
				if (selectedWildColor && currentTopCard.type === 'wild') {
					canPlayDrawn = drawnCard.color === selectedWildColor || drawnCard.type === 'wild';
				}
				if (canPlayDrawn) {
					// Play the drawn card immediately
					LK.setTimeout(function () {
						playCard(drawnCard, aiPlayer);
					}, 300);
				} else {
					// Check if any other cards became playable after drawing
					var allPlayableCards = aiPlayer.getPlayableCards(currentTopCard);
					if (selectedWildColor && currentTopCard.type === 'wild') {
						allPlayableCards = aiPlayer.cards.filter(function (card) {
							return card.color === selectedWildColor || card.type === 'wild';
						});
					}
					if (allPlayableCards.length > 0) {
						// AI can play a card from hand
						var selectedCard = allPlayableCards[0];
						for (var j = 0; j < allPlayableCards.length; j++) {
							var handCard = allPlayableCards[j];
							if (handCard.type === 'action' && selectedCard.type !== 'action') {
								selectedCard = handCard;
							} else if (handCard.type === 'wild' && selectedCard.type === 'number') {
								selectedCard = handCard;
							}
						}
						LK.setTimeout(function () {
							playCard(selectedCard, aiPlayer);
						}, 300);
					} else {
						// Cannot play, end turn
						nextTurn();
					}
				}
			} else {
				nextTurn();
			}
		}, 600);
	}
}
function showColorSelector() {
	var colors = ['red', 'blue', 'green', 'yellow'];
	var colorValues = [0xe74c3c, 0x3498db, 0x27ae60, 0xf1c40f];
	for (var i = 0; i < colors.length; i++) {
		var selector = LK.getAsset('colorSelector', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		selector.tint = colorValues[i];
		selector.x = 1024 + (i - 1.5) * 120;
		selector.y = 1366 - 150;
		selector.colorName = colors[i];
		selector.interactive = true;
		game.addChild(selector);
		colorSelectors.push(selector);
	}
}
function hideColorSelector() {
	for (var i = 0; i < colorSelectors.length; i++) {
		colorSelectors[i].destroy();
	}
	colorSelectors = [];
}
function showUnoButton() {
	if (!unoButton) {
		unoButton = LK.getAsset('unoButton', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var unoText = new Text2('UNO!', {
			size: 30,
			fill: 0xFFFFFF
		});
		unoText.anchor.set(0.5, 0.5);
		unoButton.addChild(unoText);
		unoButton.x = 1024 - 300;
		unoButton.y = 1366 - 150;
		game.addChild(unoButton);
	}
}
function hideUnoButton() {
	if (unoButton) {
		unoButton.destroy();
		unoButton = null;
	}
}
function updateUI() {
	gameStateText.setText('Turn: ' + (currentPlayer === 0 ? 'Player' : 'AI'));
	playerCardCountText.setText('Your cards: ' + player.cards.length);
	aiCardCountText.setText('AI cards: ' + aiPlayer.cards.length);
}
function endGame(playerWon) {
	gamePhase = 'gameOver';
	if (playerWon) {
		LK.setScore(LK.getScore() + 100);
		LK.showYouWin();
	} else {
		LK.showGameOver();
	}
}
function checkWinCondition() {
	if (player.cards.length === 0) {
		endGame(true);
		return true;
	}
	if (aiPlayer.cards.length === 0) {
		endGame(false);
		return true;
	}
	return false;
}
// Initialize game
createDeck();
// Create players
player = game.addChild(new Player(false));
player.x = 1024;
player.y = 2200;
aiPlayer = game.addChild(new Player(true));
aiPlayer.x = 1024;
aiPlayer.y = 500;
// Create deck and discard pile sprites
deckPileSprite = LK.getAsset('deckPile', {
	anchorX: 0.5,
	anchorY: 0.5
});
deckPileSprite.x = 1024 - 200;
deckPileSprite.y = 1366;
game.addChild(deckPileSprite);
discardPileSprite = LK.getAsset('discardPile', {
	anchorX: 0.5,
	anchorY: 0.5
});
discardPileSprite.x = 1024 + 200;
discardPileSprite.y = 1366;
game.addChild(discardPileSprite);
// Create UI text
gameStateText = new Text2('Turn: Player', {
	size: 40,
	fill: 0xFFFFFF
});
gameStateText.anchor.set(0.5, 0);
LK.gui.top.addChild(gameStateText);
playerCardCountText = new Text2('Your cards: 7', {
	size: 30,
	fill: 0xFFFFFF
});
playerCardCountText.anchor.set(0, 1);
LK.gui.bottomLeft.addChild(playerCardCountText);
aiCardCountText = new Text2('AI cards: 7', {
	size: 30,
	fill: 0xFFFFFF
});
aiCardCountText.anchor.set(0, 0);
LK.gui.topLeft.addChild(aiCardCountText);
aiCardCountText.x = 120;
// Deal initial cards
dealCards();
updatePlayableCards();
updateUI();
// Event handlers
game.down = function (x, y, obj) {
	if (gamePhase === 'colorSelect') {
		// Check color selector clicks
		for (var i = 0; i < colorSelectors.length; i++) {
			var selector = colorSelectors[i];
			// Use direct position checking instead of getBounds
			var selectorCenterX = selector.x;
			var selectorCenterY = selector.y;
			var selectorRadius = 40; // Half of selector width/height
			var distance = Math.sqrt((x - selectorCenterX) * (x - selectorCenterX) + (y - selectorCenterY) * (y - selectorCenterY));
			if (distance <= selectorRadius) {
				selectedWildColor = selector.colorName;
				LK.getSound('colorSelect').play();
				hideColorSelector();
				gamePhase = 'playing';
				// Show player color choice
				var choiceText = new Text2('You chose: ' + selectedWildColor.toUpperCase(), {
					size: 30,
					fill: 0xFFFFFF
				});
				choiceText.anchor.set(0.5, 0.5);
				choiceText.x = 1024;
				choiceText.y = 1366 - 400;
				game.addChild(choiceText);
				// Remove text after delay
				LK.setTimeout(function () {
					if (choiceText.parent) {
						choiceText.destroy();
					}
				}, 2000);
				nextTurn();
				return;
			}
		}
	}
	if (currentPlayer === 0 && gamePhase === 'playing') {
		// Check Uno button
		if (unoButton && waitingForUno) {
			// Use direct position checking like color selector
			var unoCenterX = unoButton.x;
			var unoCenterY = unoButton.y;
			var unoHalfWidth = 60; // Half of button width (120/2)
			var unoHalfHeight = 30; // Half of button height (60/2)
			if (x >= unoCenterX - unoHalfWidth && x <= unoCenterX + unoHalfWidth && y >= unoCenterY - unoHalfHeight && y <= unoCenterY + unoHalfHeight) {
				player.hasCalledUno = true;
				waitingForUno = false;
				hideUnoButton();
				LK.getSound('unoCall').play();
				nextTurn();
				return;
			}
		}
		// Check deck click for drawing
		var deckBounds = deckPileSprite.getBounds();
		if (x >= deckBounds.x && x <= deckBounds.x + deckBounds.width && y >= deckBounds.y && y <= deckBounds.y + deckBounds.height) {
			var currentTopCard = discardPile[discardPile.length - 1];
			var playableCards = player.getPlayableCards(currentTopCard);
			if (selectedWildColor && currentTopCard.type === 'wild') {
				playableCards = player.cards.filter(function (card) {
					return card.color === selectedWildColor || card.type === 'wild';
				});
			}
			if (playableCards.length === 0) {
				var drawnCard = drawCard(player);
				// Check if drawn card is playable after animation completes
				LK.setTimeout(function () {
					var canPlayDrawn = false;
					if (drawnCard) {
						canPlayDrawn = drawnCard.canPlayOn(currentTopCard);
						if (selectedWildColor && currentTopCard.type === 'wild') {
							canPlayDrawn = drawnCard.color === selectedWildColor || drawnCard.type === 'wild';
						}
					}
					if (!canPlayDrawn) {
						nextTurn();
					}
					updatePlayableCards();
				}, 500);
			}
			return;
		}
		// Check card selection - convert coordinates to player space
		var playerPos = game.toLocal(player.toGlobal({
			x: 0,
			y: 0
		}));
		var localX = x - playerPos.x;
		var localY = y - playerPos.y;
		// Reset all cards to allow new selection
		for (var j = 0; j < player.cards.length; j++) {
			var resetCard = player.cards[j];
			if (resetCard.isAnimating) {
				tween.stop(resetCard, {
					x: true,
					y: true,
					scaleX: true,
					scaleY: true
				});
				resetCard.isAnimating = false;
				// Return card to original position if it was lifted
				if (resetCard.originalX !== undefined && resetCard.originalY !== undefined) {
					resetCard.x = resetCard.originalX;
					resetCard.y = resetCard.originalY;
					resetCard.scaleX = 1.0;
					resetCard.scaleY = 1.0;
				}
			}
		}
		for (var i = 0; i < player.cards.length; i++) {
			var card = player.cards[i];
			if (card.playable) {
				// Check if click is within card bounds using local coordinates
				var cardLeft = card.x - 70; // Half of card width (140/2)
				var cardRight = card.x + 70;
				var cardTop = card.y - 100; // Half of card height (200/2)
				var cardBottom = card.y + 100;
				if (localX >= cardLeft && localX <= cardRight && localY >= cardTop && localY <= cardBottom) {
					draggedCard = card;
					dragOffset.x = localX - card.x;
					dragOffset.y = localY - card.y;
					// Store original position for return animation
					card.originalX = card.x;
					card.originalY = card.y;
					// Add selection animation - lift card up and scale slightly
					card.isAnimating = true;
					tween.stop(card, {
						x: true,
						y: true,
						scaleX: true,
						scaleY: true
					});
					tween(card, {
						y: card.y - 50,
						scaleX: 1.15,
						scaleY: 1.15
					}, {
						duration: 250,
						easing: tween.easeOut,
						onFinish: function onFinish() {
							card.isAnimating = false;
						}
					});
					break;
				}
			}
		}
	}
};
game.move = function (x, y, obj) {
	if (draggedCard && currentPlayer === 0 && gamePhase === 'playing') {
		// Convert coordinates to player space
		var playerPos = game.toLocal(player.toGlobal({
			x: 0,
			y: 0
		}));
		var localX = x - playerPos.x;
		var localY = y - playerPos.y;
		draggedCard.x = localX - dragOffset.x;
		draggedCard.y = localY - dragOffset.y;
	}
};
game.up = function (x, y, obj) {
	if (draggedCard && currentPlayer === 0 && gamePhase === 'playing') {
		// Check if card was dropped on discard pile area
		var discardCenterX = 1024 + 200;
		var discardCenterY = 1366;
		var discardRadius = 120; // Generous drop zone
		var distance = Math.sqrt((x - discardCenterX) * (x - discardCenterX) + (y - discardCenterY) * (y - discardCenterY));
		if (distance <= discardRadius) {
			playCard(draggedCard, player);
		} else {
			// Return card to hand with animation
			draggedCard.isAnimating = true;
			tween.stop(draggedCard, {
				x: true,
				y: true,
				scaleX: true,
				scaleY: true
			});
			tween(draggedCard, {
				x: draggedCard.originalX,
				y: draggedCard.originalY,
				scaleX: 1.0,
				scaleY: 1.0
			}, {
				duration: 300,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					if (draggedCard) {
						draggedCard.isAnimating = false;
					}
					player.arrangeCards();
				}
			});
		}
		if (draggedCard) {
			draggedCard = null;
		}
	}
};
game.update = function () {
	// Check win condition
	if (checkWinCondition()) {
		return;
	}
	// Check if player has no playable cards and auto-draw
	if (currentPlayer === 0 && gamePhase === 'playing' && !waitingForUno) {
		var currentTopCard = discardPile[discardPile.length - 1];
		var playableCards = player.getPlayableCards(currentTopCard);
		if (selectedWildColor && currentTopCard.type === 'wild') {
			playableCards = player.cards.filter(function (card) {
				return card.color === selectedWildColor || card.type === 'wild';
			});
		}
		// Auto-draw if no playable cards (but only once per turn)
		if (playableCards.length === 0 && !player.autoDrawnThisTurn) {
			player.autoDrawnThisTurn = true;
			var drawnCard = drawCard(player);
			// Check if drawn card is playable after animation
			LK.setTimeout(function () {
				var canPlayDrawn = false;
				if (drawnCard) {
					canPlayDrawn = drawnCard.canPlayOn(currentTopCard);
					if (selectedWildColor && currentTopCard.type === 'wild') {
						canPlayDrawn = drawnCard.color === selectedWildColor || drawnCard.type === 'wild';
					}
				}
				if (!canPlayDrawn) {
					// Still can't play, end turn
					nextTurn();
				}
				updatePlayableCards();
			}, 500);
		}
	} else if (currentPlayer === 1) {
		// Reset auto-draw flag when it's AI turn
		player.autoDrawnThisTurn = false;
	}
};

===================================================================
--- original.js
+++ change.js
@@ -26,9 +26,19 @@
 		anchorY: 0.5
 	});
 	// Add card text
 	var displayText = self.value;
-	if (self.value === 'skip') displayText = 'S';else if (self.value === 'reverse') displayText = 'R';else if (self.value === 'draw2') displayText = '+2';else if (self.value === 'wild') displayText = 'W';else if (self.value === 'wild4') displayText = '+4';
+	if (self.value === 'skip') {
+		displayText = 'S';
+	} else if (self.value === 'reverse') {
+		displayText = 'R';
+	} else if (self.value === 'draw2') {
+		displayText = '+2';
+	} else if (self.value === 'wild') {
+		displayText = 'W';
+	} else if (self.value === 'wild4') {
+		displayText = '+4';
+	}
 	var cardText = new Text2(displayText.toString(), {
 		size: 40,
 		fill: self.color === 'yellow' ? "#000000" : "#ffffff"
 	});
@@ -52,11 +62,17 @@
 			cardBg.tint = 0xffffff;
 		}
 	};
 	self.canPlayOn = function (otherCard) {
-		if (self.type === 'wild') return true;
-		if (self.color === otherCard.color) return true;
-		if (self.value === otherCard.value && self.type === 'number' && otherCard.type === 'number') return true;
+		if (self.type === 'wild') {
+			return true;
+		}
+		if (self.color === otherCard.color) {
+			return true;
+		}
+		if (self.value === otherCard.value && self.type === 'number' && otherCard.type === 'number') {
+			return true;
+		}
 		return false;
 	};
 	return self;
 });
@@ -400,9 +416,11 @@
 		}
 	}
 }
 function nextTurn() {
-	if (gamePhase !== 'playing') return;
+	if (gamePhase !== 'playing') {
+		return;
+	}
 	// Handle draw effects
 	if (drawCount > 0) {
 		var targetPlayer = currentPlayer === 0 ? aiPlayer : player;
 		// Add stagger to card drawing animation
@@ -430,9 +448,11 @@
 		}, 1200);
 	}
 }
 function aiTurn() {
-	if (currentPlayer !== 1 || gamePhase !== 'playing') return;
+	if (currentPlayer !== 1 || gamePhase !== 'playing') {
+		return;
+	}
 	var currentTopCard = discardPile[discardPile.length - 1];
 	var playableCards = aiPlayer.getPlayableCards(currentTopCard);
 	if (selectedWildColor && currentTopCard.type === 'wild') {
 		playableCards = aiPlayer.cards.filter(function (card) {