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

/**** 
* Classes
****/ 
var LevelButton = Container.expand(function () {
	var self = Container.call(this);
	var graphics = self.attachAsset('level_button', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.levelNumber = 1;
	self.unlocked = false;
	var levelText = new Text2('1', {
		size: 40,
		fill: 0x000000
	});
	levelText.anchor.set(0.5, 0.5);
	self.addChild(levelText);
	self.setLevel = function (level) {
		self.levelNumber = level;
		levelText.setText(level.toString());
		self.unlocked = level <= unlockedLevel;
		graphics.tint = self.unlocked ? 0x90EE90 : 0x808080;
	};
	self.down = function (x, y, obj) {
		if (self.unlocked) {
			startLevel(self.levelNumber);
		}
	};
	return self;
});
var PuzzlePiece = Container.expand(function () {
	var self = Container.call(this);
	var graphics = self.attachAsset('puzzle_piece', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.originalX = 0;
	self.originalY = 0;
	self.targetX = 0;
	self.targetY = 0;
	self.pieceId = 0;
	self.isPlaced = false;
	self.isDragging = false;
	self.setColor = function (color) {
		graphics.tint = color;
	};
	self.down = function (x, y, obj) {
		if (!self.isPlaced) {
			self.isDragging = true;
			self.originalX = self.x;
			self.originalY = self.y;
			LK.getSound('move').play();
		}
	};
	self.up = function (x, y, obj) {
		if (self.isDragging) {
			self.isDragging = false;
			self.checkPlacement();
		}
	};
	self.checkPlacement = function () {
		var targetSlot = findNearestSlot(self.x, self.y);
		if (targetSlot && !targetSlot.occupied && getDistance(self.x, self.y, targetSlot.x, targetSlot.y) < 80) {
			self.snapToSlot(targetSlot);
		} else {
			self.returnToOriginal();
		}
	};
	self.snapToSlot = function (slot) {
		tween(self, {
			x: slot.x,
			y: slot.y
		}, {
			duration: 300,
			easing: tween.easeOut
		});
		self.isPlaced = true;
		slot.occupied = true;
		slot.pieceId = self.pieceId;
		LK.getSound('success').play();
		checkLevelComplete();
	};
	self.returnToOriginal = function () {
		tween(self, {
			x: self.originalX,
			y: self.originalY
		}, {
			duration: 300,
			easing: tween.easeOut
		});
	};
	return self;
});
var TargetSlot = Container.expand(function () {
	var self = Container.call(this);
	var graphics = self.attachAsset('target_slot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.slotId = 0;
	self.occupied = false;
	self.pieceId = -1;
	return self;
});

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

/**** 
* Game Code
****/ 
var gameState = 'menu'; // 'menu', 'playing', 'complete'
var currentLevel = 1;
var unlockedLevel = storage.unlockedLevel || 1;
var puzzlePieces = [];
var targetSlots = [];
var levelButtons = [];
var hintButton;
var backButton;
var levelCompleteText;
// Level definitions
var levelConfigs = [{
	pieces: 3,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98],
	pattern: 'simple'
}, {
	pieces: 4,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700],
	pattern: 'simple'
}, {
	pieces: 4,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700],
	pattern: 'cross'
}, {
	pieces: 5,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347],
	pattern: 'simple'
}, {
	pieces: 6,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB],
	pattern: 'grid'
}, {
	pieces: 6,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB],
	pattern: 'circle'
}, {
	pieces: 8,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB, 0xFF1493, 0x00CED1],
	pattern: 'grid'
}, {
	pieces: 9,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB, 0xFF1493, 0x00CED1, 0xFFA500],
	pattern: 'grid'
}, {
	pieces: 10,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB, 0xFF1493, 0x00CED1, 0xFFA500, 0x32CD32],
	pattern: 'complex'
}, {
	pieces: 12,
	colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB, 0xFF1493, 0x00CED1, 0xFFA500, 0x32CD32, 0xFF4500, 0x8A2BE2],
	pattern: 'complex'
}];
// Create title
var titleText = new Text2('Labubu Puzzle Adventure', {
	size: 80,
	fill: 0xFF69B4
});
titleText.anchor.set(0.5, 0.5);
titleText.x = 1024;
titleText.y = 300;
// Create Labubu mascot
var labubuMascot = LK.getAsset('labubu', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 500,
	scaleX: 1.5,
	scaleY: 1.5
});
game.addChild(labubuMascot);
function createMenu() {
	gameState = 'menu';
	game.addChild(titleText);
	// Create level selection grid
	var startY = 800;
	var cols = 5;
	var spacing = 200;
	for (var i = 0; i < 10; i++) {
		var button = new LevelButton();
		var row = Math.floor(i / cols);
		var col = i % cols;
		button.x = 400 + col * spacing;
		button.y = startY + row * 150;
		button.setLevel(i + 1);
		levelButtons.push(button);
		game.addChild(button);
	}
}
function startLevel(levelNum) {
	clearMenu();
	currentLevel = levelNum;
	gameState = 'playing';
	createLevel(levelNum);
}
function clearMenu() {
	game.removeChild(titleText);
	for (var i = 0; i < levelButtons.length; i++) {
		game.removeChild(levelButtons[i]);
	}
	levelButtons = [];
}
function createLevel(levelNum) {
	var config = levelConfigs[levelNum - 1];
	// Create background board
	var board = LK.getAsset('board_bg', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366
	});
	game.addChild(board);
	// Create level title
	var levelTitle = new Text2('Level ' + levelNum, {
		size: 60,
		fill: 0x333333
	});
	levelTitle.anchor.set(0.5, 0.5);
	levelTitle.x = 1024;
	levelTitle.y = 200;
	game.addChild(levelTitle);
	// Create back button
	backButton = LK.getAsset('level_button', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 150,
		y: 150,
		scaleX: 0.8,
		scaleY: 0.8
	});
	var backText = new Text2('Back', {
		size: 30,
		fill: 0x000000
	});
	backText.anchor.set(0.5, 0.5);
	backText.x = 150;
	backText.y = 150;
	game.addChild(backButton);
	game.addChild(backText);
	// Create hint button
	hintButton = LK.getAsset('hint_button', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1900,
		y: 150
	});
	var hintText = new Text2('Hint', {
		size: 25,
		fill: 0x000000
	});
	hintText.anchor.set(0.5, 0.5);
	hintText.x = 1900;
	hintText.y = 150;
	game.addChild(hintButton);
	game.addChild(hintText);
	// Create instruction text at bottom of screen
	var instructionText = new Text2('Put the puzzle pieces in order', {
		size: 100,
		fill: 0x333333
	});
	instructionText.anchor.set(0.5, 0.5);
	instructionText.x = 1024;
	instructionText.y = 2500;
	game.addChild(instructionText);
	createPuzzleLayout(config);
}
function createPuzzleLayout(config) {
	var pieces = config.pieces;
	var colors = config.colors;
	var pattern = config.pattern;
	// Create target slots based on pattern
	createTargetSlots(pieces, pattern);
	// Create puzzle pieces
	createPuzzlePieces(pieces, colors);
}
function createTargetSlots(numSlots, pattern) {
	targetSlots = [];
	var centerX = 1024;
	var centerY = 1000;
	if (pattern === 'simple') {
		var spacing = 120;
		var startX = centerX - (numSlots - 1) * spacing / 2;
		for (var i = 0; i < numSlots; i++) {
			var slot = new TargetSlot();
			slot.x = startX + i * spacing;
			slot.y = centerY;
			slot.slotId = i;
			targetSlots.push(slot);
			game.addChild(slot);
		}
	} else if (pattern === 'cross') {
		var positions = [{
			x: centerX,
			y: centerY - 120
		}, {
			x: centerX - 120,
			y: centerY
		}, {
			x: centerX,
			y: centerY
		}, {
			x: centerX + 120,
			y: centerY
		}, {
			x: centerX,
			y: centerY + 120
		}];
		for (var i = 0; i < Math.min(numSlots, positions.length); i++) {
			var slot = new TargetSlot();
			slot.x = positions[i].x;
			slot.y = positions[i].y;
			slot.slotId = i;
			targetSlots.push(slot);
			game.addChild(slot);
		}
	} else if (pattern === 'grid') {
		var cols = Math.ceil(Math.sqrt(numSlots));
		var rows = Math.ceil(numSlots / cols);
		var spacing = 120;
		var startX = centerX - (cols - 1) * spacing / 2;
		var startY = centerY - (rows - 1) * spacing / 2;
		for (var i = 0; i < numSlots; i++) {
			var row = Math.floor(i / cols);
			var col = i % cols;
			var slot = new TargetSlot();
			slot.x = startX + col * spacing;
			slot.y = startY + row * spacing;
			slot.slotId = i;
			targetSlots.push(slot);
			game.addChild(slot);
		}
	} else if (pattern === 'circle') {
		var radius = 150;
		var angleStep = 2 * Math.PI / numSlots;
		for (var i = 0; i < numSlots; i++) {
			var angle = i * angleStep;
			var slot = new TargetSlot();
			slot.x = centerX + Math.cos(angle) * radius;
			slot.y = centerY + Math.sin(angle) * radius;
			slot.slotId = i;
			targetSlots.push(slot);
			game.addChild(slot);
		}
	} else if (pattern === 'complex') {
		// Custom complex patterns for higher levels
		var positions = generateComplexPattern(numSlots, centerX, centerY);
		for (var i = 0; i < numSlots; i++) {
			var slot = new TargetSlot();
			slot.x = positions[i].x;
			slot.y = positions[i].y;
			slot.slotId = i;
			targetSlots.push(slot);
			game.addChild(slot);
		}
	}
}
function generateComplexPattern(numSlots, centerX, centerY) {
	var positions = [];
	var spacing = 100;
	// Create a spiral pattern
	var angle = 0;
	var radius = 50;
	for (var i = 0; i < numSlots; i++) {
		positions.push({
			x: centerX + Math.cos(angle) * radius,
			y: centerY + Math.sin(angle) * radius
		});
		angle += Math.PI / 3;
		radius += 15;
	}
	return positions;
}
function createPuzzlePieces(numPieces, colors) {
	puzzlePieces = [];
	var startY = 1600;
	var spacing = 120;
	var startX = 1024 - (numPieces - 1) * spacing / 2;
	// Shuffle colors for random placement
	var shuffledColors = colors.slice();
	for (var i = shuffledColors.length - 1; i > 0; i--) {
		var j = Math.floor(Math.random() * (i + 1));
		var temp = shuffledColors[i];
		shuffledColors[i] = shuffledColors[j];
		shuffledColors[j] = temp;
	}
	for (var i = 0; i < numPieces; i++) {
		var piece = new PuzzlePiece();
		piece.x = startX + i * spacing;
		piece.y = startY;
		piece.pieceId = i;
		piece.setColor(shuffledColors[i % shuffledColors.length]);
		piece.originalX = piece.x;
		piece.originalY = piece.y;
		puzzlePieces.push(piece);
		game.addChild(piece);
	}
}
function findNearestSlot(x, y) {
	var nearest = null;
	var minDistance = Infinity;
	for (var i = 0; i < targetSlots.length; i++) {
		var slot = targetSlots[i];
		var distance = getDistance(x, y, slot.x, slot.y);
		if (distance < minDistance) {
			minDistance = distance;
			nearest = slot;
		}
	}
	return nearest;
}
function getDistance(x1, y1, x2, y2) {
	var dx = x2 - x1;
	var dy = y2 - y1;
	return Math.sqrt(dx * dx + dy * dy);
}
function checkLevelComplete() {
	var placedPieces = 0;
	for (var i = 0; i < puzzlePieces.length; i++) {
		if (puzzlePieces[i].isPlaced) {
			placedPieces++;
		}
	}
	if (placedPieces === puzzlePieces.length) {
		LK.getSound('complete').play();
		completeLevel();
	}
}
function completeLevel() {
	gameState = 'complete';
	// Update unlocked level
	if (currentLevel >= unlockedLevel) {
		unlockedLevel = currentLevel + 1;
		storage.unlockedLevel = unlockedLevel;
	}
	// Show completion message
	levelCompleteText = new Text2('Level Complete!', {
		size: 80,
		fill: 0x00FF00
	});
	levelCompleteText.anchor.set(0.5, 0.5);
	levelCompleteText.x = 1024;
	levelCompleteText.y = 600;
	game.addChild(levelCompleteText);
	// Flash effect
	LK.effects.flashScreen(0x00FF00, 1000);
	// Auto return to menu after delay
	LK.setTimeout(function () {
		returnToMenu();
	}, 3000);
}
function returnToMenu() {
	// Clear level elements
	for (var i = game.children.length - 1; i >= 0; i--) {
		var child = game.children[i];
		if (child !== labubuMascot) {
			game.removeChild(child);
		}
	}
	puzzlePieces = [];
	targetSlots = [];
	createMenu();
}
function showHint() {
	if (gameState === 'playing') {
		// Flash target slots to give hint
		for (var i = 0; i < targetSlots.length; i++) {
			LK.effects.flashObject(targetSlots[i], 0xFFD700, 1000);
		}
	}
}
var draggedPiece = null;
game.move = function (x, y, obj) {
	if (draggedPiece && draggedPiece.isDragging) {
		draggedPiece.x = x;
		draggedPiece.y = y;
	}
};
game.down = function (x, y, obj) {
	if (gameState === 'playing') {
		// Check if clicked on back button
		if (getDistance(x, y, 150, 150) < 60) {
			returnToMenu();
			return;
		}
		// Check if clicked on hint button
		if (getDistance(x, y, 1900, 150) < 50) {
			showHint();
			return;
		}
		// Find clicked puzzle piece
		for (var i = puzzlePieces.length - 1; i >= 0; i--) {
			var piece = puzzlePieces[i];
			if (!piece.isPlaced && getDistance(x, y, piece.x, piece.y) < 60) {
				draggedPiece = piece;
				piece.down(x, y, obj);
				break;
			}
		}
	}
};
game.up = function (x, y, obj) {
	if (draggedPiece) {
		draggedPiece.up(x, y, obj);
		draggedPiece = null;
	}
};
// Animate Labubu mascot
game.update = function () {
	if (gameState === 'menu') {
		labubuMascot.y = 500 + Math.sin(LK.ticks * 0.05) * 10;
		labubuMascot.rotation = Math.sin(LK.ticks * 0.03) * 0.1;
	}
};
// Initialize the game
createMenu();

===================================================================
--- original.js
+++ change.js
@@ -273,9 +273,9 @@
 	game.addChild(hintButton);
 	game.addChild(hintText);
 	// Create instruction text at bottom of screen
 	var instructionText = new Text2('Put the puzzle pieces in order', {
-		size: 200,
+		size: 100,
 		fill: 0x333333
 	});
 	instructionText.anchor.set(0.5, 0.5);
 	instructionText.x = 1024;