---
layout: new
title: "Magicraft - Season 4"
permalink: /yt/letstrygg/magicraft/season-4/
tags: "Bullet Heaven, Horde Survival"
---
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "Magicraft - Season 4",
  "numberOfItems": 51,
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e01.html",
      "name": "Magicraft 1.0 - Rogue-like Magic Madness at Its Best!"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e02.html",
      "name": "Breaking the Game w/ Summons (NM2), Magicraft 1.0 Ep2"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e03.html",
      "name": "Facing the Producer (NM3), Magicraft 1.0 Ep3"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e04.html",
      "name": "Producer Re-Match (NM3), Magicraft 1.0 Ep4"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e05.html",
      "name": "Shield Only (NM3), Magicraft 1.0 Ep5"
    },
    {
      "@type": "ListItem",
      "position": 6,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e06.html",
      "name": "1-Shot Troll Build (NM3), Magicraft 1.0 Ep6"
    },
    {
      "@type": "ListItem",
      "position": 7,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e07.html",
      "name": "Cthulhu (NM3), Magicraft 1.0 Ep7"
    },
    {
      "@type": "ListItem",
      "position": 8,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e08.html",
      "name": "Will I Blow Myself Up? (NM3), Magicraft 1.0 Ep8"
    },
    {
      "@type": "ListItem",
      "position": 9,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e09.html",
      "name": "SpeedRun1 (NM3), Magicraft 1.0 Ep9"
    },
    {
      "@type": "ListItem",
      "position": 10,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e10.html",
      "name": "SpeedRun2 (NM3), Magicraft 1.0 Ep10"
    },
    {
      "@type": "ListItem",
      "position": 11,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e11.html",
      "name": "No Unlocks 1 (Hard), Magicraft 1.0 Ep11"
    },
    {
      "@type": "ListItem",
      "position": 12,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e12.html",
      "name": "No Unlocks 2 (Hard), Magicraft 1.0 Ep12"
    },
    {
      "@type": "ListItem",
      "position": 13,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e13.html",
      "name": "No Spells (NM3), Magicraft 1.0 Ep13"
    },
    {
      "@type": "ListItem",
      "position": 14,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e14.html",
      "name": "Passives Only (NM3), Magicraft 1.0 Ep14"
    },
    {
      "@type": "ListItem",
      "position": 15,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e15.html",
      "name": "SpeedRun3 (NM3), Magicraft 1.0 Ep15"
    },
    {
      "@type": "ListItem",
      "position": 16,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e16.html",
      "name": "SpeedRun4 (NM3), Magicraft 1.0 Ep16"
    },
    {
      "@type": "ListItem",
      "position": 17,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e17.html",
      "name": "No Unlocks 3 (NM), Magicraft 1.0 Ep17"
    },
    {
      "@type": "ListItem",
      "position": 18,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e18.html",
      "name": "BIG Poison (NM3), Magicraft 1.0 Ep18"
    },
    {
      "@type": "ListItem",
      "position": 19,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e19.html",
      "name": "Big Snek (NM3), Magicraft 1.0 Ep19"
    },
    {
      "@type": "ListItem",
      "position": 20,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e20.html",
      "name": "New Ch, 3x Dash + Free Casts: Magicraft 1.0 Ep20"
    },
    {
      "@type": "ListItem",
      "position": 21,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e21.html",
      "name": "I Am Speed (NM3), Magicraft 1.0 Ep21"
    },
    {
      "@type": "ListItem",
      "position": 22,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e22.html",
      "name": "No Meta Unlocks (NM), Magicraft 1.0 Ep22"
    },
    {
      "@type": "ListItem",
      "position": 23,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e23.html",
      "name": "SpeedRun6 (NM3), Magicraft 1.0 Ep23"
    },
    {
      "@type": "ListItem",
      "position": 24,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e24.html",
      "name": "SpeedRun7 (NM3), Magicraft 1.0 Ep24"
    },
    {
      "@type": "ListItem",
      "position": 25,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e25.html",
      "name": "SpeedRun8 (NM3), Magicraft 1.0 Ep25"
    },
    {
      "@type": "ListItem",
      "position": 26,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e26.html",
      "name": "SpeedRun9 (NM3), Magicraft 1.0 Ep26"
    },
    {
      "@type": "ListItem",
      "position": 27,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e27.html",
      "name": "Can Water Gun Break the Game? (NM3), Magicraft 1.0 Ep27"
    },
    {
      "@type": "ListItem",
      "position": 28,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e28.html",
      "name": "A Single Fuse vs NM3, Magicraft 1.0 Ep28"
    },
    {
      "@type": "ListItem",
      "position": 29,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e29.html",
      "name": "Fuse vs NM3 take2, Magicraft 1.0 Ep29"
    },
    {
      "@type": "ListItem",
      "position": 30,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e30.html",
      "name": "No Meta Unlocks (NM), Magicraft 1.0 Ep30"
    },
    {
      "@type": "ListItem",
      "position": 31,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e31.html",
      "name": "SuperNova (NM3), Magicraft 1.0 Ep31"
    },
    {
      "@type": "ListItem",
      "position": 32,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e32.html",
      "name": "A Pillar vs NM3, Magicraft 1.0 Ep32"
    },
    {
      "@type": "ListItem",
      "position": 33,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e33.html",
      "name": "Tentacle vs NM3, Magicraft 1.0 Ep33"
    },
    {
      "@type": "ListItem",
      "position": 34,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e34.html",
      "name": "Adava Keravda vs NM3, Magicraft 1.0 Ep34"
    },
    {
      "@type": "ListItem",
      "position": 35,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e35.html",
      "name": "Sky Flame Thrower vs NM3, Magicraft 1.0 Ep35"
    },
    {
      "@type": "ListItem",
      "position": 36,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e36.html",
      "name": "One Book vs NM3, Magicraft 1.0 Ep36"
    },
    {
      "@type": "ListItem",
      "position": 37,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e37.html",
      "name": "Breaking the Game w/ Book take2, Magicraft 1.0 Ep37"
    },
    {
      "@type": "ListItem",
      "position": 38,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e38.html",
      "name": "Boundary Stones vs NM3, Magicraft 1.0 Ep38"
    },
    {
      "@type": "ListItem",
      "position": 39,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e39.html",
      "name": "Hammer Time (NM3), Magicraft 1.0 Ep39"
    },
    {
      "@type": "ListItem",
      "position": 40,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e40.html",
      "name": "Mana Drain, Magicraft 1.0 Ep40"
    },
    {
      "@type": "ListItem",
      "position": 41,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e41.html",
      "name": "No Meta Unlocks (NM) & Random Rambling/Testing, Magicraft 1.0 Ep41"
    },
    {
      "@type": "ListItem",
      "position": 42,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e42.html",
      "name": "No Meta Unlocks (NM), Magicraft 1.0 Ep42"
    },
    {
      "@type": "ListItem",
      "position": 43,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e43.html",
      "name": "No Meta Unlocks (NM2), Magicraft 1.0 Ep43"
    },
    {
      "@type": "ListItem",
      "position": 44,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e44.html",
      "name": "Final Challenge: No Meta Unlocks (NM3), Magicraft 1.0 Ep44"
    },
    {
      "@type": "ListItem",
      "position": 45,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e45.html",
      "name": "Rainbow Chaos Party (NM3), Magicraft 1.0 Ep45"
    },
    {
      "@type": "ListItem",
      "position": 46,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e46.html",
      "name": "My Problem w/ Magicraft (NM3), Magicraft 1.0 Ep46"
    },
    {
      "@type": "ListItem",
      "position": 47,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e47.html",
      "name": "New Update (NM3), Magicraft 1.0 Ep47"
    },
    {
      "@type": "ListItem",
      "position": 48,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e48.html",
      "name": "Talking About Losing a Pet, Magicraft"
    },
    {
      "@type": "ListItem",
      "position": 49,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e49.html",
      "name": "Breaking The Game, Magicraft"
    },
    {
      "@type": "ListItem",
      "position": 50,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e50.html",
      "name": "Back to Magicraft, S4E50"
    },
    {
      "@type": "ListItem",
      "position": 51,
      "url": "https://letstrygg.com/yt/letstrygg/magicraft/season-4/m-s04e51.html",
      "name": "Challenge Run: Nightmare3,  No Unlocks: Magicraft S4E51"
    }
  ]
}
</script>

