Implement Specials feature, Admin UI enhancements, and Database Rebuild tool

app/special/[name]/page.tsx

@@ -0,0 +1,70 @@
+import Game from '@/components/Game';
+import { getOrCreateSpecialPuzzle } from '@/lib/dailyPuzzle';
+import Link from 'next/link';
+import { PrismaClient } from '@prisma/client';
+
+export const dynamic = 'force-dynamic';
+
+const prisma = new PrismaClient();
+
+interface PageProps {
+    params: Promise<{ name: string }>;
+}
+
+export default async function SpecialPage({ params }: PageProps) {
+    const { name } = await params;
+    const decodedName = decodeURIComponent(name);
+    const dailyPuzzle = await getOrCreateSpecialPuzzle(decodedName);
+    const genres = await prisma.genre.findMany({ orderBy: { name: 'asc' } });
+    const specials = await prisma.special.findMany({ orderBy: { name: 'asc' } });
+
+    return (
+        <>
+            <div style={{ textAlign: 'center', padding: '1rem', background: '#fce7f3' }}>
+                <div style={{ display: 'flex', justifyContent: 'center', gap: '1rem', flexWrap: 'wrap', alignItems: 'center' }}>
+                    <Link href="/" style={{ color: '#4b5563', textDecoration: 'none' }}>Global</Link>
+
+                    {/* Genres */}
+                    {genres.map(g => (
+                        <Link
+                            key={g.id}
+                            href={`/${g.name}`}
+                            style={{
+                                color: '#4b5563',
+                                textDecoration: 'none'
+                            }}
+                        >
+                            {g.name}
+                        </Link>
+                    ))}
+
+                    {/* Separator if both exist */}
+                    {genres.length > 0 && specials.length > 0 && (
+                        <span style={{ color: '#d1d5db' }}>|</span>
+                    )}
+
+                    {/* Specials */}
+                    {specials.map(s => (
+                        <Link
+                            key={s.id}
+                            href={`/special/${s.name}`}
+                            style={{
+                                fontWeight: s.name === decodedName ? 'bold' : 'normal',
+                                textDecoration: s.name === decodedName ? 'underline' : 'none',
+                                color: s.name === decodedName ? '#9d174d' : '#be185d'
+                            }}
+                        >
+                            ★ {s.name}
+                        </Link>
+                    ))}
+                </div>
+            </div>
+            <Game
+                dailyPuzzle={dailyPuzzle}
+                genre={decodedName}
+                maxAttempts={dailyPuzzle?.maxAttempts}
+                unlockSteps={dailyPuzzle?.unlockSteps}
+            />
+        </>
+    );
+}