<script setup lang="ts">
import ThreeScene from './game/ThreeScene.vue'
import BattlePanel from './ui/BattlePanel.vue'
import StatusPanel from './ui/StatusPanel.vue'
import TransitionOverlay from './ui/TransitionOverlay.vue'
import { gameConfig } from './data/gameConfig'
</script>

<template>
  <div class="app-shell">
    <header class="top-bar">
      <h1>{{ gameConfig.title }}</h1>
      <p>{{ gameConfig.tagline }}</p>
    </header>

    <main class="content">
      <StatusPanel />
      <ThreeScene />
    </main>
    <TransitionOverlay />
    <BattlePanel />
  </div>
</template>
