---
layout: watch
title: "048 Slay The Spire 2"
description: "Slay The Spire 2 Let's Play Season 1 Episode 48"
permalink: /yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e48.html
custom_css: "/css/game/sts2-style.css"
thumbnail: "https://i.ytimg.com/vi/V7D9P1EBxfw/maxresdefault.jpg"
upload_date: "2026-04-08T16:01:02+00:00"
duration_seconds: 5312
tags: "Deck Builder, Silent, Leafy Poultice, White Beast Statue, Nunchaku, This Or That, Neutralize, Survivor, Ascenders Bane, Shadow Step, Mirage, Flick Flack, Cloak And Dagger, Snakebite, Well Laid Plans, Afterimage, Untouchable, Silver Crucible, Vexing Puzzlebox, Archaic Tooth, Pocketwatch, Beautiful Bracelet, Potion Belt, Royal Poison, Candelabra, The Legends Were True, Aroma Of Chaos, Room Full Of Cheese, Orobas, Field Of Man Sized Holes, Lost Wisp, Bugslayer, Self Help Book, Nonupeipe, Tinker Time, Round Tea Party, Tactician, Swift, Prepared, Deadly Poison, Abrasive, Reflex, Deflect, Tools Of The Trade, Suppress, Dagger Throw, Haze, Squash, Acrobatics, Mad Science"
youtube_id: "V7D9P1EBxfw"
game_slug: "slay-the-spire-2"
---

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "048 Slay the Spire 2",
  "description": "Episode 48 of the Slay The Spire 2 Let's Play series.",
  "thumbnailUrl": "https://i.ytimg.com/vi/V7D9P1EBxfw/maxresdefault.jpg",
  "uploadDate": "2026-04-08T16:01:02+00:00",
  "duration": "PT1H28M32S",
  "embedUrl": "https://www.youtube.com/embed/V7D9P1EBxfw",
  "keywords": "Deck Builder, Silent, Leafy Poultice, White Beast Statue, Nunchaku, This Or That, Neutralize, Survivor, Ascenders Bane, Shadow Step, Mirage, Flick Flack, Cloak And Dagger, Snakebite, Well Laid Plans, Afterimage, Untouchable, Silver Crucible, Vexing Puzzlebox, Archaic Tooth, Pocketwatch, Beautiful Bracelet, Potion Belt, Royal Poison, Candelabra, The Legends Were True, Aroma Of Chaos, Room Full Of Cheese, Orobas, Field Of Man Sized Holes, Lost Wisp, Bugslayer, Self Help Book, Nonupeipe, Tinker Time, Round Tea Party, Tactician, Swift, Prepared, Deadly Poison, Abrasive, Reflex, Deflect, Tools Of The Trade, Suppress, Dagger Throw, Haze, Squash, Acrobatics, Mad Science",
  "interactionStatistic": {
    "@type": "InteractionCounter",
    "interactionType": { "@type": "WatchAction" },
    "userInteractionCount": 32
  }
}
</script>

<div class="game-page-wrapper">
  {% include watch_player.html 
      video_id="V7D9P1EBxfw"
      published="4/8/2026"
      duration="1h 28m 32s"
      views="32"
      likes="2"
      comments="0"
      prev_url="/yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e47.html"
      next_url="/yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e49.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/shadow-step.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>Shadow Step</strong>
            </a><a href="/games/slay-the-spire-2/cards/mirage.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>Mirage</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/cloak-and-dagger.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>Cloak And Dagger</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/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/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/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/tactician.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>Tactician</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/deadly-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;">card:</span><strong>Deadly Poison</strong>
            </a><a href="/games/slay-the-spire-2/cards/abrasive.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>Abrasive</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/deflect.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>Deflect</strong>
            </a><a href="/games/slay-the-spire-2/cards/tools-of-the-trade.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>Tools Of The Trade</strong>
            </a><a href="/games/slay-the-spire-2/cards/suppress.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>Suppress</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/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/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/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/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/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></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/leafy-poultice.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>Leafy Poultice</strong>
            </a><a href="/games/slay-the-spire-2/relics/white-beast-statue.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>White Beast Statue</strong>
            </a><a href="/games/slay-the-spire-2/relics/nunchaku.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>Nunchaku</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/vexing-puzzlebox.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>Vexing Puzzlebox</strong>
            </a><a href="/games/slay-the-spire-2/relics/archaic-tooth.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>Archaic Tooth</strong>
            </a><a href="/games/slay-the-spire-2/relics/pocketwatch.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>Pocketwatch</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/potion-belt.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>Potion Belt</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/candelabra.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>Candelabra</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/this-or-that.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>This Or That</strong>
            </a><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/aroma-of-chaos.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>Aroma Of Chaos</strong>
            </a><a href="/games/slay-the-spire-2/events/room-full-of-cheese.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>Room Full Of Cheese</strong>
            </a><a href="/games/slay-the-spire-2/events/orobas.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>Orobas</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><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>Lost Wisp</strong>
            </span><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/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/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/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><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></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_48"></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 48</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_48');
    if (!ctx) return;

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