---
layout: watch
title: "023 Slay The Spire 2"
description: "Slay The Spire 2 Let's Play Season 1 Episode 23"
permalink: /yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e23.html
custom_css: "/css/game/sts2-style.css"
thumbnail: "https://i.ytimg.com/vi/JJZN1YpIr9c/maxresdefault.jpg"
upload_date: "2026-03-25T12:00:26+00:00"
duration_seconds: 5395
tags: "Deck Builder, Silent, New Leaf, Self Help Book, Neutralize, Sharp, Survivor, Burst, Blade Dance, Prepared, Bouncing Flask, Silver Crucible, Fresnel Lens, Paels Growth, Regal Pillow, Beautiful Bracelet, Whetstone, War Paint, Art Of War, Drowning Beacon, Abyssal Baths, Pael, Bugslayer, Nonupeipe, Slippery Bridge, Grave Of The Forgotten, Reflections, Tinker Time, Nimble, Flick Flack, Ricochet, Swift, Haze, Acrobatics, Clone, Adrenaline, Souls Power, Reflex, Squash, Untouchable, Afterimage, Decay, Bad Luck, Mad Science"
youtube_id: "JJZN1YpIr9c"
game_slug: "slay-the-spire-2"
---

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "023 Clone Prepared, Slay the Spire 2",
  "description": "Episode 23 of the Slay The Spire 2 Let's Play series.",
  "thumbnailUrl": "https://i.ytimg.com/vi/JJZN1YpIr9c/maxresdefault.jpg",
  "uploadDate": "2026-03-25T12:00:26+00:00",
  "duration": "PT1H29M55S",
  "embedUrl": "https://www.youtube.com/embed/JJZN1YpIr9c",
  "keywords": "Deck Builder, Silent, New Leaf, Self Help Book, Neutralize, Sharp, Survivor, Burst, Blade Dance, Prepared, Bouncing Flask, Silver Crucible, Fresnel Lens, Paels Growth, Regal Pillow, Beautiful Bracelet, Whetstone, War Paint, Art Of War, Drowning Beacon, Abyssal Baths, Pael, Bugslayer, Nonupeipe, Slippery Bridge, Grave Of The Forgotten, Reflections, Tinker Time, Nimble, Flick Flack, Ricochet, Swift, Haze, Acrobatics, Clone, Adrenaline, Souls Power, Reflex, Squash, Untouchable, Afterimage, Decay, Bad Luck, Mad Science",
  "interactionStatistic": {
    "@type": "InteractionCounter",
    "interactionType": { "@type": "WatchAction" },
    "userInteractionCount": 47
  }
}
</script>

<div class="game-page-wrapper">
  {% include watch_player.html 
      video_id="JJZN1YpIr9c"
      published="3/25/2026"
      duration="1h 29m 55s"
      views="47"
      likes="3"
      comments="0"
      prev_url="/yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e22.html"
      next_url="/yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e24.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/burst.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>Burst</strong>
            </a><a href="/games/slay-the-spire-2/cards/blade-dance.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>Blade Dance</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/bouncing-flask.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>Bouncing Flask</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/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/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/adrenaline.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>Adrenaline</strong>
            </a><a href="/games/slay-the-spire-2/cards/reflex.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>Reflex</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/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/afterimage.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>Afterimage</strong>
            </a><a href="/games/slay-the-spire-2/cards/decay.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>Decay</strong>
            </a><a href="/games/slay-the-spire-2/cards/bad-luck.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>Bad Luck</strong>
            </a><a href="/games/slay-the-spire-2/cards/mad-science.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>Mad Science</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/sharp.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>Sharp</strong>
            </a><a href="/games/slay-the-spire-2/enchantments/nimble.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>Nimble</strong>
            </a><a href="/games/slay-the-spire-2/enchantments/swift.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>Swift</strong>
            </a><a href="/games/slay-the-spire-2/enchantments/clone.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>Clone</strong>
            </a><a href="/games/slay-the-spire-2/enchantments/souls-power.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>Souls Power</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/new-leaf.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>New Leaf</strong>
            </a><a href="/games/slay-the-spire-2/relics/silver-crucible.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>Silver Crucible</strong>
            </a><a href="/games/slay-the-spire-2/relics/fresnel-lens.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>Fresnel Lens</strong>
            </a><a href="/games/slay-the-spire-2/relics/paels-growth.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>Paels Growth</strong>
            </a><a href="/games/slay-the-spire-2/relics/regal-pillow.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>Regal Pillow</strong>
            </a><a href="/games/slay-the-spire-2/relics/beautiful-bracelet.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>Beautiful Bracelet</strong>
            </a><a href="/games/slay-the-spire-2/relics/whetstone.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>Whetstone</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/art-of-war.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>Art Of War</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/self-help-book.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>Self Help Book</strong>
            </a><a href="/games/slay-the-spire-2/events/drowning-beacon.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>Drowning Beacon</strong>
            </a><a href="/games/slay-the-spire-2/events/abyssal-baths.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>Abyssal Baths</strong>
            </a><a href="/games/slay-the-spire-2/events/pael.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>Pael</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/nonupeipe.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>Nonupeipe</strong>
            </a><a href="/games/slay-the-spire-2/events/slippery-bridge.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>Slippery Bridge</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><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>Reflections</strong>
            </span><a href="/games/slay-the-spire-2/events/tinker-time.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>Tinker Time</strong>
            </a></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_23"></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 23</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_23');
    if (!ctx) return;

    const rawRuns = [{"label":"Run 29 (Silent)","win":false,"floorData":[{"floor":1,"hp":56},{"floor":2,"hp":53},{"floor":3,"hp":53},{"floor":4,"hp":53},{"floor":5,"hp":53},{"floor":6,"hp":53},{"floor":7,"hp":0}]},{"label":"Run 30 (Silent)","win":true,"floorData":[{"floor":1,"hp":56},{"floor":2,"hp":55},{"floor":3,"hp":51},{"floor":4,"hp":44},{"floor":5,"hp":41},{"floor":6,"hp":41},{"floor":7,"hp":41},{"floor":8,"hp":35},{"floor":9,"hp":35},{"floor":10,"hp":35},{"floor":11,"hp":35},{"floor":12,"hp":29},{"floor":13,"hp":29},{"floor":14,"hp":24},{"floor":15,"hp":22},{"floor":16,"hp":22},{"floor":17,"hp":7},{"floor":18,"hp":51},{"floor":19,"hp":49},{"floor":20,"hp":49},{"floor":21,"hp":49},{"floor":22,"hp":49},{"floor":23,"hp":49},{"floor":24,"hp":49},{"floor":25,"hp":46},{"floor":26,"hp":46},{"floor":27,"hp":46},{"floor":28,"hp":46},{"floor":29,"hp":46},{"floor":30,"hp":46},{"floor":31,"hp":46},{"floor":32,"hp":46},{"floor":33,"hp":30},{"floor":34,"hp":56},{"floor":35,"hp":56},{"floor":36,"hp":56},{"floor":37,"hp":38},{"floor":38,"hp":38},{"floor":39,"hp":38},{"floor":40,"hp":38},{"floor":41,"hp":38},{"floor":42,"hp":38},{"floor":43,"hp":38},{"floor":44,"hp":38},{"floor":45,"hp":38},{"floor":46,"hp":38},{"floor":47,"hp":38},{"floor":48,"hp":38}]}];
    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>