From 49a6ab5eeff5c2c09cdf9c0499e89c0acd56fb87 Mon Sep 17 00:00:00 2001
From: Andre Padez <andre.padez@gmail.com>
Date: Wed, 22 Oct 2025 19:00:32 +0100
Subject: [PATCH] fix: cursor border conflicts with grid edges (Issue 2)

Problem: Cursor's border was conflicting with 3x3 box separators
- Cells already have borders for grid structure
- Cursor border overlapped/clipped at edges

Solution: Use outline instead of border
- outline: 3px solid (sits above borders)
- outline-offset: -3px (draws inside cell)
- z-index: 10 + position: relative (layers above grid)

Benefits:
- Outline doesn't affect layout
- Doesn't conflict with existing borders
- Clean appearance at all grid edges
- Consistent thickness throughout
---
 src/game.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/game.css b/src/game.css
index 6eaedcb..57a9208 100644
--- a/src/game.css
+++ b/src/game.css
@@ -258,5 +258,8 @@
 /* Cursor highlight */
 .sudoku-cell.cursor {
   background-color: rgba(59, 130, 246, 0.3);
-  border: 2px solid rgb(59, 130, 246);
+  outline: 3px solid rgb(59, 130, 246);
+  outline-offset: -3px;
+  z-index: 10;
+  position: relative;
 }