diff --git a/src/game/ArrowGame.css b/src/game/ArrowGame.css index 10f501c..abd3033 100644 --- a/src/game/ArrowGame.css +++ b/src/game/ArrowGame.css @@ -9,18 +9,16 @@ /* Score */ .ag-score { position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); + top: 16px; + left: 16px; z-index: 2; display: flex; flex-direction: column; - align-items: center; - gap: 8px; + gap: 4px; font-family: system-ui, sans-serif; - 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); + font-size: 18px; + font-weight: 700; + text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); } .ag-score-perfect { color: #ffdd44; } @@ -28,8 +26,8 @@ .ag-score-miss { color: #ff4466; } .ag-combo { color: #ff44aa; - font-size: 56px; - margin-top: 8px; + font-size: 22px; + margin-top: 4px; } /* Judgment flash */ diff --git a/src/gesture/CalibrationMachine.ts b/src/gesture/CalibrationMachine.ts index d7ad1be..5aac2b9 100644 --- a/src/gesture/CalibrationMachine.ts +++ b/src/gesture/CalibrationMachine.ts @@ -128,7 +128,7 @@ export class CalibrationMachine { log(`[calibration] in frame — noseY=${noseY.toFixed(3)} toeY=${toeMaxY.toFixed(3)}`) } else { if (!topOk) this._framingHint = 'head not visible' - else if (!bottomOk || !anklesVis) this._framingHint = 'feet are out of bounds' + else if (!bottomOk || !anklesVis) this._framingHint = 'feet are outside the camera view' else this._framingHint = null } } @@ -151,7 +151,7 @@ export class CalibrationMachine { // Engine will detect this transition and fire arms-out callback } else if (!inBounds) { if (!noseVis || noseY <= 0) this._framingHint = 'head not visible' - else this._framingHint = 'feet are out of bounds' + else this._framingHint = 'feet are outside the camera view' } else { this._framingHint = null }