diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a23ca05..f38e39b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,421 +1,417 @@
 <script lang="ts">
-	import { bibleBooks, type BibleBook } from "$lib/types/bible";
+  import { bibleBooks, type BibleBook } from "$lib/types/bible";
 
-	import type { PageProps } from "./$types";
-	import { browser } from "$app/environment";
+  import type { PageProps } from "./$types";
+  import { browser } from "$app/environment";
 
-	import VerseDisplay from "$lib/components/VerseDisplay.svelte";
-	import SearchInput from "$lib/components/SearchInput.svelte";
-	import GuessesTable from "$lib/components/GuessesTable.svelte";
-	import CountdownTimer from "$lib/components/CountdownTimer.svelte";
-	import WinScreen from "$lib/components/WinScreen.svelte";
-	import Feedback from "$lib/components/Feedback.svelte";
-	import TitleAnimation from "$lib/components/TitleAnimation.svelte";
-	import { getGrade } from "$lib/utils/game";
+  import VerseDisplay from "$lib/components/VerseDisplay.svelte";
+  import SearchInput from "$lib/components/SearchInput.svelte";
+  import GuessesTable from "$lib/components/GuessesTable.svelte";
+  import CountdownTimer from "$lib/components/CountdownTimer.svelte";
+  import WinScreen from "$lib/components/WinScreen.svelte";
+  import Feedback from "$lib/components/Feedback.svelte";
+  import TitleAnimation from "$lib/components/TitleAnimation.svelte";
+  import { getGrade } from "$lib/utils/game";
 
-	interface Guess {
-		book: BibleBook;
-		testamentMatch: boolean;
-		sectionMatch: boolean;
-		adjacent: boolean;
-	}
+  interface Guess {
+    book: BibleBook;
+    testamentMatch: boolean;
+    sectionMatch: boolean;
+    adjacent: boolean;
+  }
 
-	let { data }: PageProps = $props();
+  let { data }: PageProps = $props();
 
-	let dailyVerse = $derived(data.dailyVerse);
-	let correctBookId = $derived(data.correctBookId);
+  let dailyVerse = $derived(data.dailyVerse);
+  let correctBookId = $derived(data.correctBookId);
 
-	let guesses = $state<Guess[]>([]);
+  let guesses = $state<Guess[]>([]);
 
-	let searchQuery = $state("");
+  let searchQuery = $state("");
 
-	let copied = $state(false);
-	let isDev = $state(false);
+  let copied = $state(false);
+  let isDev = $state(false);
 
-	let anonymousId = $state("");
-	let statsSubmitted = $state(false);
-	let statsData = $state<{
-		solveRank: number;
-		guessRank: number;
-		totalSolves: number;
-		averageGuesses: number;
-	} | null>(null);
+  let anonymousId = $state("");
+  let statsSubmitted = $state(false);
+  let statsData = $state<{
+    solveRank: number;
+    guessRank: number;
+    totalSolves: number;
+    averageGuesses: number;
+  } | null>(null);
 
-	let guessedIds = $derived(new Set(guesses.map((g) => g.book.id)));
+  let guessedIds = $derived(new Set(guesses.map((g) => g.book.id)));
 
-	const currentDate = $derived(
-		new Date().toLocaleDateString("en-US", {
-			weekday: "long",
-			year: "numeric",
-			month: "long",
-			day: "numeric",
-		}),
-	);
+  const currentDate = $derived(
+    new Date().toLocaleDateString("en-US", {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric",
+    })
+  );
 
-	let isWon = $derived(guesses.some((g) => g.book.id === correctBookId));
-	let grade = $derived(
-		isWon
-			? getGrade(
-					guesses.length,
-					getBookById(correctBookId)?.popularity ?? 0,
-				)
-			: "",
-	);
+  let isWon = $derived(guesses.some((g) => g.book.id === correctBookId));
+  let grade = $derived(
+    isWon
+      ? getGrade(guesses.length, getBookById(correctBookId)?.popularity ?? 0)
+      : ""
+  );
 
-	function getBookById(id: string): BibleBook | undefined {
-		return bibleBooks.find((b) => b.id === id);
-	}
+  function getBookById(id: string): BibleBook | undefined {
+    return bibleBooks.find((b) => b.id === id);
+  }
 
