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/public/tokens-svg/fire-imp.svg

@@ -1,18 +1,11 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Fire Imp token">
-<defs>
-  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="37" result="noise"/><feDisplacementMap in="SourceGraphic" in2="noise" scale=".55"/></filter>
-  <filter id="soft"><feGaussianBlur stdDeviation="1.4"/></filter>
-  <pattern id="paper" width="18" height="18" patternUnits="userSpaceOnUse"><rect width="18" height="18" fill="#eee5ca"/><circle cx="3" cy="5" r=".45" fill="#b9aa86" opacity=".34"/><circle cx="14" cy="13" r=".3" fill="#75694f" opacity=".2"/><path d="M1 15q7-2 14 0M6 1l9 2" fill="none" stroke="#b9aa86" stroke-width=".35" opacity=".3"/></pattern>
-</defs>
-<rect x="2" y="2" width="140" height="146" rx="4" fill="url(#paper)" stroke="#29251e" stroke-width="2.4"/>
-<path d="M8 25q30 2 61 0t67 0" fill="none" stroke="#b9aa86" stroke-width="1" opacity=".65"/>
-<text x="72" y="18" text-anchor="middle" font-family="Georgia,serif" font-weight="700" font-size="13" letter-spacing=".3" fill="#29251e">Fire Imp</text>
-<ellipse cx="72" cy="131" rx="42" ry="6" fill="#342f26" opacity=".22" filter="url(#soft)"/>
-<g filter="url(#rough)" stroke="#29251e" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round">
-<path d="M44 128q-7-29 8-47-17-17 3-27-1-19 17-17 18-3 18 17 21 10 3 28 14 19 6 46Z" fill="#d54835"/>
-<path d="M53 52L39 34l24 12m27 5l17-18-7 25" fill="#d54835"/>
-<path d="M47 74L24 58l8 25m66-9l23-16-8 25" fill="#ef8a3c"/>
-<circle cx="63" cy="67" r="5" fill="#f6d34e"/><circle cx="84" cy="67" r="5" fill="#f6d34e"/>
-<path d="M59 91q14 12 28-2M48 115l-24 12m74-12l23 12" fill="none"/>
-<path d="M93 106q21-7 18-25 15 16-1 29" fill="none" stroke="#d54835" stroke-width="6"/></g>
-</svg>
+<title>Fire Imp</title><desc>Fire Imp illustrated in shaded ink on parchment.</desc>
+<defs><linearGradient id="paper" x2="0" y2="1"><stop stop-color="#fbf2d9"/><stop offset="1" stop-color="#e8d6ae"/></linearGradient><radialGradient id="halo"><stop stop-color="#d8523b" stop-opacity=".2"/><stop offset="1" stop-color="#d8523b" stop-opacity=".03"/></radialGradient></defs>
+<rect x="2" y="2" width="140" height="146" rx="9" fill="url(#paper)" stroke="#39302a" stroke-width="2.5"/>
+<rect x="6" y="6" width="132" height="138" rx="6" fill="none" stroke="#b49b70" stroke-width=".8"/>
+<circle cx="72" cy="68" r="52" fill="url(#halo)"/>
+<g stroke-linecap="round" stroke-linejoin="round"><ellipse cx="72" cy="119" rx="43" ry="5" fill="#725b3d" stroke="none" stroke-width="0" opacity=".18"/><path d="M30 121Q7 105 28 74Q27 93 42 94Q29 56 56 26Q48 56 67 58Q76 43 81 15Q110 45 99 78Q116 64 118 45Q141 96 114 121Z" fill="#d65c35" stroke="#302a29" stroke-width="2.0" /><path d="M38 118Q24 98 40 92Q48 108 59 90L71 57Q87 87 81 101Q106 80 116 79Q126 108 106 121Z" fill="#f4c25f" stroke="none" stroke-width="2.0" /><path d="M47 77L27 57 25 80 47 96M91 78L115 57 119 81 96 97Z" fill="#b33335" stroke="#302a29" stroke-width="2.0" /><path d="M52 89L45 116 59 122 73 111 86 123 101 115 91 86Z" fill="#c84035" stroke="#302a29" stroke-width="2.0" /><path d="M48 53L44 25 61 42Q72 37 84 43L105 25 98 57 95 78Q71 99 50 77Z" fill="#d8523b" stroke="#302a29" stroke-width="2.0" /><path d="M45 28L60 44 49 48M101 30L96 48 86 45Z" fill="#d6ad57" stroke="#302a29" stroke-width="2.0" /><path d="M53 59L67 64 57 68ZM78 63L93 56 88 68Z" fill="#f8edcf" stroke="#302a29" stroke-width="2.0" /><path d="M62 77L72 81 85 75M69 78L72 85 76 79" fill="none" stroke="#302a29" stroke-width="2" /><path d="M97 109Q120 123 122 99" fill="none" stroke="#302a29" stroke-width="6" /><path d="M97 109Q120 123 122 99" fill="none" stroke="#b33335" stroke-width="3" /></g>
+<path d="M16 130H128" stroke="#b49b70" stroke-width=".8"/>
+<path d="M12 12h7m-7 0v7m120-7h-7m7 0v7" fill="none" stroke="#d8523b" stroke-width="2"/>
+<text x="72" y="141" text-anchor="middle" font-family="Georgia,serif" font-size="10.5" font-weight="700" fill="#39302a">Fire Imp</text>
+</svg>