From 154a2e5cc3aaaa60b7c2d10880e26523036a153a Mon Sep 17 00:00:00 2001
From: Andre Padez <andre.padez@gmail.com>
Date: Wed, 22 Oct 2025 19:01:53 +0100
Subject: [PATCH] docs: document Issue 2 fix (cursor border conflicts)

---
 IMPLEMENTATION.md | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/IMPLEMENTATION.md b/IMPLEMENTATION.md
index 72910aa..c3a0a9d 100644
--- a/IMPLEMENTATION.md
+++ b/IMPLEMENTATION.md
@@ -476,9 +476,20 @@ const gameManager = {
 - useEffect runs after render
 - boardRendered ensures proper ordering
 
+#### 5. Fixed Cursor Border Conflicts (Issue 2)
+**Problem**: Cursor border conflicting with 3x3 box separators
+- Cells have borders for grid structure
+- Cursor border overlapped/clipped at edges
+- Screenshots showed visual conflicts
+
+**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)
+- Outline doesn't affect layout or conflict with borders
+
 ### Next Steps
-- Issue 2: Fix cursor border conflicts with grid edges
-- Issue 3: Add red flash on invalid movement attempts
+- Issue 3: Add red flash on invalid movement attempts (500ms)
 
 ---