From f8dcd8fc298c54957c2d3519e7f010baa1b91f38 Mon Sep 17 00:00:00 2001
From: tiennm99 <tiennm99@outlook.com>
Date: Mon, 27 Apr 2026 00:43:06 +0700
Subject: [PATCH] style(player): bring back per-cell borders so the grid
 actually reads
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Each cell now has a thin slate border on all 4 sides (slate-400/50 in
light, slate-600/40 in dark). Adjacent cells double up to a slightly
heavier 1-2px line — matches the visible grid lines on the physical
BAMBOORAFT card.
---
 web/src/lib/PlayerBoard.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/PlayerBoard.svelte b/web/src/lib/PlayerBoard.svelte
index c03f8ad..0a4452b 100644
--- a/web/src/lib/PlayerBoard.svelte
+++ b/web/src/lib/PlayerBoard.svelte
@@ -186,7 +186,7 @@
                 {#if !hasNumber}
                   <div
                     aria-hidden="true"
-                    class="relative aspect-[3/5]"
+                    class="relative aspect-[3/5] border border-slate-400/50 dark:border-slate-600/40"
                     style:background-color="var(--empty-cell-bg)"
                   ></div>
                 {:else}
@@ -197,6 +197,7 @@
                     onclick={() => handleCellClick(row, col)}
                     class="tan-tan-num relative flex items-center justify-center
                            aspect-[3/5] text-2xl sm:text-3xl
+                           border border-slate-400/50 dark:border-slate-600/40
                            transition-all select-none cursor-pointer
                            focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400
                            {isCrossed