From b3d43e37b8877271845cc352681f1a88c34b01ad Mon Sep 17 00:00:00 2001
From: Martin <mki@kies-media.de>
Date: Mon, 25 May 2026 21:21:36 +0200
Subject: [PATCH] =?UTF-8?q?Eval-Bar:=20Hilfslinien=20(=C2=B11..=C2=B17)=20?=
 =?UTF-8?q?mit=20mix-blend-mode,=20Null-Linie=204px,=20F=C3=BCllbalken=20d?=
 =?UTF-8?q?unkler?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 17 +++++++++++++++++
 style.css  | 23 +++++++++++++++++++++--
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index d774443..6802537 100644
--- a/index.html
+++ b/index.html
@@ -34,6 +34,23 @@
                     <div id="board"></div>
                     <div id="eval-bar-container">
                         <div id="eval-bar">
+                            <div id="eval-bar-lines">
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line eval-line-center"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                                <span class="eval-line"></span>
+                            </div>
                             <div id="eval-bar-fill"></div>
                             <div id="eval-bar-marker"></div>
                         </div>
diff --git a/style.css b/style.css
index efc5591..c79d515 100644
--- a/style.css
+++ b/style.css
@@ -162,7 +162,7 @@ header h1 {
   position: absolute;
   bottom: 0;
   width: 100%;
-  background: linear-gradient(to top, #f0f0f0 0%, #d0d0d0 100%);
+  background: linear-gradient(to top, #b0b0b0 0%, #909090 100%);
   transition: height 0.3s ease;
    border-radius: 0 0 7px 7px;
   height: 50%;
@@ -174,10 +174,29 @@ header h1 {
   height: 2px;
   background: #000;
   transition: top 0.3s ease;
-  z-index: 2;
+  z-index: 3;
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
   top: 50%;
 }
+#eval-bar-lines {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.eval-line {
+  height: 1px;
+  background: #eee;
+  mix-blend-mode: difference;
+}
+.eval-line-center {
+  height: 4px;
+  background: #fff;
+  mix-blend-mode: difference;
+}
 #eval-info {
   display: flex;
   flex-direction: column;