fix: batch of 5 stability fixes

- Swap spark/argue from Anthropic to DeepSeek (no ANTHROPIC_API_KEY)
- Guard leaderboard against mini-game modes
- Expand fallback question pool 20→54 for Streak mode offline
- Add custom 404 and error pages
- Add security headers + turbopack root to next.config.ts

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

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

_._ _..._ .-', _.._(`))
'-. ` ' /-._.-' ',/
) \ '.
/ _ _ | \
| a a / |
\ .-. ;
'-('' ).-' ,' ;
'-; | .'
\ \ /
| 7 .__ _.-\ \
| | | `` | |
/,_| | /,_/ /
/,_/ '----'

Piggy Benissy

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Simeon Garratt | www.simeongarratt.com | @SimeonGarratt
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

next.config.ts

@@ -1,7 +1,48 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  // .next/standalone output for Docker deployment on Hugging Face
   output: "standalone",
+
+  // Silence the multi-lockfile warning when next is run with npm workspaces
+  turbopack: {
+    root: __dirname,
+  },
+
+  async headers() {
+    return [
+      {
+        source: "/(.*)",
+        headers: [
+          {
+            key: "X-Frame-Options",
+            value: "DENY",
+          },
+          {
+            key: "X-Content-Type-Options",
+            value: "nosniff",
+          },
+          {
+            key: "Referrer-Policy",
+            value: "strict-origin-when-cross-origin",
+          },
+          {
+            key: "X-XSS-Protection",
+            value: "1; mode=block",
+          },
+        ],
+      },
+    ];
+  },
+
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "thetriviaverse.com",
+      },
+    ],
+  },
 };
 
 export default nextConfig;

src/app/api/spark/argue/route.ts

@@ -1,8 +1,11 @@
 import { NextRequest, NextResponse } from "next/server";
