chore(web): solver output error style

web/src/components/SolverOutput.svelte

@@ -101,7 +101,7 @@
         </table>
     </div>
 {:catch e}
-    <div class="rounded-lg border border-red-200 bg-red-50 p-4 text-red-700">
+    <div class="rounded-lg border border-red-400 bg-gray-800 p-4 text-red-400">
         {e}
     </div>
 {/await}

web/src/components/WordleLine.svelte

@@ -37,8 +37,9 @@
 
         if (event.key === "Backspace") {
             if (letters[cursor] === "" && cursor > 0) {
-                cursor--;
+                const nc = cursor - 1;
-                inputs[cursor].focus();
+                inputs[nc].focus(); // Focusing / bluring resets cursor temporarily
+                cursor = nc;
             }
 
             if (active) {
@@ -47,13 +48,15 @@
         }
 
         if (event.key === "ArrowLeft") {
-            cursor = Math.max(0, cursor - 1);
+            const nc = Math.max(0, cursor - 1);
-            inputs[cursor].focus();
+            inputs[nc].focus();
+            cursor = nc;
         }
 
         if (event.key === "ArrowRight") {
-            cursor = Math.min(4, cursor + 1);
+            const nc = Math.min(4, cursor + 1);
-            inputs[cursor].focus();
+            inputs[nc].focus();
+            cursor = nc;
         }
 
         if (event.key === " ") {
@@ -83,6 +86,9 @@
             class:bg-green-600={colors[i] === Color.GREEN}
             class:bg-yellow-600={colors[i] === Color.YELLOW}
             class:bg-grey-600={colors[i] === Color.GREY}
+            onblur={() => {
+                cursor = -1;
+            }}
             onbeforeinput={(event) => {
                 if (event.inputType === "insertText") {
                     event.preventDefault();
@@ -90,12 +96,14 @@
 
                     if (/^[a-zA-Z]$/.test(key)) {
                         letters[i] = key.toUpperCase();
-                        if (cursor < 4) {
+                        let nc = cursor;
-                            cursor++;
+                        if (nc < 4) {
+                            nc++;
                         } else {
-                            cursor = 0;
+                            nc = 0;
                         }
-                        inputs[cursor].focus();
+                        inputs[nc].focus();
+                        cursor = nc;
                     }
                 }
             }}