From d48885c1db0df8d90e94c2e25ac97d5f2739bba7 Mon Sep 17 00:00:00 2001 From: DeNNiiInc Date: Tue, 23 Dec 2025 22:18:17 +1100 Subject: [PATCH] UI: Significantly enhance last move highlight with pulse and glow --- styles.css | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 873e7bc..6790c8c 100644 --- a/styles.css +++ b/styles.css @@ -1237,8 +1237,38 @@ body { font-weight: 500; } -@media (max-width: 768px) { .sql-error-details { grid-template-columns: 1fr; } } + +/* Last Move Highlight - Enhanced */ +.cell.latest-move { + background: rgba(255, 255, 255, 0.1); + box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.1); + border-radius: 4px; +} + +.cell.latest-move::after { + animation: movePulse 2s ease-out forwards; + z-index: 10; +} + +@keyframes movePulse { + 0% { + filter: brightness(3.0) drop-shadow(0 0 15px white); + transform: scale(1.3); + } + 15% { + filter: brightness(2.5) drop-shadow(0 0 10px white); + transform: scale(1.1); + } + 50% { + filter: brightness(1.5) drop-shadow(0 0 5px currentColor); + transform: scale(1.05); + } + 100% { + filter: brightness(1.0) drop-shadow(0 0 0 transparent); + transform: scale(1.0); + } +}