# MinigameWallet
Đầu cửa sổ minigame: tiêu đề, nút đóng và thanh ví nỉ xanh hiện tiền két cùng tổng cược đang đặt, dùng chung cho Bầu Cua và Xì Dách.

## Khi nào dùng
- Trên cùng của mọi minigame tiêu tiền két (Bầu Cua, Xì Dách).
- Cho người chơi thấy "mình còn bao nhiêu" và "đang đặt bao nhiêu" ngay trong lúc cược.
- Component generic: chỉ hiển thị chuỗi tiền bạn truyền vào (dùng `TTMU.formatMoney`), không giữ số dư.

## Biến thể
| Biến thể | Lớp | Dùng khi |
|---|---|---|
| Bầu Cua | `tt-mgwallet` | Thanh ví hai cột: Két tiền quán và Quỹ vui |
| Xì Dách | `tt-mgwallet--wide` | Thanh ví rộng hơn (bo 14px, đệm 6/14, tiền 1.15rem), thường chỉ một số dư |

## Cấu trúc
```html
<section class="tt-mgwallet" aria-label="Ví Bầu Cua">
  <header class="tt-mgwallet__header">
    <h3 class="tt-mgwallet__title"><span>🧋 Bầu Cua Trân Châu</span><small class="tt-mgwallet__sub">(Gieo Hạt May Mắn)</small></h3>
    <button type="button" class="tt-mgwallet__close" aria-label="Đóng minigame">✕</button>
  </header>
  <div class="tt-mgwallet__bar">
    <div><span>💰 Két tiền quán:</span> <span class="tt-mgwallet__money tt-num">237,5k</span></div>
    <div><span>Quỹ vui:</span> <span class="tt-mgwallet__bet tt-num">150k</span></div>
  </div>
</section>
```
`__header` dính đầu khung (`position: sticky`, `z-index: 10`), nên đặt trong thẻ cuộn của minigame. `__sub` và cột "Quỹ vui" là tuỳ chọn.

## Khung thẻ `tt-mgframe`
Cả hai minigame nằm trong cùng một khung thẻ (`.baucua-card` và `.xidach-card` trong game giống hệt nhau), nên khung được tách thành khối dùng chung `tt-mgframe` thay vì một component riêng: nền `panel`, viền 3.5px `counter`, bo 22px, bóng `shadow-modal`, đệm 10/12/14px, rộng tối đa 480px, căn giữa. Ví luôn là con đầu của khung.

```html
<div class="tt-mgframe">             <!-- Bầu Cua: thêm riêng tt-xidach cho bàn Xì Dách: class="tt-mgframe tt-xidach" -->
  <section class="tt-mgwallet">…</section>
  …bàn cược, chip, nút, banner…
</div>
```

## Trạng thái
| Trạng thái | Hiệu ứng |
|---|---|
| Nút đóng mặc định | Nền pha `warn` 10%, viền và dấu ✕ `warn` |
| Nút đóng hover / nhấn | Nền `warn`, dấu ✕ `on-fill`, phóng 1.08 |
| Thanh ví | Nền nỉ xanh gradient tròn, viền vàng đồng, tiền vàng |

## Hành vi JS
Không có. Đóng minigame, cập nhật số dư và tổng cược do code của bạn làm: gán `textContent` bằng `TTMU.formatMoney(n)`.

## Token sử dụng
`felt-hi`, `felt-mid`, `felt-lo`, `felt-line`, `felt-ink`, `felt-money`, `felt-bet`, `panel`, `line`, `pink-d`, `soft`, `warn`, `on-fill`, `outline`, `radius-12/14/round`, `space-4/6/8/10/12/14`.

## Khả năng tiếp cận
- Nút đóng chỉ có ký hiệu nên bắt buộc có `aria-label`; là `<button>` thật, focus bằng vòng `focus-ring`.
- Tiêu đề là `h3` trong `header`; vùng ví là `section` có `aria-label`.
- Nỉ xanh cố định, chữ vàng đọc được ở mọi theme. Ca xấu nhất ở điểm sáng nhất của gradient: bốn theme gốc (`felt-hi` #24523b) tiền két 5.36:1, nhãn 6.26:1, tổng cược 6.62:1 (giữ đúng game); Tương phản cao (`felt-hi` #173a29) tiền két 7.52:1, nhãn 8.77:1, tổng cược 9.27:1. Trên `felt-mid` tất cả hơn 8.5:1.
- Hãy để Esc đóng minigame như game gốc; bộ component không tự gắn phím này.

## Nên / Không nên
| Nên | Không nên |
|---|---|
| Hiện cả Két tiền và Quỹ vui khi đang cược | Chỉ hiện số dư rồi để người chơi tự cộng trừ |
| Dùng `TTMU.formatMoney` cho mọi số tiền | Tự định dạng "237.500đ" |
| Để nút đóng luôn bấm được | Khoá nút đóng khi đang lắc mà không giải thích |

## Nguồn
- Khung thẻ `tt-mgframe`: `.baucua-card` (css/baucua.css:22-40) và `.xidach-card` / `.xd-card-container` (css/xidach.css:22-35); nền trắng `#fffdf8` đổi sang `panel`, viền `#8a5a3b` sang `counter`, bóng sang `shadow-modal`. Không chép `max-height` và cuộn của game: nơi dùng tự đặt khung trong thẻ cuộn.
`.bc-header`, `.bc-title`, `.bc-close-btn`, `.bc-wallet-bar`, `.bc-money`, `.bc-bet-total` — css/baucua.css; `.xd-header`, `.xd-title`, `.xd-close-btn`, `.xd-wallet-bar`, `.xd-money` — css/xidach.css; markup trong `renderUI` của js/baucua.js, js/xidach.js.
- Màu nỉ và vàng đổi sang token `felt-*` (cố định, như game); nút đóng đổi `#ef4444` / `#fef2f2` / `#b91c1c` sang `warn` và pha `warn` với `panel`.
- Tiêu đề `#8a3a50` đổi sang `pink-d` để còn đọc được ở theme Đêm dịu (token `sign-ink` là màu cố định cho biển tên, không hợp nền tối).
- `.xd-btn-sm` (nút Luật chơi) và `.xd-head-actions` thuộc Task Xì Dách, chưa có ở đây.