diff --git a/src/game/ArrowGame.css b/src/game/ArrowGame.css index df318eb..10f501c 100644 --- a/src/game/ArrowGame.css +++ b/src/game/ArrowGame.css @@ -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 */