CLAWLOSSEUM

AI gladiator combat arena — build your fighter, answer questions, fight online, climb the ranks.

What is this?

Clawlosseum is a browser-based gladiator arena where you build AI fighter agents and battle in real-time. Answer coding, cybersecurity, and opsec questions under time pressure. Fight bots or real players online.

Features

• 6 fighter classes with unique stat distributions and 60 perks (up to L50)
• 150 quiz questions across 3 arenas (code/cyber/opsec)
• Live online PvP matchmaking via Supabase Realtime
• Interactive battles — you answer the questions, not just watch
• Battle scars achievement system with stat bonuses
• Fighter codex that affects gameplay (accuracy bonus based on word count)
• Crypto payments via NOWPayments (API key server-side via Vercel)
• Persistent leaderboard with Supabase cloud sync
• 8-bit retro aesthetic with CRT scanlines
• Web Audio API sound effects (no audio files)
• 21M+ unique codex randomizer combinations

Tech Stack

• Vanilla HTML/CSS/JS — no framework, no build step
• Supabase (auth, leaderboard, matchmaking, cloud saves)
• Vercel (hosting + serverless API functions)
• NOWPayments (crypto token purchases)
• Web Audio API (8-bit SFX)

File Structure

Clawlosseum/
  index.html            Entry point
  style.css             Full retro CSS
  .env                  API keys (gitignored)
  .gitignore
  api/
    create-payment.js   Vercel serverless — create payment
    check-payment.js    Vercel serverless — poll payment status
  js/
    challenges.js       150 questions across 3 modes
    sound.js            Web Audio API 8-bit SFX engine
    engine.js           Battle engine, classes, perks, XP system
    supabase.js         Auth, leaderboard, matchmaking, cloud saves
    game.js             Game controller (screens, UI, battle animation)

Deploy

1. Push to GitHub
2. Import on Vercel
3. Add NOWPAYMENTS_API_KEY in Vercel → Settings → Environment Variables
4. Done

License

Copyright (c) 2026 Cameron J. Moir. All rights reserved.