Update index.html

index.html

@@ -51,6 +51,7 @@
 import gradio as gr
 import random
 import json
+# Make sure to import everything needed from the other files
 from game_data import game_data, illustrations, enemies_data, items_data
 from game_engine import GameState, create_svg_illustration
 
@@ -73,25 +74,10 @@ def initialize_game():
         options.append(opt["text"])
     
     # Update game statistics display
-    stats = f"""
-    <div style='display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px;'>
-        <div style='background: #f0f0f0; padding: 5px 10px; border-radius: 5px;'>
-            <strong>Courage:</strong> {game_state.stats['courage']}
-        </div>
-        <div style='background: #f0f0f0; padding: 5px 10px; border-radius: 5px;'>
-            <strong>Wisdom:</strong> {game_state.stats['wisdom']}
-        </div>
-        <div style='background: #f0f0f0; padding: 5px 10px; border-radius: 5px;'>
-            <strong>Strength:</strong> {game_state.stats['strength']}
-        </div>
-        <div style='background: #f0f0f0; padding: 5px 10px; border-radius: 5px;'>
-            <strong>HP:</strong> {game_state.current_hp}/{game_state.max_hp}
-        </div>
-    </div>
-    """
+    stats = generate_stats_display(game_state) # Use the function here
     
     # Initialize inventory as empty
-    inventory = ""
+    inventory = generate_inventory_display(game_state) # Use the function here
     
     # Set story path
     story_path = "You are at the beginning of your adventure."
@@ -106,7 +92,8 @@ def update_game(choice, game_state_json):
     
     # Get current page data
     current_page = game_state.current_page
-    page_data = game_data[str(current_page)]
+    # Ensure current_page is always a string for dictionary keys
+    page_data = game_data[str(current_page)] 
     
     # Find the selected option
     selected_option = None
@@ -116,111 +103,173 @@ def update_game(choice, game_state_json):
             break
     
     if selected_option is None:
-        return "Error: Option not found", "Please try again", gr.Dropdown(choices=["Restart"]), game_state.to_json(), "", "", ""
-    
+        # Handle case where choice might be "Restart" or invalid
+        if choice == "Restart":
+             return initialize_game()
+        else:
+            # Stay on the same page if the choice wasn't found (shouldn't normally happen)
+            options = [opt["text"] for opt in page_data["options"]]
+            svg_content = create_svg_illustration(page_data["illustration"])
+            content = f"<h2>{page_data['title']}</h2>" + page_data["content"] + "<p><i>Invalid choice selected. Please try again.</i></p>"
+            stats_display = generate_stats_display(game_state)
+            inventory_display = generate_inventory_display(game_state)
+            story_path_display = f"You remain on page {current_page}: {page_data['title']}"
+            return svg_content, content, gr.Dropdown(choices=options), game_state.to_json(), stats_display, inventory_display, story_path_display
+
     # Check if this option requires an item
-    if "requireItem" in selected_option and selected_option["requireItem"] not in game_state.inventory:
-        content = f"<p>You need the <strong>{selected_option['requireItem']}</strong> for this option, but you don't have it.</p>"
-        options = [opt["text"] for opt in page_data["options"]]
-        return create_svg_illustration(page_data["illustration"]), content, gr.Dropdown(choices=options), game_state.to_json(), generate_stats_display(game_state), generate_inventory_display(game_state), f"You remain on page {current_page}."
+    item_required = selected_option.get("requireItem")
+    if item_required and item_required not in game_state.inventory:
+        content = f"<h2>{page_data['title']}</h2>" + page_data["content"] # Show original content
+        content += f"<p style='color: red;'>You need the <strong>{item_required}</strong> for this option, but you don't have it.</p>"
+        options = [opt["text"] for opt in page_data["options"]] # Keep current options
+        svg_content = create_svg_illustration(page_data["illustration"])
+        stats_display = generate_stats_display(game_state)
+        inventory_display = generate_inventory_display(game_state)
+        story_path_display = f"You remain on page {current_page}: {page_data['title']}"
+        return svg_content, content, gr.Dropdown(choices=options), game_state.to_json(), stats_display, inventory_display, story_path_display
+
+    # Check if option requires any item from a list
+    any_item_required = selected_option.get("requireAnyItem")
+    if any_item_required:
+        has_required = any(item in game_state.inventory for item in any_item_required)
+        if not has_required:
+            item_list = ", ".join(f"'{item}'" for item in any_item_required)
+            content = f"<h2>{page_data['title']}</h2>" + page_data["content"] # Show original content
+            content += f"<p style='color: red;'>You need one of the following items for this option: <strong>{item_list}</strong>, but you don't have any.</p>"
+            options = [opt["text"] for opt in page_data["options"]] # Keep current options
+            svg_content = create_svg_illustration(page_data["illustration"])
+            stats_display = generate_stats_display(game_state)
+            inventory_display = generate_inventory_display(game_state)
+            story_path_display = f"You remain on page {current_page}: {page_data['title']}"
+            return svg_content, content, gr.Dropdown(choices=options), game_state.to_json(), stats_display, inventory_display, story_path_display
     
     # Process special items to collect
-    if "addItem" in selected_option and selected_option["addItem"] not in game_state.inventory:
-        game_state.inventory.append(selected_option["addItem"])
+    item_to_add = selected_option.get("addItem")
+    if item_to_add and item_to_add not in game_state.inventory:
+        game_state.inventory.append(item_to_add)
     
     # Move to the next page
     next_page = selected_option["next"]
     game_state.current_page = next_page
-    game_state.visited_pages.append(next_page)
+    if next_page not in game_state.visited_pages: # Avoid duplicates if revisiting
+        game_state.visited_pages.append(next_page)
     
     # Update journey progress based on page transitions
-    game_state.journey_progress += 5  # Increment progress with each decision
+    game_state.journey_progress += 5 # Increment progress with each decision
     if game_state.journey_progress > 100:
         game_state.journey_progress = 100
-    
+        
+    battle_occurred = False
     # Check for random battle (20% chance if page has randomBattle flag)
-    if "randomBattle" in page_data and page_data["randomBattle"] and random.random() < 0.2:
-        battle_result = simulate_battle(game_state)
+    current_page_data = game_data[str(current_page)] # Data for the page *before* potential challenge/next page logic
+    if current_page_data.get("randomBattle", False) and random.random() < 0.2:
+        battle_result, battle_log = simulate_battle(game_state)
+        battle_occurred = True
         if not battle_result:
             # Player died in battle
-            content = "<h2>Game Over</h2><p>You have been defeated in battle!</p>"
-            return create_svg_illustration("game-over"), content, gr.Dropdown(choices=["Restart"]), game_state.to_json(), generate_stats_display(game_state), generate_inventory_display(game_state), "Game Over - You were defeated in battle."
-    
-    # Get new page data
+            content = "<h2>Game Over</h2><p>You have been defeated in battle!</p>" + battle_log
+            return create_svg_illustration("game-over"), content, gr.Dropdown(choices=["Restart"], label="Game Over"), game_state.to_json(), generate_stats_display(game_state), generate_inventory_display(game_state), "Game Over - You were defeated in battle."
+        else:
+             # Player survived battle, add battle log to the next page content
+             battle_message = f"<div style='border: 1px solid green; padding: 10px; margin-top: 10px; background-color: #e8f5e9;'><strong>Battle Won!</strong>{battle_log}</div>"
+
+    # Get new page data (for the destination page 'next_page')
     page_data = game_data[str(next_page)]
     
-    # Create the SVG illustration
-    svg_content = create_svg_illustration(page_data["illustration"])
-    
     # Process page stat effects
