bessere Farbe

app/components/Bracket.tsx

@@ -70,7 +70,7 @@ function Tie({
   return (
     <div className={`tie ${isFinal ? "final-tie" : ""}`}>
       <div className="match-badge">{tie.matchNumber}</div>
-      <div className="tie-head">
+      <div className="tie-meta">
         {matchInfo || `Spiel ${tie.matchNumber}`}
       </div>
       <Side s={tie.home} prob={tie.prob?.home} teams={teams} onShowTip={onShowTip} onHideTip={onHideTip} />

app/globals.css

@@ -220,8 +220,8 @@ table.standings { width: 100%; border-collapse: collapse; }
   border-radius: var(--radius-sm); position: relative;
 }
 .tie.final-tie { border-color: var(--gold); box-shadow: 0 0 0 1px rgba(255,210,74,0.2); }
-.tie-head {
-  font-family: var(--font-mono); font-size: 9px; color: var(--ink-faint);
+.tie-meta {
+  font-family: var(--font-mono); font-size: 9px; color: rgba(255,255,255,0.55);
   letter-spacing: 0.04em; padding: 5px 10px 0;
   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }
@@ -230,7 +230,7 @@ table.standings { width: 100%; border-collapse: collapse; }
   font-family: var(--font-mono); font-size: 9px; font-weight: 700;
   line-height: 18px; min-width: 18px; text-align: center;
   border-radius: 999px; padding: 0 4px;
-  background: var(--ink-faint); color: var(--bg-card);
+  background: #1a2744; color: #ffffff; border: 1px solid rgba(255,255,255,0.15);
 }
 .side {
   display: flex; align-items: center; justify-content: space-between;
@@ -349,7 +349,7 @@ table.standings { width: 100%; border-collapse: collapse; }
   .round { min-width: 170px; }
   .round-label { font-size: 10px; }
   .round-matches { gap: 8px; }
-  .tie-head { font-size: 8px; padding: 3px 8px 0; }
+  .tie-meta { font-size: 8px; padding: 3px 8px 0; }
   .side { padding: 6px 8px; font-size: 11px; }
   .side .nm { gap: 5px; }
   .prov-mark { font-size: 10px; }