<turbo-stream action="replace" target="search-form"><template>
  <form id="search-form" class="contents" data-controller="search-filter multiselect" data-action="submit-&gt;search-filter#submit" data-search-filter-target="form" data-search-filter="form" action="/load_commanders" accept-charset="UTF-8" data-remote="true" method="get">
  <!-- Search Field -->
  <div class="flex-1 w-full md:min-w-[200px] md:max-w-[400px]">
    <div class="flex flex-col">
      <h3 class="mb-2 text-grey-text">Search</h3>

      <div class="flex flex-row space-x-0">
        <input placeholder="Enter card name or type" onfocus="this.select();" class="w-full border text-grey-text rounded-l-md bg-background border-highlight focus:border-accent-50 focus:ring-accent-50" type="text" name="search" id="search" />

        <input autocomplete="off" type="hidden" name="username" id="username" />
        <input autocomplete="off" type="hidden" name="code" id="code" />
        <input autocomplete="off" type="hidden" name="collection_id" id="collection_id" />
        <input autocomplete="off" type="hidden" name="valuable_only" id="valuable_only" />
        <input autocomplete="off" type="hidden" name="owned_only" id="owned_only" />
        <input autocomplete="off" type="hidden" name="sort" id="sort" />
        <input autocomplete="off" value="asc" type="hidden" name="direction" id="direction" />
        <input autocomplete="off" type="hidden" name="view_mode" id="view_mode" />
        <input autocomplete="off" type="hidden" name="grouping" id="grouping" />
        <input autocomplete="off" type="hidden" name="exact_color_match" id="exact_color_match" />
        <input autocomplete="off" value="true" type="hidden" name="hide_proxies" id="hide_proxies" />

        <input type="submit" name="commit" value="Search" class="p-2 bg-background text-grey-text rounded-r-md border border-highlight hover:cursor-pointer hover:bg-gray-700" data-disable-with="Search" />
      </div>

      <p class="mt-2 text-xs text-grey-text">Search for a card</p>
    </div>
  </div>

  <!-- Mana Filter -->
  <div class="w-auto">
    <div class="flex flex-col">
      <h3 class="mb-2 text-grey-text">Mana</h3>

      <div class="flex flex-row flex-wrap items-center gap-2">
        <div class="flex flex-row flex-wrap">
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="B"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-b"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="U"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-u"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="W"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-w"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="R"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-r"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="G"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-g"></i>
            </button>
            <button
              type="button"
              data-action="click->multiselect#toggle"
              data-multiselect-target="item"
              data-multiselect-group="mana"
              data-value="C"
              class="
                cursor-pointer rounded-full p-1 transition border-2
                border-transparent data-selected:border-accent-50
                data-selected:bg-accent-50/20
              "
            >
              <i class="no-tailwind ms ms-cost ml-0 ms-c"></i>
            </button>
        </div>

        <button
          type="button"
          data-action="click->search-filter#toggleExactColor"
          data-search-filter-target="exactColorButton"
          class="cursor-pointer px-3 py-1 text-xs rounded-lg transition border-2 border-transparent bg-background text-grey-text hover:bg-menu"
        >
          Exact
        </button>
      </div>

      <p class="mt-2 text-xs text-grey-text">Select color to filter by</p>
    </div>
  </div>

  <!-- Rarity Filter -->
  <div class="w-auto">
    <div class="flex flex-col">
      <h3 class="mb-2 text-grey-text">Rarity</h3>

      <div class="flex flex-row flex-wrap">
          <button
            type="button"
            data-action="click->multiselect#toggle"
            data-multiselect-target="item"
            data-multiselect-group="rarity"
            data-value="mythic"
            class="
              cursor-pointer rounded-full p-1 transition border-2
              border-transparent data-selected:border-accent-50
              data-selected:bg-accent-50/20
            "
          >
            <i class="no-tailwind ml-0 ss ss-mythic ms-2x"></i>
          </button>
          <button
            type="button"
            data-action="click->multiselect#toggle"
            data-multiselect-target="item"
            data-multiselect-group="rarity"
            data-value="rare"
            class="
              cursor-pointer rounded-full p-1 transition border-2
              border-transparent data-selected:border-accent-50
              data-selected:bg-accent-50/20
            "
          >
            <i class="no-tailwind ml-0 ss ss-rare ms-2x"></i>
          </button>
          <button
            type="button"
            data-action="click->multiselect#toggle"
            data-multiselect-target="item"
            data-multiselect-group="rarity"
            data-value="uncommon"
            class="
              cursor-pointer rounded-full p-1 transition border-2
              border-transparent data-selected:border-accent-50
              data-selected:bg-accent-50/20
            "
          >
            <i class="no-tailwind ml-0 ss ss-uncommon ms-2x"></i>
          </button>
          <button
            type="button"
            data-action="click->multiselect#toggle"
            data-multiselect-target="item"
            data-multiselect-group="rarity"
            data-value="common"
            class="
              cursor-pointer rounded-full p-1 transition border-2
              border-transparent data-selected:border-accent-50
              data-selected:bg-accent-50/20
            "
          >
            <i class="no-tailwind ml-0 ss ss-common ms-2x"></i>
          </button>
      </div>

      <p class="mt-2 text-xs text-grey-text">Select rarity to filter by</p>
    </div>
  </div>


  <!-- Hidden fields for selected filters -->
  <div id="filter-hidden-fields" class="hidden"></div>
