feat(animation): ASCII 애니메이션 시스템 구현

- TaskType별 애니메이션 (전투, 마을, 걷기)
- 몬스터 카테고리별 전투 애니메이션 (7종)
- 특수 애니메이션 (레벨업, 퀘스트 완료, Act 완료)
- 색상 테마 옵션 (green, amber, white, system)
- 테마 설정 SharedPreferences 저장
- 프로그레스 바를 상단으로 이동

lib/src/features/game/widgets/ascii_animation_card.dart

@@ -0,0 +1,168 @@
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+
+import 'package:askiineverdie/src/core/animation/ascii_animation_data.dart';
+import 'package:askiineverdie/src/core/animation/ascii_animation_type.dart';
+import 'package:askiineverdie/src/core/model/game_state.dart';
+
+/// ASCII 애니메이션 카드 위젯
+///
+/// TaskType에 따라 다른 애니메이션을 표시.
+/// 전투 시 몬스터 이름에 따라 다른 애니메이션 선택.
+/// 특수 이벤트(레벨업, 퀘스트 완료) 시 오버라이드 애니메이션 재생.
+/// 자체 타이머로 프레임 전환 (게임 틱과 독립).
+class AsciiAnimationCard extends StatefulWidget {
+  const AsciiAnimationCard({
+    super.key,
+    required this.taskType,
+    this.monsterBaseName,
+    this.colorTheme = AsciiColorTheme.green,
+    this.specialAnimation,
+  });
+
+  final TaskType taskType;
+
+  /// 전투 중인 몬스터 기본 이름 (kill 타입일 때만 사용)
+  final String? monsterBaseName;
+  final AsciiColorTheme colorTheme;
+
+  /// 특수 애니메이션 오버라이드 (레벨업, 퀘스트 완료 등)
+  /// 설정되면 일반 애니메이션 대신 표시
+  final AsciiAnimationType? specialAnimation;
+
+  @override
+  State<AsciiAnimationCard> createState() => _AsciiAnimationCardState();
+}
+
+class _AsciiAnimationCardState extends State<AsciiAnimationCard> {
+  Timer? _timer;
+  int _currentFrame = 0;
+  late AsciiAnimationData _animationData;
+  AsciiAnimationType? _currentSpecialAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+    _updateAnimation();
+  }
+
+  @override
+  void didUpdateWidget(AsciiAnimationCard oldWidget) {
+    super.didUpdateWidget(oldWidget);
+
+    // 특수 애니메이션이 변경되었으면 업데이트
+    if (oldWidget.specialAnimation != widget.specialAnimation) {
+      _currentSpecialAnimation = widget.specialAnimation;
+      _updateAnimation();
+      return;
+    }
+
+    // 특수 애니메이션이 활성화되어 있으면 일반 업데이트 무시
+    if (_currentSpecialAnimation != null) {
+      return;
+    }
+
+    if (oldWidget.taskType != widget.taskType ||
+        oldWidget.monsterBaseName != widget.monsterBaseName) {
+      _updateAnimation();
+    }
+  }
+
+  void _updateAnimation() {
+    _timer?.cancel();
+
+    // 특수 애니메이션이 있으면 우선 적용
+    if (_currentSpecialAnimation != null) {
+      _animationData = getAnimationData(_currentSpecialAnimation!);
+      _currentFrame = 0;
+
+      // 특수 애니메이션은 한 번 재생 후 종료
+      _timer = Timer.periodic(
+        Duration(milliseconds: _animationData.frameIntervalMs),
+        (_) {
+          if (mounted) {
+            setState(() {
+              _currentFrame++;
+              // 마지막 프레임에 도달하면 특수 애니메이션 종료
+              if (_currentFrame >= _animationData.frames.length) {
+                _currentSpecialAnimation = null;
+                _updateAnimation();
+              }
+            });
+          }
+        },
+      );
+      return;
+    }
+
+    // 일반 애니메이션 처리
+    final animationType = taskTypeToAnimation(widget.taskType);
+
+    // 전투 타입이면 몬스터 카테고리에 따라 다른 애니메이션 선택
+    if (animationType == AsciiAnimationType.battle) {
+      final category = getMonsterCategory(widget.monsterBaseName);
+      _animationData = getBattleAnimation(category);
+    } else {
+      _animationData = getAnimationData(animationType);
+    }
+
+    _currentFrame = 0;
+
+    _timer = Timer.periodic(
+      Duration(milliseconds: _animationData.frameIntervalMs),
+      (_) {
+        if (mounted) {
+          setState(() {
+            _currentFrame = (_currentFrame + 1) % _animationData.frames.length;
+          });
+        }
+      },
+    );
+  }
+
+  @override
+  void dispose() {
+    _timer?.cancel();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final brightness = Theme.of(context).brightness;
+    final colors = getThemeColors(widget.colorTheme, brightness);
+
+    // 특수 애니메이션 중이면 특별한 배경색 적용
+    final isSpecial = _currentSpecialAnimation != null;
+    final bgColor = isSpecial
+        ? colors.backgroundColor.withValues(alpha: 0.95)
+        : colors.backgroundColor;
+
+    // 프레임 인덱스가 범위를 벗어나지 않도록 보정
+    final frameIndex = _currentFrame.clamp(0, _animationData.frames.length - 1);
+
+    return Container(
+      padding: const EdgeInsets.all(8),
+      decoration: BoxDecoration(
+        color: bgColor,
+        borderRadius: BorderRadius.circular(4),
+        border: isSpecial
+            ? Border.all(color: colors.textColor.withValues(alpha: 0.5))
+            : null,
+      ),
+      child: Center(
+        child: Text(
+          _animationData.frames[frameIndex],
+          style: TextStyle(
+            fontFamily: 'monospace',
+            fontSize: 10,
+            color: colors.textColor,
+            height: 1.1,
+            letterSpacing: 0,
+          ),
+          textAlign: TextAlign.center,
+        ),
+      ),
+    );
+  }
+}