fixes

app/components/Bracket.tsx

@@ -12,7 +12,10 @@ function Side({
   // fix = ein echtes Team steht fest (nicht vorläufig). Eigene Klasse für klares Styling.
   const fix = s.teamId != null && !s.provisional;
   return (
-    <div className={`side ${s.isWinner ? "win" : ""} ${s.provisional ? "prov" : ""} ${fix ? "fix" : ""}`}>
+    <div
+      className={`side ${s.isWinner ? "win" : ""} ${s.provisional ? "prov" : ""} ${fix ? "fix" : ""}`}
+      title={s.tooltip ?? undefined}
+    >
       <span className="nm">
         {s.teamId ? (
           <>

app/globals.css

@@ -189,10 +189,15 @@ table.standings { width: 100%; border-collapse: collapse; }
   font-family: var(--font-mono); font-size: 12px; color: var(--ink-dim);
 }
 .bracket-banner .v { font-family: var(--font-mono); font-size: 12px; color: var(--turf); }
-.bracket-scroll { overflow-x: auto; padding-bottom: 36px; }
+.bracket-scroll {
+  max-height: calc(100vh - 260px);
+  overflow: auto;
+  padding-bottom: 8px;
+  scrollbar-gutter: stable;
+}
 .bracket {
   display: flex; gap: 26px; min-width: max-content; align-items: stretch;
-  padding-bottom: 16px;
+  padding-bottom: 8px;
 }
 .round { display: flex; flex-direction: column; min-width: 220px; }
 .round-label {