fix: address code review feedback - state flag for template, CSS variable, regex verified

Agent-Logs-Url: https://github.com/Devn913/SQL_Chess/sessions/32b36d0d-69c4-4ded-994a-17eb4abc62fa

Co-authored-by: Devn913 <56478595+Devn913@users.noreply.github.com>

Author: Copilot

css/style.css

@@ -766,7 +766,7 @@ input:checked + .slider::before { transform: translateX(18px); }
   transition: background .15s;
 }
 .sql-move-input:focus {
-  background: #0d1520;
+  background: var(--bg-base);
 }
 .sql-move-input::placeholder { color: var(--text-muted); }
 

js/app.js

@@ -42,6 +42,7 @@ const state = {
   pendingPromotion: null,   // { from, to } while waiting for user to pick
   capturedByWhite: [],      // pieces taken by white (black pieces lost)
   capturedByBlack: [],      // pieces taken by black (white pieces lost)
+  sqlInputHasTemplate: false, // true while the SQL textarea shows an auto-filled template
 };
 
 /* ─── Helpers ─────────────────────────────────────────────────── */
@@ -238,6 +239,7 @@ function fillSQLInputTemplate(sqName, piece) {
     `SET    position = '???'\n` +
     `WHERE  position = '${sqName}'\n` +
     `  AND  color    = '${color}';`;
+  state.sqlInputHasTemplate = true;
   // Place cursor on the ??? so the user can immediately type the destination
   const idx = input.value.indexOf('???');
   input.focus();
@@ -420,8 +422,9 @@ function executeMove(from, to, promotion) {
 
   // Clear SQL input template after a successful board-click move
   const sqlMoveInput = document.getElementById('sqlMoveInput');
-  if (sqlMoveInput && sqlMoveInput.value.includes('???')) {
+  if (sqlMoveInput && state.sqlInputHasTemplate) {
     sqlMoveInput.value = '';
+    state.sqlInputHasTemplate = false;
     clearSQLRunError();
   }
 
@@ -787,6 +790,7 @@ function startGame(whiteName, blackName, showSQL, existingPGN) {
   state.capturedByWhite = [];
   state.capturedByBlack = [];
   state.pendingPromotion = null;
+  state.sqlInputHasTemplate = false;
 
   // Names in UI
   document.getElementById('whitePlayerName').textContent = state.whitePlayer;
@@ -1020,6 +1024,7 @@ function init() {
   document.getElementById('btnClearInput').addEventListener('click', () => {
     const input = document.getElementById('sqlMoveInput');
     if (input) input.value = '';
+    state.sqlInputHasTemplate = false;
     clearSQLRunError();
   });
   document.getElementById('sqlMoveInput').addEventListener('keydown', (e) => {