---
layout: watch
title: "058 Slay The Spire 2"
description: "Slay The Spire 2 Let's Play Season 1 Episode 58"
permalink: /yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e58.html
custom_css: "/css/game/sts2-style.css"
thumbnail: "https://i.ytimg.com/vi/O1LgqpiaS_c/maxresdefault.jpg"
upload_date: "2026-04-13T12:00:45+00:00"
duration_seconds: 5331
tags: "Deck Builder, Silent, Precarious Shears, The Legends Were True, Punch Off, Neutralize, Survivor, Ascenders Bane, Strangle, Well Laid Plans, Flick Flack, Ricochet, Precise Scissors, Joss Paper, Planisphere, Runic Pyramid, Unsettling Lamp, Preserved Fog, Forgotten Soul, War Paint, Royal Poison, Venerable Tea Set, Gremlin Horn, Jungle Maze Adventure, Darv, Bugslayer, Field Of Man Sized Holes, The Future Of Potions, Vakuu, Grave Of The Forgotten, Battleworn Dummy, Round Tea Party, Trial, Snakebite, Backstab, Poisoned Stab, Escape Plan, Haze, Hidden Daggers, Perfect Fit, The Hunt, Up My Sleeve, Squash, Accuracy, Untouchable, Prepared, Noxious Fumes, Acrobatics, Dagger Throw, Corrosive Wave, Folly, Dodge And Roll, Anticipate, Leg Sweep, Regret, Automation"
youtube_id: "O1LgqpiaS_c"
game_slug: "slay-the-spire-2"
---

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "058 Slay the Spire 2",
  "description": "Episode 58 of the Slay The Spire 2 Let's Play series.",
  "thumbnailUrl": "https://i.ytimg.com/vi/O1LgqpiaS_c/maxresdefault.jpg",
  "uploadDate": "2026-04-13T12:00:45+00:00",
  "duration": "PT1H28M51S",
  "embedUrl": "https://www.youtube.com/embed/O1LgqpiaS_c",
  "keywords": "Deck Builder, Silent, Precarious Shears, The Legends Were True, Punch Off, Neutralize, Survivor, Ascenders Bane, Strangle, Well Laid Plans, Flick Flack, Ricochet, Precise Scissors, Joss Paper, Planisphere, Runic Pyramid, Unsettling Lamp, Preserved Fog, Forgotten Soul, War Paint, Royal Poison, Venerable Tea Set, Gremlin Horn, Jungle Maze Adventure, Darv, Bugslayer, Field Of Man Sized Holes, The Future Of Potions, Vakuu, Grave Of The Forgotten, Battleworn Dummy, Round Tea Party, Trial, Snakebite, Backstab, Poisoned Stab, Escape Plan, Haze, Hidden Daggers, Perfect Fit, The Hunt, Up My Sleeve, Squash, Accuracy, Untouchable, Prepared, Noxious Fumes, Acrobatics, Dagger Throw, Corrosive Wave, Folly, Dodge And Roll, Anticipate, Leg Sweep, Regret, Automation",
  "interactionStatistic": {
    "@type": "InteractionCounter",
    "interactionType": { "@type": "WatchAction" },
    "userInteractionCount": 17
  }
}
</script>

