feat(card-sorting): make player emoji fill entire card background

Change from small corner indicator to full-card emoji overlay:
- Emoji now fills entire card (140x180px)
- Large font size (120px) for visibility
- Semi-transparent (30% opacity) to see abacus through it
- Subtle blue tint background for better contrast
- Maintains rounded corners

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-10-23 15:50:46 -05:00
parent eaf48f65da
commit 2e7a02c9e4

View File

@@ -786,20 +786,19 @@ function AnimatedCard({
<div
style={{
position: 'absolute',
top: '4px',
right: '4px',
width: '28px',
height: '28px',
borderRadius: '50%',
background: 'rgba(255, 255, 255, 0.95)',
top: 0,
left: 0,
right: 0,
bottom: 0,
borderRadius: '12px',
background: 'rgba(59, 130, 246, 0.15)',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
fontSize: '18px',
boxShadow: '0 2px 4px rgba(0,0,0,0.2)',
border: '2px solid rgba(59, 130, 246, 0.6)',
fontSize: '120px',
zIndex: 10,
pointerEvents: 'none',
opacity: 0.3,
}}
>
{player.emoji}