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

/**** 
* Classes
****/ 
// BingoCell: Represents a single cell on the bingo card
var BingoCell = Container.expand(function () {
	var self = Container.call(this);
	// Properties
	self.number = 0;
	self.marked = false;
	// Create cell background
	var cellBg = self.attachAsset('bingoCellBg', {
		width: cellSize,
		height: cellSize,
		color: 0xffffff,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Number text
	var numberText = new Text2('', {
		size: Math.floor(cellSize * 0.45),
		fill: 0x222222
	});
	numberText.anchor.set(0.5, 0.5);
	self.addChild(numberText);
	// Mark overlay (hidden by default)
	var markOverlay = self.attachAsset('bingoMark', {
		width: cellSize * 0.7,
		height: cellSize * 0.7,
		color: 0x4caf50,
		shape: 'ellipse',
		anchorX: 0.5,
		anchorY: 0.5
	});
	markOverlay.alpha = 0;
	self.markOverlay = markOverlay;
	// Set number and update text
	self.setNumber = function (num) {
		self.number = num;
		numberText.setText(num > 0 ? num : '');
	};
	// Mark/unmark cell
	self.setMarked = function (val) {
		self.marked = val;
		if (val) {
			tween(markOverlay, {
				alpha: 0.7
			}, {
				duration: 200,
				easing: tween.easeOut
			});
			numberText.setText(self.number);
			numberText.setStyle({
				fill: 0xFFFFFF
			});
		} else {
			tween(markOverlay, {
				alpha: 0
			}, {
				duration: 200,
				easing: tween.easeOut
			});
			numberText.setStyle({
				fill: 0x222222
			});
		}
	};
	// Touch event
	self.down = function (x, y, obj) {
		if (self.marked) return;
		if (game.state !== 'playing') return;
		if (self.number === game.currentNumber) {
			self.setMarked(true);
			LK.effects.flashObject(self, 0x4caf50, 200);
			// Streak logic
			if (typeof streak !== "undefined") {
				streak++;
				streakText.setText("Streak: " + streak);
				if (streak > 1) {
					// Bonus: add 1s per streak above 1
					timeLeft += 1000;
					tween(streakText, {
						scaleX: 1.3,
						scaleY: 1.3
					}, {
						duration: 100,
						yoyo: true,
						repeat: 1,
						easing: tween.easeOut
					});
				}
			}
			game.checkWin();
		} else {
			if (typeof streak !== "undefined") {
				streak = 0;
				streakText.setText("");
			}
			LK.effects.flashObject(self, 0xff0000, 200);
		}
	};
	return self;
});
// CalledNumberBall: Shows a called number as a round ball
var CalledNumberBall = Container.expand(function () {
	var self = Container.call(this);
	// Ball background
	var ball = self.attachAsset('bingoBall', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Number text
	var numberText = new Text2('', {
		size: 60,
		fill: 0x222222
	});
	numberText.anchor.set(0.5, 0.5);
	numberText.x = 0;
	numberText.y = 0;
	self.addChild(numberText);
	self.setNumber = function (num) {
		numberText.setText(num);
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Functions ---
// --- Hint Power-Up Button ---
var hintButton = new Container();
var hintBg = hintButton.attachAsset('bingoCellBg', {
	width: 180,
	height: 90,
	color: 0x4caf50,
	anchorX: 0.5,
	anchorY: 0.5
});
var hintText = new Text2('Hint', {
	size: 48,
	fill: 0xffffff
});
hintText.anchor.set(0.5, 0.5);
hintButton.addChild(hintText);
hintButton.x = 2048 - 200;
hintButton.y = 320;
hintButton.scale.set(1, 1);
hintButton.interactive = true;
hintButton.visible = true;
game.addChild(hintButton);
// Hint button logic
hintButton.down = function (x, y, obj) {
	if (!hintAvailable || hintUsed || game.state !== 'playing') return;
	var found = false;
	for (var i = 0; i < bingoCells.length; i++) {
		var cell = bingoCells[i];
		if (cell.number === game.currentNumber && !cell.marked) {
			// Animate a highlight pulse
			tween(cell.scale, {
				x: 1.3,
				y: 1.3
			}, {
				duration: 180,
				yoyo: true,
				repeat: 1,
				easing: tween.easeOut
			});
			tween(cell, {
				alpha: 0.5
			}, {
				duration: 100,
				yoyo: true,
				repeat: 1,
				easing: tween.easeOut
			});
			found = true;
		}
	}
	if (found) {
		hintUsed = true;
		hintAvailable = false;
		hintButton.visible = false;
	}
};
var hintAvailable = true;
var hintUsed = false;
var gridSize = 5; // 5x5 bingo
var cellSize = 300; // px, will be scaled to fit
var cardPadding = 30;
var cardWidth = gridSize * cellSize;
var cardHeight = gridSize * cellSize;
var cardStartX = (2048 - cardWidth) / 2;
var cardStartY = 400;
var callIntervalStart = 3500; // ms (slower initial call speed)
var callIntervalMin = 1200; // ms (slower minimum speed)
var callIntervalStep = 60; // ms, decrease per call (slower speedup)
var gameDuration = 180000; // ms (3 min)
var numbersRange = 75; // 1-75
// --- State ---
var bingoCells = [];
var calledNumbers = [];
var availableNumbers = [];
var callTimer = null;
var timeLeft = gameDuration;
var timerInterval = null;
var cardNumbers = [];
var gameOver = false;
// --- UI Elements ---
// Container for called number balls
var calledBallsContainer = new Container();
calledBallsContainer.x = 2048 / 2;
calledBallsContainer.y = 120;
game.addChild(calledBallsContainer);
// Show the latest called numbers as balls (max 6)
function updateCalledBallsUI() {
	// Remove old balls
	while (calledBallsContainer.children.length > 0) {
		calledBallsContainer.removeChild(calledBallsContainer.children[0]);
	}
	var maxBalls = 6;
	var startIdx = Math.max(0, calledNumbers.length - maxBalls);
	var ballsToShow = calledNumbers.slice(startIdx);
	var spacing = 130;
	var totalWidth = (ballsToShow.length - 1) * spacing;
	for (var i = 0; i < ballsToShow.length; i++) {
		var ball = new CalledNumberBall();
		ball.setNumber(ballsToShow[i]);
		ball.x = -totalWidth / 2 + i * spacing;
		ball.y = 0;
		// Animate in the newest ball
		if (i === ballsToShow.length - 1) {
			ball.scale.x = 0.1;
			ball.scale.y = 0.1;
			tween(ball.scale, {
				x: 1,
				y: 1
			}, {
				duration: 180,
				easing: tween.easeOut
			});
		}
		calledBallsContainer.addChild(ball);
	}
}
var numberCallText = new Text2('', {
	size: 180,
	fill: 0xFFD600
});
numberCallText.anchor.set(0.5, 0.5);
numberCallText.x = 2048 / 2;
numberCallText.y = 220;
game.addChild(numberCallText);
var streak = 0;
var streakText = new Text2('', {
	size: 80,
	fill: 0x00e676
});
streakText.anchor.set(0.5, 0);
streakText.x = 2048 / 2;
streakText.y = 320;
game.addChild(streakText);
var timerText = new Text2('', {
	size: 90,
	fill: 0xFFFFFF
});
timerText.anchor.set(0.5, 0);
LK.gui.top.addChild(timerText);
var winText = new Text2('', {
	size: 120,
	fill: 0x4CAF50
});
winText.anchor.set(0.5, 0.5);
winText.x = 2048 / 2;
winText.y = 2732 / 2;
winText.visible = false;
game.addChild(winText);
// --- Functions ---
// Generate a random bingo card (5x5, center is free)
function generateCardNumbers() {
	var nums = [];
	var used = [];
	for (var col = 0; col < gridSize; col++) {
		var colNums = [];
		var min = col * 15 + 1;
		var max = min + 14;
		for (var row = 0; row < gridSize; row++) {
			if (col === 2 && row === 2) {
				colNums.push(0); // Free space
				continue;
			}
			var n;
			do {
				n = min + Math.floor(Math.random() * (max - min + 1));
			} while (used.indexOf(n) !== -1);
			used.push(n);
			colNums.push(n);
		}
		nums.push(colNums);
	}
	return nums;
}
// Create bingo card UI
function createBingoCard() {
	bingoCells = [];
	cardNumbers = generateCardNumbers();
	for (var col = 0; col < gridSize; col++) {
		for (var row = 0; row < gridSize; row++) {
			var cell = new BingoCell();
			var x = cardStartX + col * cellSize + cellSize / 2;
			var y = cardStartY + row * cellSize + cellSize / 2;
			cell.x = x;
			cell.y = y;
			var num = cardNumbers[col][row];
			cell.setNumber(num);
			if (col === 2 && row === 2) {
				cell.setMarked(true); // Free space
			}
			game.addChild(cell);
			bingoCells.push(cell);
		}
	}
}
// Start a new game
function startGame() {
	game.state = 'playing';
	gameOver = false;
	calledNumbers = [];
	availableNumbers = [];
	for (var i = 1; i <= numbersRange; i++) availableNumbers.push(i);
	createBingoCard();
	numberCallText.setText('');
	winText.visible = false;
	updateCalledBallsUI();
	hintAvailable = true;
	hintUsed = false;
	hintButton.visible = true;
	timeLeft = gameDuration;
	updateTimerText();
	if (timerInterval) LK.clearInterval(timerInterval);
	timerInterval = LK.setInterval(function () {
		timeLeft -= 100;
		if (timeLeft < 0) timeLeft = 0;
		updateTimerText();
		if (timeLeft <= 0 && !gameOver) {
			endGame(false);
		}
	}, 100);
	nextNumberCall(callIntervalStart);
}
// Call the next number
game.currentNumber = null;
function nextNumberCall(interval) {
	if (gameOver) return;
	if (availableNumbers.length === 0) {
		endGame(false);
		return;
	}
	var idx = Math.floor(Math.random() * availableNumbers.length);
	var num = availableNumbers[idx];
	availableNumbers.splice(idx, 1);
	calledNumbers.push(num);
	game.currentNumber = num;
	numberCallText.setText(num);
	LK.effects.flashObject(numberCallText, 0xffd600, 300);
	// Update called balls UI
	updateCalledBallsUI();
	// Pulse the matching cell(s) on the card
	for (var i = 0; i < bingoCells.length; i++) {
		if (bingoCells[i].number === num && !bingoCells[i].marked) {
			tween(bingoCells[i].scale, {
				x: 1.2,
				y: 1.2
			}, {
				duration: 120,
				yoyo: true,
				repeat: 1,
				easing: tween.easeOut
			});
		}
	}
	// Speed up calls as game progresses
	var nextInterval = Math.max(callIntervalMin, interval - callIntervalStep);
	if (callTimer) LK.clearTimeout(callTimer);
	callTimer = LK.setTimeout(function () {
		nextNumberCall(nextInterval);
	}, nextInterval);
}
// Update timer UI
function updateTimerText() {
	var sec = Math.ceil(timeLeft / 1000);
	timerText.setText("Time: " + sec + "s");
}
// Check for win (row, col, diag)
game.checkWin = function () {
	// Build marked grid
	var marked = [];
	for (var col = 0; col < gridSize; col++) {
		marked[col] = [];
		for (var row = 0; row < gridSize; row++) {
			var idx = col * gridSize + row;
			marked[col][row] = bingoCells[idx].marked;
		}
	}
	// Check rows
	for (var row = 0; row < gridSize; row++) {
		var win = true;
		for (var col = 0; col < gridSize; col++) {
			if (!marked[col][row]) win = false;
		}
		if (win) return endGame(true);
	}
	// Check cols
	for (var col = 0; col < gridSize; col++) {
		var win = true;
		for (var row = 0; row < gridSize; row++) {
			if (!marked[col][row]) win = false;
		}
		if (win) return endGame(true);
	}
	// Check diag TL-BR
	var win = true;
	for (var i = 0; i < gridSize; i++) {
		if (!marked[i][i]) win = false;
	}
	if (win) return endGame(true);
	// Check diag TR-BL
	win = true;
	for (var i = 0; i < gridSize; i++) {
		if (!marked[gridSize - 1 - i][i]) win = false;
	}
	if (win) return endGame(true);
};
// End game: win or lose
function endGame(won) {
	gameOver = true;
	game.state = 'ended';
	if (callTimer) LK.clearTimeout(callTimer);
	if (timerInterval) LK.clearInterval(timerInterval);
	if (won) {
		// Helper to highlight a line
		var highlightLine = function highlightLine(indices) {
			for (var i = 0; i < indices.length; i++) {
				var idx = indices[i];
				var cell = bingoCells[idx];
				tween(cell.markOverlay, {
					alpha: 1
				}, {
					duration: 300,
					easing: tween.easeOut
				});
				cell.markOverlay.color = 0xffd600;
			}
		}; // Check rows
		winText.setText("BINGO!\nYou Win!");
		winText.style.fill = "#4caf50";
		LK.effects.flashScreen(0x4caf50, 1000);
		// Highlight the winning line(s)
		// Rebuild marked grid
		var marked = [];
		for (var col = 0; col < gridSize; col++) {
			marked[col] = [];
			for (var row = 0; row < gridSize; row++) {
				var idx = col * gridSize + row;
				marked[col][row] = bingoCells[idx].marked;
			}
		}
		for (var row = 0; row < gridSize; row++) {
			var win = true;
			var indices = [];
			for (var col = 0; col < gridSize; col++) {
				if (!marked[col][row]) win = false;
				indices.push(col * gridSize + row);
			}
			if (win) highlightLine(indices);
		}
		// Check cols
		for (var col = 0; col < gridSize; col++) {
			var win = true;
			var indices = [];
			for (var row = 0; row < gridSize; row++) {
				if (!marked[col][row]) win = false;
				indices.push(col * gridSize + row);
			}
			if (win) highlightLine(indices);
		}
		// Check diag TL-BR
		var win = true;
		var indices = [];
		for (var i = 0; i < gridSize; i++) {
			if (!marked[i][i]) win = false;
			indices.push(i * gridSize + i);
		}
		if (win) highlightLine(indices);
		// Check diag TR-BL
		win = true;
		indices = [];
		for (var i = 0; i < gridSize; i++) {
			if (!marked[gridSize - 1 - i][i]) win = false;
			indices.push((gridSize - 1 - i) * gridSize + i);
		}
		if (win) highlightLine(indices);
		LK.showYouWin();
	} else {
		winText.setText("Time's Up!\nGame Over");
		winText.style.fill = "#ff1744";
		LK.effects.flashScreen(0xff1744, 1000);
		LK.showGameOver();
	}
	winText.visible = true;
}
// --- Input: Restart on game over/win ---
game.down = function (x, y, obj) {
	if (game.state === 'ended') {
		// Wait for LK to reset game
	}
};
// --- Start ---
startGame();

===================================================================
--- original.js
+++ change.js
@@ -139,8 +139,29 @@
 /**** 
 * Game Code
 ****/ 
 // --- Functions ---
+// --- Hint Power-Up Button ---
+var hintButton = new Container();
+var hintBg = hintButton.attachAsset('bingoCellBg', {
+	width: 180,
+	height: 90,
+	color: 0x4caf50,
+	anchorX: 0.5,
+	anchorY: 0.5
+});
+var hintText = new Text2('Hint', {
+	size: 48,
+	fill: 0xffffff
+});
+hintText.anchor.set(0.5, 0.5);
+hintButton.addChild(hintText);
+hintButton.x = 2048 - 200;
+hintButton.y = 320;
+hintButton.scale.set(1, 1);
+hintButton.interactive = true;
+hintButton.visible = true;
+game.addChild(hintButton);
 // Hint button logic
 hintButton.down = function (x, y, obj) {
 	if (!hintAvailable || hintUsed || game.state !== 'playing') return;
 	var found = false;
@@ -173,29 +194,8 @@
 		hintAvailable = false;
 		hintButton.visible = false;
 	}
 };
-// --- Hint Power-Up Button ---
-var hintButton = new Container();
-var hintBg = hintButton.attachAsset('bingoCellBg', {
-	width: 180,
-	height: 90,
-	color: 0x4caf50,
-	anchorX: 0.5,
-	anchorY: 0.5
-});
-var hintText = new Text2('Hint', {
-	size: 48,
-	fill: 0xffffff
-});
-hintText.anchor.set(0.5, 0.5);
-hintButton.addChild(hintText);
-hintButton.x = 2048 - 200;
-hintButton.y = 320;
-hintButton.scale.set(1, 1);
-hintButton.interactive = true;
-hintButton.visible = true;
-game.addChild(hintButton);
 var hintAvailable = true;
 var hintUsed = false;
 var gridSize = 5; // 5x5 bingo
 var cellSize = 300; // px, will be scaled to fit