-    if "statIncrease" in page_data:
-        stat = page_data["statIncrease"]["stat"]
-        amount = page_data["statIncrease"]["amount"]
+    stat_increase = page_data.get("statIncrease")
+    if stat_increase:
+        stat = stat_increase["stat"]
+        amount = stat_increase["amount"]
         game_state.stats[stat] += amount
     
     # Process HP loss
-    if "hpLoss" in page_data:
-        game_state.current_hp -= page_data["hpLoss"]
+    hp_loss = page_data.get("hpLoss")
+    if hp_loss:
+        game_state.current_hp -= hp_loss
         if game_state.current_hp <= 0:
             game_state.current_hp = 0
             content = "<h2>Game Over</h2><p>You have died from your wounds!</p>"
-            return create_svg_illustration("game-over"), content, gr.Dropdown(choices=["Restart"]), game_state.to_json(), generate_stats_display(game_state), generate_inventory_display(game_state), "Game Over - You died from your wounds."
+            return create_svg_illustration("game-over"), content, gr.Dropdown(choices=["Restart"], label="Game Over"), game_state.to_json(), generate_stats_display(game_state), generate_inventory_display(game_state), "Game Over - You died from your wounds."
     
+    challenge_log = ""
     # Check if this is a challenge page
-    if "challenge" in page_data:
-        challenge = page_data["challenge"]
-        success = perform_challenge(game_state, challenge)
+    challenge = page_data.get("challenge")
+    if challenge:
+        success, roll, total = perform_challenge(game_state, challenge)
+        challenge_log = f"<div style='border: 1px solid #ccc; padding: 10px; margin-top: 10px; background-color: #eee;'>"
+        challenge_log += f"<strong>Challenge: {challenge.get('title', 'Skill Check')}</strong><br>"
+        challenge_log += f"Target Stat: {challenge['stat']}, Difficulty: {challenge['difficulty']}<br>"
+        challenge_log += f"You rolled a {roll} + {game_state.stats[challenge['stat']] - (roll - total)} ({challenge['stat']}) = {total}<br>"
         
         # Update story based on challenge result
         if success:
+            challenge_log += "<strong style='color: green;'>Success!</strong></div>"
             next_page = challenge["success"]
         else:
+            challenge_log += "<strong style='color: red;'>Failure!</strong></div>"
             next_page = challenge["failure"]
         
         game_state.current_page = next_page
-        game_state.visited_pages.append(next_page)
-        page_data = game_data[str(next_page)]
-        svg_content = create_svg_illustration(page_data["illustration"])
+        if next_page not in game_state.visited_pages:
+            game_state.visited_pages.append(next_page)
+        page_data = game_data[str(next_page)] # Load data for the page determined by the challenge outcome
+    
+    # Create the SVG illustration for the final destination page
+    svg_content = create_svg_illustration(page_data.get("illustration", "default"))
     
-    # Handle game over
-    if "gameOver" in page_data and page_data["gameOver"]:
+    # Handle game over on the destination page
+    if page_data.get("gameOver", False):
         content = f"<h2>{page_data['title']}</h2>"
         content += page_data["content"]
+        if battle_occurred and battle_result: content += battle_message # Add battle log if survived
+        if challenge: content += challenge_log # Add challenge log
         if "ending" in page_data:
             content += f"<div style='text-align: center; margin-top: 20px; font-weight: bold; color: #c00;'>THE END</div>"
             content += f"<p style='font-style: italic;'>{page_data['ending']}</p>"
         
-        return svg_content, content, gr.Dropdown(choices=["Restart"]), game_state.to_json(), generate_stats_display(game_state), generate_inventory_display(game_state), "Game Over - " + page_data['title']
+        return svg_content, content, gr.Dropdown(choices=["Restart"], label="Game Over"), game_state.to_json(), generate_stats_display(game_state), generate_inventory_display(game_state), "Game Over - " + page_data['title']
     
-    # Build page content
+    # Build page content for the final destination page
     content = f"<h2>{page_data['title']}</h2>"
     content += page_data["content"]
+    if battle_occurred and battle_result: content += battle_message # Add battle log if survived
+    if challenge: content += challenge_log # Add challenge log
     
-    # Build options
+    # Build options for the final destination page
     options = []
-    for opt in page_data["options"]:
-        # Check if option requires an item
-        if "requireItem" in opt and opt["requireItem"] not in game_state.inventory:
-            continue
-        # Check if option requires any item from a list
-        if "requireAnyItem" in opt:
-            has_required_item = False
-            for item in opt["requireAnyItem"]:
-                if item in game_state.inventory:
-                    has_required_item = True
-                    break
-            if not has_required_item:
-                continue
-                
-        options.append(opt["text"])
-    
-    # Handle alternative option if necessary
-    if "alternativeOption" in page_data and not options:
-        alt_opt = page_data["alternativeOption"]
-        if "showIf" not in alt_opt or any(item in game_state.inventory for item in alt_opt["showIf"]):
-            options.append(alt_opt["text"])
-    
-    # Update game progress
+    if "options" in page_data: # Check if options exist (Game Over pages might not have them)
+        for opt in page_data["options"]:
+            option_available = True
+            # Check if option requires an item
+            if "requireItem" in opt and opt["requireItem"] not in game_state.inventory:
+                 option_available = False
+            # Check if option requires any item from a list
+            if option_available and "requireAnyItem" in opt:
+                if not any(item in game_state.inventory for item in opt["requireAnyItem"]):
+                     option_available = False
+                     
+            if option_available:
+                options.append(opt["text"])
+    
+    # Handle alternative option if necessary (only if no primary options are available)
+    alt_opt_data = page_data.get("alternativeOption")
+    if alt_opt_data and not options:
+        alt_show_if = alt_opt_data.get("showIf")
+        # Show alternative if no condition or condition met
+        if not alt_show_if or any(item in game_state.inventory for item in alt_show_if):
+            options.append(alt_opt_data["text"])
+            # Add the alternative option details to page_data["options"] temporarily 
+            # so the logic finds it if selected next turn
+            if "options" not in page_data: page_data["options"] = []
+            page_data["options"].append(alt_opt_data)
+
+
+    if not options: # If still no options (dead end maybe?)
+        options = ["Restart"] 
+        content += "<p><i>There are no further actions you can take from here.</i></p>"
+
+    # Update game progress display text
     story_path = f"You are on page {next_page}: {page_data['title']}"
     if game_state.journey_progress >= 80:
         story_path += " (Nearing the conclusion)"
@@ -228,29 +277,33 @@ def update_game(choice, game_state_json):
         story_path += " (Middle of your journey)"
     elif game_state.journey_progress >= 25:
         story_path += " (Adventure beginning)"
+        
+    # Generate final displays
+    stats_display = generate_stats_display(game_state)
+    inventory_display = generate_inventory_display(game_state)
     
-    return svg_content, content, gr.Dropdown(choices=options), game_state.to_json(), generate_stats_display(game_state), generate_inventory_display(game_state), story_path
+    return svg_content, content, gr.Dropdown(choices=options, label="What will you do?"), game_state.to_json(), stats_display, inventory_display, story_path
 
 def generate_stats_display(game_state):
     """Generate HTML for displaying player stats"""
     # Calculate HP percentage for the progress bar
-    hp_percent = (game_state.current_hp / game_state.max_hp) * 100
-    hp_color = "#4CAF50"  # Green
+    hp_percent = (game_state.current_hp / game_state.max_hp) * 100 if game_state.max_hp > 0 else 0
+    hp_color = "#4CAF50" # Green
     if hp_percent < 30:
-        hp_color = "#F44336"  # Red
+        hp_color = "#F44336" # Red
     elif hp_percent < 70:
-        hp_color = "#FFC107"  # Yellow
+        hp_color = "#FFC107" # Yellow
     
-    stats = f"""
+    stats_html = f"""
     <div style='display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px;'>
         <div style='background: #f0f0f0; padding: 5px 10px; border-radius: 5px;'>
