diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Choose Your Own Procedural Adventure</title>
     <style>
-        /* [Keep all existing CSS rules here] */
         body {
             font-family: 'Courier New', monospace;
             background-color: #222;
@@ -39,7 +38,7 @@
             padding: 20px;
             overflow-y: auto;
             background-color: #333;
-            min-width: 280px; /* Increased min-width slightly */
+            min-width: 280px;
             height: 100%;
             box-sizing: border-box;
             display: flex;
@@ -60,14 +59,10 @@
         #story-content {
             margin-bottom: 20px;
             line-height: 1.6;
-            flex-grow: 1; /* Let story content grow */
+            flex-grow: 1;
         }
         #story-content p { margin-bottom: 1em; }
         #story-content p:last-child { margin-bottom: 0; }
-        #story-content .feedback-message { font-style: italic; margin-top: 1em; padding-left: 8px; border-left: 3px solid #888; } /* Generic feedback */
-        #story-content .feedback-success { color: #9f9; border-left-color: #4a4;} /* Success feedback */
-        #story-content .feedback-error { color: #f99; border-left-color: #a44;}   /* Error feedback */
-
 
         #stats-inventory-container {
             margin-bottom: 20px;
@@ -89,8 +84,6 @@
             border: 1px solid #666;
             white-space: nowrap;
         }
-         #stats-display .stat-gold { background-color: #666030; border-color: #999048;} /* Style gold */
-
         #stats-display strong, #inventory-display strong { color: #aaa; margin-right: 5px; }
         #inventory-display em { color: #888; font-style: normal; }
 
@@ -101,7 +94,7 @@
         #inventory-display .item-unknown { background-color: #555; border-color: #777;}
 
         #choices-container {
-            margin-top: auto; /* Push choices to bottom */
+            margin-top: auto;
             padding-top: 15px;
             border-top: 1px solid #555;
         }
