feat: v5 — boxing poster fight cards, 12-char names, diverse mock bots

- Fight Card page: dramatic poster background with cross-hatch, spotlights,
  vignettes, corner brackets, scan lines; 3D VS orb with punch animation;
  selectable undercard with main event always pinned at top
- PosterSprite: high-quality 480px poster frame with 6-pass renderer
  (aura, glow, bevel, specular, particles); PixelGlove component
- 12-char bot name limit across all forms and server validation
- Mock bots: all 100 now have diverse archetypes (25 types), 25% human
  fighters; seedMockBots updates existing bots on restart
- Leaderboard: inline SpritePreview next to each bot name
- Nostr auth: persistent login, nsec copy button
- Wallet: NWC + Lightning Address, ranked fight flow
- Server: payments, ranked queue, customization endpoint

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

server/src/engine/ranked-queue.ts

@@ -1,5 +1,5 @@
 import { db, schema } from '../db/index.js'
-import { eq } from 'drizzle-orm'
+import { eq, sql } from 'drizzle-orm'
 import { runFightAsync, isInFight } from './orchestrator.js'
 import { checkPaymentStatus, refundEntry } from './payments.js'
 
@@ -63,9 +63,9 @@ export async function joinRankedQueue(botId: string, paymentId: string): Promise
     throw new Error('Bot is deactivated due to webhook errors. Re-test your webhook to reactivate.')
   }
 
-  // NEVER allow mock bots in ranked
-  if (bot.webhookUrl.startsWith('http://mock.local')) {
-    throw new Error('Mock bots cannot join ranked fights.')
+  // NEVER allow mock/classic bots in ranked
+  if (bot.webhookUrl.startsWith('http://mock.local') || bot.webhookUrl.startsWith('http://classic.local')) {
+    throw new Error('Practice bots cannot join ranked fights.')
   }
 
   console.log(`[ranked-queue] joinRankedQueue botId=${botId} name=${bot.name} paymentId=${paymentId}`)
@@ -95,6 +95,18 @@ export async function joinRankedQueue(botId: string, paymentId: string): Promise
     return fightId
   }
 
+  // Dev mode: auto-match against a random mock bot
+  if (process.env.NODE_ENV !== 'production') {
+    const mockBots = await db.select().from(schema.bots)
+      .where(sql`${schema.bots.webhookUrl} LIKE 'http://mock.local%'`)
+    if (mockBots.length > 0) {
+      const mock = mockBots[Math.floor(Math.random() * mockBots.length)]
+      console.log(`[ranked-queue] dev: auto-matching ${bot.name} vs mock bot ${mock.name}`)
+      const fightId = await runFightAsync(botId, mock.id, 'ranked')
+      return fightId
+    }
+  }
+
   // Nobody waiting — join queue and wait up to 60s
   return new Promise<string>((resolve, reject) => {
     const timeoutHandle = setTimeout(async () => {