</form>
</template></turbo-stream>
<turbo-stream action="update" target="table-container"><template>
  
<div class="mb-24 overflow-hidden border rounded-3xl border-highlight">
  <table class="min-w-full divide-y table-auto divide-background">
    <thead class="bg-background">
      <tr>
        <th
          class="
            px-4 py-3 text-xs font-normal tracking-wider text-left
            normal-case text-grey-text
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=desc&amp;sort=name">
            Name
              <span class="text-accent-50">
                ▲
              </span>
</a>        </th>

        <th
          class="
            hidden px-4 py-2 text-xs font-normal tracking-wider text-left
            normal-case text-grey-text lg:table-cell
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=asc&amp;sort=card_type">
            Type
</a>        </th>

        <th
          class="
            hidden px-4 py-2 text-xs font-normal tracking-wider text-left
            normal-case text-grey-text md:table-cell
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=asc&amp;sort=mana_value">
            Mana
</a>        </th>

        <th
          class="
            hidden px-4 py-2 text-xs font-normal tracking-wider text-left
            normal-case text-grey-text md:table-cell
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=asc&amp;sort=edhrec_rank">
            EDHREC Rank
</a>        </th>

        <th
          class="
            hidden px-4 py-2 text-xs font-normal tracking-wider text-left
            normal-case lg:table-cell text-grey-text
          "
        >
          <a data-turbo-stream="true" class="flex items-center gap-1 hover:text-white" href="/load_commanders?direction=asc&amp;sort=edhrec_saltiness">
            Salt
