# 63. 인벤토리/스탯 모듈화 및 상점 UI, 전투 Z-Index 수정

## 1. 작업 개요

- **InventoryScreen 모듈화**: 스탯 표시부와 인벤토리 그리드/리스트를 별도 위젯으로 분리하여 재사용성 확보.
- **Shop UI 개선**: 상점 화면 하단에 분리한 인벤토리 위젯을 배치하여 보유 아이템 확인 및 판매 용이성 증대.
- **Battle Z-Index 수정**: 적 캐릭터 카드가 플레이어 카드보다 **상위 레이어(Z-Index)**에 위치하도록 수정.
  - 단, 적의 Risky Attack 등 이동 폭이 큰 애니메이션 시, 플레이어 카드를 과도하게 가리지 않도록 오프셋(Offset) 조정 함께 진행.

## 2. 세부 작업 항목

### 2.1. 인벤토리/스탯 모듈화

- `InventoryScreen.dart` 분석 후 다음 위젯 추출:
  - `CharacterStatsWidget`: 플레이어 스탯 정보 표시.
  - `InventoryGridWidget` (또는 List): 아이템 목록 표시. (클릭 시 동작 등 콜백 처리).
- `lib/widgets/inventory/` 폴더에 생성.

### 2.2. 상점 UI (ShopUI) 수정

- `ShopUI.dart` 하단에 `InventoryGridWidget` 배치.
- 상점 모드일 경우 아이템 클릭 시 '판매' 팝업 또는 동작 연결.

### 2.3. BattleScreen Z-Index 및 애니메이션

- `BattleScreen.dart`의 `Stack` 구조에서 `Positioned` 순서 변경 (Enemy를 Player보다 뒤에 배치하여 위로 오게 함).
- `BattleAnimationWidget` 또는 `BattleScreen` 내 애니메이션 오프셋 로직 점검.
  - Enemy Risky Attack 시 이동 거리가 너무 길어 플레이어를 완전히 덮어버린다면 오프셋 줄이기.

## 3. 진행 상황

- [ ] 모듈화 설계 및 위젯 분리
- [ ] InventoryScreen 리팩토링 적용
- [ ] ShopUI 인벤토리 추가
- [ ] BattleScreen Z-Index 수정
- [ ] 애니메이션 오프셋 조정 및 테스트