-            <strong>Courage:</strong> {game_state.stats['courage']}
+            <strong>Courage:</strong> {game_state.stats.get('courage', 'N/A')}
         </div>
         <div style='background: #f0f0f0; padding: 5px 10px; border-radius: 5px;'>
-            <strong>Wisdom:</strong> {game_state.stats['wisdom']}
+            <strong>Wisdom:</strong> {game_state.stats.get('wisdom', 'N/A')}
         </div>
         <div style='background: #f0f0f0; padding: 5px 10px; border-radius: 5px;'>
-            <strong>Strength:</strong> {game_state.stats['strength']}
+            <strong>Strength:</strong> {game_state.stats.get('strength', 'N/A')}
         </div>
         <div style='background: #f0f0f0; padding: 5px 10px; border-radius: 5px; position: relative;'>
             <strong>HP:</strong> {game_state.current_hp}/{game_state.max_hp}
@@ -262,7 +315,7 @@ def generate_stats_display(game_state):
     """
     
     # Add journey progress
-    stats += f"""
+    stats_html += f"""
     <div style='margin-top: 10px;'>
         <div style='display: flex; justify-content: space-between; font-size: 12px;'>
             <span>Journey Progress:</span>
@@ -274,7 +327,7 @@ def generate_stats_display(game_state):
     </div>
     """
     
-    return stats
+    return stats_html
 
 def generate_inventory_display(game_state):
     """Generate HTML for displaying player inventory"""
@@ -285,19 +338,21 @@ def generate_inventory_display(game_state):
     
     for item in game_state.inventory:
         item_data = items_data.get(item, {"type": "unknown", "description": "A mysterious item."})
-        bg_color = "#e0e0e0"
-        if item_data["type"] == "weapon":
-            bg_color = "#ffcdd2"
-        elif item_data["type"] == "armor":
-            bg_color = "#c8e6c9"
-        elif item_data["type"] == "spell":
-            bg_color = "#bbdefb"
-        elif item_data["type"] == "quest":
-            bg_color = "#fff9c4"
+        bg_color = "#e0e0e0" # Default grey
+        item_type = item_data.get("type", "unknown")
+
+        if item_type == "weapon":
+            bg_color = "#ffcdd2" # Light red
+        elif item_type == "armor":
+            bg_color = "#c8e6c9" # Light green
+        elif item_type == "spell":
+            bg_color = "#bbdefb" # Light blue
+        elif item_type == "quest":
+            bg_color = "#fff9c4" # Light yellow
         
         inventory_html += f"""
         <div style='background: {bg_color}; padding: 5px 10px; border-radius: 5px; position: relative;' 
-             title="{item_data['description']}">
+             title="{item_data.get('description', 'No description available.')}">
             {item}
         </div>
         """
@@ -306,13 +361,14 @@ def generate_inventory_display(game_state):
     return inventory_html
 
 def perform_challenge(game_state, challenge):
-    """Perform a skill challenge and determine success"""
+    """Perform a skill challenge and determine success. Returns (success_bool, roll, total)"""
     stat = challenge["stat"]
     difficulty = challenge["difficulty"]
     
     # Roll dice (1-6) and add stat
     roll = random.randint(1, 6)
-    total = roll + game_state.stats[stat]
+    player_stat_value = game_state.stats.get(stat, 0) # Default to 0 if stat doesn't exist
+    total = roll + player_stat_value
     
     # Determine if successful
     success = total >= difficulty
@@ -320,85 +376,100 @@ def perform_challenge(game_state, challenge):
     # Bonus for great success
     if success and total >= difficulty + 3:
         stat_increase = random.randint(1, 2)
-        game_state.stats[stat] += stat_increase
+        game_state.stats[stat] = player_stat_value + stat_increase
     
     # Penalty for bad failure
     if not success and total <= difficulty - 3:
         stat_decrease = random.randint(1, 2)
-        game_state.stats[stat] = max(1, game_state.stats[stat] - stat_decrease)
+        game_state.stats[stat] = max(1, player_stat_value - stat_decrease) # Stat cannot go below 1
     
     # Record challenge outcome
     if success:
         game_state.challenges_won += 1
-    
-    return success
+        
+    return success, roll, total
 
 def simulate_battle(game_state):
-    """Simulate a battle with a random enemy"""
+    """Simulate a battle with a random enemy. Returns (player_won_bool, battle_log_html)"""
+    battle_log = "<div style='font-size: 0.9em; line-height: 1.4;'>"
+    
     # Select a random enemy type
     enemy_types = list(enemies_data.keys())
+    if not enemy_types:
+         return True, "<p>No enemies defined for battle!</p>" # Avoid error if no enemies exist
     enemy_type = random.choice(enemy_types)
-    enemy = enemies_data[enemy_type]
+    enemy = enemies_data[enemy_type].copy() # Copy data to modify HP
+    
+    battle_log += f"<p>A wild <strong>{enemy_type}</strong> appears!</p>"
     
     # Simple battle simulation
     player_hp = game_state.current_hp
     enemy_hp = enemy["hp"]
     
-    player_attack = game_state.stats["strength"]
-    player_defense = 1  # Base defense
+    player_base_attack = game_state.stats.get("strength", 1)
+    player_base_defense = 1 # Base defense
     
-    # Add weapon bonus if the player has a weapon
+    player_attack = player_base_attack
+    player_defense = player_base_defense
+    
+    # Add weapon/armor bonuses if the player has relevant items
+    attack_bonuses = []
+    defense_bonuses = []
     for item in game_state.inventory:
         item_data = items_data.get(item, {})
         if "attackBonus" in item_data:
-            player_attack += item_data["attackBonus"]
+            bonus = item_data["attackBonus"]
+            player_attack += bonus
+            attack_bonuses.append(f"{item} (+{bonus})")
         if "defenseBonus" in item_data:
-            player_defense += item_data["defenseBonus"]
-    
+            bonus = item_data["defenseBonus"]
+            player_defense += bonus
+            defense_bonuses.append(f"{item} (+{bonus})")
+
+    if attack_bonuses: battle_log += f"<p>Your attack ({player_base_attack}) is boosted by: {', '.join(attack_bonuses)} = {player_attack} total.</p>"
+    if defense_bonuses: battle_log += f"<p>Your defense ({player_base_defense}) is boosted by: {', '.join(defense_bonuses)} = {player_defense} total.</p>"
+
     enemy_attack = enemy["attack"]
     enemy_defense = enemy["defense"]
     
+    battle_log += f"<p>Player HP: {player_hp}, Enemy HP: {enemy_hp}</p><hr>"
+    
     # Simple turn-based combat
-    while player_hp > 0 and enemy_hp > 0:
+    turn = 1
+    while player_hp > 0 and enemy_hp > 0 and turn < 20: # Add turn limit to prevent infinite loops
+        battle_log += f"<p><strong>Turn {turn}:</strong></p>"
         # Player attacks
-        damage = max(1, player_attack - enemy_defense)
-        enemy_hp -= damage
+        damage_to_enemy = max(1, player_attack - enemy_defense)
+        enemy_hp -= damage_to_enemy
+        battle_log += f"&nbsp;&nbsp;You attack the {enemy_type} for {damage_to_enemy} damage. (Enemy HP: {max(0, enemy_hp)})<br>"
         
         if enemy_hp <= 0:
+            battle_log += f"<p><strong>You defeated the {enemy_type}!</strong></p>"
             break
         
         # Enemy attacks
