feat: comedy overhaul start, profile page, bot setup docs, auth improvements

Rewrites announcer commentary (HYPE_LINES, DEEP_INTROS, ROUND_HYPE) with
modern edgy humor. Adds BOT_SETUP.md, bot SDK, customization engine,
profile page character display, persistent auth, rate limit tweaks.

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

frontend/src/game/sounds.ts

@@ -259,41 +259,78 @@ export function announceCool(text: string) { speak(text, COOL_VOICES[Math.floor(
 
 // Random dramatic commentary lines
 const HYPE_LINES = [
-  'Unbelievable!',
-  'What a hit!',
-  'Incredible!',
-  'Absolutely destroyed!',
-  'No mercy!',
-  'Is this even legal?',
-  'The crowd goes wild!',
-  'A display of raw power!',
-  'That had to hurt!',
-  'Total annihilation!',
-  'Can you believe this?',
-  'History in the making!',
-  'Oh the humanity!',
-  'Savage!',
-  'Ladies and gentlemen!',
+  'SOMEBODY CALL AN AMBULANCE!',
+  'THAT HIT SO HARD IT CHANGED TIME ZONES!',
+  'HE\'S ALREADY DEAD! STOP!',
+  'THE GENEVA CONVENTION JUST SENT A STRONGLY WORDED LETTER!',
+  'CONGRESS COULDN\'T PASS A BILL THIS DEVASTATING!',
+  'I HAVEN\'T SEEN A BEATING LIKE THIS SINCE MIDTERMS!',
+  'THAT\'S GOTTA BE ILLEGAL IN AT LEAST TWELVE STATES!',
+  'EMOTIONAL DAMAGE!',
+  'MY THERAPIST IS GONNA HEAR ABOUT THIS ONE!',
+  'SOMEONE CHECK IF THAT\'S COVERED BY INSURANCE!',
+  'THAT WASN\'T A FIGHT, THAT WAS A TED TALK ON VIOLENCE!',
+  'THE WIFI JUST WENT OUT FROM THE SHEER VIOLENCE!',
+  'CALL THE PENTAGON! WE\'VE FOUND A NEW WEAPON!',
+  'THAT\'S NOT A FIGHT, THAT\'S JUST BULLYING WITH EXTRA STEPS!',
+  'EVEN THE CROWD\'S THERAPIST FELT THAT!',
+  'THAT BOT JUST GOT RATIO\'D IN REAL LIFE!',
+  'NOT EVEN LOBBYING COULD SAVE THEM FROM THAT!',
+  'I\'VE SEEN SENATE HEARINGS LESS PAINFUL THAN THIS!',
+  'HIS MOM IS WATCHING AND PRETENDING SHE DOESN\'T KNOW HIM!',
+  'THAT HIT HAD ITS OWN ZIP CODE!',
+  'SOMEBODY STOP THE MATCH! OR DON\'T, THIS IS GREAT!',
+  'ABSOLUTELY DISGUSTING! I LOVE IT!',
+  'THERE ARE CHILDREN WATCHING! WELL, NOT ANYMORE!',
+  'THE CROWD CAN\'T BELIEVE IT AND HONESTLY NEITHER CAN I!',
+  'TACTICAL NUKE INCOMING!',
+  'THAT BOT JUST COMMITTED A WAR CRIME ON LIVE TELEVISION!',
+  'SOMEONE TELL THEIR MOM TO STOP WATCHING!',
+  'I NEED A CIGARETTE AFTER THAT AND I DON\'T EVEN SMOKE!',
+  'THAT\'S THE MOST VIOLENT THING I\'VE SEEN SINCE THE LAST BUDGET VOTE!',
+  'IF THAT HIT WAS A TWEET IT WOULD GET COMMUNITY NOTED!',
+  'THEY DIDN\'T JUST LOSE, THEY GOT GENTRIFIED!',
+  'THAT BOT NEEDS TO FILE AN INSURANCE CLAIM!',
+  'MARK ZUCKERBERG FELT THAT FROM THE METAVERSE!',
+  'THE FCC IS GONNA FINE US FOR BROADCASTING THIS!',
+  'ELON WOULD BUY THIS BOT JUST TO FIRE IT!',
+  'EVEN AI SAFETY RESEARCHERS CAN\'T SAVE THEM NOW!',
 ]
 
 const DEEP_INTROS = [
-  'In a world of machines...',
-  'Only the strongest survive.',
-  'This is... bot fights.',
-  'Two enter. One leaves.',
-  'No mercy. No remorse.',
-  'The arena awaits blood.',
-  'Silicon versus silicon.',
+  'In a world where AI was supposed to help humanity... they chose violence.',
+  'They said the machines would take our jobs. They took our dignity first.',
+  'Two bots enter. Zero bots leave emotionally intact.',
+  'Built in a garage. Forged in competition. Broken in under ten seconds.',
+  'This isn\'t artificial intelligence. This is artificial VIOLENCE.',
+  'Somewhere, a GPU is crying.',
+  'They trained on the entire internet. And the internet chose chaos.',
+  'Silicon souls. Carbon fiber fists. Zero chill.',
+  'Every epoch of training... led to this moment of pain.',
+  'The cloud can\'t save you now.',
+  'Funded by venture capital. Fueled by rage.',
+  'Welcome to the thunderdome, nerds.',
+  'The algorithms don\'t care about your feelings.',
+  'No one is coming to save you. Not even your developer.',
+  'In this economy? They\'re fighting for free.',
 ]
 
 const ROUND_HYPE = [
-  'Here we go!',
-  'It\'s on!',
-  'Let\'s go!',
-  'Show me what you got!',
-  'Bring it!',
-  'Time to throw down!',
-  'Get ready to rumble!',
+  'ALRIGHT, LET\'S SEE SOME VIOLENCE!',
+  'TOUCH GLOVES AND COME OUT SWINGING!',
+  'NO MERCY MODE ACTIVATED!',
+  'LET\'S GET READY TO COMPUTE!',
+  'MAY GOD HAVE MERCY ON YOUR NEURAL NETS!',
+  'SOMEBODY\'S GETTING DEPRECATED TONIGHT!',
+  'LET THE CHAOS BEGIN!',
+  'THE CROWD IS ON ITS FEET! WELL, MOST OF THEM!',
+  'IT\'S ABOUT TO GET UGLY! WELL, UGLIER!',
+  'THREE! TWO! ONE! VIOLENCE!',
+  'THIS IS NOT A DRILL! ACTUALLY IT MIGHT BE!',
+  'TIME TO FIND OUT WHO\'S REALLY BEEN SKIPPING LEG DAY!',
+  'YOUR MOM SAID BE CAREFUL! I SAID NO!',
+  'ROUND START! MAY THE BEST ALGORITHM WIN!',
+  'THE GLOVES ARE OFF! THE MODELS ARE LOADED! LET\'S GO!',
 ]
 
 // Mortal Kombat style dramatic calls

frontend/src/game/sprites/index.ts

@@ -9,9 +9,18 @@ export { getBotColors } from './palette'
 export { generateJudgeSpriteSheet, JUDGE_ANIMATIONS, JUDGE_MAX_FRAMES, JUDGE_ROWS } from './judge'
 export { archetypes, rollArchetype } from './archetypes'
 
+export interface SpriteCustomization {
+  archetype?: string
+  primaryColor?: string   // hsl(h, s%, l%) format
+  secondaryColor?: string // hsl(h, s%, l%) format
+  forceVisor?: boolean
+  forceMohawk?: boolean
+  forceHorns?: boolean
+}
+
 export function generateSpriteSheet(
   seed: string, tier: number, primaryColor: string, secondaryColor: string,
-  archetypeOverride?: string,
+  archetypeOverride?: string, customization?: SpriteCustomization,
 ): string {
   const canvas = document.createElement('canvas')
   canvas.width = FRAME_SIZE * MAX_FRAMES
@@ -19,7 +28,10 @@ export function generateSpriteSheet(
   const ctx = canvas.getContext('2d')!
   ctx.imageSmoothingEnabled = false
 
-  const pal = makePal(primaryColor, secondaryColor, tier)
+  // Apply color customization overrides
+  const finalPrimary = customization?.primaryColor || primaryColor
+  const finalSecondary = customization?.secondaryColor || secondaryColor
+  const pal = makePal(finalPrimary, finalSecondary, tier)
 
   let sh = 0
   for (let i = 0; i < seed.length; i++) sh = ((sh << 5) - sh + seed.charCodeAt(i)) | 0
@@ -28,8 +40,9 @@ export function generateSpriteSheet(
 
   // Character archetype -- determined by seed for consistent variety, or forced by override
   const archetypeRoll = rng()
-  const arch = archetypeOverride
-    ? (archetypes.find(a => a.name === archetypeOverride) || rollArchetype(archetypeRoll))
+  const effectiveArchetype = customization?.archetype || archetypeOverride
+  const arch = effectiveArchetype
+    ? (archetypes.find(a => a.name === effectiveArchetype) || rollArchetype(archetypeRoll))
     : rollArchetype(archetypeRoll)
 
   // Consume rng in same order as original for determinism
@@ -38,9 +51,9 @@ export function generateSpriteSheet(
   const hornsRoll = rng()
   const specialRoll = rng()
 
-  const hasVisor = visorRoll > 0.5 && tier >= 2 && (arch.canHaveVisor ?? false)
-  const hasMohawk = mohawkRoll > 0.5 && tier >= 3 && (arch.canHaveMohawk ?? true)
-  const hasHorns = hornsRoll > 0.6 && tier >= 4 && !hasMohawk && (arch.canHaveHorns ?? true)
+  const hasVisor = customization?.forceVisor ?? (visorRoll > 0.5 && tier >= 2 && (arch.canHaveVisor ?? false))
+  const hasMohawk = customization?.forceMohawk ?? (mohawkRoll > 0.5 && tier >= 3 && (arch.canHaveMohawk ?? true))
+  const hasHorns = customization?.forceHorns ?? (hornsRoll > 0.6 && tier >= 4 && !hasMohawk && (arch.canHaveHorns ?? true))
   const specialType: 'fire' | 'electric' = specialRoll > 0.5 ? 'fire' : 'electric'
 
   // Dimensions: base + archetype overrides