fix: countdown badge back in header row (right-aligned), fix LED spacing

- Countdown badge in header: Gruppe A ... in 60 Tagen (right side)
- Urgent countdown also in header: Gruppe A ... Noch 9 Min!
- Removed separate countdownRow (was misplaced below kickoff)
- Reduced DSEG7 letter-spacing to fix "2 1:00" gap issue

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

frontend/src/components/MatchCard.module.css

@@ -48,12 +48,6 @@
 }
 
 
-/* Countdown — left-aligned row */
-.countdownRow {
-  display: flex;
-  margin-bottom: 4px;
-}
-
 .countdownBadge {
   font-size: 11px;
   font-weight: 700;
@@ -90,7 +84,8 @@
   font-family: 'DSEG7', 'Courier New', monospace;
   font-size: 18px;
   color: #FECC4C;
-  letter-spacing: 0.06em;
+  letter-spacing: 0.02em;
+  word-spacing: -0.1em;
   text-shadow:
     0 0 4px rgba(254, 174, 50, 0.9),
     0 0 12px rgba(254, 174, 50, 0.6),

frontend/src/components/MatchCard.tsx

@@ -84,7 +84,7 @@ export default function MatchCard({ match, onTip }: Props) {
   return (
     <div className={`card ${styles.card} ${styles[`card_${state}`]} ${isLive ? styles.live : ''} ${glowClass}`}>
 
-      {/* Top row: Status/Group */}
+      {/* Top row: Status/Group + Countdown right-aligned */}
       <div className={styles.topRow}>
         {(isLive || isFinished) && (
           <span className={`${styles.status} ${isLive ? styles.statusLive : ''}`}>
@@ -97,18 +97,8 @@ export default function MatchCard({ match, onTip }: Props) {
             {match.group.replace('GROUP_', 'Gruppe ')}
           </span>
         )}
-      </div>
-
-      {/* Kickoff — stadium LED display, centered */}
-      {!isFinished && !isLive && (
-        <div className={styles.kickoffRow}>
-          <span className={styles.kickoffLED}>{formatKickoff(match.utcDate)}</span>
-        </div>
-      )}
-
-      {/* Countdown badge — left-aligned */}
-      {(state === 'open' || state === 'tipped') && match.tippable && (
-        <div className={styles.countdownRow}>
+        <span style={{ flex: 1 }} />
+        {(state === 'open' || state === 'tipped') && match.tippable && (
           <span className={`${styles.countdownBadge} ${remainingMins < 60 ? styles.countdownUrgent : ''}`}>
             {match.minutesUntilKickoff < 60
               ? `Noch ${remainingMins} Min!`
@@ -120,6 +110,13 @@ export default function MatchCard({ match, onTip }: Props) {
                 })()
             }
           </span>
+        )}
+      </div>
+
+      {/* Kickoff — stadium LED display, centered */}
+      {!isFinished && !isLive && (
+        <div className={styles.kickoffRow}>
+          <span className={styles.kickoffLED}>{formatKickoff(match.utcDate)}</span>
         </div>
       )}