Increase mobile opponent text sizes for readability

- Opponent card rank/suit: 0.65rem -> 0.8rem (25% bump)
- Opponent names (h4): 0.6rem -> 0.75rem
- Opponent showing score: 0.55rem -> 0.7rem
- Short screen card font: 0.5rem -> 0.6rem
- Animation overlay font (JS 12.25px) closely matches CSS (12.8px)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-21 23:26:14 -05:00
parent 6ba0639d51
commit 7642d120e2

View File

@ -5058,7 +5058,7 @@ body.mobile-portrait .opponent-area .dealer-chip {
} }
body.mobile-portrait .opponent-area h4 { body.mobile-portrait .opponent-area h4 {
font-size: 0.6rem; font-size: 0.75rem;
margin: 0 0 2px 0; margin: 0 0 2px 0;
padding: 2px 4px; padding: 2px 4px;
max-width: 120px; max-width: 120px;
@ -5074,12 +5074,12 @@ body.mobile-portrait .opponent-area .card-grid {
body.mobile-portrait .opponent-area .card { body.mobile-portrait .opponent-area .card {
width: 35px !important; width: 35px !important;
height: 49px !important; height: 49px !important;
font-size: 0.65rem !important; font-size: 0.8rem !important;
border-radius: 3px; border-radius: 3px;
} }
body.mobile-portrait .opponent-showing { body.mobile-portrait .opponent-showing {
font-size: 0.55rem; font-size: 0.7rem;
padding: 0px 3px; padding: 0px 3px;
margin-left: 3px; margin-left: 3px;
} }
@ -5321,7 +5321,7 @@ body.mobile-portrait #waiting-screen {
body.mobile-portrait .opponent-area .card { body.mobile-portrait .opponent-area .card {
width: 29px !important; width: 29px !important;
height: 40px !important; height: 40px !important;
font-size: 0.5rem !important; font-size: 0.6rem !important;
} }
body.mobile-portrait .table-center { body.mobile-portrait .table-center {