Welcome to the **Smash Saturday Broadcast Draft Board**. This application is designed to provide a professional, “ESPN-style” visual experience for live-streaming your horseshoe pitching drafts. It handles the math, the timing, and the visual flair so you can focus on the commentary.

## ## Core Features
* **Snake Draft Logic:** Automatically handles the “winding” pick order (e.g., Round 1 goes 1 to 8; Round 2 goes 8 to 1).
* **Power Rank Indicator:** Real-time standings that rank teams based on their current **Average RPG** (Ringers Per Game).
* **Dynamic Broadcast Ticker:** A scrolling marquee at the bottom of the screen showing the history of every pick made.
* **Visual Pick Announcements:** A high-impact overlay that pops up whenever a player is selected, color-coded by their skill tier.
* **Persistence:** The board saves to your browser automatically. If you accidentally refresh or lose power, your draft is exactly where you left it.

## ## Instructions for First-Time Users

### 1. Initialization (The Setup Screen)
When you first launch the app, you’ll see the **Draft Initialization** screen. You need to provide two lists in “Name, RPG” format:
* **Captains:** Enter the league leaders who will be picking.
* *Example:* `Derek Collins, 4.2`
* **Players:** Enter the pool of available players.
* *Example:* `John Smith, 3.8`
* **Launch:** Click **Launch Broadcast Board** to build the grid.

### 2. Starting the Draft
Once the board is visible, it is in **Ready Mode**.
* Review the names and rankings on the board.
* When you are ready to go live, click **Start Draft**. This will activate the “On the Clock” highlighting and start the countdown timer.

### 3. Making Picks
* **The Search Bar:** Use the sidebar on the right to find players. You can search by name or RPG value.
* **Selecting a Player:** Click on a player’s name in the sidebar. This will trigger the **Broadcast Overlay** and automatically place that player into the correct slot for whichever captain is currently “On the Clock.”
* **Manual Overrides:** If a pick is made out of order (or you need to fill a specific slot), click any **empty cell** on the main board to manually assign a player to that spot.

### 4. Controlling the Broadcast
* **The Timer:** Use the **Spacebar** to start or pause the draft clock. It will turn orange at 1 minute and red/shaking at 15 seconds.
* **Undo:** If you click the wrong player, the **Undo** button in the top nav will revert the last pick and move the clock/turn back one step.
* **Fullscreen:** Click **⛶ FS** to hide your browser tabs and taskbar for a clean stream layout.

### 5. Ending and Resetting
* **Completion:** Once all slots are filled, the status will change to **COMPLETE**.
* **New Draft:** To wipe the board for a new session, click **New Draft** in the top nav. You will have to confirm twice to ensure you don’t accidentally delete a live draft.

## ## RPG Color Coding
The board automatically color-codes players based on their RPG to help viewers identify “Elite” vs “Standard” picks:
* **Blue (Elite):** 4.0+ RPG
* **Yellow (High):** 3.0 – 3.9 RPG
* **Green (Competitive):** 2.0 – 2.9 RPG
* **Red (Standard):** Below 2.0 RPG

> **Pro Tip:** Keep the “Draft Initialization” text (your captain/player lists) saved in a separate Notepad file. While the app remembers them, it’s always good to have a backup of your league data!

Launch the Draft Board