Fix critical bug in Combat.tsx: message split was using escaped backslash instead of newline

pwa/src/components/game/Combat.tsx

@@ -183,7 +183,7 @@ const Combat = ({
             const timeStr = now.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' })
 
             // Parse message into structured parts
-            const messages = data.message.split('\\n').filter((m: string) => m.trim())
+            const messages = data.message.split('\n').filter((m: string) => m.trim())
 
             const playerMessages: any[] = []
             const enemyMessages: any[] = []

pwa/src/components/game/CombatView.tsx

@@ -99,8 +99,8 @@ function CombatView({
   return (
     <div className="combat-view">
       <div className="combat-header-inline">
-        <h2>
-          {combatState.is_pvp ? `⚔️ ${t('combat.title')} - PvP` : `⚔️ ${t('combat.title')} - ${displayEnemyName}`}
+        <h2 style={{ background: 'linear-gradient(90deg, #4CAF50, #2196F3)', padding: '0.5rem', borderRadius: '8px' }}>
+          🆕 NEW COMBAT - {combatState.is_pvp ? `⚔️ ${t('combat.title')} - PvP` : `⚔️ ${t('combat.title')} - ${displayEnemyName}`}
         </h2>
       </div>