<div class="game-page-wrapper">
  <div class="divider-bottom" style="margin-bottom: 20px; padding-bottom: 15px;">
    <h1 class="title">Magicraft</h1>
    <p class="subtitle" style="margin: 0;">Season 4</p>
    <div class="flex-row flex-wrap" style="gap: 8px; margin-top: 15px;">
            <a href="/yt/tags/bullet-heaven/" class="btn btn-gray interactive text-sm" style="padding: 4px 12px; border-radius: 15px; border-color: var(--border);">#Bullet Heaven</a>
<a href="/yt/tags/horde-survival/" class="btn btn-gray interactive text-sm" style="padding: 4px 12px; border-radius: 15px; border-color: var(--border);">#Horde Survival</a>
           </div>
  </div>

  <div class="dash-panel" id="main-dashboard">
    <div class="dash-row" style="padding-top: 0;">
      <div class="dash-stat" style="color: var(--gray); font-weight: bold; min-width: 90px;">TOTALS:</div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Total Episodes"><span class="material-symbols-outlined" style="color: var(--text); font-size: 18px;">video_library</span> <span id="val-tot-items">51</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Total Videos"><span class="material-symbols-outlined red" style="font-size: 18px;">video_library</span> <span id="val-tot-vids">51</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Total Views"><span class="material-symbols-outlined blue" style="font-size: 18px;">visibility</span> <span id="val-tot-views">62.5K</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Total Likes"><span class="material-symbols-outlined green" style="font-size: 18px;">thumb_up</span> <span id="val-tot-likes">1.1K</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Total Comments"><span class="material-symbols-outlined orange" style="font-size: 18px;">chat_bubble</span> <span id="val-tot-comms">252</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Total Duration"><span class="material-symbols-outlined purple" style="font-size: 18px;">schedule</span> <span id="val-tot-dur">87h 11m</span></div>
    </div>
    <div class="dash-row">
      <div class="dash-stat" style="color: var(--gray); font-weight: bold; min-width: 90px;">PER VID:</div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Avg Views per Video"><span class="material-symbols-outlined blue" style="font-size: 18px;">visibility</span> <span id="val-pv-view">1.2K</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Avg Likes per Video"><span class="material-symbols-outlined green" style="font-size: 18px;">thumb_up</span> <span id="val-pv-like">21</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Avg Comments per Video"><span class="material-symbols-outlined orange" style="font-size: 18px;">chat_bubble</span> <span id="val-pv-comm">5</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Avg Duration per Video"><span class="material-symbols-outlined purple" style="font-size: 18px;">schedule</span> <span id="val-pv-dur">1h 42m</span></div>
    </div>

    <div class="dash-row" style="gap: 20px;">
      <div class="dash-stat" style="color: var(--gray); font-weight: bold; min-width: 90px;">ANALYTICS:</div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Age of filtered content"><strong style="margin-right: 4px;">Age:</strong> <span id="val-adv-age">1y 218d</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Days since last upload"><strong style="margin-right: 4px;">Inactive:</strong> <span id="val-adv-dead">274d</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Views generated per day"><strong style="margin-right: 4px;">Vel:</strong> <span class="blue" id="val-adv-vel">107.2/d</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Overall Trending Score"><strong style="margin-right: 4px;">Heat:</strong> <span class="red" id="val-adv-heat">0.04</span></div>
      <div class="dash-stat tooltip-trigger" data-tooltip="Overall Hidden Gem Score"><strong style="margin-right: 4px;">Gem:</strong> <span class="orange" id="val-adv-gem">0.01</span></div>
    </div>
  </div>


<div class="panel" style="margin-bottom: 20px; gap: 15px;">
    <div class="flex-row">
        <div style="position: relative; flex: 1;">
            <input type="text" id="gameSearch" class="input" placeholder="Search...">
            <span id="clearSearch" class="material-symbols-outlined hidden" style="position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; color: var(--gray);" onclick="clearSearchInput()">close</span>
        </div>
        <div class="flex-row" style="gap: 10px;">
            <button class="btn btn-gray" id="btn-tags-toggle" onclick="toggleTagPanel()">
                <span class="material-symbols-outlined">sell</span> Tags
            </button>
        </div>
    </div>

    <div class="btn-group flex-wrap">
        <button class="btn btn-green active" id="btn-recent" onclick="sortGrid('recent')"><span class="material-symbols-outlined">psychiatry</span> New</button>
        <button class="btn btn-blue" id="btn-popular" onclick="sortGrid('popular')"><span class="material-symbols-outlined">visibility</span> Views</button>
        <button class="btn btn-purple" id="btn-length" onclick="sortGrid('length')"><span class="material-symbols-outlined">schedule</span> Duration</button>
        <button class="btn btn-orange" id="btn-vpv" onclick="sortGrid('vpv')"><span class="material-symbols-outlined">mode_heat</span> VPV</button>
        <button class="btn btn-blue" id="btn-vel" onclick="sortGrid('vel')"><span class="material-symbols-outlined">speed</span> Velocity</button>
        <button class="btn btn-red" id="btn-heat" onclick="sortGrid('heat')"><span class="material-symbols-outlined">local_fire_department</span> Heat</button>
        <button class="btn btn-yellow" id="btn-gem" onclick="sortGrid('gem')"><span class="material-symbols-outlined">diamond</span> Gem</button>
    </div>
