From a19d13b1b534f4a0cea604ae50ea9eab3d8eadfd Mon Sep 17 00:00:00 2001
From: nessi <sascha@nesterovic.cc>
Date: Sat, 7 Feb 2026 13:01:52 +0100
Subject: [PATCH] Remove visual effects and adjust HUD overflow behavior

Removed border, background, blur, and shadow effects on specific UI elements to simplify the design. Changed the HUD overflow property from "hidden" to "visible" to allow better flexibility.
---
 frontend/src/App.jsx       | 8 ++++----
 frontend/src/AppLayout.css | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 1d2f778..7d4e1f7 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -566,10 +566,10 @@ export default function App() {
           minHeight: 0,
           minWidth: 0,
           borderRadius: 18,
-          border: `1px solid ${stylesTokens.panelBorder}`,
-          background: "rgba(0,0,0,0.10)",
-          backdropFilter: "blur(8px)",
-          boxShadow: "0 12px 30px rgba(0,0,0,0.30)",
+          border: "none",
+          background: "transparent",
+          backdropFilter: "none",
+          boxShadow: "none",
           padding: 12,
           overflow: "visible", // ✅ Karte darf raus ragen
           position: "relative",
diff --git a/frontend/src/AppLayout.css b/frontend/src/AppLayout.css
index ad395e9..59b10dc 100644
--- a/frontend/src/AppLayout.css
+++ b/frontend/src/AppLayout.css
@@ -131,7 +131,7 @@ body {
 /* HUD */
 .playerHud {
   align-items: stretch;
-  overflow: hidden;
+  overflow: visible;
   display: grid;
   grid-template-columns: 1.1fr 1.7fr 1.1fr;
   gap: 14px;