style: scale up the bracket on wide displays so it actually fills the screen

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

app/static/styles.css

@@ -932,7 +932,7 @@ main {
 
 .bracket-main {
     padding: 1rem 1.25rem 3rem;
-    max-width: 1600px;
+    max-width: 1800px;
     margin: 0 auto;
 }
 
@@ -1150,3 +1150,42 @@ main {
     .bracket-accordion { display: flex; }
 }
 
+/* Scale up the bracket on wide displays so it fills the screen */
+@media (min-width: 1400px) {
+    .bracket-main          { padding: 1.5rem 2rem 4rem; }
+    .bracket-title         { font-size: 2rem; }
+    .bracket-subtitle      { font-size: 1rem; }
+    .bracket-grid          { gap: 1rem; }
+    .bracket-col           { gap: 0.85rem; }
+    .bracket-col-heading   { font-size: 0.85rem; margin-bottom: 0.4rem; }
+    .bracket-matchup       { padding: 0.65rem 0.75rem; border-radius: 10px; }
+    .bracket-col-cup .bracket-matchup { padding: 0.95rem 0.85rem; }
+    .bracket-team {
+        grid-template-columns: 28px 1fr auto auto;
+        gap: 0.55rem;
+        padding: 0.3rem 0;
+        font-size: 1rem;
+    }
+    .bracket-team-logo     { width: 28px; height: 28px; }
+    .bracket-team-seed     { font-size: 0.8rem; }
+}
+
+@media (min-width: 1900px) {
+    .bracket-main          { padding: 2rem 2.5rem 5rem; max-width: 2200px; }
+    .bracket-title         { font-size: 2.5rem; }
+    .bracket-subtitle      { font-size: 1.15rem; }
+    .bracket-grid          { gap: 1.25rem; }
+    .bracket-col           { gap: 1rem; }
+    .bracket-col-heading   { font-size: 1rem; margin-bottom: 0.55rem; }
+    .bracket-matchup       { padding: 0.85rem 0.95rem; border-radius: 12px; }
+    .bracket-col-cup .bracket-matchup { padding: 1.2rem 1rem; }
+    .bracket-team {
+        grid-template-columns: 36px 1fr auto auto;
+        gap: 0.7rem;
+        padding: 0.4rem 0;
+        font-size: 1.15rem;
+    }
+    .bracket-team-logo     { width: 36px; height: 36px; }
+    .bracket-team-seed     { font-size: 0.9rem; }
+}
+