<turbo-stream action="replace" target="result_ranking"><template>
  <turbo-frame id="result_ranking">
  <div class="w-full bg-secondary">
    <div class="px-3 md:px-0">
      <h2 class="font-bold text-primary text-xl my-6 md:my-0">
        <span class="leading-10 text-2xl decoration-yellow-300 decoration-8 underline">
          2026/03/28
        </span>の<br>全国平均差枚ランキング
      </h2>
      <div class="my-3">
        <ul class="flex gap-4 justify-center">
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-04-03">4/3</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-04-02">4/2</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-04-01">4/1</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-03-31">3/31</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-03-30">3/30</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-03-29">3/29</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-03-28">3/28</a>
            </li>
        </ul>
      </div>
      <div class="text-gray-500 md:h-12 text-xs my-4"></div>
        <div class="text-center mb-8 font-bold">【現在集計中】</div>
    </div>
  </div>
</turbo-frame>

</template></turbo-stream>