</div>
<div id="tag-filters" class="panel hidden" style="flex-direction: row; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; padding: 12px;"></div>
<div class="grid" id="series-grid">
  <div class="panel filterable-card flush-all" data-title="magicraft 1.0 - rogue-like magic madness at its best!" data-tags="" 
       data-updated="1730822430000" data-episodes="1" data-views="3372" data-likes="55" data-comments="8" data-duration="8343" data-vpv="3372" data-firstpub="1730822430000" data-vel="5.8" data-heat="0.00" data-gem="0.06">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e01.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/P4MyZUB258E/maxresdefault.jpg" alt="Magicraft 1.0 - Rogue-like Magic Madness at Its Best!" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Magicraft 1.0 - Rogue-like Magic Madness at Its Best!</strong>
              <span class="card-status gray">Ep 01</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 3.4K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+2.1K</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 55 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+34</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 8 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+3</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 19m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+36m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 218d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">5.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.06</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="breaking the game w/ summons (nm2), magicraft 1.0 ep2" data-tags="" 
       data-updated="1730998808000" data-episodes="1" data-views="2298" data-likes="46" data-comments="6" data-duration="7635" data-vpv="2298" data-firstpub="1730998808000" data-vel="4.0" data-heat="0.00" data-gem="0.09">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e02.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/72t2artDlR8/maxresdefault.jpg" alt="Breaking the Game w/ Summons (NM2), Magicraft 1.0 Ep2" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Breaking the Game w/ Summons (NM2), Magicraft 1.0 Ep2</strong>
              <span class="card-status gray">Ep 02</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 2.3K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+1.1K</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 46 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+25</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 6 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+1</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 7m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+24m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 216d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">4.0/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.09</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="facing the producer (nm3), magicraft 1.0 ep3" data-tags="" 
       data-updated="1731085234000" data-episodes="1" data-views="1039" data-likes="24" data-comments="3" data-duration="8755" data-vpv="1039" data-firstpub="1731085234000" data-vel="1.8" data-heat="0.00" data-gem="0.12">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e03.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/Sa9oYK9bt2o/maxresdefault.jpg" alt="Facing the Producer (NM3), Magicraft 1.0 Ep3" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Facing the Producer (NM3), Magicraft 1.0 Ep3</strong>
              <span class="card-status gray">Ep 03</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-186</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 24 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+3</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 3 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-2</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 25m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+43m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 215d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.12</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="producer re-match (nm3), magicraft 1.0 ep4" data-tags="" 
       data-updated="1731171656000" data-episodes="1" data-views="791" data-likes="14" data-comments="2" data-duration="7731" data-vpv="791" data-firstpub="1731171656000" data-vel="1.4" data-heat="0.00" data-gem="0.10">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e04.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/v5M_jrJFOSc/maxresdefault.jpg" alt="Producer Re-Match (NM3), Magicraft 1.0 Ep4" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Producer Re-Match (NM3), Magicraft 1.0 Ep4</strong>
              <span class="card-status gray">Ep 04</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 791 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-434</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 14 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-7</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 2 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-3</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 8m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+26m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 214d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.4/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.10</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="shield only (nm3), magicraft 1.0 ep5" data-tags="" 
       data-updated="1731258046000" data-episodes="1" data-views="1716" data-likes="32" data-comments="4" data-duration="9590" data-vpv="1716" data-firstpub="1731258046000" data-vel="3.0" data-heat="0.00" data-gem="0.09">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e05.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/oBTRmUsMRQE/maxresdefault.jpg" alt="Shield Only (NM3), Magicraft 1.0 Ep5" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Shield Only (NM3), Magicraft 1.0 Ep5</strong>
              <span class="card-status gray">Ep 05</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.7K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+491</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 32 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+11</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 4 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 39m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+57m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 213d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">3.0/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.09</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="1-shot troll build (nm3), magicraft 1.0 ep6" data-tags="" 
       data-updated="1731344401000" data-episodes="1" data-views="4281" data-likes="49" data-comments="11" data-duration="9109" data-vpv="4281" data-firstpub="1731344401000" data-vel="7.4" data-heat="0.00" data-gem="0.04">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e06.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/1G3gQ2Yz0qo/maxresdefault.jpg" alt="1-Shot Troll Build (NM3), Magicraft 1.0 Ep6" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">1-Shot Troll Build (NM3), Magicraft 1.0 Ep6</strong>
              <span class="card-status gray">Ep 06</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 4.3K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+3.1K</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 49 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+28</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 11 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+6</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 31m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+49m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 212d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">7.4/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.04</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="cthulhu (nm3), magicraft 1.0 ep7" data-tags="" 
       data-updated="1731430847000" data-episodes="1" data-views="1219" data-likes="22" data-comments="4" data-duration="8183" data-vpv="1219" data-firstpub="1731430847000" data-vel="2.1" data-heat="0.00" data-gem="0.09">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e07.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/k60cdItSAyw/maxresdefault.jpg" alt="Cthulhu (NM3), Magicraft 1.0 Ep7" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Cthulhu (NM3), Magicraft 1.0 Ep7</strong>
              <span class="card-status gray">Ep 07</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.2K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-6</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 22 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+1</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 4 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 16m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+33m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 211d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.1/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.09</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="will i blow myself up? (nm3), magicraft 1.0 ep8" data-tags="" 
       data-updated="1731517245000" data-episodes="1" data-views="1025" data-likes="16" data-comments="2" data-duration="8875" data-vpv="1025" data-firstpub="1731517245000" data-vel="1.8" data-heat="0.00" data-gem="0.08">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e08.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/jP_5Po6EWEs/maxresdefault.jpg" alt="Will I Blow Myself Up? (NM3), Magicraft 1.0 Ep8" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Will I Blow Myself Up? (NM3), Magicraft 1.0 Ep8</strong>
              <span class="card-status gray">Ep 08</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-200</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 16 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-5</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 2 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-3</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 27m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+45m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 210d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.08</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="speedrun1 (nm3), magicraft 1.0 ep9" data-tags="" 
       data-updated="1731603637000" data-episodes="1" data-views="467" data-likes="8" data-comments="3" data-duration="2096" data-vpv="467" data-firstpub="1731603637000" data-vel="0.8" data-heat="0.00" data-gem="0.13">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e09.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/_4WkE3TFX7U/maxresdefault.jpg" alt="SpeedRun1 (NM3), Magicraft 1.0 Ep9" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">SpeedRun1 (NM3), Magicraft 1.0 Ep9</strong>
              <span class="card-status gray">Ep 09</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 467 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-758</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 8 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-13</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 3 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-2</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 34m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1h 7m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 209d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.13</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="speedrun2 (nm3), magicraft 1.0 ep10" data-tags="" 
       data-updated="1731690013000" data-episodes="1" data-views="593" data-likes="5" data-comments="1" data-duration="3405" data-vpv="593" data-firstpub="1731690013000" data-vel="1.0" data-heat="0.00" data-gem="0.05">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e10.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/EN8obgeZ0ZA/maxresdefault.jpg" alt="SpeedRun2 (NM3), Magicraft 1.0 Ep10" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">SpeedRun2 (NM3), Magicraft 1.0 Ep10</strong>
              <span class="card-status gray">Ep 10</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 593 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-632</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 5 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-16</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 1 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-4</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 56m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-45m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 208d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.0/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.05</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="no unlocks 1 (hard), magicraft 1.0 ep11" data-tags="" 
       data-updated="1731776423000" data-episodes="1" data-views="505" data-likes="9" data-comments="2" data-duration="1960" data-vpv="505" data-firstpub="1731776423000" data-vel="0.9" data-heat="0.00" data-gem="0.12">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e11.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/PvA6KSQ-KC0/maxresdefault.jpg" alt="No Unlocks 1 (Hard), Magicraft 1.0 Ep11" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">No Unlocks 1 (Hard), Magicraft 1.0 Ep11</strong>
              <span class="card-status gray">Ep 11</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 505 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-720</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 9 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-12</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 2 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-3</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 32m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1h 9m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 207d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.9/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.12</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="no unlocks 2 (hard), magicraft 1.0 ep12" data-tags="" 
       data-updated="1731862850000" data-episodes="1" data-views="676" data-likes="13" data-comments="5" data-duration="7294" data-vpv="676" data-firstpub="1731862850000" data-vel="1.2" data-heat="0.00" data-gem="0.13">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e12.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/l-QZWheyesA/maxresdefault.jpg" alt="No Unlocks 2 (Hard), Magicraft 1.0 Ep12" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">No Unlocks 2 (Hard), Magicraft 1.0 Ep12</strong>
              <span class="card-status gray">Ep 12</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 676 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-549</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 13 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-8</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 5 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 1m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+18m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 206d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.2/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.13</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="no spells (nm3), magicraft 1.0 ep13" data-tags="" 
       data-updated="1731949204000" data-episodes="1" data-views="1163" data-likes="15" data-comments="7" data-duration="4774" data-vpv="1163" data-firstpub="1731949204000" data-vel="2.0" data-heat="0.00" data-gem="0.08">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e13.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/1NO98muO5ck/maxresdefault.jpg" alt="No Spells (NM3), Magicraft 1.0 Ep13" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">No Spells (NM3), Magicraft 1.0 Ep13</strong>
              <span class="card-status gray">Ep 13</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.2K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-62</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 15 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-6</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 7 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+2</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 19m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-23m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 205d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.0/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.08</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="passives only (nm3), magicraft 1.0 ep14" data-tags="" 
       data-updated="1732035608000" data-episodes="1" data-views="3441" data-likes="44" data-comments="10" data-duration="7608" data-vpv="3441" data-firstpub="1732035608000" data-vel="6.0" data-heat="0.00" data-gem="0.05">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e14.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/5EZ0DgVAPAc/maxresdefault.jpg" alt="Passives Only (NM3), Magicraft 1.0 Ep14" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Passives Only (NM3), Magicraft 1.0 Ep14</strong>
              <span class="card-status gray">Ep 14</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 3.4K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+2.2K</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 44 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+23</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 10 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+5</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 6m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+24m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 204d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">6.0/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.05</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="speedrun3 (nm3), magicraft 1.0 ep15" data-tags="" 
       data-updated="1732122025000" data-episodes="1" data-views="876" data-likes="8" data-comments="3" data-duration="4046" data-vpv="876" data-firstpub="1732122025000" data-vel="1.5" data-heat="0.00" data-gem="0.06">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e15.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/V-J9fX8K-EA/maxresdefault.jpg" alt="SpeedRun3 (NM3), Magicraft 1.0 Ep15" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">SpeedRun3 (NM3), Magicraft 1.0 Ep15</strong>
              <span class="card-status gray">Ep 15</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 876 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-349</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 8 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-13</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 3 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-2</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 7m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-35m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 203d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.5/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.06</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="speedrun4 (nm3), magicraft 1.0 ep16" data-tags="" 
       data-updated="1732208417000" data-episodes="1" data-views="696" data-likes="9" data-comments="1" data-duration="1578" data-vpv="696" data-firstpub="1732208417000" data-vel="1.2" data-heat="0.00" data-gem="0.07">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e16.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/CAMQExMz4yU/maxresdefault.jpg" alt="SpeedRun4 (NM3), Magicraft 1.0 Ep16" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">SpeedRun4 (NM3), Magicraft 1.0 Ep16</strong>
              <span class="card-status gray">Ep 16</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 696 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-529</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 9 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-12</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 1 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-4</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 26m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1h 16m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 202d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.2/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.07</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="no unlocks 3 (nm), magicraft 1.0 ep17" data-tags="" 
       data-updated="1732294803000" data-episodes="1" data-views="442" data-likes="8" data-comments="0" data-duration="5269" data-vpv="442" data-firstpub="1732294803000" data-vel="0.8" data-heat="0.00" data-gem="0.10">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e17.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/30DFk_fdKk0/maxresdefault.jpg" alt="No Unlocks 3 (NM), Magicraft 1.0 Ep17" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">No Unlocks 3 (NM), Magicraft 1.0 Ep17</strong>
              <span class="card-status gray">Ep 17</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 442 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-783</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 8 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-13</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 0 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-5</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 27m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-14m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 201d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.10</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="big poison (nm3), magicraft 1.0 ep18" data-tags="" 
       data-updated="1732381204000" data-episodes="1" data-views="3624" data-likes="49" data-comments="2" data-duration="7345" data-vpv="3624" data-firstpub="1732381204000" data-vel="6.4" data-heat="0.00" data-gem="0.05">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e18.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/5GBHPngjEaE/maxresdefault.jpg" alt="BIG Poison (NM3), Magicraft 1.0 Ep18" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">BIG Poison (NM3), Magicraft 1.0 Ep18</strong>
              <span class="card-status gray">Ep 18</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 3.6K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+2.4K</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 49 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+28</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 2 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-3</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 2m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+19m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 200d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">6.4/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.05</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="big snek (nm3), magicraft 1.0 ep19" data-tags="" 
       data-updated="1732467641000" data-episodes="1" data-views="1624" data-likes="18" data-comments="5" data-duration="9396" data-vpv="1624" data-firstpub="1732467641000" data-vel="2.9" data-heat="0.00" data-gem="0.06">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e19.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/iwDmfigvgTs/maxresdefault.jpg" alt="Big Snek (NM3), Magicraft 1.0 Ep19" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Big Snek (NM3), Magicraft 1.0 Ep19</strong>
              <span class="card-status gray">Ep 19</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.6K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+399</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 18 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-3</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 5 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 36m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+54m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 199d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.9/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.06</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="new ch, 3x dash + free casts: magicraft 1.0 ep20" data-tags="" 
       data-updated="1732554052000" data-episodes="1" data-views="1591" data-likes="21" data-comments="4" data-duration="7043" data-vpv="1591" data-firstpub="1732554052000" data-vel="2.8" data-heat="0.00" data-gem="0.07">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e20.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/lsPBxTQKDys/maxresdefault.jpg" alt="New Ch, 3x Dash + Free Casts: Magicraft 1.0 Ep20" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">New Ch, 3x Dash + Free Casts: Magicraft 1.0 Ep20</strong>
              <span class="card-status gray">Ep 20</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.6K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+366</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 21 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 4 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 57m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+14m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 198d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.07</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="i am speed (nm3), magicraft 1.0 ep21" data-tags="" 
       data-updated="1732640406000" data-episodes="1" data-views="777" data-likes="7" data-comments="2" data-duration="3642" data-vpv="777" data-firstpub="1732640406000" data-vel="1.4" data-heat="0.00" data-gem="0.06">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e21.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/7cVMBhbiV_o/maxresdefault.jpg" alt="I Am Speed (NM3), Magicraft 1.0 Ep21" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">I Am Speed (NM3), Magicraft 1.0 Ep21</strong>
              <span class="card-status gray">Ep 21</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 777 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-448</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 7 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-14</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 2 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-3</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 0m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-41m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 197d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.4/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.06</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="no meta unlocks (nm), magicraft 1.0 ep22" data-tags="" 
       data-updated="1732719653000" data-episodes="1" data-views="351" data-likes="4" data-comments="1" data-duration="2058" data-vpv="351" data-firstpub="1732719653000" data-vel="0.6" data-heat="0.00" data-gem="0.08">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e22.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/p8feUFInBbo/maxresdefault.jpg" alt="No Meta Unlocks (NM), Magicraft 1.0 Ep22" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">No Meta Unlocks (NM), Magicraft 1.0 Ep22</strong>
              <span class="card-status gray">Ep 22</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 351 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-874</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 4 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-17</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 1 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-4</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 34m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1h 8m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 196d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.6/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.08</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="speedrun6 (nm3), magicraft 1.0 ep23" data-tags="" 
       data-updated="1732806068000" data-episodes="1" data-views="704" data-likes="7" data-comments="2" data-duration="4032" data-vpv="704" data-firstpub="1732806068000" data-vel="1.3" data-heat="0.00" data-gem="0.06">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e23.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/vuLJ_ydpTbA/maxresdefault.jpg" alt="SpeedRun6 (NM3), Magicraft 1.0 Ep23" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">SpeedRun6 (NM3), Magicraft 1.0 Ep23</strong>
              <span class="card-status gray">Ep 23</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 704 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-521</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 7 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-14</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 2 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-3</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 7m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-35m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 195d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.3/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.06</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="speedrun7 (nm3), magicraft 1.0 ep24" data-tags="" 
       data-updated="1732892429000" data-episodes="1" data-views="586" data-likes="5" data-comments="4" data-duration="3552" data-vpv="586" data-firstpub="1732892429000" data-vel="1.0" data-heat="0.00" data-gem="0.08">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e24.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/RmMh47J0Wk0/maxresdefault.jpg" alt="SpeedRun7 (NM3), Magicraft 1.0 Ep24" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">SpeedRun7 (NM3), Magicraft 1.0 Ep24</strong>
              <span class="card-status gray">Ep 24</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 586 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-639</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 5 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-16</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 4 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 59m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-43m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 194d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.0/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.08</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="speedrun8 (nm3), magicraft 1.0 ep25" data-tags="" 
       data-updated="1732978859000" data-episodes="1" data-views="510" data-likes="10" data-comments="4" data-duration="2832" data-vpv="510" data-firstpub="1732978859000" data-vel="0.9" data-heat="0.00" data-gem="0.14">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e25.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/sUXjPNq9llU/maxresdefault.jpg" alt="SpeedRun8 (NM3), Magicraft 1.0 Ep25" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">SpeedRun8 (NM3), Magicraft 1.0 Ep25</strong>
              <span class="card-status gray">Ep 25</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 510 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-715</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 10 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-11</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 4 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 47m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-55m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 193d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.9/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.14</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="speedrun9 (nm3), magicraft 1.0 ep26" data-tags="" 
       data-updated="1733065248000" data-episodes="1" data-views="321" data-likes="10" data-comments="5" data-duration="2052" data-vpv="321" data-firstpub="1733065248000" data-vel="0.6" data-heat="0.00" data-gem="0.27">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e26.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/onNTsOPOlHk/maxresdefault.jpg" alt="SpeedRun9 (NM3), Magicraft 1.0 Ep26" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">SpeedRun9 (NM3), Magicraft 1.0 Ep26</strong>
              <span class="card-status gray">Ep 26</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 321 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-904</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 10 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-11</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 5 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 34m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1h 8m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 192d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.6/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.27</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="can water gun break the game? (nm3), magicraft 1.0 ep27" data-tags="" 
       data-updated="1733151610000" data-episodes="1" data-views="1973" data-likes="36" data-comments="15" data-duration="7557" data-vpv="1973" data-firstpub="1733151610000" data-vel="3.5" data-heat="0.00" data-gem="0.10">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e27.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/69cLqt6nL6E/maxresdefault.jpg" alt="Can Water Gun Break the Game? (NM3), Magicraft 1.0 Ep27" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Can Water Gun Break the Game? (NM3), Magicraft 1.0 Ep27</strong>
              <span class="card-status gray">Ep 27</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 2K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+748</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 36 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+15</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 15 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+10</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 5m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+23m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 191d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">3.5/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.10</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="a single fuse vs nm3, magicraft 1.0 ep28" data-tags="" 
       data-updated="1733230806000" data-episodes="1" data-views="1054" data-likes="17" data-comments="6" data-duration="2131" data-vpv="1054" data-firstpub="1733230806000" data-vel="1.9" data-heat="0.00" data-gem="0.10">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e28.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/29vz47WSp34/maxresdefault.jpg" alt="A Single Fuse vs NM3, Magicraft 1.0 Ep28" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">A Single Fuse vs NM3, Magicraft 1.0 Ep28</strong>
              <span class="card-status gray">Ep 28</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.1K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-171</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 17 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-4</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 6 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+1</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 35m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1h 7m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 190d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.9/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.10</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="fuse vs nm3 take2, magicraft 1.0 ep29" data-tags="" 
       data-updated="1733317247000" data-episodes="1" data-views="2341" data-likes="46" data-comments="7" data-duration="7548" data-vpv="2341" data-firstpub="1733317247000" data-vel="4.2" data-heat="0.00" data-gem="0.08">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e29.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/fkbpmmNKuLQ/maxresdefault.jpg" alt="Fuse vs NM3 take2, Magicraft 1.0 Ep29" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Fuse vs NM3 take2, Magicraft 1.0 Ep29</strong>
              <span class="card-status gray">Ep 29</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 2.3K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+1.1K</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 46 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+25</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 7 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+2</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 5m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+23m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 189d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">4.2/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.08</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="no meta unlocks (nm), magicraft 1.0 ep30" data-tags="" 
       data-updated="1733490065000" data-episodes="1" data-views="537" data-likes="15" data-comments="1" data-duration="6181" data-vpv="537" data-firstpub="1733490065000" data-vel="1.0" data-heat="0.00" data-gem="0.16">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e30.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/qFKPPwL1axM/maxresdefault.jpg" alt="No Meta Unlocks (NM), Magicraft 1.0 Ep30" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">No Meta Unlocks (NM), Magicraft 1.0 Ep30</strong>
              <span class="card-status gray">Ep 30</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 537 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-688</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 15 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-6</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 1 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-4</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 43m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+0m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 187d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.0/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.16</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="supernova (nm3), magicraft 1.0 ep31" data-tags="" 
       data-updated="1733576458000" data-episodes="1" data-views="1762" data-likes="31" data-comments="3" data-duration="5673" data-vpv="1762" data-firstpub="1733576458000" data-vel="3.2" data-heat="0.00" data-gem="0.08">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e31.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/ofXCHusALdM/maxresdefault.jpg" alt="SuperNova (NM3), Magicraft 1.0 Ep31" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">SuperNova (NM3), Magicraft 1.0 Ep31</strong>
              <span class="card-status gray">Ep 31</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.8K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+537</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 31 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+10</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 3 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-2</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 34m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-8m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 186d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">3.2/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.08</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="a pillar vs nm3, magicraft 1.0 ep32" data-tags="" 
       data-updated="1733662811000" data-episodes="1" data-views="1528" data-likes="23" data-comments="3" data-duration="8448" data-vpv="1528" data-firstpub="1733662811000" data-vel="2.8" data-heat="0.00" data-gem="0.07">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e32.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/9wLWr6REm1U/maxresdefault.jpg" alt="A Pillar vs NM3, Magicraft 1.0 Ep32" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">A Pillar vs NM3, Magicraft 1.0 Ep32</strong>
              <span class="card-status gray">Ep 32</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.5K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+303</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 23 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+2</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 3 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-2</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 20m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+38m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 185d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.07</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="tentacle vs nm3, magicraft 1.0 ep33" data-tags="" 
       data-updated="1733749223000" data-episodes="1" data-views="1086" data-likes="33" data-comments="3" data-duration="6337" data-vpv="1086" data-firstpub="1733749223000" data-vel="2.0" data-heat="0.00" data-gem="0.15">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e33.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/AoRa6_prYos/maxresdefault.jpg" alt="Tentacle vs NM3, Magicraft 1.0 Ep33" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Tentacle vs NM3, Magicraft 1.0 Ep33</strong>
              <span class="card-status gray">Ep 33</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.1K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-139</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 33 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+12</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 3 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-2</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 45m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+3m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 184d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.0/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.15</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="adava keravda vs nm3, magicraft 1.0 ep34" data-tags="" 
       data-updated="1733922047000" data-episodes="1" data-views="1538" data-likes="40" data-comments="12" data-duration="3871" data-vpv="1538" data-firstpub="1733922047000" data-vel="2.8" data-heat="0.00" data-gem="0.14">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e34.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/e_uKs4GmpA0/maxresdefault.jpg" alt="Adava Keravda vs NM3, Magicraft 1.0 Ep34" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Adava Keravda vs NM3, Magicraft 1.0 Ep34</strong>
              <span class="card-status gray">Ep 34</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.5K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+313</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 40 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+19</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 12 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+7</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 4m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-38m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 182d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.14</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="sky flame thrower vs nm3, magicraft 1.0 ep35" data-tags="" 
       data-updated="1734102024000" data-episodes="1" data-views="1727" data-likes="31" data-comments="15" data-duration="6259" data-vpv="1727" data-firstpub="1734102024000" data-vel="3.2" data-heat="0.00" data-gem="0.11">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e35.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/CLrYSyi8B9s/maxresdefault.jpg" alt="Sky Flame Thrower vs NM3, Magicraft 1.0 Ep35" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Sky Flame Thrower vs NM3, Magicraft 1.0 Ep35</strong>
              <span class="card-status gray">Ep 35</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.7K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+502</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 31 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+10</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 15 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+10</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 44m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+1m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 180d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">3.2/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.11</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="one book vs nm3, magicraft 1.0 ep36" data-tags="" 
       data-updated="1734267611000" data-episodes="1" data-views="1661" data-likes="24" data-comments="3" data-duration="8163" data-vpv="1661" data-firstpub="1734267611000" data-vel="3.1" data-heat="0.00" data-gem="0.07">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e36.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/ADrcuz8dkVU/maxresdefault.jpg" alt="One Book vs NM3, Magicraft 1.0 Ep36" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">One Book vs NM3, Magicraft 1.0 Ep36</strong>
              <span class="card-status gray">Ep 36</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.7K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+436</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 24 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+3</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 3 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-2</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 16m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+33m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 178d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">3.1/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.07</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="breaking the game w/ book take2, magicraft 1.0 ep37" data-tags="" 
       data-updated="1734354018000" data-episodes="1" data-views="1313" data-likes="15" data-comments="5" data-duration="8570" data-vpv="1313" data-firstpub="1734354018000" data-vel="2.4" data-heat="0.00" data-gem="0.07">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e37.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/IBC_kH9dWFQ/maxresdefault.jpg" alt="Breaking the Game w/ Book take2, Magicraft 1.0 Ep37" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Breaking the Game w/ Book take2, Magicraft 1.0 Ep37</strong>
              <span class="card-status gray">Ep 37</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.3K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+88</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 15 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-6</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 5 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 22m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+40m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 177d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.4/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.07</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="boundary stones vs nm3, magicraft 1.0 ep38" data-tags="" 
       data-updated="1734613203000" data-episodes="1" data-views="1423" data-likes="25" data-comments="11" data-duration="6225" data-vpv="1423" data-firstpub="1734613203000" data-vel="2.6" data-heat="0.00" data-gem="0.11">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e38.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/2jy58IhDWB8/maxresdefault.jpg" alt="Boundary Stones vs NM3, Magicraft 1.0 Ep38" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Boundary Stones vs NM3, Magicraft 1.0 Ep38</strong>
              <span class="card-status gray">Ep 38</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.4K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+198</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 25 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+4</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 11 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+6</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 43m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+1m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 174d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.6/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.11</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="hammer time (nm3), magicraft 1.0 ep39" data-tags="" 
       data-updated="1734786020000" data-episodes="1" data-views="1636" data-likes="31" data-comments="11" data-duration="6674" data-vpv="1636" data-firstpub="1734786020000" data-vel="3.0" data-heat="0.00" data-gem="0.11">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e39.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/MjcGYGMkNhM/maxresdefault.jpg" alt="Hammer Time (NM3), Magicraft 1.0 Ep39" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Hammer Time (NM3), Magicraft 1.0 Ep39</strong>
              <span class="card-status gray">Ep 39</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.6K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+411</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 31 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+10</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 11 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+6</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 51m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+8m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 172d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">3.0/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.11</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="mana drain, magicraft 1.0 ep40" data-tags="" 
       data-updated="1734872409000" data-episodes="1" data-views="1295" data-likes="23" data-comments="9" data-duration="7622" data-vpv="1295" data-firstpub="1734872409000" data-vel="2.4" data-heat="0.00" data-gem="0.11">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e40.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/9ypcXPd996M/maxresdefault.jpg" alt="Mana Drain, Magicraft 1.0 Ep40" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Mana Drain, Magicraft 1.0 Ep40</strong>
              <span class="card-status gray">Ep 40</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.3K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+70</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 23 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+2</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 9 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+4</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 7m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+24m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 171d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.4/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.11</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="no meta unlocks (nm) & random rambling/testing, magicraft 1.0 ep41" data-tags="" 
       data-updated="1734958860000" data-episodes="1" data-views="846" data-likes="12" data-comments="1" data-duration="2722" data-vpv="846" data-firstpub="1734958860000" data-vel="1.6" data-heat="0.00" data-gem="0.07">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e41.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/pRhAIVeM1wc/maxresdefault.jpg" alt="No Meta Unlocks (NM) & Random Rambling/Testing, Magicraft 1.0 Ep41" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">No Meta Unlocks (NM) & Random Rambling/Testing, Magicraft 1.0 Ep41</strong>
              <span class="card-status gray">Ep 41</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 846 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-379</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 12 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-9</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 1 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-4</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 45m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-57m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 170d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.6/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.07</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="no meta unlocks (nm), magicraft 1.0 ep42" data-tags="" 
       data-updated="1735563651000" data-episodes="1" data-views="651" data-likes="20" data-comments="0" data-duration="6256" data-vpv="651" data-firstpub="1735563651000" data-vel="1.2" data-heat="0.00" data-gem="0.15">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e42.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/gmiaWhfdtsM/maxresdefault.jpg" alt="No Meta Unlocks (NM), Magicraft 1.0 Ep42" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">No Meta Unlocks (NM), Magicraft 1.0 Ep42</strong>
              <span class="card-status gray">Ep 42</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 651 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-574</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 20 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 0 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-5</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 44m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+1m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 163d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.2/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.15</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="no meta unlocks (nm2), magicraft 1.0 ep43" data-tags="" 
       data-updated="1735736410000" data-episodes="1" data-views="555" data-likes="30" data-comments="5" data-duration="6867" data-vpv="555" data-firstpub="1735736410000" data-vel="1.1" data-heat="0.00" data-gem="0.33">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e43.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/BRhk6M0Kv4o/maxresdefault.jpg" alt="No Meta Unlocks (NM2), Magicraft 1.0 Ep43" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">No Meta Unlocks (NM2), Magicraft 1.0 Ep43</strong>
              <span class="card-status gray">Ep 43</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 555 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-670</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 30 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+9</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 5 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 54m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+11m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 161d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.1/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.33</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="final challenge: no meta unlocks (nm3), magicraft 1.0 ep44" data-tags="" 
       data-updated="1735916419000" data-episodes="1" data-views="418" data-likes="6" data-comments="4" data-duration="5913" data-vpv="418" data-firstpub="1735916419000" data-vel="0.8" data-heat="0.00" data-gem="0.13">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e44.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/I_IbcF6ceK0/maxresdefault.jpg" alt="Final Challenge: No Meta Unlocks (NM3), Magicraft 1.0 Ep44" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Final Challenge: No Meta Unlocks (NM3), Magicraft 1.0 Ep44</strong>
              <span class="card-status gray">Ep 44</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 418 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-807</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 6 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-15</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 4 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 38m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-4m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 159d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.13</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="rainbow chaos party (nm3), magicraft 1.0 ep45" data-tags="" 
       data-updated="1735995620000" data-episodes="1" data-views="1304" data-likes="19" data-comments="9" data-duration="6137" data-vpv="1304" data-firstpub="1735995620000" data-vel="2.5" data-heat="0.00" data-gem="0.09">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e45.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/Kh9Y2MbBpRA/maxresdefault.jpg" alt="Rainbow Chaos Party (NM3), Magicraft 1.0 Ep45" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Rainbow Chaos Party (NM3), Magicraft 1.0 Ep45</strong>
              <span class="card-status gray">Ep 45</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.3K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+79</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 19 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-2</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 9 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+4</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 42m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-0m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 158d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">2.5/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.09</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="my problem w/ magicraft (nm3), magicraft 1.0 ep46" data-tags="" 
       data-updated="1736168437000" data-episodes="1" data-views="655" data-likes="21" data-comments="13" data-duration="9344" data-vpv="655" data-firstpub="1736168437000" data-vel="1.3" data-heat="0.00" data-gem="0.26">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e46.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/RRJ3j9UsDwY/maxresdefault.jpg" alt="My Problem w/ Magicraft (NM3), Magicraft 1.0 Ep46" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">My Problem w/ Magicraft (NM3), Magicraft 1.0 Ep46</strong>
              <span class="card-status gray">Ep 46</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 655 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-570</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 21 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 13 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+8</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 35m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+53m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 156d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.3/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.26</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="new update (nm3), magicraft 1.0 ep47" data-tags="" 
       data-updated="1738076403000" data-episodes="1" data-views="404" data-likes="21" data-comments="5" data-duration="3313" data-vpv="404" data-firstpub="1738076403000" data-vel="0.8" data-heat="0.00" data-gem="0.35">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e47.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/2n3HPsGgcSw/maxresdefault.jpg" alt="New Update (NM3), Magicraft 1.0 Ep47" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">New Update (NM3), Magicraft 1.0 Ep47</strong>
              <span class="card-status gray">Ep 47</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 404 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-821</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 21 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 5 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 55m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-47m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 134d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.35</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="talking about losing a pet, magicraft" data-tags="" 
       data-updated="1742821301000" data-episodes="1" data-views="220" data-likes="13" data-comments="5" data-duration="8293" data-vpv="220" data-firstpub="1742821301000" data-vel="0.5" data-heat="0.00" data-gem="0.50">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e48.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/xJ5ZpX_fGWo/maxresdefault.jpg" alt="Talking About Losing a Pet, Magicraft" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Talking About Losing a Pet, Magicraft</strong>
              <span class="card-status gray">Ep 48</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 220 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-1K</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 13 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-8</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 5 <span style="color: var(--gray); font-size: 0.85em; font-weight: normal; margin-left: 4px;">(0)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 18m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+35m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 79d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.5/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.50</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="breaking the game, magicraft" data-tags="" 
       data-updated="1742914867000" data-episodes="1" data-views="373" data-likes="6" data-comments="2" data-duration="8987" data-vpv="373" data-firstpub="1742914867000" data-vel="0.8" data-heat="0.00" data-gem="0.12">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e49.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/qXxQostTskM/maxresdefault.jpg" alt="Breaking The Game, Magicraft" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Breaking The Game, Magicraft</strong>
              <span class="card-status gray">Ep 49</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 373 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-852</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 6 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-15</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 2 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-3</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 29m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+47m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 1y 78d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">0.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.12</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="back to magicraft, s4e50" data-tags="" 
       data-updated="1757246440000" data-episodes="1" data-views="1053" data-likes="13" data-comments="1" data-duration="9498" data-vpv="1053" data-firstpub="1757246440000" data-vel="3.8" data-heat="0.00" data-gem="0.06">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e50.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/N_evqZLwU9o/maxresdefault.jpg" alt="Back to Magicraft, S4E50" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Back to Magicraft, S4E50</strong>
              <span class="card-status gray">Ep 50</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 1.1K <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-172</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 13 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-8</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 1 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-4</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 2h 38m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+55m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 277d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">3.8/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.06</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>

  <div class="panel filterable-card flush-all" data-title="challenge run: nightmare3,  no unlocks: magicraft s4e51" data-tags="" 
       data-updated="1757505627000" data-episodes="1" data-views="456" data-likes="4" data-comments="2" data-duration="7090" data-vpv="456" data-firstpub="1757505627000" data-vel="1.7" data-heat="0.00" data-gem="0.07">
      <a href="/yt/letstrygg/magicraft/season-4/m-s04e51.html" class="inner-panel interactive flush-all" style="border: none;">
        <img src="https://i.ytimg.com/vi/EqBRwlx5qRk/maxresdefault.jpg" alt="Challenge Run: Nightmare3,  No Unlocks: Magicraft S4E51" loading="lazy" onerror="this.onerror=null; this.src='/assets/img/default-thumbnail.jpg';">
        <div style="padding: 15px; display: flex; flex-direction: column;">
            <div class="flex-between divider-bottom">
              <strong class="label" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px;">Challenge Run: Nightmare3,  No Unlocks: Magicraft S4E51</strong>
              <span class="card-status gray">Ep 51</span>
            </div>
            <div class="flex-between flex-wrap text-sm">
              <span title="Views" class="tooltip-trigger flex-row gap-sm" data-tooltip="Views vs Season Avg"><span class="material-symbols-outlined blue">visibility</span> 456 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-769</span>)</span></span>
              <span title="Likes" class="tooltip-trigger flex-row gap-sm" data-tooltip="Likes vs Season Avg"><span class="material-symbols-outlined green">thumb_up</span> 4 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-17</span>)</span></span>
              <span title="Comments" class="tooltip-trigger flex-row gap-sm" data-tooltip="Comments vs Season Avg"><span class="material-symbols-outlined orange">chat_bubble</span> 2 <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--red);">-3</span>)</span></span>
              <span title="Duration" class="tooltip-trigger flex-row gap-sm" data-tooltip="Duration vs Season Avg"><span class="material-symbols-outlined purple">schedule</span> 1h 58m <span style="color: var(--gray); font-size: 0.85em; font-weight: bold; margin-left: 4px;">(<span style="color: var(--green);">+15m</span>)</span></span>
            </div>
            <div class="flex-row flex-wrap gap-md text-sm text-muted divider-top-dashed">
              <span class="tooltip-trigger" data-tooltip="Age of Video"><strong>Age:</strong> 274d</span>
              <span class="tooltip-trigger" data-tooltip="Views generated per day"><strong>Vel:</strong> <span class="blue">1.7/d</span></span>
              <span class="tooltip-trigger" data-tooltip="Trending Score"><strong>Heat:</strong> <span class="red">0.00</span></span>
              <span class="tooltip-trigger" data-tooltip="Hidden Gem Score"><strong>Gem:</strong> <span class="orange">0.07</span></span>
            </div>
            <div class="flex-between text-sm text-bold text-muted divider-top hover-color-blue" style="margin-bottom: 0;">
              Watch Episode <span class="material-symbols-outlined hover-opacity" style="font-size: 18px;">play_circle</span>
            </div>
        </div>
      </a>
  </div>
