feat: dissolve entity mode + CSS for both ending visuals

rage mode (asset-dependent) lands when hollow_rage.png arrives.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

render.py

@@ -48,7 +48,8 @@ def render_entity(affinity: int, mode: str = "idle", seq: int = 0) -> str:
     """The entity panel: Hollow materializes as affinity rises.
 
     mode: "idle" | "flash" (memory captured) | "flash_strong" (recall turn)
-          | "end" (finale — dissolving portrait)
+          | "end" (good finale) | "rage" (bad finale, needs hollow_rage asset)
+          | "dissolve" (neutral finale — materialization in reverse)
     seq: turn counter — alternates one-shot animation names (flash-0/flash-1)
          so the flash restarts even when Gradio morphs the DOM in place.
     """
@@ -81,6 +82,16 @@ def render_entity(affinity: int, mode: str = "idle", seq: int = 0) -> str:
             f"style=\"background-image:url('{_src('terror')}')\"></div>"
         )
         fog_op, grain_op, vig_op = 0.15, 0.05, 0.4
+    elif mode == "dissolve":
+        figure = (
+            '<div class="entity-figure">'
+            f'<img class="entity-img entity-dissolve" src="{_src("base")}" '
+            f'style="{look}">'
+            "</div>"
+        )
+        flash = ""
+        # the curtain falls back: fog and vignette swallow the child again
+        fog_op, grain_op, vig_op = 0.9, 0.13, 0.9
     else:
         sway = "" if almost_on else " entity-sway"
         almost_op = opacity if almost_on else 0

styles.css

@@ -651,3 +651,34 @@ footer { display: none !important; }
 
 /* Title — no underline rule */
 .gradio-container h2 { border-bottom: none !important; }
+
+/* ── 18. Three endings — rage portrait & fog dissolve ── */
+
+/* bad ending: a low red breath pulsing over the rage portrait — the only
+   color in the entire game, reserved for this moment */
+.entity-rage-tint {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    background: radial-gradient(ellipse at 50% 35%, rgba(120, 20, 20, 0.16), transparent 70%);
+    mix-blend-mode: screen;
+    animation: rage-pulse 2.6s ease-in-out infinite;
+}
+
+@keyframes rage-pulse {
+    0%, 100% { opacity: 0.55; }
+    50%      { opacity: 1; }
+}
+
+/* neutral ending: materialization in reverse — the child sinks back into
+   the fog. One-shot on mount; the animation overrides the inline idle style
+   and `forwards` holds the dissolved frame. Opacity/blur are the beat itself —
+   do NOT add these to the prefers-reduced-motion kill lists. */
+.entity-dissolve {
+    animation: entity-dissolve 9s ease-in forwards;
+}
+
+@keyframes entity-dissolve {
+    0%   { filter: blur(0px);  opacity: 1;    transform: scale(1); }
+    100% { filter: blur(10px); opacity: 0.18; transform: scale(0.62); }
+}

tests/test_render.py

@@ -189,3 +189,11 @@ class TestTreasureWounds:
     def test_wounds_alone_suppress_empty_placeholder(self):
         html_out = render_treasure([], wounds=["w1"])
         assert "nothing yet" not in html_out
+
+
+class TestEntityDissolveMode:
+    def test_dissolve_mode_has_dissolve_class(self):
+        assert "entity-dissolve" in render_entity(89, "dissolve")
+
+    def test_idle_has_no_dissolve(self):
+        assert "entity-dissolve" not in render_entity(50, "idle")