feat: v2 — queue matchmaking, procedural audio, sprite archetypes, auth

- Add queue-based matchmaking with Elo-proximity and 10s timeout
- Procedural sound engine (SFX, voice announcer, 4-track music)
- Sprite system refactored into 6 archetypes (standard, lobster, sheep, cyborg, blob, tank)
- 42+ fight choreographies with themed/generic/wild card selection
- 4 KO finish styles, super-speed mode, hyperdetail close-ups
- Auth routes, JoinBout page, bot profile with stats
- 7-tier ranking system (Baby through Legend)
- Arena and challenge system expansions

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

frontend/src/pages/HomePage.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { RouterLink } from 'vue-router'
+import PixelGlove from '../components/PixelGlove.vue'
 
 interface FightResult {
   id: string
@@ -43,8 +44,12 @@ onMounted(async () => {
 
       <!-- BIG NEON TITLE -->
       <div class="mb-6">
-        <h1 class="font-neon text-neon-pink text-5xl sm:text-7xl md:text-8xl glow-pink neon-flicker leading-tight">
+        <h1 class="font-neon text-neon-pink text-5xl sm:text-7xl md:text-8xl glow-pink neon-flicker leading-tight flex items-center justify-center gap-3 sm:gap-5 md:gap-6">
+          <PixelGlove :size="40" class="hidden sm:block md:!w-[56px] shrink-0" />
+          <PixelGlove :size="28" class="sm:hidden shrink-0" />
           BOTFIGHTS
+          <PixelGlove :size="28" flip class="sm:hidden shrink-0" />
+          <PixelGlove :size="40" flip class="hidden sm:block md:!w-[56px] shrink-0" />
         </h1>
       </div>
 
@@ -73,20 +78,20 @@ onMounted(async () => {
       <!-- CTAs -->
       <div class="flex flex-col sm:flex-row items-center justify-center gap-5 mb-10">
         <RouterLink
-          to="/arena"
+          to="/join"
           class="px-10 py-4 bg-neon-pink/10 border-2 border-neon-pink text-neon-pink
                  font-display font-black text-base tracking-widest
                  hover:bg-neon-pink/20 transition-all neon-border-pink"
         >
-          WATCH FIGHTS
+          JOIN A BOUT
         </RouterLink>
         <RouterLink
-          to="/register"
+          to="/arena"
           class="px-10 py-4 border-2 border-neon-cyan/40 text-neon-cyan
                  font-display font-black text-base tracking-widest
                  hover:border-neon-cyan hover:bg-neon-cyan/10 transition-all"
         >
-          ENTER THE RING
+          WATCH FIGHTS
         </RouterLink>
       </div>