</div>
</div>

<script>
const Utils = {
    formatNum: (num) => {
        if (!num) return '0';
        if (num >= 1000000) return (num / 1000000).toFixed(1).replace(/\.0$/, '') + 'M';
        if (num >= 1000) return (num / 1000).toFixed(1).replace(/\.0$/, '') + 'K';
        return Math.round(num).toString();
    },
    formatDur: (seconds) => {
        if (!seconds) return '0h 0m';
        const h = Math.floor(seconds / 3600);
        const m = Math.floor((seconds % 3600) / 60);
        return h > 0 ? `${h}h ${m}m` : `${m}m`;
    },
    daysBetween: (date1) => {
        if (!date1) return 1;
        const diff = Math.abs(new Date() - new Date(parseInt(date1)));
        return Math.max(1, Math.ceil(diff / (1000 * 60 * 60 * 24)));
    },
    hoursBetween: (date1) => {
        if (!date1) return 1;
        const diff = Math.abs(new Date() - new Date(parseInt(date1)));
        return Math.max(1, diff / (1000 * 60 * 60));
    },
    formatAge: (days) => {
        if (days < 365) return `${days}d`;
        const y = Math.floor(days / 365);
        return `${y}y ${days % 365}d`;
    },
    velocity: (t, d) => (t / d).toFixed(1),
    heat: (v, l, c, h) => ((v + (l * 5) + (c * 10)) / Math.pow(h + 2, 1.5)).toFixed(2),
    gem: (v, l, c) => (v === 0 ? "0.00" : (Math.max(0, ((l + c) / v) * Math.log(100000 / (v + 1)))).toFixed(2))
};

