diff --git a/public/css/hud.css b/public/css/hud.css
index e2a87fb..7500aa6 100644
--- a/public/css/hud.css
+++ b/public/css/hud.css
@@ -206,11 +206,23 @@
 }
 
 .hud-res-icon {
-  font-size: 15px;
+  font-size: 0;          /* Emoji-Text verstecken */
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+}
+
+.hud-res-icon::before {
+  content: "";
+  display: block;
+  width: 20px;
+  height: 20px;
+  background: url("/public/images/items/blauer_cristal.png") center / contain no-repeat;
+  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7));
 }
 
 /* Blauer Kristall / Gems – Bild aus der Datenbank */