---
layout: new
title: "Slay The Spire - All Seasons"
permalink: /yt/letstrygg/slay-the-spire/
custom_css: "/css/home.css"
---

<style>
/* Generic Component System */
.panel {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    background: transparent;
}

.panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 4px 4px 4px;
}

.label {
    font-size: 1.1rem;
    font-weight: bold;
}

/* Zone 1: Generic Content Block */
.content {
    display: flex;
    flex-direction: column;
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: var(--text);
    transition: border-color 0.2s ease;
}

.content:hover {
    border-color: var(--border-hover);
}

.content img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.content-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    gap: 12px;
}

/* Zone 2: Generic Info Block */
.info {
    display: flex;
    flex-direction: column;
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 12px 15px;
    margin-top: 10px;
    text-decoration: none;
    color: var(--text);
    transition: background 0.2s ease, border-color 0.2s ease;
}

.info:hover {
    background: var(--bg3);
    border-color: var(--border-hover);
}

.info:hover .info-cta {
    color: var(--blue);
}

.info-stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    flex-wrap: wrap; 
}

.info-stats span {
    display: flex;
    align-items: center;
    gap: 2px;
}

.info-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    font-weight: bold;
    color: var(--gray);
    border-top: 1px solid var(--border);
    padding-top: 10px;
    transition: color 0.2s;
}

/* Simple hover brighten for the YT link */
.yt-header-link {
    opacity: 0.7;
    transition: opacity 0.2s;
}
.yt-header-link:hover {
    opacity: 1;
}
</style>

