/* ================= ۲۱ (بلک‌جک) ================= */
#scr-blackjack .card{margin:8px 0}
#scr-blackjack .card h3{margin:0 0 8px;font-size:15px}
#scr-blackjack .row{display:flex;gap:8px;flex-wrap:wrap}
#scr-blackjack .row>.btn{flex:1 1 110px}
#scr-blackjack .btn.wide{width:100%;margin-top:8px}
#scr-blackjack .btn[disabled]{opacity:.45;pointer-events:none}
#scr-blackjack .muted{color:var(--muted);font-size:13px;margin:4px 0}
#scr-blackjack .gold{color:var(--gold2)}
.bj-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* میز نمدی */
.bj-table{background:radial-gradient(120% 100% at 50% 0%,#1f6b45 0%,#124a2f 55%,#0c3220 100%)!important;border-color:#2c8a5a!important;
  box-shadow:inset 0 0 40px #0008}
.bj-dealer{text-align:center;padding-bottom:6px;border-bottom:1px dashed #ffffff22}
.bj-who{font-size:14px;margin-bottom:6px;color:#e6f5ec}
.bj-timer{text-align:center;color:#d3ecdc;font-size:13px;min-height:20px;margin:6px 0 2px}
.bj-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:4px}
.bj-seat{background:#0b2a1b99;border:2px solid #ffffff1f;border-radius:14px;padding:8px;text-align:center}
.bj-seat.me{border-color:#e8c25a88}
.bj-seat.turn{border-color:var(--gold);box-shadow:0 0 14px #d9a64877;animation:bjglow 1.2s ease-in-out infinite}
.bj-seat.won{border-color:#6fe0a0;box-shadow:0 0 14px #4fae7a66}
.bj-seat-h{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;font-size:13px}
.bj-seat-h .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;color:#f3ead7}
.bj-seat-f{margin-top:6px;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}
@keyframes bjglow{0%,100%{box-shadow:0 0 6px #d9a64844}50%{box-shadow:0 0 18px #d9a648aa}}

/* ورق */
.bj-hand{display:flex;justify-content:center;flex-wrap:wrap;direction:ltr;min-height:62px}
.bj-hand .bj-card{margin-inline:-6px}
.bj-card{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:60px;border-radius:7px;
  background:linear-gradient(160deg,#fffdf6,#ece2cb);color:#1b1208;font-style:normal;box-shadow:0 3px 8px #0009;border:1px solid #cdbf9c;user-select:none}
.bj-card b{font-size:17px;line-height:1;font-weight:900}
.bj-card i{font-style:normal;font-size:19px;line-height:1.05}
.bj-card.red{color:#c0392b}
.bj-card.back{background:repeating-linear-gradient(45deg,#7a1f2b 0 5px,#5b1520 5px 10px);border:2px solid #f1e7d0;color:transparent}
.bj-card.new{animation:bjdeal .35s cubic-bezier(.2,1.4,.4,1)}
@keyframes bjdeal{0%{transform:translateY(-26px) rotate(-12deg) scale(.7);opacity:0}100%{transform:none;opacity:1}}
.bj-empty{color:#ffffff55;align-self:center}

/* امتیاز و نشان‌ها */
.bj-val{display:inline-block;min-width:26px;padding:1px 8px;border-radius:20px;background:#00000055;color:#fff;font-weight:900;font-size:14px}
.bj-val small{font-weight:400;font-size:10px;opacity:.8}
.bj-val.top{background:var(--gold);color:#2a1a0c}
.bj-val.bust{background:#8f2a20;color:#ffd7d0}
.bj-badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;background:#00000044;color:#e6f5ec}
.bj-badge small{font-weight:800}
.bj-badge.win{background:#2f8a58;color:#fff}
.bj-badge.lose{background:#6d2a20;color:#ffd7d0}
.bj-badge.push{background:#5d5a3a;color:#fff4c7}
.bj-badge.turn{background:var(--gold);color:#2a1a0c;font-weight:800}

/* نتیجه */
.bj-over{text-align:center}
.bj-big{font-size:20px;font-weight:900;margin:4px 0}
.bj-ctrl .btn{font-size:16px;padding:14px 10px}