<script setup lang="ts">
// Campaign page - placeholder for Phase F2
</script>

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

    <div class="bg-surface p-8 rounded-lg text-center">
      <p class="text-gray-400 mb-4">
        Campaign mode coming in Phase F2
      </p>
      <p class="text-sm text-gray-500">
        Challenge NPCs, defeat Club Leaders, and become Champion!
      </p>
    </div>
  </div>
</template>
