style: LIVE badge right-aligned, bigger live score, remove redundant tip

- LIVE: pulsing red badge with dot, right-aligned in header (replaces countdown position)
- Live score: 28px instead of 22px for better visibility
- Removed duplicate tip display under live score (tip only shown in footer)
- BEENDET status stays left in header

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/components/MatchCard.module.css

@@ -39,6 +39,22 @@
 
 .statusLive {
   color: var(--error);
+}
+
+/* LIVE badge — right-aligned in header */
+.liveBadge {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 11px;
+  font-weight: 800;
+  color: var(--error);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  background: rgba(248, 113, 113, 0.12);
+  padding: 3px 10px;
+  border-radius: 20px;
+  border: 1px solid rgba(248, 113, 113, 0.25);
   animation: pulse 1.5s ease-in-out infinite;
 }
 
@@ -182,6 +198,11 @@
   letter-spacing: 4px;
 }
 
+.scoreLive {
+  font-size: 28px;
+  color: var(--text-primary);
+}
+
 .kickoffCenter {
   display: flex;
   flex-direction: column;
@@ -447,20 +468,6 @@
   animation: pulse 1.5s ease-in-out infinite;
 }
 
-/* Score + live tip stacked */
-.scoreStack {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 2px;
-}
-
-.liveTipCompare {
-  font-size: 11px;
-  color: var(--text-muted);
-  font-weight: 600;
-  letter-spacing: 0.03em;
-}
 
 /* Points badge */
 .pointsBadge {