diff --git a/app/[gameID]/page.tsx b/app/[gameID]/page.tsx
index 4ab833e..525f580 100644
--- a/app/[gameID]/page.tsx
+++ b/app/[gameID]/page.tsx
@@ -25,6 +25,7 @@ export default function GamePage() {
 			positionFront: false,
 			prophecy: false,
 			notes: false,
+			cardStyle: 'color',
 		},
 	});
 
@@ -82,7 +83,7 @@ export default function GamePage() {
 	// map our five Tarokka cards to their proper locations in a 3x3 grid
 	// common deck cards: left, top, and right
 	// high deck cards: bottom and center
-	const arrangeCards = (_cell: any, index: number) => cards[cardMap[index]];
+	const arrangeCards = (_cell: unknown, index: number) => cards[cardMap[index]];
 
 	return noGame ? (
 		<NotFound />
diff --git a/components/NotFound.tsx b/components/NotFound.tsx
index e209856..9bd6b3d 100644
--- a/components/NotFound.tsx
+++ b/components/NotFound.tsx
@@ -5,7 +5,7 @@ export default function Custom404() {
 		<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">
 			<h1 className="text-4xl font-bold text-gray-400 mb-4">404 - Game Not Found</h1>
 			<p className="text-lg text-gray-400">
-				The game you're looking for doesn't exist or has expired.
+				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">
diff --git a/components/Settings.tsx b/components/Settings.tsx
index 96dcc43..f05bc33 100644
--- a/components/Settings.tsx
+++ b/components/Settings.tsx
@@ -64,7 +64,12 @@ export default function PermissionTogglePanel({
 					{Object.entries(gameData.settings)
 						.filter(([_key, value]) => typeof value === 'boolean')
 						.map(([key, value]) => (
-							<Switch label={key} value={value} toggleAction={() => togglePermission(key)} />
+							<Switch
+								key={key}
+								label={key}
+								value={value}
+								toggleAction={() => togglePermission(key)}
+							/>
 						))}
 					<fieldset className="flex flex-col">
 						<div className="text-xs text-gray-400 mb-1">Card style:</div>
diff --git a/components/ToolTip.tsx b/components/ToolTip.tsx
index f39b50e..7a412c1 100644
--- a/components/ToolTip.tsx
+++ b/components/ToolTip.tsx
@@ -2,8 +2,8 @@
 import { useRef, useState, ReactNode } from 'react';
 
 type TooltipProps = {
-	children: React.ReactNode;
-	content: React.ReactNode;
+	children: ReactNode;
+	content: ReactNode;
 	delay?: number;
 	mobileDelay?: number;
 	offsetX?: number;
diff --git a/constants/standardCards.ts b/constants/standardCards.ts
index 2de7707..2f76e9c 100644
--- a/constants/standardCards.ts
+++ b/constants/standardCards.ts
@@ -8,7 +8,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: null,
-		url: '/cards/1B.svg',
 	},
 	{
 		id: '2B',
@@ -17,7 +16,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: null,
-		url: '/cards/2B.svg',
 	},
 	{
 		id: '1J',
@@ -26,7 +24,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: true,
 		suit: null,
-		url: '/cards/1J.svg',
 	},
 	{
 		id: '2J',
@@ -35,7 +32,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: true,
 		suit: null,
-		url: '/cards/2J.svg',
 	},
 	{
 		id: 'AC',
@@ -44,7 +40,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/AC.svg',
 	},
 	{
 		id: 'AD',
@@ -53,7 +48,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/AD.svg',
 	},
 	{
 		id: 'AH',
@@ -62,7 +56,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/AH.svg',
 	},
 	{
 		id: 'AS',
@@ -71,7 +64,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/AS.svg',
 	},
 	{
 		id: '2C',
@@ -80,7 +72,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/2C.svg',
 	},
 	{
 		id: '2D',
@@ -89,7 +80,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/2D.svg',
 	},
 	{
 		id: '2H',
@@ -98,7 +88,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/2H.svg',
 	},
 	{
 		id: '2S',
@@ -107,7 +96,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/2S.svg',
 	},
 	{
 		id: '3C',
@@ -116,7 +104,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/3C.svg',
 	},
 	{
 		id: '3D',
@@ -125,7 +112,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/3D.svg',
 	},
 	{
 		id: '3H',
@@ -134,7 +120,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/3H.svg',
 	},
 	{
 		id: '3S',
@@ -143,7 +128,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/3S.svg',
 	},
 	{
 		id: '4C',
@@ -152,7 +136,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/4C.svg',
 	},
 	{
 		id: '4D',
@@ -161,7 +144,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/4D.svg',
 	},
 	{
 		id: '4H',
@@ -170,7 +152,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/4H.svg',
 	},
 	{
 		id: '4S',
@@ -179,7 +160,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/4S.svg',
 	},
 	{
 		id: '5C',
@@ -188,7 +168,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/5C.svg',
 	},
 	{
 		id: '5D',
@@ -197,7 +176,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/5D.svg',
 	},
 	{
 		id: '5H',
@@ -206,7 +184,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/5H.svg',
 	},
 	{
 		id: '5S',
@@ -215,7 +192,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/5S.svg',
 	},
 	{
 		id: '6C',
@@ -224,7 +200,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/6C.svg',
 	},
 	{
 		id: '6D',
@@ -233,7 +208,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/6D.svg',
 	},
 	{
 		id: '6H',
@@ -242,7 +216,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/6H.svg',
 	},
 	{
 		id: '6S',
@@ -251,7 +224,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/6S.svg',
 	},
 	{
 		id: '7C',
@@ -260,7 +232,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/7C.svg',
 	},
 	{
 		id: '7D',
@@ -269,7 +240,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/7D.svg',
 	},
 	{
 		id: '7H',
@@ -278,7 +248,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/7H.svg',
 	},
 	{
 		id: '7S',
@@ -287,7 +256,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/7S.svg',
 	},
 	{
 		id: '8C',
@@ -296,7 +264,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/8C.svg',
 	},
 	{
 		id: '8D',
@@ -305,7 +272,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/8D.svg',
 	},
 	{
 		id: '8H',
@@ -314,7 +280,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/8H.svg',
 	},
 	{
 		id: '8S',
@@ -323,7 +288,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/8S.svg',
 	},
 	{
 		id: '9C',
@@ -332,7 +296,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/9C.svg',
 	},
 	{
 		id: '9D',
@@ -341,7 +304,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/9D.svg',
 	},
 	{
 		id: '9H',
@@ -350,7 +312,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/9H.svg',
 	},
 	{
 		id: '9S',
@@ -359,7 +320,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/9S.svg',
 	},
 	{
 		id: '10C',
@@ -368,7 +328,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/10C.svg',
 	},
 	{
 		id: '10D',
@@ -377,7 +336,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/10D.svg',
 	},
 	{
 		id: '10H',
@@ -386,7 +344,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/10H.svg',
 	},
 	{
 		id: '10S',
@@ -395,7 +352,6 @@ const cards: StandardCard[] = [
 		face: false,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/10S.svg',
 	},
 	{
 		id: 'JC',
@@ -404,7 +360,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/JC.svg',
 	},
 	{
 		id: 'JD',
@@ -413,7 +368,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/JD.svg',
 	},
 	{
 		id: 'JH',
@@ -422,7 +376,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/JH.svg',
 	},
 	{
 		id: 'JS',
@@ -431,7 +384,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/JS.svg',
 	},
 	{
 		id: 'KC',
@@ -440,7 +392,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/KC.svg',
 	},
 	{
 		id: 'KD',
@@ -449,7 +400,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/KD.svg',
 	},
 	{
 		id: 'KH',
@@ -458,7 +408,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/KH.svg',
 	},
 	{
 		id: 'KS',
@@ -467,7 +416,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/KS.svg',
 	},
 	{
 		id: 'QC',
@@ -476,7 +424,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Clubs',
-		url: '/cards/QC.svg',
 	},
 	{
 		id: 'QD',
@@ -485,7 +432,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Diamonds',
-		url: '/cards/QD.svg',
 	},
 	{
 		id: 'QH',
@@ -494,7 +440,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Hearts',
-		url: '/cards/QH.svg',
 	},
 	{
 		id: 'QS',
@@ -503,7 +448,6 @@ const cards: StandardCard[] = [
 		face: true,
 		joker: false,
 		suit: 'Spades',
-		url: '/cards/QS.svg',
 	},
 ];
 
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 5db6265..5ed2fe7 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -11,6 +11,19 @@ const compat = new FlatCompat({
 
 const eslintConfig = [
 	...compat.extends('next/core-web-vitals', 'next/typescript', 'plugin:prettier/recommended'),
+
+	// Custom rule overrides
+	{
+		rules: {
+			'@typescript-eslint/no-unused-vars': [
+				'error',
+				{
+					argsIgnorePattern: '^_',
+					varsIgnorePattern: '^_',
+				},
+			],
+		},
+	},
 ];
 
 export default eslintConfig;