fix(nav): improve readability of turn label text

Made turn labels much more readable with white outline and bolder styling:

- Increased font weight from bold (700) to 900
- Increased font size from 11px to 12px
- Added white text outline using 4-directional text shadows
- Enhanced drop shadow for better depth

The white outline creates strong contrast against the player's theme color,
making "Your turn" and "Their turn" text clearly readable over any avatar.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

apps/web/src/components/nav/ActivePlayersList.tsx

@@ -271,12 +271,18 @@ export function ActivePlayersList({
               {isCurrentPlayer && hasGameState && (
                 <div
                   style={{
-                    fontSize: '11px',
-                    fontWeight: 'bold',
+                    fontSize: '12px',
+                    fontWeight: '900',
                     color: player.color || '#3b82f6',
                     textTransform: 'uppercase',
                     letterSpacing: '0.5px',
-                    textShadow: '0 2px 4px rgba(0,0,0,0.2)',
+                    textShadow: `
+                      -1px -1px 0 white,
+                      1px -1px 0 white,
+                      -1px 1px 0 white,
+                      1px 1px 0 white,
+                      0 2px 4px rgba(0,0,0,0.3)
+                    `,
                     marginTop: '-2px',
                     position: 'relative',
                     zIndex: 10,

apps/web/src/components/nav/NetworkPlayerIndicator.tsx

@@ -282,12 +282,18 @@ export function NetworkPlayerIndicator({
         {isCurrentPlayer && hasGameState && (
           <div
             style={{
-              fontSize: '11px',
-              fontWeight: 'bold',
+              fontSize: '12px',
+              fontWeight: '900',
               color: player.color || '#3b82f6',
               textTransform: 'uppercase',
               letterSpacing: '0.5px',
-              textShadow: '0 2px 4px rgba(0,0,0,0.2)',
+              textShadow: `
+                -1px -1px 0 white,
+                1px -1px 0 white,
+                -1px 1px 0 white,
+                1px 1px 0 white,
+                0 2px 4px rgba(0,0,0,0.3)
+              `,
               marginTop: '-2px',
               position: 'relative',
               zIndex: 10,