===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,436 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
+* Classes
+****/ 
+// BlockShape: A draggable group of blocks (the "piece" the player places)
+var BlockShape = Container.expand(function () {
+	var self = Container.call(this);
+	// shapeData: {matrix: [[0,1,0],[1,1,1]], color: 'block_blue'}
+	self.init = function (shapeData) {
+		self.shapeData = shapeData;
+		self.blocks = [];
+		// Remove previous children if any
+		while (self.children.length) self.removeChild(self.children[0]);
+		// Draw blocks
+		for (var r = 0; r < shapeData.matrix.length; r++) {
+			for (var c = 0; c < shapeData.matrix[r].length; c++) {
+				if (shapeData.matrix[r][c]) {
+					var block = self.attachAsset(shapeData.color, {
+						anchorX: 0.5,
+						anchorY: 0.5,
+						x: c * 200,
+						y: r * 200
+					});
+					self.blocks.push(block);
+				}
+			}
+		}
+		// Center anchor
+		var w = shapeData.matrix[0].length * 200;
+		var h = shapeData.matrix.length * 200;
+		self.pieceWidth = w;
+		self.pieceHeight = h;
+		self.pivot.x = w / 2 - 100;
+		self.pivot.y = h / 2 - 100;
+	};
+	// Used for drag highlight
+	self.setAlpha = function (a) {
+		for (var i = 0; i < self.blocks.length; i++) {
+			self.blocks[i].alpha = a;
+		}
+	};
+	return self;
+});
+// BoardCell: A single cell on the board
+var BoardCell = Container.expand(function () {
+	var self = Container.call(this);
+	self.bg = self.attachAsset('cell_bg', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.block = null; // If occupied, this is the block asset
+	self.occupied = false;
+	self.setBlock = function (color) {
+		if (self.block) self.removeChild(self.block);
+		self.block = self.attachAsset(color, {
+			anchorX: 0.5,
+			anchorY: 0.5
+		});
+		self.occupied = true;
+	};
+	self.clearBlock = function () {
+		if (self.block) self.removeChild(self.block);
+		self.block = null;
+		self.occupied = false;
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0x181818
+});
+
+/**** 
+* Game Code
+****/ 
+// Block shapes/colors
+// --- Game Constants ---
+var GRID_SIZE = 8; // 8x8 grid
+var CELL_SIZE = 200; // px
+var BOARD_SIZE = GRID_SIZE * CELL_SIZE; // 1600px
+var BOARD_OFFSET_X = (2048 - BOARD_SIZE) / 2;
+var BOARD_OFFSET_Y = 300; // leave space for GUI at top
+// --- Block Shape Definitions ---
+var SHAPES = [
+// Single
+{
+	matrix: [[1]],
+	color: 'block_blue'
+},
+// 2x1
+{
+	matrix: [[1, 1]],
+	color: 'block_red'
+},
+// 1x2
+{
+	matrix: [[1], [1]],
+	color: 'block_green'
+},
+// 3x1
+{
+	matrix: [[1, 1, 1]],
+	color: 'block_yellow'
+},
+// 1x3
+{
+	matrix: [[1], [1], [1]],
+	color: 'block_purple'
+},
+// Square
+{
+	matrix: [[1, 1], [1, 1]],
+	color: 'block_orange'
+},
+// L
+{
+	matrix: [[1, 0], [1, 0], [1, 1]],
+	color: 'block_blue'
+},
+// Reverse L
+{
+	matrix: [[0, 1], [0, 1], [1, 1]],
+	color: 'block_red'
+},
+// T
+{
+	matrix: [[1, 1, 1], [0, 1, 0]],
+	color: 'block_green'
+},
+// S
+{
+	matrix: [[0, 1, 1], [1, 1, 0]],
+	color: 'block_yellow'
+},
+// Z
+{
+	matrix: [[1, 1, 0], [0, 1, 1]],
+	color: 'block_purple'
+},
+// 4x1
+{
+	matrix: [[1, 1, 1, 1]],
+	color: 'block_gray'
+},
+// 1x4
+{
+	matrix: [[1], [1], [1], [1]],
+	color: 'block_orange'
+}];
+// --- Board State ---
+var board = [];
+for (var r = 0; r < GRID_SIZE; r++) {
+	board[r] = [];
+	for (var c = 0; c < GRID_SIZE; c++) {
+		var cell = new BoardCell();
+		cell.x = BOARD_OFFSET_X + c * CELL_SIZE + CELL_SIZE / 2;
+		cell.y = BOARD_OFFSET_Y + r * CELL_SIZE + CELL_SIZE / 2;
+		board[r][c] = cell;
+		game.addChild(cell);
+	}
+}
+// --- Score Display ---
+var score = 0;
+var scoreTxt = new Text2('0', {
+	size: 120,
+	fill: 0xFFFFFF
+});
+scoreTxt.anchor.set(0.5, 0);
+LK.gui.top.addChild(scoreTxt);
+scoreTxt.setText(score);
+// --- Next Pieces ---
+var nextPieces = [null, null, null];
+var nextPieceContainers = [null, null, null];
+var PIECE_AREA_Y = BOARD_OFFSET_Y + BOARD_SIZE + 80;
+var PIECE_AREA_X = (2048 - (3 * 400 + 2 * 60)) / 2; // 3 pieces, 60px gap
+function randomShape() {
+	var idx = Math.floor(Math.random() * SHAPES.length);
+	// Deep copy matrix
+	var m = [];
+	for (var i = 0; i < SHAPES[idx].matrix.length; i++) {
+		m[i] = [];
+		for (var j = 0; j < SHAPES[idx].matrix[i].length; j++) {
+			m[i][j] = SHAPES[idx].matrix[i][j];
+		}
+	}
+	return {
+		matrix: m,
+		color: SHAPES[idx].color
+	};
+}
+function refillNextPieces() {
+	for (var i = 0; i < 3; i++) {
+		if (nextPieceContainers[i]) {
+			nextPieceContainers[i].destroy();
+			nextPieceContainers[i] = null;
+		}
+		var shape = randomShape();
+		var piece = new BlockShape();
+		piece.init(shape);
+		piece.x = PIECE_AREA_X + i * (400 + 60) + 200;
+		piece.y = PIECE_AREA_Y + 200;
+		piece.interactive = true;
+		nextPieces[i] = {
+			shape: shape,
+			piece: piece,
+			used: false
+		};
+		nextPieceContainers[i] = piece;
+		game.addChild(piece);
+	}
+}
+// --- Drag State ---
+var draggingPiece = null;
+var draggingIndex = -1;
+var dragOffsetX = 0;
+var dragOffsetY = 0;
+var dragValid = false;
+var dragTargetRow = -1;
+var dragTargetCol = -1;
+// --- Helper: Check if a piece can be placed at (row, col) ---
+function canPlace(shapeData, row, col) {
+	for (var r = 0; r < shapeData.matrix.length; r++) {
+		for (var c = 0; c < shapeData.matrix[r].length; c++) {
+			if (shapeData.matrix[r][c]) {
+				var br = row + r;
+				var bc = col + c;
+				if (br < 0 || br >= GRID_SIZE || bc < 0 || bc >= GRID_SIZE) return false;
+				if (board[br][bc].occupied) return false;
+			}
+		}
+	}
+	return true;
+}
+// --- Helper: Place a piece at (row, col) ---
+function placePiece(shapeData, row, col) {
+	for (var r = 0; r < shapeData.matrix.length; r++) {
+		for (var c = 0; c < shapeData.matrix[r].length; c++) {
+			if (shapeData.matrix[r][c]) {
+				var br = row + r;
+				var bc = col + c;
+				board[br][bc].setBlock(shapeData.color);
+			}
+		}
+	}
+}
+// --- Helper: Clear full lines, return number of lines cleared ---
+function clearLines() {
+	var fullRows = [];
+	var fullCols = [];
+	// Check rows
+	for (var r = 0; r < GRID_SIZE; r++) {
+		var full = true;
+		for (var c = 0; c < GRID_SIZE; c++) {
+			if (!board[r][c].occupied) {
+				full = false;
+				break;
+			}
+		}
+		if (full) fullRows.push(r);
+	}
+	// Check cols
+	for (var c = 0; c < GRID_SIZE; c++) {
+		var full = true;
+		for (var r = 0; r < GRID_SIZE; r++) {
+			if (!board[r][c].occupied) {
+				full = false;
+				break;
+			}
+		}
+		if (full) fullCols.push(c);
+	}
+	// Clear
+	for (var i = 0; i < fullRows.length; i++) {
+		var r = fullRows[i];
+		for (var c = 0; c < GRID_SIZE; c++) {
+			board[r][c].clearBlock();
+		}
+	}
+	for (var i = 0; i < fullCols.length; i++) {
+		var c = fullCols[i];
+		for (var r = 0; r < GRID_SIZE; r++) {
+			board[r][c].clearBlock();
+		}
+	}
+	return fullRows.length + fullCols.length;
+}
+// --- Helper: Check if any next piece can be placed ---
+function anyMovePossible() {
+	for (var i = 0; i < 3; i++) {
+		if (nextPieces[i] && !nextPieces[i].used) {
+			var shapeData = nextPieces[i].shape;
+			for (var r = 0; r <= GRID_SIZE - shapeData.matrix.length; r++) {
+				for (var c = 0; c <= GRID_SIZE - shapeData.matrix[0].length; c++) {
+					if (canPlace(shapeData, r, c)) return true;
+				}
+			}
+		}
+	}
+	return false;
+}
+// --- Drag and Drop Handlers ---
+function getBoardCellAt(x, y) {
+	// Convert global x,y to board row,col
+	var bx = x - BOARD_OFFSET_X;
+	var by = y - BOARD_OFFSET_Y;
+	var col = Math.floor(bx / CELL_SIZE);
+	var row = Math.floor(by / CELL_SIZE);
+	if (col < 0 || col >= GRID_SIZE || row < 0 || row >= GRID_SIZE) return null;
+	return {
+		row: row,
+		col: col
+	};
+}
+function handleMove(x, y, obj) {
+	if (draggingPiece) {
+		// Move piece
+		draggingPiece.x = x - dragOffsetX;
+		draggingPiece.y = y - dragOffsetY;
+		// Check if over board
+		var cell = getBoardCellAt(x, y);
+		dragValid = false;
+		dragTargetRow = -1;
+		dragTargetCol = -1;
+		if (cell) {
+			var shapeData = nextPieces[draggingIndex].shape;
+			// Snap to top-left of shape
+			var shapeRows = shapeData.matrix.length;
+			var shapeCols = shapeData.matrix[0].length;
+			var baseRow = cell.row - Math.floor(shapeRows / 2);
+			var baseCol = cell.col - Math.floor(shapeCols / 2);
+			if (canPlace(shapeData, baseRow, baseCol)) {
+				dragValid = true;
+				dragTargetRow = baseRow;
+				dragTargetCol = baseCol;
+				// Snap piece visually
+				draggingPiece.x = BOARD_OFFSET_X + (baseCol + shapeCols / 2) * CELL_SIZE;
+				draggingPiece.y = BOARD_OFFSET_Y + (baseRow + shapeRows / 2) * CELL_SIZE;
+			}
+		}
+		// Visual feedback
+		draggingPiece.setAlpha(dragValid ? 0.8 : 0.4);
+	}
+}
+game.move = handleMove;
+game.down = function (x, y, obj) {
+	// Check if touching a next piece
+	for (var i = 0; i < 3; i++) {
+		if (nextPieceContainers[i] && !nextPieces[i].used) {
+			var piece = nextPieceContainers[i];
+			// Bounding box
+			var px = piece.x;
+			var py = piece.y;
+			var w = piece.pieceWidth;
+			var h = piece.pieceHeight;
+			if (x >= px - w / 2 && x <= px + w / 2 && y >= py - h / 2 && y <= py + h / 2) {
+				draggingPiece = piece;
+				draggingIndex = i;
+				dragOffsetX = x - piece.x;
+				dragOffsetY = y - piece.y;
+				piece.setAlpha(0.4);
+				// Bring to front
+				game.removeChild(piece);
+				game.addChild(piece);
+				handleMove(x, y, obj);
+				break;
+			}
+		}
+	}
+};
+game.up = function (x, y, obj) {
+	if (draggingPiece) {
+		if (dragValid) {
+			// Place piece
+			var shapeData = nextPieces[draggingIndex].shape;
+			placePiece(shapeData, dragTargetRow, dragTargetCol);
+			nextPieces[draggingIndex].used = true;
+			draggingPiece.visible = false;
+			LK.getSound('place').play();
+			// Clear lines
+			var cleared = clearLines();
+			if (cleared > 0) {
+				score += cleared * 10;
+				LK.getSound('clear').play();
+				// Flash effect
+				LK.effects.flashObject(scoreTxt, 0xffff00, 400);
+			} else {
+				score += shapeData.matrix.flat().reduce(function (a, b) {
+					return a + b;
+				}, 0);
+			}
+			scoreTxt.setText(score);
+			// If all 3 used, refill
+			var allUsed = true;
+			for (var i = 0; i < 3; i++) {
+				if (!nextPieces[i].used) allUsed = false;
+			}
+			if (allUsed) {
+				refillNextPieces();
+			}
+			// Check for game over
+			if (!anyMovePossible()) {
+				LK.getSound('fail').play();
+				LK.effects.flashScreen(0xff0000, 800);
+				LK.showGameOver();
+			}
+		} else {
+			// Snap back
+			tween(draggingPiece, {
+				x: PIECE_AREA_X + draggingIndex * (400 + 60) + 200,
+				y: PIECE_AREA_Y + 200
+			}, {
+				duration: 200,
+				easing: tween.easeOut
+			});
+			draggingPiece.setAlpha(1);
+		}
+		draggingPiece = null;
+		draggingIndex = -1;
+		dragValid = false;
+		dragTargetRow = -1;
+		dragTargetCol = -1;
+	}
+};
+// --- Game Update ---
+game.update = function () {
+	// No per-frame logic needed for MVP
+};
+// --- Start Game ---
+refillNextPieces();
\ No newline at end of file