A 1v1 battle game where you pick 3 cards and battle on a tiny lane. The first player to destroy the opponent's tower wins!

1. Choose 3 cards from the available options before starting the battle
2. Each card has different costs, abilities, and stats
3. Click "Start Battle" when you're ready

• Elixir: You gain 1 elixir every 2 seconds (max 10)
• Dropping Cards: Click on a card in your hand, then click on your side of the lane to drop it
• Auto-Combat: Cards automatically walk forward and attack enemies or buildings
• Time Limit: Each battle lasts 1 minute maximum

• Mini Knight (3 elixir) - Melee attacker with sword
• Archer (3 elixir) - Ranged attacker with bow

• Zap (2 elixir) - Stuns and damages enemies in range
• Fireball (4 elixir) - Area damage spell

• Cannon (3 elixir) - Shoots enemies from a distance
• Tower (5 elixir) - Strong defensive building

• Mouse Click: Select cards and drop them on the battlefield
• Left Side: Your territory (where you can drop cards)
• Right Side: Enemy territory

• Destroy the enemy tower before time runs out
• Survive until the 1-minute timer expires (draw)
• Have more tower health when time runs out

• Real-time Combat: Cards automatically move and attack
• Strategic Card Selection: Choose your 3-card deck wisely
• Resource Management: Manage your elixir efficiently
• Visual Feedback: Health bars, stun effects, and smooth animations
• AI Opponent: Face off against computer-controlled enemy
• Responsive Design: Works on desktop and mobile devices

• Built with HTML5 Canvas and JavaScript
• No external dependencies
• Smooth 60 FPS gameplay
• Modern CSS styling with gradients and animations

1. Open index.html in your web browser
2. Select 3 cards for your deck
3. Click "Start Battle"
4. Click cards in your hand, then click on your side of the lane to drop them
5. Watch the battle unfold and try to destroy the enemy tower!

Enjoy the game! 🎮