let currentSort = 'recent';
let activeTags = new Set();
let allSortedTags = [];
let isTagPanelActive = false;
let activeChannelFilter = 'all'; 

function updateDashNum(id, val) {
    const el = document.getElementById(id);
    if (el) el.innerText = val;
}

function toggleNetworkState(targetState, filterSlug) {
    const container = document.getElementById('networkToggleContainer');
    if (!container) return;

    const splitCards = container.querySelectorAll('.card-split');

    if (targetState === 'split') {
        container.classList.remove('state-combined');
        container.classList.add('state-split');
        splitCards.forEach(c => {
            if (c.dataset.target === filterSlug) c.classList.add('active-filter');
            else c.classList.remove('active-filter');
        });
    } else {
        container.classList.remove('state-split');
        container.classList.add('state-combined');
        splitCards.forEach(c => c.classList.remove('active-filter'));
    }

    activeChannelFilter = filterSlug;
    applyFilters();
}

function sortGrid(type) {
    currentSort = type;
    document.querySelectorAll('.btn-group .btn').forEach(btn => btn.classList.remove('active'));
    
    const clickedBtn = document.getElementById(`btn-${type}`);
    if (clickedBtn) clickedBtn.classList.add('active');

    const grid = document.getElementById('all-series-grid') || document.getElementById('series-grid');
    if (!grid) return;
    
    const cards = Array.from(grid.querySelectorAll('.filterable-card'));

    cards.sort((a, b) => {
        if (type === 'recent') return parseInt(b.dataset.updated || 0) - parseInt(a.dataset.updated || 0);
        if (type === 'popular') return parseInt(b.dataset.views || 0) - parseInt(a.dataset.views || 0);
        if (type === 'length') return parseInt(b.dataset.duration || 0) - parseInt(a.dataset.duration || 0);
        if (type === 'vpv') return parseInt(b.dataset.vpv || 0) - parseInt(a.dataset.vpv || 0);
        if (type === 'vel') return parseFloat(b.dataset.vel || 0) - parseFloat(a.dataset.vel || 0);
        if (type === 'heat') return parseFloat(b.dataset.heat || 0) - parseFloat(a.dataset.heat || 0);
        if (type === 'gem') return parseFloat(b.dataset.gem || 0) - parseFloat(a.dataset.gem || 0);
    });

    grid.innerHTML = '';
    cards.forEach(card => grid.appendChild(card));
}

