---
layout: watch
title: "010 Slay The Spire 2"
description: "Slay The Spire 2 Let's Play Season 1 Episode 10"
permalink: /yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e10.html
custom_css: "/css/game/sts2-style.css"
thumbnail: "https://i.ytimg.com/vi/2kqRdH4ucmE/maxresdefault.jpg"
upload_date: "2026-03-12T14:00:10+00:00"
duration_seconds: 7836
tags: "Deck Builder, Defect, Arcane Scroll, White Beast Statue, Mercury Hourglass, Chandelier, Juzu Bracelet, Bone Tea, Bag Of Preparation, Lantern, Paels Tooth, Sparkling Rouge, Prayer Wheel, Parrying Shield, Pendulum, Strawberry, Crossbow, Fake Happy Flower, Vajra, Oddly Smooth Stone, Fragrant Mushroom, Stone Cracker, Tablet Of Truth, Jungle Maze Adventure, Tea Master, Pael, Brain Leech, Welcome To Wongos, Tanx, Symbiote, Fake Merchant, Hungry For Mushrooms, Dualcast, Supercritical, Cold Snap, Loop, Refract, Zap, Glasswork, Compile Driver, Lightning Rod, Buffer, Hailstorm, Coolheaded, Subroutine, Storm, Defragment, Focused Strike"
youtube_id: "2kqRdH4ucmE"
game_slug: "slay-the-spire-2"
---

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "010 Slay the Spire 2",
  "description": "Episode 10 of the Slay The Spire 2 Let's Play series.",
  "thumbnailUrl": "https://i.ytimg.com/vi/2kqRdH4ucmE/maxresdefault.jpg",
  "uploadDate": "2026-03-12T14:00:10+00:00",
  "duration": "PT2H10M36S",
  "embedUrl": "https://www.youtube.com/embed/2kqRdH4ucmE",
  "keywords": "Deck Builder, Defect, Arcane Scroll, White Beast Statue, Mercury Hourglass, Chandelier, Juzu Bracelet, Bone Tea, Bag Of Preparation, Lantern, Paels Tooth, Sparkling Rouge, Prayer Wheel, Parrying Shield, Pendulum, Strawberry, Crossbow, Fake Happy Flower, Vajra, Oddly Smooth Stone, Fragrant Mushroom, Stone Cracker, Tablet Of Truth, Jungle Maze Adventure, Tea Master, Pael, Brain Leech, Welcome To Wongos, Tanx, Symbiote, Fake Merchant, Hungry For Mushrooms, Dualcast, Supercritical, Cold Snap, Loop, Refract, Zap, Glasswork, Compile Driver, Lightning Rod, Buffer, Hailstorm, Coolheaded, Subroutine, Storm, Defragment, Focused Strike",
  "interactionStatistic": {
    "@type": "InteractionCounter",
    "interactionType": { "@type": "WatchAction" },
    "userInteractionCount": 51
  }
}
</script>

<div class="game-page-wrapper">
  {% include watch_player.html 
      video_id="2kqRdH4ucmE"
      published="3/12/2026"
      duration="2h 10m 36s"
      views="51"
      likes="4"
      comments="0"
      prev_url="/yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e09.html"
      next_url="/yt/letstrygg/slay-the-spire-2/season-1/sts2-s01e11.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/defect.html" class="btn interactive text-sm" style="padding: 2px 12px; border-radius: 15px; border: 1px solid var(--blue); color: var(--blue); 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>Defect</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/dualcast.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>Dualcast</strong>
            </a><a href="/games/slay-the-spire-2/cards/supercritical.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>Supercritical</strong>
            </a><a href="/games/slay-the-spire-2/cards/cold-snap.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>Cold Snap</strong>
            </a><a href="/games/slay-the-spire-2/cards/loop.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>Loop</strong>
            </a><a href="/games/slay-the-spire-2/cards/refract.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>Refract</strong>
            </a><a href="/games/slay-the-spire-2/cards/zap.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>Zap</strong>
            </a><a href="/games/slay-the-spire-2/cards/glasswork.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>Glasswork</strong>
            </a><a href="/games/slay-the-spire-2/cards/compile-driver.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>Compile Driver</strong>
            </a><a href="/games/slay-the-spire-2/cards/lightning-rod.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>Lightning Rod</strong>
            </a><a href="/games/slay-the-spire-2/cards/buffer.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>Buffer</strong>
            </a><a href="/games/slay-the-spire-2/cards/hailstorm.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>Hailstorm</strong>
            </a><a href="/games/slay-the-spire-2/cards/coolheaded.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>Coolheaded</strong>
            </a><a href="/games/slay-the-spire-2/cards/subroutine.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>Subroutine</strong>
            </a><a href="/games/slay-the-spire-2/cards/storm.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>Storm</strong>
            </a><a href="/games/slay-the-spire-2/cards/defragment.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>Defragment</strong>
            </a><a href="/games/slay-the-spire-2/cards/focused-strike.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>Focused Strike</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/arcane-scroll.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>Arcane Scroll</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/mercury-hourglass.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>Mercury Hourglass</strong>
            </a><a href="/games/slay-the-spire-2/relics/chandelier.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>Chandelier</strong>
            </a><a href="/games/slay-the-spire-2/relics/juzu-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>Juzu Bracelet</strong>
            </a><a href="/games/slay-the-spire-2/relics/bone-tea.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>Bone Tea</strong>
            </a><a href="/games/slay-the-spire-2/relics/bag-of-preparation.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>Bag Of Preparation</strong>
            </a><a href="/games/slay-the-spire-2/relics/lantern.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>Lantern</strong>
            </a><a href="/games/slay-the-spire-2/relics/paels-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>Paels Tooth</strong>
            </a><a href="/games/slay-the-spire-2/relics/sparkling-rouge.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>Sparkling Rouge</strong>
            </a><a href="/games/slay-the-spire-2/relics/prayer-wheel.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>Prayer Wheel</strong>
            </a><a href="/games/slay-the-spire-2/relics/parrying-shield.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>Parrying Shield</strong>
            </a><a href="/games/slay-the-spire-2/relics/pendulum.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>Pendulum</strong>
            </a><a href="/games/slay-the-spire-2/relics/strawberry.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>Strawberry</strong>
            </a><a href="/games/slay-the-spire-2/relics/crossbow.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>Crossbow</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;">relic:</span><strong>Fake Happy Flower</strong>
            </span><a href="/games/slay-the-spire-2/relics/vajra.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>Vajra</strong>
            </a><a href="/games/slay-the-spire-2/relics/oddly-smooth-stone.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>Oddly Smooth Stone</strong>
            </a><a href="/games/slay-the-spire-2/relics/fragrant-mushroom.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>Fragrant Mushroom</strong>
            </a><a href="/games/slay-the-spire-2/relics/stone-cracker.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>Stone Cracker</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/tablet-of-truth.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>Tablet Of Truth</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/tea-master.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>Tea Master</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/brain-leech.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>Brain Leech</strong>
            </a><a href="/games/slay-the-spire-2/events/welcome-to-wongos.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>Welcome To Wongos</strong>
            </a><a href="/games/slay-the-spire-2/events/tanx.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>Tanx</strong>
            </a><a href="/games/slay-the-spire-2/events/symbiote.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>Symbiote</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>Fake Merchant</strong>
            </span><a href="/games/slay-the-spire-2/events/hungry-for-mushrooms.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>Hungry For Mushrooms</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_10"></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 10</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_10');
    if (!ctx) return;

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