From ee71a903c20abbc2d441a519ff28b7279bfc96d2 Mon Sep 17 00:00:00 2001
From: Cay <cay@joksch.ch>
Date: Mon, 16 Mar 2026 14:27:50 +0000
Subject: [PATCH] update hud 3

---
 public/css/hud.css       | 30 ++++++++++++++++--------------
 public/css/quickmenu.css |  8 ++++----
 2 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/public/css/hud.css b/public/css/hud.css
index 4a69b44..da9cf9e 100644
--- a/public/css/hud.css
+++ b/public/css/hud.css
@@ -5,7 +5,7 @@
 #hud {
   position: fixed;
   top: 10px;
-  left: 60px;
+  left: 10px;
   z-index: 1500;
 
   display: flex;
@@ -24,7 +24,8 @@
   align-items: center;
   gap: 0;
 
-  background: linear-gradient(135deg,
+  background: linear-gradient(
+    135deg,
     rgba(10, 6, 2, 0.92) 0%,
     rgba(30, 18, 6, 0.92) 100%
   );
@@ -36,11 +37,11 @@
   padding: 6px 14px 6px 6px;
   pointer-events: all;
 
-  min-width: 280px;
+  width: 290px;
 
   box-shadow:
-    0 2px 12px rgba(0,0,0,0.7),
-    inset 0 1px 0 rgba(255,220,80,0.08);
+    0 2px 12px rgba(0, 0, 0, 0.7),
+    inset 0 1px 0 rgba(255, 220, 80, 0.08);
 }
 
 /* Avatar */
@@ -59,7 +60,7 @@
   object-fit: cover;
   display: block;
   border: 2px solid #c8960a;
-  box-shadow: 0 0 10px rgba(200,150,10,0.5);
+  box-shadow: 0 0 10px rgba(200, 150, 10, 0.5);
 }
 
 #hud-vip {
@@ -97,7 +98,7 @@
   font-size: 14px;
   font-weight: bold;
   color: #f0d9a6;
-  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
+  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
   letter-spacing: 0.5px;
 }
 
@@ -127,7 +128,7 @@
   font-weight: bold;
   color: #f0d9a6;
 
-  background: rgba(0,0,0,0.4);
+  background: rgba(0, 0, 0, 0.4);
   border: 1px solid #5a3e15;
   border-radius: 4px;
   padding: 1px 7px;
@@ -157,7 +158,7 @@
 
 #hud-energy-plus:hover {
   background: linear-gradient(#5aaa28, #3a7015);
-  box-shadow: 0 0 6px rgba(100,200,40,0.4);
+  box-shadow: 0 0 6px rgba(100, 200, 40, 0.4);
 }
 
 /* =========================
@@ -169,7 +170,8 @@
   align-items: center;
   gap: 8px;
 
-  background: linear-gradient(135deg,
+  background: linear-gradient(
+    135deg,
     rgba(8, 5, 1, 0.92) 0%,
     rgba(22, 13, 4, 0.92) 100%
   );
@@ -181,7 +183,7 @@
   padding: 5px 10px;
   pointer-events: all;
 
-  box-shadow: 0 4px 12px rgba(0,0,0,0.7);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
 }
 
 /* Einzelne Währung */
@@ -202,7 +204,7 @@
   font-size: 11px;
   font-weight: bold;
   color: #f0d9a6;
-  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
   min-width: 40px;
 }
 
@@ -211,7 +213,7 @@
 .hud-sep {
   width: 1px;
   height: 18px;
-  background: rgba(139,106,42,0.4);
+  background: rgba(139, 106, 42, 0.4);
   margin: 0 2px;
 }
 
@@ -238,6 +240,6 @@
 
 #hud-gold-btn:hover {
   background: linear-gradient(#e4930a, #ffc030);
-  box-shadow: 0 0 8px rgba(240,160,30,0.5);
+  box-shadow: 0 0 8px rgba(240, 160, 30, 0.5);
   transform: scale(1.04);
 }
diff --git a/public/css/quickmenu.css b/public/css/quickmenu.css
index 787db84..16c3d57 100644
--- a/public/css/quickmenu.css
+++ b/public/css/quickmenu.css
@@ -4,8 +4,8 @@
 
 #quickmenu-toggle {
   position: fixed;
-  top: 16px;
-  left: 16px;
+  top: 10px;
+  left: 310px;
   z-index: 2000;
 
   width: 36px;
@@ -38,8 +38,8 @@
 
 #quickmenu-panel {
   position: fixed;
-  top: 60px;
-  left: 16px;
+  top: 140px;
+  left: 10px;
   z-index: 1999;
 
   display: grid;