<script setup lang="ts">
// Collection page - placeholder for Phase F3
</script>

<template>
  <div class="container mx-auto px-4 py-8">
    <h1 class="text-3xl font-bold mb-8">
      Collection
    </h1>

    <div class="bg-surface p-8 rounded-lg text-center">
      <p class="text-gray-400 mb-4">
        Collection view coming in Phase F3
      </p>
      <p class="text-sm text-gray-500">
        Browse your cards, filter by type, and track your collection progress.
      </p>
    </div>
  </div>
</template>
