diff --git a/public/assets/bg-hud-2.png b/public/assets/bg-hud-2.png
new file mode 100644
index 0000000..c832bfc
Binary files /dev/null and b/public/assets/bg-hud-2.png differ
diff --git a/public/assets/bg-hud.png b/public/assets/bg-hud.png
new file mode 100644
index 0000000..7eef9a4
Binary files /dev/null and b/public/assets/bg-hud.png differ
diff --git a/public/assets/shapes/hud-shape-empty.svg b/public/assets/shapes/hud-shape-empty.svg
new file mode 100644
index 0000000..15761e8
--- /dev/null
+++ b/public/assets/shapes/hud-shape-empty.svg
@@ -0,0 +1 @@
+<svg width="290" xmlns="http://www.w3.org/2000/svg" height="87" id="screenshot-e9942e24-155b-8096-8004-7eaff9882cd6" viewBox="0 0 290 87" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-e9942e24-155b-8096-8004-7eaff9882cd6"><g class="fills" id="fills-e9942e24-155b-8096-8004-7eaff9882cd6"><path d="M3.485,8.722C7.089,3.457,13.144,0.000,20.000,0.000L270.000,0.000C281.038,0.000,290.000,8.962,290.000,20.000L290.000,67.000C290.000,78.038,281.038,87.000,270.000,87.000L20.000,87.000C13.166,87.000,7.128,83.565,3.520,78.329C21.157,76.589,35.000,61.648,35.000,43.500C35.000,25.390,21.216,10.475,3.485,8.722ZM0.000,67.000L0.000,20.000"/></g><g id="strokes-e9942e24-155b-8096-8004-7eaff9882cd6" class="strokes"><g class="inner-stroke-shape"><defs><clipPath id="inner-stroke-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0"><use href="#stroke-shape-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0"/></clipPath><path d="M3.485,8.722C7.089,3.457,13.144,0.000,20.000,0.000L270.000,0.000C281.038,0.000,290.000,8.962,290.000,20.000L290.000,67.000C290.000,78.038,281.038,87.000,270.000,87.000L20.000,87.000C13.166,87.000,7.128,83.565,3.520,78.329C21.157,76.589,35.000,61.648,35.000,43.500C35.000,25.390,21.216,10.475,3.485,8.722ZM0.000,67.000L0.000,20.000" id="stroke-shape-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0" style="fill: none; stroke-width: 6; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/></defs><use href="#stroke-shape-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0" clip-path="url('#inner-stroke-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0')"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/components/gui/Hud.vue b/src/components/gui/Hud.vue
index d6733b3..a92d320 100644
--- a/src/components/gui/Hud.vue
+++ b/src/components/gui/Hud.vue
@@ -87,7 +87,7 @@ const socket = useSocketStore()
   }
 
   .hud {
-    background: url('/assets/shapes/hud-shape.svg') center/cover no-repeat;
+    background: url('/assets/shapes/hud-shape-empty.svg') center/cover no-repeat;
     .stats {
       height: calc(100% - 30px);
       display: flex;
@@ -171,9 +171,8 @@ const socket = useSocketStore()
 
   &::before {
     content: '';
-    background: url('/assets/clouds.png') center/cover no-repeat;
+    background: url('/assets/bg-hud-2.png') top/cover no-repeat;
     mask: url('/assets/shapes/hud-image-shape.svg') center/cover no-repeat;
-    mask-mode: luminance;
   }
 
   &.other-player {
@@ -183,6 +182,7 @@ const socket = useSocketStore()
     &::before {
       left: unset;
       right: 30px;
+      background: url('/assets/bg-hud-2.png') center/cover no-repeat;
       mask: url('/assets/shapes/hud-image-shape-flipped.svg') center/cover no-repeat;
     }