feat: move shots bar between team rows for cleaner layout

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

app/static/script.js

@@ -60,8 +60,8 @@ function renderLiveGame(game) {
                 ${dot}
             </div>
             ${teamRow(game, 'Away', 'live')}
-            ${teamRow(game, 'Home', 'live')}
             ${shots}
+            ${teamRow(game, 'Home', 'live')}
             ${hype}
         </div>`;
 }

app/static/styles.css

@@ -145,6 +145,10 @@ main {
     border-top: 1px solid var(--card-border);
 }
 
+.team-row + .shots-bar + .team-row {
+    border-top: none;
+}
+
 .team-logo {
     width: 30px;
     height: 30px;
@@ -199,7 +203,7 @@ main {
 /* ── Shots Bar ──────────────────────────────────── */
 
 .shots-bar {
-    margin-top: 0.75rem;
+    margin: 0.2rem 0;
 }
 
 .shots-row {