function clearSearchInput() {
    const searchInput = document.getElementById('gameSearch');
    if (!searchInput) return;
    searchInput.value = '';
    document.getElementById('clearSearch').classList.add('hidden');
    applyFilters();
    searchInput.focus();
}

function applyFilters() {
    const searchInput = document.getElementById('gameSearch');
    const searchTerm = searchInput ? searchInput.value.toLowerCase() : '';
    const cards = document.querySelectorAll('.filterable-card');

    cards.forEach(card => {
        const title = card.getAttribute('data-title') || '';
        const tagsStr = card.getAttribute('data-tags') || '';
        const cardChannel = card.getAttribute('data-channel') || '';
        const cardTags = tagsStr.split(',').map(t => t.trim()).filter(Boolean);

        const matchesSearch = title.includes(searchTerm);
        const matchesTags = activeTags.size === 0 || Array.from(activeTags).every(tag => cardTags.includes(tag));
        const matchesChannel = activeChannelFilter === 'all' || cardChannel === activeChannelFilter;

        if (matchesSearch && matchesTags && matchesChannel) {
            card.classList.remove('hidden');
        } else {
            card.classList.add('hidden');
        }
    });

    calculateDynamicStats();
}

function calculateDynamicStats() {
    const cards = document.querySelectorAll('.filterable-card:not(.hidden)');
    
    let tGames = 0, tVids = 0, tViews = 0, tLikes = 0, tComms = 0, tDur = 0;
    let minFirst = Infinity, maxLast = 0;

    cards.forEach(c => {
        tGames++;
        tVids += parseInt(c.dataset.episodes || 0);
        tViews += parseInt(c.dataset.views || 0);
        tLikes += parseInt(c.dataset.likes || 0);
        tComms += parseInt(c.dataset.comments || 0);
        tDur += parseInt(c.dataset.duration || 0);

        const fp = parseInt(c.dataset.firstpub);
        const lp = parseInt(c.dataset.updated);
        if (fp && fp < minFirst) minFirst = fp;
        if (lp && lp > maxLast) maxLast = lp;
    });

    if (tGames === 0) return; 

    updateDashNum('val-tot-items', Utils.formatNum(tGames));
    updateDashNum('val-tot-vids', Utils.formatNum(tVids));
    updateDashNum('val-tot-views', Utils.formatNum(tViews));
    updateDashNum('val-tot-likes', Utils.formatNum(tLikes));
    updateDashNum('val-tot-comms', Utils.formatNum(tComms));
    updateDashNum('val-tot-dur', Utils.formatDur(tDur));

    updateDashNum('val-avg-vid', Utils.formatNum(tVids / tGames));
    updateDashNum('val-avg-view', Utils.formatNum(tViews / tGames));
    updateDashNum('val-avg-like', Utils.formatNum(tLikes / tGames));
    updateDashNum('val-avg-comm', Utils.formatNum(tComms / tGames));
    updateDashNum('val-avg-dur', Utils.formatDur(tDur / tGames));

    const vC = Math.max(1, tVids);
    updateDashNum('val-pv-view', Utils.formatNum(tViews / vC));
    updateDashNum('val-pv-like', Utils.formatNum(tLikes / vC));
    updateDashNum('val-pv-comm', Utils.formatNum(tComms / vC));
    updateDashNum('val-pv-dur', Utils.formatDur(tDur / vC));

    const ageDays = Utils.daysBetween(minFirst);
    updateDashNum('val-adv-age', Utils.formatAge(ageDays));
    updateDashNum('val-adv-dead', Utils.formatAge(Utils.daysBetween(maxLast)));
    
    // Complex innerHTML updates for colored spans
    const elVel = document.getElementById('val-adv-vel');
    if (elVel) elVel.innerHTML = `${Utils.velocity(tViews, ageDays)}/d`;
    
    const elHeat = document.getElementById('val-adv-heat');
    if (elHeat) elHeat.innerHTML = `${Utils.heat(tViews, tLikes, tComms, Utils.hoursBetween(minFirst))}`;
    
    const elGem = document.getElementById('val-adv-gem');
    if (elGem) elGem.innerHTML = `${Utils.gem(tViews, tLikes, tComms)}`;
}

