refactor: replace shots bar with inline SOG on team rows

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

app/static/styles.css

@@ -145,10 +145,6 @@ main {
     border-top: 1px solid var(--card-border);
 }
 
-.team-row + .shots-bar + .team-row {
-    border-top: none;
-}
-
 .team-logo {
     width: 30px;
     height: 30px;
@@ -200,61 +196,6 @@ main {
     white-space: nowrap;
 }
 
-/* ── Shots Bar ──────────────────────────────────── */
-
-.shots-bar {
-    margin: 0.2rem 0;
-}
-
-.shots-row {
-    display: flex;
-    align-items: center;
-    gap: 0.4rem;
-}
-
-.shots-track {
-    flex: 1;
-    height: 5px;
-    border-radius: 99px;
-    overflow: hidden;
-    display: flex;
-    background: var(--badge-bg);
-}
-
-.shots-fill {
-    height: 100%;
-    transition: width 0.5s ease;
-}
-
-.shots-fill-away {
-    background: #e5e7eb;
-    border-radius: 99px 0 0 99px;
-}
-
-.shots-fill-home {
-    background: #6b7280;
-    border-radius: 0 99px 99px 0;
-}
-
-.shots-num {
-    font-size: 0.72rem;
-    font-weight: 700;
-    color: var(--text);
-    min-width: 1.25rem;
-    text-align: center;
-}
-
-.shots-label {
-    display: block;
-    font-size: 0.6rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: 0.1em;
-    color: var(--text-muted);
-    margin-top: 0.25rem;
-    text-align: center;
-}
-
 /* ── Hype Meter ─────────────────────────────────── */
 
 .hype-meter {