<div class="game-page-wrapper">
  


  <div class="season-grid" id="series-grid">

    <div class="panel filterable-card" data-updated="1625229002000">
      
      <div class="panel-header">
        <span class="label">Season 1</span>
        <a href="https://www.youtube.com/playlist?list=PLQ4IL4UVgQk6UCEQ-75FG53-z6cDIACd4" target="_blank" rel="noopener noreferrer" class="yt-header-link" style="display: flex; align-items: center; gap: 4px; color: var(--text); text-decoration: none; font-size: 0.9rem;">
          <span class="material-symbols-outlined" style="color: var(--red); font-size: 20px;">play_circle</span> YouTube
        </a>
      </div>
      
      <a href="/yt/letstrygg/slay-the-spire/season-1/sts-s01e01.html" class="content" title="Play Episode 1">
        <img src="https://i.ytimg.com/vi/usKoFsyPLmE/maxresdefault.jpg" alt="Slay The Spire S1" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div class="content-row">
          <strong style="font-size: 1.1rem; line-height: 1.3; margin: 0;">Slay The Spire S1</strong>
          <span class="card-status blue">Complete</span>
        </div>
      </a>
      
      <a href="/yt/letstrygg/slay-the-spire/season-1/" class="info" title="View Season Details">
        
        <div class="info-stats" style="margin-bottom: 8px;">
          <span title="Videos" class="tooltip-trigger" data-tooltip="Total Videos vs Series Avg"><span class="material-symbols-outlined" style="color: var(--red); font-size: 16px; vertical-align: text-bottom;">video_library</span> 21 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+17)</span></span>
          <span title="Views" class="tooltip-trigger" data-tooltip="Total Views vs Series Avg"><span class="material-symbols-outlined" style="color: var(--blue); font-size: 16px; vertical-align: text-bottom;">visibility</span> 680 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+544)</span></span>
          <span title="Likes" class="tooltip-trigger" data-tooltip="Total Likes vs Series Avg"><span class="material-symbols-outlined" style="color: var(--green); font-size: 16px; vertical-align: text-bottom;">thumb_up</span> 35 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+28)</span></span>
          <span title="Comments" class="tooltip-trigger" data-tooltip="Total Comments vs Series Avg"><span class="material-symbols-outlined" style="color: var(--orange); font-size: 16px; vertical-align: text-bottom;">chat_bubble</span> 57 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+46)</span></span>
          <span title="Duration" class="tooltip-trigger" data-tooltip="Total Duration vs Series Avg"><span class="material-symbols-outlined" style="color: var(--purple); font-size: 16px; vertical-align: text-bottom;">schedule</span> 25h 16m <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+20h 12m)</span></span>
        </div>

        <div class="info-stats" style="margin-bottom: 10px; border-top: 1px dashed #333; padding-top: 8px; justify-content: flex-start; gap: 12px; color: var(--gray);">
          <span class="tooltip-trigger" data-tooltip="Days since first video"><strong>Age:</strong> 1742d</span>
          <span class="tooltip-trigger" data-tooltip="Days between first and last video"><strong>Span:</strong> 15d</span>
          <span class="tooltip-trigger" data-tooltip="Views per day"><strong>Vel:</strong> <span style="color: var(--blue);">0.4/d</span></span>
          <span class="tooltip-trigger" data-tooltip="Hidden Gem Score (High Engagement, Low Views)"><strong>Gem:</strong> <span style="color: var(--orange);">0.68</span></span>
        </div>
        
        <div class="info-cta">
          View Episode List <span class="material-symbols-outlined" style="font-size: 18px;">arrow_forward</span>
        </div>
      </a>
      
    </div>

    <div class="panel filterable-card" data-updated="1624689873000">
      
      <div class="panel-header">
        <span class="label">Season 1.1</span>
        <a href="https://www.youtube.com/playlist?list=PLQ4IL4UVgQk4fVl5qXicTPTepGPX8WVqG" target="_blank" rel="noopener noreferrer" class="yt-header-link" style="display: flex; align-items: center; gap: 4px; color: var(--text); text-decoration: none; font-size: 0.9rem;">
          <span class="material-symbols-outlined" style="color: var(--red); font-size: 20px;">play_circle</span> YouTube
        </a>
      </div>
      
      <a href="/yt/letstrygg/slay-the-spire/season-1_1/sts-s01_1e01.html" class="content" title="Play Episode 1">
        <img src="https://i.ytimg.com/vi/2d-Goj5TH3M/maxresdefault.jpg" alt="Slay The Spire S1.1" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div class="content-row">
          <strong style="font-size: 1.1rem; line-height: 1.3; margin: 0;">Slay The Spire S1.1</strong>
          <span class="card-status blue">Complete</span>
        </div>
      </a>
      
      <a href="/yt/letstrygg/slay-the-spire/season-1_1/" class="info" title="View Season Details">
        
        <div class="info-stats" style="margin-bottom: 8px;">
          <span title="Videos" class="tooltip-trigger" data-tooltip="Total Videos vs Series Avg"><span class="material-symbols-outlined" style="color: var(--red); font-size: 16px; vertical-align: text-bottom;">video_library</span> 18 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+14)</span></span>
          <span title="Views" class="tooltip-trigger" data-tooltip="Total Views vs Series Avg"><span class="material-symbols-outlined" style="color: var(--blue); font-size: 16px; vertical-align: text-bottom;">visibility</span> 521 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+385)</span></span>
          <span title="Likes" class="tooltip-trigger" data-tooltip="Total Likes vs Series Avg"><span class="material-symbols-outlined" style="color: var(--green); font-size: 16px; vertical-align: text-bottom;">thumb_up</span> 57 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+50)</span></span>
          <span title="Comments" class="tooltip-trigger" data-tooltip="Total Comments vs Series Avg"><span class="material-symbols-outlined" style="color: var(--orange); font-size: 16px; vertical-align: text-bottom;">chat_bubble</span> 108 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+97)</span></span>
          <span title="Duration" class="tooltip-trigger" data-tooltip="Total Duration vs Series Avg"><span class="material-symbols-outlined" style="color: var(--purple); font-size: 16px; vertical-align: text-bottom;">schedule</span> 38h 57m <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+33h 54m)</span></span>
        </div>

        <div class="info-stats" style="margin-bottom: 10px; border-top: 1px dashed #333; padding-top: 8px; justify-content: flex-start; gap: 12px; color: var(--gray);">
          <span class="tooltip-trigger" data-tooltip="Days since first video"><strong>Age:</strong> 2152d</span>
          <span class="tooltip-trigger" data-tooltip="Days between first and last video"><strong>Span:</strong> 419d</span>
          <span class="tooltip-trigger" data-tooltip="Views per day"><strong>Vel:</strong> <span style="color: var(--blue);">0.2/d</span></span>
          <span class="tooltip-trigger" data-tooltip="Hidden Gem Score (High Engagement, Low Views)"><strong>Gem:</strong> <span style="color: var(--orange);">1.66</span></span>
        </div>
        
        <div class="info-cta">
          View Episode List <span class="material-symbols-outlined" style="font-size: 18px;">arrow_forward</span>
        </div>
      </a>
      
    </div>

    <div class="panel filterable-card" data-updated="1681578013000">
      
      <div class="panel-header">
        <span class="label">Season 3</span>
        <a href="https://www.youtube.com/playlist?list=PLQ4IL4UVgQk4F31xss7ikC5gEWcNEDhot" target="_blank" rel="noopener noreferrer" class="yt-header-link" style="display: flex; align-items: center; gap: 4px; color: var(--text); text-decoration: none; font-size: 0.9rem;">
          <span class="material-symbols-outlined" style="color: var(--red); font-size: 20px;">play_circle</span> YouTube
        </a>
      </div>
      
      <a href="/yt/letstrygg/slay-the-spire/season-3/sts-s03e01.html" class="content" title="Play Episode 1">
        <img src="https://i.ytimg.com/vi/RTaBNoV8CQU/maxresdefault.jpg" alt="Slay The Spire S3" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div class="content-row">
          <strong style="font-size: 1.1rem; line-height: 1.3; margin: 0;">Slay The Spire S3</strong>
          <span class="card-status blue">Complete</span>
        </div>
      </a>
      
      <a href="/yt/letstrygg/slay-the-spire/season-3/" class="info" title="View Season Details">
        
        <div class="info-stats" style="margin-bottom: 8px;">
          <span title="Videos" class="tooltip-trigger" data-tooltip="Total Videos vs Series Avg"><span class="material-symbols-outlined" style="color: var(--red); font-size: 16px; vertical-align: text-bottom;">video_library</span> 6 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+2)</span></span>
          <span title="Views" class="tooltip-trigger" data-tooltip="Total Views vs Series Avg"><span class="material-symbols-outlined" style="color: var(--blue); font-size: 16px; vertical-align: text-bottom;">visibility</span> 383 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+247)</span></span>
          <span title="Likes" class="tooltip-trigger" data-tooltip="Total Likes vs Series Avg"><span class="material-symbols-outlined" style="color: var(--green); font-size: 16px; vertical-align: text-bottom;">thumb_up</span> 12 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+5)</span></span>
          <span title="Comments" class="tooltip-trigger" data-tooltip="Total Comments vs Series Avg"><span class="material-symbols-outlined" style="color: var(--orange); font-size: 16px; vertical-align: text-bottom;">chat_bubble</span> 13 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+2)</span></span>
          <span title="Duration" class="tooltip-trigger" data-tooltip="Total Duration vs Series Avg"><span class="material-symbols-outlined" style="color: var(--purple); font-size: 16px; vertical-align: text-bottom;">schedule</span> 2h 43m <span style="color: var(--red); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(2h 19m)</span></span>
        </div>

        <div class="info-stats" style="margin-bottom: 10px; border-top: 1px dashed #333; padding-top: 8px; justify-content: flex-start; gap: 12px; color: var(--gray);">
          <span class="tooltip-trigger" data-tooltip="Days since first video"><strong>Age:</strong> 1081d</span>
          <span class="tooltip-trigger" data-tooltip="Days between first and last video"><strong>Span:</strong> 7d</span>
          <span class="tooltip-trigger" data-tooltip="Views per day"><strong>Vel:</strong> <span style="color: var(--blue);">0.4/d</span></span>
          <span class="tooltip-trigger" data-tooltip="Hidden Gem Score (High Engagement, Low Views)"><strong>Gem:</strong> <span style="color: var(--orange);">0.36</span></span>
        </div>
        
        <div class="info-cta">
          View Episode List <span class="material-symbols-outlined" style="font-size: 18px;">arrow_forward</span>
        </div>
      </a>
      
    </div>

    <div class="panel filterable-card" data-updated="1762617682000">
      
      <div class="panel-header">
        <span class="label">Season 4</span>
        <a href="https://www.youtube.com/playlist?list=PLkwYKQUqZEUUmTNrXSbgc0rbAR_Uo7UDQ" target="_blank" rel="noopener noreferrer" class="yt-header-link" style="display: flex; align-items: center; gap: 4px; color: var(--text); text-decoration: none; font-size: 0.9rem;">
          <span class="material-symbols-outlined" style="color: var(--red); font-size: 20px;">play_circle</span> YouTube
        </a>
      </div>
      
      <a href="/yt/letstrygg/slay-the-spire/season-4/sts-s04e01.html" class="content" title="Play Episode 1">
        <img src="https://i.ytimg.com/vi/rzNVEWgDzSc/maxresdefault.jpg" alt="Slay The Spire S4" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div class="content-row">
          <strong style="font-size: 1.1rem; line-height: 1.3; margin: 0;">Slay The Spire S4</strong>
          <span class="card-status blue">Complete</span>
        </div>
      </a>
      
      <a href="/yt/letstrygg/slay-the-spire/season-4/" class="info" title="View Season Details">
        
        <div class="info-stats" style="margin-bottom: 8px;">
          <span title="Videos" class="tooltip-trigger" data-tooltip="Total Videos vs Series Avg"><span class="material-symbols-outlined" style="color: var(--red); font-size: 16px; vertical-align: text-bottom;">video_library</span> 4 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
          <span title="Views" class="tooltip-trigger" data-tooltip="Total Views vs Series Avg"><span class="material-symbols-outlined" style="color: var(--blue); font-size: 16px; vertical-align: text-bottom;">visibility</span> 126 <span style="color: var(--red); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(10)</span></span>
          <span title="Likes" class="tooltip-trigger" data-tooltip="Total Likes vs Series Avg"><span class="material-symbols-outlined" style="color: var(--green); font-size: 16px; vertical-align: text-bottom;">thumb_up</span> 6 <span style="color: var(--red); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(1)</span></span>
          <span title="Comments" class="tooltip-trigger" data-tooltip="Total Comments vs Series Avg"><span class="material-symbols-outlined" style="color: var(--orange); font-size: 16px; vertical-align: text-bottom;">chat_bubble</span> 6 <span style="color: var(--red); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(5)</span></span>
          <span title="Duration" class="tooltip-trigger" data-tooltip="Total Duration vs Series Avg"><span class="material-symbols-outlined" style="color: var(--purple); font-size: 16px; vertical-align: text-bottom;">schedule</span> 3h 2m <span style="color: var(--red); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(2h 0m)</span></span>
        </div>

        <div class="info-stats" style="margin-bottom: 10px; border-top: 1px dashed #333; padding-top: 8px; justify-content: flex-start; gap: 12px; color: var(--gray);">
          <span class="tooltip-trigger" data-tooltip="Days since first video"><strong>Age:</strong> 140d</span>
          <span class="tooltip-trigger" data-tooltip="Days between first and last video"><strong>Span:</strong> 4d</span>
          <span class="tooltip-trigger" data-tooltip="Views per day"><strong>Vel:</strong> <span style="color: var(--blue);">0.9/d</span></span>
          <span class="tooltip-trigger" data-tooltip="Hidden Gem Score (High Engagement, Low Views)"><strong>Gem:</strong> <span style="color: var(--orange);">0.64</span></span>
        </div>
        
        <div class="info-cta">
          View Episode List <span class="material-symbols-outlined" style="font-size: 18px;">arrow_forward</span>
        </div>
      </a>
      
    </div>

    <div class="panel filterable-card" data-updated="1720270823000">
      
      <div class="panel-header">
        <span class="label">Season 4.1</span>
        <a href="https://www.youtube.com/playlist?list=PLQ4IL4UVgQk7KZCOHjyu1CTHwDFHH5kW_" target="_blank" rel="noopener noreferrer" class="yt-header-link" style="display: flex; align-items: center; gap: 4px; color: var(--text); text-decoration: none; font-size: 0.9rem;">
          <span class="material-symbols-outlined" style="color: var(--red); font-size: 20px;">play_circle</span> YouTube
        </a>
      </div>
      
      <a href="/yt/letstrygg/slay-the-spire/season-4_1/sts-s04_1e01.html" class="content" title="Play Episode 1">
        <img src="https://i.ytimg.com/vi/SMMsCdv64xs/maxresdefault.jpg" alt="Slay The Spire S4.1" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div class="content-row">
          <strong style="font-size: 1.1rem; line-height: 1.3; margin: 0;">Slay The Spire S4.1</strong>
          <span class="card-status blue">Complete</span>
        </div>
      </a>
      
      <a href="/yt/letstrygg/slay-the-spire/season-4_1/" class="info" title="View Season Details">
        
        <div class="info-stats" style="margin-bottom: 8px;">
          <span title="Videos" class="tooltip-trigger" data-tooltip="Total Videos vs Series Avg"><span class="material-symbols-outlined" style="color: var(--red); font-size: 16px; vertical-align: text-bottom;">video_library</span> 11 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+7)</span></span>
          <span title="Views" class="tooltip-trigger" data-tooltip="Total Views vs Series Avg"><span class="material-symbols-outlined" style="color: var(--blue); font-size: 16px; vertical-align: text-bottom;">visibility</span> 986 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+850)</span></span>
          <span title="Likes" class="tooltip-trigger" data-tooltip="Total Likes vs Series Avg"><span class="material-symbols-outlined" style="color: var(--green); font-size: 16px; vertical-align: text-bottom;">thumb_up</span> 38 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+31)</span></span>
          <span title="Comments" class="tooltip-trigger" data-tooltip="Total Comments vs Series Avg"><span class="material-symbols-outlined" style="color: var(--orange); font-size: 16px; vertical-align: text-bottom;">chat_bubble</span> 37 <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+26)</span></span>
          <span title="Duration" class="tooltip-trigger" data-tooltip="Total Duration vs Series Avg"><span class="material-symbols-outlined" style="color: var(--purple); font-size: 16px; vertical-align: text-bottom;">schedule</span> 13h 34m <span style="color: var(--green); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(+8h 30m)</span></span>
        </div>

        <div class="info-stats" style="margin-bottom: 10px; border-top: 1px dashed #333; padding-top: 8px; justify-content: flex-start; gap: 12px; color: var(--gray);">
          <span class="tooltip-trigger" data-tooltip="Days since first video"><strong>Age:</strong> 637d</span>
          <span class="tooltip-trigger" data-tooltip="Days between first and last video"><strong>Span:</strong> 10d</span>
          <span class="tooltip-trigger" data-tooltip="Views per day"><strong>Vel:</strong> <span style="color: var(--blue);">1.5/d</span></span>
          <span class="tooltip-trigger" data-tooltip="Hidden Gem Score (High Engagement, Low Views)"><strong>Gem:</strong> <span style="color: var(--orange);">0.35</span></span>
        </div>
        
        <div class="info-cta">
          View Episode List <span class="material-symbols-outlined" style="font-size: 18px;">arrow_forward</span>
        </div>
      </a>
      
    </div>

  </div>
</div>