<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="desc" 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=asc&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="84772"
          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-war ss-rare ss-fw ss-2x mr-4"></i>

              Neheb, Dreadhorde Champion


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Zombie Minotaur 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-r'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              3,740
          </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="84772"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_84772" src="/boxset_card/84772"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="44678"
          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-m13 ss-rare ss-fw ss-2x mr-4"></i>

              Nefarox, Overlord of Grixis


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Demon
          </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-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">
              16,839
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="44678"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_44678" src="/boxset_card/44678"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="29398"
          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-rare ss-fw ss-2x mr-4"></i>

              Neerdiv, Devious Diver


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Merfolk 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-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">
              8,508
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="29398"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_29398" src="/boxset_card/29398"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="3952"
          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>

              Neera, Wild Mage


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Elf 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-4'></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,725
          </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="3952"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_3952" src="/boxset_card/3952"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="42585"
          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-leg ss-rare ss-fw ss-2x mr-4"></i>

              Nebuchadnezzar


          </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-3'></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">
              23,818
          </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="42585"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_42585" src="/boxset_card/42585"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="29418"
          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>

              Nazar, the Velvet Fang


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Vampire 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-3'></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">
              16,588
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="29418"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_29418" src="/boxset_card/29418"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="9267"
          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-c17 ss-mythic ss-fw ss-2x mr-4"></i>

              Nazahn, Revered Bladesmith


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Cat 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-4'></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">
              12,675
          </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="9267"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_9267" src="/boxset_card/9267"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="98167"
          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-mythic ss-fw ss-2x mr-4"></i>

              Nathan Drake, Treasure Hunter


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human 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-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">
              15,546
          </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="98167"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_98167" src="/boxset_card/98167"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="9381"
          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-c16 ss-rare ss-fw ss-2x mr-4"></i>

              Nath of the Gilt-Leaf


          </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-3'></i><i class='no-tailwind ms ms-cost ml-0 ms-b'></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">
              12,579
          </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="9381"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_9381" src="/boxset_card/9381"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="24298"
          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-dsk ss-rare ss-fw ss-2x mr-4"></i>

              Nashi, Searcher in the Dark


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Rat Ninja 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-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">
              9,119
          </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="24298"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_24298" src="/boxset_card/24298"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="46906"
          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-mat ss-rare ss-fw ss-2x mr-4"></i>

              Nashi, Moon&#39;s Legacy

              <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 — Rat 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-b'></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">
              17,313
          </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="46906"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_46906" src="/boxset_card/46906"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="41439"
          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-neo ss-mythic ss-fw ss-2x mr-4"></i>

              Nashi, Moon Sage&#39;s Scion


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Rat Ninja
          </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-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              1,841
          </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="41439"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_41439" src="/boxset_card/41439"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="10492"
          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-c21 ss-mythic ss-fw ss-2x mr-4"></i>

              Naru Meha, Master Wizard


          </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><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,138
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="10492"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_10492" src="/boxset_card/10492"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="92677"
          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-tdm ss-rare ss-fw ss-2x mr-4"></i>

              Narset, Jeskai Waymaster


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Monk
          </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-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">
              12,046
          </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="92677"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_92677" src="/boxset_card/92677"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="64629"
          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-mythic ss-fw ss-2x mr-4"></i>

              Narset, Enlightened Master


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Monk
          </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><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">
              7,824
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="64629"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_64629" src="/boxset_card/64629"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="47136"
          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-mat ss-mythic ss-fw ss-2x mr-4"></i>

              Narset, Enlightened Exile


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Monk
          </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">
              5,015
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="47136"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_47136" src="/boxset_card/47136"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="53804"
          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-mb2 ss-rare ss-fw ss-2x mr-4"></i>

              Narod, the Beige Flower


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Plant 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-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>
            </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="53804"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_53804" src="/boxset_card/53804"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="40796"
          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-khm ss-uncommon ss-fw ss-2x mr-4"></i>

              Narfi, Betrayer King


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Snow Creature — Zombie 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-b'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              11,165
          </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="40796"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_40796" src="/boxset_card/40796"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="18324"
          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-who ss-rare ss-fw ss-2x mr-4"></i>

              Nardole, Resourceful Cyborg


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Artifact Creature — Scientist
          </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>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              15,021
          </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="18324"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_18324" src="/boxset_card/18324"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="14340"
          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-cmm ss-mythic ss-fw ss-2x mr-4"></i>

              Narci, Fable Singer


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Bard
          </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><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">
              5,041
          </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="14340"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_14340" src="/boxset_card/14340"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="41802"
          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-neo ss-uncommon ss-fw ss-2x mr-4"></i>

              Naomi, Pillar of Order


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human 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-3'></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">
              18,693
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="41802"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_41802" src="/boxset_card/41802"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="98999"
          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-msh ss-mythic ss-fw ss-2x mr-4"></i>

              Namor the Sub-Mariner


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Mutant Merfolk Villain
          </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-u'></i>
            </div>
          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap md:table-cell">
              21,154
          </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="98999"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_98999" src="/boxset_card/98999"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="13764"
          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-mythic ss-fw ss-2x mr-4"></i>

              Nalia de&#39;Arnise


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human 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-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">
              8,211
          </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="13764"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_13764" src="/boxset_card/13764"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="97673"
          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-spm ss-mythic ss-fw ss-2x mr-4"></i>

              Najeela, the Blade-Blossom


          </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-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">
              5,243
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="97673"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_97673" src="/boxset_card/97673"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="18780"
          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>

              Najal, the Storm Runner


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Efreet 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><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">
              11,614
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="18780"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_18780" src="/boxset_card/18780"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="85966"
          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>

              Nahiri, the Lithomancer


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Planeswalker — Nahiri
          </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">
              8,695
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="85966"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_85966" src="/boxset_card/85966"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="46743"
          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-mat ss-mythic ss-fw ss-2x mr-4"></i>

              Nahiri, Forged in Fury


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Kor 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-4'></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">
              4,974
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="46743"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_46743" src="/boxset_card/46743"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="75638"
          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>

              Nagao, Bound by Honor


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Samurai
          </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">
              16,484
          </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="75638"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_75638" src="/boxset_card/75638"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="18777"
          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>

              Nael, Avizoa Aeronaut


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Elf Scout
          </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">
              19,467
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="18777"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_18777" src="/boxset_card/18777"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="50366"
          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>

              Nadu, Winged Wisdom


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Bird 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-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">
              11,858
          </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="50366"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_50366" src="/boxset_card/50366"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="13082"
          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-cmr ss-uncommon ss-fw ss-2x mr-4"></i>

              Nadier, Agent of the Duskenel

              <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-5'></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">
              10,938
          </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="13082"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_13082" src="/boxset_card/13082"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="216"
          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-afr ss-rare ss-fw ss-2x mr-4"></i>

              Nadaar, Selfless Paladin


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Dragon 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-w'></i>
            </div>
          </td>

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

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

        <tr
          data-expandable-row-target="content"
          data-card-id="216"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_216" src="/boxset_card/216"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="29471"
          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-rare ss-fw ss-2x mr-4"></i>

              Naban, Dean of Iteration


          </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-1'></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,250
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="29471"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_29471" src="/boxset_card/29471"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="34106"
          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>

              Márton Stromgald


          </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-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">
              15,112
          </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="34106"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_34106" src="/boxset_card/34106"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="93916"
          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>

              Mzed, Mercenary Leader


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Mercenary
          </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>
            </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="93916"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_93916" src="/boxset_card/93916"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="98017"
          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-spm ss-rare ss-fw ss-2x mr-4"></i>

              Mysterio, Master of Illusion


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Villain
          </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">
              14,613
          </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="98017"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_98017" src="/boxset_card/98017"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="13443"
          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>

              Myrkul, Lord of Bones

              <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 — God
          </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><i class='no-tailwind ms ms-cost ml-0 ms-b'></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,538
          </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="13443"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_13443" src="/boxset_card/13443"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="72284"
          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-bro ss-mythic ss-fw ss-2x mr-4"></i>

              Myrel, Shield of Argive


          </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">
              1,481
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="72284"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_72284" src="/boxset_card/72284"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="81974"
          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-unf ss-mythic ss-fw ss-2x mr-4"></i>

              Myra the Magnificent


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Human Performer
          </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">
              14,407
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="81974"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_81974" src="/boxset_card/81974"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="53420"
          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-nec ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Towering Might


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-5'></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">
              10,885
          </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="53420"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_53420" src="/boxset_card/53420"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="6302"
          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-chk ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Seeing Winds


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-7'></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">
              12,305
          </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="6302"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_6302" src="/boxset_card/6302"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="53489"
          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-nec ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Roaring Blades


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-5'></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><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,332
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="53489"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_53489" src="/boxset_card/53489"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="94044"
          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>

              Myojin of Night&#39;s Reach and Grim Betrayal


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-5'></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><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">
          </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="94044"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_94044" src="/boxset_card/94044"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="6449"
          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-chk ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Night&#39;s Reach


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-5'></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><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">
              11,675
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="6449"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_6449" src="/boxset_card/6449"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="6748"
          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-chk ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Life&#39;s Web


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-6'></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">
              10,909
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="6748"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_6748" src="/boxset_card/6748"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="6612"
          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-chk ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Infinite Rage


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-7'></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><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">
              16,818
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="6612"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_6612" src="/boxset_card/6612"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="53470"
          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-nec ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Grim Betrayal


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-5'></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><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">
              11,247
          </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="53470"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_53470" src="/boxset_card/53470"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="53462"
          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-nec ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Cryptic Dreams


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-5'></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">
              7,480
          </td>

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

        <tr
          data-expandable-row-target="content"
          data-card-id="53462"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_53462" src="/boxset_card/53462"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="6184"
          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-chk ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Cleansing Fire


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-5'></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><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">
              14,971
          </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="6184"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_6184" src="/boxset_card/6184"></turbo-frame>
          </td>
        </tr>
        <tr
          data-action="click->expandable-row#toggle"
          data-card-id="53431"
          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-nec ss-rare ss-fw ss-2x mr-4"></i>

              Myojin of Blooming Dawn


          </td>

          <td class="hidden px-4 py-2 text-sm whitespace-nowrap lg:table-cell">
            Legendary Creature — Spirit
          </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-5'></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><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,529
          </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="53431"
          class="hidden border border-background"
        >
          <td colspan="5">
            <turbo-frame loading="lazy" id="card_details_53431" src="/boxset_card/53431"></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 1451-1500 of 3292 in total</span>
    <nav class="pagy series-nav" aria-label="Pages"><a href="/load_commanders?direction=desc&page=29" rel="prev" aria-label="Previous">&lt;</a><a href="/load_commanders?direction=desc&page=1">1</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/load_commanders?direction=desc&page=29" rel="prev">29</a><a role="link" aria-disabled="true" aria-current="page">30</a><a href="/load_commanders?direction=desc&page=31" rel="next">31</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/load_commanders?direction=desc&page=66">66</a><a href="/load_commanders?direction=desc&page=31" rel="next" aria-label="Next">&gt;</a></nav>
  </div>
</div>

</template></turbo-stream>