Update index.html

index.html

@@ -230,15 +230,18 @@
             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;
+            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;
+            ground.rotation.x = -Math.PI / 2;
+            ground.position.y = -0.05;
+            ground.receiveShadow = true;
+            ground.castShadow = false;
             return ground;
         }
 
@@ -253,119 +256,119 @@
 
         function createCityGatesAssembly() {
             const group = new THREE.Group();
-            const gh=4, gw=1.5, gd=0.8, ah=1, aw=3;
+            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 }));
+            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 }));
+            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(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(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 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;
+            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(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 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 }));
+            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 }));
+            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 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(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) {
+        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);
+            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;
             };
-            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));
+            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));
+            group.add(createGroundPlane(groundMaterial, a * 1.1));
             return group;
         }
 
         function createRoadAmbushAssembly() {
             const group = new THREE.Group();
-            const a=12;
+            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;
+            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}));
+            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 a = 15;
             const fg = createForestAssembly(15, a);
-            const ttr=[];
+            const ttr = [];
             fg.children.forEach(c => {
-                if(c.type === 'Group' && c.position.x > 0) ttr.push(c);
+                if (c.type === 'Group' && c.position.x > 0) ttr.push(c);
             });
             ttr.forEach(t => fg.remove(t));
             group.add(fg);
@@ -374,20 +377,20 @@
 
         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();
+            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}));
+            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;
         }
@@ -396,7 +399,7 @@
             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})));
+            group.add(createGroundPlane(stoneMaterial.clone().set({ color: 0x333333 })));
             return group;
         }
 
@@ -480,7 +483,7 @@
             return group;
         }
 
-        function createOvergrownPathAssembly(treeCount=15, objectCount=30, creatureCount=0, lightIntensity=0.6) {
+        function createOvergrownPathAssembly(treeCount = 15, objectCount = 30, creatureCount = 0, lightIntensity = 0.6) {
             const group = new THREE.Group();
             group.add(createGroundPlane(dirtMaterial, 15));
             const forest = createForestAssembly(treeCount, 10);
@@ -570,7 +573,7 @@
             return group;
         }
 
-        function createMossyRavineAssembly(treeCount=10, objectCount=20, creatureCount=3, lightIntensity=0.5) {
+        function createMossyRavineAssembly(treeCount = 10, objectCount = 20, creatureCount = 3, lightIntensity = 0.5) {
             const group = new THREE.Group();
             group.add(createGroundPlane(groundMaterial, 20));
             const forest = createForestAssembly(treeCount, 15);
@@ -597,7 +600,7 @@
             return group;
         }
 
-        function createRockyBadlandsAssembly(treeCount=5, objectCount=15, creatureCount=2, lightIntensity=1.2) {
+        function createRockyBadlandsAssembly(treeCount = 5, objectCount = 15, creatureCount = 2, lightIntensity = 1.2) {
             const group = new THREE.Group();
             group.add(createGroundPlane(crackedEarthMaterial, 25));
             const sparseVeg = createForestAssembly(treeCount, 20);
@@ -618,7 +621,7 @@
             return group;
         }
 
-        function createMountainFortressAssembly(treeCount=3, objectCount=10, creatureCount=2, lightIntensity=0.8) {
+        function createMountainFortressAssembly(treeCount = 3, objectCount = 10, creatureCount = 2, lightIntensity = 0.8) {
             const group = new THREE.Group();
             group.add(createGroundPlane(stoneMaterial, 20));
             const wallGeo = new THREE.BoxGeometry(15, 3, 0.5);
@@ -643,17 +646,17 @@
 
         // 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."}
+            "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 = {
@@ -682,14 +685,14 @@
             "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" },
+            "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" },
-            "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"},
-            "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},
+            "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" },
+            "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 },
             "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 }
         };
 
@@ -784,7 +787,7 @@
                 const roll = Math.floor(Math.random() * 20) + 1;
                 const totalResult = roll + modifier + accomplishmentBonus;
                 const dc = check.dc;
-                console.log(`Check: ${check.stat} (DC ${dc}) | Roll: ${roll} + Mod: ${modifier} + Acc: ${accomplishmentBonus} = ${rollResultMessage}`);
+                console.log(`Check: ${check.stat} (DC ${dc}) | Roll: ${roll} + Mod: ${modifier} + Acc: ${accomplishmentBonus} = ${totalResult}`);
                 if (totalResult >= dc) {
                     nextPageId = optionNextPageId;
                     rollResultMessage = `<p class="roll-success"><em>Check Success! (${totalResult} vs DC ${dc})</em></p>`;
@@ -850,7 +853,7 @@
                 renderPageInternal(99, gameData[99], "<p><em>Error: Next page data missing!</em></p>" + levelUpMessage);
                 return;
             }
-            renderPageInternal(nextPageId, gameData[nextPageId], rollResultMessage + levelUpMessage);
+            renderPageInternal(nextPageId, nextPageData, rollResultMessage + levelUpMessage);
         }
 
         function renderPageInternal(pageId, pageData, message = "") {
@@ -884,7 +887,7 @@
                 const button = document.createElement('button');
                 button.classList.add('choice-button');
                 button.textContent = pageData.gameOver ? "Restart Adventure" : "The End";
-                button.onclick = () => handleChoiceClick({ nextPage: pageData.gameOver ?  Ascendancy : 99 });
+                button.onclick = () => handleChoiceClick({ nextPage: pageData.gameOver ? 1 : 99 });
                 choicesElement.appendChild(button);
                 if (!pageData.gameOver) choicesElement.insertAdjacentHTML('afterbegin', '<p><i>The path ends here.</i></p>');
             }
@@ -1018,15 +1021,4 @@
                 adjustLighting(illustrationKey);
             } catch (error) {
                 console.error(`Error creating assembly for ${illustrationKey}:`, error);
-                currentAssemblyGroup = createErrorAssembly();
-                scene.add(currentAssemblyGroup);
-            }
-        }
-
-        function adjustLighting(illustrationKey) {
-            scene.children.forEach(child => {
-                if (child.isLight && child !== scene.children.find(c => c.isAmbientLight)) {
-                    scene.remove(child);
-                }
-            });
-            const ambient
+                current