A 4-player turn-based card game inspired by Magic: The Gathering, featuring weed strains and elemental attributes.

Weed Grower is a strategic card game where players compete to grow the most powerful weed strains by collecting elemental attributes (Sun, Water, Air, Soil). The first player to reach 20 attribute points wins!

• Weed Cards: 8 unique strains with mythical descriptions
  • Each card features strain name, effects, and visual growth stages
  • Cards "grow" from seedling to harvest as they gain attributes
• Attribute Cards: 4 elemental types
  • ☀️ Sun (3 points) - Golden energy
  • 💧 Water (4 points) - Flowing life force
  • 🌬️ Air (1 point) - Gentle breeze
  • 🌱 Soil (2 points) - Rich earth

• 4 Players: Turn-based gameplay with automatic progression
• Money System: Start with 100 points, cost 50 to play
• Win/Loss Rewards: Win = +100 points, Lose = 0 points
• Hit/Stay System: Similar to poker mechanics
• 20-Point Threshold: Game ends when a player reaches 20 attribute points

• Magic: The Gathering inspired card frames
• Vine/reed borders on all cards
• Pixel art beach background (sand, water, sky)
• Smooth animations for card dealing, turn transitions, and attribute addition
• Responsive design with dynamic button positioning

1. Start Game: Click "Start Game" to begin (costs 50 points)
2. Initial Deal: Each player receives one weed card
3. Take Turns:
   • Hit: Draw an attribute card and add it to your weed
   • Stay: End your turn and keep current attributes
4. Win Condition: First player to reach 20 attribute points wins!

• Card Dealing: Flowing animation from deck to player hand
• Attribute Addition: Flying badge animation with card glow
• Turn Transitions: Smooth player highlighting changes
• Button Effects: Pulse, glow, and shimmer animations
• Game Board: Slides up after rules fade away

• Dynamic Buttons: Hit/Stay buttons follow user when scrolling
• Attribute Badges: Display below cards with individual counts
• Player Status: Real-time updates for money and attribute points
• Game Rules: Smooth fade-out animation at game start

• HTML5: Game structure and layout
• CSS3: Styling, animations, and responsive design
• JavaScript (ES6+): Game logic and interactivity

• Object-Oriented Design: WeedGrowerGame class for game state management
• Event-Driven Architecture: Click and scroll event handling
• CSS Animations: Keyframe animations for smooth transitions
• Responsive Layout: Adapts to different screen sizes
• Dynamic DOM Manipulation: Real-time card and attribute updates

card-practice/
├── index.html          # Main game interface
├── styles.css          # Game styling and animations
├── script.js           # Game logic and functionality
└── README.md           # This file

• Each player starts with 100 money points
• Game costs 50 points to play
• Two shuffled decks: weed cards and attribute cards

• Players take turns automatically
• On your turn, choose "Hit" or "Stay"
• "Hit" adds an attribute card to your weed
• "Stay" ends your turn and keeps current attributes
• First to 20 attribute points wins

• Sun: 3 points
• Water: 4 points
• Soil: 2 points
• Air: 1 point

• Winner: +100 money points
• Loser: 0 money points

Each strain has unique characteristics:

• OG Kush: Earthy and piney with powerful effects
• Blue Dream: Sweet berry aroma with balanced high
• Purple Haze: Sweet and spicy with euphoric effects
• White Widow: Pine and citrus with intense cerebral high
• Girl Scout Cookies: Sweet and earthy with full-body relaxation
• Granddaddy Purple: Grape and berry with deep body stone
• Sour Diesel: Pungent diesel aroma with energizing effects
• Northern Lights: Sweet and spicy with powerful body high

• Weed cards visually "grow" as they gain attributes
• Attribute badges stack below cards with individual counts
• Smooth animations for all card interactions

1. Clone the repository:

   git clone [repository-url]
   cd card-practice

2. Open in browser:

   • Double-click index.html or
   • Open with any modern web browser

3. Start playing:

   • Click "Start Game" to begin
   • Follow the on-screen instructions

Edit the weedDeck array in script.js:

{
    name: "New Strain",
    emoji: "🌿",
    description: "Your strain description here"
}

Edit the attributeDeck array in script.js:

{
    type: "New Element",
    emoji: "⚡",
    points: 5
}

Feel free to contribute to this project! Some ideas:

• Add new weed strains
• Create new attribute types
• Improve animations
• Add sound effects
• Enhance mobile responsiveness

This project is open source and available under the MIT License.

Grow the most powerful weed strains and become the ultimate Weed Grower! 🌿✨

Built with ❤️ and lots of 🌿