The art refresh: textures, tokens, conjurations, and cel flourishes

Eric repainted the maze. The first-person materials are painterly
sandstone, flagstone, and iron; the hand-drawn token set is redrawn
with matching chests and hats; the standing conjurations — hedges,
jello, dust, safe, warp light — and the effect billboards are redone
in the same hand; and the board's flourishes trade their filters and
gradients for flat cel silhouettes cut from five shared shapes, which
read better against the counters and cost a phone nothing. Thirty
scene goldens re-blessed against the new walls.

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

packages/web/src/fx-sprites/Hit.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { FxOf } from "../fx";
-  import { center } from "./geom";
+  import { center, impact } from "./geom";
   let { fx }: { fx: FxOf<"hit"> } = $props();
   const c = $derived(center(fx.at));
   const DEBRIS = [40, 165, 285];
@@ -8,11 +8,11 @@
 
 <!-- Contact flash: an instant of white -->
 <path
-  d={`M ${c.x} ${c.y - 9} l 2.5 6 6.5 -2 -3.5 5.5 5.5 3.5 -6.5 1 1 6.5 -5.5 -4.5 -4.5 5 0 -7 -6.5 0.5 5 -4.5 -4 -5 6.5 1.5 z`}
+  d={impact(c.x,c.y,13)}
   class="flash" style={`transform-origin: ${c.x}px ${c.y}px`}
 />
 <!-- Compressed impact ring: squashed, then out -->
-<ellipse cx={c.x} cy={c.y} rx="9" ry="6" class="ring" />
+<path d={impact(c.x,c.y,12)} class="ring" />
 {#each DEBRIS as deg, i (deg)}
   <line
     x1={c.x + 8 * Math.cos((deg * Math.PI) / 180)}
@@ -36,7 +36,7 @@
     transform-origin: center;
     fill: none;
     stroke: #c0392b;
-    stroke-width: 3;
+    stroke-width: 2;
     animation: ring-punch 0.4s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;
   }
   .debris {