-	function isAdjacent(id1: string, id2: string): boolean {
-		const b1 = getBookById(id1);
-		const b2 = getBookById(id2);
-		return !!(b1 && b2 && Math.abs(b1.order - b2.order) === 1);
-	}
+  function isAdjacent(id1: string, id2: string): boolean {
+    const b1 = getBookById(id1);
+    const b2 = getBookById(id2);
+    return !!(b1 && b2 && Math.abs(b1.order - b2.order) === 1);
+  }
 
-	function submitGuess(bookId: string) {
-		if (guesses.some((g) => g.book.id === bookId)) return;
+  function submitGuess(bookId: string) {
+    if (guesses.some((g) => g.book.id === bookId)) return;
 
-		const book = getBookById(bookId);
-		if (!book) return;
+    const book = getBookById(bookId);
+    if (!book) return;
 
-		const correctBook = getBookById(correctBookId);
-		if (!correctBook) return;
+    const correctBook = getBookById(correctBookId);
+    if (!correctBook) return;
 
-		const testamentMatch = book.testament === correctBook.testament;
-		const sectionMatch = book.section === correctBook.section;
-		const adjacent = isAdjacent(book.id, correctBookId);
+    const testamentMatch = book.testament === correctBook.testament;
+    const sectionMatch = book.section === correctBook.section;
+    const adjacent = isAdjacent(book.id, correctBookId);
 
-		console.log(
-			`Guess: ${book.name} (order ${book.order}), Correct: ${correctBook.name} (order ${correctBook.order}), Adjacent: ${adjacent}`,
-		);
+    console.log(
+      `Guess: ${book.name} (order ${book.order}), Correct: ${correctBook.name} (order ${correctBook.order}), Adjacent: ${adjacent}`
+    );
 
-		guesses = [
-			{
-				book,
-				testamentMatch,
-				sectionMatch,
-				adjacent,
-			},
-			...guesses,
-		];
+    guesses = [
+      {
+        book,
+        testamentMatch,
+        sectionMatch,
+        adjacent,
+      },
+      ...guesses,
+    ];
 
-		searchQuery = "";
-	}
+    searchQuery = "";
+  }
 
-	function generateUUID(): string {
-		// Try native randomUUID if available
-		if (typeof window.crypto.randomUUID === "function") {
-			return window.crypto.randomUUID();
-		}
+  function generateUUID(): string {
+    // Try native randomUUID if available
+    if (typeof window.crypto.randomUUID === "function") {
+      return window.crypto.randomUUID();
+    }
 
-		// Fallback UUID v4 generator for older browsers
-		return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-			const r =
-				window.crypto.getRandomValues(new Uint8Array(1))[0] % 16 | 0;
-			const v = c === "x" ? r : (r & 0x3) | 0x8;
-			return v.toString(16);
-		});
-	}
+    // Fallback UUID v4 generator for older browsers
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+      const r = window.crypto.getRandomValues(new Uint8Array(1))[0] % 16 | 0;
+      const v = c === "x" ? r : (r & 0x3) | 0x8;
+      return v.toString(16);
+    });
+  }
 
-	function getOrCreateAnonymousId(): string {
-		if (!browser) return "";
-		const key = "bibdle-anonymous-id";
-		let id = localStorage.getItem(key);
-		if (!id) {
-			id = generateUUID();
-			localStorage.setItem(key, id);
-		}
-		return id;
-	}
+  function getOrCreateAnonymousId(): string {
+    if (!browser) return "";
+    const key = "bibdle-anonymous-id";
+    let id = localStorage.getItem(key);
+    if (!id) {
+      id = generateUUID();
+      localStorage.setItem(key, id);
+    }
+    return id;
+  }
 
-	// Initialize anonymous ID
-	$effect(() => {
-		if (!browser) return;
-		anonymousId = getOrCreateAnonymousId();
-		const statsKey = `bibdle-stats-submitted-${dailyVerse.date}`;
-		statsSubmitted = localStorage.getItem(statsKey) === "true";
-	});
+  // Initialize anonymous ID
+  $effect(() => {
+    if (!browser) return;
+    anonymousId = getOrCreateAnonymousId();
+    const statsKey = `bibdle-stats-submitted-${dailyVerse.date}`;
+    statsSubmitted = localStorage.getItem(statsKey) === "true";
+  });
 
