fix(game): finale cues play after the line (not cutting it) + hide chat scrollbar

- one-shot finale audios (sigh/flatline/sting) carried class=cue-audio and
route through the client voice queue instead of autoplaying, so the relief
sigh no longer talks over the child's still-playing line. Looping heartbeat
unchanged.
- hide the inner chatbot scroll thumb (the stray purple bar right of the text).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app.py

@@ -323,8 +323,8 @@ _HEAD_JS = """
       m.addedNodes.forEach(function (n) {
         if (n.nodeType !== 1) return;
         var nodes = [];
-        if (n.matches && n.matches('.voice-channel audio')) nodes.push(n);
-        if (n.querySelectorAll) n.querySelectorAll('.voice-channel audio').forEach(function (x) { nodes.push(x); });
+        if (n.matches && n.matches('.voice-channel audio, audio.cue-audio')) nodes.push(n);
+        if (n.querySelectorAll) n.querySelectorAll('.voice-channel audio, audio.cue-audio').forEach(function (x) { nodes.push(x); });
         nodes.forEach(function (a) { enqueue(a.currentSrc || a.src); a.remove(); });
       });
     });

render.py

@@ -159,7 +159,7 @@ def render_entity(affinity: int, mode: str = "idle", seq: int = 0,
         ghost = (
             '<div class="entity-ghost entity-ghost-frenzy" '
             f"style=\"background-image:url('{_src('terror')}')\"></div>"
-            f'<audio autoplay src="data:audio/wav;base64,{_STING}"></audio>'
+            f'<audio class="cue-audio" src="data:audio/wav;base64,{_STING}"></audio>'
         )
         tint = '<div class="entity-rage-tint"></div>'
     elif mode == "convulse_good":
@@ -224,7 +224,7 @@ def render_entity(affinity: int, mode: str = "idle", seq: int = 0,
             'drop-shadow(0 0 42px rgba(90,70,120,0.20));opacity:1;">'
             "</div>"
         )
-        ghost = f'<audio autoplay src="data:audio/wav;base64,{_FLATLINE}"></audio>'
+        ghost = f'<audio class="cue-audio" src="data:audio/wav;base64,{_FLATLINE}"></audio>'
     elif mode == "peace":
         # redemption: the first true smile, fully clear, no ghost, no menace
         figure = (
@@ -248,7 +248,7 @@ def render_entity(affinity: int, mode: str = "idle", seq: int = 0,
             'drop-shadow(0 0 54px rgba(120,100,160,0.22));opacity:1;">'
             "</div>"
         )
-        ghost = f'<audio autoplay src="data:audio/wav;base64,{_SIGH}"></audio>'
+        ghost = f'<audio class="cue-audio" src="data:audio/wav;base64,{_SIGH}"></audio>'
     elif mode == "peace_dissolve":
         # the happy child dissolves into the fog — released, not taken
         figure = (

styles.css

@@ -1688,6 +1688,10 @@ footer { display: none !important; }
     padding: 0 !important;
     overflow: hidden;            /* old lines fade out, no scrollbar */
 }
+/* kill the inner scroll thumb Gradio shows on the message area (the stray
+   purple vertical bar to the right of the subtitle) */
+#game-dialogue, #game-dialogue * { scrollbar-width: none !important; }
+#game-dialogue ::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; }
 /* transparent rows, centered text — kill Gradio's bubble chrome */
 #game-dialogue .message-row,
 #game-dialogue .message,