chore(release): 4.48.4 [skip ci]

## [4.48.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.48.3...v4.48.4) (2025-10-20)

### Bug Fixes

* **homepage:** improve text contrast on game cards with text shadows ([b6410c7](b6410c7c22))

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [4.48.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.48.3...v4.48.4) (2025-10-20)
+
+
+### Bug Fixes
+
+* **homepage:** improve text contrast on game cards with text shadows ([b6410c7](https://github.com/antialias/soroban-abacus-flashcards/commit/b6410c7c225f01f42d095ca270b8da7903cbfbb0))
+
 ## [4.48.3](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.48.2...v4.48.3) (2025-10-20)
 
 

apps/web/src/app/page.tsx

@@ -622,14 +622,44 @@ function GameCard({
           },
         })}
       >
-        <div className={css({ fontSize: '3xl', mb: '3' })}>{icon}</div>
-        <h3 className={css({ fontSize: 'lg', fontWeight: 'bold', color: 'white', mb: '2' })}>
+        <div
+          className={css({
+            fontSize: '3xl',
+            mb: '3',
+            textShadow: '0 2px 4px rgba(0, 0, 0, 0.3)',
+          })}
+        >
+          {icon}
+        </div>
+        <h3
+          className={css({
+            fontSize: 'lg',
+            fontWeight: 'bold',
+            color: 'white',
+            mb: '2',
+            textShadow: '0 2px 8px rgba(0, 0, 0, 0.5)',
+          })}
+        >
           {title}
         </h3>
-        <p className={css({ fontSize: 'sm', color: 'rgba(255, 255, 255, 0.9)', mb: '2' })}>
+        <p
+          className={css({
+            fontSize: 'sm',
+            color: 'rgba(255, 255, 255, 0.95)',
+            mb: '2',
+            textShadow: '0 1px 4px rgba(0, 0, 0, 0.4)',
+          })}
+        >
           {description}
         </p>
-        <p className={css({ fontSize: 'xs', color: 'rgba(255, 255, 255, 0.7)', mb: '3' })}>
+        <p
+          className={css({
+            fontSize: 'xs',
+            color: 'rgba(255, 255, 255, 0.85)',
+            mb: '3',
+            textShadow: '0 1px 4px rgba(0, 0, 0, 0.4)',
+          })}
+        >
           {players}
         </p>
         <div className={hstack({ gap: '2', flexWrap: 'wrap' })}>
@@ -644,6 +674,7 @@ function GameCard({
                 color: 'white',
                 rounded: 'full',
                 fontWeight: 'semibold',
+                textShadow: '0 1px 3px rgba(0, 0, 0, 0.4)',
               })}
             >
               {tag}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "soroban-monorepo",
-  "version": "4.48.3",
+  "version": "4.48.4",
   "private": true,
   "description": "Beautiful Soroban Flashcard Generator - Monorepo",
   "workspaces": [