fix(nav): prevent turn label text from being obscured

Changed parent containers to use flex-end alignment and increased bottom
padding to prevent the turn label text from being clipped or hidden:

- Changed alignItems from 'center' to 'flex-end' for both network and local
  player containers
- Increased bottom padding to accommodate the text labels
- Network player container: 6px 12px → 6px 12px 12px 12px
- Active player container: varies by emphasis state, added 4-6px bottom

This ensures "Your turn" and "Their turn" text is fully visible below avatars.

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

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

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

@@ -159,9 +159,9 @@ export function GameContextNav({
         <div
           style={{
             display: 'flex',
-            alignItems: 'center',
+            alignItems: 'flex-end',
             gap: '12px',
-            padding: '6px 12px',
+            padding: '6px 12px 12px 12px',
             background: 'linear-gradient(135deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.05))',
             borderRadius: '12px',
             border: '2px solid rgba(255, 255, 255, 0.15)',
@@ -252,9 +252,9 @@ export function GameContextNav({
         <div
           style={{
             display: 'flex',
-            alignItems: 'center',
+            alignItems: 'flex-end',
             gap: shouldEmphasize ? '12px' : '8px',
-            padding: shouldEmphasize ? '12px 20px' : '6px 12px',
+            padding: shouldEmphasize ? '12px 20px 16px 20px' : '6px 12px 12px 12px',
             background: shouldEmphasize
               ? 'linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.10))'
               : 'linear-gradient(135deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.05))',