Ma Thuật Thẻ Bài

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Recreate a responsive Vietnamese-language turn-based card battle game titled “Ma Thuật Thẻ Bài” (Card Magic). Use a dark fantasy UI: full viewport with a deep near-black purple background and subtle radial purple glow, light lavender text, gold highlights, rounded panels, and soft shadows. The game is a single-screen web game with no scrolling page; center the content in a max-width roughly 980px layout with small padding.

At the top, show the brand “Ma Thuật Thẻ Bài”, with “Thẻ Bài” highlighted gold, and the subtitle “Đấu trí theo lượt — dùng mana để hạ gục đối thủ”. Put a secondary outlined button “Chơi lại” at top right. Below it show a narrow status bar reading “Vòng 1 · Mana 3/3” on the left and “Bộ bài: 12” on the right. The main arena is a large rounded dark purple gradient panel with a thin purple border. Arrange three columns: the player on the left, a gold “VS” in the middle, and the enemy on the right. The player avatar is a circular purple magical portrait represented by the 🧙 emoji, named “Pháp sư ánh trăng”; the enemy avatar is a circular red/purple fiery portrait represented by 🐉, named “Long ma hỏa ngục”. Give both circular avatars glowing radial backgrounds and colored borders. Under each name show a horizontal rounded HP bar and text such as “HP 30/30” for the player and “HP 34/34” for the enemy. Player HP bar is green; enemy HP bar is red/orange. Under the enemy stats show a pink intent label: “Ý định: gây 6 sát thương”.

Under the arena, show a centered message initially reading “Chọn một lá bài để bắt đầu.” and a horizontally arranged hand of cards. Cards are rounded vertical purple gradient panels with lavender borders, shadows, an icon, a circular blue mana-cost badge, title, description, and the small instruction “Nhấn để dùng”. On the initial deal, draw four cards from a 12-card deck made from two copies each of these six cards, shuffled randomly:
- “Tia lửa” 🔥, cost 1, attack, “Gây 6 sát thương phép.”
- “Băng kích” ❄️, cost 2, attack, “Gây 11 sát thương phép.”
- “Lá chắn” 🛡️, cost 1, block, “Nhận 7 giáp cho lượt này.”
- “Tinh linh” 🌿, cost 2, heal, “Hồi 8 HP cho bản thân.”
- “Sét chuyền” ⚡, cost 3, attack, “Gây 17 sát thương phép.”
- “Hút sinh lực” 🩸, cost 2, drain, “Gây 7 sát thương và hồi 7 HP.”
Cards should lift slightly and highlight gold on hover/tap. Cards costing more than current mana, or cards after game over, should appear dimmed/grayscale and be unusable.

The player starts with 30/30 HP, the enemy with 34/34 HP, 3/3 mana, round 1, zero block, and a shuffled 12-card deck. Clicking a playable card immediately spends its mana, removes it from the hand, and applies its effect: attacks reduce enemy HP; block adds temporary armor; heal restores player HP but cannot exceed 30; drain damages the enemy and heals the player but cannot exceed 30. Display a corresponding Vietnamese result message, such as “Tia lửa gây 6 sát thương!”, “Bạn dựng lá chắn 7.”, “Bạn hồi 8 HP.”, or “Hút 7 sinh lực từ đối thủ.” If the card costs more mana than available, do not play it and show “Không đủ mana cho lá bài này.” If the enemy reaches zero HP, immediately show a victory modal.

At the bottom, place a large gold/orange button labeled “Kết thúc lượt ↗”, with a darker shadow and pressed state. Put a muted right-aligned tip beside it: “Mẹo: lá bài xanh hồi phục, lá bài tím gây sát thương phép.” Clicking end turn makes the dragon attack for 5 + (round modulo 4) damage (so 6 damage on round 1). Temporary block absorbs as much of that hit as possible, then is reduced; show a message explaining both actual damage and absorbed damage, for example “Long ma tấn công 0 sát thương — lá chắn hấp thụ 6”. If player HP reaches zero, show a defeat modal. Otherwise increment the round, replenish mana according to the original progression: new mana is the smaller of 3 + floor(new round / 4) and old max mana + 1, then set max mana to that value, and draw two more cards. The deck count in the status bar decreases as cards are drawn; when empty, reshuffle the six-card pool and continue drawing.

On first load, place a full-screen translucent black-purple overlay over the game with a centered rounded modal. The modal has the gold heading “Ma Thuật Thẻ Bài”, explanatory text “Đánh các lá bài trong tay, quản lý mana và sống sót trước đòn phản công của Long ma.” and a prominent gold button “Bắt đầu đấu”. Hide the overlay after starting. On victory, replace the heading with “Bạn chiến thắng!”, text with “Long ma tan biến trong ngọn lửa bạc.”, and button text with “Đấu lại”. On defeat, use “Bạn đã gục ngã”, text “Mana cạn kiệt, nhưng một pháp sư luôn có thể thử lại.”, and the same “Đấu lại” button. The top “Chơi lại” button also resets the game at any time.

Keep the presentation close to a polished compact fantasy card-game interface: 20px panel corners, 14–15px card corners, strong gold/orange action buttons, blue circular cost badges, green player health, red enemy health, responsive sizing, and on narrow screens reduce avatar/card sizes and hide the tip while keeping the arena and horizontal hand usable. Do not add unshown systems such as animations, deck-building, multiple enemies, equipment, or a map.