From 7bf2d730d370e562486b229f4d209099ff8c4463 Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Sun, 2 Nov 2025 13:26:06 -0600
Subject: [PATCH] style(rithmomachia): increase pyramid face numbers size and
 boldness
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Made pyramid face numbers significantly larger and bolder:
- Increased font size from 0.26 to 0.35 (34.6% larger)
- Increased stroke width from 0.03 to 0.05 (66.7% thicker outline)
- Changed font to "Arial Black" for maximum boldness
- Font weight remains at 900 (maximum)

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../rithmomachia/components/PieceRenderer.tsx | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/apps/web/src/arcade-games/rithmomachia/components/PieceRenderer.tsx b/apps/web/src/arcade-games/rithmomachia/components/PieceRenderer.tsx
index 8a484b47..1fa12877 100644
--- a/apps/web/src/arcade-games/rithmomachia/components/PieceRenderer.tsx
+++ b/apps/web/src/arcade-games/rithmomachia/components/PieceRenderer.tsx
@@ -254,10 +254,10 @@ export function PieceRenderer({
             dominantBaseline="middle"
             fill="none"
             stroke={isDark ? '#000000' : '#ffffff'}
-            strokeWidth={size * 0.03}
-            fontSize={size * 0.26}
+            strokeWidth={size * 0.05}
+            fontSize={size * 0.35}
             fontWeight="900"
-            fontFamily="Arial, sans-serif"
+            fontFamily="Arial Black, Arial, sans-serif"
           >
             {pyramidFaces[0]}
           </text>
@@ -268,9 +268,9 @@ export function PieceRenderer({
             textAnchor="middle"
             dominantBaseline="middle"
             fill={isDark ? '#fbbf24' : '#b45309'}
-            fontSize={size * 0.26}
+            fontSize={size * 0.35}
             fontWeight="900"
-            fontFamily="Arial, sans-serif"
+            fontFamily="Arial Black, Arial, sans-serif"
             filter={`url(#face-shadow-${color})`}
             style={{ transition: 'all 0.2s ease' }}
           >
@@ -285,10 +285,10 @@ export function PieceRenderer({
             dominantBaseline="middle"
             fill="none"
             stroke={isDark ? '#000000' : '#ffffff'}
-            strokeWidth={size * 0.03}
-            fontSize={size * 0.26}
+            strokeWidth={size * 0.05}
+            fontSize={size * 0.35}
             fontWeight="900"
-            fontFamily="Arial, sans-serif"
+            fontFamily="Arial Black, Arial, sans-serif"
           >
             {pyramidFaces[1]}
           </text>
@@ -298,9 +298,9 @@ export function PieceRenderer({
             textAnchor="middle"
             dominantBaseline="middle"
             fill={isDark ? '#fbbf24' : '#b45309'}
-            fontSize={size * 0.26}
+            fontSize={size * 0.35}
             fontWeight="900"
-            fontFamily="Arial, sans-serif"
+            fontFamily="Arial Black, Arial, sans-serif"
             filter={`url(#face-shadow-${color})`}
             style={{ transition: 'all 0.2s ease' }}
           >
@@ -315,10 +315,10 @@ export function PieceRenderer({
             dominantBaseline="middle"
             fill="none"
             stroke={isDark ? '#000000' : '#ffffff'}
-            strokeWidth={size * 0.03}
-            fontSize={size * 0.26}
+            strokeWidth={size * 0.05}
+            fontSize={size * 0.35}
             fontWeight="900"
-            fontFamily="Arial, sans-serif"
+            fontFamily="Arial Black, Arial, sans-serif"
           >
             {pyramidFaces[2]}
           </text>
@@ -328,9 +328,9 @@ export function PieceRenderer({
             textAnchor="middle"
             dominantBaseline="middle"
             fill={isDark ? '#fbbf24' : '#b45309'}
-            fontSize={size * 0.26}
+            fontSize={size * 0.35}
             fontWeight="900"
-            fontFamily="Arial, sans-serif"
+            fontFamily="Arial Black, Arial, sans-serif"
             filter={`url(#face-shadow-${color})`}
             style={{ transition: 'all 0.2s ease' }}
           >
@@ -345,10 +345,10 @@ export function PieceRenderer({
             dominantBaseline="middle"
             fill="none"
             stroke={isDark ? '#000000' : '#ffffff'}
-            strokeWidth={size * 0.03}
-            fontSize={size * 0.26}
+            strokeWidth={size * 0.05}
+            fontSize={size * 0.35}
             fontWeight="900"
-            fontFamily="Arial, sans-serif"
+            fontFamily="Arial Black, Arial, sans-serif"
           >
             {pyramidFaces[3]}
           </text>
@@ -358,9 +358,9 @@ export function PieceRenderer({
             textAnchor="middle"
             dominantBaseline="middle"
             fill={isDark ? '#fbbf24' : '#b45309'}
-            fontSize={size * 0.26}
+            fontSize={size * 0.35}
             fontWeight="900"
-            fontFamily="Arial, sans-serif"
+            fontFamily="Arial Black, Arial, sans-serif"
             filter={`url(#face-shadow-${color})`}
             style={{ transition: 'all 0.2s ease' }}
           >