266749a97b
Some checks failed
This commit fixes a visual bug where rows appeared to shrink slightly when a piece was moved and the last-move highlight was applied. Root Cause: 1. Grid used fractional units (1fr) which could cause subpixel recalculations 2. Box-shadow transition was missing, causing jarring visual changes 3. No explicit box-shadow on .last-move class Solution: 1. Changed grid from repeat(8, 1fr) to repeat(8, 75px) for fixed sizing - Prevents browser from recalculating fractional units - Ensures each square is exactly 75px × 75px 2. Added box-shadow to transition property on .square - Changed: transition: background-color 0.2s ease - To: transition: background-color 0.2s ease, box-shadow 0.2s ease - Added default: box-shadow: none 3. Explicitly set box-shadow: none on .square.last-move - Ensures smooth transition when square changes from .selected to .last-move These changes eliminate layout reflow and ensure smooth visual transitions. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>