diff --git a/packages/web/public/tokens-svg/alter-ego.svg b/packages/web/public/tokens-svg/alter-ego.svg
index dc5ec77..96127e9 100644
--- a/packages/web/public/tokens-svg/alter-ego.svg
+++ b/packages/web/public/tokens-svg/alter-ego.svg
@@ -1,12 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Alter Ego token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="31" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Alter Ego</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M35 52 Q65 40 80 66 Q86 88 67 105 Q45 111 31 90Z" fill="#e7c3a1"/>
-<path d="M40 73q9 -10 19 0M62 70q8 -7 15 1" fill="none"/><circle cx="53" cy="75" r="2.4" fill="#20251f" stroke="none"/><path d="M64 78q-8 8 3 11q-9 9 -19 2" fill="none"/><path d="M111 52 Q81 40 66 66 Q60 88 79 105 Q101 111 115 90Z" fill="#d9b08e"/>
-<path d="M106 73q9 -10 19 0M84 70q8 -7 15 1" fill="none"/><circle cx="93" cy="75" r="2.4" fill="#20251f" stroke="none"/><path d="M82 78q8 8 3 11q9 9 19 2" fill="none"/><path d="M69 48q4-12 8 0M47 115q25-14 51 0" fill="none"/><path d="M24 67l-10-6m108 5l9-8" fill="none"/></g>
+<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">Alter Ego</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="M72 34q-30 3-35 36 2 35 35 57Z" fill="#23764b"/>
+<path d="M72 34q30 3 35 36-2 35-35 57Z" fill="#6c3eae"/>
+<path d="M72 39v83" fill="none" stroke="#29251e" stroke-width="4"/>
+<path d="M43 65q12-15 25-1-9 13-25 1Zm33-1q14-14 25 1-16 12-25-1Z" fill="#eee5ca"/>
+<circle cx="58" cy="64" r="3"/><circle cx="86" cy="64" r="3"/>
+<path d="M47 91q12 15 21-1m9 0q10 16 21 0" fill="none"/>
+<path d="M34 50l-12-10m88 10l12-10M35 112l-14 9m88-9l14 9" fill="none" stroke="#8e794d" stroke-width="4"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/boobytrap.svg b/packages/web/public/tokens-svg/boobytrap.svg
index 9e27e1b..9c120ad 100644
--- a/packages/web/public/tokens-svg/boobytrap.svg
+++ b/packages/web/public/tokens-svg/boobytrap.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Boobytrap token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="32" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Boobytrap</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M28 105L70 49l43 56Z" fill="#f2ca4f"/><path d="M44 96l26-35 25 35Z" fill="#df5b36"/><path d="M71 70v14m0 7v2" stroke="#fff8da" stroke-width="5"/><path d="M25 62l12 5-9 8m92-11l-11 4 8 9" fill="none"/></g>
+<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">Boobytrap</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="M30 91h84v35H30Z" fill="#81562f"/>
+<path d="M36 76h72l6 15H30Z" fill="#a77a42"/>
+<path d="M40 96h64M53 92v34m38-34v34" fill="none" stroke="#d1a35c" stroke-width="4"/>
+<path d="M43 78l-5-27 13 21 10-31 10 31 12-33 8 34 16-22-7 28" fill="#9b9a88"/>
+<path d="M42 78l-4-24m23 19V44m22 30l8-31m9 36l8-25" fill="none" stroke="#555a59" stroke-width="5"/>
+<circle cx="72" cy="108" r="8" fill="#29251e"/><circle cx="72" cy="108" r="3" fill="#d54835"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/dagger.svg b/packages/web/public/tokens-svg/dagger.svg
index 5d967c8..8ed9077 100644
--- a/packages/web/public/tokens-svg/dagger.svg
+++ b/packages/web/public/tokens-svg/dagger.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Dagger token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="33" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Dagger</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M34 111L90 48l12 12-57 60Z" fill="#c9d5d2"/><path d="M87 51l10-13 13 13-10 10Z" fill="#6c5641"/><path d="M75 58l22 22"/><path d="M30 70l-13-5 10-8m82 36l15 3-9 9" fill="none"/></g>
+<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">Dagger</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="M46 116l12-25 34-45 10-9-4 14-33 46Z" fill="#b9c0b8"/>
+<path d="M58 91l34-45-23 52Z" fill="#ece6d2"/>
+<path d="M43 89l27 20" fill="none" stroke="#8c6a35" stroke-width="8"/>
+<path d="M46 104l-13 17 8 7 15-18Z" fill="#d54835"/>
+<circle cx="37" cy="125" r="5" fill="#d9b554"/>
+<path d="M90 48l-7 18" fill="none" stroke="#ffffff" stroke-width="2" opacity=".7"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/democratic-monster.svg b/packages/web/public/tokens-svg/democratic-monster.svg
index abb5c1f..e8c8678 100644
--- a/packages/web/public/tokens-svg/democratic-monster.svg
+++ b/packages/web/public/tokens-svg/democratic-monster.svg
@@ -1,10 +1,20 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Democratic Monster token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="34" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="12" fill="#20251f">Democratic Monster</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M71 120Q28 108 44 72q-18-14 1-25 17-8 26 8 12-23 29-10 14 13-2 29 20 29-27 46Z" fill="#df3f37"/><path d="M43 83l-20 8 18 7m57-16l23 10-21 8" fill="#df3f37"/><circle cx="62" cy="65" r="7" fill="#fff"/><circle cx="82" cy="63" r="7" fill="#fff"/><circle cx="64" cy="66" r="2"/><circle cx="80" cy="64" r="2"/><path d="M56 87q17 13 31-2" fill="none"/></g>
+<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="10" letter-spacing=".3" fill="#29251e">Democratic Monster</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="M38 129q-2-39 15-57h39q17 18 14 57Z" fill="#a94b3f"/>
+<circle cx="51" cy="60" r="15" fill="#c45c48"/><circle cx="73" cy="52" r="17" fill="#a63f3b"/><circle cx="95" cy="60" r="15" fill="#d27852"/>
+<path d="M40 50l-7-12 13 5m19-5l8-13 8 13m13 5l15-5-8 13" fill="#b54d3e"/>
+<circle cx="47" cy="60" r="2"/><circle cx="56" cy="60" r="2"/><circle cx="68" cy="52" r="2"/><circle cx="78" cy="52" r="2"/><circle cx="91" cy="60" r="2"/><circle cx="100" cy="60" r="2"/>
+<path d="M45 68q7 6 13 0m8-7q7 6 14 0m8 7q7 6 14 0" fill="none"/>
+<path d="M43 87l-22 14m82-14l20 14" fill="none" stroke="#a94b3f" stroke-width="9"/>
+<path d="M18 90l9-5 6 9-6 9Z" fill="#eee5ca"/><path d="M112 85l11 5-2 13-11-5Z" fill="#eee5ca"/>
+<path d="M53 85q19 13 39 0" fill="none" stroke="#e1a071" stroke-width="4"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/dimensional-warp.svg b/packages/web/public/tokens-svg/dimensional-warp.svg
index a1c431a..17d1e64 100644
--- a/packages/web/public/tokens-svg/dimensional-warp.svg
+++ b/packages/web/public/tokens-svg/dimensional-warp.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Dimensional Warp token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="35" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Dimensional Warp</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="72" cy="80" rx="47" ry="22" fill="#5c369b"/><ellipse cx="72" cy="80" rx="34" ry="14" fill="#e4bdff"/><ellipse cx="72" cy="80" rx="20" ry="7" fill="#252036"/><path d="M22 52q13-14 26-17m72 18q-13-14-27-17M22 108q13 14 27 17m71-17q-13 14-27 17" fill="none" stroke="#7849b1"/></g>
+<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="11.5" letter-spacing=".3" fill="#29251e">Dimensional Warp</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">
+<ellipse cx="72" cy="79" rx="45" ry="43" fill="#3f3158"/>
+<ellipse cx="72" cy="79" rx="35" ry="34" fill="#6c3eae"/>
+<ellipse cx="72" cy="79" rx="23" ry="24" fill="#b196df"/>
+<ellipse cx="72" cy="79" rx="10" ry="12" fill="#28223b"/>
+<path d="M72 30v17m0 64v18M22 79h18m64 0h18M37 44l13 13m44 44l13 13m0-70L94 57m-44 44-13 13" fill="none" stroke="#8a5ed0" stroke-width="5"/>
+<path d="M72 62l5 10 11 2-8 7 2 11-10-6-10 6 2-11-8-7 11-2Z" fill="#eee5ff" stroke-width="1.5"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/dustcloud.svg b/packages/web/public/tokens-svg/dustcloud.svg
index 1c64977..cd6cf02 100644
--- a/packages/web/public/tokens-svg/dustcloud.svg
+++ b/packages/web/public/tokens-svg/dustcloud.svg
@@ -1,10 +1,16 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Dustcloud token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="36" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Dustcloud</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M27 105q-15-17 7-27-9-24 18-24 8-23 30-9 19-10 28 9 24 2 16 25 17 18-5 30-35 15-74-4Z" fill="#68675d"/><path d="M42 80q15-14 27 1m12-12q15-9 26 5m-61 20q17-12 31 2" fill="none" stroke="#989383"/><circle cx="31" cy="117" r="3"/><circle cx="117" cy="118" r="2"/></g>
+<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">Dustcloud</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="M32 111q-17-17 1-31-11-25 16-27 5-23 27-12 20-18 32 4 25 3 18 28 17 18-2 34 3 20-24 20H48q-23 2-16-16Z" fill="#c8a56a"/>
+<path d="M44 91q-9-15 7-23m12 44q-14-13 1-27m20-23q12-13 25 0m-18 48q18-5 20-21" fill="none" stroke="#806b48" stroke-width="4"/>
+<path d="M28 55l-11-8m101-6l11-10M25 119l-13 5m105 1l14 4" fill="none" stroke="#b28b54" stroke-width="5"/>
+<circle cx="49" cy="57" r="3" fill="#745f3e"/><circle cx="103" cy="78" r="4" fill="#745f3e"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/fire-imp.svg b/packages/web/public/tokens-svg/fire-imp.svg
index 4a134d1..744de18 100644
--- a/packages/web/public/tokens-svg/fire-imp.svg
+++ b/packages/web/public/tokens-svg/fire-imp.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Fire Imp token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Fire Imp</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M71 119q-29-9-26-42-14-16 5-21-2-23 19-12 18-20 24 7 22 8 7 27 8 32-29 41Z" fill="#e8494a"/><path d="M52 52L39 34l23 12m29 4l16-18-6 25" fill="#e8494a"/><circle cx="63" cy="70" r="5" fill="#ffe15a"/><circle cx="84" cy="68" r="5" fill="#ffe15a"/><path d="M59 91q14 10 28-3" fill="none"/><path d="M42 102l-20 13m79-14l20 13" fill="none" stroke="#e8494a" stroke-width="7"/></g>
+<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>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/killer-ooze.svg b/packages/web/public/tokens-svg/killer-ooze.svg
index 9190751..3e7b7b4 100644
--- a/packages/web/public/tokens-svg/killer-ooze.svg
+++ b/packages/web/public/tokens-svg/killer-ooze.svg
@@ -1,10 +1,21 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Killer Ooze token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="38" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Killer Ooze</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M26 115q-2-24 15-27-10-29 12-33 7-29 26-5 26-15 30 17 21 14 4 37 3 21-25 14-19 13-32-2-17 11-30-1Z" fill="#16834f"/><ellipse cx="60" cy="73" rx="10" ry="14" fill="#fff"/><ellipse cx="86" cy="72" rx="10" ry="14" fill="#fff"/><circle cx="64" cy="78" r="3"/><circle cx="82" cy="78" r="3"/><path d="M48 96q25-18 48 1l-8 15-8-11-9 12-8-12-8 11Z" fill="#173b2a"/></g>
+<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">Killer Ooze</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="M29 125q15-15 16-42-3-28 20-40 12-8 23 3 27-1 28 22-3 18-16 22 8 22 18 35-21 7-42-2-25 12-47 2Z" fill="#21824d"/>
+<path d="M47 87q8-35 30-40 25 0 28 33-11 18-29 13-17 5-29-6Z" fill="#154f36"/>
+<path d="M55 69q20-18 42 1-2 22-21 23-18-2-21-24Z" fill="#252923"/>
+<path d="M57 69l8 18 8-20 8 20 8-19 7 15" fill="#f4efd9" stroke="#252923" stroke-width="2"/>
+<path d="M55 55q7-11 15-1m14-3q8-8 14 2" fill="none" stroke="#b8d875" stroke-width="4"/>
+<circle cx="64" cy="54" r="3" fill="#f0d664"/><circle cx="91" cy="52" r="3" fill="#f0d664"/>
+<path d="M45 94q-18 2-23 18m84-24q17 3 20 16" fill="none" stroke="#21824d" stroke-width="9"/>
+<circle cx="36" cy="66" r="4" fill="#3d9b5f"/><circle cx="25" cy="83" r="3" fill="#3d9b5f"/><circle cx="119" cy="75" r="4" fill="#3d9b5f"/>
+<path d="M43 113q28 11 59-2" fill="none" stroke="#4fa66b" stroke-width="5"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/magic-stone.svg b/packages/web/public/tokens-svg/magic-stone.svg
index 6c5d574..fdaf943 100644
--- a/packages/web/public/tokens-svg/magic-stone.svg
+++ b/packages/web/public/tokens-svg/magic-stone.svg
@@ -1,10 +1,16 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Magic Stone token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="39" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Magic Stone</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M72 46l25 23-11 37-32 6-18-31 14-30Z" fill="#d72e78"/><path d="M50 51l20 31 27-13M70 82l16 24M37 81l33 1" fill="none" stroke="#ff83b5"/><path d="M28 55l-12-13m95 16l15-12M25 109l-13 12m100-13l14 12" fill="none" stroke="#29252d" stroke-width="5"/></g>
+<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">Magic Stone</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="M38 117L31 74 55 39l44 7 15 37-23 43-38 2Z" fill="#6f665a"/>
+<path d="M48 107L43 77l18-25 29 5 11 27-17 30-25 2Z" fill="#5f5370"/>
+<path d="M72 62l7 13 14 2-11 10 3 14-13-7-13 7 3-14-11-10 14-2Z" fill="#b39adb"/>
+<path d="M40 75l14 4m45-31l-11 14m24 21l-15 2M53 126l7-13" fill="none" stroke="#9a8f7d" stroke-width="3"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/magic-wand.svg b/packages/web/public/tokens-svg/magic-wand.svg
index 0d57418..285298b 100644
--- a/packages/web/public/tokens-svg/magic-wand.svg
+++ b/packages/web/public/tokens-svg/magic-wand.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Magic Wand token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="40" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Magic Wand</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M37 111L94 50" stroke="#4a3a2a" stroke-width="9"/><path d="M34 114L91 53" stroke="#d8c6a7" stroke-width="3"/><circle cx="99" cy="43" r="14" fill="#f0c83e"/><path d="M99 23v-9m0 58v-9M79 43h-9m58 0h-9M85 29l-7-7m42 42l-7-7m0-28l7-7M85 57l-7 7" fill="none" stroke="#e7a81f"/></g>
+<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">Magic Wand</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="M43 122L94 62" fill="none" stroke="#71482d" stroke-width="9"/>
+<path d="M40 126l-9-8 12-14 10 9Z" fill="#81512f"/>
+<path d="M100 39l5 12 13 2-10 9 3 13-11-7-12 7 4-13-10-9 13-2Z" fill="#e0a733"/>
+<circle cx="100" cy="57" r="6" fill="#f4df84"/>
+<path d="M80 48l-8-9m42-2l8-8m-6 47l10 7M72 82l-12 1" fill="none" stroke="#d9b84a" stroke-width="4"/>
+<path d="M54 107l10 7m-3-16l10 8" fill="none" stroke="#c59655" stroke-width="3"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/master-key.svg b/packages/web/public/tokens-svg/master-key.svg
index b7834f1..099e9a7 100644
--- a/packages/web/public/tokens-svg/master-key.svg
+++ b/packages/web/public/tokens-svg/master-key.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Master Key token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="41" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Master Key</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="91" cy="63" r="27" fill="#d6d4c8"/><circle cx="91" cy="63" r="11" fill="#f4efd9"/><path d="M72 79L32 119" stroke="#c9c7bc" stroke-width="11"/><path d="M42 109l-13-13m24 2l-12-12"/><path d="M76 45l30 31M75 78l33-31" fill="none" stroke="#83857e"/></g>
+<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">Master Key</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">
+<circle cx="54" cy="67" r="26" fill="#d7aa43"/>
+<circle cx="54" cy="67" r="12" fill="#eee5ca"/>
+<path d="M72 84l40 39" fill="none" stroke="#d7aa43" stroke-width="12"/>
+<path d="M97 107l12-12 9 9-8 8 8 8-9 9" fill="#d7aa43"/>
+<path d="M39 43l4-12 11 7 10-9 7 13" fill="#e6c46a"/>
+<path d="M38 84q16 12 32 0M47 61q7-8 14 0" fill="none" stroke="#9f7223" stroke-width="4"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/pit.svg b/packages/web/public/tokens-svg/pit.svg
index e3ca776..0edd14e 100644
--- a/packages/web/public/tokens-svg/pit.svg
+++ b/packages/web/public/tokens-svg/pit.svg
@@ -1,10 +1,17 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Pit token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="42" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Pit</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M24 77l55-28 43 28-52 42Z" fill="#45484b"/><path d="M35 77l43-19 32 19-40 29Z" fill="#171b20"/><path d="M35 77l35 29m8-48l-8 48m40-29l-40 29" fill="none" stroke="#737980"/></g>
+<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">Pit</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">
+<ellipse cx="72" cy="82" rx="51" ry="42" fill="#6e6455"/>
+<ellipse cx="72" cy="82" rx="41" ry="32" fill="#2f302d"/>
+<ellipse cx="72" cy="84" rx="30" ry="23" fill="#121616"/>
+<path d="M23 74l17 5m-5-26l14 11m7-22l7 15m22-16l-5 16m28-5L95 64m25 13l-17 4m10 25l-16-8m-4 24l-10-18m-24 20l6-20m-30 3l16-10m-29-5l18-5" fill="none" stroke="#9b8d73" stroke-width="4"/>
+<path d="M49 77q22-16 47 0" fill="none" stroke="#555852" stroke-width="4"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/rock.svg b/packages/web/public/tokens-svg/rock.svg
index d521cde..ccab3e9 100644
--- a/packages/web/public/tokens-svg/rock.svg
+++ b/packages/web/public/tokens-svg/rock.svg
@@ -1,10 +1,16 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Rock token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="43" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Rock</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M30 112l8-46 26-22 34 10 18 38-22 28-43 1Z" fill="#666c68"/><path d="M38 66l30 12 30-24M68 78l-17 43m17-43l26 42" fill="none" stroke="#929994"/><ellipse cx="73" cy="122" rx="46" ry="6" fill="#252923" opacity=".25" stroke="none"/></g>
+<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">Rock</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 119L26 84l22-37 38-10 30 26 3 42-29 23-39-2Z" fill="#886747"/>
+<path d="M48 47l11 28-33 9m33-9l34-14-7-24m7 24l26 44m-60-30l-8 51m8-51l31 53" fill="none" stroke="#584433" stroke-width="4"/>
+<path d="M49 53l27-9 11 9-26 13Z" fill="#b18a5d" stroke="none"/>
+<path d="M34 106l16 12m47-8l12-13" fill="none" stroke="#c09b6e" stroke-width="3"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/rosebush.svg b/packages/web/public/tokens-svg/rosebush.svg
index a61759f..4f39143 100644
--- a/packages/web/public/tokens-svg/rosebush.svg
+++ b/packages/web/public/tokens-svg/rosebush.svg
@@ -1,10 +1,17 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Rosebush token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="44" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Rosebush</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M29 114q8-47 40-40-4-31 19-16 29-5 29 28 21 24-11 34Z" fill="#237148"/><path d="M42 111l52-47M50 72l45 39" fill="none" stroke="#174e32" stroke-width="5"/><g fill="#d6336c"><circle cx="45" cy="83" r="8"/><circle cx="78" cy="61" r="8"/><circle cx="102" cy="88" r="9"/><circle cx="75" cy="103" r="7"/></g></g>
+<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">Rosebush</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="M27 126q-8-28 14-39-12-20 10-29 8-25 28-11 21-13 30 9 23 7 11 27 18 18-5 31 1 20-23 12Z" fill="#2f6d3e"/>
+<path d="M37 113q31-58 70-3M34 92q33 8 74-18" fill="none" stroke="#456c35" stroke-width="7"/>
+<path d="M46 101l-10-7m25-21l-7-11m32 7l7-11m7 35l12-7" fill="none" stroke="#d6c05a" stroke-width="4"/>
+<g fill="#c73345"><circle cx="50" cy="77" r="10"/><circle cx="78" cy="60" r="11"/><circle cx="101" cy="84" r="10"/><circle cx="72" cy="104" r="9"/></g>
+<path d="M45 77q5-7 11 0-5 7-11 0Zm27-17q6-8 12 0-6 8-12 0Zm24 24q5-7 11 0-5 7-11 0Zm-29 20q5-6 10 0-5 6-10 0Z" fill="#ed7280" stroke-width="1.5"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/safe.svg b/packages/web/public/tokens-svg/safe.svg
index 3d79fca..06cf2bf 100644
--- a/packages/web/public/tokens-svg/safe.svg
+++ b/packages/web/public/tokens-svg/safe.svg
@@ -1,10 +1,20 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Safe token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Safe</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M38 53l61-12 14 71-66 11Z" fill="#767e80"/><path d="M51 62l40-7 8 49-43 8Z" fill="#aab1b0"/><circle cx="74" cy="82" r="13" fill="none"/><path d="M74 69v26M61 82h26m-13 0l11-8m-11 8l-9 10" fill="none"/><path d="M45 121l-2 8m62-18l4 9"/></g>
+<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>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/shadow.svg b/packages/web/public/tokens-svg/shadow.svg
index 7fe1bba..ebe3413 100644
--- a/packages/web/public/tokens-svg/shadow.svg
+++ b/packages/web/public/tokens-svg/shadow.svg
@@ -1,10 +1,17 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Shadow token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="46" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Shadow</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M34 116q8-33 26-39-11-28 13-37 23 8 14 34 23 12 25 41Z" fill="#172a27"/><path d="M37 88L17 75m25 26l-23 8m88-20l20-13m-17 26l20 8" fill="none" stroke="#172a27" stroke-width="8"/><path d="M65 61l7-4 7 4" fill="none" stroke="#d6f2cb"/></g>
+<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">Shadow</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="M38 128q5-29 13-44-13-17 2-28 0-22 19-23 20 2 20 23 16 11 2 29 9 16 13 43Z" fill="#202523"/>
+<path d="M52 61q20-16 40 0-4-25-20-28-17 4-20 28Z" fill="#303532"/>
+<circle cx="64" cy="66" r="4" fill="#d8d46a" stroke="none"/><circle cx="82" cy="66" r="4" fill="#d8d46a" stroke="none"/>
+<path d="M51 86L22 109m72-23l29 23" fill="none" stroke="#202523" stroke-width="10"/>
+<path d="M31 128q18-13 28-3 13-14 25 0 12-9 25 3" fill="#202523"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/skeleton.svg b/packages/web/public/tokens-svg/skeleton.svg
index b59bb68..4b33f69 100644
--- a/packages/web/public/tokens-svg/skeleton.svg
+++ b/packages/web/public/tokens-svg/skeleton.svg
@@ -1,10 +1,20 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Skeleton token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="47" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Skeleton</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="72" cy="62" r="22" fill="#eee8d5"/><circle cx="64" cy="58" r="6"/><circle cx="81" cy="58" r="6"/><path d="M69 71l3-6 4 6m-14 8h21M72 84v33M53 94l19 9 20-10M72 117l-17 13m17-13l18 13" fill="none"/><path d="M30 62l-10-9m94 10l11-11M29 98l-13 7m99-7l14 8" fill="none"/></g>
+<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">Skeleton</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">
+<circle cx="72" cy="49" r="18" fill="#ddd3b6"/>
+<circle cx="65" cy="47" r="5" fill="#31312d"/><circle cx="80" cy="47" r="5" fill="#31312d"/>
+<path d="M68 58l4-5 4 5m-10 7q7 5 14 0" fill="none"/>
+<path d="M72 68v42m-20-29l20 12 21-12M56 76l-19 23m51-23l19 23M72 110l-17 20m17-20l18 20" fill="none" stroke="#29251e" stroke-width="10"/>
+<path d="M72 68v42m-20-29l20 12 21-12M56 76l-19 23m51-23l19 23M72 110l-17 20m17-20l18 20" fill="none" stroke="#ddd3b6" stroke-width="6"/>
+<path d="M58 88h28m-27 9h26m-22 9h18" fill="none" stroke="#29251e" stroke-width="8"/>
+<path d="M58 88h28m-27 9h26m-22 9h18" fill="none" stroke="#ddd3b6" stroke-width="4"/>
+<path d="M101 61l15 69" fill="none" stroke="#754d2e" stroke-width="4"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/slime.svg b/packages/web/public/tokens-svg/slime.svg
index 8448677..92b553c 100644
--- a/packages/web/public/tokens-svg/slime.svg
+++ b/packages/web/public/tokens-svg/slime.svg
@@ -1,10 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Slime token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="48" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Slime</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M25 56q23-14 48-3 24-12 47 4v46q-8 19-22 3-12 26-27 1-14 19-25 0-13 13-21-3Z" fill="#0e754a"/><path d="M25 56q23 9 48-3 24 10 47 4" fill="none" stroke="#55ac76"/><path d="M43 103v18m34-15v25m27-29v17" fill="none" stroke="#0e754a" stroke-width="8"/><ellipse cx="73" cy="129" rx="51" ry="7" fill="#3a9667" opacity=".6"/></g>
+<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">Slime</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="M25 55h94" fill="none" stroke="#5c5140" stroke-width="7"/>
+<path d="M31 54q14-10 27 0 14-9 29 0 13-8 27 0l-4 34-8-8-5 32-9-9-7 22-10-18-8 7-7-34-9 11-7-25-9 8Z" fill="#23764b"/>
+<path d="M34 61q36 12 76 0M43 70q30 9 58 0" fill="none" stroke="#4c9a64" stroke-width="4"/>
+<path d="M50 60l-3 29m19-31l-2 48m22-47l-4 48m20-46l-4 27" fill="none" stroke="#165638" stroke-width="5"/>
+<ellipse cx="72" cy="128" rx="42" ry="7" fill="#23764b"/>
+<path d="M38 127q33-8 68 0" fill="none" stroke="#58a56e" stroke-width="3"/>
+<circle cx="39" cy="96" r="3" fill="#23764b"/><circle cx="105" cy="103" r="4" fill="#23764b"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/solid-stone.svg b/packages/web/public/tokens-svg/solid-stone.svg
index c2b426a..f845f91 100644
--- a/packages/web/public/tokens-svg/solid-stone.svg
+++ b/packages/web/public/tokens-svg/solid-stone.svg
@@ -1,10 +1,17 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Solid Stone token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="49" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Solid Stone</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M24 111l9-48 19-17 47 2 20 18-5 48Z" fill="#9da09a"/><path d="M33 63l28 9 38-24M61 72l-7 41m7-41l29 42m9-66l-9 66" fill="none" stroke="#666a66"/><path d="M25 111q44 8 89 3" fill="none"/></g>
+<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">Solid Stone</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="M34 123V50l16-16h61v73l-16 16Z" fill="#77766b"/>
+<path d="M34 50h61v73H34Z" fill="#88877a"/>
+<path d="M95 50l16-16v73l-16 16Z" fill="#62635c"/>
+<path d="M50 34v16m45 0l16-16M46 70h37m-49 23h61m-44 0v30m29-53v23m15 0h16" fill="none" stroke="#55574f" stroke-width="4"/>
+<path d="M41 57q19-6 39 0M56 99q15-5 31 0" fill="none" stroke="#a09e8d" stroke-width="3"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/tacks.svg b/packages/web/public/tokens-svg/tacks.svg
index a0311c1..651d9c2 100644
--- a/packages/web/public/tokens-svg/tacks.svg
+++ b/packages/web/public/tokens-svg/tacks.svg
@@ -1,10 +1,15 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Tacks token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="50" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Tacks</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><g fill="#c9c7b9"><path d="M35 60l15 7-11 5 2 28-7-26-12 1Z"/><path d="M82 50l16 8-12 5 2 28-7-26-12 1Z"/><path d="M61 91l15 7-11 5 2 27-7-25-12 1Z"/><path d="M108 84l14 7-10 5 1 25-6-23-11 1Z"/></g><path d="M21 112q50 12 107 1" fill="none" stroke="#9b7d4b"/></g>
+<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">Tacks</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">
+<g fill="#8d9290"><path d="M34 51l8 22 9-22-9 8Z"/><path d="M80 42l8 22 9-22-9 8Z"/><path d="M55 91l8 22 9-22-9 8Z"/><path d="M100 83l8 22 9-22-9 8Z"/><path d="M28 105l8 22 9-22-9 8Z"/></g>
+<g fill="#c8cbc1"><ellipse cx="42" cy="74" rx="13" ry="5"/><ellipse cx="88" cy="65" rx="13" ry="5"/><ellipse cx="63" cy="114" rx="13" ry="5"/><ellipse cx="108" cy="106" rx="13" ry="5"/><ellipse cx="36" cy="128" rx="13" ry="5"/></g>
+<path d="M36 74h12m34-9h12m-37 49h12m33-8h12m-84 22h12" fill="none" stroke="#5b5f5d" stroke-width="2"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/thorn-bush.svg b/packages/web/public/tokens-svg/thorn-bush.svg
index c2b0b5d..ce391c3 100644
--- a/packages/web/public/tokens-svg/thorn-bush.svg
+++ b/packages/web/public/tokens-svg/thorn-bush.svg
@@ -1,10 +1,16 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Thorn Bush token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="51" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Thorn Bush</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M27 111q4-43 34-35-2-31 19-16 27-11 27 19 26 15 8 39Z" fill="#247348"/><path d="M39 106l55-41M47 73l51 40" fill="none" stroke="#174b31" stroke-width="5"/><path d="M41 90l-13-8m28 3l-5-16m33 11l8-16m-2 34l18-4m-50 17l-7 16" fill="none" stroke="#eee8d5"/></g>
+<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">Thorn Bush</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="M24 126q-8-28 14-39-12-21 11-29 7-24 28-12 20-12 30 9 23 7 11 28 17 18-5 30 1 21-23 13Z" fill="#285a37"/>
+<path d="M31 119q24-59 77-10M31 91q35 13 79-17M49 126q2-35 53-69" fill="none" stroke="#476536" stroke-width="8"/>
+<path d="M43 97l-12-7m27-15l-7-13m27 5l7-13m15 28l13-9m-45 33l-9 13m30-14l8 13" fill="none" stroke="#d1bd58" stroke-width="5"/>
+<g fill="#3d7447"><ellipse cx="48" cy="74" rx="12" ry="8"/><ellipse cx="75" cy="56" rx="12" ry="8"/><ellipse cx="99" cy="91" rx="13" ry="8"/><ellipse cx="69" cy="110" rx="14" ry="8"/></g></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/treasure-0.svg b/packages/web/public/tokens-svg/treasure-0.svg
index a824286..e26e77e 100644
--- a/packages/web/public/tokens-svg/treasure-0.svg
+++ b/packages/web/public/tokens-svg/treasure-0.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Treasure token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="21" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Treasure</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M35 67q37-25 74 0v20H35Z" fill="#329664"/><path d="M31 87h82v34H31Z" fill="#6d4a2b"/><path d="M35 93h74M51 88v32m42-32v32" fill="none" stroke="#e8c068"/><rect x="65" y="84" width="14" height="18" rx="2" fill="#f1c64d"/><circle cx="72" cy="78" r="7" fill="#ffd84d"/><path d="M43 91l-12 17m69-17l13 16M56 91l-5 24m37-24l6 23" fill="none" stroke="#d69d23"/></g>
+<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">Treasure</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="M38 124h68l-7-17H45Z" fill="#6a5840"/>
+<path d="M54 108q-2-25 18-33 19 8 18 33Z" fill="#23764b"/>
+<path d="M72 76q-22-13-9-33 4 14 17 13 15-1 16-16 16 22-6 36" fill="#23764b"/>
+<path d="M64 46q7-16 15 0m9 8l9-9M61 57l-12-8" fill="none" stroke="#164b35" stroke-width="5"/>
+<circle cx="69" cy="57" r="2" fill="#ead568"/><circle cx="84" cy="56" r="2" fill="#ead568"/>
+<path d="M64 88q9 8 17 0m-22 13h28" fill="none" stroke="#9fc878" stroke-width="3"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/treasure-1.svg b/packages/web/public/tokens-svg/treasure-1.svg
index d1bf758..e22058f 100644
--- a/packages/web/public/tokens-svg/treasure-1.svg
+++ b/packages/web/public/tokens-svg/treasure-1.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Treasure token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="22" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Treasure</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M35 67q37-25 74 0v20H35Z" fill="#e34a44"/><path d="M31 87h82v34H31Z" fill="#6d4a2b"/><path d="M35 93h74M51 88v32m42-32v32" fill="none" stroke="#e8c068"/><rect x="65" y="84" width="14" height="18" rx="2" fill="#f1c64d"/></g>
+<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">Treasure</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="M56 119h32M62 112h20l-4-29H66Z" fill="#bd9a54"/>
+<path d="M48 52h48l-5 31q-18 18-38 0Z" fill="#d54835"/>
+<path d="M50 59q22 8 44 0" fill="none" stroke="#f0bd72" stroke-width="4"/>
+<path d="M49 61q-19-9-22 8 3 18 25 15m43-23q19-9 22 8-3 18-25 15" fill="none" stroke="#8a3028" stroke-width="7"/>
+<path d="M72 37l7 10 12 2-9 8 2 12-12-6-11 6 2-12-9-8 12-2Z" fill="#f05a4b"/>
+<circle cx="72" cy="51" r="5" fill="#f5c062"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/treasure-2.svg b/packages/web/public/tokens-svg/treasure-2.svg
index 8085ba7..0a1a34e 100644
--- a/packages/web/public/tokens-svg/treasure-2.svg
+++ b/packages/web/public/tokens-svg/treasure-2.svg
@@ -1,10 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Treasure token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="23" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Treasure</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M35 67q37-25 74 0v20H35Z" fill="#b72d6b"/><path d="M31 87h82v34H31Z" fill="#6d4a2b"/><path d="M35 93h74M51 88v32m42-32v32" fill="none" stroke="#e8c068"/><rect x="65" y="84" width="14" height="18" rx="2" fill="#f1c64d"/></g>
+<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">Treasure</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">
+<ellipse cx="72" cy="72" rx="31" ry="37" fill="#b62f75"/>
+<ellipse cx="72" cy="72" rx="23" ry="29" fill="#dca6c3"/>
+<path d="M59 79q13-18 27-2-6 13-27 2Z" fill="#775070"/>
+<circle cx="77" cy="69" r="7" fill="#f0d6e5"/>
+<path d="M64 107l-5 17h26l-6-17" fill="#b62f75"/>
+<path d="M54 36l-6-10m42 10l7-10M43 50l-11-5m69 5l11-5" fill="none" stroke="#b62f75" stroke-width="4"/>
+<circle cx="72" cy="31" r="4" fill="#f1b4d3"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/treasure-3.svg b/packages/web/public/tokens-svg/treasure-3.svg
index 7a98c3d..8c5d62d 100644
--- a/packages/web/public/tokens-svg/treasure-3.svg
+++ b/packages/web/public/tokens-svg/treasure-3.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Treasure token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="24" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Treasure</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M35 67q37-25 74 0v20H35Z" fill="#6c3eae"/><path d="M31 87h82v34H31Z" fill="#6d4a2b"/><path d="M35 93h74M51 88v32m42-32v32" fill="none" stroke="#e8c068"/><rect x="65" y="84" width="14" height="18" rx="2" fill="#f1c64d"/><circle cx="72" cy="78" r="7" fill="#ffd84d"/><path d="M43 91l-12 17m69-17l13 16M56 91l-5 24m37-24l6 23" fill="none" stroke="#d69d23"/></g>
+<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">Treasure</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="M43 121h58l-8-14H51Z" fill="#554c52"/>
+<path d="M53 107q3-18 19-21 17 3 20 21Z" fill="#6b516c"/>
+<circle cx="72" cy="65" r="30" fill="#6c3eae"/>
+<path d="M53 64q18-23 39-1-12 24-39 1Z" fill="#9c83d1"/>
+<path d="M61 46l4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1Z" fill="#ddd3f2" stroke-width="1.5"/>
+<path d="M49 89q-12-8-13-22m59 22q12-8 13-22" fill="none" stroke="#39343e" stroke-width="6"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/treasure-4.svg b/packages/web/public/tokens-svg/treasure-4.svg
index da11335..dfc8df0 100644
--- a/packages/web/public/tokens-svg/treasure-4.svg
+++ b/packages/web/public/tokens-svg/treasure-4.svg
@@ -1,10 +1,17 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Treasure token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="25" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Treasure</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M35 67q37-25 74 0v20H35Z" fill="#2389a9"/><path d="M31 87h82v34H31Z" fill="#6d4a2b"/><path d="M35 93h74M51 88v32m42-32v32" fill="none" stroke="#e8c068"/><rect x="65" y="84" width="14" height="18" rx="2" fill="#f1c64d"/><circle cx="72" cy="78" r="7" fill="#ffd84d"/><path d="M43 91l-12 17m69-17l13 16M56 91l-5 24m37-24l6 23" fill="none" stroke="#d69d23"/></g>
+<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">Treasure</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 105l8-45 23 21 11-34 14 34 20-22 7 46Z" fill="#1683a6"/>
+<path d="M34 105h77v17H34Z" fill="#0e5b72"/>
+<path d="M43 93q29 10 60 0M41 113h64" fill="none" stroke="#7ac6d8" stroke-width="4"/>
+<circle cx="48" cy="78" r="6" fill="#c5eff3"/><circle cx="73" cy="67" r="7" fill="#d6f2f2"/><circle cx="96" cy="78" r="6" fill="#c5eff3"/>
+<path d="M41 52l-7-11m73 11l7-11M73 37V25" fill="none" stroke="#1683a6" stroke-width="4"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/treasure-5.svg b/packages/web/public/tokens-svg/treasure-5.svg
index 778f44b..31bf1c5 100644
--- a/packages/web/public/tokens-svg/treasure-5.svg
+++ b/packages/web/public/tokens-svg/treasure-5.svg
@@ -1,10 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Treasure token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="26" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Treasure</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M35 67q37-25 74 0v20H35Z" fill="#e3bd26"/><path d="M31 87h82v34H31Z" fill="#6d4a2b"/><path d="M35 93h74M51 88v32m42-32v32" fill="none" stroke="#e8c068"/><rect x="65" y="84" width="14" height="18" rx="2" fill="#f1c64d"/></g>
+<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">Treasure</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="M38 67h68v52H38Z" fill="#e0a733"/>
+<path d="M34 60q38-23 76 0l-4 13H38Z" fill="#b67f25"/>
+<path d="M45 76h54v35H45Z" fill="#edc04a"/>
+<circle cx="72" cy="93" r="13" fill="#f5d879"/>
+<path d="M72 74v8m0 22v9M53 93h8m22 0h9M58 79l6 6m16 16l6 6m0-28l-6 6m-16 16l-6 6" fill="none" stroke="#a16a19" stroke-width="4"/>
+<rect x="67" y="88" width="10" height="14" rx="2" fill="#7d511d"/>
+<path d="M47 60l-7-10m57 10l7-10" fill="none" stroke="#e0a733" stroke-width="4"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/troll.svg b/packages/web/public/tokens-svg/troll.svg
index 3c0a614..4d6af95 100644
--- a/packages/web/public/tokens-svg/troll.svg
+++ b/packages/web/public/tokens-svg/troll.svg
@@ -1,10 +1,21 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Troll token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="52" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Troll</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M30 112q8-46 30-45-9-25 14-31 27 3 18 31 24 3 25 44Z" fill="#d4d5b8"/><path d="M49 53l-17-15 7 27m56-12l18-15-8 28" fill="#d4d5b8"/><circle cx="62" cy="71" r="4"/><circle cx="85" cy="71" r="4"/><path d="M49 91q24 16 48 0" fill="none"/><path d="M52 94l7 11 7-8 8 12 8-12 8 9 7-13" fill="#fff"/><path d="M48 47q24-25 50 0" fill="none" stroke="#64328f" stroke-width="10"/></g>
+<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">Troll</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="M32 129q2-39 18-58h44q17 19 19 58Z" fill="#68764e"/>
+<circle cx="72" cy="56" r="24" fill="#758558"/>
+<path d="M49 48L29 39l17 22m49-13l20-9-17 22" fill="#758558"/>
+<path d="M58 48q14-11 28 0" fill="none" stroke="#38392f" stroke-width="7"/>
+<circle cx="61" cy="58" r="3"/><circle cx="83" cy="58" r="3"/>
+<path d="M62 72q10 8 21 0" fill="none"/>
+<path d="M55 77q17 18 34 0M45 83l-25 26m79-26l22 25" fill="none" stroke="#68764e" stroke-width="11"/>
+<path d="M105 46l13 78" fill="none" stroke="#6e492b" stroke-width="9"/>
+<path d="M98 49l18-12 9 13-18 12Z" fill="#7f6543"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/wizard-0.svg b/packages/web/public/tokens-svg/wizard-0.svg
index 6954220..f19fcfc 100644
--- a/packages/web/public/tokens-svg/wizard-0.svg
+++ b/packages/web/public/tokens-svg/wizard-0.svg
@@ -1,14 +1,22 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Wizard token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="11" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Wizard</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M41 124q31-28 62 0" fill="#23764b"/><ellipse cx="72" cy="76" rx="25" ry="30" fill="#edc9a8"/>
-<path d="M46 66q25-32 51 0v-8L38 25 38 61Z" fill="#23764b"/><path d="M49 69q23-14 47 0" fill="none" stroke="#f4d467" stroke-width="4"/>
-<path d="M52 74q8-11 16 0m9 0q8-11 15 0" fill="none"/><circle cx="63" cy="78" r="2.3"/><circle cx="84" cy="78" r="2.3"/>
-<path d="M73 81q-7 9 2 11m-12 8q11 5 22-1" fill="none"/><path d="M48 73q-7 21 8 35M96 71q8 23-9 38" fill="none" stroke="#e9e2c8" stroke-width="8"/>
-<path d="M40 56l-10-7m72 9l12-7M35 84l-13 3m83-2l15 4" fill="none" stroke="#23764b"/></g>
+<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">Wizard</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 130q7-31 23-48 12-13 24-4 14 11 22 52Z" fill="#23764b"/>
+<path d="M34 129q11-14 20-18m34-27q-3 25 9 44" fill="none" stroke="#164b35" stroke-width="5"/>
+<circle cx="67" cy="62" r="15" fill="#d8a77d"/>
+<path d="M53 59q2-19 19-19 13 2 16 17-13-7-35 2Z" fill="#d2c8a8"/>
+<path d="M52 55q-10 2-17-4 13-9 22-8-2-11 13-19 12 13 10 22 10 1 14 8-20-6-42 1Z" fill="#23764b"/>
+<path d="M60 62q4-4 7 0m8-1q4-3 7 1M67 71q7 4 12-1M60 73q7 14 20 12" fill="none"/>
+<circle cx="57" cy="67" r="3" fill="#d2c8a8"/><circle cx="84" cy="67" r="3" fill="#d2c8a8"/>
+<path d="M111 130q1-43-6-80m-6 10q7-4 13-14m-9 19q9-4 13 1" fill="none" stroke="#6e492b" stroke-width="5"/>
+<path d="M99 44q6-11 12 0-4 7-12 0Z" fill="#789e56"/>
+<path d="M38 106q-14 4-18 15m27-31q-11 1-16 8" fill="none" stroke="#23764b" stroke-width="8"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/wizard-1.svg b/packages/web/public/tokens-svg/wizard-1.svg
index 35ecf6c..bf143d1 100644
--- a/packages/web/public/tokens-svg/wizard-1.svg
+++ b/packages/web/public/tokens-svg/wizard-1.svg
@@ -1,14 +1,23 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Wizard token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="12" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Wizard</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M41 124q31-28 62 0" fill="#d54835"/><ellipse cx="72" cy="76" rx="25" ry="30" fill="#edc9a8"/>
-<path d="M46 66q25-32 51 0v-8L45 25 38 61Z" fill="#d54835"/><path d="M49 69q23-14 47 0" fill="none" stroke="#f4d467" stroke-width="4"/>
-<path d="M52 74q8-11 16 0m9 0q8-11 15 0" fill="none"/><circle cx="63" cy="78" r="2.3"/><circle cx="84" cy="78" r="2.3"/>
-<path d="M73 81q-7 9 2 11m-12 8q11 6 22-1" fill="none"/><path d="M48 73q-7 21 8 35M96 71q8 23-9 38" fill="none" stroke="#7e2b1f" stroke-width="8"/>
-<path d="M40 56l-10-7m72 9l12-7M35 84l-13 3m83-2l15 4" fill="none" stroke="#d54835"/></g>
+<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">Wizard</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="M39 128l6-45 17-10h21l18 11 5 44Z" fill="#d54835"/>
+<path d="M44 84l-18 21m71-20l20 20" fill="none" stroke="#d54835" stroke-width="10"/>
+<path d="M37 128l-9 5m68-5l13 5" fill="none" stroke="#522d25" stroke-width="7"/>
+<circle cx="72" cy="56" r="17" fill="#8a573f"/>
+<path d="M55 54q4-19 19-18 17 2 17 20-19-10-36-2Z" fill="#382b27"/>
+<path d="M58 63q13 20 29 0-1 23-15 24-13-3-14-24Z" fill="#3b2924"/>
+<circle cx="66" cy="58" r="2"/><circle cx="79" cy="58" r="2"/>
+<path d="M64 70q8 4 16-1M62 79q10 4 21-1" fill="none" stroke="#d2a37c"/>
+<path d="M51 82l21 17 22-17M72 99v28" fill="none" stroke="#7e2b1f" stroke-width="5"/>
+<path d="M18 101q-8-13 4-20-1 10 8 10-2-14 8-18 3 16-7 28Z" fill="#f49b34"/>
+<path d="M109 101q-7-13 4-20-1 10 7 10 0-12 9-16 3 17-6 27Z" fill="#f3cf4d"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/wizard-2.svg b/packages/web/public/tokens-svg/wizard-2.svg
index 5dcc7ed..b3f6f66 100644
--- a/packages/web/public/tokens-svg/wizard-2.svg
+++ b/packages/web/public/tokens-svg/wizard-2.svg
@@ -1,14 +1,22 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Wizard token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="13" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Wizard</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M41 124q31-28 62 0" fill="#b62f75"/><ellipse cx="72" cy="76" rx="25" ry="30" fill="#edc9a8"/>
-<path d="M46 66q25-32 51 0v-8L52 25 38 61Z" fill="#b62f75"/><path d="M49 69q23-14 47 0" fill="none" stroke="#f4d467" stroke-width="4"/>
-<path d="M52 74q8-11 16 0m9 0q8-11 15 0" fill="none"/><circle cx="63" cy="78" r="2.3"/><circle cx="84" cy="78" r="2.3"/>
-<path d="M73 81q-7 9 2 11m-12 8q11 7 22-1" fill="none"/><path d="M48 73q-7 21 8 35M96 71q8 23-9 38" fill="none" stroke="#9c235d" stroke-width="8"/>
-<path d="M40 56l-10-7m72 9l12-7M35 84l-13 3m83-2l15 4" fill="none" stroke="#b62f75"/></g>
+<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">Wizard</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="M51 128q-2-39 9-59h24q13 22 9 59Z" fill="#b62f75"/>
+<path d="M52 127q12-17 21-29 9 13 20 29M58 86q15 8 29 0" fill="none" stroke="#7f214e" stroke-width="5"/>
+<ellipse cx="72" cy="57" rx="14" ry="18" fill="#5f3b2e"/>
+<path d="M56 53q3-18 16-20 14 3 17 20-9-7-33 0Z" fill="#171b23"/>
+<path d="M60 41q12-18 24 0l5 12q-18-8-33 0Z" fill="#b62f75"/>
+<circle cx="67" cy="58" r="2" fill="#171b23"/><circle cx="79" cy="58" r="2" fill="#171b23"/>
+<path d="M68 68q6 3 12-1" fill="none" stroke="#d19b7c"/>
+<path d="M53 81q-20 8-26 26m64-24q19 6 25 24" fill="none" stroke="#b62f75" stroke-width="8"/>
+<path d="M19 100l13-15 13 14-13 15Z" fill="#d66aa0"/><path d="M99 89q16 2 23 14-12 8-25 1Z" fill="#df92b7"/>
+<path d="M28 96l8 8m72-8l7 7" fill="none" stroke="#f4e8c8" stroke-width="2"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/wizard-3.svg b/packages/web/public/tokens-svg/wizard-3.svg
index 7819353..2583556 100644
--- a/packages/web/public/tokens-svg/wizard-3.svg
+++ b/packages/web/public/tokens-svg/wizard-3.svg
@@ -1,14 +1,22 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Wizard token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="14" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Wizard</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M41 124q31-28 62 0" fill="#29345f"/><ellipse cx="72" cy="76" rx="25" ry="30" fill="#edc9a8"/>
-<path d="M46 66q25-32 51 0v-8L38 25 38 61Z" fill="#29345f"/><path d="M49 69q23-14 47 0" fill="none" stroke="#f4d467" stroke-width="4"/>
-<path d="M52 74q8-11 16 0m9 0q8-11 15 0" fill="none"/><circle cx="63" cy="78" r="2.3"/><circle cx="84" cy="78" r="2.3"/>
-<path d="M73 81q-7 9 2 11m-12 8q11 5 22-1" fill="none"/><path d="M48 73q-7 21 8 35M96 71q8 23-9 38" fill="none" stroke="#25282b" stroke-width="8"/>
-<path d="M40 56l-10-7m72 9l12-7M35 84l-13 3m83-2l15 4" fill="none" stroke="#29345f"/></g>
+<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">Wizard</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="M37 129q4-38 20-57h29q17 20 21 57Z" fill="#29345f"/>
+<path d="M45 121q23-16 53 0M51 92l42 24" fill="none" stroke="#58648f" stroke-width="4"/>
+<circle cx="69" cy="57" r="15" fill="#d8a77d"/>
+<path d="M53 55q3-16 17-17 15 1 17 18-19-9-34-1Z" fill="#c9c1aa"/>
+<path d="M51 48q2-16 18-27 18 15 21 33-17-9-39-6Z" fill="#29345f"/>
+<path d="M69 22l4 7 8 1-6 5 2 8-8-4-7 4 1-8-6-5 8-1Z" fill="#e7d17b" stroke-width="1.5"/>
+<circle cx="64" cy="58" r="2"/><circle cx="77" cy="58" r="2"/>
+<path d="M57 66q3 26 15 32 13-8 14-32-10 9-29 0Z" fill="#ddd3b6"/>
+<path d="M43 88q-15 4-20 20m70-17q16 4 22 15" fill="none" stroke="#29345f" stroke-width="8"/>
+<circle cx="109" cy="105" r="12" fill="#6c3eae"/><path d="M101 105q8-9 16 0-8 9-16 0Z" fill="#b29ae1" stroke-width="1.5"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/wizard-4.svg b/packages/web/public/tokens-svg/wizard-4.svg
index 4ec3fa1..47bfa52 100644
--- a/packages/web/public/tokens-svg/wizard-4.svg
+++ b/packages/web/public/tokens-svg/wizard-4.svg
@@ -1,14 +1,23 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Wizard token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="15" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Wizard</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M41 124q31-28 62 0" fill="#1683a6"/><ellipse cx="72" cy="76" rx="25" ry="30" fill="#edc9a8"/>
-<path d="M46 66q25-32 51 0v-8L45 25 38 61Z" fill="#1683a6"/><path d="M49 69q23-14 47 0" fill="none" stroke="#f4d467" stroke-width="4"/>
-<path d="M52 74q8-11 16 0m9 0q8-11 15 0" fill="none"/><circle cx="63" cy="78" r="2.3"/><circle cx="84" cy="78" r="2.3"/>
-<path d="M73 81q-7 9 2 11m-12 8q11 6 22-1" fill="none"/><path d="M48 73q-7 21 8 35M96 71q8 23-9 38" fill="none" stroke="#e7e2cf" stroke-width="8"/>
-<path d="M40 56l-10-7m72 9l12-7M35 84l-13 3m83-2l15 4" fill="none" stroke="#1683a6"/></g>
+<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">Wizard</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="M42 129l7-43 15-10h22l14 11 5 42Z" fill="#1683a6"/>
+<path d="M47 91l-20 18m71-17l19 15" fill="none" stroke="#1683a6" stroke-width="8"/>
+<path d="M46 128l-9 5m59-5l12 5" fill="none" stroke="#3d4240" stroke-width="7"/>
+<circle cx="73" cy="58" r="15" fill="#b97555"/>
+<path d="M57 54q5-18 20-17 13 2 15 18-18-8-35-1Z" fill="#282422"/>
+<path d="M58 48q12-9 28 0" fill="none" stroke="#756d55" stroke-width="5"/>
+<circle cx="65" cy="49" r="6" fill="#8ed3df"/><circle cx="81" cy="49" r="6" fill="#8ed3df"/>
+<circle cx="68" cy="59" r="2"/><circle cx="80" cy="59" r="2"/><path d="M69 69q7 4 13-1" fill="none"/>
+<path d="M92 82l19-30" fill="none" stroke="#6e492b" stroke-width="4"/>
+<path d="M111 49l4 8 8 1-7 5 2 8-7-4-7 4 2-8-7-5 9-1Z" fill="#b8ecf0"/>
+<path d="M52 87h42M58 95l8 5m19-5l-8 5" fill="none" stroke="#0e5b72" stroke-width="3"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/wizard-5.svg b/packages/web/public/tokens-svg/wizard-5.svg
index dad0753..b851f54 100644
--- a/packages/web/public/tokens-svg/wizard-5.svg
+++ b/packages/web/public/tokens-svg/wizard-5.svg
@@ -1,14 +1,23 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Wizard token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="16" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Wizard</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M41 124q31-28 62 0" fill="#e0a733"/><ellipse cx="72" cy="76" rx="25" ry="30" fill="#edc9a8"/>
-<path d="M46 66q25-32 51 0v-8L52 25 38 61Z" fill="#e0a733"/><path d="M49 69q23-14 47 0" fill="none" stroke="#f4d467" stroke-width="4"/>
-<path d="M52 74q8-11 16 0m9 0q8-11 15 0" fill="none"/><circle cx="63" cy="78" r="2.3"/><circle cx="84" cy="78" r="2.3"/>
-<path d="M73 81q-7 9 2 11m-12 8q11 7 22-1" fill="none"/><path d="M48 73q-7 21 8 35M96 71q8 23-9 38" fill="none" stroke="#292723" stroke-width="8"/>
-<path d="M40 56l-10-7m72 9l12-7M35 84l-13 3m83-2l15 4" fill="none" stroke="#e0a733"/></g>
+<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">Wizard</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 129q8-40 28-55h27q19 16 27 55Z" fill="#e0a733"/>
+<path d="M36 120q34-20 71 0M47 96q25 13 50 0" fill="none" stroke="#a06d1f" stroke-width="5"/>
+<circle cx="72" cy="58" r="16" fill="#5f3b2e"/>
+<path d="M54 54q4-17 18-18 15 1 18 18-18-7-36 0Z" fill="#31231e"/>
+<path d="M52 46q8-20 21-21 15 7 20 23-22-6-41-2Z" fill="#e0a733"/>
+<path d="M57 43q14 6 31 0" fill="none" stroke="#f0d16f" stroke-width="4"/>
+<circle cx="66" cy="59" r="2" fill="#171713"/><circle cx="79" cy="59" r="2" fill="#171713"/>
+<path d="M63 69q9 7 18 0" fill="none" stroke="#d28c67"/>
+<path d="M47 84q-18 5-24 23m75-22q18 4 23 20" fill="none" stroke="#e0a733" stroke-width="9"/>
+<path d="M117 129V54" fill="none" stroke="#6e492b" stroke-width="5"/>
+<circle cx="117" cy="44" r="10" fill="#f0c748"/><path d="M117 27v8m0 18v8m-17-17h8m18 0h8m-29-12l6 6m12 12l6 6m0-24l-6 6m-12 12l-6 6" fill="none" stroke="#e6b532" stroke-width="3"/></g>
 </svg>
