# MinigameResult
Banner kết quả ván: thắng, thua, hoà (hoặc thông báo trung tính) với biểu tượng, nhãn chữ, số tiền ± và dòng chi tiết, dùng chung cho Bầu Cua và Xì Dách.

## Khi nào dùng
- Ngay sau khi mở bát hoặc chia xong bài: "Thắng +120k", "Thua −50k", "Hoà".
- Báo lỗi nhẹ trước ván như "Két tiền không đủ" hoặc "Chưa chọn linh vật" (Bầu Cua dùng kiểu hoà cho các lời nhắc này).
- Dòng trạng thái của Xì Dách (`--compact`).

## Biến thể
| Biến thể | Lớp | Dùng khi |
|---|---|---|
| Trung tính | `tt-mgresult` | Thông báo không phân thắng thua |
| Thắng | `tt-mgresult--win` | Nền pha `mint`, viền `mint` |
| Thua | `tt-mgresult--lose` | Nền pha `warn`, viền `warn` |
| Hoà / lưu ý | `tt-mgresult--tie` | Nền pha `gold`, viền `gold` |
| Gọn | `tt-mgresult--compact` | Cỡ Xì Dách (`.xd-result-banner`): viền 1.5px, chữ .84rem, cao tối thiểu 32px |

## Cấu trúc
```html
<div class="tt-mgresult tt-mgresult--win" role="status" aria-live="polite">
  <span class="tt-mgresult__icon" aria-hidden="true">🎉</span>
  <span class="tt-mgresult__label">Thắng</span>
  <span class="tt-mgresult__amount tt-num">+120k</span>
  <span class="tt-mgresult__detail">TRÚNG LỚN! Quán thu về +120k vào két.</span>
</div>
```
`__icon`, `__amount`, `__detail` là tuỳ chọn; bản gọn chỉ cần `__text`. Nhãn chữ ("Thắng", "Thua", "Hoà") là bắt buộc để trạng thái không chỉ nằm ở màu.

## Trạng thái
| Trạng thái | Hiệu ứng |
|---|---|
| Có kết quả | Hiện banner với lớp `--win` / `--lose` / `--tie` |
| Chưa có kết quả | Gắn `hidden` (ẩn hẳn, như `.bc-result-banner` khi chưa `show`) |

## Hành vi JS
Không có. Đổi lớp biến thể và `textContent` các phần tử con (không dùng `innerHTML`); giữ phần tử trong DOM từ đầu với `role="status"` để trình đọc màn hình đọc nội dung mới.

## Token sử dụng
`mint`, `warn`, `gold`, `street`, `panel`, `line`, `ink`, `soft`, `radius-12`, `space-2/8/10`.

## Khả năng tiếp cận
- `role="status"` `aria-live="polite"`; biểu tượng emoji `aria-hidden="true"` vì nhãn chữ đã nói đủ.
- Mỗi trạng thái có nhãn chữ riêng ("Thắng", "Thua", "Hoà") và dấu +/− trước số tiền, không dựa vào màu.
- Chữ chính luôn là `ink` trên nền pha nhạt (không dùng chữ xanh / đỏ như game) nên đạt 7:1 ở Tương phản cao.

## Nên / Không nên
| Nên | Không nên |
|---|---|
| Ghi số tiền bằng `TTMU.formatMoney` kèm dấu + hoặc − | Chỉ ghi "Thắng" không có số |
| Dùng `--tie` cho lời nhắc (đặt thiếu, không đủ tiền) | Dùng `--lose` cho lỗi nhập, vì chưa mất tiền |
| Giữ `role="status"` trên phần tử cố định | Chèn mới cả banner vào DOM mỗi ván |

## Nguồn
`.bc-result-banner`, `.bc-result-banner.show`, `.bc-result-banner.win|lose|tie` — css/baucua.css; `.xd-result-banner` — css/xidach.css; chuỗi `resultMsg` trong js/baucua.js ("🎉 TRÚNG LỚN!…", "✨ Hoà quỹ!…", "💸 Tiếc quá!…").
- Màu chữ xanh / đỏ / vàng của game (`#15803d`, `#b91c1c`, `#854d0e`) đổi sang `ink` vì không đạt 7:1 trên nền pha ở Tương phản cao; nền và viền giữ đúng vai trò màu.
- Nhãn chữ và dấu +/− là bổ sung có chủ đích; banner Xì Dách nền cam nhạt (`#fff7ed`) đổi sang pha `street` 8% với `panel`.