-	$effect(() => {
-		if (!browser) return;
-		isDev = window.location.host === "localhost:5173";
-	});
+  $effect(() => {
+    if (!browser) return;
+    isDev = window.location.host === "localhost:5173";
+  });
 
-	// Load saved guesses
-	$effect(() => {
-		if (!browser) return;
+  // Load saved guesses
+  $effect(() => {
+    if (!browser) return;
 
-		const key = `bibdle-guesses-${dailyVerse.date}`;
-		const saved = localStorage.getItem(key);
-		if (saved) {
-			let savedIds: string[] = JSON.parse(saved);
-			savedIds = Array.from(new Set(savedIds));
-			guesses = savedIds.map((bookId: string) => {
-				const book = getBookById(bookId)!;
-				const correctBook = getBookById(correctBookId)!;
-				const testamentMatch = book.testament === correctBook.testament;
-				const sectionMatch = book.section === correctBook.section;
-				const adjacent = isAdjacent(bookId, correctBookId);
-				return {
-					book,
-					testamentMatch,
-					sectionMatch,
-					adjacent,
-				};
-			});
-		}
-	});
+    const key = `bibdle-guesses-${dailyVerse.date}`;
+    const saved = localStorage.getItem(key);
+    if (saved) {
+      let savedIds: string[] = JSON.parse(saved);
+      savedIds = Array.from(new Set(savedIds));
+      guesses = savedIds.map((bookId: string) => {
+        const book = getBookById(bookId)!;
+        const correctBook = getBookById(correctBookId)!;
+        const testamentMatch = book.testament === correctBook.testament;
+        const sectionMatch = book.section === correctBook.section;
+        const adjacent = isAdjacent(bookId, correctBookId);
+        return {
+          book,
+          testamentMatch,
+          sectionMatch,
+          adjacent,
+        };
+      });
+    }
+  });
 
-	$effect(() => {
-		if (!browser) return;
-		localStorage.setItem(
-			`bibdle-guesses-${dailyVerse.date}`,
-			JSON.stringify(guesses.map((g) => g.book.id)),
-		);
-	});
+  $effect(() => {
+    if (!browser) return;
+    localStorage.setItem(
+      `bibdle-guesses-${dailyVerse.date}`,
+      JSON.stringify(guesses.map((g) => g.book.id))
+    );
+  });
 