<div class="game-page-wrapper">
  {% include watch_player.html 
      video_id="O1LgqpiaS_c"
      published="4/13/2026"
      duration="1h 28m 51s"
      views="17"
      likes="1"
      comments="0"
      prev_url="/yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e57.html"
      next_url="/yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e59.html"
  %}

  <div class="tags-container" style="margin-bottom: 25px;"><div class="tag-row row-top" style="margin-bottom: 12px; display: flex; flex-wrap: wrap; align-items: center;"><a href="/yt/tags/deck-builder/" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--border); background: rgba(0,0,0,0.2); color: var(--text-muted); margin-right: 6px; margin-bottom: 6px; display: inline-block; text-decoration: none; white-space: nowrap;">#Deck Builder</a><a href="/games/slay-the-spire-2/characters/silent.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--green); color: var(--green); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">character:</span><strong>Silent</strong>
            </a></div><div class="tag-row row-cards" style="margin-bottom: 12px; border-top: 1px solid var(--border, #333); padding-top: 10px;">
            <div style="font-size: 0.75em; color: gray; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;">Cards</div>
            <div style="display: flex; flex-wrap: wrap;"><a href="/games/slay-the-spire-2/cards/neutralize.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Neutralize</strong>
            </a><a href="/games/slay-the-spire-2/cards/survivor.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Survivor</strong>
            </a><a href="/games/slay-the-spire-2/cards/ascenders-bane.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Ascenders Bane</strong>
            </a><a href="/games/slay-the-spire-2/cards/strangle.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Strangle</strong>
            </a><a href="/games/slay-the-spire-2/cards/well-laid-plans.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Well Laid Plans</strong>
            </a><a href="/games/slay-the-spire-2/cards/flick-flack.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Flick Flack</strong>
            </a><a href="/games/slay-the-spire-2/cards/ricochet.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Ricochet</strong>
            </a><a href="/games/slay-the-spire-2/cards/snakebite.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Snakebite</strong>
            </a><a href="/games/slay-the-spire-2/cards/backstab.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Backstab</strong>
            </a><a href="/games/slay-the-spire-2/cards/poisoned-stab.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Poisoned Stab</strong>
            </a><a href="/games/slay-the-spire-2/cards/escape-plan.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Escape Plan</strong>
            </a><a href="/games/slay-the-spire-2/cards/haze.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Haze</strong>
            </a><a href="/games/slay-the-spire-2/cards/hidden-daggers.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Hidden Daggers</strong>
            </a><a href="/games/slay-the-spire-2/cards/the-hunt.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>The Hunt</strong>
            </a><a href="/games/slay-the-spire-2/cards/up-my-sleeve.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Up My Sleeve</strong>
            </a><a href="/games/slay-the-spire-2/cards/squash.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Squash</strong>
            </a><a href="/games/slay-the-spire-2/cards/accuracy.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Accuracy</strong>
            </a><a href="/games/slay-the-spire-2/cards/untouchable.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Untouchable</strong>
            </a><a href="/games/slay-the-spire-2/cards/prepared.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Prepared</strong>
            </a><a href="/games/slay-the-spire-2/cards/noxious-fumes.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Noxious Fumes</strong>
            </a><a href="/games/slay-the-spire-2/cards/acrobatics.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Acrobatics</strong>
            </a><a href="/games/slay-the-spire-2/cards/dagger-throw.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Dagger Throw</strong>
            </a><a href="/games/slay-the-spire-2/cards/corrosive-wave.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Corrosive Wave</strong>
            </a><a href="/games/slay-the-spire-2/cards/folly.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Folly</strong>
            </a><a href="/games/slay-the-spire-2/cards/dodge-and-roll.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Dodge And Roll</strong>
            </a><a href="/games/slay-the-spire-2/cards/anticipate.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Anticipate</strong>
            </a><a href="/games/slay-the-spire-2/cards/leg-sweep.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Leg Sweep</strong>
            </a><a href="/games/slay-the-spire-2/cards/regret.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Regret</strong>
            </a><a href="/games/slay-the-spire-2/cards/automation.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">card:</span><strong>Automation</strong>
            </a></div>
        </div><div class="tag-row row-enchants" style="margin-bottom: 12px; border-top: 1px solid var(--border, #333); padding-top: 10px;">
            <div style="font-size: 0.75em; color: gray; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;">Enchantments</div>
            <div style="display: flex; flex-wrap: wrap;"><a href="/games/slay-the-spire-2/enchantments/perfect-fit.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">enchantment:</span><strong>Perfect Fit</strong>
            </a></div>
        </div><div class="tag-row row-relics" style="margin-bottom: 12px; border-top: 1px solid var(--border, #333); padding-top: 10px;">
            <div style="font-size: 0.75em; color: gray; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;">Relics</div>
            <div style="display: flex; flex-wrap: wrap;"><a href="/games/slay-the-spire-2/relics/precarious-shears.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Precarious Shears</strong>
            </a><a href="/games/slay-the-spire-2/relics/precise-scissors.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Precise Scissors</strong>
            </a><a href="/games/slay-the-spire-2/relics/joss-paper.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Joss Paper</strong>
            </a><a href="/games/slay-the-spire-2/relics/planisphere.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Planisphere</strong>
            </a><a href="/games/slay-the-spire-2/relics/runic-pyramid.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Runic Pyramid</strong>
            </a><a href="/games/slay-the-spire-2/relics/unsettling-lamp.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Unsettling Lamp</strong>
            </a><a href="/games/slay-the-spire-2/relics/preserved-fog.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Preserved Fog</strong>
            </a><a href="/games/slay-the-spire-2/relics/forgotten-soul.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Forgotten Soul</strong>
            </a><a href="/games/slay-the-spire-2/relics/war-paint.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>War Paint</strong>
            </a><a href="/games/slay-the-spire-2/relics/royal-poison.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Royal Poison</strong>
            </a><a href="/games/slay-the-spire-2/relics/venerable-tea-set.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Venerable Tea Set</strong>
            </a><a href="/games/slay-the-spire-2/relics/gremlin-horn.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">relic:</span><strong>Gremlin Horn</strong>
            </a></div>
        </div><div class="tag-row row-events" style="margin-bottom: 12px; border-top: 1px solid var(--border, #333); padding-top: 10px;">
            <div style="font-size: 0.75em; color: gray; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;">Events</div>
            <div style="display: flex; flex-wrap: wrap;"><a href="/games/slay-the-spire-2/events/the-legends-were-true.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>The Legends Were True</strong>
            </a><a href="/games/slay-the-spire-2/events/punch-off.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Punch Off</strong>
            </a><a href="/games/slay-the-spire-2/events/jungle-maze-adventure.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Jungle Maze Adventure</strong>
            </a><a href="/games/slay-the-spire-2/events/darv.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Darv</strong>
            </a><a href="/games/slay-the-spire-2/events/bugslayer.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Bugslayer</strong>
            </a><a href="/games/slay-the-spire-2/events/field-of-man-sized-holes.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Field Of Man Sized Holes</strong>
            </a><a href="/games/slay-the-spire-2/events/the-future-of-potions.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>The Future Of Potions</strong>
            </a><a href="/games/slay-the-spire-2/events/vakuu.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Vakuu</strong>
            </a><a href="/games/slay-the-spire-2/events/grave-of-the-forgotten.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Grave Of The Forgotten</strong>
            </a><a href="/games/slay-the-spire-2/events/battleworn-dummy.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: rgba(0,0,0,0.2); margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Battleworn Dummy</strong>
            </a><span class="btn text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: transparent; opacity: 0.4; margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; cursor: default;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Round Tea Party</strong>
            </span><span class="btn text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--yellow); color: var(--yellow); background: transparent; opacity: 0.4; margin-right: 6px; margin-bottom: 6px; display: inline-flex; align-items: center; white-space: nowrap; cursor: default;">
                <span style="opacity: 0.6; font-size: 0.85em; margin-right: 4px;">event:</span><strong>Trial</strong>
            </span></div>
        </div></div>
  
  
        <div class="run-summary-container" style="margin-top: 30px; margin-bottom: 30px; background: rgba(0,0,0,0.2); padding: 20px; border-radius: 8px; border: 1px solid var(--border, #333);">
            <h3 style="margin-top: 0; color: var(--text-muted, #aaa); font-size: 1.1em; border-bottom: 1px solid var(--border, #333); padding-bottom: 10px; margin-bottom: 15px;">Run Summary: HP per Floor</h3>
            <div style="height: 300px; width: 100%;">
                <canvas id="hpChart_58"></canvas>
            </div>
        </div>
        

  <script>window.LTG_TAG_CONFIG = {"priorityCategories":["character"],"colors":{"character:silent":"var(--green)","character:defect":"var(--blue)","character:ironclad":"var(--red)","character:regent":"var(--orange)","character:necrobinder":"var(--purple)","default":"var(--yellow)"}};</script>
  {% include admin_panel.html %}

  <div class="manual-content">
      <h1 class="title" style="font-size: 1.8rem; margin-bottom: 5px;">{{ page.title }}</h1>
      <p class="subtitle" style="margin-bottom: 20px;">Season 1, Episode 58</p>
      
      

  </div>

  
  <div class="spire-stats-footer" style="margin-top: 40px; text-align: center; border-top: 1px solid var(--border); padding-top: 20px; opacity: 0.8; font-size: 0.9em;">
      <p>Run Stats from <a href="https://spire2stats.com/" target="_blank" style="color: var(--blue); text-decoration: underline;">https://spire2stats.com/</a></p>
  </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
    const ctx = document.getElementById('hpChart_58');
    if (!ctx) return;

    const rawRuns = [{"label":"Run 95 (Silent)","win":false,"floorData":[{"floor":1,"hp":43},{"floor":2,"hp":43},{"floor":3,"hp":42},{"floor":4,"hp":42},{"floor":5,"hp":40},{"floor":6,"hp":32},{"floor":7,"hp":32},{"floor":8,"hp":0}]},{"label":"Run 96 (Silent)","win":true,"floorData":[{"floor":1,"hp":56},{"floor":2,"hp":54},{"floor":3,"hp":54},{"floor":4,"hp":54},{"floor":5,"hp":54},{"floor":6,"hp":48},{"floor":7,"hp":30},{"floor":8,"hp":30},{"floor":9,"hp":27},{"floor":10,"hp":27},{"floor":11,"hp":14},{"floor":12,"hp":35},{"floor":13,"hp":42},{"floor":14,"hp":42},{"floor":15,"hp":27},{"floor":16,"hp":48},{"floor":17,"hp":3},{"floor":18,"hp":56},{"floor":19,"hp":51},{"floor":20,"hp":55},{"floor":21,"hp":50},{"floor":22,"hp":54},{"floor":23,"hp":47},{"floor":24,"hp":47},{"floor":25,"hp":34},{"floor":26,"hp":34},{"floor":27,"hp":34},{"floor":28,"hp":38},{"floor":29,"hp":34},{"floor":30,"hp":23},{"floor":31,"hp":23},{"floor":32,"hp":44},{"floor":33,"hp":4},{"floor":34,"hp":56},{"floor":35,"hp":39},{"floor":36,"hp":43},{"floor":37,"hp":35},{"floor":38,"hp":43},{"floor":39,"hp":33},{"floor":40,"hp":33},{"floor":41,"hp":33},{"floor":42,"hp":52},{"floor":43,"hp":64},{"floor":44,"hp":46},{"floor":45,"hp":50},{"floor":46,"hp":50},{"floor":47,"hp":64},{"floor":48,"hp":18}]}];
    if (rawRuns.length === 0) return;

    let maxFloor = 0;
    rawRuns.forEach(r => {
        if (r.floorData.length > 0) {
            const lastFloor = r.floorData[r.floorData.length - 1].floor;
            if (lastFloor > maxFloor) maxFloor = lastFloor;
        }
    });

    const labels = Array.from({length: maxFloor}, (_, i) => i + 1);
    const colors = ['#e74c3c', '#3498db', '#2ecc71', '#f1c40f', '#9b59b6'];

    const datasets = rawRuns.map((run, index) => {
        const hpMap = {};
        run.floorData.forEach(d => { hpMap[d.floor] = d.hp; });
        
        const dataArr = labels.map(floor => hpMap[floor] !== undefined ? hpMap[floor] : null);
        const color = colors[index % colors.length];

        return {
            label: run.label + (run.win ? ' [WIN]' : ' [LOSS]'),
            data: dataArr,
            borderColor: color,
            backgroundColor: color + '33',
            borderWidth: 2,
            pointRadius: 2,
            pointBackgroundColor: color,
            fill: true,
            tension: 0.3,
            spanGaps: true
        };
    });

    new Chart(ctx, {
        type: 'line',
        data: { labels: labels, datasets: datasets },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            interaction: { mode: 'index', intersect: false },
            scales: {
                x: { title: { display: true, text: 'Floor', color: '#aaa' }, ticks: { color: '#aaa' }, grid: { color: '#333' } },
                y: { title: { display: true, text: 'HP', color: '#aaa' }, ticks: { color: '#aaa' }, grid: { color: '#333' }, beginAtZero: true }
            },
            plugins: { legend: { labels: { color: '#eee' } } }
        }
    });
});
</script>