feat(ui): 레트로 위젯 확장

- RetroDialog: 레트로 스타일 다이얼로그 위젯 추가
- RetroButton: 다양한 크기/스타일 옵션 추가
- retro_widgets.dart에 export 추가

lib/src/shared/widgets/retro_button.dart

@@ -31,6 +31,7 @@ class RetroButton extends StatefulWidget {
 
 class _RetroButtonState extends State<RetroButton> {
   bool _isPressed = false;
+  bool _isHovered = false;
 
   bool get _isEnabled => widget.onPressed != null;
 
@@ -41,6 +42,12 @@ class _RetroButtonState extends State<RetroButton> {
           ? RetroColors.buttonPrimaryPressed
           : RetroColors.buttonSecondaryPressed;
     }
+    // 호버 시 밝아지는 효과
+    if (_isHovered) {
+      return widget.isPrimary
+          ? RetroColors.buttonPrimary.withValues(alpha: 0.9)
+          : RetroColors.buttonSecondary.withValues(alpha: 0.9);
+    }
     return widget.isPrimary
         ? RetroColors.buttonPrimary
         : RetroColors.buttonSecondary;
@@ -48,43 +55,64 @@ class _RetroButtonState extends State<RetroButton> {
 
   Color get _borderTopLeft {
     if (_isPressed) return RetroColors.panelBorderOuter;
+    // 호버 시 골드 테두리
+    if (_isHovered && _isEnabled) return RetroColors.gold;
     return RetroColors.panelBorderInner;
   }
 
   Color get _borderBottomRight {
     if (_isPressed) return RetroColors.panelBorderInner;
+    // 호버 시 골드 테두리
+    if (_isHovered && _isEnabled) return RetroColors.goldDark;
     return RetroColors.panelBorderOuter;
   }
 
   @override
   Widget build(BuildContext context) {
-    return GestureDetector(
-      onTapDown: _isEnabled ? (_) => setState(() => _isPressed = true) : null,
-      onTapUp: _isEnabled ? (_) => setState(() => _isPressed = false) : null,
-      onTapCancel: _isEnabled ? () => setState(() => _isPressed = false) : null,
-      onTap: widget.onPressed,
-      child: AnimatedContainer(
-        duration: const Duration(milliseconds: 50),
-        padding: widget.padding,
-        decoration: BoxDecoration(
-          color: _backgroundColor,
-          border: Border(
-            top: BorderSide(color: _borderTopLeft, width: 2),
-            left: BorderSide(color: _borderTopLeft, width: 2),
-            bottom: BorderSide(color: _borderBottomRight, width: 2),
-            right: BorderSide(color: _borderBottomRight, width: 2),
+    return MouseRegion(
+      onEnter: _isEnabled ? (_) => setState(() => _isHovered = true) : null,
+      onExit: _isEnabled ? (_) => setState(() => _isHovered = false) : null,
+      cursor: _isEnabled ? SystemMouseCursors.click : SystemMouseCursors.basic,
+      child: GestureDetector(
+        onTapDown: _isEnabled ? (_) => setState(() => _isPressed = true) : null,
+        onTapUp: _isEnabled ? (_) => setState(() => _isPressed = false) : null,
+        onTapCancel: _isEnabled ? () => setState(() => _isPressed = false) : null,
+        onTap: widget.onPressed,
+        child: AnimatedContainer(
+          duration: const Duration(milliseconds: 100),
+          padding: widget.padding,
+          decoration: BoxDecoration(
+            color: _backgroundColor,
+            border: Border(
+              top: BorderSide(color: _borderTopLeft, width: 2),
+              left: BorderSide(color: _borderTopLeft, width: 2),
+              bottom: BorderSide(color: _borderBottomRight, width: 2),
+              right: BorderSide(color: _borderBottomRight, width: 2),
+            ),
+            // 호버 시 글로우 효과
+            boxShadow: _isHovered && _isEnabled
+                ? [
+                    BoxShadow(
+                      color: RetroColors.gold.withValues(alpha: 0.3),
+                      blurRadius: 8,
+                      spreadRadius: 1,
+                    ),
+                  ]
+                : null,
           ),
-        ),
-        transform: _isPressed
-            ? Matrix4.translationValues(1, 1, 0)
-            : Matrix4.identity(),
-        child: DefaultTextStyle(
-          style: TextStyle(
-            fontFamily: 'PressStart2P',
-            fontSize: 10,
-            color: _isEnabled ? RetroColors.textLight : RetroColors.textDisabled,
+          transform: _isPressed
+              ? Matrix4.translationValues(1, 1, 0)
+              : Matrix4.identity(),
+          child: DefaultTextStyle(
+            style: TextStyle(
+              fontFamily: 'PressStart2P',
+              fontSize: 10,
+              color: _isEnabled
+                  ? (_isHovered ? RetroColors.gold : RetroColors.textLight)
+                  : RetroColors.textDisabled,
+            ),
+            child: widget.child,
           ),
-          child: widget.child,
         ),
       ),
     );
@@ -148,3 +176,118 @@ class RetroIconButton extends StatelessWidget {
     );
   }
 }
+
+/// 레트로 호버 효과 리스트 아이템
+/// 웹/데스크톱에서 마우스 호버 시 하이라이트 효과
+class RetroHoverItem extends StatefulWidget {
+  const RetroHoverItem({
+    super.key,
+    required this.child,
+    this.onTap,
+    this.isSelected = false,
+    this.padding = const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+  });
+
+  final Widget child;
+  final VoidCallback? onTap;
+  final bool isSelected;
+  final EdgeInsets padding;
+
+  @override
+  State<RetroHoverItem> createState() => _RetroHoverItemState();
+}
+
+class _RetroHoverItemState extends State<RetroHoverItem> {
+  bool _isHovered = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final isHighlighted = _isHovered || widget.isSelected;
+
+    return MouseRegion(
+      onEnter: (_) => setState(() => _isHovered = true),
+      onExit: (_) => setState(() => _isHovered = false),
+      cursor: widget.onTap != null
+          ? SystemMouseCursors.click
+          : SystemMouseCursors.basic,
+      child: GestureDetector(
+        onTap: widget.onTap,
+        child: AnimatedContainer(
+          duration: const Duration(milliseconds: 100),
+          padding: widget.padding,
+          decoration: BoxDecoration(
+            color: isHighlighted
+                ? RetroColors.panelBgLight.withValues(alpha: 0.5)
+                : Colors.transparent,
+            border: isHighlighted
+                ? Border(
+                    left: BorderSide(
+                      color: widget.isSelected
+                          ? RetroColors.gold
+                          : RetroColors.gold.withValues(alpha: 0.5),
+                      width: 2,
+                    ),
+                  )
+                : null,
+          ),
+          child: widget.child,
+        ),
+      ),
+    );
+  }
+}
+
+/// 레트로 호버 패널
+/// 웹/데스크톱에서 패널 호버 시 미세 확대 및 글로우 효과
+class RetroHoverPanel extends StatefulWidget {
+  const RetroHoverPanel({
+    super.key,
+    required this.child,
+    this.onTap,
+    this.enableScale = true,
+  });
+
+  final Widget child;
+  final VoidCallback? onTap;
+  final bool enableScale;
+
+  @override
+  State<RetroHoverPanel> createState() => _RetroHoverPanelState();
+}
+
+class _RetroHoverPanelState extends State<RetroHoverPanel> {
+  bool _isHovered = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return MouseRegion(
+      onEnter: (_) => setState(() => _isHovered = true),
+      onExit: (_) => setState(() => _isHovered = false),
+      cursor: widget.onTap != null
+          ? SystemMouseCursors.click
+          : SystemMouseCursors.basic,
+      child: GestureDetector(
+        onTap: widget.onTap,
+        child: AnimatedContainer(
+          duration: const Duration(milliseconds: 150),
+          transform: widget.enableScale && _isHovered
+              ? Matrix4.diagonal3Values(1.01, 1.01, 1.0)
+              : Matrix4.identity(),
+          transformAlignment: Alignment.center,
+          decoration: BoxDecoration(
+            boxShadow: _isHovered
+                ? [
+                    BoxShadow(
+                      color: RetroColors.gold.withValues(alpha: 0.2),
+                      blurRadius: 12,
+                      spreadRadius: 2,
+                    ),
+                  ]
+                : null,
+          ),
+          child: widget.child,
+        ),
+      ),
+    );
+  }
+}