-        damage = max(1, enemy_attack - player_defense)
-        player_hp -= damage
-    
+        damage_to_player = max(1, enemy_attack - player_defense)
+        player_hp -= damage_to_player
+        battle_log += f"&nbsp;&nbsp;The {enemy_type} attacks you for {damage_to_player} damage. (Your HP: {max(0, player_hp)})"
+        
+        if player_hp <= 0:
+            battle_log += f"<p><strong>The {enemy_type} defeated you!</strong></p>"
+            break
+            
+        battle_log += "<hr>"
+        turn += 1
+
+    if turn >= 20:
+         battle_log += "<p>The battle drags on too long and ends inconclusively.</p>"
+
     # Update player HP after battle
     game_state.current_hp = player_hp
     
-    # Return True if player won, False if player lost
-    return player_hp > 0
+    # Return True if player won (or survived), False if player lost
+    player_won = player_hp > 0
+    battle_log += "</div>"
+    return player_won, battle_log
 
-def restart_game(choice, game_state_json):
-    """Restart the game when the player chooses to restart"""
-    if choice == "Restart":
-        return initialize_game()
-    else:
-        # Parse existing game state
-        game_state_dict = json.loads(game_state_json)
-        game_state = GameState.from_dict(game_state_dict)
-        
-        # Return current game state
-        current_page = game_state.current_page
-        page_data = game_data[str(current_page)]
-        
-        svg_content = create_svg_illustration(page_data["illustration"])
-        content = f"<h2>{page_data['title']}</h2>"
-        content += page_data["content"]
-        
-        options = []
-        for opt in page_data["options"]:
-            options.append(opt["text"])
-        
-        return svg_content, content, gr.Dropdown(choices=options), game_state.to_json(), generate_stats_display(game_state), generate_inventory_display(game_state), f"You are on page {current_page}: {page_data['title']}"
 
 # Create Gradio interface
 with gr.Blocks(theme=gr.themes.Soft()) as demo:
@@ -412,19 +483,27 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
             choice = gr.Dropdown(label="What will you do?")
             
             # Hidden field to store game state as JSON
-            game_state = gr.Textbox(visible=False)
+            game_state = gr.Textbox(label="Game State JSON", visible=False) # Changed label, still hidden
         
         with gr.Column(scale=1):
             story_path = gr.Markdown(label="Your Path")
             stats = gr.HTML(label="Character Stats")
             inventory = gr.HTML(label="Inventory")
-            map_btn = gr.Button("View Story Map")
-    
-    # Initialize or restart the game
-    choice.change(update_game, [choice, game_state], [illustration, content, choice, game_state, stats, inventory, story_path])
-    
-    # Handle restart
-    demo.load(initialize_game, [], [illustration, content, choice, game_state, stats, inventory, story_path])
+            # map_btn = gr.Button("View Story Map") # Removed button for simplicity, can add back later
+
+    # Event listener for player choices
+    choice.change(
+        update_game, 
+        inputs=[choice, game_state], 
+        outputs=[illustration, content, choice, game_state, stats, inventory, story_path]
+    )
+    
+    # Initialize game on load
+    demo.load(
+        initialize_game, 
+        inputs=[], 
+        outputs=[illustration, content, choice, game_state, stats, inventory, story_path]
+    )
 
 demo.launch()
 </gradio-file>
@@ -432,6 +511,8 @@ demo.launch()
 <gradio-file name="game_engine.py">
 import json
 import random
+# Import illustrations from game_data for use in create_svg_illustration
+from game_data import illustrations 
 
 class GameState:
     """Class to manage game state"""
@@ -445,13 +526,13 @@ class GameState:
             "courage": 7,
             "wisdom": 5,
             "strength": 6,
-            "luck": 4
+            "luck": 4  # Luck isn't used currently, but kept it
         }
         self.status_effects = []
         self.enemies_defeated = 0
         self.challenges_won = 0
         self.current_path = "main"
-        self.journey_progress = 0
+        self.journey_progress = 0 # Initialize progress
     
     def to_json(self):
         """Convert game state to JSON string"""
@@ -461,20 +542,26 @@ class GameState:
     def from_dict(cls, data):
         """Create a GameState object from a dictionary"""
         game_state = cls()
-        for key, value in data.items():
-            setattr(game_state, key, value)
+        # Make sure default values are preserved if not in data
+        for key, value in game_state.__dict__.items():
+             if key in data:
+                 setattr(game_state, key, data[key])
+        # Overwrite specific complex types if they exist in data
+        if 'stats' in data: game_state.stats = data['stats']
+        if 'inventory' in data: game_state.inventory = data['inventory']
+        if 'visited_pages' in data: game_state.visited_pages = data['visited_pages']
+
         return game_state
 
 def create_svg_illustration(illustration_key):
     """Return SVG illustration based on the illustration key"""
     # If illustration is not found, use a default illustration
-    if illustration_key not in illustrations:
-        illustration_key = "default"
+    svg_code = illustrations.get(illustration_key, illustrations.get("default", "<svg viewBox='0 0 100 100'><rect width='100' height='100' fill='grey'/><text x='10' y='50' fill='white'>No Image</text></svg>"))
     
     # Wrap the SVG in a container div with appropriate styling
     return f"""
-    <div style="width: 100%; height: 250px; border: 2px solid #999; border-radius: 5px; overflow: hidden;">
-        {illustrations[illustration_key]}
+    <div style="width: 100%; max-height: 250px; border: 2px solid #999; border-radius: 5px; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #eee;">
+        {svg_code}
     </div>
     """
 </gradio-file>
@@ -557,7 +644,7 @@ game_data = {
             "title": "Escape the Ambush",
             "description": "You need to either fight your way through or find an escape route.",
             "stat": "courage",
-            "difficulty": 5,
+            "difficulty": 5, # Adjusted difficulty for demo
             "success": 9,
             "failure": 10
         },
@@ -573,7 +660,7 @@ game_data = {
             "title": "The River Spirit's Riddle",
             "description": "Answer correctly to gain passage and a blessing. Answer wrongly and face the river's peril.",
             "stat": "wisdom",
-            "difficulty": 6,
+            "difficulty": 6, # Adjusted difficulty for demo
             "success": 11,
             "failure": 12
         },
@@ -589,7 +676,7 @@ game_data = {
             "title": "Navigate the Haunted Ruins",
             "description": "Find the correct path through the ruins while avoiding the malevolent spirits.",
             "stat": "wisdom",
-            "difficulty": 5,
+            "difficulty": 5, # Adjusted difficulty for demo
             "success": 13,
             "failure": 14
         },