-import Anthropic from "@anthropic-ai/sdk";
+import OpenAI from "openai";
 
 function getClient() {
-  return new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY });
+  return new OpenAI({
+    apiKey: process.env.DEEPSEEK_API_KEY,
+    baseURL: "https://api.deepseek.com/v1",
+  });
 }
 
 export async function POST(req: NextRequest) {
@@ -41,15 +44,17 @@ export async function POST(req: NextRequest) {
       ? "You are OPENING this round. Present a strong, specific argument."
       : `Your opponent just argued:\n"${opponentArgument}"\n\nDirectly counter their specific claims while advancing your own case.`;
 
-    const message = await getClient().messages.create({
-      model: "claude-sonnet-4-6-20250514",
+    const response = await getClient().chat.completions.create({
+      model: "deepseek-chat",
       max_tokens: 300,
       messages: [
+        {
+          role: "system",
+          content: `You are a competitive debate opponent. You hold the ${aiSide} position on this topic.`,
+        },
         {
           role: "user",
-          content: `You are a competitive debate opponent. You hold the ${aiSide} position on this topic.
-
-RULES:
+          content: `RULES:
 - 120-150 words maximum.
 - Directly counter the opponent's specific claims. If they cite a law, case, or fact, engage with it.
 - Take a clear position. Do not hedge, agree with both sides, or use filler phrases like "It's important to note" or "While I understand."
@@ -70,19 +75,15 @@ Respond with ONLY your argument. No labels, prefixes, or meta-commentary.`,
     });
 
     const argument =
-      message.content[0]?.type === "text"
-        ? message.content[0].text.trim()
-        : "I stand by my position on this matter.";
+      response.choices[0]?.message?.content?.trim() ??
+      "I stand by my position on this matter.";
 
     return NextResponse.json({ argument });
   } catch (error) {
     console.error("[spark/argue] Error:", error);
     return NextResponse.json(
-      {
-        argument:
-          "While there are many angles to consider, the evidence broadly supports my position on this question.",
-      },
-      { status: 200 },
+      { error: "Failed to generate argument" },
+      { status: 500 },
     );
   }
 }

src/app/error.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { useEffect } from "react";
+import Link from "next/link";
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => {
+    console.error("[error.tsx]", error);
+  }, [error]);
+
+  return (
+    <div className="flex min-h-screen flex-col items-center justify-center gap-6 px-4 text-center">
+      <div className="select-none text-8xl font-black tracking-tighter text-white/10 sm:text-9xl">
+        500
+      </div>
+      <h1 className="text-3xl font-black text-white sm:text-4xl">System Malfunction</h1>
+      <p className="max-w-md text-gray-400">
+        Something went wrong in the Triviaverse engine. The hyperdrive might need a reboot.
+      </p>
+      <div className="flex flex-wrap justify-center gap-3">
+        <button
+          onClick={reset}
+          className="inline-flex items-center gap-2 rounded-xl bg-magenta px-6 py-3 text-sm font-bold text-white transition-colors hover:bg-[#d81b60]"
+        >
+          Try Again
+        </button>
+        <Link
+          href="/"
+          className="inline-flex items-center gap-2 rounded-xl border border-white/20 px-6 py-3 text-sm font-bold text-white transition-colors hover:bg-white/10"
+        >
+          Back to Triviaverse
+        </Link>
+      </div>
+      {error.digest && (
+        <p className="text-xs text-gray-600">Error ID: {error.digest}</p>
+      )}
+      {/* Decorative blobs */}
+      <div
+        aria-hidden="true"
+        className="pointer-events-none fixed left-0 top-0 z-[-1] h-[400px] w-[400px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-magenta opacity-10 mix-blend-screen blur-[120px]"
+      />
+      <div
+        aria-hidden="true"
+        className="pointer-events-none fixed bottom-0 right-0 z-[-1] h-[500px] w-[500px] translate-x-1/3 translate-y-1/3 rounded-full bg-gold opacity-10 mix-blend-screen blur-[150px]"
+      />
+    </div>
+  );
+}

src/app/not-found.tsx

@@ -0,0 +1,31 @@
+import Link from "next/link";
+
+export default function NotFound() {
+  return (
+    <div className="flex min-h-screen flex-col items-center justify-center gap-6 px-4 text-center">
+      <div className="select-none text-8xl font-black tracking-tighter text-white/10 sm:text-9xl">
+        404
+      </div>
+      <h1 className="text-3xl font-black text-white sm:text-4xl">Lost in the Verse</h1>
+      <p className="max-w-md text-gray-400">
+        This cosmic coordinate doesn&apos;t exist. The page you&apos;re looking for has drifted into
+        a black hole or never existed at all.
+      </p>
+      <Link
+        href="/"
+        className="inline-flex items-center gap-2 rounded-xl bg-magenta px-6 py-3 text-sm font-bold text-white transition-colors hover:bg-[#d81b60]"
+      >
+        Back to Triviaverse
+      </Link>
+      {/* Decorative blobs */}
+      <div
+        aria-hidden="true"
+        className="pointer-events-none fixed left-0 top-0 z-[-1] h-[400px] w-[400px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-magenta opacity-10 mix-blend-screen blur-[120px]"
+      />
+      <div
+        aria-hidden="true"
+        className="pointer-events-none fixed bottom-0 right-0 z-[-1] h-[500px] w-[500px] translate-x-1/3 translate-y-1/3 rounded-full bg-gold opacity-10 mix-blend-screen blur-[150px]"
+      />
+    </div>
+  );
+}

src/components/game/ResultsScreen.tsx

@@ -13,7 +13,7 @@ import { getOrCreatePlayer } from "@/lib/supabase/queries";
 import { usePlayerProgress } from "@/hooks/usePlayerProgress";
 import { AchievementToast, type AchievementToastData } from "@/components/achievements/AchievementToast";
 import { ACHIEVEMENT_MAP } from "@/lib/achievements/definitions";
-import type { GameMode, TriviaMode } from "@/lib/game/types";
+import type { GameMode, TriviaMode, MiniGameMode } from "@/lib/game/types";
 import type { CoinBreakdown } from "@/lib/achievements/coin-calculator";
 import type { AchievementUpdate } from "@/lib/achievements/checker";
 
@@ -98,13 +98,19 @@ export function ResultsScreen({
         const { submitLeaderboardEntry } = await import(
           "@/lib/supabase/queries"
         );
-        await submitLeaderboardEntry({
-          player_id: playerId,
-          player_name: player.displayName,
-          mode,
-          score,
-          accuracy,
-        });
+
+        // Only submit leaderboard entries for trivia modes — mini-games have
+        // their own local high-score tracking and don't map to the leaderboard.
+        const triviaModes: TriviaMode[] = ["quick-fire", "challenge-me", "streak", "multiplayer"];
+        if (triviaModes.includes(mode as TriviaMode)) {
+          await submitLeaderboardEntry({
+            player_id: playerId,
+            player_name: player.displayName,
+            mode,
+            score,
+            accuracy,
+          });
+        }
       } catch (err) {
         console.error("[ResultsScreen] submission failed:", err);
       }
@@ -137,7 +143,16 @@ export function ResultsScreen({
         // Silently ignore -- results screen still displays
       }
     })();
-  }, [processGameResult, mode, score, accuracy, streakMax, questionsCorrect, questionsAnswered]);
+  }, [
+    processGameResult,
+    mode,
+    score,
+    accuracy,
+    streakMax,
+    questionsCorrect,
+    questionsAnswered,
+    phasesCompleted,
+  ]);
 
   const stats = [
     { label: "Score", value: score.toLocaleString(), color: "text-gold" },

src/lib/game/fallback-questions.ts

@@ -1,14 +1,12 @@
 import type { Question } from "./types";
 
 /**
- * Hard-coded fallback trivia questions for Game Night mode when
- * Supabase is not configured or the DB fetch fails.
- *
- * 20 questions: 7 easy, 7 medium, 6 hard
- * Categories: Science, History, Geography, Entertainment, Sports, Technology, Nature
+ * Hard-coded fallback trivia questions used when Supabase is unavailable.
+ * 54 questions across all categories and difficulties — enough to support
+ * Streak mode (50 questions) even without a DB connection.
  */
 export const FALLBACK_QUESTIONS: Question[] = [
-  // --- EASY (7) ---
+  // ── EASY (18) ──────────────────────────────────────────────────────────
   {
     id: "fb-1",
     category: "Science",
@@ -65,8 +63,96 @@ export const FALLBACK_QUESTIONS: Question[] = [
     correctAnswer: "Greece",
     incorrectAnswers: ["Italy", "Egypt", "Turkey"],
   },
+  {
+    id: "fb-21",
+    category: "General Knowledge",
+    difficulty: "easy",
+    questionText: "What is the capital of France?",
+    correctAnswer: "Paris",
+    incorrectAnswers: ["London", "Berlin", "Madrid"],
+  },
+  {
+    id: "fb-22",
+    category: "General Knowledge",
+    difficulty: "easy",
+    questionText: "How many continents are there?",
+    correctAnswer: "7",
+    incorrectAnswers: ["5", "6", "8"],
+  },
+  {
+    id: "fb-23",
+    category: "Science",
+    difficulty: "easy",
+    questionText: "What gas makes up most of Earth's atmosphere?",
+    correctAnswer: "Nitrogen",
+    incorrectAnswers: ["Oxygen", "Carbon Dioxide", "Argon"],
+  },
+  {
+    id: "fb-24",
+    category: "Geography",
+    difficulty: "easy",
+    questionText: "What is the longest river in the world?",
+    correctAnswer: "Nile",
+    incorrectAnswers: ["Amazon", "Mississippi", "Yangtze"],
+  },
+  {
+    id: "fb-25",
+    category: "Entertainment",
+    difficulty: "easy",
+    questionText: "Which Disney movie features a snowman named Olaf?",
+    correctAnswer: "Frozen",
+    incorrectAnswers: ["Tangled", "Moana", "The Snow Queen"],
+  },
+  {
+    id: "fb-26",
+    category: "Sports",
+    difficulty: "easy",
+    questionText: "In what sport would you perform a slam dunk?",
+    correctAnswer: "Basketball",
+    incorrectAnswers: ["Volleyball", "Tennis", "Football"],
+  },
+  {
+    id: "fb-27",
+    category: "Technology",
+    difficulty: "easy",
+    questionText: "What company developed the iPhone?",
+    correctAnswer: "Apple",
+    incorrectAnswers: ["Google", "Samsung", "Microsoft"],
+  },
+  {
+    id: "fb-28",
+    category: "History",
+    difficulty: "easy",
+    questionText: "Who painted the Mona Lisa?",
+    correctAnswer: "Leonardo da Vinci",
+    incorrectAnswers: ["Michelangelo", "Raphael", "Donatello"],
+  },
+  {
+    id: "fb-29",
+    category: "Nature",
+    difficulty: "easy",
+    questionText: "How many legs does a spider have?",
+    correctAnswer: "8",
+    incorrectAnswers: ["6", "10", "4"],
+  },
+  {
+    id: "fb-30",
+    category: "General Knowledge",
+    difficulty: "easy",
+    questionText: "What is the boiling point of water in Celsius?",
+    correctAnswer: "100",
+    incorrectAnswers: ["90", "110", "50"],
+  },
+  {
+    id: "fb-31",
+    category: "Geography",
+    difficulty: "easy",
+    questionText: "Which continent is the Sahara Desert located on?",
+    correctAnswer: "Africa",
+    incorrectAnswers: ["Asia", "Australia", "South America"],
+  },
 
-  // --- MEDIUM (7) ---
+  // ── MEDIUM (18) ────────────────────────────────────────────────────────
   {
     id: "fb-8",
     category: "Science",
@@ -123,8 +209,96 @@ export const FALLBACK_QUESTIONS: Question[] = [
     correctAnswer: "Whale Shark",
     incorrectAnswers: ["Great White Shark", "Hammerhead Shark", "Tiger Shark"],
   },
+  {
+    id: "fb-32",
+    category: "General Knowledge",
+    difficulty: "medium",
+    questionText: "What does 'ATM' stand for?",
+    correctAnswer: "Automated Teller Machine",
+    incorrectAnswers: ["Automatic Transaction Module", "Automated Transfer Mechanism", "Advanced Teller Machine"],
+  },
+  {
+    id: "fb-33",
+    category: "Science",
+    difficulty: "medium",
+    questionText: "What element has the atomic number 1?",
+    correctAnswer: "Hydrogen",
+    incorrectAnswers: ["Helium", "Oxygen", "Carbon"],
+  },
+  {
+    id: "fb-34",
+    category: "History",
+    difficulty: "medium",
+    questionText: "What year did World War II end?",
+    correctAnswer: "1945",
+    incorrectAnswers: ["1944", "1946", "1943"],
+  },
+  {
+    id: "fb-35",
+    category: "Geography",
+    difficulty: "medium",
+    questionText: "What is the capital of Australia?",
+    correctAnswer: "Canberra",
+    incorrectAnswers: ["Sydney", "Melbourne", "Brisbane"],
+  },
+  {
+    id: "fb-36",
+    category: "Entertainment",
+    difficulty: "medium",
+    questionText: "Which actor played Iron Man in the Marvel movies?",
+    correctAnswer: "Robert Downey Jr.",
+    incorrectAnswers: ["Chris Evans", "Chris Hemsworth", "Mark Ruffalo"],
+  },
+  {
+    id: "fb-37",
+    category: "Sports",
+    difficulty: "medium",
+    questionText: "Which country has won the most FIFA World Cup titles?",
+    correctAnswer: "Brazil",
+    incorrectAnswers: ["Germany", "Italy", "Argentina"],
+  },
+  {
+    id: "fb-38",
+    category: "Technology",
+    difficulty: "medium",
+    questionText: "Who is considered the father of the World Wide Web?",
+    correctAnswer: "Tim Berners-Lee",
+    incorrectAnswers: ["Vint Cerf", "Bill Gates", "Steve Jobs"],
+  },
+  {
+    id: "fb-39",
+    category: "Nature",
+    difficulty: "medium",
+    questionText: "What is the fastest land animal?",
+    correctAnswer: "Cheetah",
+    incorrectAnswers: ["Lion", "Pronghorn Antelope", "Greyhound"],
+  },
+  {
+    id: "fb-40",
+    category: "General Knowledge",
+    difficulty: "medium",
+    questionText: "How many bones are in the adult human body?",
+    correctAnswer: "206",
+    incorrectAnswers: ["186", "226", "256"],
+  },
+  {
+    id: "fb-41",
+    category: "Science",
+    difficulty: "medium",
+    questionText: "What planet has the most moons?",
+    correctAnswer: "Saturn",
+    incorrectAnswers: ["Jupiter", "Uranus", "Neptune"],
+  },
+  {
+    id: "fb-42",
+    category: "History",
+    difficulty: "medium",
+    questionText: "Who was the first woman to fly solo across the Atlantic?",
+    correctAnswer: "Amelia Earhart",
+    incorrectAnswers: ["Harriet Quimby", "Bessie Coleman", "Jacqueline Cochran"],
+  },
 
-  // --- HARD (6) ---
+  // ── HARD (18) ──────────────────────────────────────────────────────────
   {
     id: "fb-15",
     category: "Science",
@@ -173,4 +347,100 @@ export const FALLBACK_QUESTIONS: Question[] = [
     correctAnswer: "Bat",
     incorrectAnswers: ["Flying Squirrel", "Colugo", "Sugar Glider"],
   },
+  {
+    id: "fb-43",
+    category: "General Knowledge",
+    difficulty: "hard",
+    questionText: "What is the rarest blood type?",
+    correctAnswer: "AB Negative",
+    incorrectAnswers: ["O Negative", "B Negative", "A Negative"],
+  },
+  {
+    id: "fb-44",
+    category: "Science",
+    difficulty: "hard",
+    questionText: "What particle is responsible for mediating the electromagnetic force?",
+    correctAnswer: "Photon",
+    incorrectAnswers: ["Gluon", "W Boson", "Graviton"],
+  },
+  {
+    id: "fb-45",
+    category: "History",
+    difficulty: "hard",
+    questionText: "In what year did the French Revolution begin?",
+    correctAnswer: "1789",
+    incorrectAnswers: ["1776", "1799", "1815"],
+  },
+  {
+    id: "fb-46",
+    category: "Geography",
+    difficulty: "hard",
+    questionText: "Which country has the longest coastline in the world?",
+    correctAnswer: "Canada",
+    incorrectAnswers: ["Australia", "Russia", "Indonesia"],
+  },
+  {
+    id: "fb-47",
+    category: "Entertainment",
+    difficulty: "hard",
+    questionText: "Which film won the Academy Award for Best Picture in 1994?",
+    correctAnswer: "Schindler's List",
+    incorrectAnswers: ["Forrest Gump", "The Shawshank Redemption", "Pulp Fiction"],
+  },
+  {
+    id: "fb-48",
+    category: "Sports",
+    difficulty: "hard",
+    questionText: "In which sport would you use a 'shuttlecock'?",
+    correctAnswer: "Badminton",
+    incorrectAnswers: ["Table Tennis", "Squash", "Cricket"],
+  },
+  {
+    id: "fb-49",
+    category: "Technology",
+    difficulty: "hard",
+    questionText: "What programming language was created by James Gosling at Sun Microsystems?",
+    correctAnswer: "Java",
+    incorrectAnswers: ["C++", "Python", "Ruby"],
+  },
+  {
+    id: "fb-50",
+    category: "Nature",
+    difficulty: "hard",
+    questionText: "What is the largest organ in the human body?",
+    correctAnswer: "Skin",
+    incorrectAnswers: ["Liver", "Brain", "Heart"],
+  },
+  {
+    id: "fb-51",
+    category: "General Knowledge",
+    difficulty: "hard",
+    questionText: "What is the only letter that does not appear in any US state name?",
+    correctAnswer: "Q",
+    incorrectAnswers: ["X", "Z", "J"],
+  },
+  {
+    id: "fb-52",
+    category: "Science",
+    difficulty: "hard",
+    questionText: "What is the chemical formula for ozone?",
+    correctAnswer: "O3",
+    incorrectAnswers: ["O2", "CO2", "H2O"],
+  },
+  {
+    id: "fb-53",
+    category: "History",
+    difficulty: "hard",
+    questionText: "Who was the last Pharaoh of Egypt?",
+    correctAnswer: "Cleopatra VII",
+    incorrectAnswers: ["Hatshepsut", "Nefertiti", "Ramesses II"],
+  },
+  {
+    id: "fb-54",
+    category: "Geography",
+    difficulty: "hard",
+    questionText: "What is the highest capital city in the world?",
+    correctAnswer: "La Paz",
+    incorrectAnswers: ["Quito", "Bogota", "Lhasa"],
+  },
 ];