UI: render non-play history moves as a dim lowercase tag

Per owner feedback: pass/exchange/resign/timeout rows in the move history now read
as a dim, parenthesised, lowercase tag — e.g. «(обмен)» — so they stand apart from a
scored word. The move.* catalog values are lowercased (resign RU → «сдаюсь»); the
parentheses and the muted colour (var(--text-muted)) are applied in the view via a
.ha.sys modifier.

ui/src/game/Game.svelte

@@ -750,7 +750,7 @@
             {#each moves as m, i (i)}
               <li>
                 <span class="hp">{view.game.seats[m.player]?.displayName ?? m.player}</span>
-                <span class="ha">{m.action === 'play' ? m.words.join(', ') : moveActionLabel(m.action)}</span>
+                <span class="ha" class:sys={m.action !== 'play'}>{m.action === 'play' ? m.words.join(', ') : `(${moveActionLabel(m.action)})`}</span>
                 <span class="hs">{m.score} <span class="ht">({m.total})</span></span>
               </li>
             {/each}
@@ -997,6 +997,11 @@
     flex: 1;
     text-align: center;
   }
+  .ha.sys {
+    /* A non-scoring move (pass/exchange/resign/timeout): dimmer and parenthesised so it
+       reads as a system action rather than a scored word. */
+    color: var(--text-muted);
+  }
   .hs {
     font-variant-numeric: tabular-nums;
     font-weight: 600;