@@ -687,10 +774,11 @@ game_data = {
         <p>As you survey the imposing structure, you consider your options for infiltration.</p>""",
         "options": [
             { "text": "Approach the main gate in disguise", "next": 21 },
-            { "text": "Scale the outer wall under cover of darkness", "next": 22 },
-            { "text": "Look for the secret tunnel (requires Secret Tunnel Map)", "next": 23, "requireItem": "Secret Tunnel Map" }
+            { "text": "Scale the outer wall under cover of darkness", "next": 22 }, # Leads to Discovered!
+            { "text": "Look for the secret tunnel (requires Secret Tunnel Map)", "next": 24, "requireItem": "Secret Tunnel Map" } # Changed from 23 to 24
         ],
-        "alternativeOption": { "text": "Search for another entrance", "next": 21, "showIf": ["Secret Tunnel Map"] },
+        # Alternative option should only appear if the primary one is blocked
+        "alternativeOption": { "text": "Search for another entrance (if no map)", "next": 21, "showIf": ["Secret Tunnel Map"] }, # ShowIf logic inverted here, should be 'showIf *not* having map' but easier to just let it appear if map required option fails
         "illustration": "evil-fortress"
     },
     
@@ -701,10 +789,11 @@ game_data = {
         <p>You identify several possible entry points, each with its own risks and advantages.</p>""",
         "options": [
             { "text": "Infiltrate with an incoming supply wagon", "next": 21 },
-            { "text": "Use magic to create a distraction (requires any spell)", "next": 22, "requireAnyItem": ["Healing Light Spell", "Shield of Faith Spell", "Binding Runes Scroll", "Water Spirit's Blessing"] },
-            { "text": "Bribe a guard to let you in (requires special item)", "next": 23, "requireAnyItem": ["Ancient Amulet", "Poison Daggers", "Master Key"] }
+            { "text": "Use magic to create a distraction (requires any spell)", "next": 22, "requireAnyItem": ["Healing Light Spell", "Shield of Faith Spell", "Binding Runes Scroll", "Water Spirit's Blessing"] }, # Leads to Discovered!
+            { "text": "Bribe a guard to let you in (requires special item)", "next": 23, "requireAnyItem": ["Ancient Amulet", "Poison Daggers", "Master Key"] } # Leads to Secret Resistance
         ],
-        "alternativeOption": { "text": "Wait for another opportunity", "next": 21, "showIf": ["Healing Light Spell", "Shield of Faith Spell", "Binding Runes Scroll", "Water Spirit's Blessing", "Ancient Amulet", "Poison Daggers", "Master Key"] },
+        # If no required items for specific options, provide a fallback
+        "alternativeOption": { "text": "Attempt to sneak in without a specific plan", "next": 21, "showIf": ["Healing Light Spell", "Shield of Faith Spell", "Binding Runes Scroll", "Water Spirit's Blessing", "Ancient Amulet", "Poison Daggers", "Master Key"] },
         "illustration": "fortress-observation"
     },
     
@@ -716,7 +805,7 @@ game_data = {
         "options": [
             { "text": "Enter the tunnel immediately", "next": 24 },
             { "text": "Hide and wait for the patrol to pass", "next": 21 },
-            { "text": "Set a trap for the patrol", "next": 22 }
+            { "text": "Set a trap for the patrol", "next": 22 } # Leads to Discovered!
         ],
         "illustration": "hidden-tunnel"
     },
@@ -731,8 +820,8 @@ game_data = {
             "description": "Slip past the sleeping guards without alerting them.",
             "stat": "wisdom",
             "difficulty": 6,
-            "success": 16,
-            "failure": 10
+            "success": 16, # Escaped successfully, continue observing
+            "failure": 10 # Recaptured! Back to cell
         },
         "illustration": "night-escape"
     },
@@ -743,11 +832,11 @@ game_data = {
         <p>"My village was enslaved by the Evil Power Master. My family serves him under threat of death, but many of us secretly hope for his downfall."</p>
         <p>The guard offers to help you escape, but warns there will be a price for this betrayal if discovered.</p>""",
         "options": [
-            { "text": "Accept the guard's help", "next": 16 },
-            { "text": "Decline - you don't want to put them at risk", "next": 18 },
-            { "text": "Convince them to join your cause", "next": 20 }
+            { "text": "Accept the guard's help (gain disguise, proceed)", "next": 16, "addItem": "Guard Disguise"}, # Gain disguise, proceed to strategic approach
+            { "text": "Decline - you don't want to put them at risk", "next": 18 }, # Try night escape instead
+            { "text": "Convince them to join your cause", "next": 20 } # Maybe they arrange transport?
         ],
-        "addItem": "Guard Disguise",
+        # Removed addItem from here, added to option
         "illustration": "guard-ally"
     },
     
@@ -757,10 +846,11 @@ game_data = {
         <p>The other prisoners share what they know about the fortress. One mentions rumors of a resistance operating within the Evil Power Master's ranks.</p>
         <p>As the wagon approaches the massive gates, you begin to formulate a plan.</p>""",
         "options": [
-            { "text": "Look for an opportunity to escape during transfer", "next": 21 },
-            { "text": "Remain captive to get inside, then escape", "next": 22 },
-            { "text": "Try to contact the internal resistance", "next": 23 }
+            { "text": "Look for an opportunity to escape during transfer", "next": 22 }, # High risk, likely leads to discovered
+            { "text": "Remain captive to get inside, then escape", "next": 21 }, # Get inside, then try to move
+            { "text": "Try to contact the internal resistance (requires clue)", "next": 23, "requireAnyItem": ["Guard Disguise"]} # Need something to signal resistance
         ],
+         "alternativeOption": { "text": "Remain captive with no plan", "next": 28, "showIf": ["Guard Disguise"] }, # If no clue for resistance
         "illustration": "prison-wagon"
     },
     
@@ -774,7 +864,7 @@ game_data = {
             { "text": "Search for the dungeons", "next": 26 },
             { "text": "Follow a group of mages", "next": 27 }
         ],
-        "randomBattle": true,
+        "randomBattle": True, # Corrected typo
         "illustration": "fortress-interior"
     },
     
