feat: get cards from backend

lib/feature/game/presentation/widgets/flame/hokm_game.dart

@@ -26,6 +26,9 @@ import 'turn_timer.dart';
 class HokmGame extends FlameGame {
   final GameBloc cubit;
 
+  /// اسکینِ کارت (از فروشگاه/کیف‌پول انتخاب می‌شود)؛ تصاویر از backend می‌آیند.
+  final String skin;
+
   // وضعیت بازی و اشتراکِ stream.
   GameState? _s;
   StreamSubscription? _sub;
@@ -35,6 +38,7 @@ class HokmGame extends FlameGame {
   final Map<String, CardComponent> _trick = {};
   final List<Component> _backs = [];
   final List<Component> _info = [];
+  final Map<String, Sprite> _badge = {}; // نشان‌های رتبه (پیش‌بارگذاری)
 
   // ابعادِ کارت‌های روی میز (بر اساس عرض صفحه محاسبه می‌شود).
   double _cardW = 60;
@@ -44,6 +48,7 @@ class HokmGame extends FlameGame {
   double _shake = 0;
   double _t = 0;
   List<String> _prevTrick = const [];
+  bool _cutThisTrick = false; // افکتِ بریدن فقط یک‌بار در هر دست
   int _prevHandSize = 0; // برای تشخیصِ پخشِ کارت (دستِ جدید) جهت صدای بُر زدن
   bool _silent = false; // هنگام خروج از میز، دیگر صدایی پخش نشود
   bool _introActive = true; // تا پایانِ نمایشِ «جستجوی حریف»
@@ -64,7 +69,7 @@ class HokmGame extends FlameGame {
   bool _beatPlayed = false; // یک‌بار در هر نوبت، هنگام رسیدن به آستانه
   bool _wasMyTurn = false;
 
-  HokmGame(this.cubit);
+  HokmGame(this.cubit, {this.skin = 'simple'});
 
   @override
   Color backgroundColor() => const Color(0xFF2C0A10);
@@ -72,6 +77,12 @@ class HokmGame extends FlameGame {
   @override
   Future<void> onLoad() async {
     add(Felt());
+    // پیش‌بارگذاریِ نشان‌های رتبه (اگر فایلی نبود، بی‌نشان رد می‌شود).
+    for (final t in const ['bronze', 'silver', 'gold', 'diamond', 'king']) {
+      try {
+        _badge[t] = await loadSprite('badge/$t.png');
+      } catch (_) {}
+    }
     _sub = cubit.stream.listen((ui) {
       if (ui.state == null) return;
       final s = ui.state!;
@@ -132,6 +143,7 @@ class HokmGame extends FlameGame {
     }
     final addedOne =
         now.length == _prevTrick.length + 1 && _isPrefix(_prevTrick, now);
+    if (now.length <= 1) _cutThisTrick = false; // دستِ جدید ⇒ ریستِ افکتِ بریدن
     if (addedOne) {
       final card = s.trick.last;
       final isCut =
@@ -139,12 +151,14 @@ class HokmGame extends FlameGame {
           s.leadSuit != null &&
           s.leadSuit != s.trump &&
           suitName(card.card) == s.trump;
-      if (isCut) {
+      // افکتِ بریدن فقط برای اولین بریدنِ هر دست (بریدن‌های بعدی فقط صدای گذاشتن).
+      if (isCut && !_cutThisTrick) {
+        _cutThisTrick = true;
         _shake = 1.0;
         add(Lightning());
         AppSounds.cut(); // بریدن با حکم (شمشیر)
       } else {
-        AppSounds.placeCard(); // کارت روی میز نشست (همه‌ی بازیکنان)
+        AppSounds.placeCard(); // کارت روی میز نشست
       }
     } else if (now.isEmpty && _prevTrick.isNotEmpty) {
       AppSounds.takeCard(); // دستِ کامل جمع شد
@@ -382,11 +396,13 @@ class HokmGame extends FlameGame {
       final target = Vector2(cx + t * stepX, baseY + norm * norm * dip);
       final legal = _legal(code);
       var c = _hand[code];
+      final isNew = c == null;
       if (c == null) {
-        // کارت جدید ⇒ از مرکز میز پخش می‌شود.
+        // کارت جدید ⇒ پشت‌رو از مرکز میز (دسته) پخش می‌شود و سپس رو می‌گردد.
         c = CardComponent(
           code: code,
-          faceUp: true,
+          faceUp: false,
+          skin: skin,
           size: Vector2(hw, hh),
           position: size / 2,
         );
@@ -403,6 +419,7 @@ class HokmGame extends FlameGame {
       c.restPriority = 10 + i;
       c.priority = 10 + i;
       _moveTo(c, target);
+      if (isNew) c.flipToFront(delay: 0.28 + i * 0.04); // پس از رسیدن، رو شود
     }
   }
 
@@ -451,6 +468,7 @@ class HokmGame extends FlameGame {
           c = CardComponent(
             code: tc.card,
             faceUp: true,
+            skin: skin,
             size: Vector2(_cardW, _cardH),
             position: _seatOrigin(_rel(tc.seat)),
           );
@@ -618,6 +636,32 @@ class HokmGame extends FlameGame {
         color: isTurn ? const Color(0xFFE9B949) : Colors.white70,
         bold: isTurn,
       );
+      // نشانِ رتبه (راستِ نام) و سکه (چپِ نام). جایگاهِ پایین روی همان خطِ نام،
+      // بقیه کمی زیرِ نام تا خارج از صفحه نرود.
+      if (!p.bot) {
+        final isBottom = pos.y > size.y * 0.75;
+        final y = isBottom ? pos.y : pos.y + size.y * 0.032;
+        // سکه: چپِ نام (متن به سمتِ چپ کشیده می‌شود).
+        _addLabel(
+          '${p.coins}',
+          Vector2(pos.x - size.x * 0.06, y),
+          size.x * 0.034,
+          color: const Color(0xFFE9B949),
+          anchor: Anchor.centerRight,
+        );
+        // نشانِ رتبه: راستِ نام.
+        final spr = _badge[p.rankTier];
+        if (spr != null) {
+          final b = SpriteComponent(
+            sprite: spr,
+            anchor: Anchor.centerLeft,
+            size: Vector2.all(size.x * 0.06),
+            position: Vector2(pos.x + size.x * 0.07, y),
+          )..priority = 22;
+          _info.add(b);
+          add(b);
+        }
+      }
       // تاجِ حاکم (روی همه‌ی فازها نشان داده می‌شود تا حاکم مشخص باشد).
       // y را داخلِ صفحه نگه می‌داریم؛ برای بازیکنِ بالا، تاج زیرِ نام می‌نشیند.
       if (s.hakem == p.seat) {
@@ -660,6 +704,7 @@ class HokmGame extends FlameGame {
     final c = CardComponent(
       code: '',
       faceUp: false,
+      skin: skin,
       size: sz,
       position: pos,
       priority: priority,