diff --git a/src/assets/explosions.svg b/src/assets/explosions.svg
new file mode 100644
index 0000000..9bac248
--- /dev/null
+++ b/src/assets/explosions.svg
@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="384" height="64" viewBox="0 0 384 64" shape-rendering="crispEdges">
+  <defs>
+    <radialGradient id="blast" cx="50%" cy="50%" r="55%">
+      <stop offset="0" stop-color="#fff6b0"/>
+      <stop offset="0.28" stop-color="#ffd457"/>
+      <stop offset="0.58" stop-color="#f28b2b"/>
+      <stop offset="0.82" stop-color="#b23d25"/>
+      <stop offset="1" stop-color="#4b241f" stop-opacity=".2"/>
+    </radialGradient>
+    <radialGradient id="smoke" cx="50%" cy="45%" r="60%">
+      <stop offset="0" stop-color="#6d635e"/>
+      <stop offset=".65" stop-color="#3d3a3d"/>
+      <stop offset="1" stop-color="#20242b" stop-opacity=".1"/>
+    </radialGradient>
+  </defs>
+
+  <g transform="translate(0 0)">
+    <circle cx="32" cy="32" r="8" fill="url(#blast)"/>
+    <path d="M32 15l4 11 12-6-7 12 10 7-13 1-2 12-7-10-11 7 6-12-10-7 13-1z" fill="#ffb52e" opacity=".88"/>
+  </g>
+  <g transform="translate(64 0)">
+    <circle cx="32" cy="32" r="15" fill="url(#blast)"/>
+    <circle cx="20" cy="31" r="7" fill="#f47a25"/>
+    <circle cx="45" cy="27" r="8" fill="#ff9a2e"/>
+    <circle cx="36" cy="45" r="8" fill="#d94f24"/>
+  </g>
+  <g transform="translate(128 0)">
+    <circle cx="32" cy="32" r="22" fill="url(#blast)"/>
+    <circle cx="16" cy="28" r="8" fill="#f36f25"/>
+    <circle cx="48" cy="25" r="9" fill="#f7932f"/>
+    <circle cx="43" cy="46" r="9" fill="#cf4a24"/>
+    <circle cx="23" cy="47" r="8" fill="#e15c25"/>
+  </g>
+  <g transform="translate(192 0)">
+    <circle cx="32" cy="32" r="19" fill="#b84a27" opacity=".9"/>
+    <circle cx="19" cy="26" r="10" fill="#ed7029" opacity=".88"/>
+    <circle cx="45" cy="29" r="11" fill="#d65b25" opacity=".86"/>
+    <circle cx="35" cy="45" r="10" fill="#7a3427" opacity=".82"/>
+    <circle cx="31" cy="30" r="7" fill="#ffc948" opacity=".8"/>
+  </g>
+  <g transform="translate(256 0)">
+    <circle cx="25" cy="30" r="13" fill="url(#smoke)" opacity=".92"/>
+    <circle cx="42" cy="28" r="14" fill="url(#smoke)" opacity=".88"/>
+    <circle cx="34" cy="43" r="13" fill="url(#smoke)" opacity=".84"/>
+    <circle cx="22" cy="46" r="8" fill="#272b31" opacity=".7"/>
+    <circle cx="46" cy="45" r="7" fill="#272b31" opacity=".65"/>
+    <circle cx="31" cy="29" r="4" fill="#cc5927" opacity=".8"/>
+  </g>
+  <g transform="translate(320 0)">
+    <circle cx="24" cy="31" r="12" fill="url(#smoke)" opacity=".7"/>
+    <circle cx="41" cy="30" r="13" fill="url(#smoke)" opacity=".68"/>
+    <circle cx="34" cy="43" r="12" fill="url(#smoke)" opacity=".62"/>
+    <circle cx="18" cy="42" r="6" fill="#252a31" opacity=".45"/>
+    <circle cx="48" cy="43" r="6" fill="#252a31" opacity=".42"/>
+  </g>
+</svg>