The user wants me to create a single-page web app that renders an interactive 3D Rubik's Cube using Three.js. The requirements are:
1. Use the pre-provided three.min.js file (load it with <script src="three.min.js">)
2. Make it a self-contained index.html file with CSS in <style> and JS in <script>
3. Features needed:
   - Interactive 3D Rubik's Cube
   - Clickable face rotations
   - Orbit-drag camera
   - Scramble button
4. No external resources, CDNs, or network requests

Let me think about the implementation:
1. Load three.min.js from the current directory
2. Create a Rubik's Cube with 3x3x3 smaller cubes
3. Implement face rotation logic (when clicking on a face, rotate that face)
4. Add orbit controls for camera (I'll need to implement this manually since we can't use OrbitControls from CDN)
5. Add a scramble button that randomly rotates faces

Since we can't use external resources, I'll need to implement orbit controls manually or use a simple version. Actually, Three.js doesn't include orbit controls in the main build - it's usually a separate file. But the user said to use the pre-provided three.min.js, so I'll need to implement basic orbit controls myself.

Let me create the index.html file with all the necessary

The user wants me to create a single-page web app with an interactive 3D Rubik's Cube. The requirements are:
1. Use the pre-provided three.min.js (global THREE)
2. CSS in a <style> tag, JS in a <script> tag, inline
3. NO external resources, CDNs or network requests
4. The app should have:
   - Interactive 3D Rubik's Cube
   - Clickable face rotations
   - Orbit-drag camera
   - A scramble button

Since three.min.js is already present, I need to load it with <script src="three.min.js"></script>

I'll need to:
1. Create a Three.js scene with a Rubik's Cube (3x3x3 grid of cubes)
2. Each small cube should have colored faces (standard Rubik's colors: white, yellow, red, orange, blue, green)
3. Implement clickable face detection to rotate faces
4. Implement orbit camera controls (mouse drag to rotate view)
5. Add a scramble button that randomly rotates faces
6. Make it all self-contained in one index.html file

Let me build this step by step:

1. HTML structure with canvas and button
2. CSS for styling
3. JavaScript with:
   - Three.js scene setup
   - Rubik's Cube creation (27 small cubes with proper coloring)
   - Raycaster for face click detection
   - Face rotation animation
   - Orbit camera controls (manual implementation since we can't use OrbitControls from CDN)
   - Scramble functionality

Since we can't use external OrbitControls, I'll implement basic orbit controls manually.

Let me write the complete index.html file.

The user asked me to build a single-page web app with an interactive 3D Rubik's Cube using Three.js. I've created the index.html file with all the required features:

1. ✅ Self-contained in one index.html file
2. ✅ CSS in a <style> tag
3. ✅ JS in a <script> tag
4. ✅ Loads three.min.js from the local directory (not CDN)
5. ✅ No external resources, CDNs, or network requests
6. ✅ Interactive 3D Rubik's Cube
7. ✅ Clickable face rotations (click on a face to select it, then use CW/CCW buttons)
8. ✅ Orbit-drag camera (click and drag to rotate the view)
9. ✅ Scramble button

Let me verify the file was created correctly and show the user what was