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/safe.svg

@@ -1,20 +1,11 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Safe token">
-<defs>
-  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="45" 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">Safe</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="M31 44h82v82H31Z" fill="#555a59"/>
-<path d="M38 51h67v66H38Z" fill="#3f4443"/>
-<circle cx="68" cy="83" r="20" fill="#777b76"/>
-<circle cx="68" cy="83" r="7" fill="#343836"/>
-<path d="M68 63v13m0 14v13M48 83h13m14 0h13" fill="none" stroke="#2d302f" stroke-width="5"/>
-<rect x="92" y="72" width="9" height="24" rx="2" fill="#9a8d72"/>
-<circle cx="42" cy="58" r="3" fill="#9a8f7d"/><circle cx="101" cy="58" r="3" fill="#9a8f7d"/><circle cx="42" cy="109" r="3" fill="#9a8f7d"/><circle cx="101" cy="109" r="3" fill="#9a8f7d"/>
-<path d="M31 44l8-8h82l-8 8m0 0l8-8v80l-8 10" fill="#656966"/></g>
-</svg>
+<title>Safe</title><desc>Iron safe with a square front door, combination dial, handle, and consistent shallow cabinet perspective.</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="#687d74" stop-opacity=".2"/><stop offset="1" stop-color="#687d74" 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="M25 37L42 25H121L104 37Z" fill="#a7b0a0" stroke="#302a29" stroke-width="2.0" /><path d="M104 37L121 25V104L104 116Z" fill="#3d4c4b" stroke="#302a29" stroke-width="2.0" /><path d="M25 37H104V116H25Z" fill="#636e69" stroke="#302a29" stroke-width="2.0" /><path d="M32 44H97V109H32Z" fill="#354743" stroke="#302a29" stroke-width="2.0" /><path d="M36 48H93V105H36Z" fill="#818c7f" stroke="#302a29" stroke-width="2.0" /><path d="M39 50H91M39 51V102" fill="none" stroke="#bfc5ae" stroke-width="1.5" /><circle cx="59" cy="73" r="15" fill="#b2b7a0" stroke="#302a29" stroke-width="2"/><circle cx="59" cy="73" r="9" fill="#59665d" stroke="#302a29" stroke-width="2"/><circle cx="59" cy="73" r="3" fill="#d6ad57" stroke="#302a29" stroke-width="2"/><path d="M59 61l0.0 2.64" fill="none" stroke="#302a29" stroke-width="1.6" /><path d="M69 67l-2.2 1.32" fill="none" stroke="#302a29" stroke-width="1.6" /><path d="M69 79l-2.2 -1.32" fill="none" stroke="#302a29" stroke-width="1.6" /><path d="M59 85l0.0 -2.64" fill="none" stroke="#302a29" stroke-width="1.6" /><path d="M49 79l2.2 -1.32" fill="none" stroke="#302a29" stroke-width="1.6" /><path d="M49 67l2.2 1.32" fill="none" stroke="#302a29" stroke-width="1.6" /><path d="M60 69L65 63" fill="none" stroke="#f8edcf" stroke-width="2" /><path d="M80 71V88M77 72H83M77 87H83" fill="none" stroke="#302a29" stroke-width="5" /><path d="M80 72V87" fill="none" stroke="#d6ad57" stroke-width="3" /><path d="M33 55V64M33 87V96" fill="none" stroke="#b9bca6" stroke-width="5" /><path d="M31 116V120H43V116M87 116V120H99V116" fill="#3d4c4b" stroke="#302a29" stroke-width="2.0" /></g>
+<path d="M16 130H128" stroke="#b49b70" stroke-width=".8"/>
+<path d="M12 12h7m-7 0v7m120-7h-7m7 0v7" fill="none" stroke="#687d74" stroke-width="2"/>
+<text x="72" y="141" text-anchor="middle" font-family="Georgia,serif" font-size="10.5" font-weight="700" fill="#39302a">Safe</text>
+</svg>