===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,276 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
+* Classes
+****/ 
+// LetterTile: Represents a single letter in the grid
+var LetterTile = Container.expand(function () {
+	var self = Container.call(this);
+	self.letter = '';
+	self.selected = false;
+	// Attach the tile background
+	self.bg = self.attachAsset('letterTile_A', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	// Attach the letter text
+	self.letterText = new Text2('', {
+		size: 90,
+		fill: 0xFFFFFF
+	});
+	self.letterText.anchor.set(0.5, 0.5);
+	self.addChild(self.letterText);
+	// Highlight overlay (hidden by default)
+	self.highlight = self.attachAsset('tileHighlight', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.highlight.alpha = 0;
+	self.addChild(self.highlight);
+	// Set the letter and update visuals
+	self.setLetter = function (ch) {
+		self.letter = ch;
+		self.letterText.setText(ch);
+		// Swap background asset for color variety
+		self.bg.setAsset('letterTile_' + ch);
+	};
+	// Set selected state
+	self.setSelected = function (sel) {
+		self.selected = sel;
+		self.highlight.alpha = sel ? 0.4 : 0;
+	};
+	// Touch/click event
+	self.down = function (x, y, obj) {
+		if (!self.selected && !self.disabled) {
+			self.setSelected(true);
+			onTileSelected(self);
+		}
+	};
+	// For disabling tile after use
+	self.setDisabled = function (val) {
+		self.disabled = val;
+		self.alpha = val ? 0.4 : 1;
+	};
+	return self;
+});
+// Reshuffle Button
+var ReshuffleButton = Container.expand(function () {
+	var self = Container.call(this);
+	self.bg = self.attachAsset('reshuffleBtn', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.label = new Text2('Reshuffle', {
+		size: 60,
+		fill: "#fff"
+	});
+	self.label.anchor.set(0.5, 0.5);
+	self.addChild(self.label);
+	self.down = function (x, y, obj) {
+		reshuffleMatrix();
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0x222a36
+});
+
+/**** 
+* Game Code
+****/ 
+// Letters: We'll use box shapes for each letter tile, and a highlight shape for selection.
+// --- Game Constants ---
+for (var i = 0; i < 26; i++) {}
+var GRID_ROWS = 5;
+var GRID_COLS = 5;
+var TILE_SIZE = 180;
+var TILE_GAP = 24;
+var GRID_TOP = 320;
+var GRID_LEFT = (2048 - (GRID_COLS * TILE_SIZE + (GRID_COLS - 1) * TILE_GAP)) / 2;
+// --- Game State ---
+var letterTiles = []; // 2D array [row][col]
+var selectedTiles = []; // Array of LetterTile
+var currentWord = '';
+var score = 0;
+var timeLeft = 300; // seconds (5 minutes)
+var timerInterval = null;
+var reshuffleBtn = null;
+var wordInputText = null;
+var submitBtn = null;
+var scoreText = null;
+var timerText = null;
+var usedWords = {}; // To prevent duplicate submissions
+// --- Helper: Generate a shuffled alphabet array ---
+function getShuffledAlphabet() {
+	var alphabet = [];
+	for (var i = 0; i < 26; i++) alphabet.push(String.fromCharCode(65 + i));
+	// Fisher-Yates shuffle
+	for (var i = alphabet.length - 1; i > 0; i--) {
+		var j = Math.floor(Math.random() * (i + 1));
+		var tmp = alphabet[i];
+		alphabet[i] = alphabet[j];
+		alphabet[j] = tmp;
+	}
+	return alphabet;
+}
+// --- Helper: Fill the grid with shuffled letters ---
+function fillGrid() {
+	var letters = getShuffledAlphabet();
+	var idx = 0;
+	for (var r = 0; r < GRID_ROWS; r++) {
+		for (var c = 0; c < GRID_COLS; c++) {
+			var tile = letterTiles[r][c];
+			var ch = letters[idx % letters.length];
+			tile.setLetter(ch);
+			tile.setSelected(false);
+			tile.setDisabled(false);
+			idx++;
+		}
+	}
+}
+// --- Helper: Clear current selection ---
+function clearSelection() {
+	for (var i = 0; i < selectedTiles.length; i++) {
+		selectedTiles[i].setSelected(false);
+	}
+	selectedTiles = [];
+	currentWord = '';
+	updateWordInput();
+}
+// --- Helper: Update the word input display ---
+function updateWordInput() {
+	wordInputText.setText(currentWord);
+}
+// --- Helper: Handle tile selection ---
+function onTileSelected(tile) {
+	selectedTiles.push(tile);
+	currentWord += tile.letter;
+	updateWordInput();
+}
+// --- Helper: Submit word ---
+function submitWord() {
+	var word = currentWord;
+	if (word.length < 2) {
+		// Too short, flash input
+		LK.effects.flashObject(wordInputText, 0xff0000, 400);
+		return;
+	}
+	var wordKey = word.toUpperCase();
+	if (usedWords[wordKey]) {
+		LK.effects.flashObject(wordInputText, 0xff0000, 400);
+		return;
+	}
+	// Accept any word (no dictionary check for MVP)
+	usedWords[wordKey] = true;
+	score += 1;
+	scoreText.setText(score);
+	// Animate tiles
+	for (var i = 0; i < selectedTiles.length; i++) {
+		var t = selectedTiles[i];
+		t.setDisabled(true);
+		tween(t, {
+			alpha: 0.2
+		}, {
+			duration: 300,
+			easing: tween.easeOut
+		});
+	}
+	clearSelection();
+}
+// --- Helper: Reshuffle matrix ---
+function reshuffleMatrix() {
+	fillGrid();
+	clearSelection();
+}
+// --- Helper: Timer tick ---
+function onTimerTick() {
+	timeLeft--;
+	var min = Math.floor(timeLeft / 60);
+	var sec = timeLeft % 60;
+	timerText.setText((min < 10 ? '0' : '') + min + ':' + (sec < 10 ? '0' : '') + sec);
+	if (timeLeft <= 0) {
+		LK.showGameOver();
+	}
+}
+// --- Build UI ---
+// Score display (top center)
+scoreText = new Text2('0', {
+	size: 120,
+	fill: "#fff"
+});
+scoreText.anchor.set(0.5, 0);
+LK.gui.top.addChild(scoreText);
+// Timer display (top right)
+timerText = new Text2('05:00', {
+	size: 90,
+	fill: "#fff"
+});
+timerText.anchor.set(1, 0);
+LK.gui.topRight.addChild(timerText);
+// Word input display (center, above grid)
+wordInputText = new Text2('', {
+	size: 100,
+	fill: 0xF9D423
+});
+wordInputText.anchor.set(0.5, 1);
+wordInputText.x = 2048 / 2;
+wordInputText.y = GRID_TOP - 40;
+game.addChild(wordInputText);
+// Submit button (below word input)
+submitBtn = new Container();
+var submitBtnBg = submitBtn.attachAsset('reshuffleBtn', {
+	anchorX: 0.5,
+	anchorY: 0.5
+});
+submitBtnBg.width = 320;
+submitBtnBg.height = 120;
+var submitBtnLabel = new Text2('Submit', {
+	size: 60,
+	fill: "#fff"
+});
+submitBtnLabel.anchor.set(0.5, 0.5);
+submitBtn.addChild(submitBtnLabel);
+submitBtn.x = 2048 / 2;
+submitBtn.y = wordInputText.y + 80;
+submitBtn.down = function (x, y, obj) {
+	submitWord();
+};
+game.addChild(submitBtn);
+// Reshuffle button (below grid)
+reshuffleBtn = new ReshuffleButton();
+reshuffleBtn.x = 2048 / 2;
+reshuffleBtn.y = GRID_TOP + GRID_ROWS * (TILE_SIZE + TILE_GAP) + 80;
+game.addChild(reshuffleBtn);
+// --- Build Letter Grid ---
+for (var r = 0; r < GRID_ROWS; r++) {
+	letterTiles[r] = [];
+	for (var c = 0; c < GRID_COLS; c++) {
+		var tile = new LetterTile();
+		tile.x = GRID_LEFT + c * (TILE_SIZE + TILE_GAP) + TILE_SIZE / 2;
+		tile.y = GRID_TOP + r * (TILE_SIZE + TILE_GAP) + TILE_SIZE / 2;
+		game.addChild(tile);
+		letterTiles[r][c] = tile;
+	}
+}
+fillGrid();
+// --- Game Touch Handling ---
+// (Handled by LetterTile.down for selection, submitBtn.down for submit, reshuffleBtn.down for reshuffle)
+// --- Timer ---
+timerInterval = LK.setInterval(onTimerTick, 1000);
+// --- Game Over Handling ---
+// (Handled by LK.showGameOver when timer runs out)
+// --- Game Update (not needed for MVP, but required by LK) ---
+game.update = function () {
+	// No per-frame logic needed for MVP
+};
+// --- Clean up on game over ---
+game.onDestroy = function () {
+	LK.clearInterval(timerInterval);
+};
\ No newline at end of file