working on useScore

src/sudoku.css

@@ -8,6 +8,14 @@
   --box-separator: 3px;
 }
 
+
+:root {
+  --cell-size: 96px;
+  --cell-font-size: 48px;
+  --grid-gap: 6px;
+  --box-separator: 9px;
+}
+
 /* =========================================================
    Container & Grid Base
    ========================================================= */

src/useGame/useGame.ts

@@ -16,10 +16,6 @@ export function useGame(platformHook?: unknown) {
   const boardManager = useBoardState(cursorManager);
   const { board, initialBoard, solution, setDigit, erase, reset, solveBoard } = boardManager;
 
-  const scoreManager = useScore({
-    gameContext: { gameStatus, setGameStatus },
-  });
-
   // ---------------------------
   // Keybindings
   // ---------------------------
@@ -33,7 +29,15 @@ export function useGame(platformHook?: unknown) {
     initialBoard,
   });
   
-  const { editMode } = keyBindings;
+  const { editMode, keyLog } = keyBindings;
+
+  // ---------------------------
+  // Scoring (needs keyLog from keyBindings)
+  // ---------------------------
+  const scoreManager = useScore({
+    gameContext: { gameStatus, setGameStatus },
+    keystrokeCount: keyLog.length,
+  });
 
   // ---------------------------
   // Rendering

src/useScore/useScore.ts

@@ -3,6 +3,9 @@ import { useTimer } from "./hooks/useTimer";
 import { useScoreTime } from "./useScoreTime";
 import type { GameStatus } from "../types";
 
+const TIME_LIMIT_MS = 60000; // 60 seconds
+const KEYSTROKE_LIMIT = 100;
+
 type GameScoreContext = {
   gameStatus: GameStatus;
   setGameStatus: (status: GameStatus) => void;
@@ -10,17 +13,35 @@ type GameScoreContext = {
 
 type UseScoreParams = {
   gameContext: GameScoreContext;
+  keystrokeCount: number;
 };
 
-export function useScore({ gameContext }: UseScoreParams) {
+export function useScore({ gameContext, keystrokeCount }: UseScoreParams) {
   const timer = useTimer();
-  const { gameStatus } = gameContext;
+  const { gameStatus, setGameStatus } = gameContext;
   const { timeValue, startTimer, stopTimer, resetTimer } = timer;
 
   const [finalScore, setFinalScore] = useState<number | null>(null);
 
   useScoreTime({ gameStatus, timer });
 
+  // Check for game-over conditions
+  useEffect(() => {
+    if (gameStatus !== "started") return;
+
+    // Time limit exceeded
+    if (timeValue >= TIME_LIMIT_MS) {
+      setGameStatus("game-over");
+      return;
+    }
+
+    // Keystroke limit exceeded
+    if (keystrokeCount >= KEYSTROKE_LIMIT) {
+      setGameStatus("game-over");
+      return;
+    }
+  }, [gameStatus, timeValue, keystrokeCount, setGameStatus]);
+
   useEffect(() => {
     if (gameStatus !== "game-won") return;
 
@@ -38,6 +59,8 @@ export function useScore({ gameContext }: UseScoreParams) {
     stopTimer,
     resetTimer,
     finalScore,
+    timeLimit: TIME_LIMIT_MS,
+    keystrokeLimit: KEYSTROKE_LIMIT,
   };
 }