From 609c85941812188426132796d6f3da5de5304e36 Mon Sep 17 00:00:00 2001
From: cay <cay@joksch.ch>
Date: Mon, 30 Mar 2026 15:48:06 +0100
Subject: [PATCH] cghjl

---
 public/css/hud.css | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/public/css/hud.css b/public/css/hud.css
index 4d3d383..ee94cdf 100644
--- a/public/css/hud.css
+++ b/public/css/hud.css
@@ -4,15 +4,18 @@
 
 #hud {
   position: fixed;
-  top: 10px;
-  left: 10px;
+
+  /* Untere rechte Ecke des HUD = obere linke Ecke der Worldmap (2037x1018, zentriert) */
+  right:  calc(50vw + 1018.5px);
+  bottom: calc(50vh + 509px);
+
   z-index: 1500;
 
   display: flex;
   flex-direction: column;
   gap: 0;
 
-  width: 310px;
+  width: clamp(220px, 16vw, 340px);
 
   pointer-events: none;
 }
@@ -51,14 +54,14 @@
 
 #hud-avatar-wrap {
   position: relative;
-  width: 62px;
-  height: 62px;
+  width: clamp(48px, 4vw, 70px);
+  height: clamp(48px, 4vw, 70px);
   flex-shrink: 0;
 }
 
 #hud-avatar {
-  width: 62px;
-  height: 62px;
+  width: 100%;
+  height: 100%;
   border-radius: 50%;
   object-fit: cover;
   display: block;
@@ -98,7 +101,7 @@
 
 #hud-name {
   font-family: "Cinzel", serif;
-  font-size: 14px;
+  font-size: clamp(11px, 0.9vw, 15px);
   font-weight: bold;
   color: #f0d9a6;
   text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
@@ -248,11 +251,11 @@
 
 .hud-res-value {
   font-family: "Cinzel", serif;
-  font-size: 11px;
+  font-size: clamp(10px, 0.75vw, 13px);
   font-weight: bold;
   color: #f0d9a6;
   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
-  min-width: 40px;
+  min-width: 36px;
 }
 
 /* Trennlinie */