fix: scale badges and hype label at desktop breakpoints

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/static/styles.css

@@ -312,6 +312,10 @@ main {
         height: 48px;
     }
 
+    .badge {
+        font-size: 0.75rem;
+    }
+
     .team-name {
         font-size: 0.95rem;
     }
@@ -319,6 +323,10 @@ main {
     .team-score {
         font-size: 1.9rem;
     }
+
+    .hype-label {
+        font-size: 0.7rem;
+    }
 }
 
 @media (min-width: 1400px) {
@@ -348,6 +356,10 @@ main {
         height: 56px;
     }
 
+    .badge {
+        font-size: 0.82rem;
+    }
+
     .team-name {
         font-size: 1.05rem;
     }
@@ -355,6 +367,10 @@ main {
     .team-score {
         font-size: 2.2rem;
     }
+
+    .hype-label {
+        font-size: 0.76rem;
+    }
 }
 
 /* ── Mobile ─────────────────────────────────────── */