심볼 진행 바: 만렙과 '만렙 도달 가능'을 색상으로 구분

- 만렙(isMax): 빨강 (--progress-red: #ef4444)
- 만렙 도달 가능(effectivelyMax, 성장치 초과): 기존 앰버 유지
- 그 외: 에메랄드

기존엔 두 상태 모두 앰버라 구분이 안 됐던 문제 해결.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

frontend/src/features/symbol/pc/user/SymbolCard.jsx

@@ -170,7 +170,7 @@ function SymbolCard({ symbol, equipped, charId }) {
             className="h-full transition-all"
             style={{
               width: isMax || effectivelyMax ? '100%' : `${Math.min((growth / requireGrowth) * 100, 100)}%`,
-              background: isMax || effectivelyMax ? 'var(--progress-amber)' : 'var(--progress-emerald)',
+              background: isMax ? 'var(--progress-red)' : effectivelyMax ? 'var(--progress-amber)' : 'var(--progress-emerald)',
             }}
           />
         </div>

frontend/src/index.css

@@ -111,6 +111,7 @@
   --progress-track: #0f172a;
   --progress-emerald: #10b981;
   --progress-amber: #f59e0b;
+  --progress-red: #ef4444;
 
   --accent-bright: #6ee7b7;
   --accent-muted: rgba(16, 185, 129, 0.1);
@@ -265,6 +266,7 @@
   --progress-track: #e5e7eb;
   --progress-emerald: #10b981;
   --progress-amber: #f59e0b;
+  --progress-red: #ef4444;
 
   --accent-bright: #047857;
   --accent-muted: rgba(16, 185, 129, 0.1);