3D Rubik's Cube App

Build a complete, interactive 3D Rubik's Cube in a single HTML file using Three.js. WHAT IT DOES A fully functional 3D Rubik's Cube that the user can rotate, scramble, and solve. It's a visual and interactive demonstration of 3D math and animation. CORE FEATURES 1. 3D Cube A 3x3x3 Rubik's Cube rendered in Three.js Each face has a distinct color: White, Yellow, Red, Orange, Blue, Green Each small cube (cubie) is slightly separated for visual clarity Smooth, polished 3D rendering with good lighting 2. Controls OrbitControls: click and drag to rotate the view, scroll to zoom "Scramble" button: performs a random series of moves (15-20 moves) "Solve" button: reverses the scramble moves automatically Move speed: animations should be smooth and satisfying 3. UI & HUD "Scramble" button in the bottom left "Solve" button in the bottom right Move counter: shows how many moves have been made A clean, dark glass UI (dark mode, modern aesthetic) 4. Interaction Click on a face to rotate it (optional, but nice to have) Visual feedback when a move is being made No lag during animations 5. Technical Details Use Three.js from CDN All code in a single HTML file Smooth 60fps performance Mouse controls: drag to rotate, scroll to zoom Keyboard shortcut: 'R' to scramble, 'S' to solve Build a polished, interactive 3D Rubik's Cube that someone would actually want to play with.