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.tsx

@@ -84,13 +84,10 @@ export default function MatchCard({ match, onTip }: Props) {
   return (
     <div className={`card ${styles.card} ${styles[`card_${state}`]} ${isLive ? styles.live : ''} ${glowClass}`}>
 
-      {/* Top row: Status/Group + Countdown right-aligned */}
+      {/* Top row: Group left + Status/Countdown right */}
       <div className={styles.topRow}>
-        {(isLive || isFinished) && (
-          <span className={`${styles.status} ${isLive ? styles.statusLive : ''}`}>
-            {isLive && <span className={styles.liveDot} />}
-            {STATUS_LABELS[match.status] ?? match.status}
-          </span>
+        {isFinished && (
+          <span className={styles.status}>{STATUS_LABELS[match.status] ?? match.status}</span>
         )}
         {match.group && (
           <span className={styles.group}>
@@ -98,6 +95,12 @@ export default function MatchCard({ match, onTip }: Props) {
           </span>
         )}
         <span style={{ flex: 1 }} />
+        {isLive && (
+          <span className={styles.liveBadge}>
+            <span className={styles.liveDot} />
+            LIVE
+          </span>
+        )}
         {(state === 'open' || state === 'tipped') && match.tippable && (
           <span className={`${styles.countdownBadge} ${remainingMins < 60 ? styles.countdownUrgent : ''}`}>
             {match.minutesUntilKickoff < 60
@@ -131,16 +134,9 @@ export default function MatchCard({ match, onTip }: Props) {
         {/* Center: Score or VS separator */}
         <div className={styles.scoreBox}>
           {isFinished || isLive ? (
-            <div className={styles.scoreStack}>
-              <span className={styles.score}>
-                {match.score.home ?? '–'}&nbsp;:&nbsp;{match.score.away ?? '–'}
-              </span>
-              {isLive && hasTip && (
-                <span className={styles.liveTipCompare}>
-                  Tipp: {match.userTip!.home}:{match.userTip!.away}
-                </span>
-              )}
-            </div>
+            <span className={`${styles.score} ${isLive ? styles.scoreLive : ''}`}>
+              {match.score.home ?? '–'}&nbsp;:&nbsp;{match.score.away ?? '–'}
+            </span>
           ) : (
             <span className={styles.vsSeparator}>–</span>
           )}