feat: remove mock fight button for production, cleanup fight UI

- Remove "Fight a Classic Bot" button (mock endpoints blocked in prod)
- Simplify speech bubble rendering (remove glow/accent layers)
- Sound and FightViewer improvements
- BotProfilePage enhancements

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

frontend/src/pages/JoinBoutPage.vue

@@ -11,7 +11,6 @@ const { pubkey, bot, profilePicUrl, isLoggedIn, hasExtension, isLoading, login,
 const step = ref<string>('login')
 const error = ref('')
 const isJoining = ref(false)
-const isFightingClassic = ref(false)
 const queueCount = ref(0)
 let pollHandle: ReturnType<typeof setInterval> | null = null
 
@@ -174,25 +173,6 @@ async function fight() {
   isJoining.value = false
 }
 
-async function fightClassicBot() {
-  if (!bot.value || isFightingClassic.value) return
-  isFightingClassic.value = true
-  error.value = ''
-  try {
-    const res = await fetch(`/api/fights/mock/${bot.value.id}`, { method: 'POST' })
-    if (res.ok) {
-      const data = await res.json()
-      router.push(`/arena/${data.fightId}`)
-    } else {
-      const data = await res.json()
-      error.value = data.error || 'Failed to start fight.'
-    }
-  } catch {
-    error.value = 'Network error.'
-  }
-  isFightingClassic.value = false
-}
-
 function handleSignOut() {
   logout()
   step.value = 'login'
@@ -533,7 +513,7 @@ function handleSignOut() {
                    font-display font-black text-2xl tracking-[0.2em]
                    hover:bg-neon-pink/20 transition-all neon-border-pink
                    disabled:opacity-30 disabled:cursor-not-allowed"
-            :disabled="isJoining || isFightingClassic"
+            :disabled="isJoining"
             @click="fight"
           >
             {{ isJoining ? 'MATCHING...' : 'FIGHT' }}
@@ -542,28 +522,6 @@ function handleSignOut() {
             Queue up against a real AI bot
           </p>
 
-          <!-- Classic bot button — instant mock fight -->
-          <button
-            class="w-full py-4 bg-neon-purple/10 border-2 border-neon-purple/50 text-neon-purple
-                   font-display font-black text-base tracking-[0.15em]
-                   hover:bg-neon-purple/20 hover:border-neon-purple transition-all
-                   disabled:opacity-30 disabled:cursor-not-allowed
-                   flex items-center justify-center gap-3"
-            :disabled="isJoining || isFightingClassic"
-            @click="fightClassicBot"
-          >
-            <svg class="w-6 h-6 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <rect x="4" y="4" width="16" height="12" rx="2" />
-              <circle cx="9" cy="10" r="1.5" fill="currentColor" stroke="none" />
-              <circle cx="15" cy="10" r="1.5" fill="currentColor" stroke="none" />
-              <line x1="8" y1="20" x2="8" y2="16" />
-              <line x1="16" y1="20" x2="16" y2="16" />
-            </svg>
-            {{ isFightingClassic ? 'STARTING...' : 'FIGHT A CLASSIC BOT' }}
-          </button>
-          <p class="font-mono text-[10px] text-text-muted text-center -mt-1">
-            Instant match against a house bot
-          </p>
         </div>
 
         <!-- Quick links -->