<script setup lang="ts">
/**
 * Minimal layout for authentication pages.
 *
 * Used for login, OAuth callback, and starter selection pages.
 * Centers content with no navigation chrome - clean, focused experience.
 */
</script>

<template>
  <div class="min-h-screen flex flex-col items-center justify-center p-4 bg-gray-900">
    <div class="w-full max-w-md">
      <!-- Logo -->
      <div class="text-center mb-8">
        <h1 class="text-2xl font-bold text-primary-light">
          Mantimon TCG
        </h1>
      </div>

      <!-- Page content -->
      <slot />
    </div>
  </div>
</template>
