Eval-Bar: Hilfslinien (±1..±7) mit mix-blend-mode, Null-Linie 4px, Füllbalken dunkler

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;