@@ -119,16 +112,6 @@
         .choice-button:hover:not(:disabled) { background-color: #d4a017; color: #222; border-color: #b8860b; }
         .choice-button:disabled { background-color: #444; color: #888; cursor: not-allowed; border-color: #666; opacity: 0.7; }
 
-        /* Specific style for Sell buttons */
-        .sell-button {
-            background-color: #4a4a4a;
-            border-color: #6a6a6a;
-        }
-        .sell-button:hover:not(:disabled) {
-            background-color: #a07017; /* Different hover for sell */
-            border-color: #80500b;
-        }
-
         .roll-success { color: #7f7; border-left: 3px solid #4a4; padding-left: 8px; margin-bottom: 1em; font-size: 0.9em; }
         .roll-failure { color: #f77; border-left: 3px solid #a44; padding-left: 8px; margin-bottom: 1em; font-size: 0.9em; }
     </style>
@@ -139,7 +122,7 @@
         <div id="ui-container">
             <h2 id="story-title">Loading Adventure...</h2>
             <div id="story-content">
-                <p id="loading-message">Please wait while the adventure loads.</p>
+                <p>Please wait while the adventure loads.</p>
             </div>
             <div id="stats-inventory-container">
                 <div id="stats-display"></div>
@@ -164,21 +147,17 @@
     <script type="module">
         import * as THREE from 'three';
 
-        // DOM Element References
         const sceneContainer = document.getElementById('scene-container');
         const storyTitleElement = document.getElementById('story-title');
         const storyContentElement = document.getElementById('story-content');
         const choicesElement = document.getElementById('choices');
         const statsElement = document.getElementById('stats-display');
         const inventoryElement = document.getElementById('inventory-display');
-        const loadingMessageElement = document.getElementById('loading-message'); // Get reference to loading message
 
-        // Global Three.js Variables
         let scene, camera, renderer;
         let currentAssemblyGroup = null;
-        let loadingIntervalId = null; // Variable to hold the timer ID
 
-        // --- Materials --- [Unchanged]
+        // Materials
         const stoneMaterial = new THREE.MeshStandardMaterial({ color: 0x888888, roughness: 0.8, metalness: 0.1 });
         const woodMaterial = new THREE.MeshStandardMaterial({ color: 0x8B4513, roughness: 0.7, metalness: 0 });
         const darkWoodMaterial = new THREE.MeshStandardMaterial({ color: 0x5C3D20, roughness: 0.7, metalness: 0 });
@@ -195,246 +174,818 @@
         const wetStoneMaterial = new THREE.MeshStandardMaterial({ color: 0x2F4F4F, roughness: 0.7 });
         const glowMaterial = new THREE.MeshStandardMaterial({ color: 0x00FFAA, emissive: 0x00FFAA, emissiveIntensity: 0.5 });
 
+        function initThreeJS() {
+            if (!sceneContainer) { console.error("Scene container not found!"); return; }
+            scene = new THREE.Scene();
+            scene.background = new THREE.Color(0x222222);
+            const width = sceneContainer.clientWidth;
+            const height = sceneContainer.clientHeight;
+            camera = new THREE.PerspectiveCamera(75, (width / height) || 1, 0.1, 1000);
+            camera.position.set(0, 2.5, 7);
+            camera.lookAt(0, 0.5, 0);
+            renderer = new THREE.WebGLRenderer({ antialias: true });
+            renderer.setSize(width || 400, height || 300);
+            renderer.shadowMap.enabled = true;
+            renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+            sceneContainer.appendChild(renderer.domElement);
+            const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);
+            scene.add(ambientLight);
+            window.addEventListener('resize', onWindowResize, false);
+            setTimeout(onWindowResize, 100);
+            animate();
+        }
 
-        // --- Three.js Setup --- [Unchanged]
-        function initThreeJS() { if (!sceneContainer) { console.error("Scene container not found!"); return false; } try { scene = new THREE.Scene(); scene.background = new THREE.Color(0x222222); const width = sceneContainer.clientWidth; const height = sceneContainer.clientHeight; if (!width || !height) { console.warn("Scene container has zero dimensions initially."); } camera = new THREE.PerspectiveCamera(75, (width / height) || 1, 0.1, 1000); camera.position.set(0, 2.5, 7); camera.lookAt(0, 0.5, 0); renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setSize(width || 400, height || 300); renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; sceneContainer.innerHTML = ''; sceneContainer.appendChild(renderer.domElement); const ambientLight = new THREE.AmbientLight(0xffffff, 0.5); scene.add(ambientLight); window.addEventListener('resize', onWindowResize, false); setTimeout(onWindowResize, 100); animate(); return true; } catch (error) { console.error("Error during Three.js initialization:", error); return false; } }
-        function onWindowResize() { if (!renderer || !camera || !sceneContainer) return; const width = sceneContainer.clientWidth; const height = sceneContainer.clientHeight; if (width > 0 && height > 0) { camera.aspect = width / height; camera.updateProjectionMatrix(); renderer.setSize(width, height); } else { console.warn("onWindowResize called with zero dimensions."); } }
-        function animate() { if (!renderer || !scene || !camera) { return; } requestAnimationFrame(animate); try { const time = performance.now() * 0.001; scene.traverse(obj => { if (obj.userData && obj.userData.update && typeof obj.userData.update === 'function') { obj.userData.update(time); } }); renderer.render(scene, camera); } catch (error) { console.error("Error during animation/render loop:", error); } }
-        function createMesh(geometry, material, position = { x: 0, y: 0, z: 0 }, rotation = { x: 0, y: 0, z: 0 }, scale = { x: 1, y: 1, z: 1 }) { const mesh = new THREE.Mesh(geometry, material); mesh.position.set(position.x, position.y, position.z); mesh.rotation.set(rotation.x, rotation.y, rotation.z); mesh.scale.set(scale.x, scale.y, scale.z); mesh.castShadow = true; mesh.receiveShadow = true; return mesh; }
-        function createGroundPlane(material = groundMaterial, size = 20) { const groundGeo = new THREE.PlaneGeometry(size, size); const ground = new THREE.Mesh(groundGeo, material); ground.rotation.x = -Math.PI / 2; ground.position.y = -0.05; ground.receiveShadow = true; ground.castShadow = false; return ground; }
-
-        // --- Procedural Generation Functions --- [Unchanged]
-        // [Keep all create...Assembly functions here]
-        function createDefaultAssembly() { const group = new THREE.Group(); const sphereGeo = new THREE.SphereGeometry(0.5, 16, 16); group.add(createMesh(sphereGeo, stoneMaterial, { x: 0, y: 0.5, z: 0 })); group.add(createGroundPlane()); return group; }
-        function createCityGatesAssembly() { const group = new THREE.Group(); const gh = 4, gw = 1.5, gd = 0.8, ah = 1, aw = 3; const tlGeo = new THREE.BoxGeometry(gw, gh, gd); group.add(createMesh(tlGeo, stoneMaterial, { x: -(aw / 2 + gw / 2), y: gh / 2, z: 0 })); const trGeo = new THREE.BoxGeometry(gw, gh, gd); group.add(createMesh(trGeo, stoneMaterial, { x: (aw / 2 + gw / 2), y: gh / 2, z: 0 })); const aGeo = new THREE.BoxGeometry(aw, ah, gd); group.add(createMesh(aGeo, stoneMaterial, { x: 0, y: gh - ah / 2, z: 0 })); const cs = 0.4; const cg = new THREE.BoxGeometry(cs, cs, gd * 1.1); for (let i = -1; i <= 1; i += 2) { group.add(createMesh(cg.clone(), stoneMaterial, { x: -(aw / 2 + gw / 2) + i * cs * 0.7, y: gh + cs / 2, z: 0 })); group.add(createMesh(cg.clone(), stoneMaterial, { x: (aw / 2 + gw / 2) + i * cs * 0.7, y: gh + cs / 2, z: 0 })); } group.add(createMesh(cg.clone(), stoneMaterial, { x: 0, y: gh + ah - cs / 2, z: 0 })); group.add(createGroundPlane(stoneMaterial)); return group; }
-        function createWeaponsmithAssembly() { const group = new THREE.Group(); const bw = 3, bh = 2.5, bd = 3.5; const bGeo = new THREE.BoxGeometry(bw, bh, bd); group.add(createMesh(bGeo, darkWoodMaterial, { x: 0, y: bh / 2, z: 0 })); const ch = 3.5; const cGeo = new THREE.CylinderGeometry(0.3, 0.4, ch, 8); group.add(createMesh(cGeo, stoneMaterial, { x: bw * 0.3, y: ch / 2, z: -bd * 0.3 })); group.add(createGroundPlane(dirtMaterial)); return group; }
-        function createTempleAssembly() { const group = new THREE.Group(); const bs = 5, bsh = 0.5, ch = 3, cr = 0.25, rh = 0.5; const bGeo = new THREE.BoxGeometry(bs, bsh, bs); group.add(createMesh(bGeo, templeMaterial, { x: 0, y: bsh / 2, z: 0 })); const cGeo = new THREE.CylinderGeometry(cr, cr, ch, 12); const cPos = [{ x: -bs / 3, z: -bs / 3 }, { x: bs / 3, z: -bs / 3 }, { x: -bs / 3, z: bs / 3 }, { x: bs / 3, z: bs / 3 }]; cPos.forEach(p => group.add(createMesh(cGeo.clone(), templeMaterial, { x: p.x, y: bsh + ch / 2, z: p.z }))); const rGeo = new THREE.BoxGeometry(bs * 0.9, rh, bs * 0.9); group.add(createMesh(rGeo, templeMaterial, { x: 0, y: bsh + ch + rh / 2, z: 0 })); group.add(createGroundPlane(stoneMaterial)); return group; }
-        function createResistanceMeetingAssembly() { const group = new THREE.Group(); const tw = 2, th = 0.8, td = 1, tt = 0.1; const ttg = new THREE.BoxGeometry(tw, tt, td); group.add(createMesh(ttg, woodMaterial, { x: 0, y: th - tt / 2, z: 0 })); const lh = th - tt, ls = 0.1; const lg = new THREE.BoxGeometry(ls, lh, ls); const lofW = tw / 2 - ls * 1.5; const lofD = td / 2 - ls * 1.5; group.add(createMesh(lg, woodMaterial, { x: -lofW, y: lh / 2, z: -lofD })); group.add(createMesh(lg.clone(), woodMaterial, { x: lofW, y: lh / 2, z: -lofD })); group.add(createMesh(lg.clone(), woodMaterial, { x: -lofW, y: lh / 2, z: lofD })); group.add(createMesh(lg.clone(), woodMaterial, { x: lofW, y: lh / 2, z: lofD })); const ss = 0.4; const sg = new THREE.BoxGeometry(ss, ss * 0.8, ss); group.add(createMesh(sg, darkWoodMaterial, { x: -tw * 0.6, y: ss * 0.4, z: 0 })); group.add(createMesh(sg.clone(), darkWoodMaterial, { x: tw * 0.6, y: ss * 0.4, z: 0 })); group.add(createGroundPlane(stoneMaterial)); return group; }
-        function createForestAssembly(tc = 10, a = 10) { const group = new THREE.Group(); const createTree = (x, z) => { const treeGroup = new THREE.Group(); const trunkHeight = Math.random() * 1.5 + 2; const trunkRadius = Math.random() * 0.1 + 0.1; const trunkGeo = new THREE.CylinderGeometry(trunkRadius * 0.7, trunkRadius, trunkHeight, 8); treeGroup.add(createMesh(trunkGeo, woodMaterial, { x: 0, y: trunkHeight / 2, z: 0 })); const foliageRadius = trunkHeight * 0.4 + 0.2; const foliageGeo = new THREE.SphereGeometry(foliageRadius, 8, 6); treeGroup.add(createMesh(foliageGeo, leafMaterial, { x: 0, y: trunkHeight * 0.9, z: 0 })); treeGroup.position.set(x, 0, z); return treeGroup; }; for (let i = 0; i < tc; i++) { const x = (Math.random() - 0.5) * a; const z = (Math.random() - 0.5) * a; if (Math.sqrt(x * x + z * z) > 1.0) group.add(createTree(x, z)); } group.add(createGroundPlane(groundMaterial, a * 1.1)); return group; }
-        function createRoadAmbushAssembly() { const group = new THREE.Group(); const areaSize = 12; const forestGroup = createForestAssembly(8, areaSize); group.add(forestGroup); const roadWidth = 3, roadLength = areaSize * 1.2; const roadGeo = new THREE.PlaneGeometry(roadWidth, roadLength); const roadMat = new THREE.MeshStandardMaterial({ color: 0x966F33, roughness: 0.9 }); const road = createMesh(roadGeo, roadMat, { x: 0, y: 0.01, z: 0 }, { x: -Math.PI / 2 }); road.receiveShadow = true; group.add(road); const rockGeo = new THREE.SphereGeometry(0.5, 5, 4); const rockMat = new THREE.MeshStandardMaterial({ color: 0x666666, roughness: 0.8 }); group.add(createMesh(rockGeo, rockMat, { x: roadWidth * 0.7, y: 0.25, z: 1 }, { y: Math.random() * Math.PI })); group.add(createMesh(rockGeo.clone().scale(0.8, 0.8, 0.8), rockMat, { x: -roadWidth * 0.8, y: 0.2, z: -2 }, { y: Math.random() * Math.PI })); return group; }
-        function createForestEdgeAssembly() { const group = new THREE.Group(); const areaSize = 15; const forestGroup = createForestAssembly(15, areaSize); const treesToRemove = []; forestGroup.children.forEach(child => { if (child.type === 'Group' && child.position.x > 0) { treesToRemove.push(child); } }); treesToRemove.forEach(tree => forestGroup.remove(tree)); group.add(forestGroup); return group; }
-        function createPrisonerCellAssembly() { const group = new THREE.Group(); const cellSize = 3, wallHeight = 2.5, wallThickness = 0.2, barRadius = 0.05, barSpacing = 0.25; const cellFloorMat = stoneMaterial.clone(); cellFloorMat.color.setHex(0x555555); group.add(createGroundPlane(cellFloorMat, cellSize)); const wallBackGeo = new THREE.BoxGeometry(cellSize, wallHeight, wallThickness); group.add(createMesh(wallBackGeo, stoneMaterial, { x: 0, y: wallHeight / 2, z: -cellSize / 2 })); const wallSideGeo = new THREE.BoxGeometry(wallThickness, wallHeight, cellSize); group.add(createMesh(wallSideGeo, stoneMaterial, { x: -cellSize / 2, y: wallHeight / 2, z: 0 })); group.add(createMesh(wallSideGeo.clone(), stoneMaterial, { x: cellSize / 2, y: wallHeight / 2, z: 0 })); const barGeo = new THREE.CylinderGeometry(barRadius, barRadius, wallHeight, 8); const numBars = Math.floor(cellSize / barSpacing); for (let i = 0; i < numBars; i++) { const xPos = -cellSize / 2 + (i + 0.5) * barSpacing; group.add(createMesh(barGeo.clone(), metalMaterial, { x: xPos, y: wallHeight / 2, z: cellSize / 2 })); } return group; }
-        function createGameOverAssembly() { const group = new THREE.Group(); const boxGeo = new THREE.BoxGeometry(2, 2, 2); group.add(createMesh(boxGeo, gameOverMaterial, { x: 0, y: 1, z: 0 })); group.add(createGroundPlane(stoneMaterial.clone().set({ color: 0x333333 }))); return group; }
-        function createErrorAssembly() { const group = new THREE.Group(); const coneGeo = new THREE.ConeGeometry(0.8, 1.5, 8); group.add(createMesh(coneGeo, errorMaterial, { x: 0, y: 0.75, z: 0 })); group.add(createGroundPlane()); return group; }
-        function createCrossroadsAssembly() { const group = new THREE.Group(); group.add(createGroundPlane(dirtMaterial, 30)); const poleGeo = new THREE.CylinderGeometry(0.1, 0.1, 3, 8); group.add(createMesh(poleGeo, woodMaterial, { y: 1.5 })); const signGeo = new THREE.BoxGeometry(1.5, 0.3, 0.05); group.add(createMesh(signGeo, woodMaterial, { y: 2.5, z: 0.2 }, { y: Math.PI / 4 })); group.add(createMesh(signGeo, woodMaterial, { y: 2.2, x: -0.2 }, { y: -Math.PI / 4 })); const grassGeo = new THREE.ConeGeometry(0.2, 0.5, 6); for (let i = 0; i < 20; i++) { const x = (Math.random() - 0.5) * 25; const z = (Math.random() - 0.5) * 25; if (Math.abs(x) > 2 || Math.abs(z) > 2) { group.add(createMesh(grassGeo, grassMaterial, { x, y: 0.25, z }, { y: Math.random() * Math.PI })); } } const rockGeo = new THREE.SphereGeometry(0.3, 6, 6); for (let i = 0; i < 10; i++) { group.add(createMesh(rockGeo, stoneMaterial, { x: (Math.random() - 0.5) * 20, y: 0.15, z: (Math.random() - 0.5) * 20 }, { y: Math.random() * Math.PI })); } return group; }
-        function createRollingHillsAssembly() { const group = new THREE.Group(); const hillGeo = new THREE.PlaneGeometry(50, 50, 20, 20); const hillMat = grassMaterial.clone(); const hill = new THREE.Mesh(hillGeo, hillMat); hill.rotation.x = -Math.PI / 2; hill.receiveShadow = true; const positions = hillGeo.attributes.position; for (let i = 0; i < positions.count; i++) { const x = positions.getX(i); const z = positions.getY(i); const y = (Math.sin(x * 0.1 + z * 0.05) + Math.sin(x * 0.05 + z * 0.2)) * 1.5; positions.setZ(i, y); } hillGeo.computeVertexNormals(); group.add(hill); const shepherdGeo = new THREE.CylinderGeometry(0.15, 0.1, 1.2, 8); group.add(createMesh(shepherdGeo, darkWoodMaterial, { x: 15, y: 1.5 + Math.sin(15 * 0.1 - 15 * 0.05) * 1.5, z: -15 })); const grassGeo = new THREE.ConeGeometry(0.3, 0.7, 6); for (let i = 0; i < 50; i++) { const x = (Math.random() - 0.5) * 40; const z = (Math.random() - 0.5) * 40; const y = (Math.sin(x * 0.1 + z * 0.05) + Math.sin(x * 0.05 + z * 0.2)) * 1.5 + 0.35; group.add(createMesh(grassGeo, grassMaterial, { x: x, y: y, z: z }, { y: Math.random() * Math.PI })); } return group; }
-        function createCoastalCliffsAssembly() { const group = new THREE.Group(); const cliffGeo = new THREE.BoxGeometry(15, 8, 15); const positions = cliffGeo.attributes.position; const normals = cliffGeo.attributes.normal; for (let i = 0; i < positions.count; i++) { const displaceFactor = 1 + (Math.random() - 0.5) * 0.3; if (Math.abs(normals.getX(i)) > 0.5 || Math.abs(normals.getZ(i)) > 0.5) { positions.setX(i, positions.getX(i) * displaceFactor); positions.setZ(i, positions.getZ(i) * displaceFactor); } positions.setY(i, positions.getY(i) * (1 + (Math.random() - 0.5) * 0.1)); } cliffGeo.computeVertexNormals(); group.add(createMesh(cliffGeo, stoneMaterial, { y: 4 })); const pathGeo = new THREE.PlaneGeometry(1, 10, 1, 10); const path = createMesh(pathGeo, dirtMaterial, { x: -4, y: 4, z: 0 }, { x: -Math.PI / 2, z: -Math.PI / 6 }); group.add(path); const oceanGeo = new THREE.PlaneGeometry(100, 100, 20, 20); const ocean = createMesh(oceanGeo, oceanMaterial, { y: -1 }, { x: -Math.PI / 2 }); ocean.receiveShadow = false; const clock = new THREE.Clock(); ocean.userData.update = (time) => { const delta = clock.getDelta(); const oceanPositions = ocean.geometry.attributes.position; for (let i = 0; i < oceanPositions.count; i++) { const x = oceanPositions.getX(i); const z = oceanPositions.getY(i); const y = Math.sin(x * 0.1 + time * 0.5) * 0.2 + Math.sin(z * 0.1 + time * 0.3) * 0.1; oceanPositions.setZ(i, y); } ocean.geometry.attributes.position.needsUpdate = true; ocean.geometry.computeVertexNormals(); }; group.add(ocean); return group; }
-        function createForestEntranceAssembly() { const group = createForestAssembly(25, 15); const rootGeo = new THREE.TorusGeometry(0.8, 0.15, 8, 16); for (let i = 0; i < 10; i++) { group.add(createMesh(rootGeo, woodMaterial, { x: (Math.random() - 0.5) * 5, y: 0.1, z: (Math.random() - 0.5) * 5 + 2 }, { x: Math.PI / 2 + (Math.random() - 0.5) * 0.5, y: Math.random() * Math.PI, z: (Math.random() - 0.5) * 0.5 })); } return group; }
-        function createOvergrownPathAssembly() { const group = new THREE.Group(); group.add(createGroundPlane(dirtMaterial, 15)); const forest = createForestAssembly(20, 12); group.add(forest); const fungiGeo = new THREE.SphereGeometry(0.1, 8, 8); for (let i = 0; i < 30; i++) { group.add(createMesh(fungiGeo, glowMaterial, { x: (Math.random() - 0.5) * 10, y: 0.1, z: (Math.random() - 0.5) * 10 })); } const vineGeo = new THREE.CylinderGeometry(0.05, 0.05, 3, 8); for (let i = 0; i < 15; i++) { let targetTree = null; for (const child of forest.children) { if (child.type === 'Group' && Math.random() > 0.5) { targetTree = child; break; } } let vinePos = { x: (Math.random() - 0.5) * 8, y: 1.5, z: (Math.random() - 0.5) * 8 }; if (targetTree) { vinePos = { x: targetTree.position.x, y: 1.5, z: targetTree.position.z }; } group.add(createMesh(vineGeo, leafMaterial, vinePos, { x: (Math.random() - 0.5) * Math.PI * 0.5, y: Math.random() * Math.PI, z: (Math.random() - 0.5) * Math.PI * 0.5 + Math.PI / 2 })); } return group; }
-        function createClearingStatueAssembly() { const group = new THREE.Group(); group.add(createGroundPlane(grassMaterial, 10)); const baseGeo = new THREE.CylinderGeometry(0.6, 0.8, 0.3, 12); group.add(createMesh(baseGeo, stoneMaterial, { y: 0.15 })); const statueGeo = new THREE.BoxGeometry(0.8, 2, 0.8); const sPos = statueGeo.attributes.position; for (let i = 0; i < sPos.count; i++) { sPos.setX(i, sPos.getX(i) * (1 + (Math.random() - 0.5) * 0.05)); sPos.setY(i, sPos.getY(i) * (1 + (Math.random() - 0.5) * 0.05)); sPos.setZ(i, sPos.getZ(i) * (1 + (Math.random() - 0.5) * 0.05)); } statueGeo.computeVertexNormals(); const statue = createMesh(statueGeo, stoneMaterial, { y: 0.3 + 1 }); group.add(statue); const mossGeo = new THREE.SphereGeometry(0.1, 6, 6); for (let i = 0; i < 20; i++) { const faceIndex = Math.floor(Math.random() * statueGeo.index.count / 3); const pA = new THREE.Vector3().fromBufferAttribute(sPos, statueGeo.index.getX(faceIndex * 3)); const pB = new THREE.Vector3().fromBufferAttribute(sPos, statueGeo.index.getY(faceIndex * 3)); const pC = new THREE.Vector3().fromBufferAttribute(sPos, statueGeo.index.getZ(faceIndex * 3)); const point = new THREE.Triangle(pA, pB, pC).getMidpoint(new THREE.Vector3()); point.add(statue.position); group.add(createMesh(mossGeo, grassMaterial, point)); } const leafGeo = new THREE.PlaneGeometry(0.15, 0.1); for (let i = 0; i < 30; i++) { group.add(createMesh(leafGeo, leafMaterial, { x: (Math.random() - 0.5) * 8, y: 0.01, z: (Math.random() - 0.5) * 8 }, { x: -Math.PI / 2, y: 0, z: Math.random() * Math.PI })); } return group; }
-        function createGoblinAmbushAssembly() { const group = createOvergrownPathAssembly(); const createGoblin = () => { const goblinGroup = new THREE.Group(); const bodyGeo = new THREE.CylinderGeometry(0.2, 0.3, 1, 8); const headGeo = new THREE.SphereGeometry(0.25, 8, 8); const goblinMat = new THREE.MeshStandardMaterial({ color: 0x556B2F, roughness: 0.8 }); goblinGroup.add(createMesh(bodyGeo, goblinMat, { y: 0.5 })); goblinGroup.add(createMesh(headGeo, goblinMat, { y: 1.2 })); const spearGeo = new THREE.CylinderGeometry(0.03, 0.03, 1.5, 6); const spearTipGeo = new THREE.ConeGeometry(0.05, 0.15, 6); const spear = new THREE.Group(); spear.add(createMesh(spearGeo, woodMaterial, { y: 0.75 })); spear.add(createMesh(spearTipGeo, metalMaterial.clone().set({ color: 0x777777 }), { y: 1.5 + 0.075 })); spear.rotation.z = Math.PI / 5; spear.position.x = 0.3; goblinGroup.add(spear); return goblinGroup; } const goblin1 = createGoblin(); goblin1.position.set(-1.5, 0, 2); goblin1.rotation.y = Math.PI / 4; group.add(goblin1); const goblin2 = createGoblin(); goblin2.position.set(1.5, 0, 2.5); goblin2.rotation.y = -Math.PI / 6; group.add(goblin2); return group; }
-        function createHiddenCoveAssembly() { const group = new THREE.Group(); group.add(createGroundPlane(sandMaterial, 15)); const caveGeo = new THREE.BoxGeometry(3, 2.5, 3); const caveMat = new THREE.MeshStandardMaterial({ color: 0x111111 }); group.add(createMesh(caveGeo, caveMat, { z: -6, y: 1.25 })); const rockGeo = new THREE.SphereGeometry(0.5, 6, 6); const rockMat = wetStoneMaterial.clone(); for (let i = 0; i < 15; i++) { group.add(createMesh(rockGeo, rockMat, { x: (Math.random() - 0.5) * 12, y: 0.25, z: (Math.random() - 0.5) * 12 }, { y: Math.random() * Math.PI })); } const seaweedGeo = new THREE.ConeGeometry(0.2, 1.2, 6); const seaweedMat = leafMaterial.clone().set({ color: 0x1E4D2B }); for (let i = 0; i < 10; i++) { group.add(createMesh(seaweedGeo, seaweedMat, { x: (Math.random() - 0.5) * 10, y: 0.6, z: (Math.random() - 0.5) * 10 + 2 }, { x: (Math.random() - 0.5) * 0.2, z: (Math.random() - 0.5) * 0.2 })); } return group; }
-        function createDarkCaveAssembly() { const group = new THREE.Group(); const caveRadius = 5; const caveHeight = 4; group.add(createGroundPlane(wetStoneMaterial, caveRadius * 2)); const wallGeo = new THREE.SphereGeometry(caveRadius, 32, 16, 0, Math.PI * 2, 0, Math.PI / 1.5); const wallMat = wetStoneMaterial.clone(); wallMat.side = THREE.BackSide; const wall = new THREE.Mesh(wallGeo, wallMat); wall.position.y = caveHeight * 0.6; group.add(wall); const stalactiteGeo = new THREE.ConeGeometry(0.1, 0.8, 8); const stalagmiteGeo = new THREE.ConeGeometry(0.15, 0.5, 8); for (let i = 0; i < 15; i++) { const x = (Math.random() - 0.5) * caveRadius * 1.5; const z = (Math.random() - 0.5) * caveRadius * 1.5; if (Math.random() > 0.5) { group.add(createMesh(stalactiteGeo, wetStoneMaterial, { x: x, y: caveHeight - 0.4, z: z })) } else { group.add(createMesh(stalagmiteGeo, wetStoneMaterial, { x: x, y: 0.25, z: z })) } } const dripGeo = new THREE.SphereGeometry(0.05, 8, 8); for (let i = 0; i < 5; i++) { const drip = createMesh(dripGeo, oceanMaterial, { x: (Math.random() - 0.5) * caveRadius, y: caveHeight - 0.2, z: (Math.random() - 0.5) * caveRadius }); drip.userData.startY = caveHeight - 0.2; drip.userData.update = (time) => { drip.position.y -= 0.1; if (drip.position.y < 0) { drip.position.y = drip.userData.startY; drip.position.x = (Math.random() - 0.5) * caveRadius; drip.position.z = (Math.random() - 0.5) * caveRadius; } }; group.add(drip); } return group; }
-
-        // ========================================
-        // Game Data
-        // ========================================
-        const itemsData = { // [Unchanged]
-            "Flaming Sword":      {type:"weapon", description:"A legendary blade, wreathed in magical fire.", goldValue: 500},
-            "Whispering Bow":     {type:"weapon", description:"Crafted by elves, its arrows fly almost silently.", goldValue: 350},
-            "Guardian Shield":    {type:"armor",  description:"A sturdy shield imbued with protective enchantments.", goldValue: 250},
-            "Healing Light Spell":{type:"spell",  description:"A scroll containing the incantation to mend minor wounds.", goldValue: 50},
-            "Shield of Faith Spell":{type:"spell",description:"A scroll containing a prayer that grants temporary magical protection.", goldValue: 75},
-            "Binding Runes Scroll":{type:"spell", description:"Complex runes scribbled on parchment, said to temporarily immobilize a foe.", goldValue: 100},
-            "Secret Tunnel Map":  {type:"quest",  description:"A crudely drawn map showing a hidden path, perhaps into the fortress?", goldValue: 0},
-            "Poison Daggers":     {type:"weapon", description:"A pair of wicked-looking daggers coated in a fast-acting toxin.", goldValue: 150},
-            "Master Key":         {type:"quest",  description:"An ornate key rumored to unlock many doors, though perhaps not all.", goldValue: 0},
-            "Crude Dagger":       {type:"weapon", description:"A roughly made dagger, chipped and stained.", goldValue: 10},
-            "Scout's Pouch":      {type:"quest",  description:"A small leather pouch containing flint & steel, jerky, and some odd coins.", goldValue: 20}
-        };
+        function onWindowResize() {
+            if (!renderer || !camera || !sceneContainer) return;
+            const width = sceneContainer.clientWidth;
+            const height = sceneContainer.clientHeight;
+            if (width > 0 && height > 0) {
+                camera.aspect = width / height;
+                camera.updateProjectionMatrix();
+                renderer.setSize(width, height);
+            }
+        }
 
-        const gameData = { // [Unchanged except page 99]
-             "1": { title: "The Crossroads", content: `<p>Dust swirls around a weathered signpost under a bright, midday sun. Paths lead north into the gloomy Shadowwood, east towards rolling green hills, and west towards coastal cliffs battered by sea spray. Which path calls to you?</p>`, options: [ { text: "Enter the Shadowwood Forest (North)", next: 5 }, { text: "Head towards the Rolling Hills (East)", next: 2 }, { text: "Investigate the Coastal Cliffs (West)", next: 3 } ], illustration: "crossroads-signpost-sunny" },
-             "2": { title: "Rolling Hills", content: `<p>Verdant hills stretch before you, dotted with wildflowers. A gentle breeze whispers through the tall grass. In the distance, you see a lone figure tending to a flock of sheep. It feels peaceful, almost unnervingly so after the crossroads.</p>`, options: [ { text: "Follow the narrow path winding through the hills", next: 4 }, { text: "Try to hail the distant shepherd (Charisma Check?)", next: 99 } ], illustration: "rolling-green-hills-shepherd-distance" },
-             "3": { title: "Coastal Cliffs Edge", content: `<p>You stand atop windswept cliffs, the roar of crashing waves filling the air below. Seabirds circle overhead. A precarious-looking path, seemingly carved by desperate hands, descends the cliff face towards a hidden cove.</p>`, options: [ { text: "Attempt the precarious descent (Dexterity Check)", check: { stat: 'dexterity', dc: 12, onFailure: 31 }, next: 30 }, { text: "Scan the cliff face for easier routes (Wisdom Check)", check: { stat: 'wisdom', dc: 11, onFailure: 32 }, next: 33 } ], illustration: "windy-sea-cliffs-crashing-waves-path-down" },
-             "4": { title: "Hill Path Overlook", content: `<p>The path crests a hill, offering a panoramic view. To the east, the hills gradually give way to rugged, barren badlands. Nearby, nestled amongst wildflowers, you spot a small, ancient-looking shrine, heavily overgrown with vines.</p>`, options: [ { text: "Investigate the overgrown shrine", next: 40 }, { text: "Continue east towards the badlands", next: 41 } ], illustration: "hilltop-view-overgrown-shrine-wildflowers" },
-             "5": { title: "Shadowwood Entrance", content: `<p>The air grows cool and damp as you step beneath the dense canopy of the Shadowwood. Sunlight struggles to pierce the gloom, illuminating gnarled roots that writhe across the forest floor. A narrow, overgrown path leads deeper into the woods.</p>`, options: [ { text: "Follow the main, albeit overgrown, path", next: 6 }, { text: "Try to navigate through the lighter undergrowth beside the path", next: 7 }, { text: "Look for animal trails or signs of passage (Wisdom Check)", check: { stat: 'wisdom', dc: 10, onFailure: 6 }, next: 8 } ], illustration: "dark-forest-entrance-gnarled-roots-filtered-light" },
-             "6": { title: "Overgrown Forest Path", content: `<p>The path is barely visible beneath a thick layer of fallen leaves and creeping vines. Strange, faintly glowing fungi cling to rotting logs. You push deeper into the oppressive silence when suddenly, you hear a twig snap nearby!</p>`, options: [ { text: "Ready your weapon and investigate the sound", next: 10 }, { text: "Attempt to hide quietly amongst the ferns (Dexterity Check)", check: { stat: 'dexterity', dc: 11, onFailure: 10 }, next: 11 }, { text: "Call out cautiously, 'Who's there?'", next: 10 } ], illustration: "overgrown-forest-path-glowing-fungi-vines" },
-             "7": { title: "Tangled Undergrowth", content: `<p>Pushing through thick ferns and thorny bushes proves difficult. You stumble into a small, unexpected clearing. In the center stands a weathered stone statue, its features eroded by time and covered in thick moss. It depicts a forgotten deity or hero.</p>`, options: [ { text: "Examine the statue closely for clues or markings (Intelligence Check)", check: { stat: 'intelligence', dc: 13, onFailure: 71 }, next: 70 }, { text: "Ignore the statue and try to find the main path again", next: 72 }, { text: "Leave a small offering (if you have something suitable)", next: 73 } ], illustration: "forest-clearing-mossy-statue-weathered-stone" },
-             "8": { title: "Hidden Game Trail", content: `<p>Your sharp eyes spot a faint trail, almost invisible to the untrained observer, diverging from the main path. It looks like a route used by deer or other forest creatures. Following it, you soon arrive at the edge of a deep ravine spanned by a single, rickety rope bridge.</p><p>(+20 XP)</p>`, options: [ { text: "Risk crossing the rope bridge (Dexterity Check)", check: { stat: 'dexterity', dc: 10, onFailure: 81 }, next: 80 }, { text: "Search along the ravine edge for another way across", next: 82 } ], illustration: "narrow-game-trail-forest-rope-bridge-ravine", reward: { xp: 20 } },
-             "10": { title: "Goblin Ambush!", content: `<p>Suddenly, two scraggly goblins, clad in mismatched leather scraps and wielding crude, sharp spears, leap out from behind large toadstools! Their beady eyes fix on you with malicious intent.</p>`, options: [ { text: "Fight the goblins!", next: 12 }, { text: "Attempt to dodge past them and flee down the path (Dexterity Check)", check: { stat: 'dexterity', dc: 13, onFailure: 10 }, next: 13 } ], illustration: "two-goblins-ambush-forest-path-spears" },
-             "11": { title: "Hidden Evasion", content: `<p>Quickly and silently, you melt into the deep shadows beneath a large, ancient tree. The two goblins blunder past, bickering in their guttural tongue, completely oblivious to your presence.</p><p>(+30 XP)</p>`, options: [ { text: "Continue cautiously down the path once they are gone", next: 14 } ], illustration: "forest-shadows-hiding-goblins-walking-past", reward: { xp: 30 } },
-             "12": { title: "Ambush Victory!", content: `<p>Though caught by surprise, you react swiftly. After a brief, vicious skirmish, the goblins lie defeated at your feet. Searching their meagre belongings, you find a single, Crude Dagger.</p><p>(+50 XP)</p>`, options: [ { text: "Wipe your blade clean and press onward", next: 14 } ], illustration: "defeated-goblins-forest-path-loot", reward: { xp: 50, addItem: "Crude Dagger" } },
-             "13": { title: "Daring Escape", content: `<p>With surprising agility, you feint left, then dive right, tumbling past the goblins' clumsy spear thrusts! You scramble to your feet and sprint down the path, leaving the surprised goblins behind.</p><p>(+25 XP)</p>`, options: [ { text: "Keep running!", next: 14 } ], illustration: "blurred-motion-running-past-goblins-forest", reward: { xp: 25 } },
-             "14": { title: "Forest Stream Crossing", content: `<p>The overgrown path eventually leads to the bank of a clear, shallow stream. Smooth, mossy stones line the streambed, and dappled sunlight filters through the leaves overhead, sparkling on the water's surface.</p>`, options: [ { text: "Wade across the stream", next: 16 }, { text: "Look for a drier crossing point (fallen log?) upstream", next: 15 } ], illustration: "forest-stream-crossing-dappled-sunlight-stones" },
-             "15": { title: "Log Bridge", content: `<p>A short walk upstream reveals a large, fallen tree spanning the stream. It's covered in slick, green moss, making it look like a potentially treacherous crossing.</p>`, options: [ { text: "Cross carefully on the mossy log (Dexterity Check)", check: { stat: 'dexterity', dc: 9, onFailure: 151 }, next: 16 }, { text: "Decide it's too risky and go back to wade across", next: 14 } ], illustration: "mossy-log-bridge-over-forest-stream" },
-             "16": { title: "Edge of the Woods", content: `<p>Finally, the trees begin to thin, and you emerge from the oppressive gloom of the Shadowwood. Before you lie steep, rocky foothills leading up towards a formidable-looking mountain fortress perched high above.</p>`, options: [ { text: "Begin the ascent into the foothills towards the fortress", next: 17 }, { text: "Scan the fortress and surrounding terrain from afar (Wisdom Check)", check: { stat: 'wisdom', dc: 14, onFailure: 17 }, next: 18 } ], illustration: "forest-edge-view-rocky-foothills-distant-mountain-fortress" },
-             "17": { title: "Rocky Foothills Path", content: `<p>The climb is arduous, the path winding steeply upwards over loose scree and jagged rocks. The air thins slightly. The dark stone walls of the mountain fortress loom much larger now, seeming to watch your approach.</p>`, options: [ { text: "Continue the direct ascent", next: 19 }, { text: "Look for signs of a hidden trail or less obvious route (Wisdom Check)", check: { stat: 'wisdom', dc: 15, onFailure: 19 }, next: 20 } ], illustration: "climbing-rocky-foothills-path-fortress-closer" },
-             "18": { title: "Distant Observation", content: `<p>Taking a moment to study the fortress from this distance, your keen eyes notice something interesting. The main approach looks heavily guarded, but along the western ridge, the terrain seems slightly less sheer, potentially offering a less-guarded, albeit more treacherous, approach.</p><p>(+30 XP)</p>`, options: [ { text: "Decide against the risk and take the main path into the foothills", next: 17 }, { text: "Attempt the western ridge approach", next: 21 } ], illustration: "zoomed-view-mountain-fortress-western-ridge", reward: { xp: 30 } },
-             "19": { title: "Blocked Pass", content: `<p>As you round a sharp bend, your way is completely blocked by a recent rockslide! Huge boulders and debris choke the path, making further progress impossible along this route.</p>`, options: [ { text: "Try to climb over the unstable rockslide (Strength Check)", check: { stat: 'strength', dc: 14, onFailure: 191 }, next: 190 }, { text: "Search the surrounding cliffs for another way around", next: 192 } ], illustration: "rockslide-blocking-mountain-path-boulders" },
-             "20": { title: "Goat Trail", content: `<p>Your thorough search pays off! Partially hidden behind a cluster of hardy mountain shrubs, you discover a narrow trail, barely wide enough for a single person (or perhaps a mountain goat). It seems to bypass the main path, heading upwards towards the fortress.</p><p>(+40 XP)</p>`, options: [ { text: "Follow the precarious goat trail", next: 22 } ], illustration: "narrow-goat-trail-mountainside-fortress-view", reward: { xp: 40 } },
-             "21": { title: "Western Ridge", content:"<p>The path along the western ridge is dangerously narrow and exposed. Loose gravel shifts underfoot, and strong gusts of wind whip around you, threatening to push you off the edge into the dizzying drop below.</p>", options: [{text:"Proceed carefully along the ridge (Dexterity Check)", check:{stat:'dexterity', dc: 14, onFailure: 211}, next: 22 } ], illustration:"narrow-windy-mountain-ridge-path" },
-             "22": { title: "Fortress Approach", content:"<p>You've navigated the treacherous paths and finally stand near the imposing outer walls of the dark mountain fortress. Stern-faced guards patrol the battlements, their eyes scanning the approaches. The main gate looks heavily fortified.</p>", options: [ {text:"Search for a less obvious entrance (Wisdom Check)", check:{stat:'wisdom', dc: 16, onFailure: 221}, next: 220}, {text:"Attempt to bluff your way past the gate guards (Charisma Check)", check:{stat:'charisma', dc: 15, onFailure: 222}, next: 223}, {text:"Try to sneak past the gate guards (Dexterity Check)", check:{stat:'dexterity', dc: 17, onFailure: 222}, next: 224}, {text:"Retreat for now", next: 16} ], illustration:"approaching-dark-fortress-walls-guards"},
-             "30": { title: "Hidden Cove", content: `<p>Your careful descent, whether via the main path or hidden steps, brings you safely to a secluded, sandy cove sheltered by the towering cliffs. The air smells strongly of salt and seaweed. Half-hidden in the shadows at the back of the cove is the dark, foreboding entrance to a sea cave.</p><p>(+25 XP)</p>`, options: [ { text: "Explore the dark cave", next: 35 } ], illustration: "hidden-cove-beach-dark-cave-entrance", reward: { xp: 25 } },
-             "31": { title: "Tumbled Down", content: `<p>You lose your footing on the steep, treacherous path! You tumble and slide the last few feet, landing hard on the sandy cove floor. You take 5 points of damage from the fall. Shaking your head to clear it, you see the dark entrance to a sea cave nearby.</p>`, options: [ { text: "Gingerly get up and explore the dark cave", next: 35 } ], illustration: "character-fallen-at-bottom-of-cliff-path-cove", hpLoss: 5 },
-             "32": { title: "No Easier Path", content: `<p>You scan the towering cliffs intently, searching for any alternative routes down. Despite your efforts, you find no obviously easier or safer paths than the precarious one directly before you.</p>`, options: [ { text: "Attempt the precarious descent again (Dexterity Check)", check: { stat: 'dexterity', dc: 12, onFailure: 31 }, next: 30 } ], illustration: "scanning-sea-cliffs-no-other-paths-visible" },
-             "33": { title: "Smuggler's Steps?", content: `<p>Your keen eyes spot what others might miss: a series of barely visible handholds and footholds carved into the rock face, slightly hidden by an overhang. They look old but might offer a slightly less treacherous descent.</p><p>(+15 XP)</p>`, options: [ { text: "Use the hidden steps (Easier Dex Check)", check: { stat: 'dexterity', dc: 8, onFailure: 31 }, next: 30 } ], illustration: "close-up-handholds-carved-in-cliff-face", reward: { xp: 15 } },
-             "35": { title: "Dark Cave", content: `<p>You cautiously enter the sea cave. The air inside is heavy with the smell of salt, damp rock, and something else... decay. Water drips rhythmically from unseen stalactites somewhere deeper within the oppressive darkness.</p>`, options: [{ text: "Press deeper into the darkness (Requires Light Source?)", next: 99 } ], illustration: "dark-cave-entrance-dripping-water" },
-             "40": { title: "Overgrown Shrine", content: `<p>Pushing aside thick vines reveals a small stone shrine dedicated to a forgotten nature deity. Intricate carvings, though worn, are still visible beneath the moss and grime. A sense of ancient peace emanates from the stones. Wildflowers grow in profusion around its base.</p>`, options: [{ text: "Examine the carvings for meaning (Intelligence Check)", check:{stat:'intelligence', dc:11, onFailure: 401}, next: 400 }, {text: "Leave the shrine undisturbed", next: 4}, {text: "Say a quiet prayer for guidance", next: 402}], illustration: "overgrown-stone-shrine-wildflowers-close" },
-             "41": { title: "Rocky Badlands", content: `<p>The gentle green hills give way abruptly to cracked, sun-baked earth and jagged rock formations. The air is hot and still under a harsh, unforgiving sun. This land looks hostile and sparsely populated.</p>`, options: [{ text: "Scout ahead cautiously", next: 99 } ], illustration: "rocky-badlands-cracked-earth-harsh-sun" },
-             "70": { title: "Statue's Secret", content:"<p>Running your fingers over the mossy stone, you find a small, almost invisible seam near the base. Applying pressure, a hidden compartment clicks open! Inside is a Scout's Pouch.</p><p>(+40 XP)</p>", options: [{text:"Take the pouch and press on", next: 72}], illustration: "forest-clearing-mossy-statue-hidden-compartment", reward:{xp: 40, addItem: "Scout's Pouch"}},
-             "71": { title: "Just an Old Statue", content:"<p>Despite a careful examination, the statue appears to be just that – an old, weathered stone figure of no special significance that you can discern.</p>", options: [{text:"Ignore the statue and press on", next: 72}], illustration: "forest-clearing-mossy-statue-weathered-stone"},
-             "72": { title: "Back to the Thicket", content:"<p>Leaving the clearing and the statue behind, you push back into the dense undergrowth, eventually relocating the main forest path.</p>", options: [{text:"Continue along the main path", next: 6}], illustration:"pushing-through-forest-undergrowth"},
-             "73": { title: "A Small Offering", content:"<p>You place a small, simple offering at the statue's base (a ration, a coin, or perhaps just a moment of respect). You feel a subtle sense of approval or peace before turning to leave.</p>", options: [{text:"Try to find the main path again", next: 72}], illustration:"forest-clearing-mossy-statue-offering"},
-             "80": { title: "Across the Ravine", content:"<p>Taking a deep breath, you step onto the swaying rope bridge. With careful, deliberate steps, testing each plank before putting your weight on it, you make your way across the chasm to the other side.</p><p>(+25 XP)</p>", options: [{text:"Continue following the game trail", next: 14}], illustration:"character-crossing-rope-bridge-safely", reward:{xp:25}},
-             "81": { title: "Bridge Collapse!", content:"<p>Halfway across, a frayed rope snaps! The bridge lurches violently, sending you plunging into the ravine below! You lose 10 HP. Luckily, the bottom is covered in soft moss and mud, cushioning your fall.</p>", options: [{text:"Climb out and find another way", next: 82}], illustration:"rope-bridge-snapping-character-falling", hpLoss: 10},
-             "82": { title: "Ravine Detour", content:"<p>Searching along the ravine's edge, you eventually find a place where the chasm narrows, and a fallen log provides a much safer, if longer, way across.</p>", options: [{text:"Cross the log bridge and continue", next: 14}], illustration:"fallen-log-crossing-ravine"},
-             "151": { title: "Splash!", content: `<p>You place a foot carefully on the log, but the moss is slicker than it looks! Your feet shoot out from under you, and you tumble into the cold stream with a loud splash! You're soaked and slightly embarrassed, but otherwise unharmed.</p>`, options: [ { text: "Shake yourself off and continue on the other side", next: 16 } ], illustration: "character-splashing-into-stream-from-log" },
-             "190": { title: "Over the Rocks", content:"<p>Summoning your strength, you find handholds and footholds, scrambling and pulling yourself up and over the precarious rockslide. It's exhausting work, but you make it past the blockage.</p><p>(+35 XP)</p>", options: [{text:"Continue up the now clear path", next: 22}], illustration:"character-climbing-over-boulders", reward: {xp:35} },
-             "191": { title: "Climb Fails", content:"<p>The boulders are too large, too smooth, or too unstable. You try several approaches, but cannot safely climb over the rockslide. This way is blocked.</p>", options: [{text:"Search the surrounding cliffs for another way around", next: 192}], illustration:"character-slipping-on-rockslide-boulders"},
-             "192": { title: "Detour Found", content:"<p>After considerable searching along the cliff face, you find a rough, overgrown path leading steeply up and around the rockslide area. It eventually rejoins the main trail further up the mountain.</p>", options: [{text:"Follow the detour path", next: 22}], illustration:"rough-detour-path-around-rockslide"},
-             "211": {title:"Lost Balance", content:"<p>A particularly strong gust of wind catches you at a bad moment! You lose your balance and stumble, tumbling down a steep, rocky slope before managing to arrest your fall. You lose 10 HP.</p>", options:[{text:"Climb back up and reconsider the main path", next: 17}], illustration:"character-falling-off-windy-ridge", hpLoss: 10},
-             "220": { title: "Secret Passage?", content:"<p>Your careful search reveals loose stones near the base of the wall, potentially hiding a passage!</p>", options: [{text:"Investigate the loose stones", next: 99}], illustration:"approaching-dark-fortress-walls-guards"},
-             "221": { title: "No Obvious Weakness", content:"<p>The fortress walls look solid and well-maintained. You find no obvious weak points or hidden entrances from this vantage point.</p>", options: [{text:"Reconsider your approach", next: 22}], illustration:"approaching-dark-fortress-walls-guards"},
-             "222": { title: "Caught!", content:"<p>Your attempt fails miserably! The guards spot you immediately and raise the alarm! You are captured.</p>", options: [{text:"To the dungeons...", next: 99}], illustration:"approaching-dark-fortress-walls-guards"},
-             "223": { title: "Bluff Success?", content:"<p>Amazingly, your story seems plausible enough for the guards to let you pass through the gate!</p>", options: [{text:"Enter the fortress courtyard", next: 99}], illustration:"approaching-dark-fortress-walls-guards"},
-             "224": { title: "Sneak Success?", content:"<p>Moving like a shadow, you manage to slip past the gate guards unnoticed!</p>", options: [{text:"Enter the fortress courtyard", next: 99}], illustration:"approaching-dark-fortress-walls-guards"},
-             "400": { title: "Shrine Insights", content:"<p>The carvings depict cycles of growth and renewal. You feel a sense of calm wash over you, slightly restoring your vitality. (+1 HP)</p>", options: [{text:"Continue towards the badlands", next: 41}], illustration: "overgrown-stone-shrine-wildflowers-close", reward: {hpGain: 1}},
-             "401": { title: "Mysterious Carvings", content:"<p>The carvings are too worn and abstract to decipher their specific meaning, though you sense they are very old.</p>", options: [{text:"Continue towards the badlands", next: 41}], illustration: "overgrown-stone-shrine-wildflowers-close"},
-             "402": { title: "Moment of Peace", content:"<p>You spend a quiet moment in reflection. While no divine voice answers, the tranquility of the place settles your nerves.</p>", options: [{text:"Continue towards the badlands", next: 41}], illustration: "overgrown-stone-shrine-wildflowers-close"},
-
-            "99": {
-                title: "Game Over / To Be Continued...",
-                content: "<p>Your adventure ends here... for now. You can sell unwanted items for gold before starting again.</p>",
-                options: [ /* Restart button added dynamically */ ],
-                illustration: "game-over-generic",
-                gameOver: true,
-                allowSell: true // Enable selling feature
-             }
-        };
+        function animate() {
+            requestAnimationFrame(animate);
+            const time = performance.now() * 0.001;
+            scene.traverse(obj => {
+                if (obj.userData.update) obj.userData.update(time);
+            });
+            if (renderer && scene && camera) {
+                renderer.render(scene, camera);
+            }
+        }
 
+        function createMesh(geometry, material, position = { x: 0, y: 0, z: 0 }, rotation = { x: 0, y: 0, z: 0 }, scale = { x: 1, y: 1, z: 1 }) {
+            const mesh = new THREE.Mesh(geometry, material);
+            mesh.position.set(position.x, position.y, position.z);
+            mesh.rotation.set(rotation.x, rotation.y, rotation.z);
+            mesh.scale.set(scale.x, scale.y, scale.z);
+            mesh.castShadow = true; mesh.receiveShadow = true;
+            return mesh;
+        }
 
-        // ========================================
-        // Game State
-        // ========================================
-        const defaultCharacterState = {
-            name: "Hero", race: "Human", alignment: "Neutral Good", class: "Adventurer",
-            level: 1, xp: 0, xpToNextLevel: 100, gold: 0,
-            stats: { strength: 8, intelligence: 10, wisdom: 10, dexterity: 10, constitution: 10, charisma: 8, hp: 12, maxHp: 12 },
-            inventory: []
-        };
-        let gameState = {
-            currentPageId: 1,
-            character: JSON.parse(JSON.stringify(defaultCharacterState))
-        };
+        function createGroundPlane(material = groundMaterial, size = 20) {
+            const groundGeo = new THREE.PlaneGeometry(size, size);
+            const ground = new THREE.Mesh(groundGeo, material);
+            ground.rotation.x = -Math.PI / 2; ground.position.y = -0.05;
+            ground.receiveShadow = true; ground.castShadow = false;
+            return ground;
+        }
 
+        // Procedural Generation Functions
+        function createDefaultAssembly() {
+            const group = new THREE.Group();
+            const sphereGeo = new THREE.SphereGeometry(0.5, 16, 16);
+            group.add(createMesh(sphereGeo, stoneMaterial, { x: 0, y: 0.5, z: 0 }));
+            group.add(createGroundPlane());
+            return group;
+        }
 
-        // ========================================
-        // Game Logic Functions
-        // ========================================
-
-        // Clears the loading animation interval
-        function stopLoadingAnimation() {
-            if (loadingIntervalId !== null) {
-                clearInterval(loadingIntervalId);
-                loadingIntervalId = null;
-                // Optional: Reset loading message text if needed, though renderPageInternal will overwrite it
-                 if(loadingMessageElement) loadingMessageElement.textContent = "Please wait while the adventure loads.";
-                console.log("Loading animation stopped.");
+        function createCityGatesAssembly() {
+            const group = new THREE.Group();
+            const gh=4, gw=1.5, gd=0.8, ah=1, aw=3;
+            const tlGeo = new THREE.BoxGeometry(gw, gh, gd);
+            group.add(createMesh(tlGeo, stoneMaterial, { x:-(aw/2+gw/2), y:gh/2, z:0 }));
+            const trGeo = new THREE.BoxGeometry(gw, gh, gd);
+            group.add(createMesh(trGeo, stoneMaterial, { x:(aw/2+gw/2), y:gh/2, z:0 }));
+            const aGeo = new THREE.BoxGeometry(aw, ah, gd);
+            group.add(createMesh(aGeo, stoneMaterial, { x:0, y:gh-ah/2, z:0 }));
+            const cs=0.4;
+            const cg = new THREE.BoxGeometry(cs, cs, gd*1.1);
+            for(let i=-1; i<=1; i+=2){
+                group.add(createMesh(cg.clone(), stoneMaterial, { x:-(aw/2+gw/2)+i*cs*0.7, y:gh+cs/2, z:0 }));
+                group.add(createMesh(cg.clone(), stoneMaterial, { x:(aw/2+gw/2)+i*cs*0.7, y:gh+cs/2, z:0 }));
             }
+            group.add(createMesh(cg.clone(), stoneMaterial, { x:0, y:gh+ah-cs/2, z:0 }));
+            group.add(createGroundPlane(stoneMaterial));
+            return group;
+        }
+
+        function createWeaponsmithAssembly() {
+            const group = new THREE.Group();
+            const bw=3, bh=2.5, bd=3.5;
+            const bGeo = new THREE.BoxGeometry(bw, bh, bd);
+            group.add(createMesh(bGeo, darkWoodMaterial, { x:0, y:bh/2, z:0 }));
+            const ch=3.5;
+            const cGeo = new THREE.CylinderGeometry(0.3, 0.4, ch, 8);
+            group.add(createMesh(cGeo, stoneMaterial, { x:bw*0.3, y:ch/2, z:-bd*0.3 }));
+            group.add(createGroundPlane());
+            return group;
+        }
+
+        function createTempleAssembly() {
+            const group = new THREE.Group();
+            const bs=5, bsh=0.5, ch=3, cr=0.25, rh=0.5;
+            const bGeo = new THREE.BoxGeometry(bs, bsh, bs);
+            group.add(createMesh(bGeo, templeMaterial, { x:0, y:bsh/2, z:0 }));
+            const cGeo = new THREE.CylinderGeometry(cr, cr, ch, 12);
+            const cPos = [{x:-bs/3, z:-bs/3}, {x:bs/3, z:-bs/3}, {x:-bs/3, z:bs/3}, {x:bs/3, z:bs/3}];
+            cPos.forEach(p=>group.add(createMesh(cGeo.clone(), templeMaterial, { x:p.x, y:bsh+ch/2, z:p.z })));
+            const rGeo = new THREE.BoxGeometry(bs*0.9, rh, bs*0.9);
+            group.add(createMesh(rGeo, templeMaterial, { x:0, y:bsh+ch+rh/2, z:0 }));
+            group.add(createGroundPlane());
+            return group;
+        }
+
+        function createResistanceMeetingAssembly() {
+            const group = new THREE.Group();
+            const tw=2, th=0.8, td=1, tt=0.1;
+            const ttg = new THREE.BoxGeometry(tw, tt, td);
+            group.add(createMesh(ttg, woodMaterial, { x:0, y:th-tt/2, z:0 }));
+            const lh=th-tt, ls=0.1;
+            const lg=new THREE.BoxGeometry(ls, lh, ls);
+            const lofW=tw/2-ls*1.5;
+            const lofD=td/2-ls*1.5;
+            group.add(createMesh(lg, woodMaterial, { x:-lofW, y:lh/2, z:-lofD }));
+            group.add(createMesh(lg.clone(), woodMaterial, { x:lofW, y:lh/2, z:-lofD }));
+            group.add(createMesh(lg.clone(), woodMaterial, { x:-lofW, y:lh/2, z:lofD }));
+            group.add(createMesh(lg.clone(), woodMaterial, { x:lofW, y:lh/2, z:lofD }));
+            const ss=0.4;
+            const sg=new THREE.BoxGeometry(ss, ss*0.8, ss);
+            group.add(createMesh(sg, darkWoodMaterial, { x:-tw*0.6, y:ss*0.4, z:0 }));
+            group.add(createMesh(sg.clone(), darkWoodMaterial, { x:tw*0.6, y:ss*0.4, z:0 }));
+            group.add(createGroundPlane(stoneMaterial));
+            return group;
         }
 
-        function startNewGame() {
-            console.log("Starting brand new game...");
-            stopLoadingAnimation(); // Stop animation when game actually starts
-            gameState = {
-                currentPageId: 1,
-                character: JSON.parse(JSON.stringify(defaultCharacterState))
+        function createForestAssembly(tc=10, a=10) {
+            const group = new THREE.Group();
+            const cT=(x,z)=>{
+                const tg=new THREE.Group();
+                const th=Math.random()*1.5+2;
+                const tr=Math.random()*0.1+0.1;
+                const tGeo = new THREE.CylinderGeometry(tr*0.7, tr, th, 8);
+                tg.add(createMesh(tGeo, woodMaterial, {x:0, y:th/2, z:0}));
+                const fr=th*0.4+0.2;
+                const fGeo=new THREE.SphereGeometry(fr, 8, 6);
+                tg.add(createMesh(fGeo, leafMaterial, {x:0, y:th*0.9, z:0}));
+                tg.position.set(x,0,z);
+                return tg;
             };
-            renderPage(gameState.currentPageId);
+            for(let i=0; i<tc; i++){
+                const x=(Math.random()-0.5)*a;
+                const z=(Math.random()-0.5)*a;
+                if(Math.sqrt(x*x+z*z)>1.0) group.add(cT(x,z));
+            }
+            group.add(createGroundPlane(groundMaterial, a*1.1));
+            return group;
+        }
+
+        function createRoadAmbushAssembly() {
+            const group = new THREE.Group();
+            const a=12;
+            const fg = createForestAssembly(8, a);
+            group.add(fg);
+            const rw=3, rl=a*1.2;
+            const rGeo=new THREE.PlaneGeometry(rw, rl);
+            const rMat=new THREE.MeshStandardMaterial({color:0x966F33, roughness:0.9});
+            const r=createMesh(rGeo, rMat, {x:0, y:0.01, z:0}, {x:-Math.PI/2});
+            r.receiveShadow=true;
+            group.add(r);
+            const rkGeo=new THREE.SphereGeometry(0.5, 5, 4);
+            const rkMat=new THREE.MeshStandardMaterial({color:0x666666, roughness:0.8});
+            group.add(createMesh(rkGeo, rkMat, {x:rw*0.7, y:0.25, z:1}, {y:Math.random()*Math.PI}));
+            group.add(createMesh(rkGeo.clone().scale(0.8,0.8,0.8), rkMat, {x:-rw*0.8, y:0.2, z:-2}, {y:Math.random()*Math.PI}));
+            return group;
+        }
+
+        function createForestEdgeAssembly() {
+            const group = new THREE.Group();
+            const a=15;
+            const fg = createForestAssembly(15, a);
+            const ttr=[];
+            fg.children.forEach(c => {
+                if(c.type === 'Group' && c.position.x > 0) ttr.push(c);
+            });
+            ttr.forEach(t => fg.remove(t));
+            group.add(fg);
+            return group;
+        }
+
+        function createPrisonerCellAssembly() {
+            const group = new THREE.Group();
+            const cs=3, wh=2.5, wt=0.2, br=0.05, bsp=0.25;
+            const cfMat=stoneMaterial.clone();
+            cfMat.color.setHex(0x555555);
+            group.add(createGroundPlane(cfMat, cs));
+            const wbGeo=new THREE.BoxGeometry(cs, wh, wt);
+            group.add(createMesh(wbGeo, stoneMaterial, {x:0, y:wh/2, z:-cs/2}));
+            const wsGeo=new THREE.BoxGeometry(wt, wh, cs);
+            group.add(createMesh(wsGeo, stoneMaterial, {x:-cs/2, y:wh/2, z:0}));
+            group.add(createMesh(wsGeo.clone(), stoneMaterial, {x:cs/2, y:wh/2, z:0}));
+            const bGeo=new THREE.CylinderGeometry(br, br, wh, 8);
+            const nb=Math.floor(cs/bsp);
+            for(let i=0; i<nb; i++){
+                const xp=-cs/2+(i+0.5)*bsp;
+                group.add(createMesh(bGeo.clone(), metalMaterial, {x:xp, y:wh/2, z:cs/2}));
+            }
+            return group;
+        }
+
+        function createGameOverAssembly() {
+            const group = new THREE.Group();
+            const boxGeo = new THREE.BoxGeometry(2, 2, 2);
+            group.add(createMesh(boxGeo, gameOverMaterial, { x: 0, y: 1, z: 0 }));
+            group.add(createGroundPlane(stoneMaterial.clone().set({color: 0x333333})));
+            return group;
+        }
+
+        function createErrorAssembly() {
+            const group = new THREE.Group();
+            const coneGeo = new THREE.ConeGeometry(0.8, 1.5, 8);
+            group.add(createMesh(coneGeo, errorMaterial, { x: 0, y: 0.75, z: 0 }));
+            group.add(createGroundPlane());
+            return group;
+        }
+
+        function createCrossroadsAssembly() {
+            const group = new THREE.Group();
+            group.add(createGroundPlane(dirtMaterial, 30));
+            const poleGeo = new THREE.CylinderGeometry(0.1, 0.1, 3, 8);
+            group.add(createMesh(poleGeo, woodMaterial, { y: 1.5 }));
+            const signGeo = new THREE.BoxGeometry(1.5, 0.3, 0.05);
+            group.add(createMesh(signGeo, woodMaterial, { y: 2.5, z: 0.2 }, { y: Math.PI / 4 }));
+            group.add(createMesh(signGeo, woodMaterial, { y: 2.5, z: -0.2 }, { y: -Math.PI / 4 }));
+            const grassGeo = new THREE.ConeGeometry(0.2, 0.5, 6);
+            for (let i = 0; i < 20; i++) {
+                const x = (Math.random() - 0.5) * 15;
+                const z = (Math.random() - 0.5) * 15;
+                if (Math.abs(x) > 2 || Math.abs(z) > 2) {
+                    group.add(createMesh(grassGeo, grassMaterial, { x, y: 0.25, z }, { y: Math.random() * Math.PI }));
+                }
+            }
+            const rockGeo = new THREE.SphereGeometry(0.3, 6, 6);
+            for (let i = 0; i < 10; i++) {
+                group.add(createMesh(rockGeo, stoneMaterial, { x: (Math.random() - 0.5) * 10, y: 0.15, z: (Math.random() - 0.5) * 10 }, { y: Math.random() * Math.PI }));
+            }
+            return group;
+        }
+
+        function createRollingHillsAssembly() {
+            const group = new THREE.Group();
+            const hillGeo = new THREE.PlaneGeometry(50, 50, 10, 10);
+            const hillMat = grassMaterial.clone();
+            const hill = new THREE.Mesh(hillGeo, hillMat);
+            hill.rotation.x = -Math.PI / 2;
+            hill.receiveShadow = true;
+            for (let i = 0; i < hillGeo.attributes.position.count; i++) {
+                const x = hillGeo.attributes.position.getX(i);
+                const z = hillGeo.attributes.position.getZ(i);
+                hillGeo.attributes.position.setY(i, Math.sin(x * 0.2 + z * 0.2) * 2);
+            }
+            hillGeo.computeVertexNormals();
+            group.add(hill);
+            const shepherdGeo = new THREE.CylinderGeometry(0.1, 0.1, 1, 8);
+            group.add(createMesh(shepherdGeo, darkWoodMaterial, { x: 10, y: 2, z: -15 }));
+            const grassGeo = new THREE.ConeGeometry(0.3, 0.7, 6);
+            for (let i = 0; i < 50; i++) {
+                group.add(createMesh(grassGeo, grassMaterial, { x: (Math.random() - 0.5) * 40, y: 0.35, z: (Math.random() - 0.5) * 40 }, { y: Math.random() * Math.PI }));
+            }
+            return group;
+        }
+
+        function createCoastalCliffsAssembly() {
+            const group = new THREE.Group();
+            const cliffGeo = new THREE.BoxGeometry(10, 5, 10);
+            group.add(createMesh(cliffGeo, stoneMaterial, { y: 2.5 }));
+            const pathGeo = new THREE.PlaneGeometry(1, 10);
+            const path = createMesh(pathGeo, dirtMaterial, { x: -2, y: 2, z: 0 }, { x: -Math.PI / 2, z: -Math.PI / 4 });
+            group.add(path);
+            const oceanGeo = new THREE.PlaneGeometry(100, 100);
+            const ocean = createMesh(oceanGeo, oceanMaterial, { y: -2 }, { x: -Math.PI / 2 });
+            ocean.receiveShadow = false;
+            ocean.userData.update = (time) => {
+                ocean.position.y = -2 + Math.sin(time * 0.5) * 0.1;
+            };
+            group.add(ocean);
+            return group;
+        }
+
+        function createForestEntranceAssembly() {
+            const group = createForestAssembly(20, 12);
+            const rootGeo = new THREE.TorusGeometry(0.5, 0.1, 8, 16);
+            for (let i = 0; i < 10; i++) {
+                group.add(createMesh(rootGeo, woodMaterial, { x: (Math.random() - 0.5) * 8, y: 0.1, z: (Math.random() - 0.5) * 8 }, { x: Math.PI / 2 }));
+            }
+            return group;
+        }
+
+        function createOvergrownPathAssembly() {
+            const group = new THREE.Group();
+            group.add(createGroundPlane(dirtMaterial, 15));
+            const forest = createForestAssembly(15, 10);
+            group.add(forest);
+            const fungiGeo = new THREE.SphereGeometry(0.1, 8, 8);
+            for (let i = 0; i < 30; i++) {
+                group.add(createMesh(fungiGeo, glowMaterial, { x: (Math.random() - 0.5) * 8, y: 0.1, z: (Math.random() - 0.5) * 8 }));
+            }
+            const vineGeo = new THREE.CylinderGeometry(0.05, 0.05, 2, 8);
+            for (let i = 0; i < 10; i++) {
+                group.add(createMesh(vineGeo, leafMaterial, { x: (Math.random() - 0.5) * 6, y: 2, z: (Math.random() - 0.5) * 6 }, { z: Math.random() * Math.PI }));
+            }
+            return group;
+        }
+
+        function createClearingStatueAssembly() {
+            const group = new THREE.Group();
+            group.add(createGroundPlane(grassMaterial, 10));
+            const statueGeo = new THREE.BoxGeometry(0.8, 2, 0.8);
+            group.add(createMesh(statueGeo, stoneMaterial, { y: 1 }));
+            const mossGeo = new THREE.SphereGeometry(0.2, 8, 8);
+            for (let i = 0; i < 10; i++) {
+                group.add(createMesh(mossGeo, grassMaterial, { x: (Math.random() - 0.5) * 0.8, y: 0.5 + Math.random(), z: (Math.random() - 0.5) * 0.8 }));
+            }
+            const leafGeo = new THREE.PlaneGeometry(0.1, 0.1);
+            for (let i = 0; i < 20; i++) {
+                group.add(createMesh(leafGeo, leafMaterial, { x: (Math.random() - 0.5) * 5, y: 0.05, z: (Math.random() - 0.5) * 5 }, { y: Math.random() * Math.PI }));
+            }
+            return group;
         }
 
-        function restartGamePlus() {
-            console.log("Restarting game (keeping progress)...");
-            stopLoadingAnimation(); // Stop animation if restarting from an error state perhaps
-            gameState.currentPageId = 1;
+        function createGoblinAmbushAssembly() {
+            const group = createOvergrownPathAssembly();
+            const bodyGeo = new THREE.CylinderGeometry(0.3, 0.3, 1, 8);
+            const headGeo = new THREE.SphereGeometry(0.2, 8, 8);
+            const goblinMat = new THREE.MeshStandardMaterial({ color: 0x556B2F });
+            for (let i = -1; i <= 1; i += 2) {
+                const goblin = new THREE.Group();
+                goblin.add(createMesh(bodyGeo, goblinMat, { y: 0.5 }));
+                goblin.add(createMesh(headGeo, goblinMat, { y: 1.2 }));
+                const spearGeo = new THREE.CylinderGeometry(0.05, 0.05, 2, 8);
+                goblin.add(createMesh(spearGeo, woodMaterial, { x: 0.3, y: 1, z: 0 }, { z: Math.PI / 4 }));
+                goblin.position.set(i * 2, 0, 2);
+                group.add(goblin);
+            }
+            return group;
+        }
+
+        function createHiddenCoveAssembly() {
+            const group = new THREE.Group();
+            group.add(createGroundPlane(sandMaterial, 15));
+            const caveGeo = new THREE.BoxGeometry(3, 2, 3);
+            group.add(createMesh(caveGeo, stoneMaterial, { z: -5, y: 1 }));
+            const rockGeo = new THREE.SphereGeometry(0.5, 6, 6);
+            for (let i = 0; i < 15; i++) {
+                group.add(createMesh(rockGeo, stoneMaterial, { x: (Math.random() - 0.5) * 10, y: 0.25, z: (Math.random() - 0.5) * 10 }));
+            }
+            const seaweedGeo = new THREE.ConeGeometry(0.2, 1, 6);
+            for (let i = 0; i < 10; i++) {
+                group.add(createMesh(seaweedGeo, leafMaterial, { x: (Math.random() - 0.5) * 8, y: 0.5, z: (Math.random() - 0.5) * 8 }));
+            }
+            return group;
+        }
+
+        function createDarkCaveAssembly() {
+            const group = new THREE.Group();
+            group.add(createGroundPlane(wetStoneMaterial, 10));
+            const wallGeo = new THREE.CylinderGeometry(3, 3, 5, 12, 1, true);
+            const wall = createMesh(wallGeo, stoneMaterial, { y: 2.5 }, { x: Math.PI / 2 });
+            wall.scale.set(1, 1, -1);
+            group.add(wall);
+            const dripGeo = new THREE.SphereGeometry(0.05, 8, 8);
+            for (let i = 0; i < 5; i++) {
+                const drip = createMesh(dripGeo, oceanMaterial, { x: (Math.random() - 0.5) * 2, y: 4, z: (Math.random() - 0.5) * 2 });
+                drip.userData.update = (time) => {
+                    drip.position.y -= 0.1;
+                    if (drip.position.y < 0) drip.position.y = 4;
+                };
+                group.add(drip);
+            }
+            return group;
+        }
+
+        // Game Data
+        const itemsData = {
+            "Flaming Sword":{type:"weapon", description:"A fiery blade"},
+            "Whispering Bow":{type:"weapon", description:"A silent bow"},
+            "Guardian Shield":{type:"armor", description:"A protective shield"},
+            "Healing Light Spell":{type:"spell", description:"Mends minor wounds"},
+            "Shield of Faith Spell":{type:"spell", description:"Temporary shield"},
+            "Binding Runes Scroll":{type:"spell", description:"Binds an enemy"},
+            "Secret Tunnel Map":{type:"quest", description:"Shows a hidden path"},
+            "Poison Daggers":{type:"weapon", description:"Daggers with poison"},
+            "Master Key":{type:"quest", description:"Unlocks many doors"},
+            "Crude Dagger":{type:"weapon", description:"A roughly made dagger."},
+            "Scout's Pouch":{type:"quest", description:"Contains odds and ends."}
+        };
+
+        const gameData = {
+            "1": { title: "The Crossroads", content: `<p>Dust swirls... Which path calls to you?</p>`, options: [ { text: "Enter the Shadowwood Forest (North)", next: 5 }, { text: "Head towards the Rolling Hills (East)", next: 2 }, { text: "Investigate the Coastal Cliffs (West)", next: 3 } ], illustration: "crossroads-signpost-sunny" },
+            "2": { title: "Rolling Hills", content: `<p>Verdant hills stretch before you... It feels peaceful...</p>`, options: [ { text: "Follow the narrow path", next: 4 }, { text: "Try to hail the distant shepherd (Charisma Check?)", next: 99 } ], illustration: "rolling-green-hills-shepherd-distance" },
+            "3": { title: "Coastal Cliffs Edge", content: `<p>You stand atop windswept cliffs... A precarious-looking path descends...</p>`, options: [ { text: "Attempt the precarious descent (Dexterity Check)", check: { stat: 'dexterity', dc: 12, onFailure: 31 }, next: 30 }, { text: "Scan the cliff face for easier routes (Wisdom Check)", check: { stat: 'wisdom', dc: 11, onFailure: 32 }, next: 33 } ], illustration: "windy-sea-cliffs-crashing-waves-path-down" },
+            "4": { title: "Hill Path Overlook", content: `<p>The path crests a hill... you see a small, overgrown shrine...</p>`, options: [ { text: "Investigate the overgrown shrine", next: 40 }, { text: "Continue towards the badlands", next: 41 } ], illustration: "hilltop-view-overgrown-shrine-wildflowers" },
+            "5": { title: "Shadowwood Entrance", content: `<p>Sunlight struggles to pierce the dense canopy... How do you proceed?</p>`, options: [ { text: "Follow the main, albeit overgrown, path", next: 6 }, { text: "Try to navigate through the lighter undergrowth", next: 7 }, { text: "Look for animal trails or signs of passage (Wisdom Check)", check: { stat: 'wisdom', dc: 10, onFailure: 6 }, next: 8 } ], illustration: "dark-forest-entrance-gnarled-roots-filtered-light" },
+            "6": { title: "Overgrown Forest Path", content: `<p>The path is barely visible... You hear a twig snap nearby!</p>`, options: [ { text: "Ready your weapon and investigate", next: 10 }, { text: "Attempt to hide quietly (Dexterity Check)", check: { stat: 'dexterity', dc: 11, onFailure: 10 }, next: 11 }, { text: "Call out cautiously", next: 10 } ], illustration: "overgrown-forest-path-glowing-fungi-vines" },
+            "7": { title: "Tangled Undergrowth", content: `<p>Pushing through ferns... You stumble upon a small clearing containing a moss-covered, weathered stone statue...</p>`, options: [ { text: "Examine the statue closely (Intelligence Check)", check: { stat: 'intelligence', dc: 13, onFailure: 71 }, next: 70 }, { text: "Ignore the statue and press on", next: 72 }, { text: "Leave a small offering (if possible)", next: 73 } ], illustration: "forest-clearing-mossy-statue-weathered-stone" },
+            "8": { title: "Hidden Game Trail", content: `<p>Your sharp eyes spot a faint trail... It leads towards a ravine spanned by a rickety rope bridge.</p><p>(+20 XP)</p>`, options: [ { text: "Risk crossing the rope bridge (Dexterity Check)", check: { stat: 'dexterity', dc: 10, onFailure: 81 }, next: 80 }, { text: "Search for another way across the ravine", next: 82 } ], illustration: "narrow-game-trail-forest-rope-bridge-ravine", reward: { xp: 20 } },
+            "10": { title: "Goblin Ambush!", content: `<p>Two scraggly goblins leap out, brandishing crude spears!</p>`, options: [ { text: "Fight the goblins!", next: 12 }, { text: "Attempt to dodge past them (Dexterity Check)", check: { stat: 'dexterity', dc: 13, onFailure: 10 }, next: 13 } ], illustration: "two-goblins-ambush-forest-path-spears" },
+            "11": { title: "Hidden Evasion", content: `<p>You melt into the shadows as the goblins blunder past.</p><p>(+30 XP)</p>`, options: [ { text: "Continue cautiously", next: 14 } ], illustration: "forest-shadows-hiding-goblins-walking-past", reward: { xp: 30 } },
+            "12": { title: "Ambush Victory!", content: `<p>You defeat the goblins! Found a Crude Dagger.</p><p>(+50 XP)</p>`, options: [ { text: "Press onward", next: 14 } ], illustration: "defeated-goblins-forest-path-loot", reward: { xp: 50, addItem: "Crude Dagger" } },
+            "13": { title: "Daring Escape", content: `<p>With surprising agility, you tumble past the goblins!</p><p>(+25 XP)</p>`, options: [ { text: "Keep running!", next: 14 } ], illustration: "blurred-motion-running-past-goblins-forest", reward: { xp: 25 } },
+            "14": { title: "Forest Stream Crossing", content: `<p>The path leads to a clear, shallow stream...</p>`, options: [ { text: "Wade across the stream", next: 16 }, { text: "Look for a drier crossing point (fallen log?)", next: 15 } ], illustration: "forest-stream-crossing-dappled-sunlight-stones" },
+            "15": { title: "Log Bridge", content: `<p>Further upstream, a large, mossy log spans the stream.</p>`, options: [ { text: "Cross carefully on the log (Dexterity Check)", check: { stat: 'dexterity', dc: 9, onFailure: 151 }, next: 16 }, { text: "Go back and wade instead", next: 14 } ], illustration: "mossy-log-bridge-over-forest-stream" },
+            "151": { title: "Splash!", content: `<p>You slip on the mossy log and tumble into the cold stream! You're soaked but unharmed.</p>`, options: [ { text: "Shake yourself off and continue", next: 16 } ], illustration: "character-splashing-into-stream-from-log" },
+            "16": { title: "Edge of the Woods", content: `<p>You emerge from the Shadowwood... Before you lie rocky foothills...</p>`, options: [ { text: "Begin the ascent into the foothills", next: 17 }, { text: "Scan the fortress from afar (Wisdom Check)", check: { stat: 'wisdom', dc: 14, onFailure: 17 }, next: 18 } ], illustration: "forest-edge-view-rocky-foothills-distant-mountain-fortress" },
+            "17": { title: "Rocky Foothills Path", content: `<p>The climb is arduous... The fortress looms larger now.</p>`, options: [ { text: "Continue the direct ascent", next: 19 }, { text: "Look for signs of a hidden trail (Wisdom Check)", check: { stat: 'wisdom', dc: 15, onFailure: 19 }, next: 20 } ], illustration: "climbing-rocky-foothills-path-fortress-closer" },
+            "18": { title: "Distant Observation", content: `<p>You notice what might be a less-guarded approach along the western ridge...</p><p>(+30 XP)</p>`, options: [ { text: "Take the main path into the foothills", next: 17 }, { text: "Attempt the western ridge approach", next: 21 } ], illustration: "zoomed-view-mountain-fortress-western-ridge", reward: { xp: 30 } },
+            "19": { title: "Blocked Pass", content: `<p>The main path is blocked by a recent rockslide!</p>`, options: [ { text: "Try to climb over (Strength Check)", check: { stat: 'strength', dc: 14, onFailure: 191 }, next: 190 }, { text: "Search for another way around", next: 192 } ], illustration: "rockslide-blocking-mountain-path-boulders" },
+            "20": { title: "Goat Trail", content: `<p>You discover a narrow trail barely wide enough for a mountain goat...</p><p>(+40 XP)</p>`, options: [ { text: "Follow the precarious goat trail", next: 22 } ], illustration: "narrow-goat-trail-mountainside-fortress-view", reward: { xp: 40 } },
+            "30": { title: "Hidden Cove", content: `<p>Your careful descent brings you to a secluded cove. A dark cave entrance is visible...</p><p>(+25 XP)</p>`, options: [ { text: "Explore the dark cave", next: 35 } ], illustration: "hidden-cove-beach-dark-cave-entrance", reward: { xp: 25 } },
+            "31": { title: "Tumbled Down", content: `<p>You lose your footing... landing hard on the sandy cove floor. You lose 5 HP. A dark cave entrance beckons.</p>`, options: [ { text: "Gingerly explore the dark cave", next: 35 } ], illustration: "character-fallen-at-bottom-of-cliff-path-cove", hpLoss: 5 },
+            "32": { title: "No Easier Path", content: `<p>You scan the cliffs intently but find no obviously easier routes.</p>`, options: [ { text: "Attempt the precarious descent (Dexterity Check)", check: { stat: 'dexterity', dc: 12, onFailure: 31 }, next: 30 } ], illustration: "scanning-sea-cliffs-no-other-paths-visible" },
+            "33": { title: "Smuggler's Steps?", content: `<p>Your keen eyes spot a series of barely visible handholds and steps carved into the rock...</p><p>(+15 XP)</p>`, options: [ { text: "Use the hidden steps (Easier Dex Check)", check: { stat: 'dexterity', dc: 8, onFailure: 31 }, next: 30 } ], illustration: "close-up-handholds-carved-in-cliff-face", reward: { xp: 15 } },
+            "35": { title: "Dark Cave", content: `<p>The cave smells of salt and decay. Water drips somewhere within.</p>`, options: [{ text: "Press deeper into the darkness", next: 99 } ], illustration: "dark-cave-entrance-dripping-water" },
+            "40": { title: "Overgrown Shrine", content: `<p>Wildflowers grow thick around a small stone shrine. It feels ancient and neglected.</p>`, options: [{ text: "Examine the carvings (Intelligence Check)", check:{stat:'intelligence', dc:11, onFailure: 401}, next: 400 } ], illustration: "overgrown-stone-shrine-wildflowers-close" },
+            "41": { title: "Rocky Badlands", content: `<p>The green hills give way to cracked earth and jagged rock formations under a harsh sun.</p>`, options: [{ text: "Scout ahead", next: 99 } ], illustration: "rocky-badlands-cracked-earth-harsh-sun" },
+            "70": { title: "Statue's Secret", content:"<p>Running your fingers over the mossy stone... found a Scout's Pouch!</p><p>(+40 XP)</p>", options: [{text:"Take the pouch and press on", next: 72}], illustration:"forest-clearing-mossy-statue-hidden-compartment", reward:{addItem: "Scout's Pouch", xp: 40}}, // Added reward object
+            "71": { title: "Just an Old Statue", content:"<p>Despite a careful examination, the statue appears to be just that – an old, weathered stone figure.</p>", options: [{text:"Ignore the statue and press on", next: 72}], illustration:"forest-clearing-mossy-statue-weathered-stone"},
+            "72": { title: "Back to the Thicket", content:"<p>Leaving the clearing, you push back into the undergrowth, eventually relocating the main path.</p>", options: [{text:"Continue along the main path", next: 6}], illustration:"pushing-through-forest-undergrowth"},
+            "73": { title: "A Small Offering", content:"<p>You place a small offering at the statue's base. You feel a subtle sense of approval.</p>", options: [{text:"Try to find the main path again", next: 72}], illustration:"forest-clearing-mossy-statue-offering"},
+            "80": { title: "Across the Ravine", content:"<p>You make your way carefully across the swaying rope bridge.</p><p>(+25 XP)</p>", options: [{text:"Continue following the game trail", next: 14}], illustration:"character-crossing-rope-bridge-safely", reward:{xp:25}},
+            "81": { title: "Bridge Collapse!", content:"<p>A rope snaps! The bridge lurches, sending you plunging into the ravine! You lose 10 HP.</p>", options: [{text:"Climb out and find another way", next: 82}], illustration:"rope-bridge-snapping-character-falling", hpLoss: 10},
+            "82": { title: "Ravine Detour", content:"<p>You find a place where a fallen log provides a safer way across.</p>", options: [{text:"Cross the log bridge and continue", next: 14}], illustration:"fallen-log-crossing-ravine"},
+            "190": { title: "Over the Rocks", content:"<p>With considerable effort, you manage to climb over the rockslide.</p><p>(+35 XP)</p>", options: [{text:"Continue up the path", next: 22}], illustration:"character-climbing-over-boulders", reward: {xp:35} },
+            "191": { title: "Climb Fails", content:"<p>The boulders are too unstable or sheer. You cannot climb them safely.</p>", options: [{text:"Search for another way around", next: 192}], illustration:"character-slipping-on-rockslide-boulders"},
+            "192": { title: "Detour Found", content:"<p>After some searching, you find a rough path leading around the rockslide, eventually rejoining the main trail.</p>", options: [{text:"Continue up the path", next: 22}], illustration:"rough-detour-path-around-rockslide"},
+            "21": { title: "Western Ridge", content:"<p>The ridge path is narrow and exposed, with strong winds threatening to push you off.</p>", options: [{text:"Proceed carefully (Dexterity Check)", check:{stat:'dexterity', dc: 14, onFailure: 211}, next: 22 } ], illustration:"narrow-windy-mountain-ridge-path" },
+            "22": { title: "Fortress Approach", content:"<p>You've navigated the treacherous paths and now stand near the outer walls of the dark fortress. Guards patrol the battlements.</p>", options: [{text:"Look for an unguarded entrance", next: 99}], illustration:"approaching-dark-fortress-walls-guards"}, // Simplified options for base code
+            "211": {title:"Lost Balance", content:"<p>A strong gust of wind catches you off guard, sending you tumbling down a steep slope! You lose 10 HP.</p>", options:[{text:"Climb back up and find another way", next: 17}], illustration:"character-falling-off-windy-ridge", hpLoss: 10},
+            "400": { title: "Shrine Insights", content:"<p>The carvings depict cycles of growth. You feel a sense of calm. (+1 HP)</p>", options: [{text:"Continue towards the badlands", next: 41}], illustration: "overgrown-stone-shrine-wildflowers-close", reward: {hpGain: 1}},
+            "401": { title: "Mysterious Carvings", content:"<p>The carvings are too worn to decipher.</p>", options: [{text:"Continue towards the badlands", next: 41}], illustration: "overgrown-stone-shrine-wildflowers-close"},
+            "402": { title: "Moment of Peace", content:"<p>You spend a quiet moment in reflection. The tranquility settles your nerves.</p>", options: [{text:"Continue towards the badlands", next: 41}], illustration: "overgrown-stone-shrine-wildflowers-close"},
+            "99": { title: "Game Over / To Be Continued...", content: "<p>Your adventure ends here (for now).</p>", options: [{ text: "Restart", next: 1 }], illustration: "game-over-generic", gameOver: true }
+        };
+
+        // Game State
+        let gameState = {
+            currentPageId: 1,
+            character: {
+                name: "Hero", race: "Human", alignment: "Neutral Good", class: "Adventurer",
+                level: 1, xp: 0, xpToNextLevel: 100,
+                stats: { strength: 8, intelligence: 10, wisdom: 10, dexterity: 10, constitution: 10, charisma: 8, hp: 12, maxHp: 12 },
+                inventory: []
+            }
+        };
+
+        // Game Logic Functions
+        function startGame() {
+            // This function RESETS the game state fully
+            const defaultChar = {
+                name: "Hero", race: "Human", alignment: "Neutral Good", class: "Adventurer",
+                level: 1, xp: 0, xpToNextLevel: 100,
+                stats: { strength: 8, intelligence: 10, wisdom: 10, dexterity: 10, constitution: 10, charisma: 8, hp: 12, maxHp: 12 },
+                inventory: []
+             };
+            // Use deep copy for nested objects
+            gameState = { currentPageId: 1, character: JSON.parse(JSON.stringify(defaultChar)) };
+            console.log("Starting new game state:", gameState);
             renderPage(gameState.currentPageId);
         }
 
-        function handleChoiceClick(choiceData) { // [Unchanged from previous working version]
+        function handleChoiceClick(choiceData) {
             console.log("Choice clicked:", choiceData);
-            let feedbackMessage = "";
-            if (choiceData.action === 'restart_plus') { restartGamePlus(); return; }
-            if (choiceData.action === 'sell_item') { feedbackMessage = handleSellItem(choiceData.item); renderPageInternal(gameState.currentPageId, gameData[gameState.currentPageId], feedbackMessage); return; }
-            const optionNextPageId = parseInt(choiceData.next); const itemToAdd = choiceData.addItem; let nextPageId = optionNextPageId; const check = choiceData.check;
-            if (isNaN(optionNextPageId) && !check) { console.error("Invalid choice data:", choiceData); feedbackMessage = `<p class="feedback-error">Error: Invalid choice data!</p>`; renderPageInternal(gameState.currentPageId, gameData[gameState.currentPageId], feedbackMessage); choicesElement.querySelectorAll('button').forEach(b => b.disabled = true); return; }
-            if (check) { const statValue = gameState.character.stats[check.stat] || 10; const modifier = Math.floor((statValue - 10) / 2); const roll = Math.floor(Math.random() * 20) + 1; const totalResult = roll + modifier; const dc = check.dc; const statName = check.stat.charAt(0).toUpperCase() + check.stat.slice(1); console.log(`Check: ${statName} (DC ${dc}) | Roll: ${roll} + Mod: ${modifier} = ${totalResult}`); if (totalResult >= dc) { nextPageId = optionNextPageId; feedbackMessage += `<p class="roll-success"><em>${statName} Check Success! (${totalResult} vs DC ${dc})</em></p>`; } else { nextPageId = parseInt(check.onFailure); feedbackMessage += `<p class="roll-failure"><em>${statName} Check Failed! (${totalResult} vs DC ${dc})</em></p>`; if (isNaN(nextPageId)) { console.error("Invalid onFailure ID:", check.onFailure); nextPageId = 99; feedbackMessage += `<p class="feedback-error">Error: Invalid failure path!</p>`; } } }
+
+            // --- Handle Restart ---
+             // If the 'next' property is explicitly 1 (used by the restart button on page 99)
+             if (choiceData.nextPage === 1 && gameState.currentPageId === 99) {
+                 console.log("Restarting game...");
+                 startGame(); // Call the function that fully resets the game
+                 return; // Stop processing this click further
+             }
+
+            // --- Standard Choice Processing ---
+            const optionNextPageId = parseInt(choiceData.nextPage);
+            const itemToAdd = choiceData.addItem;
+            let nextPageId = optionNextPageId;
+            let rollResultMessage = "";
+            const check = choiceData.check;
+
+            // --- Basic Validation ---
+            // Check if nextPage is NaN AND there's no skill check (meaning invalid choice data)
+            if (isNaN(nextPageId) && !check) {
+                 console.error("Invalid choice data:", choiceData);
+                 // Optionally go to an error page or just log and return
+                 // Going to page 99 for safety
+                 renderPageInternal(99, gameData[99], `<p style="color:red;">Error: Invalid choice data!</p>`);
+                 return;
+             }
+
+            // --- Skill Check Logic ---
+            if (check) {
+                const statValue = gameState.character.stats[check.stat] || 10;
+                const modifier = Math.floor((statValue - 10) / 2);
+                const roll = Math.floor(Math.random() * 20) + 1;
+                const totalResult = roll + modifier;
+                const dc = check.dc;
+                console.log(`Check: ${check.stat} (DC ${dc}) | Roll: ${roll} + Mod: ${modifier} = ${totalResult}`);
+                if (totalResult >= dc) {
+                    nextPageId = optionNextPageId; // Success path
+                    rollResultMessage = `<p class="roll-success"><em>${check.stat.charAt(0).toUpperCase() + check.stat.slice(1)} Check Success! (${totalResult} vs DC ${dc})</em></p>`;
+                } else {
+                    nextPageId = parseInt(check.onFailure); // Failure path
+                    rollResultMessage = `<p class="roll-failure"><em>${check.stat.charAt(0).toUpperCase() + check.stat.slice(1)} Check Failed! (${totalResult} vs DC ${dc})</em></p>`;
+                    if (isNaN(nextPageId)) { // Handle invalid failure ID
+                        console.error("Invalid onFailure ID:", check.onFailure);
+                        nextPageId = 99;
+                        rollResultMessage += `<p style="color:red;">Error: Invalid failure path ID!</p>`;
+                    }
+                }
+            }
+
+            // --- Add Item from Choice Property (less common now) ---
+            if (itemToAdd && !gameState.character.inventory.includes(itemToAdd)) {
+                 // Check if the item exists in itemsData before adding
+                 if (itemsData[itemToAdd]) {
+                    gameState.character.inventory.push(itemToAdd);
+                    console.log("Added item via choice property:", itemToAdd);
+                } else {
+                    console.warn(`Attempted to add unknown item from choice property: ${itemToAdd}`);
+                     rollResultMessage += `<p style="color:orange;">Warning: Tried to add unknown item '${itemToAdd}'.</p>`;
+                 }
+            }
+
+            // --- Get Target Page Data ---
             const targetPageData = gameData[nextPageId];
-            if (!targetPageData) { console.error(`Data for target page ${nextPageId} not found!`); feedbackMessage = `<p class="feedback-error">Error: Next page data missing!</p>`; renderPageInternal(99, gameData[99], feedbackMessage); return; }
-            let hpLostThisTurn = 0; if (targetPageData.hpLoss) { hpLostThisTurn = targetPageData.hpLoss; gameState.character.stats.hp -= hpLostThisTurn; console.log(`Lost ${hpLostThisTurn} HP.`); } if (targetPageData.reward && targetPageData.reward.hpGain) { const hpGained = targetPageData.reward.hpGain; gameState.character.stats.hp += hpGained; console.log(`Gained ${hpGained} HP.`); }
-            if (gameState.character.stats.hp <= 0) { gameState.character.stats.hp = 0; console.log("Player died!"); nextPageId = 99; feedbackMessage += `<p class="feedback-error"><em>You have succumbed to your injuries!${hpLostThisTurn > 0 ? ` (-${hpLostThisTurn} HP)` : ''}</em></p>`; renderPageInternal(nextPageId, gameData[nextPageId], feedbackMessage); return; }
-            if (targetPageData.reward) { if (targetPageData.reward.xp) { gameState.character.xp += targetPageData.reward.xp; console.log(`Gained ${targetPageData.reward.xp} XP! Total: ${gameState.character.xp}`); } if (targetPageData.reward.statIncrease) { const stat = targetPageData.reward.statIncrease.stat; const amount = targetPageData.reward.statIncrease.amount; if (gameState.character.stats.hasOwnProperty(stat)) { gameState.character.stats[stat] += amount; console.log(`Stat ${stat} increased by ${amount}. New value: ${gameState.character.stats[stat]}`); if (stat === 'constitution') recalculateMaxHp(); } } if (targetPageData.reward.addItem && !gameState.character.inventory.includes(targetPageData.reward.addItem)) { const itemName = targetPageData.reward.addItem; if (itemsData[itemName]) { gameState.character.inventory.push(itemName); console.log(`Found item: ${itemName}`); feedbackMessage += `<p class="feedback-message"><em>Item acquired: ${itemName}</em></p>`; } else { console.warn(`Attempted to add unknown item reward: ${itemName}`); feedbackMessage += `<p class="feedback-error"><em>Error: Tried to acquire unknown item '${itemName}'!</em></p>`; } } }
-            if (itemToAdd && !gameState.character.inventory.includes(itemToAdd)) { if (itemsData[itemToAdd]) { gameState.character.inventory.push(itemToAdd); console.log("Added item:", itemToAdd); feedbackMessage += `<p class="feedback-message"><em>Item acquired: ${itemToAdd}</em></p>`; } else { console.warn(`Attempted to add unknown item choice: ${itemToAdd}`); feedbackMessage += `<p class="feedback-error"><em>Error: Tried to acquire unknown item '${itemToAdd}'!</em></p>`; } }
-            gameState.currentPageId = nextPageId; recalculateMaxHp(); gameState.character.stats.hp = Math.min(gameState.character.stats.hp, gameState.character.stats.maxHp);
-            console.log("Transitioning to page:", nextPageId, " New state:", JSON.stringify(gameState)); renderPageInternal(nextPageId, gameData[nextPageId], feedbackMessage);
+
+            if (!targetPageData) {
+                console.error(`Data for page ${nextPageId} not found!`);
+                renderPageInternal(99, gameData[99], `<p style="color:red;">Error: Page data for ${nextPageId} missing!</p>`);
+                return;
+            }
+
+            // --- Apply Page Consequences/Rewards ---
+             let hpLostThisTurn = 0;
+             if (targetPageData.hpLoss) {
+                 hpLostThisTurn = targetPageData.hpLoss;
+                 gameState.character.stats.hp -= hpLostThisTurn;
+                 console.log(`Lost ${hpLostThisTurn} HP.`);
+             }
+             if (targetPageData.reward && targetPageData.reward.hpGain) { // Check for hpGain
+                  const hpGained = targetPageData.reward.hpGain;
+                  gameState.character.stats.hp += hpGained;
+                  console.log(`Gained ${hpGained} HP.`);
+                  // Clamping to maxHP happens later
+             }
+
+             // Check for death AFTER applying HP changes for the current turn
+             if (gameState.character.stats.hp <= 0) {
+                 gameState.character.stats.hp = 0; // Don't go below 0
+                 console.log("Player died!");
+                 nextPageId = 99; // Force game over page
+                 rollResultMessage += `<p style="color:red;"><em>You have succumbed to your injuries!${hpLostThisTurn > 0 ? ` (-${hpLostThisTurn} HP)` : ''}</em></p>`;
+                 renderPageInternal(nextPageId, gameData[nextPageId], rollResultMessage); // Render immediately
+                 return; // Stop further processing
+             }
+
+            // Apply other rewards if player is still alive
+            if (targetPageData.reward) {
+                if (targetPageData.reward.xp) {
+                    gameState.character.xp += targetPageData.reward.xp;
+                    console.log(`Gained ${targetPageData.reward.xp} XP! Total: ${gameState.character.xp}`);
+                    // TODO: Implement level up check here
+                }
+                if (targetPageData.reward.statIncrease) {
+                    const stat = targetPageData.reward.statIncrease.stat;
+                    const amount = targetPageData.reward.statIncrease.amount;
+                    if (gameState.character.stats.hasOwnProperty(stat)) {
+                        gameState.character.stats[stat] += amount;
+                        console.log(`Stat ${stat} increased by ${amount}.`);
+                        if (stat === 'constitution') recalculateMaxHp(); // Recalculate if Con changed
+                    }
+                }
+                if (targetPageData.reward.addItem && !gameState.character.inventory.includes(targetPageData.reward.addItem)) {
+                     const itemName = targetPageData.reward.addItem;
+                     if (itemsData[itemName]) { // Check item exists
+                         gameState.character.inventory.push(itemName);
+                         console.log(`Found item via reward: ${itemName}`);
+                         rollResultMessage += `<p><em>Item acquired: ${itemName}</em></p>`;
+                     } else {
+                         console.warn(`Attempted to add unknown item from reward: ${itemName}`);
+                         rollResultMessage += `<p style="color:orange;">Warning: Tried to add unknown reward item '${itemName}'.</p>`;
+                     }
+                }
+            }
+
+            // --- Update Game State & Render ---
+            gameState.currentPageId = nextPageId; // Set the new current page ID
+            recalculateMaxHp(); // Recalculate max HP based on current stats/level
+            gameState.character.stats.hp = Math.min(gameState.character.stats.hp, gameState.character.stats.maxHp); // Clamp HP
+
+            console.log("Transitioning to page:", nextPageId);
+            renderPageInternal(nextPageId, gameData[nextPageId], rollResultMessage); // Render the next page
         }
 
-        function handleSellItem(itemName) { // [Unchanged from previous working version]
-            console.log("Attempting to sell:", itemName); const itemIndex = gameState.character.inventory.indexOf(itemName); const itemInfo = itemsData[itemName]; let message = ""; if (itemIndex === -1) { console.warn(`Sell failed: Item "${itemName}" not in inventory.`); message = `<p class="feedback-error">Cannot sell ${itemName} - you don't have it!</p>`; } else if (!itemInfo) { console.warn(`Sell failed: Item data for "${itemName}" not found.`); message = `<p class="feedback-error">Cannot sell ${itemName} - item data missing!</p>`; } else if (itemInfo.type === 'quest') { console.log(`Sell blocked: Item "${itemName}" is a quest item.`); message = `<p class="feedback-message">Cannot sell ${itemName} - it seems important.</p>`; } else if (itemInfo.goldValue === undefined || itemInfo.goldValue <= 0) { console.log(`Sell blocked: Item "${itemName}" has no gold value.`); message = `<p class="feedback-message">${itemName} isn't worth any gold.</p>`; } else { const value = itemInfo.goldValue; gameState.character.gold += value; gameState.character.inventory.splice(itemIndex, 1); message = `<p class="feedback-success">Sold ${itemName} for ${value} Gold.</p>`; console.log(`Sold ${itemName} for ${value} gold. Current gold: ${gameState.character.gold}`); } return message;
+         function recalculateMaxHp() {
+             const baseHp = 10; // Assuming level 1
+             const conModifier = Math.floor((gameState.character.stats.constitution - 10) / 2);
+             gameState.character.stats.maxHp = Math.max(1, baseHp + (conModifier * gameState.character.level));
+             console.log(`Max HP recalculated: ${gameState.character.stats.maxHp}`);
+         }
+
+        function renderPageInternal(pageId, pageData, message = "") {
+            if (!pageData) {
+                console.error(`Render Error: No data for page ${pageId}! Falling back to page 99.`);
+                 pageData = gameData[99]; // Fallback to game over page
+                 message += `<p style="color:red;">Render Error: Data for page ${pageId} not found!</p>`;
+                 pageId = 99; // Ensure we use 99 if data was missing
+            }
+
+            console.log(`Rendering page ${pageId}`);
+            storyTitleElement.textContent = pageData.title || "Untitled Page";
+            storyContentElement.innerHTML = message + (pageData.content || "<p>...</p>");
+            updateStatsDisplay();
+            updateInventoryDisplay();
+            choicesElement.innerHTML = '';
+
+            if (pageData.options && pageData.options.length > 0) {
+                pageData.options.forEach(option => {
+                    const button = document.createElement('button');
+                    button.classList.add('choice-button');
+                    button.textContent = option.text;
+                    let requirementMet = true;
+                    let requirementText = []; // Store unmet requirements text
+
+                    // Check requirements (e.g., item needed)
+                    if (option.requireItem && !gameState.character.inventory.includes(option.requireItem)) {
+                        requirementMet = false;
+                        requirementText.push(`Requires: ${option.requireItem}`);
+                    }
+                    // TODO: Add other requirement checks (stats, flags) here
+
+                    button.disabled = !requirementMet;
+                    if (!requirementMet) {
+                        button.title = requirementText.join(', '); // Show requirements on hover
+                    } else {
+                        // Pass page ID directly in choiceData for handleChoiceClick
+                        const choiceData = { nextPage: option.next, addItem: option.addItem, check: option.check };
+                        button.onclick = () => handleChoiceClick(choiceData);
+                    }
+                    choicesElement.appendChild(button);
+                });
+            } else { // No options defined - End of branch or Game Over
+                const button = document.createElement('button');
+                button.classList.add('choice-button');
+                button.textContent = pageData.gameOver ? "Restart Adventure" : "The End (Restart?)";
+                // Restart button always goes to page 1, triggering the startGame logic
+                button.onclick = () => handleChoiceClick({ nextPage: 1 }); // Use nextPage: 1 for restart
+                choicesElement.appendChild(button);
+                if (!pageData.gameOver) {
+                    choicesElement.insertAdjacentHTML('afterbegin', '<p><i>The path ends here.</i></p>');
+                }
+            }
+            updateScene(pageData.illustration || 'default');
         }
 
-        function recalculateMaxHp() { // [Unchanged from previous working version]
-             const baseHp = 10; const conModifier = Math.floor((gameState.character.stats.constitution - 10) / 2); gameState.character.stats.maxHp = Math.max(1, baseHp + conModifier * gameState.character.level);
+        function renderPage(pageId) {
+            renderPageInternal(pageId, gameData[pageId]);
         }
 
-        function renderPageInternal(pageId, pageData, message = "") { // [Unchanged from previous working version]
-             stopLoadingAnimation(); // Stop loading animation whenever a page renders
-             if (!pageData) { console.error(`Render Error: No data for page ${pageId}`); pageData = gameData["99"] || { title: "Error", content: "<p>Render Error! Critical page data missing.</p>", illustration: "error", gameOver: true }; message += `<p class="feedback-error">Render Error: Page data for ID ${pageId} was missing!</p>`; pageId = 99; } console.log(`Rendering page ${pageId}: "${pageData.title}"`);
-             storyTitleElement.textContent = pageData.title || "Untitled Page"; storyContentElement.innerHTML = message + (pageData.content || "<p>...</p>"); updateStatsDisplay(); updateInventoryDisplay(); choicesElement.innerHTML = '';
-             const options = pageData.options || []; const isGameOverPage = pageData.gameOver === true;
-             if (isGameOverPage && pageData.allowSell === true) { const sellableItems = gameState.character.inventory.filter(itemName => { const itemInfo = itemsData[itemName]; return itemInfo && itemInfo.type !== 'quest' && itemInfo.goldValue !== undefined && itemInfo.goldValue > 0; }); if (sellableItems.length > 0) { choicesElement.innerHTML += `<h3 style="margin-bottom: 5px;">Sell Items:</h3>`; sellableItems.forEach(itemName => { const itemInfo = itemsData[itemName]; if (!itemInfo) return; const sellButton = document.createElement('button'); sellButton.classList.add('choice-button', 'sell-button'); sellButton.textContent = `Sell ${itemName} (${itemInfo.goldValue} Gold)`; sellButton.onclick = () => handleChoiceClick({ action: 'sell_item', item: itemName }); choicesElement.appendChild(sellButton); }); choicesElement.innerHTML += `<hr style="border-color: #555; margin: 15px 0 10px 0;">`; } }
-             if (!isGameOverPage && options.length > 0) { options.forEach(option => { const button = document.createElement('button'); button.classList.add('choice-button'); button.textContent = option.text; let requirementMet = true; let requirementText = []; if (option.requireItem) { if (!gameState.character.inventory.includes(option.requireItem)) { requirementMet = false; requirementText.push(`Requires: ${option.requireItem}`); } } if (option.requireStat) { const currentStat = gameState.character.stats[option.requireStat.stat] || 0; if (currentStat < option.requireStat.value) { requirementMet = false; requirementText.push(`Requires: ${option.requireStat.stat.charAt(0).toUpperCase() + option.requireStat.stat.slice(1)} ${option.requireStat.value}`); } } button.disabled = !requirementMet; if (!requirementMet) button.title = requirementText.join(', '); else { const choiceData = { next: option.next, addItem: option.addItem, check: option.check }; button.onclick = () => handleChoiceClick(choiceData); } choicesElement.appendChild(button); }); } else if (isGameOverPage) { const restartButton = document.createElement('button'); restartButton.classList.add('choice-button'); restartButton.textContent = "Restart Adventure (Keep Progress)"; restartButton.onclick = () => handleChoiceClick({ action: 'restart_plus' }); choicesElement.appendChild(restartButton); } else if (pageId !== 99) { choicesElement.insertAdjacentHTML('beforeend', '<p><i>There are no further paths from here.</i></p>'); const restartButton = document.createElement('button'); restartButton.classList.add('choice-button'); restartButton.textContent = "Restart Adventure (Keep Progress)"; restartButton.onclick = () => handleChoiceClick({ action: 'restart_plus' }); choicesElement.appendChild(restartButton); }
-             updateScene(pageData.illustration || 'default');
+        function updateStatsDisplay() {
+            const char=gameState.character;
+            statsElement.innerHTML = `<strong>Stats:</strong> <span>Lvl: ${char.level}</span> <span>XP: ${char.xp}/${char.xpToNextLevel}</span> <span>HP: ${char.stats.hp}/${char.stats.maxHp}</span> <span>Str: ${char.stats.strength}</span> <span>Int: ${char.stats.intelligence}</span> <span>Wis: ${char.stats.wisdom}</span> <span>Dex: ${char.stats.dexterity}</span> <span>Con: ${char.stats.constitution}</span> <span>Cha: ${char.stats.charisma}</span>`;
         }
 
-        function renderPage(pageId) { renderPageInternal(pageId, gameData[pageId]); } // [Unchanged]
-        function updateStatsDisplay() { const char = gameState.character; statsElement.innerHTML = `<strong>Stats:</strong> <span class="stat-gold">Gold: ${char.gold}</span> <span>Lvl: ${char.level}</span> <span>XP: ${char.xp}/${char.xpToNextLevel}</span> <span>HP: ${char.stats.hp}/${char.stats.maxHp}</span> <span>Str: ${char.stats.strength}</span> <span>Int: ${char.stats.intelligence}</span> <span>Wis: ${char.stats.wisdom}</span> <span>Dex: ${char.stats.dexterity}</span> <span>Con: ${char.stats.constitution}</span> <span>Cha: ${char.stats.charisma}</span>`; } // [Unchanged]
-        function updateInventoryDisplay() { let h = '<strong>Inventory:</strong> '; if (gameState.character.inventory.length === 0) { h += '<em>Empty</em>'; } else { gameState.character.inventory.forEach(itemName => { const item = itemsData[itemName] || { type: 'unknown', description: 'An unknown item.' }; const itemClass = `item-${item.type || 'unknown'}`; const descriptionText = typeof item.description === 'string' ? item.description : 'No description available.'; h += `<span class="${itemClass}" title="${descriptionText.replace(/"/g, '&quot;')}">${itemName}</span>`; }); } inventoryElement.innerHTML = h; } // [Unchanged]
+        function updateInventoryDisplay() {
+            let h='<strong>Inventory:</strong> ';
+            if(gameState.character.inventory.length === 0){
+                h+='<em>Empty</em>';
+            } else {
+                gameState.character.inventory.forEach(i=>{
+                    const d=itemsData[i]||{type:'unknown',description:'???'};
+                    const c=`item-${d.type||'unknown'}`;
+                    h+=`<span class="${c}" title="${d.description}">${i}</span>`;
+                });
+            }
+            inventoryElement.innerHTML = h;
+        }
 
-        // --- Scene Update and Lighting --- [Unchanged]
-        // [Keep updateScene and adjustLighting functions here]
-        function updateScene(illustrationKey) { if (!scene) { console.warn("Scene not initialized, cannot update visual."); return; } console.log("Updating scene for illustration key:", illustrationKey); if (currentAssemblyGroup) { scene.remove(currentAssemblyGroup); currentAssemblyGroup.traverse(child => { if (child.isMesh) { child.geometry.dispose(); } }); currentAssemblyGroup = null; } scene.fog = null; scene.background = new THREE.Color(0x222222); camera.position.set(0, 2.5, 7); camera.lookAt(0, 0.5, 0); let assemblyFunction; switch (illustrationKey) { case 'city-gates': assemblyFunction = createCityGatesAssembly; break; case 'weaponsmith': assemblyFunction = createWeaponsmithAssembly; break; case 'temple': assemblyFunction = createTempleAssembly; break; case 'resistance-meeting': assemblyFunction = createResistanceMeetingAssembly; break; case 'prisoner-cell': assemblyFunction = createPrisonerCellAssembly; break; case 'game-over': case 'game-over-generic': assemblyFunction = createGameOverAssembly; break; case 'error': assemblyFunction = createErrorAssembly; break; case 'crossroads-signpost-sunny': scene.fog = new THREE.Fog(0x87CEEB, 10, 35); camera.position.set(0, 3, 10); camera.lookAt(0, 1, 0); scene.background = new THREE.Color(0x87CEEB); assemblyFunction = createCrossroadsAssembly; break; case 'rolling-green-hills-shepherd-distance': case 'hilltop-view-overgrown-shrine-wildflowers': case 'overgrown-stone-shrine-wildflowers-close': scene.fog = new THREE.Fog(0xA8E4A0, 15, 50); camera.position.set(0, 5, 15); camera.lookAt(0, 2, -5); scene.background = new THREE.Color(0x90EE90); if (illustrationKey === 'overgrown-stone-shrine-wildflowers-close') camera.position.set(1, 2, 4); if (illustrationKey === 'hilltop-view-overgrown-shrine-wildflowers') camera.position.set(3, 4, 8); assemblyFunction = createRollingHillsAssembly; break; case 'windy-sea-cliffs-crashing-waves-path-down': case 'scanning-sea-cliffs-no-other-paths-visible': case 'close-up-handholds-carved-in-cliff-face': scene.fog = new THREE.Fog(0x6699CC, 10, 40); camera.position.set(5, 5, 10); camera.lookAt(-2, 0, -5); scene.background = new THREE.Color(0x6699CC); assemblyFunction = createCoastalCliffsAssembly; break; case 'hidden-cove-beach-dark-cave-entrance': case 'character-fallen-at-bottom-of-cliff-path-cove': scene.fog = new THREE.Fog(0x336699, 5, 30); camera.position.set(0, 2, 8); camera.lookAt(0, 1, -2); scene.background = new THREE.Color(0x336699); assemblyFunction = createHiddenCoveAssembly; break; case 'rocky-badlands-cracked-earth-harsh-sun': scene.fog = new THREE.Fog(0xD2B48C, 15, 40); camera.position.set(0, 3, 12); camera.lookAt(0, 1, 0); scene.background = new THREE.Color(0xCD853F); assemblyFunction = createDefaultAssembly; break; case 'shadowwood-forest': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(0, 2, 8); camera.lookAt(0, 1, 0); scene.background = new THREE.Color(0x1A1A1A); assemblyFunction = createForestAssembly; break; case 'dark-forest-entrance-gnarled-roots-filtered-light': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(0, 2, 8); camera.lookAt(0, 1, 0); scene.background = new THREE.Color(0x1A1A1A); assemblyFunction = createForestEntranceAssembly; break; case 'overgrown-forest-path-glowing-fungi-vines': case 'pushing-through-forest-undergrowth': scene.fog = new THREE.Fog(0x1A2F2A, 3, 15); camera.position.set(0, 1.5, 6); camera.lookAt(0, 0.5, 0); scene.background = new THREE.Color(0x112211); assemblyFunction = createOvergrownPathAssembly; break; case 'forest-clearing-mossy-statue-weathered-stone': case 'forest-clearing-mossy-statue-hidden-compartment': case 'forest-clearing-mossy-statue-offering': scene.fog = new THREE.Fog(0x2E4F3A, 5, 25); camera.position.set(0, 2, 5); camera.lookAt(0, 1, 0); scene.background = new THREE.Color(0x223322); assemblyFunction = createClearingStatueAssembly; break; case 'narrow-game-trail-forest-rope-bridge-ravine': case 'character-crossing-rope-bridge-safely': case 'rope-bridge-snapping-character-falling': case 'fallen-log-crossing-ravine': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(2, 3, 6); camera.lookAt(0, -1, -2); scene.background = new THREE.Color(0x1A1A1A); assemblyFunction = createForestAssembly; break; case 'two-goblins-ambush-forest-path-spears': case 'forest-shadows-hiding-goblins-walking-past': case 'defeated-goblins-forest-path-loot': case 'blurred-motion-running-past-goblins-forest': scene.fog = new THREE.Fog(0x1A2F2A, 3, 15); camera.position.set(0, 2, 7); camera.lookAt(0, 1, 0); scene.background = new THREE.Color(0x112211); assemblyFunction = createGoblinAmbushAssembly; break; case 'forest-stream-crossing-dappled-sunlight-stones': case 'mossy-log-bridge-over-forest-stream': case 'character-splashing-into-stream-from-log': scene.fog = new THREE.Fog(0x668866, 8, 25); camera.position.set(0, 2, 6); camera.lookAt(0, 0.5, 0); scene.background = new THREE.Color(0x446644); if (illustrationKey === 'mossy-log-bridge-over-forest-stream') camera.position.set(1, 2, 5); assemblyFunction = createForestAssembly; break; case 'forest-edge-view-rocky-foothills-distant-mountain-fortress': case 'forest-edge': scene.fog = new THREE.Fog(0xAAAAAA, 10, 40); camera.position.set(0, 3, 10); camera.lookAt(0, 1, -5); scene.background = new THREE.Color(0x888888); assemblyFunction = createForestEdgeAssembly; break; case 'climbing-rocky-foothills-path-fortress-closer': case 'rockslide-blocking-mountain-path-boulders': case 'character-climbing-over-boulders': case 'character-slipping-on-rockslide-boulders': case 'rough-detour-path-around-rockslide': scene.fog = new THREE.Fog(0x778899, 8, 35); camera.position.set(0, 4, 9); camera.lookAt(0, 2, 0); scene.background = new THREE.Color(0x708090); assemblyFunction = createDefaultAssembly; break; case 'zoomed-view-mountain-fortress-western-ridge': scene.fog = new THREE.Fog(0x778899, 8, 35); camera.position.set(5, 6, 12); camera.lookAt(-2, 3, -5); scene.background = new THREE.Color(0x708090); assemblyFunction = createDefaultAssembly; break; case 'narrow-goat-trail-mountainside-fortress-view': scene.fog = new THREE.Fog(0x778899, 5, 30); camera.position.set(1, 3, 6); camera.lookAt(0, 2, -2); scene.background = new THREE.Color(0x708090); assemblyFunction = createDefaultAssembly; break; case 'narrow-windy-mountain-ridge-path': case 'character-falling-off-windy-ridge': scene.fog = new THREE.Fog(0x8899AA, 6, 25); camera.position.set(2, 5, 7); camera.lookAt(0, 3, -3); scene.background = new THREE.Color(0x778899); assemblyFunction = createDefaultAssembly; break; case 'approaching-dark-fortress-walls-guards': scene.fog = new THREE.Fog(0x444455, 5, 20); camera.position.set(0, 3, 8); camera.lookAt(0, 2, 0); scene.background = new THREE.Color(0x333344); assemblyFunction = createDefaultAssembly; break; case 'dark-cave-entrance-dripping-water': scene.fog = new THREE.Fog(0x1A1A1A, 2, 10); camera.position.set(0, 1.5, 4); camera.lookAt(0, 1, 0); scene.background = new THREE.Color(0x111111); assemblyFunction = createDarkCaveAssembly; break; default: console.warn(`Unknown illustration key: "${illustrationKey}". Using default scene.`); assemblyFunction = createDefaultAssembly; break; } try { currentAssemblyGroup = assemblyFunction(); if (currentAssemblyGroup && currentAssemblyGroup.isGroup) { scene.add(currentAssemblyGroup); adjustLighting(illustrationKey); } else { throw new Error("Assembly function did not return a valid THREE.Group."); } } catch (error) { console.error(`Error creating assembly for ${illustrationKey}:`, error); if (currentAssemblyGroup) { scene.remove(currentAssemblyGroup); } currentAssemblyGroup = createErrorAssembly(); scene.add(currentAssemblyGroup); adjustLighting('error'); } onWindowResize(); }
-        function adjustLighting(illustrationKey) { if (!scene) return; const lightsToRemove = scene.children.filter(child => child.isLight && !child.isAmbientLight); lightsToRemove.forEach(light => scene.remove(light)); const ambient = scene.children.find(c => c.isAmbientLight); if (!ambient) { console.warn("No ambient light found, adding default."); scene.add(new THREE.AmbientLight(0xffffff, 0.5)); } let directionalLight; let lightIntensity = 1.2; let ambientIntensity = 0.5; let lightColor = 0xffffff; let lightPosition = { x: 8, y: 15, z: 10 }; switch (illustrationKey) { case 'crossroads-signpost-sunny': case 'rolling-green-hills-shepherd-distance': case 'hilltop-view-overgrown-shrine-wildflowers': case 'overgrown-stone-shrine-wildflowers-close': ambientIntensity = 0.7; lightIntensity = 1.5; lightColor = 0xFFF8E1; lightPosition = { x: 10, y: 15, z: 10 }; break; case 'shadowwood-forest': case 'dark-forest-entrance-gnarled-roots-filtered-light': case 'overgrown-forest-path-glowing-fungi-vines': case 'forest-clearing-mossy-statue-weathered-stone': case 'narrow-game-trail-forest-rope-bridge-ravine': case 'two-goblins-ambush-forest-path-spears': case 'forest-stream-crossing-dappled-sunlight-stones': case 'forest-edge-view-rocky-foothills-distant-mountain-fortress': ambientIntensity = 0.4; lightIntensity = 0.8; lightColor = 0xB0C4DE; lightPosition = { x: 5, y: 12, z: 5 }; break; case 'dark-cave-entrance-dripping-water': ambientIntensity = 0.1; lightIntensity = 0.3; lightColor = 0x667799; lightPosition = { x: 0, y: 5, z: 3 }; break; case 'prisoner-cell': ambientIntensity = 0.2; lightIntensity = 0.5; lightColor = 0x7777AA; lightPosition = { x: 0, y: 10, z: 5 }; break; case 'windy-sea-cliffs-crashing-waves-path-down': case 'hidden-cove-beach-dark-cave-entrance': ambientIntensity = 0.6; lightIntensity = 1.0; lightColor = 0xCCDDFF; lightPosition = { x: -10, y: 12, z: 8 }; break; case 'rocky-badlands-cracked-earth-harsh-sun': ambientIntensity = 0.7; lightIntensity = 1.8; lightColor = 0xFFFFDD; lightPosition = { x: 5, y: 20, z: 5 }; break; case 'climbing-rocky-foothills-path-fortress-closer': case 'zoomed-view-mountain-fortress-western-ridge': case 'narrow-goat-trail-mountainside-fortress-view': case 'narrow-windy-mountain-ridge-path': case 'approaching-dark-fortress-walls-guards': ambientIntensity = 0.5; lightIntensity = 1.3; lightColor = 0xDDEEFF; lightPosition = { x: 10, y: 18, z: 15 }; break; case 'game-over': case 'game-over-generic': ambientIntensity = 0.2; lightIntensity = 0.8; lightColor = 0xFF6666; lightPosition = { x: 0, y: 5, z: 5 }; break; case 'error': ambientIntensity = 0.4; lightIntensity = 1.0; lightColor = 0xFFCC00; lightPosition = { x: 0, y: 5, z: 5 }; break; default: ambientIntensity = 0.5; lightIntensity = 1.2; lightColor = 0xffffff; lightPosition = { x: 8, y: 15, z: 10 }; break; } const currentAmbient = scene.children.find(c => c.isAmbientLight); if (currentAmbient) { currentAmbient.intensity = ambientIntensity; } directionalLight = new THREE.DirectionalLight(lightColor, lightIntensity); directionalLight.position.set(lightPosition.x, lightPosition.y, lightPosition.z); directionalLight.castShadow = true; directionalLight.shadow.mapSize.set(1024, 1024); directionalLight.shadow.camera.near = 0.5; directionalLight.shadow.camera.far = 50; directionalLight.shadow.camera.left = -20; directionalLight.shadow.camera.right = 20; directionalLight.shadow.camera.top = 20; directionalLight.shadow.camera.bottom = -20; directionalLight.shadow.bias = -0.001; scene.add(directionalLight); }
+        function updateScene(illustrationKey) {
+            if (!scene) return; // Guard clause
+            if (currentAssemblyGroup) {
+                 scene.remove(currentAssemblyGroup);
+                 // Basic disposal
+                  currentAssemblyGroup.traverse(child => {
+                      if (child.isMesh) {
+                          child.geometry.dispose();
+                          // Avoid disposing shared materials
+                      }
+                  });
+                  currentAssemblyGroup = null;
+             }
+            scene.fog = null;
+            scene.background = new THREE.Color(0x222222);
+            camera.position.set(0, 2.5, 7);
+            camera.lookAt(0, 0.5, 0);
+
+            let assemblyFunction;
+            switch (illustrationKey) {
+                case 'city-gates': assemblyFunction = createCityGatesAssembly; break;
+                case 'weaponsmith': assemblyFunction = createWeaponsmithAssembly; break;
+                case 'temple': assemblyFunction = createTempleAssembly; break;
+                case 'resistance-meeting': assemblyFunction = createResistanceMeetingAssembly; break;
+                case 'shadowwood-forest': assemblyFunction = createForestAssembly; break;
+                case 'road-ambush': assemblyFunction = createRoadAmbushAssembly; break;
+                case 'forest-edge': assemblyFunction = createForestEdgeAssembly; break;
+                case 'prisoner-cell': assemblyFunction = createPrisonerCellAssembly; break;
+                case 'game-over': case 'game-over-generic': assemblyFunction = createGameOverAssembly; break;
+                case 'error': assemblyFunction = createErrorAssembly; break;
+                case 'crossroads-signpost-sunny': scene.fog = new THREE.Fog(0x87CEEB, 10, 30); scene.background = new THREE.Color(0x87CEEB); camera.position.set(0, 3, 10); camera.lookAt(0, 1, 0); assemblyFunction = createCrossroadsAssembly; break;
+                case 'rolling-green-hills-shepherd-distance': scene.fog = new THREE.Fog(0xA8E4A0, 15, 50); camera.position.set(0, 5, 15); camera.lookAt(0, 2, -5); assemblyFunction = createRollingHillsAssembly; break;
+                case 'windy-sea-cliffs-crashing-waves-path-down': scene.fog = new THREE.Fog(0x6699CC, 10, 40); scene.background = new THREE.Color(0x6699CC); camera.position.set(5, 5, 10); camera.lookAt(-2, 0, -5); assemblyFunction = createCoastalCliffsAssembly; break;
+                case 'dark-forest-entrance-gnarled-roots-filtered-light': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(0, 2, 8); camera.lookAt(0, 1, 0); assemblyFunction = createForestEntranceAssembly; break;
+                case 'overgrown-forest-path-glowing-fungi-vines': scene.fog = new THREE.Fog(0x1A2F2A, 3, 15); camera.position.set(0, 1.5, 6); camera.lookAt(0, 0.5, 0); assemblyFunction = createOvergrownPathAssembly; break;
+                case 'forest-clearing-mossy-statue-weathered-stone': case 'forest-clearing-mossy-statue-hidden-compartment': case 'forest-clearing-mossy-statue-offering': scene.fog = new THREE.Fog(0x2E4F3A, 5, 25); camera.position.set(0, 2, 5); camera.lookAt(0, 1, 0); assemblyFunction = createClearingStatueAssembly; break;
+                case 'two-goblins-ambush-forest-path-spears': case 'forest-shadows-hiding-goblins-walking-past': case 'defeated-goblins-forest-path-loot': case 'blurred-motion-running-past-goblins-forest': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(0, 2, 7); camera.lookAt(0, 1, 0); assemblyFunction = createGoblinAmbushAssembly; break;
+                case 'hidden-cove-beach-dark-cave-entrance': case 'character-fallen-at-bottom-of-cliff-path-cove': scene.fog = new THREE.Fog(0x336699, 5, 30); scene.background = new THREE.Color(0x336699); camera.position.set(0, 2, 8); camera.lookAt(0, 1, -2); assemblyFunction = createHiddenCoveAssembly; break;
+                case 'dark-cave-entrance-dripping-water': scene.fog = new THREE.Fog(0x1A1A1A, 2, 10); scene.background = new THREE.Color(0x1A1A1A); camera.position.set(0, 1.5, 4); camera.lookAt(0, 1, 0); assemblyFunction = createDarkCaveAssembly; break;
+                 case 'hilltop-view-overgrown-shrine-wildflowers': scene.fog = new THREE.Fog(0xA8E4A0, 15, 50); camera.position.set(0, 5, 15); camera.lookAt(0, 2, -5); assemblyFunction = createRollingHillsAssembly; break; // Added missing case from data
+                 case 'character-splashing-into-stream-from-log': scene.fog = new THREE.Fog(0x668866, 8, 25); camera.position.set(0, 2, 6); camera.lookAt(0, 0.5, 0); assemblyFunction = createForestAssembly; break; // Added missing case
+                 case 'forest-stream-crossing-dappled-sunlight-stones': scene.fog = new THREE.Fog(0x668866, 8, 25); camera.position.set(0, 2, 6); camera.lookAt(0, 0.5, 0); assemblyFunction = createForestAssembly; break;// Added missing case
+                 case 'mossy-log-bridge-over-forest-stream': scene.fog = new THREE.Fog(0x668866, 8, 25); camera.position.set(1, 2, 5); camera.lookAt(-1, 0.5, 0); assemblyFunction = createForestAssembly; break;// Added missing case
+                 case 'forest-edge-view-rocky-foothills-distant-mountain-fortress': scene.fog = new THREE.Fog(0xAAAAAA, 10, 40); camera.position.set(0, 3, 10); camera.lookAt(0, 1, -5); assemblyFunction = createForestEdgeAssembly; break;// Added missing case
+                 case 'climbing-rocky-foothills-path-fortress-closer': scene.fog = new THREE.Fog(0x778899, 8, 35); camera.position.set(0, 4, 9); camera.lookAt(0, 2, 0); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'zoomed-view-mountain-fortress-western-ridge': scene.fog = new THREE.Fog(0x778899, 8, 35); camera.position.set(5, 6, 12); camera.lookAt(-2, 3, -5); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'rockslide-blocking-mountain-path-boulders': scene.fog = new THREE.Fog(0x778899, 8, 35); camera.position.set(0, 4, 9); camera.lookAt(0, 2, 0); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'narrow-goat-trail-mountainside-fortress-view': scene.fog = new THREE.Fog(0x778899, 5, 30); camera.position.set(1, 3, 6); camera.lookAt(0, 2, -2); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'character-climbing-over-boulders': scene.fog = new THREE.Fog(0x778899, 8, 35); camera.position.set(0, 4, 9); camera.lookAt(0, 2, 0); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'character-slipping-on-rockslide-boulders': scene.fog = new THREE.Fog(0x778899, 8, 35); camera.position.set(0, 4, 9); camera.lookAt(0, 2, 0); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'rough-detour-path-around-rockslide': scene.fog = new THREE.Fog(0x778899, 8, 35); camera.position.set(0, 4, 9); camera.lookAt(0, 2, 0); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'narrow-windy-mountain-ridge-path': scene.fog = new THREE.Fog(0x8899AA, 6, 25); camera.position.set(2, 5, 7); camera.lookAt(0, 3, -3); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'approaching-dark-fortress-walls-guards': scene.fog = new THREE.Fog(0x444455, 5, 20); camera.position.set(0, 3, 8); camera.lookAt(0, 2, 0); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'character-falling-off-windy-ridge': scene.fog = new THREE.Fog(0x8899AA, 6, 25); camera.position.set(2, 5, 7); camera.lookAt(0, 3, -3); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'scanning-sea-cliffs-no-other-paths-visible': scene.fog = new THREE.Fog(0x6699CC, 10, 40); scene.background = new THREE.Color(0x6699CC); camera.position.set(5, 5, 10); camera.lookAt(-2, 0, -5); assemblyFunction = createCoastalCliffsAssembly; break;// Added missing case
+                 case 'close-up-handholds-carved-in-cliff-face': scene.fog = new THREE.Fog(0x6699CC, 10, 40); scene.background = new THREE.Color(0x6699CC); camera.position.set(5, 5, 10); camera.lookAt(-2, 0, -5); assemblyFunction = createCoastalCliffsAssembly; break;// Added missing case
+                 case 'overgrown-stone-shrine-wildflowers-close': scene.fog = new THREE.Fog(0xA8E4A0, 15, 50); camera.position.set(1, 2, 4); camera.lookAt(0, 0.5, 0); assemblyFunction = createRollingHillsAssembly; break;// Added missing case
+                 case 'rocky-badlands-cracked-earth-harsh-sun': scene.fog = new THREE.Fog(0xD2B48C, 15, 40); scene.background = new THREE.Color(0xCD853F); camera.position.set(0, 3, 12); camera.lookAt(0, 1, 0); assemblyFunction = createDefaultAssembly; break;// Added missing case
+                 case 'pushing-through-forest-undergrowth': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(0, 1.5, 5); camera.lookAt(0, 1, 0); assemblyFunction = createForestAssembly; break;// Added missing case
+                 case 'narrow-game-trail-forest-rope-bridge-ravine': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(2, 3, 6); camera.lookAt(0, -1, -2); assemblyFunction = createForestAssembly; break;// Added missing case
+                 case 'character-crossing-rope-bridge-safely': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(2, 3, 6); camera.lookAt(0, -1, -2); assemblyFunction = createForestAssembly; break;// Added missing case
+                 case 'rope-bridge-snapping-character-falling': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(2, 3, 6); camera.lookAt(0, -1, -2); assemblyFunction = createForestAssembly; break;// Added missing case
+                 case 'fallen-log-crossing-ravine': scene.fog = new THREE.Fog(0x2E2E2E, 5, 20); camera.position.set(2, 3, 6); camera.lookAt(0, -1, -2); assemblyFunction = createForestAssembly; break;// Added missing case
+
+                default:
+                    console.warn(`Unknown illustration key: "${illustrationKey}". Using default.`);
+                    assemblyFunction = createDefaultAssembly; break;
+            }
+            try {
+                currentAssemblyGroup = assemblyFunction();
+                if (currentAssemblyGroup && currentAssemblyGroup.isGroup) { // Check it's a group
+                     scene.add(currentAssemblyGroup);
+                     adjustLighting(illustrationKey);
+                 } else {
+                      throw new Error("Assembly function failed to return a valid THREE.Group");
+                 }
+            } catch (error) {
+                console.error(`Error creating assembly for ${illustrationKey}:`, error);
+                if (currentAssemblyGroup) { scene.remove(currentAssemblyGroup); } // Try cleanup
+                currentAssemblyGroup = createErrorAssembly();
+                scene.add(currentAssemblyGroup);
+                 adjustLighting('error');
+            }
+        }
 
-        // --- Potential Future Improvements Comment --- [Unchanged]
-        /* [Keep comment block here] */
+        function adjustLighting(illustrationKey) { // Unchanged
+            if (!scene) return;
+            scene.children.forEach(child => { if (child.isLight && child !== scene.children.find(c => c.isAmbientLight)) { scene.remove(child); } });
+            const ambient = scene.children.find(c => c.isAmbientLight);
+             if (!ambient) { console.warn("Ambient light missing!"); return; } // Added guard
+            let directionalLight;
+            switch (illustrationKey) {
+                case 'crossroads-signpost-sunny': ambient.intensity = 0.8; directionalLight = new THREE.DirectionalLight(0xFFF8E1, 1.5); directionalLight.position.set(10, 15, 10); break;
+                case 'dark-forest-entrance-gnarled-roots-filtered-light': case 'overgrown-forest-path-glowing-fungi-vines': ambient.intensity = 0.3; directionalLight = new THREE.DirectionalLight(0xA8E4A0, 0.6); directionalLight.position.set(5, 10, 5); break;
+                case 'dark-cave-entrance-dripping-water': ambient.intensity = 0.1; directionalLight = new THREE.DirectionalLight(0x666666, 0.2); directionalLight.position.set(2, 5, 2); break;
+                default: ambient.intensity = 0.5; directionalLight = new THREE.DirectionalLight(0xffffff, 1.2); directionalLight.position.set(8, 15, 10);
+            }
+            if (!directionalLight) { // Ensure light is created
+                 console.warn("Directional light not set for key:", illustrationKey, ". Using default.");
+                 ambient.intensity = 0.5; directionalLight = new THREE.DirectionalLight(0xffffff, 1.2); directionalLight.position.set(8, 15, 10);
+             }
+            directionalLight.castShadow = true;
+            directionalLight.shadow.mapSize.set(1024, 1024);
+            directionalLight.shadow.camera.near = 0.5; directionalLight.shadow.camera.far = 50;
+            directionalLight.shadow.camera.left = -15; directionalLight.shadow.camera.right = 15;
+            directionalLight.shadow.camera.top = 15; directionalLight.shadow.camera.bottom = -15;
+            scene.add(directionalLight);
+        }
 
-        // ========================================
         // Initialization
-        // ========================================
         document.addEventListener('DOMContentLoaded', () => {
-            console.log("DOM Ready. Initializing...");
-
-            // Start loading animation
-            let dotCount = 0;
-            const baseLoadingText = "Please wait while the adventure loads";
-            if (loadingMessageElement) { // Check if element exists
-                 loadingIntervalId = setInterval(() => {
-                     dotCount = (dotCount + 1) % 4; // Cycle 0, 1, 2, 3
-                     const dots = '.'.repeat(dotCount);
-                     loadingMessageElement.textContent = baseLoadingText + dots;
-                 }, 500); // Update every 500ms
-                 console.log("Loading animation started.");
-             } else {
-                 console.warn("Loading message element not found.");
-             }
-
-            // Attempt to initialize Three.js
-            if (initThreeJS()) {
-                // If Three.js setup succeeds, start the game logic
-                // The loading animation will be stopped by the first call to renderPageInternal
-                startNewGame(); // Call startNewGame for the very first load
-                console.log("Game setup initiated.");
-            } else {
-                // If Three.js setup failed, display error in UI and stop animation
-                stopLoadingAnimation(); // Stop animation on error
-                console.error("Initialization failed: Three.js setup error.");
-                storyTitleElement.textContent = "Initialization Error";
-                storyContentElement.innerHTML = `<p>A critical error occurred during 3D scene setup. The adventure cannot begin. Please check the console (F12) for technical details.</p>`;
-                choicesElement.innerHTML = '<p style="color: #f77;">Cannot proceed due to initialization error.</p>';
-                if (sceneContainer) {
-                    sceneContainer.innerHTML = '<p style="color: #f77; padding: 20px; font-size: 1.2em; text-align: center;">3D Scene Failed to Load</p>';
-                }
+            console.log("DOM Ready.");
+            try {
+                initThreeJS(); // Initialize Three.js first
+                 if (!scene || !camera || !renderer) { // Check if init failed
+                     throw new Error("Three.js initialization failed.");
+                 }
+                startGame(); // Start game logic
+                console.log("Game started.");
+            } catch (error) {
+                console.error("Initialization failed:", error);
+                storyTitleElement.textContent = "Error During Initialization";
+                storyContentElement.innerHTML = `<p>Could not start the adventure. Please check the developer console (F12) for more details.</p><pre>${error.stack || error}</pre>`;
+                 choicesElement.innerHTML = ''; // Clear choices on error
+                 if(sceneContainer) sceneContainer.innerHTML = ''; // Clear scene on error
             }
         });
     </script>