</a>        </th>
      </tr>
    </thead>

    <tbody class="bg-background" data-controller="expandable-row">
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="38420"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-pmei ss-rare ss-fw ss-2x mr-4"></i>

              Gaddock Teeg


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Kithkin Advisor
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              9,179
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              1.45
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="38420"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_38420" src="/boxset_card/38420"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="16027"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-m21 ss-rare ss-fw ss-2x mr-4"></i>

              Gadrak, the Crown-Scourge


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Dragon
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,876
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.31
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="16027"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_16027" src="/boxset_card/16027"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="77857"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-eld ss-rare ss-fw ss-2x mr-4"></i>

              Gadwick, the Wizened


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-x'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              6,247
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.53
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="77857"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_77857" src="/boxset_card/77857"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="54724"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ncc ss-mythic ss-fw ss-2x mr-4"></i>

              Gahiji, Honored One


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Beast
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              11,455
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.06
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="54724"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_54724" src="/boxset_card/54724"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="94763"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-fin ss-uncommon ss-fw ss-2x mr-4"></i>

              Gaius van Baelsar


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              6,346
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.34
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="94763"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_94763" src="/boxset_card/94763"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="74254"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltr ss-rare ss-fw ss-2x mr-4"></i>

              Galadriel of Lothlórien


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Noble
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              7,057
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="74254"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_74254" src="/boxset_card/74254"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="71690"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltc ss-mythic ss-fw ss-2x mr-4"></i>

              Galadriel, Elven-Queen


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Noble
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              10,981
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.35
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="71690"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_71690" src="/boxset_card/71690"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="74813"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltr ss-rare ss-fw ss-2x mr-4"></i>

              Galadriel, Gift-Giver


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Noble
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              9,213
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.21
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="74813"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_74813" src="/boxset_card/74813"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="71799"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltc ss-mythic ss-fw ss-2x mr-4"></i>

              Galadriel, Light of Valinor


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Noble
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              4,069
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.56
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="71799"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_71799" src="/boxset_card/71799"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="70313"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-stx ss-mythic ss-fw ss-2x mr-4"></i>

              Galazeth Prismari


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elder Dragon
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              5,899
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.13
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="70313"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_70313" src="/boxset_card/70313"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="3760"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-clb ss-rare ss-fw ss-2x mr-4"></i>

              Gale, Waterdeep Prodigy


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              5,061
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.21
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="3760"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_3760" src="/boxset_card/3760"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="28472"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-afc ss-mythic ss-fw ss-2x mr-4"></i>

              Galea, Kindler of Hope

              <span
                class="
                  ml-2 px-1.5 py-0.5 text-xs rounded bg-purple-900/30
                  text-purple-400 border border-purple-500/30
                "
                title="Etched finish"
              >
                E
              </span>

          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Knight
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              11,765
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.60
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="28472"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_28472" src="/boxset_card/28472"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="77325"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-thb ss-rare ss-fw ss-2x mr-4"></i>

              Gallia of the Endless Dance


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Satyr
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              16,190
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="77325"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_77325" src="/boxset_card/77325"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="85439"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-wth ss-rare ss-fw ss-2x mr-4"></i>

              Gallowbraid


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Phyrexian Horror
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              26,644
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.06
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="85439"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_85439" src="/boxset_card/85439"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="12313"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-clb ss-uncommon ss-fw ss-2x mr-4"></i>

              Ganax, Astral Hunter


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Dragon
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-4'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              1,511
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.22
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="12313"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_12313" src="/boxset_card/12313"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="71824"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltc ss-mythic ss-fw ss-2x mr-4"></i>

              Gandalf of the Secret Fire


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Avatar Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              13,966
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.10
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="71824"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_71824" src="/boxset_card/71824"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="75589"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltr ss-rare ss-fw ss-2x mr-4"></i>

              Gandalf the Grey


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Avatar Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              7,883
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.23
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="75589"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_75589" src="/boxset_card/75589"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="76071"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltr ss-mythic ss-fw ss-2x mr-4"></i>

              Gandalf the White


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Avatar Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              2,681
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.52
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="76071"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_76071" src="/boxset_card/76071"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="75124"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltr ss-uncommon ss-fw ss-2x mr-4"></i>

              Gandalf, Friend of the Shire


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Avatar Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              5,835
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.07
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="75124"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_75124" src="/boxset_card/75124"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="70330"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltc ss-mythic ss-fw ss-2x mr-4"></i>

              Gandalf, Westward Voyager


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Avatar Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              12,345
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.59
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="70330"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_70330" src="/boxset_card/70330"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="74800"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ltr ss-rare ss-fw ss-2x mr-4"></i>

              Gandalf, White Rider


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Avatar Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              11,199
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.06
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="74800"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_74800" src="/boxset_card/74800"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="15758"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-m20 ss-rare ss-fw ss-2x mr-4"></i>

              Gargos, Vicious Watcher


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Hydra
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              4,033
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.47
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="15758"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_15758" src="/boxset_card/15758"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="92622"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-fin ss-uncommon ss-fw ss-2x mr-4"></i>

              Garland, Knight of Cornelia 


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Knight
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              11,945
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.32
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="92622"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_92622" src="/boxset_card/92622"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="97922"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-fic ss-rare ss-fw ss-2x mr-4"></i>

              Garland, Royal Kidnapper


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Knight
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              13,784
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="97922"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_97922" src="/boxset_card/97922"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="19176"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-dmu ss-uncommon ss-fw ss-2x mr-4"></i>

              Garna, Bloodfist of Keld


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Berserker
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,652
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.23
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="19176"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_19176" src="/boxset_card/19176"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="19806"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-dmc ss-uncommon ss-fw ss-2x mr-4"></i>

              Garna, the Bloodflame


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Warrior
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              9,023
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.26
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="19806"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_19806" src="/boxset_card/19806"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="95625"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-fin ss-uncommon ss-fw ss-2x mr-4"></i>

              Garnet, Princess of Alexandria


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Noble Cleric
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              5,194
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.21
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="95625"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_95625" src="/boxset_card/95625"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="49984"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mh2 ss-mythic ss-fw ss-2x mr-4"></i>

              Garth One-Eye

              <span
                class="
                  ml-2 px-1.5 py-0.5 text-xs rounded bg-purple-900/30
                  text-purple-400 border border-purple-500/30
                "
                title="Etched finish"
              >
                E
              </span>

          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              9,704
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.50
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="49984"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_49984" src="/boxset_card/49984"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="7059"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-csp ss-rare ss-fw ss-2x mr-4"></i>

              Garza Zol, Plague Queen


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Vampire Noble
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-4'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              27,069
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.10
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="7059"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_7059" src="/boxset_card/7059"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="93819"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mb1 ss-uncommon ss-fw ss-2x mr-4"></i>

              Gather, the Townsfolk


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Sorcery
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="93819"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_93819" src="/boxset_card/93819"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="94679"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-fic ss-rare ss-fw ss-2x mr-4"></i>

              Gatta and Luzzu


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              6,120
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.26
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="94679"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_94679" src="/boxset_card/94679"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="94748"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-fic ss-rare ss-fw ss-2x mr-4"></i>

              Gau, Feral Youth


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Berserker
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              8,685
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.22
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="94748"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_94748" src="/boxset_card/94748"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="10103"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-c20 ss-mythic ss-fw ss-2x mr-4"></i>

              Gavi, Nest Warden


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Shaman
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              13,726
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.24
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="10103"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_10103" src="/boxset_card/10103"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="35354"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-isd ss-mythic ss-fw ss-2x mr-4"></i>

              Geist of Saint Traft


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit Cleric
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              11,754
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.25
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="35354"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_35354" src="/boxset_card/35354"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="93837"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mb1 ss-mythic ss-fw ss-2x mr-4"></i>

              Gen, Confider of Ages


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="93837"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_93837" src="/boxset_card/93837"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="49020"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mh2 ss-rare ss-fw ss-2x mr-4"></i>

              General Ferrous Rokiric


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,894
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.07
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="49020"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_49020" src="/boxset_card/49020"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="33565"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ice ss-rare ss-fw ss-2x mr-4"></i>

              General Jarkeld


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              25,681
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="33565"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_33565" src="/boxset_card/33565"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="29432"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-j25 ss-uncommon ss-fw ss-2x mr-4"></i>

              General Kreat, the Boltbringer


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Goblin Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              2,638
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.48
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="29432"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_29432" src="/boxset_card/29432"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="34352"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-iko ss-mythic ss-fw ss-2x mr-4"></i>

              General Kudro of Drannith


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-1'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              9,822
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.52
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="34352"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_34352" src="/boxset_card/34352"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="94975"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-fic ss-rare ss-fw ss-2x mr-4"></i>

              General Leo Cristophe


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-4'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              8,825
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.40
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="94975"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_94975" src="/boxset_card/94975"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="19509"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-dmc ss-uncommon ss-fw ss-2x mr-4"></i>

              General Marhault Elsdragon

              <span
                class="
                  ml-2 px-1.5 py-0.5 text-xs rounded bg-purple-900/30
                  text-purple-400 border border-purple-500/30
                "
                title="Etched finish"
              >
                E
              </span>

          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Warrior
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              7,863
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.10
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="19509"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_19509" src="/boxset_card/19509"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="55009"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-ogw ss-mythic ss-fw ss-2x mr-4"></i>

              General Tazri


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Ally
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-4'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              13,822
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.36
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="55009"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_55009" src="/boxset_card/55009"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="108668"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-tmt ss-uncommon ss-fw ss-2x mr-4"></i>

              General Traag, Heart of Stone


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Artifact Creature — Elemental Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              26,647
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="108668"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_108668" src="/boxset_card/108668"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="93982"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mb1 ss-rare ss-fw ss-2x mr-4"></i>

              Genevieve, Conniving Dragon


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elder Dragon Gamer
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></i><i class='no-tailwind ms ms-cost ml-0 ms-r'></i><i class='no-tailwind ms ms-cost ml-0 ms-g'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="93982"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_93982" src="/boxset_card/93982"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="108432"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-tmt ss-uncommon ss-fw ss-2x mr-4"></i>

              Genghis Frog


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Frog Mutant Rogue
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-g'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              16,269
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="108432"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_108432" src="/boxset_card/108432"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="50742"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mh3 ss-rare ss-fw ss-2x mr-4"></i>

              Genku, Future Shaper

              <span
                class="
                  ml-2 px-1.5 py-0.5 text-xs rounded bg-purple-900/30
                  text-purple-400 border border-purple-500/30
                "
                title="Etched finish"
              >
                E
              </span>

          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Moonfolk Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              10,810
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.68
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="50742"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_50742" src="/boxset_card/50742"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="36537"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-pmei ss-rare ss-fw ss-2x mr-4"></i>

              Geralf, Visionary Stitcher


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Wizard
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              5,106
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.18
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="36537"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_36537" src="/boxset_card/36537"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="56292"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-otj ss-mythic ss-fw ss-2x mr-4"></i>

              Geralf, the Fleshwright


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Warlock
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-2'></i><i class='no-tailwind ms ms-cost ml-0 ms-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              6,345
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.07
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="56292"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_56292" src="/boxset_card/56292"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="2428"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-apc ss-rare ss-fw ss-2x mr-4"></i>

              Gerrard Capashen


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              18,499
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
              0.00
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="2428"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_2428" src="/boxset_card/2428"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="93927"
          class="
            border border-background text-grey-text bg-foreground
            hover:bg-menu hover:cursor-pointer
          "
        >
          <td class="px-4 py-2 text-sm whitespace-nowrap">
            <i class="drop-shadow-nine py-1 rounded-xl ss ss-grad ss-mb1 ss-rare ss-fw ss-2x mr-4"></i>

              Gerrard and Hanna


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Soldier Artificer
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
            <div class="flex items-center m-0 space-x-1">
              <i class='no-tailwind ms ms-cost ml-0 ms-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-w'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
          </td>
        </tr>

        <tr
          data-expandable-row-target="content"
          data-card-id="93927"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_93927" src="/boxset_card/93927"></turbo-frame>
          </td>
        </tr>
    </tbody>
  </table>

  <div class="flex flex-row items-center justify-between w-full p-6 space-x-4">
    <span class="pagy info">Displaying items 801-850 of 3320 in total</span>
    <nav class="pagy series-nav" aria-label="Pages"><a href="/load_commanders?direction=asc&page=16" rel="prev" aria-label="Previous">&lt;</a><a href="/load_commanders?direction=asc&page=1">1</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/load_commanders?direction=asc&page=16" rel="prev">16</a><a role="link" aria-disabled="true" aria-current="page">17</a><a href="/load_commanders?direction=asc&page=18" rel="next">18</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/load_commanders?direction=asc&page=67">67</a><a href="/load_commanders?direction=asc&page=18" rel="next" aria-label="Next">&gt;</a></nav>
  </div>
</div>

</template></turbo-stream>