@@ -786,17 +876,17 @@ game_data = {
         "challenge": {
             "title": "Escape Detection",
             "description": "You need to escape from the approaching guards before they trap you.",
-            "stat": "courage",
+            "stat": "courage", # Changed to courage for variety
             "difficulty": 7,
-            "success": 25,
-            "failure": 28
+            "success": 25, # Managed to evade, head to tower
+            "failure": 28 # Captured Again
         },
         "illustration": "fortress-alarm"
     },
     
     "23": {
         "title": "Secret Resistance",
-        "content": """<p>Through luck or skill, you make contact with members of the secret resistance operating within the fortress. They're skeptical of you at first, but your actions have convinced them of your intentions.</p>
+        "content": """<p>Through luck or skill (or maybe a bribe or disguise), you make contact with members of the secret resistance operating within the fortress. They're skeptical of you at first, but your actions have convinced them of your intentions.</p>
         <p>"We've been working to undermine the Evil Power Master for years," their leader whispers. "Now with your help, we might finally have a chance to end his reign."</p>
         <p>They share crucial information about the fortress layout and the Evil Power Master's weaknesses.</p>""",
         "options": [
@@ -880,7 +970,7 @@ game_data = {
         <p>"This is our only chance," the resistance leader whispers. "We must reach him before he realizes what's happening."</p>""",
         "options": [
             { "text": "Lead the charge directly", "next": 47 },
-            { "text": "Split up to create more distractions", "next": 48 },
+            { "text": "Split up to create more distractions", "next": 48 }, # Send player to final battle
             { "text": "Sneak ahead while the others draw attention", "next": 49 }
         ],
         "illustration": "fortress-uprising"
@@ -911,21 +1001,47 @@ game_data = {
         ],
         "illustration": "knowledge-sharing"
     },
-    
-    "48": {
-        "title": "The Final Confrontation",
-        "content": """<p>At last, you stand before the Evil Power Master in his chamber at the top of the central tower. Dark energy crackles around him as he turns to face you, his eyes gleaming with malice.</p>
-        <p>"So, you're the one who's caused so much trouble," he says, his voice echoing with unnatural power. "I must admit, I'm impressed you made it this far. But your journey ends here."</p>
-        <p>The dark crystal hovers behind him, pulsing with energy. This is the moment all your choices have led to.</p>""",
-        "options": [
-            { "text": "Attack the Evil Power Master directly", "next": 56 },
-            { "text": "Try to destroy the crystal", "next": 57 },
-            { "text": "Attempt to reason with him", "next": 58 }
-        ],
-        "illustration": "final-confrontation"
+
+    # --- Placeholder Pages ---
+    "32": { "title": "Storeroom Search", "content": "<p>You search the dusty storeroom. Mostly old crates and broken tools, but you find a Healing Potion tucked away!</p>", "options": [{ "text": "Find a way up", "next": 33 }], "addItem": "Healing Potion", "illustration": "underground-passage" },
+    "33": { "title": "Ascending", "content": "<p>You find a loose grate leading to the fortress kitchens. Smells better than the tunnel.</p>", "options": [{ "text": "Sneak through the kitchens", "next": 21 }], "illustration": "fortress-interior" },
+    "34": { "title": "Listening", "content": "<p>You hear guards marching above, and the clang of metal. Sounds like standard patrols, nothing urgent.</p>", "options": [{ "text": "Explore the storeroom", "next": 32 }, { "text": "Try to find a way up", "next": 33 }], "illustration": "underground-passage" },
+    "35": { "title": "Deciphering Symbols", "content": "<p>The symbols pulse with dark energy. Your wisdom tells you they form a powerful ward, requiring a specific magical key or immense force.</p>", "options": [{ "text": "Look for another entrance", "next": 36 }, { "text": "Use magic (if you have it)", "next": 37, "requireAnyItem": ["Healing Light Spell", "Shield of Faith Spell", "Binding Runes Scroll", "Water Spirit's Blessing", "Master Key"] }], "illustration": "central-tower" },
+    "36": { "title": "Searching for Entry", "content": "<p>You circle the base of the tower. High up, you spot a less guarded balcony. Scaling the tower might be possible, but dangerous.</p>", "options": [{ "text": "Attempt to climb", "next": 22 }, {"text": "Return to the main door", "next": 25}], "illustration": "central-tower" },
+    "37": { "title": "Magical Entry", "content": "<p>You channel your magic (or use the Master Key). The symbols flare, and the massive door grinds open! You step inside the tower.</p>", "options": [{ "text": "Ascend the tower", "next": 48 }], "illustration": "final-confrontation" }, # Straight to the top
+    "38": { "title": "Causing Distraction", "content": "<p>You manage to unlock a few cells. The freed prisoners, though weak, cause a commotion, drawing guards away.</p>", "options": [{ "text": "Investigate the guarded cell", "next": 39 }, {"text": "Look for an exit upwards", "next": 40}], "illustration": "dungeon-corridors" },
+    "39": { "title": "Guarded Cell", "content": "<p>Inside the cell is a captured resistance mage! They recognize your intent and offer to help you reach the Master if freed.</p>", "options": [{ "text": "Free the mage (requires Master Key or skill)", "next": 30, "requireAnyItem": ["Master Key", "Ancient Amulet"] }, {"text": "Leave them for now", "next": 40}], "illustration": "dungeon-corridors" },
+    "40": { "title": "Finding Passage", "content": "<p>You find a hidden staircase leading up, likely towards the main fortress levels.</p>", "options": [{ "text": "Take the stairs", "next": 21 }], "illustration": "fortress-interior" },
+    "41": { "title": "Disrupting the Ritual", "content": "<p>You burst in! The mages are startled. You attack, disrupting their concentration. The crystal flares erratically.</p>", "options": [{ "text": "Fight the mages", "next": 22 }], "illustration": "ritual-chamber" }, # Likely leads to being discovered
+    "42": { "title": "Observing the Ritual", "content": "<p>You watch as the mages chant. The crystal seems to be drawing power from somewhere deep within the fortress, focusing it for the Master.</p>", "options": [{ "text": "Try to disrupt it now", "next": 41 }, {"text": "Try to steal the crystal", "next": 43}, {"text": "Leave and head to the tower", "next": 25}], "illustration": "ritual-chamber" },
+    "43": { "title": "Stealing the Crystal", "content": "<p>You attempt to snatch the crystal. It burns with cold energy! The mages react instantly, attacking you.</p>", "options": [{ "text": "Fight back!", "next": 22 }], "illustration": "ritual-chamber" }, # Leads to being discovered
+    "44": { "title": "Escape Attempt", "content": "<p>You look for a chance, but the guards are too vigilant. No escape seems possible right now.</p>", "options": [{ "text": "Prepare mentally", "next": 45 }, {"text": "Gather info", "next": 46}], "illustration": "prisoner-escort" },
+    "45": { "title": "Mental Preparation", "content": "<p>You focus your mind, recalling your training and purpose. You are ready to face the Evil Power Master.</p>", "options": [{ "text": "Continue to the Master's chamber", "next": 48 }], "illustration": "final-confrontation" }, # Directly to final battle
+    "46": { "title": "Gathering Information", "content": "<p>You try to subtly listen to the guards. They mention the Master is 'nearly ready' and the 'crystal is at peak power'. Time is short.</p>", "options": [{ "text": "Prepare mentally", "next": 45 }, {"text": "Look for escape again", "next": 44}], "illustration": "prisoner-escort" },
+    "47": { "title": "Leading the Charge", "content": "<p>You lead the resistance fighters bravely, cutting through the Master's guards. You push towards the tower entrance.</p>", "options": [{ "text": "Breach the tower door", "next": 25 }], "illustration": "fortress-uprising" },
+    # Page 48 is the final confrontation
+    "49": { "title": "Sneaking Ahead", "content": "<p>While the uprising rages, you slip past the guards and find a less-guarded entrance to the tower.</p>", "options": [{ "text": "Enter the tower", "next": 50 }], "illustration": "secret-passage" },
+    "50": { "title": "Cautious Entry", "content": "<p>You enter the tower base. Stairs spiral upwards into darkness. The air hums with power.</p>", "options": [{ "text": "Ascend carefully", "next": 48 }], "illustration": "final-confrontation" }, # Head to final battle
+    "51": { "title": "Ritual Information", "content": "<p>Your guide explains the Master is performing a ritual tied to a cosmic alignment to achieve near-godhood. The crystal is key.</p>", "options": [{ "text": "Enter the tower", "next": 50 }, {"text": "Ask for more help", "next": 52}], "illustration": "secret-passage" },
+    "52": { "title": "Requesting Help", "content": "<p>The resistance offers a brave warrior to accompany you, providing backup in the final fight.</p>", "options": [{ "text": "Accept the help and enter", "next": 48 }], "addItem": "Resistance Ally", "illustration": "secret-passage" }, # Add ally and go to fight
+    "53": { "title": "Crystal Location", "content": "<p>The crystal is kept in the Master's main chamber, at the very top of the central tower. It floats above his throne.</p>", "options": [{ "text": "Head to the tower", "next": 48 }], "illustration": "knowledge-sharing" }, # Go to final battle
+    "54": { "title": "Alignment Timing", "content": "<p>The alignment is imminent! Perhaps only minutes away. You must hurry!</p>", "options": [{ "text": "Head to the tower immediately", "next": 48 }], "illustration": "knowledge-sharing" }, # Go to final battle
+    "55": { "title": "Crystal Weakness", "content": "<p>They mention rumors that pure light or holy energy can disrupt the crystal. Perhaps your Healing Light or Shield of Faith spells?</p>", "options": [{ "text": "Head to the tower", "next": 48 }], "illustration": "knowledge-sharing" }, # Go to final battle
+    
+    "58": { 
+         "title": "Attempt to Reason", 
+         "content": """<p>You try to speak to the Evil Power Master, appealing to any shred of humanity left. He laughs mockingly.</p>
+         <p>"Humanity? Reason? Such petty concerns! Power is the only truth!" he snarls, launching a powerful attack.</p>
+         <p>It seems negotiation is impossible.</p>""",
+         "options": [
+             { "text": "Attack the Evil Power Master directly", "next": 56 },
+             { "text": "Try to destroy the crystal", "next": 57 }
+         ],
+         "illustration": "final-confrontation" 
     },
-    
-    "56": {
+
+    # --- Endings (already defined) ---
+    "56": { # Direct Confrontation Battle
         "title": "Direct Confrontation",
         "content": """<p>You charge at the Evil Power Master, drawing on all your courage and strength. He meets your attack with dark magic, the air between you distorting with energy.</p>
         <p>The battle is intense, pushing you to your limits. Each blow you land seems to be absorbed by his power, while his attacks grow increasingly dangerous.</p>
@@ -933,15 +1049,14 @@ game_data = {
         "challenge": {
             "title": "Battle with the Evil Power Master",
             "description": "You must overcome his dark magic through sheer determination and skill.",
-            "stat": "strength",
-            "difficulty": 9,
-            "success": 59,
-            "failure": 60
+            "stat": "strength", # Strength check
+            "difficulty": 9, # High difficulty
+            "success": 59, # Hero's Victory
+            "failure": 60 # Darkness Prevails
         },
         "illustration": "power-battle"
     },
-    
-    "57": {
+    "57": { # Crystal Destruction Attempt
         "title": "Crystal Destruction",
         "content": """<p>Recognizing the true source of his power, you ignore the Evil Power Master and lunge toward the floating crystal. He shouts in alarm, desperately trying to stop you.</p>
         <p>"No! Stay away from that, you fool! You have no idea what forces you're tampering with!"</p>
@@ -949,46 +1064,42 @@ game_data = {
         "challenge": {
             "title": "Breaking the Crystal Barrier",
             "description": "You must overcome the crystal's protective magic to reach and destroy it.",
-            "stat": "wisdom",
-            "difficulty": 8,
-            "success": 61,
-            "failure": 62
+            "stat": "wisdom", # Wisdom check
+            "difficulty": 8, # Slightly lower difficulty than direct fight
+            "success": 61, # The Crystal Shatters
+            "failure": 62 # A Desperate Gambit (leads to sacrifice ending)
         },
         "illustration": "crystal-barrier"
     },
-    
     "59": {
         "title": "A Hero's Victory",
         "content": """<p>Through sheer determination and skill, you manage to overcome the Evil Power Master's defenses. As he staggers backwards from your decisive blow, his connection to the crystal weakens momentarily.</p>
         <p>Seizing the opportunity, you strike the crystal with all your remaining strength. It cracks, then shatters in a blinding flash of light and energy.</p>
         <p>The Evil Power Master screams as his power dissipates. "Impossible! I was so close to ultimate power!"</p>
         <p>As the light fades, you stand victorious. The land will heal from his corruption, and the people are free once more.</p>""",
-        "gameOver": true,
+        "gameOver": True,
         "ending": "You've defeated the Evil Power Master and destroyed the source of his power. Songs will be sung of your bravery for generations to come. The land begins to heal, and you are hailed as a hero throughout the realm.",
         "illustration": "hero-victory"
     },
-    
     "60": {
         "title": "Darkness Prevails",
         "content": """<p>Despite your best efforts, the Evil Power Master's power is too great. His dark magic overwhelms your defenses, bringing you to your knees.</p>
         <p>"Valiant, but futile," he says, looking down at you. "You could have joined me, you know. Now you'll witness my ascension to godhood before your end."</p>
         <p>As your vision fades, you see the crystal's glow intensifying. You've failed, and darkness will soon cover the land.</p>""",
-        "gameOver": true,
+        "gameOver": True,
         "ending": "The Evil Power Master was too powerful, and your quest ends in defeat. Darkness spreads across the land as he completes his ritual and ascends to even greater power. Perhaps another hero will rise in the future to challenge his reign.",
         "illustration": "dark-victory"
     },
-    
     "61": {
         "title": "The Crystal Shatters",
         "content": """<p>Drawing on all your wisdom and willpower, you break through the crystal's barrier. Reaching out, you touch its surface, which burns cold against your skin.</p>
         <p>The Evil Power Master shrieks in desperation, "Stop! You'll doom us all!"</p>
         <p>With a final effort, you channel your energy into the crystal. Cracks appear across its surface, spreading rapidly until it shatters with a deafening explosion of light and sound.</p>
         <p>When your vision clears, the Evil Power Master lies defeated, his power broken along with the crystal. Peace can now return to the land.</p>""",
-        "gameOver": true,
+        "gameOver": True,
         "ending": "By destroying the source of the Evil Power Master's strength, you've saved the realm from his tyranny. The fortress begins to crumble as its dark magic fades, but you escape to tell the tale. Your name becomes legend throughout the land.",
         "illustration": "crystal-destroyed"
     },
-    
     "62": {
         "title": "A Desperate Gambit",
         "content": """<p>The crystal's barrier proves too strong, repelling your attempts to break through. As you struggle against it, the Evil Power Master regains his composure and approaches.</p>
@@ -996,41 +1107,63 @@ game_data = {
         <p>In a final, desperate move, you use all your remaining strength to hurl your most powerful weapon or spell at the crystal.</p>
         <p>To your surprise and the Evil Power Master's horror, this creates a resonance effect. The crystal begins to vibrate violently, its energy becoming unstable.</p>
         <p>"What have you done?" he cries as the crystal's energy spirals out of control, engulfing both of you in blinding light.</p>""",
-        "gameOver": true,
+        "gameOver": True,
         "ending": "Your desperate attack destabilized the crystal, causing a catastrophic release of energy that destroyed the Evil Power Master and his fortress. Though you didn't survive, your sacrifice saved the realm from darkness. Bards sing of your heroism for generations to come.",
         "illustration": "heroic-sacrifice"
     }
 }
 
-# SVG templates for illustrations
+# --- Item Data ---
+items_data = {
+    "Flaming Sword": {"type": "weapon", "description": "A sword wreathed in magical fire. +3 Attack.", "attackBonus": 3},
+    "Whispering Bow": {"type": "weapon", "description": "A bow that fires silent arrows. +2 Attack.", "attackBonus": 2},
+    "Guardian Shield": {"type": "armor", "description": "A sturdy shield blessed with protective magic. +2 Defense.", "defenseBonus": 2},
+    "Healing Light Spell": {"type": "spell", "description": "A spell that can mend minor wounds."},
+    "Shield of Faith Spell": {"type": "spell", "description": "A spell that creates a temporary magical shield."},
+    "Binding Runes Scroll": {"type": "spell", "description": "A scroll containing runes to temporarily bind an enemy."},
+    "Secret Tunnel Map": {"type": "quest", "description": "A map marking a hidden entrance to the fortress."},
+    "Poison Daggers": {"type": "weapon", "description": "Daggers coated with a fast-acting poison. +1 Attack.", "attackBonus": 1},
+    "Master Key": {"type": "quest", "description": "A key said to unlock any non-magical lock."},
+    "Water Spirit's Blessing": {"type": "spell", "description": "A blessing from the river spirit, enhancing wisdom."},
+    "Ancient Amulet": {"type": "quest", "description": "An amulet radiating ancient protective magic. +1 Defense.", "defenseBonus": 1},
+    "Guard Disguise": {"type": "quest", "description": "A uniform worn by the fortress guards."},
+    "Healing Potion": {"type": "consumable", "description": "A potion that restores some health."}, # Placeholder
+    "Resistance Ally": {"type": "quest", "description": "A brave resistance fighter accompanying you."}, # Placeholder
+}
+
+# --- Enemy Data ---
+enemies_data = {
+    "Scout": {"hp": 15, "attack": 4, "defense": 1},
+    "Dark Mage": {"hp": 20, "attack": 6, "defense": 2},
+    "Fortress Guard": {"hp": 25, "attack": 5, "defense": 3},
+    # Add more enemies as needed
+}
+
+
+# --- SVG templates for illustrations ---
+# Helper function for placeholder SVGs
+def create_placeholder_svg(text="Placeholder", color="#cccccc"):
+    return f"""<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+                 <rect width="200" height="100" fill="{color}" />
+                 <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="14px" fill="#000">{text}</text>
+               </svg>"""
+
 illustrations = {
+    "default": create_placeholder_svg("Default Scene", "#aaaaaa"),
+    "game-over": create_placeholder_svg("Game Over", "#ffaaaa"),
     "city-gates": """
         <svg viewBox="0 0 400 250" xmlns="http://www.w3.org/2000/svg">
-            <!-- Sky -->
             <rect x="0" y="0" width="400" height="150" fill="#6b88a2" />
-            
-            <!-- Ground -->
             <rect x="0" y="150" width="400" height="100" fill="#7d6c54" />
-            
-            <!-- City walls -->
             <rect x="50" y="50" width="300" height="100" fill="#c9c0a8" />
-            
-            <!-- Gate -->
             <rect x="150" y="80" width="100" height="120" fill="#5a3c28" />
             <rect x="195" y="80" width="10" height="120" fill="#3a281e" />
-            
-            <!-- Towers -->
             <rect x="50" y="30" width="40" height="120" fill="#d6cdb7" />
             <rect x="310" y="30" width="40" height="120" fill="#d6cdb7" />
-            
-            <!-- Tower tops -->
             <polygon points="50,30 70,10 90,30" fill="#bf9969" />
             <polygon points="310,30 330,10 350,30" fill="#bf9969" />
-            
-            <!-- Path -->
-            <path d="M150,250 L250,250 L250,200 L150,200 Z" fill="#a89783" />
-            
-            <!-- Flags -->
+            <path d="M150,250 C 170 220, 230 220, 250 250 Z" fill="#a89783" /> 
+            <line x1="200" y1="200" x2="200" y2="250" stroke="#a89783" stroke-width="100" />
             <rect x="70" y="10" width="2" height="20" fill="#222" />
             <rect x="72" y="10" width="10" height="5" fill="#bf2121" />
             <rect x="330" y="10" width="2" height="20" fill="#222" />
@@ -1039,43 +1172,77 @@ illustrations = {
     """,
     "weaponsmith": """
         <svg viewBox="0 0 400 250" xmlns="http://www.w3.org/2000/svg">
-            <!-- Background -->
             <rect x="0" y="0" width="400" height="250" fill="#3d3123" />
-            
-            <!-- Forge -->
             <rect x="250" y="100" width="100" height="70" fill="#8c5b3f" />
             <rect x="270" y="120" width="60" height="30" fill="#e63d16" />
             <ellipse cx="300" cy="135" rx="25" ry="10" fill="#f7d046" />
-            
-            <!-- Anvil -->
             <rect x="180" y="160" width="40" height="20" fill="#888888" />
             <rect x="190" y="150" width="20" height="10" fill="#999999" />
             <rect x="195" y="140" width="10" height="10" fill="#aaaaaa" />
-            
-            <!-- Weapons on wall -->
             <line x1="50" y1="60" x2="90" y2="70" stroke="#c0c0c0" stroke-width="4" />
             <line x1="120" y1="50" x2="150" y2="70" stroke="#c0c0c0" stroke-width="3" />
             <rect x="60" y="90" width="30" height="80" fill="#814d2b" />
             <rect x="65" y="90" width="20" height="5" fill="#c0c0c0" />
             <rect x="140" y="90" width="5" height="100" fill="#814d2b" />
             <ellipse cx="142.5" cy="90" rx="15" ry="3" fill="#c0c0c0" />
-            
-            <!-- Table -->
             <rect x="30" y="180" width="120" height="10" fill="#8c5b3f" />
-            
-            <!-- Weaponsmith -->
             <circle cx="220" cy="120" r="25" fill="#d8a77a" />
             <rect x="210" y="145" width="20" height="35" fill="#603813" />
             <rect x="205" y="110" width="30" height="20" fill="#d8a77a" />
             <circle cx="213" cy="115" r="3" fill="#000" />
             <circle cx="227" cy="115" r="3" fill="#000" />
             <path d="M215,125 Q220,130 225,125" fill="none" stroke="#000" stroke-width="1" />
-            
-            <!-- Special weapons -->
             <rect x="60" y="60" width="10" height="30" fill="#603813" />
             <rect x="62" y="30" width="6" height="30" fill="#ff5722" opacity="0.7">
                 <animate attributeName="opacity" values="0.7;1;0.7" dur="2s" repeatCount="indefinite" />
             </rect>
-            
             <rect x="130" y="50" width="6" height="40" fill="#603813" />
-            <ellipse cx="133" cy="50"
+            <ellipse cx="133" cy="50" rx="15" ry="3" fill="#c0c0c0" /> 
+        </svg> 
+    """,
+    # --- Add other placeholders ---
+    "temple": create_placeholder_svg("Ancient Temple", "#fffde7"),
+    "resistance-meeting": create_placeholder_svg("Resistance Meeting", "#efebe9"),
+    "shadowwood-forest": create_placeholder_svg("Shadowwood Forest", "#38502e"),
+    "road-ambush": create_placeholder_svg("Road Ambush", "#795548"),
+    "river-spirit": create_placeholder_svg("River Spirit", "#b3e5fc"),
+    "ancient-ruins": create_placeholder_svg("Ancient Ruins", "#bdbdbd"),
+    "forest-edge": create_placeholder_svg("Forest Edge", "#a5d6a7"),
+    "prisoner-cell": create_placeholder_svg("Prisoner Cell", "#616161"),
+    "spirit-blessing": create_placeholder_svg("Spirit Blessing", "#e1f5fe"),
+    "river-danger": create_placeholder_svg("River Danger", "#42a5f5"),
+    "ancient-spirits": create_placeholder_svg("Ancient Spirits", "#e0e0e0"),
+    "lost-ruins": create_placeholder_svg("Lost in Ruins", "#9e9e9e"),
+    "evil-fortress": create_placeholder_svg("Evil Fortress", "#212121"),
+    "fortress-observation": create_placeholder_svg("Observing Fortress", "#424242"),
+    "hidden-tunnel": create_placeholder_svg("Hidden Tunnel", "#757575"),
+    "night-escape": create_placeholder_svg("Night Escape", "#37474f"),
+    "guard-ally": create_placeholder_svg("Guard Ally", "#bcaaa4"),
+    "prison-wagon": create_placeholder_svg("Prison Wagon", "#8d6e63"),
+    "fortress-interior": create_placeholder_svg("Fortress Interior", "#616161"),
+    "fortress-alarm": create_placeholder_svg("Fortress Alarm", "#f44336"),
+    "secret-meeting": create_placeholder_svg("Secret Meeting", "#4e342e"),
+    "underground-passage": create_placeholder_svg("Underground Passage", "#6d4c41"),
+    "central-tower": create_placeholder_svg("Central Tower", "#3e2723"),
+    "dungeon-corridors": create_placeholder_svg("Dungeon Corridors", "#5d4037"),
+    "ritual-chamber": create_placeholder_svg("Ritual Chamber", "#4a148c"),
+    "prisoner-escort": create_placeholder_svg("Prisoner Escort", "#757575"),
+    "fortress-uprising": create_placeholder_svg("Fortress Uprising", "#ff7043"),
+    "secret-passage": create_placeholder_svg("Secret Passage", "#a1887f"),
+    "knowledge-sharing": create_placeholder_svg("Knowledge Sharing", "#fff176"),
+    "final-confrontation": create_placeholder_svg("Final Confrontation", "#d32f2f"),
+    "power-battle": create_placeholder_svg("Power Battle", "#ef5350"),
+    "crystal-barrier": create_placeholder_svg("Crystal Barrier", "#ab47bc"),
+    "hero-victory": create_placeholder_svg("Hero's Victory", "#ffee58"),
+    "dark-victory": create_placeholder_svg("Darkness Prevails", "#263238"),
+    "crystal-destroyed": create_placeholder_svg("Crystal Destroyed", "#81d4fa"),
+    "heroic-sacrifice": create_placeholder_svg("Heroic Sacrifice", "#ffcc80"),
+
+}
+
+</gradio-file>
+
+        </gradio-lite>
+    </div>
+</body>
+</html>