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

/**** 
* Classes
****/ 
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('player', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	playerGraphics.alpha = 0.8;
	return self;
});
var StoneBlock = Container.expand(function () {
	var self = Container.call(this);
	self.blockType = 'stone';
	var stoneGraphics = self.attachAsset('stone', {
		anchorX: 0,
		anchorY: 0
	});
	self.mine = function () {
		return false; // Stone blocks cannot be mined
	};
	return self;
});
var TerrainBlock = Container.expand(function () {
	var self = Container.call(this);
	self.blockType = 'terrain';
	self.hasTreasure = false;
	self.treasureType = null;
	self.treasureGraphics = null;
	var blockGraphics = self.attachAsset('terrain', {
		anchorX: 0,
		anchorY: 0
	});
	self.graphics = blockGraphics;
	self.setTreasure = function (type) {
		self.hasTreasure = true;
		self.treasureType = type;
		// Create and display the actual treasure image
		if (type) {
			self.treasureGraphics = self.attachAsset(type, {
				anchorX: 0.5,
				anchorY: 0.5,
				x: blockSize / 2,
				y: blockSize / 2,
				scaleX: 0.8,
				scaleY: 0.8
			});
		}
	};
	self.mine = function () {
		if (self.blockType === 'stone') {
			return false;
		}
		self.visible = false;
		if (self.treasureGraphics) {
			self.treasureGraphics.visible = false;
		}
		return true;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
game.setBackgroundColor(0x000000);
var blockSize = 100;
var gridWidth = Math.floor(2048 / blockSize);
var gridHeight = Math.floor(2732 / blockSize);
var stoneWallWidth = 1;
var mineableStartX = stoneWallWidth;
var mineableEndX = gridWidth - stoneWallWidth;
var terrain = [];
var player;
var depth = 0;
var score = 0;
var isDragging = false;
var targetX = null;
var targetY = null;
var playerSpeed = 20; // Pixels per frame
var treasureCounts = {
	bronze: 0,
	silver: 0,
	gold: 0,
	diamond: 0,
	crystal: 0
};
// Game state
var gameStarted = false;
var introContainer = null;
function movePlayerTowardsTarget() {
	if (targetX === null || targetY === null || !player) {
		return;
	}
	// Move player towards target position with speed
	var dx = targetX - player.x;
	var dy = targetY - player.y;
	var distance = Math.sqrt(dx * dx + dy * dy);
	if (distance > playerSpeed) {
		// Normalize and apply speed
		player.x += dx / distance * playerSpeed;
		player.y += dy / distance * playerSpeed;
	} else {
		// Close enough, set to target position
		player.x = targetX;
		player.y = targetY;
	}
	// Mine at player position
	mineBlock(player.x, player.y);
}
// Create score text first (will be at the back)
var scoreText = new Text2('Score: 0', {
	size: 60,
	fill: 0xFFFFFF
});
scoreText.anchor.set(0.5, 0);
scoreText.y = 90;
scoreText.visible = false; // Hide initially
LK.gui.top.addChild(scoreText);
// Create depth text second (will be in the middle)
var depthText = new Text2('Depth: 0m', {
	size: 60,
	fill: 0xFFFFFF
});
depthText.anchor.set(0.5, 0);
depthText.y = 30;
depthText.visible = false; // Hide initially
LK.gui.top.addChild(depthText);
// Create treasure count displays
var treasureTexts = {};
var treasureTypes = ['bronze', 'silver', 'gold', 'diamond', 'crystal'];
var treasureColors = {
	bronze: 0xCD7F32,
	silver: 0xC0C0C0,
	gold: 0xFFD700,
	diamond: 0x00FFFF,
	crystal: 0xFF69B4
};
// Create container for treasure counts
var treasureContainer = new Container();
treasureContainer.y = -20; // Move to the very top edge
treasureContainer.visible = false; // Hide initially
// Create text for each treasure type
var xOffset = -500;
for (var i = 0; i < treasureTypes.length; i++) {
	var type = treasureTypes[i];
	var text = new Text2(type.charAt(0).toUpperCase() + type.slice(1) + ': 0', {
		size: 50,
		fill: treasureColors[type]
	});
	text.anchor.set(0.5, 0);
	text.x = xOffset + i * 250;
	treasureContainer.addChild(text);
	treasureTexts[type] = text;
}
// Add container to GUI after all texts are created to ensure it appears on top
LK.gui.top.addChild(treasureContainer);
function getTreasureType(currentDepth) {
	// Each 5000 miles (250000 pixels) has a specific treasure type
	var depthInMiles = Math.floor(currentDepth / 50); // Convert pixels to miles
	var treasureZone = Math.floor(depthInMiles / 5000); // Which 5000-mile zone
	var rand = Math.random();
	var spawnChance = 0.1; // 10% chance to spawn treasure
	if (rand > spawnChance) {
		return null; // No treasure
	}
	// Make treasure zones cycle every 5 zones (25000 miles)
	var cycledZone = treasureZone % 5;
	// Return specific treasure based on cycled zone
	switch (cycledZone) {
		case 0:
			// Bronze zone
			return 'bronze';
		case 1:
			// Silver zone
			return 'silver';
		case 2:
			// Gold zone
			return 'gold';
		case 3:
			// Diamond zone
			return 'diamond';
		case 4:
			// Crystal zone
			return 'crystal';
	}
}
function generateRow(y) {
	var row = [];
	for (var x = 0; x < gridWidth; x++) {
		var block;
		if (x < mineableStartX || x >= mineableEndX) {
			block = new StoneBlock();
		} else {
			block = new TerrainBlock();
			var treasure = getTreasureType(depth + y * blockSize);
			if (treasure) {
				block.setTreasure(treasure);
			}
		}
		block.x = x * blockSize;
		block.y = y * blockSize;
		game.addChild(block);
		row.push(block);
	}
	return row;
}
function initializeTerrain() {
	terrain = [];
	for (var y = 0; y < gridHeight + 1; y++) {
		terrain.push(generateRow(y));
	}
}
function scrollTerrain() {
	for (var y = 0; y < terrain.length; y++) {
		for (var x = 0; x < terrain[y].length; x++) {
			terrain[y][x].y -= blockSize;
		}
	}
	// Properly destroy blocks and their treasure graphics
	for (var x = 0; x < terrain[0].length; x++) {
		var block = terrain[0][x];
		// Destroy treasure graphics if they exist
		if (block.treasureGraphics) {
			block.treasureGraphics.destroy();
		}
		block.destroy();
	}
	terrain.shift();
	depth += blockSize;
	terrain.push(generateRow(gridHeight));
	depthText.setText('Depth: ' + Math.floor(depth / 50) + 'm');
}
function mineBlock(worldX, worldY) {
	var gridX = Math.floor(worldX / blockSize);
	var gridY = Math.floor(worldY / blockSize);
	if (gridX < 0 || gridX >= gridWidth || gridY < 0 || gridY >= gridHeight) {
		return;
	}
	// Check if terrain row exists before accessing
	if (!terrain[gridY]) {
		return;
	}
	var block = terrain[gridY][gridX];
	if (!block || !block.visible) {
		return;
	}
	if (block.mine()) {
		if (block.hasTreasure) {
			var treasureValue = 0;
			switch (block.treasureType) {
				case 'bronze':
					treasureValue = 10;
					break;
				case 'silver':
					treasureValue = 25;
					break;
				case 'gold':
					treasureValue = 50;
					break;
				case 'diamond':
					treasureValue = 100;
					break;
				case 'crystal':
					treasureValue = 150;
					break;
			}
			score += treasureValue;
			LK.setScore(score);
			scoreText.setText('Score: ' + score);
			treasureCounts[block.treasureType]++;
			treasureTexts[block.treasureType].setText(block.treasureType.charAt(0).toUpperCase() + block.treasureType.slice(1) + ': ' + treasureCounts[block.treasureType]);
		}
		if (gridY > gridHeight / 2) {
			scrollTerrain();
		}
	}
}
// Create intro screen
function createIntroScreen() {
	introContainer = new Container();
	// Add intro background scaled to fit full screen
	var introBackground = introContainer.attachAsset('IntroBackground', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 0
	});
	// Scale background to fit within screen boundaries 2048x2732
	var screenWidth = 2048;
	var screenHeight = 2732;
	var assetWidth = introBackground.width;
	var assetHeight = introBackground.height;
	// Defensively check for valid, positive asset dimensions before calculating scale
	if (assetWidth > 0 && assetHeight > 0) {
		var scaleToWidth = screenWidth / assetWidth;
		var scaleToHeight = screenHeight / assetHeight;
		// Use the smaller scale to ensure the entire image fits within screen boundaries
		var scale = Math.min(scaleToWidth, scaleToHeight);
		introBackground.scale.set(scale, scale);
		// Center the background if it doesn't fill the entire screen
		introBackground.x = 0;
		introBackground.y = 0;
	} else {
		// If asset dimensions are invalid (e.g., zero or negative),
		// set scale to zero to effectively hide it and log a warning.
		introBackground.scale.set(0, 0);
		console.log("Warning: IntroBackground asset has invalid dimensions (width: " + assetWidth + ", height: " + assetHeight + "). Cannot scale appropriately.");
	}
	// Add start button
	var startButton = introContainer.attachAsset('Startbutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 400,
		// Lowered by 200px (was 200)
		scaleX: 4,
		scaleY: 1.5
	});
	// Make button interactive
	startButton.interactive = true;
	// Add button press handler
	startButton.down = function () {
		startGame();
	};
	// Add blinking animation to the start button
	tween(startButton, {
		alpha: 0.5
	}, {
		duration: 800,
		// Duration of the blink
		easing: tween.linear,
		onFinish: function onFinish() {
			tween(startButton, {
				alpha: 1
			}, {
				duration: 800,
				easing: tween.linear,
				onFinish: function onFinish() {
					// Loop the animation
					tween(startButton, {
						alpha: 0.5
					}, {
						duration: 800,
						easing: tween.linear,
						onFinish: arguments.callee
					});
				}
			});
		}
	});
	// Add to GUI center instead of game
	LK.gui.center.addChild(introContainer);
}
function startGame() {
	if (gameStarted) {
		return;
	}
	// Set gameStarted immediately to prevent multiple calls
	gameStarted = true;
	// Remove intro screen
	if (introContainer) {
		introContainer.destroy();
		introContainer = null;
	}
	// Show game UI elements
	scoreText.visible = true;
	depthText.visible = true;
	treasureContainer.visible = true;
	// Initialize game
	initializeTerrain();
	player = game.addChild(new Player());
	player.x = 1024;
	player.y = 200;
}
// Create intro screen instead of starting game immediately
createIntroScreen();
game.down = function (x, y, obj) {
	if (!gameStarted) {
		return;
	}
	isDragging = true;
	// Clamp target position to game boundaries
	targetX = Math.max(0, Math.min(x, 2048));
	targetY = Math.max(0, Math.min(y, 2732));
};
game.move = function (x, y, obj) {
	if (!gameStarted) {
		return;
	}
	// Clamp target position to game boundaries
	targetX = Math.max(0, Math.min(x, 2048));
	targetY = Math.max(0, Math.min(y, 2732));
};
game.up = function (x, y, obj) {
	if (!gameStarted) {
		return;
	}
	isDragging = false;
};
game.update = function () {
	if (!gameStarted) {
		return;
	}
	if (player && targetX !== null && targetY !== null) {
		movePlayerTowardsTarget();
	}
};

===================================================================
--- original.js
+++ change.js
@@ -299,19 +299,23 @@
 		anchorY: 0.5,
 		x: 0,
 		y: 0
 	});
-	// Scale background to exactly fit the screen dimensions 2048x2732
+	// Scale background to fit within screen boundaries 2048x2732
 	var screenWidth = 2048;
 	var screenHeight = 2732;
 	var assetWidth = introBackground.width;
 	var assetHeight = introBackground.height;
 	// Defensively check for valid, positive asset dimensions before calculating scale
 	if (assetWidth > 0 && assetHeight > 0) {
 		var scaleToWidth = screenWidth / assetWidth;
 		var scaleToHeight = screenHeight / assetHeight;
-		// Use the exact scale factors to stretch and fill the screen, so no part is outside
-		introBackground.scale.set(scaleToWidth, scaleToHeight);
+		// Use the smaller scale to ensure the entire image fits within screen boundaries
+		var scale = Math.min(scaleToWidth, scaleToHeight);
+		introBackground.scale.set(scale, scale);
+		// Center the background if it doesn't fill the entire screen
+		introBackground.x = 0;
+		introBackground.y = 0;
 	} else {
 		// If asset dimensions are invalid (e.g., zero or negative),
 		// set scale to zero to effectively hide it and log a warning.
 		introBackground.scale.set(0, 0);