/* ══════════════════════════════════════════════════════════════════════════ main.css — ĐIỂM VÀO DUY NHẤT của hệ thiết kế. Trang nào cũng chỉ cần một dòng: kèm hai dòng preconnect font ở (CSS không đặt preconnect được): BA HỌ CHỮ, mỗi họ một việc, đã kiểm đủ dấu tiếng Việt ở mọi độ đậm: Literata văn kể — serif đọc dài không mỏi, dấu rõ Be Vietnam Pro giao diện — font Việt, dựng riêng cho dấu tiếng Việt Alegreya SC tiêu đề — chữ khắc small-caps, PHỦ ĐỦ dấu tiếng Việt. Thay cho Cinzel: Cinzel không có bộ ký tự vietnamese nên chữ có dấu rơi về phông đỡ theo từng ký tự, pha hai mặt chữ giữa một cái tên. Đổi phông tiêu đề thì phải kiểm lại bộ `vietnamese` trong tệp Google Fonts trả về. ── KHUNG XƯƠNG MỘT TRANG ─────────────────────────────────────────────── … ← năm lớp nền, thứ tự này
… nội dung …
Nút chuyển nền phải mang `id="doi-nen"` và ô chữ `id="ten-nen"` thì `khoiDong()` mới gắn được — xem `web/mau.html`. ── BỐN HẠNG KHUNG, GẮN VÀO ĐÂU (luật mới 25/08/2026, xem 3-khung.css) ──
TẤM CHÍNH của trang — thẻ nhân vật, dòng sổ cái, form gieo, tấm kết quả thanh toán
tấm nhấn thứ hai — tấm đọc truyện, khối nạp xu
tấm phụ đáng kể — thẻ trong danh sách, lược đồ, tài khoản, số dư, bảng tỉ lệ, bậc model
CHỈ ô rất nhỏ — ô tìm, "đang tải", hộp lỗi lẻ
thẻ kết quả gieo thân phận Mỗi tấm ĐÚNG MỘT hạng. Quên hạng thì tấm rơi về nét viền 1px. ⚠️ ĐỪNG LẤY `.k-nhe` LÀM MẶC ĐỊNH. Nó đã từng là thói quen của cả sáu trang (30 lần `.k-nhe`, 2 lần `.k-nang`) và kết quả là một sản phẩm không thấy hoa văn ở đâu — trái hẳn yêu cầu. Không chắc chọn hạng nào thì lấy `.k-vua`. Đợt 2 (`web/trang/**`): dùng đúng các lớp trong bộ này, KHÔNG tự chế CSS mới. Thiếu gì thì thêm vào đây, đừng viết