2048 · gpt-4.1-nano

Build a playable 2048 game using HTML elements and CSS with a 4 by 4 board. Use HTML, CSS, and JavaScript as needed. Write it to `index.html` in the current working directory using your file tools. Inline your own CSS and JavaScript. Do not use external assets, CDNs, or network requests. No third-party libraries are provided. Required behavior: - Arrow keys slide tiles toward the selected edge. Adjacent equal tiles merge once per tile per move, and the score increases by the value of each new merged tile. - For example, moving [2, 2, 2, 2] left produces [4, 4, 0, 0], not [8, 0, 0, 0]. Moving [2, 2, 4, 0] left produces [4, 4, 0, 0]. These examples describe the move before spawning a new tile. - Start with two tiles. After a move that changes the board, spawn exactly one tile in an empty cell: 2 with 90% probability, otherwise 4. Do not spawn after an unchanged move. - Animate movement and merging without allowing rapid input to corrupt board state. Prevent arrow keys from scrolling the page. - Show score, a win message on reaching 2048, and Game Over only when no valid move remains. Provide New Game to reset board and score; allow continuing after a win. Verify: Play a short sequence of arrow-key moves and check that tiles slide, a valid move adds a tile, and any observed merge updates the score by its merged value. Use New Game and check that the board returns to two tiles with a reset score.