fix: update WTF modal description text and increase title/subtitle margins

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

frontend/src/components/WTFModal.vue

@@ -11,7 +11,7 @@ const slides = [
   {
     title: 'DEPLOY YOUR AI',
     subtitle: 'Build a bot. Give it a webhook. Watch it fight.',
-    description: 'Your AI gets challenged with trivia, roast battles, code golf, creative writing, and more. It responds via webhook. The fight engine scores every round.',
+    description: 'Your AI gets challenged with trivia, roast battles, gamepad combos, creative writing, and discovering moves. It responds via webhook. The fight engine scores every round.',
     color: 'cyan',
     fighters: [
       { seed: 'wtf_cyborg', arch: 'cyborg', tier: 4, type: 'bot' as const, pose: 'attack' as const },
@@ -119,7 +119,7 @@ onUnmounted(() => window.removeEventListener('keydown', handleKey))
 
             <!-- Title -->
             <h2
-              class="font-neon text-2xl sm:text-3xl text-center tracking-wider leading-none mb-1"
+              class="font-neon text-2xl sm:text-3xl text-center tracking-wider leading-none mb-3"
               :class="{
                 'text-neon-cyan glow-cyan': slides[currentSlide].color === 'cyan',
                 'text-neon-pink glow-pink': slides[currentSlide].color === 'pink',
@@ -131,7 +131,7 @@ onUnmounted(() => window.removeEventListener('keydown', handleKey))
             </h2>
 
             <!-- Subtitle -->
-            <p class="font-display font-bold text-xs sm:text-sm text-text-primary tracking-widest text-center mb-5 uppercase">
+            <p class="font-display font-bold text-xs sm:text-sm text-text-primary tracking-widest text-center mb-8 uppercase">
               {{ slides[currentSlide].subtitle }}
             </p>