-	// Auto-submit stats when user wins
-	$effect(() => {
-		console.log("Stats effect triggered:", {
-			browser,
-			isWon,
-			anonymousId,
-			statsSubmitted,
-			statsData,
-		});
+  // Auto-submit stats when user wins
+  $effect(() => {
+    console.log("Stats effect triggered:", {
+      browser,
+      isWon,
+      anonymousId,
+      statsSubmitted,
+      statsData,
+    });
 
-		if (!browser || !isWon || !anonymousId) {
-			console.log("Basic conditions not met");
-			return;
-		}
+    if (!browser || !isWon || !anonymousId) {
+      console.log("Basic conditions not met");
+      return;
+    }
 
-		if (statsSubmitted && !statsData) {
-			console.log("Fetching existing stats...");
+    if (statsSubmitted && !statsData) {
+      console.log("Fetching existing stats...");
 
-			(async () => {
-				try {
-					const response = await fetch(
-						`/api/submit-completion?anonymousId=${anonymousId}&date=${dailyVerse.date}`,
-					);
-					const result = await response.json();
-					console.log("Stats response:", result);
+      (async () => {
+        try {
+          const response = await fetch(
+            `/api/submit-completion?anonymousId=${anonymousId}&date=${dailyVerse.date}`
+          );
+          const result = await response.json();
+          console.log("Stats response:", result);
 
-					if (result.success && result.stats) {
-						console.log("Setting stats data:", result.stats);
-						statsData = result.stats;
-						localStorage.setItem(
-							`bibdle-stats-submitted-${dailyVerse.date}`,
-							"true",
-						);
-					} else if (result.error) {
-						console.error("Server error:", result.error);
-					} else {
-						console.error("Unexpected response format:", result);
-					}
-				} catch (err) {
-					console.error("Stats fetch failed:", err);
-				}
-			})();
+          if (result.success && result.stats) {
+            console.log("Setting stats data:", result.stats);
+            statsData = result.stats;
+            localStorage.setItem(
+              `bibdle-stats-submitted-${dailyVerse.date}`,
+              "true"
+            );
+          } else if (result.error) {
+            console.error("Server error:", result.error);
+          } else {
+            console.error("Unexpected response format:", result);
+          }
+        } catch (err) {
+          console.error("Stats fetch failed:", err);
+        }
+      })();
 
-			return;
-		}
+      return;
+    }
 
-		console.log("Submitting stats...");
+    console.log("Submitting stats...");
 
-		async function submitStats() {
-			try {
-				const payload = {
-					anonymousId,
-					date: dailyVerse.date,
-					guessCount: guesses.length,
-				};
+    async function submitStats() {
+      try {
+        const payload = {
+          anonymousId,
+          date: dailyVerse.date,
+          guessCount: guesses.length,
+        };
 
-				console.log("Sending POST request with:", payload);
+        console.log("Sending POST request with:", payload);
 
-				const response = await fetch("/api/submit-completion", {
-					method: "POST",
-					headers: {
-						"Content-Type": "application/json",
-					},
-					body: JSON.stringify(payload),
-				});
+        const response = await fetch("/api/submit-completion", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(payload),
+        });
 
-				const result = await response.json();
-				console.log("Stats response:", result);
+        const result = await response.json();
+        console.log("Stats response:", result);
 
-				if (result.success && result.stats) {
-					console.log("Setting stats data:", result.stats);
-					statsData = result.stats;
-					statsSubmitted = true;
-					localStorage.setItem(
-						`bibdle-stats-submitted-${dailyVerse.date}`,
-						"true",
-					);
-				} else if (result.error) {
-					console.error("Server error:", result.error);
-				} else {
-					console.error("Unexpected response format:", result);
-				}
-			} catch (err) {
-				console.error("Stats submission failed:", err);
-			}
-		}
+        if (result.success && result.stats) {
+          console.log("Setting stats data:", result.stats);
+          statsData = result.stats;
+          statsSubmitted = true;
+          localStorage.setItem(
+            `bibdle-stats-submitted-${dailyVerse.date}`,
+            "true"
+          );
+        } else if (result.error) {
+          console.error("Server error:", result.error);
+        } else {
+          console.error("Unexpected response format:", result);
+        }
+      } catch (err) {
+        console.error("Stats submission failed:", err);
+      }
+    }
 
-		submitStats();
-	});
+    submitStats();
+  });
 
-	function generateShareText(): string {
-		const emojis = guesses
-			.slice()
-			.reverse()
-			.map((guess) => {
-				if (guess.book.id === correctBookId) return "✅";
-				if (guess.adjacent) return "‼️";
-				if (guess.sectionMatch) return "🟩";
-				if (guess.testamentMatch) return "🟧";
-				return "🟥";
-			})
-			.join("");
+  function generateShareText(): string {
+    const emojis = guesses
+      .slice()
+      .reverse()
+      .map((guess) => {
+        if (guess.book.id === correctBookId) return "✅";
+        if (guess.adjacent) return "‼️";
+        if (guess.sectionMatch) return "🟩";
+        if (guess.testamentMatch) return "🟧";
+        return "🟥";
+      })
+      .join("");
 
-		const dateFormatter = new Intl.DateTimeFormat("en-US", {
-			month: "short",
-			day: "numeric",
-			year: "numeric",
-		});
-		const formattedDate = dateFormatter.format(
-			new Date(`${dailyVerse.date}T00:00:00`),
-		);
-		const siteUrl = window.location.origin;
-		return [
-			`📖 Bibdle | ${formattedDate} 📖`,
-			`${grade} (${guesses.length} guesses)`,
-			`${emojis}\n`,
-			siteUrl,
-		].join("\n");
-	}
+    const dateFormatter = new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+    });
+    const formattedDate = dateFormatter.format(
+      new Date(`${dailyVerse.date}T00:00:00`)
+    );
+    const siteUrl = window.location.origin;
+    return [
+      `📖 Bibdle | ${formattedDate} 📖`,
+      `${grade} (${guesses.length} ${guesses.length == 1 ? "guess" : "guesses"})`,
+      `${emojis}`,
+      siteUrl,
+    ].join("\n");
+  }
 
