Element Pact

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.

Create a single-screen, turn-based 3D elemental party battle game titled "Element Pact". Use a dark navy full-screen background and a Three.js-style third-person battle camera: a perspective camera positioned above and behind the player side, looking toward the center of a round, dark slate battle platform. The platform is a thick circular cylinder with a raised silver torus rim, soft shadows, fog, and bright overhead/hemisphere lighting. Place four softly glowing square elemental rune tiles around the arena perimeter: red Fire, light-blue Water, pale Air, and lime-green Earth. The arena should have a clean low-poly stylized look.

At the far side of the arena, show one enemy Training Golem: a floating/hovering lime-green Earth creature made from a faceted icosahedron core above a short tapered cylindrical base, with one small glowing white eye. It slowly rotates and bobs. On the near side, show six small stylized party heroes arranged in a horizontal row, each made from a colored capsule body, white spherical head, and colored torus halo above the head. Their body color indicates element: Fire red, Water blue, Air very pale blue/white, Earth lime green. Heroes gently bob and rotate; defeated heroes sink below the platform and are visually dimmed/disabled in the UI. The selected living hero is slightly larger and visually highlighted.

The battle begins with the six-member party at full health against the Training Golem at full health. Party data and attacks must be: John, Fire, max HP 100, attack 22; Lisa, Fire, max HP 92, attack 25; Jessica, Water, max HP 105, attack 20; Bintang, Water, max HP 98, attack 23; Leo, Earth, max HP 112, attack 19; Damien, Earth, max HP 118, attack 18. The initial enemy is Training Golem, Earth, max HP 155, attack 15. Use the elemental advantage cycle Fire > Air > Earth > Water > Fire. An advantageous attack has a 1.55 damage multiplier; attacking a type that has advantage over the attacker is resisted at 0.68; otherwise use 1.0. Damage is the attack value times a random variance from 0.88 to 1.12, rounded, with a minimum of 1.

Make the game playable with touch/pointer controls. The bottom HUD contains six clickable character cards in a grid: on wide screens one row of six, and on narrow/mobile screens two rows of three. Each card displays the character name, element type, a green HP bar, exact HP such as "HP 100/100", and a small status hint such as Pick or Ready. Cards use translucent dark panels with a colored element gradient, rounded corners, and a white inset border/highlight for the selected card; downed cards are grayscale and darker. Clicking a living card selects it, updates the battle message to "[Name] ([Element]) is selected.", and makes it the active attacker.

Center the bottom action controls above the party cards with two buttons: a prominent orange-red gradient "Attack" button and a neutral dark "Rest" button. On the player's turn, Attack makes the selected hero strike the enemy, reduces enemy HP using the elemental multiplier and random variance, reports a message such as "Lisa used Fire strike for 38. It's super effective!", briefly lunges the hero toward the enemy, pulses/scales the enemy on impact, and displays a floating colored damage number over the enemy. Rest heals the selected hero by 18% of that hero's max HP, capped at max HP, marks that hero as defending, reports the recovered amount, and displays a green floating healing number. The defender reduces the next incoming damage to 55%, then the defending state clears.

After either Attack or Rest, disable player actions during the enemy turn for a short delay (about 0.72 seconds). The enemy randomly selects one living party member, attacks using the same elemental chart and variance, displays a red floating damage number and battle log such as "Training Golem hits John for 10. Clean hit.", and briefly shakes the target. Then return to the player's turn and increment the round. If the selected hero is defeated, automatically select the first living hero. If all heroes are defeated, show a centered dark translucent overlay with the title "Defeat", the text "Restart and try using type advantage.", and an orange-red "Restart Battle" button. If enemy HP reaches zero, show "Victory" and text indicating the number of rounds, e.g. "The party won in 3 rounds.", with the same restart button. Restart restores all HP, the original Training Golem, selection to John, round 1, player turn, and the initial ready message.

The top HUD should be a responsive overlay over the 3D scene. In the upper-left, use a translucent dark rounded panel titled "Element Pact" and the instruction text "Pick a hero, then Attack. Advantage: Fire > Air > Earth > Water > Fire." Hide the instruction on small screens. In the upper-right, use a matching panel showing "Training Golem", its colored "Earth enemy" label, a bright green-to-lime HP bar, and exact enemy HP such as "HP 155/155". Near the bottom center above the action buttons, show a wide translucent rounded battle-log panel with centered status text. On mobile, reposition the log and action bar higher to leave room for the two-row party cards. Use white bold system UI typography, rounded translucent panels, subtle borders, blur, and shadows. Include floating combat text rendered over the 3D scene, smooth HP bar transitions, responsive resizing, and no scrolling.