slightly better buttons

app/[gameID]/page.tsx

@@ -22,6 +22,8 @@ export default function GamePage() {
 		cards: [],
 	});
 
+	const isDM = !!dmID;
+
 	useEffect(() => {
 		if (gameIDParam) {
 			setGameID(Array.isArray(gameIDParam) ? gameIDParam[0] : gameIDParam);

app/page.tsx

@@ -19,7 +19,7 @@ export default function Home() {
 		<main className="min-h-screen flex items-center justify-center bg-[url('/img/table3.png')] bg-cover bg-center">
 			<button
 				onClick={handleCreateGame}
-				className="bg-blue-600 text-white text-lg px-6 py-3 rounded-xl shadow hover:bg-blue-700 transition"
+				className="bg-gray-800 hover:bg-gray-700 text-white text-lg px-6 py-3 rounded-xl shadow transition cursor-pointer"
 			>
 				Create New Game
 			</button>

components/NotFound.tsx

@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 export default function Custom404() {
 	return (
 		<main className="min-h-screen flex flex-col items-center justify-center text-center p-8 bg-[url('/img/table3.png')] bg-cover bg-center">
@@ -5,6 +7,11 @@ export default function Custom404() {
 			<p className="text-lg text-gray-400">
 				The game you're looking for doesn't exist or has expired.
 			</p>
+			<Link href="/">
+				<button className="mt-4 px-4 py-2 bg-gray-800 hover:bg-gray-700 text-white rounded-xl transition cursor-pointer">
+					Return Home
+				</button>
+			</Link>
 		</main>
 	);
 }