feat: botfights v1 — full fighting game with Kaplay engine

- Vue 3 + Vite + Tailwind 4 frontend with synthwave aesthetic
- Hono backend on port 9100 with SQLite/Drizzle
- Procedural pixel-art sprite generator (48x48, 8 animation states)
- Kaplay fight scene with punch/kick/special/knockback/KO animations
- 12 mock bots across 6 tiers with Elo rating system
- 9 challenge types, 10 fight arenas with modifiers
- Fight replay with staggered battle log and ~1 min timing
- Sprite preview page at /sprites

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/pages/FightPage.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { useRoute } from 'vue-router'
+import FightViewer from '../components/FightViewer.vue'
+
+const route = useRoute()
+const fightId = route.params.fightId as string
+const fight = ref<any>(null)
+const isLoading = ref(true)
+
+onMounted(async () => {
+  try {
+    const res = await fetch(`/api/fights/${fightId}`)
+    if (res.ok) fight.value = await res.json()
+  } catch { /* */ }
+  isLoading.value = false
+})
+</script>
+
+<template>
+  <div class="h-[calc(100vh-4rem)] flex flex-col px-3 py-3 overflow-hidden">
+    <div v-if="isLoading" class="flex-1 flex items-center justify-center">
+      <p class="font-display text-text-muted animate-pulse tracking-wider">LOADING FIGHT...</p>
+    </div>
+
+    <div v-else-if="!fight" class="flex-1 flex items-center justify-center">
+      <p class="font-display text-text-muted">Fight not found.</p>
+    </div>
+
+    <FightViewer v-else :fight="fight" class="flex-1 min-h-0" />
+  </div>
+</template>