sandvich
/
hackathon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[auto] center score text and make it much larger 

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
main
name 2026-04-11 17:42:43 -07:00
parent c872fe7303
commit b18cf3ce16
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/game/ArrowGame.css
View File

@ -9,16 +9,18 @@
/* Score */
.ag-score {
position: absolute;
top: 16px;
left: 16px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
display: flex;
flex-direction: column;
gap: 4px;
align-items: center;
gap: 8px;
font-family: system-ui, sans-serif;
font-size: 16px;
font-weight: 700;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
font-size: 48px;
font-weight: 900;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.9), 0 0 40px rgba(0, 0, 0, 0.6);
}
.ag-score-perfect { color: #ffdd44; }
@ -26,8 +28,8 @@
.ag-score-miss { color: #ff4466; }
.ag-combo {
color: #ff44aa;
font-size: 20px;
margin-top: 4px;
font-size: 56px;
margin-top: 8px;
}
/* Judgment flash */