-	async function share() {
-		if (!browser) return;
+  async function share() {
+    if (!browser) return;
 
-		const shareText = generateShareText();
+    const shareText = generateShareText();
 
-		try {
-			if ("share" in navigator) {
-				await (navigator as any).share({ text: shareText });
-			} else {
-				await (navigator as any).clipboard.writeText(shareText);
-			}
-		} catch (err) {
-			console.error("Share failed:", err);
-			throw err;
-		}
-	}
+    try {
+      if ("share" in navigator) {
+        await (navigator as any).share({ text: shareText });
+      } else {
+        await (navigator as any).clipboard.writeText(shareText);
+      }
+    } catch (err) {
+      console.error("Share failed:", err);
+      throw err;
+    }
+  }
 
-	async function copyToClipboard() {
-		if (!browser) return;
+  async function copyToClipboard() {
+    if (!browser) return;
 
-		const shareText = generateShareText();
+    const shareText = generateShareText();
 
-		try {
-			await (navigator as any).clipboard.writeText(shareText);
-			copied = true;
-			setTimeout(() => {
-				copied = false;
-			}, 5000);
-		} catch (err) {
-			console.error("Copy to clipboard failed:", err);
-			throw err;
-		}
-	}
+    try {
+      await (navigator as any).clipboard.writeText(shareText);
+      copied = true;
+      setTimeout(() => {
+        copied = false;
+      }, 5000);
+    } catch (err) {
+      console.error("Copy to clipboard failed:", err);
+      throw err;
+    }
+  }
 
-	function handleShare() {
-		if (copied || !browser) return;
-		const useClipboard = !("share" in navigator);
-		if (useClipboard) {
-			copied = true;
-		}
-		share()
-			.then(() => {
-				if (useClipboard) {
-					setTimeout(() => {
-						copied = false;
-					}, 5000);
-				}
-			})
-			.catch(() => {
-				if (useClipboard) {
-					copied = false;
-				}
-			});
-	}
+  function handleShare() {
+    if (copied || !browser) return;
+    const useClipboard = !("share" in navigator);
+    if (useClipboard) {
+      copied = true;
+    }
+    share()
+      .then(() => {
+        if (useClipboard) {
+          setTimeout(() => {
+            copied = false;
+          }, 5000);
+        }
+      })
+      .catch(() => {
+        if (useClipboard) {
+          copied = false;
+        }
+      });
+  }
 
-	function clearLocalStorage() {
-		if (!browser) return;
-		// Clear all bibdle-related localStorage items
-		const keysToRemove: string[] = [];
-		for (let i = 0; i < localStorage.length; i++) {
-			const key = localStorage.key(i);
-			if (key && key.startsWith("bibdle-")) {
-				keysToRemove.push(key);
-			}
-		}
-		keysToRemove.forEach((key) => localStorage.removeItem(key));
-		// Reload the page to reset state
-		window.location.reload();
-	}
+  function clearLocalStorage() {
+    if (!browser) return;
+    // Clear all bibdle-related localStorage items
+    const keysToRemove: string[] = [];
+    for (let i = 0; i < localStorage.length; i++) {
+      const key = localStorage.key(i);
+      if (key && key.startsWith("bibdle-")) {
+        keysToRemove.push(key);
+      }
+    }
+    keysToRemove.forEach((key) => localStorage.removeItem(key));
+    // Reload the page to reset state
+    window.location.reload();
+  }
 </script>
 
 <svelte:head>