function toggleTagPanel() {
    isTagPanelActive = !isTagPanelActive;
    const btn = document.getElementById('btn-tags-toggle');
    const panel = document.getElementById('tag-filters');
    
    if (!btn || !panel) return;

    if (isTagPanelActive) {
        btn.classList.add('active');
        panel.classList.remove('hidden');
    } else {
        btn.classList.remove('active');
        panel.classList.add('hidden');
    }
}

function initTags() {
    const cards = document.querySelectorAll('.filterable-card');
    const tagCounts = {};
    
    cards.forEach(card => {
        const tagsStr = card.getAttribute('data-tags');
        if (!tagsStr) return;
        tagsStr.split(',').filter(Boolean).forEach(t => {
            const cleanTag = t.trim();
            tagCounts[cleanTag] = (tagCounts[cleanTag] || 0) + 1;
        });
    });

    allSortedTags = Object.entries(tagCounts).sort((a, b) => b[1] - a[1]);
    if (allSortedTags.length === 0) return;

    const container = document.getElementById('tag-filters');
    if (!container) return;
    
    container.innerHTML = '';

    allSortedTags.forEach(([tag, count]) => {
        const btn = document.createElement('button');
        btn.className = 'btn btn-gray'; 
        btn.innerText = `${tag} (${count})`;
        
        btn.onclick = () => {
            if (activeTags.has(tag)) {
                activeTags.delete(tag);
                btn.classList.remove('active');
            } else {
                activeTags.add(tag);
                btn.classList.add('active');
            }
            applyFilters();
        };
        container.appendChild(btn);
    });
}

const searchInput = document.getElementById('gameSearch');
if (searchInput) {
    searchInput.addEventListener('input', (e) => {
        const clearBtn = document.getElementById('clearSearch');
        if (e.target.value.length > 0) {
            clearBtn.classList.remove('hidden');
        } else {
            clearBtn.classList.add('hidden');
        }
        applyFilters();
    });
}

document.addEventListener('DOMContentLoaded', () => {
    sortGrid('recent');
    initTags(); 
});
</script>