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

/**** 
* Classes
****/ 
// Card class: represents a single card (creature or resource)
var Card = Container.expand(function () {
	var self = Container.call(this);
	// Card properties (to be set on creation)
	self.cardData = null; // {name, attack, health, cost, type, id}
	self.isPlayerCard = true; // true if belongs to player, false if opponent
	// Card visual
	var cardBox = self.attachAsset('cardBox', {
		width: 260,
		height: 360,
		color: 0x222222,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Card name
	var nameTxt = new Text2('', {
		size: 48,
		fill: "#fff"
	});
	nameTxt.anchor.set(0.5, 0);
	nameTxt.x = 0;
	nameTxt.y = -150;
	self.addChild(nameTxt);
	// Attack/Health
	var statsTxt = new Text2('', {
		size: 48,
		fill: 0xFFEC70
	});
	statsTxt.anchor.set(0.5, 0.5);
	statsTxt.x = -70;
	statsTxt.y = 120;
	self.addChild(statsTxt);
	// Cost
	var costTxt = new Text2('', {
		size: 40,
		fill: 0xB8B031
	});
	costTxt.anchor.set(0.5, 0.5);
	costTxt.x = 70;
	costTxt.y = 120;
	self.addChild(costTxt);
	// Set card data and visuals
	self.setCard = function (cardData, isPlayerCard) {
		self.cardData = cardData;
		self.isPlayerCard = isPlayerCard;
		nameTxt.setText(cardData.name);
		statsTxt.setText(cardData.attack + "/" + cardData.health);
		costTxt.setText(cardData.cost);
		// Tint for opponent cards
		cardBox.tint = isPlayerCard ? 0x222222 : 0x2a1a2a;
	};
	// Update stats display
	self.updateStats = function () {
		if (self.cardData) {
			statsTxt.setText(self.cardData.attack + "/" + self.cardData.health);
		}
	};
	// Flash effect for damage
	self.flash = function (color) {
		LK.effects.flashObject(self, color, 300);
	};
	// Dragging
	self.isDraggable = false;
	self.isDragging = false;
	// Touch events
	self.down = function (x, y, obj) {
		if (self.isDraggable && !self.isDragging) {
			self.isDragging = true;
			dragCard = self;
			dragOrigin = {
				x: self.x,
				y: self.y
			};
			// Bring to front
			if (self.parent) {
				self.parent.removeChild(self);
				game.addChild(self);
			}
		}
	};
	self.up = function (x, y, obj) {
		if (self.isDragging) {
			self.isDragging = false;
			dragCard = null;
			// Snap back if not played
			if (!self.justPlayed) {
				tween(self, {
					x: dragOrigin.x,
					y: dragOrigin.y
				}, {
					duration: 200,
					easing: tween.easeOut
				});
			}
			self.justPlayed = false;
		}
	};
	return self;
});
// Slot class: represents a board slot (for creatures)
var Slot = Container.expand(function () {
	var self = Container.call(this);
	self.isPlayerSlot = true;
	self.slotIndex = 0;
	self.occupied = false;
	self.card = null;
	var slotBox = self.attachAsset('slotBox', {
		width: 270,
		height: 380,
		color: 0x444444,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Highlight for valid drop
	self.setHighlight = function (on) {
		slotBox.tint = on ? 0x83de44 : 0x444444;
	};
	// Place card in slot
	self.placeCard = function (card) {
		self.card = card;
		self.occupied = true;
		card.x = self.x;
		card.y = self.y;
		card.isDraggable = false;
		card.isDragging = false;
		card.justPlayed = true;
		game.addChild(card);
	};
	// Remove card from slot
	self.removeCard = function () {
		self.card = null;
		self.occupied = false;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Game Constants ---
var BOARD_COLS = 4;
var PLAYER_Y = 2100;
var OPPONENT_Y = 700;
var HAND_Y = 2500;
var SLOT_SPACING = 340;
var HAND_SPACING = 320;
var MAX_HAND = 5;
var MAX_HEALTH = 10;
// --- Card Pool ---
var CARD_POOL = [{
	id: 1,
	name: "Stoat",
	attack: 1,
	health: 2,
	cost: 1,
	type: "creature"
}, {
	id: 2,
	name: "Wolf",
	attack: 3,
	health: 2,
	cost: 2,
	type: "creature"
}, {
	id: 3,
	name: "Bullfrog",
	attack: 1,
	health: 3,
	cost: 1,
	type: "creature"
}, {
	id: 4,
	name: "Adder",
	attack: 1,
	health: 1,
	cost: 2,
	type: "creature"
}, {
	id: 5,
	name: "Squirrel",
	attack: 0,
	health: 1,
	cost: 0,
	type: "resource"
}];
// --- Game State ---
var playerDeck = [];
var opponentDeck = [];
var playerHand = [];
var opponentHand = [];
var playerSlots = [];
var opponentSlots = [];
var playerHealth = MAX_HEALTH;
var opponentHealth = MAX_HEALTH;
var turn = "player"; // "player" or "opponent"
var dragCard = null;
var dragOrigin = null;
var validDropSlot = null;
var canPlay = true;
var playerResources = 0;
var turnTxt, healthTxt, oppHealthTxt, resourceTxt, messageTxt;
// --- UI Setup ---
// Health display
healthTxt = new Text2("You: " + playerHealth, {
	size: 80,
	fill: "#fff"
});
healthTxt.anchor.set(0, 0.5);
LK.gui.top.addChild(healthTxt);
oppHealthTxt = new Text2("Opponent: " + opponentHealth, {
	size: 80,
	fill: "#fff"
});
oppHealthTxt.anchor.set(1, 0.5);
LK.gui.topRight.addChild(oppHealthTxt);
// Turn display
turnTxt = new Text2("Your Turn", {
	size: 70,
	fill: 0xFFEC70
});
turnTxt.anchor.set(0.5, 0.5);
LK.gui.top.addChild(turnTxt);
// Resource display
resourceTxt = new Text2("Blood: " + playerResources, {
	size: 60,
	fill: 0xB8B031
});
resourceTxt.anchor.set(0.5, 0.5);
LK.gui.bottom.addChild(resourceTxt);
// Message display
messageTxt = new Text2("", {
	size: 60,
	fill: 0xFFEC70
});
messageTxt.anchor.set(0.5, 0.5);
LK.gui.center.addChild(messageTxt);
// --- Board Setup ---
// Player slots
for (var i = 0; i < BOARD_COLS; i++) {
	var slot = new Slot();
	slot.isPlayerSlot = true;
	slot.slotIndex = i;
	slot.x = 400 + i * SLOT_SPACING;
	slot.y = PLAYER_Y;
	playerSlots.push(slot);
	game.addChild(slot);
}
// Opponent slots
for (var i = 0; i < BOARD_COLS; i++) {
	var slot = new Slot();
	slot.isPlayerSlot = false;
	slot.slotIndex = i;
	slot.x = 400 + i * SLOT_SPACING;
	slot.y = OPPONENT_Y;
	opponentSlots.push(slot);
	game.addChild(slot);
}
// --- Deck/Hand Setup ---
function shuffleDeck(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 createDeck() {
	// Player: 2 Stoat, 2 Wolf, 2 Bullfrog, 1 Adder, 3 Squirrel
	var deck = [];
	for (var i = 0; i < 2; i++) deck.push(CARD_POOL[0]);
	for (var i = 0; i < 2; i++) deck.push(CARD_POOL[1]);
	for (var i = 0; i < 2; i++) deck.push(CARD_POOL[2]);
	deck.push(CARD_POOL[3]);
	for (var i = 0; i < 3; i++) deck.push(CARD_POOL[4]);
	shuffleDeck(deck);
	return deck.slice();
}
function createOpponentDeck() {
	// Opponent: 2 Wolf, 2 Bullfrog, 2 Adder, 2 Squirrel
	var deck = [];
	for (var i = 0; i < 2; i++) deck.push(CARD_POOL[1]);
	for (var i = 0; i < 2; i++) deck.push(CARD_POOL[2]);
	for (var i = 0; i < 2; i++) deck.push(CARD_POOL[3]);
	for (var i = 0; i < 2; i++) deck.push(CARD_POOL[4]);
	shuffleDeck(deck);
	return deck.slice();
}
// --- Hand Display ---
function updateHandDisplay() {
	// Remove all player hand cards from game
	for (var i = 0; i < playerHand.length; i++) {
		if (playerHand[i].parent) playerHand[i].parent.removeChild(playerHand[i]);
	}
	// Layout hand
	for (var i = 0; i < playerHand.length; i++) {
		var card = playerHand[i];
		card.x = 400 + i * HAND_SPACING;
		card.y = HAND_Y;
		card.isDraggable = canPlay && turn === "player";
		card.isPlayerCard = true;
		game.addChild(card);
	}
}
function updateOpponentHandDisplay() {
	// Remove all opponent hand cards from game
	for (var i = 0; i < opponentHand.length; i++) {
		if (opponentHand[i].parent) opponentHand[i].parent.removeChild(opponentHand[i]);
	}
	// Layout hand (hidden)
	for (var i = 0; i < opponentHand.length; i++) {
		var card = opponentHand[i];
		card.x = 400 + i * HAND_SPACING;
		card.y = OPPONENT_Y - 250;
		card.isDraggable = false;
		card.isPlayerCard = false;
		game.addChild(card);
	}
}
// --- Draw Card ---
function drawCard(deck, hand, isPlayer) {
	if (deck.length === 0 || hand.length >= MAX_HAND) return;
	var cardData = deck.shift();
	var card = new Card();
	card.setCard(cardData, isPlayer);
	hand.push(card);
}
// --- Start Game ---
function startGame() {
	playerDeck = createDeck();
	opponentDeck = createOpponentDeck();
	playerHand = [];
	opponentHand = [];
	playerHealth = MAX_HEALTH;
	opponentHealth = MAX_HEALTH;
	playerResources = 0;
	turn = "player";
	canPlay = true;
	messageTxt.setText("");
	// Remove all cards from slots
	for (var i = 0; i < BOARD_COLS; i++) {
		if (playerSlots[i].card) {
			playerSlots[i].card.destroy();
			playerSlots[i].removeCard();
		}
		if (opponentSlots[i].card) {
			opponentSlots[i].card.destroy();
			opponentSlots[i].removeCard();
		}
	}
	// Draw initial hands
	for (var i = 0; i < 4; i++) drawCard(playerDeck, playerHand, true);
	for (var i = 0; i < 4; i++) drawCard(opponentDeck, opponentHand, false);
	updateHandDisplay();
	updateOpponentHandDisplay();
	updateUI();
}
function updateUI() {
	healthTxt.setText("You: " + playerHealth);
	oppHealthTxt.setText("Opponent: " + opponentHealth);
	resourceTxt.setText("Blood: " + playerResources);
	turnTxt.setText(turn === "player" ? "Your Turn" : "Opponent Turn");
}
// --- Turn Logic ---
function startPlayerTurn() {
	turn = "player";
	canPlay = true;
	playerResources += 1;
	drawCard(playerDeck, playerHand, true);
	updateHandDisplay();
	updateUI();
	messageTxt.setText("Your turn. Drag a card to a slot.");
}
function startOpponentTurn() {
	turn = "opponent";
	canPlay = false;
	updateUI();
	messageTxt.setText("Opponent's turn...");
	LK.setTimeout(opponentPlay, 900);
}
// --- Play Card ---
function canPlayCard(card, slot) {
	if (!card || !slot) return false;
	if (!slot.isPlayerSlot) return false;
	if (slot.occupied) return false;
	if (card.cardData.type === "resource") return true;
	if (playerResources >= card.cardData.cost) return true;
	return false;
}
function playCard(card, slot) {
	if (!canPlayCard(card, slot)) return false;
	// Remove from hand
	var idx = playerHand.indexOf(card);
	if (idx !== -1) playerHand.splice(idx, 1);
	// Place in slot
	slot.placeCard(card);
	// Pay cost
	if (card.cardData.type === "creature") {
		playerResources -= card.cardData.cost;
	}
	// Squirrel: resource, gives +1 blood, then disappears
	if (card.cardData.type === "resource") {
		playerResources += 1;
		card.flash(0xb8b031);
		LK.setTimeout(function () {
			slot.removeCard();
			card.destroy();
		}, 400);
	}
	updateHandDisplay();
	updateUI();
	return true;
}
// --- Drag & Drop ---
game.move = function (x, y, obj) {
	if (dragCard && dragCard.isDragging) {
		dragCard.x = x;
		dragCard.y = y;
		// Highlight valid slot
		var found = null;
		for (var i = 0; i < playerSlots.length; i++) {
			var slot = playerSlots[i];
			if (!slot.occupied && LK.util.containsPoint(slot, {
				x: x,
				y: y
			})) {
				found = slot;
				slot.setHighlight(true);
			} else {
				slot.setHighlight(false);
			}
		}
		validDropSlot = found;
	}
};
game.down = function (x, y, obj) {
	// No-op: handled by Card.down
};
game.up = function (x, y, obj) {
	if (dragCard && dragCard.isDragging) {
		// Try to play card
		if (validDropSlot && canPlayCard(dragCard, validDropSlot)) {
			playCard(dragCard, validDropSlot);
			dragCard.justPlayed = true;
			validDropSlot.setHighlight(false);
		} else {
			// Snap back
			dragCard.justPlayed = false;
		}
		dragCard.isDragging = false;
		dragCard = null;
		validDropSlot = null;
		for (var i = 0; i < playerSlots.length; i++) playerSlots[i].setHighlight(false);
	}
};
// --- Combat Phase ---
function combatPhase() {
	// Player creatures attack
	for (var i = 0; i < BOARD_COLS; i++) {
		var pSlot = playerSlots[i];
		if (pSlot.card && pSlot.card.cardData.type === "creature") {
			var oppSlot = opponentSlots[i];
			if (oppSlot.card && oppSlot.card.cardData.type === "creature") {
				// Attack opposing creature
				oppSlot.card.cardData.health -= pSlot.card.cardData.attack;
				pSlot.card.flash(0xffec70);
				oppSlot.card.flash(0xd83318);
				oppSlot.card.updateStats();
				if (oppSlot.card.cardData.health <= 0) {
					oppSlot.card.flash(0xd83318);
					LK.setTimeout(function (slot, card) {
						return function () {
							slot.removeCard();
							card.destroy();
						};
					}(oppSlot, oppSlot.card), 300);
				}
			} else {
				// Attack opponent directly
				opponentHealth -= pSlot.card.cardData.attack;
				if (opponentHealth < 0) opponentHealth = 0;
			}
		}
	}
	// Opponent creatures attack
	for (var i = 0; i < BOARD_COLS; i++) {
		var oSlot = opponentSlots[i];
		if (oSlot.card && oSlot.card.cardData.type === "creature") {
			var pSlot = playerSlots[i];
			if (pSlot.card && pSlot.card.cardData.type === "creature") {
				// Attack opposing creature
				pSlot.card.cardData.health -= oSlot.card.cardData.attack;
				oSlot.card.flash(0xffec70);
				pSlot.card.flash(0xd83318);
				pSlot.card.updateStats();
				if (pSlot.card.cardData.health <= 0) {
					pSlot.card.flash(0xd83318);
					LK.setTimeout(function (slot, card) {
						return function () {
							slot.removeCard();
							card.destroy();
						};
					}(pSlot, pSlot.card), 300);
				}
			} else {
				// Attack player directly
				playerHealth -= oSlot.card.cardData.attack;
				if (playerHealth < 0) playerHealth = 0;
			}
		}
	}
	updateUI();
	// Check win/lose
	if (playerHealth <= 0) {
		LK.effects.flashScreen(0xd83318, 1000);
		LK.showGameOver();
		return;
	}
	if (opponentHealth <= 0) {
		LK.effects.flashScreen(0x83de44, 1000);
		LK.showYouWin();
		return;
	}
	// Next turn
	if (turn === "player") {
		LK.setTimeout(startOpponentTurn, 900);
	} else {
		LK.setTimeout(startPlayerTurn, 900);
	}
}
// --- Opponent AI ---
function opponentPlay() {
	// Play first playable creature to empty slot
	var played = false;
	for (var i = 0; i < opponentHand.length; i++) {
		var card = opponentHand[i];
		if (card.cardData.type === "creature") {
			for (var j = 0; j < BOARD_COLS; j++) {
				var slot = opponentSlots[j];
				if (!slot.occupied) {
					// Play card
					opponentHand.splice(i, 1);
					slot.placeCard(card);
					played = true;
					break;
				}
			}
			if (played) break;
		}
	}
	// Draw a card
	drawCard(opponentDeck, opponentHand, false);
	updateOpponentHandDisplay();
	LK.setTimeout(combatPhase, 900);
}
// --- Game Update ---
game.update = function () {
	// No per-frame logic needed for MVP
};
// --- Start the game ---
startGame();

===================================================================
--- original.js
+++ change.js
@@ -435,9 +435,9 @@
 		// Highlight valid slot
 		var found = null;
 		for (var i = 0; i < playerSlots.length; i++) {
 			var slot = playerSlots[i];
-			if (!slot.occupied && slot.containsPoint({
+			if (!slot.occupied && LK.util.containsPoint(slot, {
 				x: x,
 				y: y
 			})) {
 				found = slot;