-	<title>Bibdle &mdash; A daily bible game{isDev ? " (dev)" : ""}</title>
-	<meta
-		name="description"
-		content="A Wordle-inspired Bible game (short for Bible Daily)"
-	/>
+  <title>Bibdle &mdash; A daily bible game{isDev ? " (dev)" : ""}</title>
+  <meta
+    name="description"
+    content="A Wordle-inspired Bible game (short for Bible Daily)"
+  />
 </svelte:head>
 
 <div class="min-h-dvh md:bg-linear-to-br md:from-blue-50 md:to-indigo-200 py-8">
-	<div class="w-full max-w-3xl mx-auto px-4">
-		<h1
-			class="text-3xl md:text-4xl font-bold text-center uppercase text-gray-600 drop-shadow-2xl tracking-widest p-4"
-		>
-			<TitleAnimation />
-			<div class="font-normal"></div>
-		</h1>
-		<div class="text-center mb-8">
-			<span class="big-text"
-				>{isDev ? "Dev Edition  |  " : ""}{currentDate}</span
-			>
-		</div>
+  <div class="w-full max-w-3xl mx-auto px-4">
+    <h1
+      class="text-3xl md:text-4xl font-bold text-center uppercase text-gray-600 drop-shadow-2xl tracking-widest p-4"
+    >
+      <TitleAnimation />
+      <div class="font-normal"></div>
+    </h1>
+    <div class="text-center mb-8">
+      <span class="big-text"
+        >{isDev ? "Dev Edition  |  " : ""}{currentDate}</span
+      >
+    </div>
 
-		<VerseDisplay {data} {isWon} />
+    <VerseDisplay {data} {isWon} />
 
-		{#if !isWon}
-			<SearchInput bind:searchQuery {guessedIds} {submitGuess} />
-		{:else}
-			<WinScreen
-				{grade}
-				{statsData}
-				{correctBookId}
-				{handleShare}
-				{copyToClipboard}
-				bind:copied
-				{statsSubmitted}
-				guessCount={guesses.length}
-			/>
-			<CountdownTimer />
-		{/if}
+    {#if !isWon}
+      <SearchInput bind:searchQuery {guessedIds} {submitGuess} />
+    {:else}
+      <WinScreen
+        {grade}
+        {statsData}
+        {correctBookId}
+        {handleShare}
+        {copyToClipboard}
+        bind:copied
+        {statsSubmitted}
+        guessCount={guesses.length}
+      />
+      <CountdownTimer />
+    {/if}
 
-		<GuessesTable {guesses} {correctBookId} />
-		{#if isWon}
-			<Feedback />
-		{/if}
-		{#if isDev}
-			<button
-				onclick={clearLocalStorage}
-				class="mt-4 px-4 py-2 bg-red-500 hover:bg-red-600 text-white rounded-lg text-sm font-bold transition-colors"
-			>
-				Clear LocalStorage
-			</button>
-		{/if}
-	</div>
+    <GuessesTable {guesses} {correctBookId} />
+    {#if isWon}
+      <Feedback />
+    {/if}
+    {#if isDev}
+      <button
+        onclick={clearLocalStorage}
+        class="mt-4 px-4 py-2 bg-red-500 hover:bg-red-600 text-white rounded-lg text-sm font-bold transition-colors"
+      >
+        Clear LocalStorage
+      </button>
+    {/if}
+  </div>
 </div>
diff --git a/todo.md b/todo.md
index db4e8ad..486b49c 100644
--- a/todo.md
+++ b/todo.md
@@ -66,3 +66,17 @@ I created Bibdle from a combination of two things. The first is my lifelong desi
 - deploy
 
 ---
+
+# Goals for Bibdle
+
+My inspiration for this game is very much centered in the Wordle story, where product design legend Josh Wardle created a fun word puzzle for him and his girlfriend. It was so fun that it spread around his immediate family like wildfire, getting to a point of around 90 consistent daily players for a long time before exploding. And of similar stories like Balatro, Bear Blog, and more.
+
+The initial response to Bibdle has been strong. People like it AND quite a few actually come back to continue doing it.
+
+But the question that has been getting to me: Is it fun enough? Is it novel enough? Is it challenging enough? Is it easy enough?
+
+Is it enough?
+
+How can I make it even better?
+
+Reading: Designing Games by Tynan Sylvester