\ No newline at end of file
diff --git a/packages/web/public/tokens-svg/wraith.svg b/packages/web/public/tokens-svg/wraith.svg
index e7d4ebe..327deec 100644
--- a/packages/web/public/tokens-svg/wraith.svg
+++ b/packages/web/public/tokens-svg/wraith.svg
@@ -1,10 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Wraith token">
 <defs>
- <filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
- <filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
- <pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
+  <filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="53" 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="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
-<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Wraith</text>
-<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M72 38q24 2 25 30 22 9 18 32-13-7-20 7-9 25-23 30-15-7-22-30-8-15-22-7-4-23 19-32 0-27 25-30Z" fill="#172521"/><circle cx="64" cy="63" r="4" fill="#f5edc4" stroke="none"/><circle cx="81" cy="63" r="4" fill="#f5edc4" stroke="none"/><path d="M46 83L20 96m79-13l25 13" fill="none" stroke="#172521" stroke-width="13"/></g>
+<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">Wraith</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 128q14-28 17-48-15-30 24-48 39 18 24 48 4 20 17 48-13-9-23 0-10-11-20 0-10-11-20 0-9-9-19 0Z" fill="#52616e"/>
+<path d="M49 66q5-31 23-34 19 4 24 34-24-16-47 0Z" fill="#3e4954"/>
+<path d="M57 66q15-13 30 0-5 24-15 27-11-4-15-27Z" fill="#252b30"/>
+<circle cx="65" cy="68" r="4" fill="#a7d8dc" stroke="none"/><circle cx="80" cy="68" r="4" fill="#a7d8dc" stroke="none"/>
+<path d="M47 82l-26 25m77-25l24 25" fill="none" stroke="#52616e" stroke-width="9"/>
+<path d="M50 107q22 17 44 0" fill="none" stroke="#738694" stroke-width="5"/></g>
 </svg>
\ No newline at end of file