The chronicle marks each line with its wizard's color; the turn's owner stands out

Two of Randy's flourishes. Every chronicle line now carries a small
square in the color of the wizard acting — whoever cast, struck,
walked, or countered, else the turn's owner — so one player's doings
can be picked out of the scroll at a glance. And the life-points row
of the wizard whose turn it is wears an accent bar and a tint, since
bold alone was lost in the handwriting.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Jm2auWk6RP71CjaAb4FMoG

packages/web/src/App.svelte

@@ -2958,7 +2958,7 @@
           {:else}
             {#each net.log as line, i (i)}
               <div class:table-talk={line.text.startsWith("\u{1F4AC}")}>
-                {line.text}
+                <span class="log-mark" class:blank={!line.actor} style:background={line.actor ? playerColor(line.actor) : "transparent"}></span>{line.text}
                 {#if line.notable && line.turn !== null && prefs.instantReplay && !net.spectating}
                   <button class="moment-eye" title="relive this turn"
                     onclick={() => net.requestMoment(line.turn!)}>👁</button>
@@ -3848,6 +3848,14 @@
     min-height: 1.55rem;
   }
   .slip.creature-note { background: #e7edda; border-color: #7d8a5a; }
+  .score-row.active {
+    font-weight: 700;
+    background: rgba(58, 47, 31, 0.08);
+    border-left: 3px solid #3a2f1f;
+    margin-left: -0.45rem;
+    padding-left: 0.3rem;
+    border-radius: 2px;
+  }
   .score-row.active .score-name { font-weight: 700; }
   .score-temper {
     font-family: "Caveat", cursive;
@@ -3916,6 +3924,17 @@
     box-shadow: 0 2px 7px rgba(0, 0, 0, 0.45);
   }
   .chronicle div + div { margin-top: 0.05rem; }
+  /* the acting wizard's color, so one player's lines can be picked out at a glance */
+  .log-mark {
+    display: inline-block;
+    width: 0.55em;
+    height: 0.55em;
+    margin-right: 0.45em;
+    border-radius: 2px;
+    border: 1px solid rgba(58, 47, 31, 0.35);
+    vertical-align: 0.05em;
+  }
+  .log-mark.blank { border-color: transparent; }
   .moment-eye {
     background: none;
     border: none;