diff --git a/app/routes/how-to-play.tsx b/app/routes/how-to-play.tsx index 48518b0..5eb224a 100644 --- a/app/routes/how-to-play.tsx +++ b/app/routes/how-to-play.tsx @@ -1,4 +1,5 @@ import { Link } from "react-router"; +import { Button } from "app/components/ui/button"; export function meta() { return [ @@ -27,8 +28,8 @@ export default function HowToPlay() {

The Big Picture

- Before the season starts, every participant in your league holds a - draft — picking real athletes and teams across a set of sports + Before the season starts, everyone in the league participates in a + draft by picking real teams (and athletes in individual sports) across a set of sports chosen by your commissioner. Over the following months, those picks compete in their actual seasons. When it's all said and done, whoever earned the most points from their picks wins. @@ -39,17 +40,19 @@ export default function HowToPlay() {

Building Your Roster

- Your league includes a set of sports selected by the commissioner — - think NFL, NBA, golf, Formula 1, tennis, and more. Your roster has + Your league includes a set of sports selected by the commissioner, such as + the NFL, NBA, Golf, Formula 1, Tennis, and more. Your roster has one dedicated spot for each sport, so you need to draft at least one pick from every sport in the league.

Extra draft rounds beyond the number of sports create{" "} flex spots. - Flex picks can come from any sport — great for grabbing a second - player in a sport where you see value, or doubling down on a safe - bet. + Flex picks can come from any sport. These are great for grabbing a + second (or even a third and a fourth!) player in a sport where you + see value, or doubling down on a safe bet. How you use your flex + spots can be the difference between winning the league and + finishing at the bottom of the table.

@@ -65,7 +68,7 @@ export default function HowToPlay() {

How Points Work

- Points are awarded based on where your picks finish — 1st through + Points are awarded based on where your picks finish: 1st through 8th. The better they finish, the more you earn. Your commissioner can adjust point values before the draft, but here's what a typical league looks like: @@ -124,24 +127,27 @@ export default function HowToPlay() {

If nobody in your league drafted a team that finishes in the top 8, - those points aren't awarded to anyone. Drafting rare picks can pay - off. + those points aren't awarded to anyone in your league. In other + words, if no one picks Indiana to win the NCAA Football + championship, the manager who drafted Miami, the team that lost to + them, still only would receive the 2nd place points.

{/* Major-Based Sports */}
-

- Golf, Tennis, CS2 — Sports with Majors -

+

Sports with Majors

- Some sports don't have a single championship — they have multiple - major tournaments spread throughout the year. For these sports, + Some sports don't have a single championship, they have multiple + major tournaments spread throughout the year. Classic examples are + golf and tennis, but other sports may be scored by majors as well. + You can see on your league pages how each sport is scored. For + these sports with majors, players earn{" "} qualifying points (QP) {" "} - at each major: + at each one:

@@ -215,71 +221,89 @@ export default function HowToPlay() {

- {/* The Draft */} + {/* The Draft Room */}
-

The Draft

+

The Draft Room

- The draft is a snake draft — pick order reverses every round. If - you pick last in round 1, you pick first in round 2. No trading - picks, and once you make a selection it's yours for the whole - season. + Because Brackt is a "draft and done" league, the draft is your only + opportunity to take action. Once the final pick is made, your roster + is locked for the entire year. There are no trades, waivers, or + mid-season pickups. Your success depends entirely on the strategy + you execute during the draft.

- {/* Chess Clock */} -
-

- The Chess Clock — A Brackt Original -

+ {/* Timing Mechanics */} +
+

Timing Mechanics

- Most fantasy drafts use a simple countdown: you get X seconds per - pick and that's it. Brackt does it differently with a{" "} - - Fischer increment timer - - , borrowed from competitive chess. + The draft uses a snake format where the pick order reverses every + round. You can configure the timing of the draft using one of two + primary mechanics:

-

- Every participant starts the draft with a personal time bank. - Your clock counts down while it's your turn. When you make a - pick,{" "} - - time is added back - {" "} - to your bank. Any time you don't use carries over to your next - pick. -

-

- Pick quickly early on and you'll build up a bigger bank for the - later rounds when decisions get harder. Deliberate too long and - your bank shrinks. It rewards decisiveness without penalizing you - for taking a moment when you really need it. -

-
- Example:{" "} - On Standard speed, you start with 2 minutes. You make your first - pick in 30 seconds — 15 seconds are added back, leaving you with - 1 minute 45 seconds for your next turn. Keep picking fast and - that bank grows. -
+
    +
  • + + Standard Clock: + {" "} + A traditional fixed countdown (such as 60 seconds per pick). It + is a straightforward and consistent pace. +
    • +
  • + + Chess Clock (Fischer Increment): + {" "} + This system uses a Time Bank and an Increment. You start with a + pool of time (for example, 2 minutes). Each time you make a + pick, a set bonus like 15 seconds is added back to your bank. + This allows you to pick quickly in the early rounds to save up + time for more difficult decisions later on. +
    • +
- {/* Draft Queue & Autodraft */} -
-

Draft Queue & Autodraft

+ {/* Flexible Pacing */} +
+

Flexible Pacing

- Before and during the draft you can build a{" "} - draft queue{" "} - — an ordered list of picks you want to make. When it's your turn, - you can pick manually or let your queue guide you. + These mechanics can be applied to any draft speed. Whether you + want to finish in an hour or over the course of a week, the system + scales to your needs:

+
    +
  • + + Live Drafts: + {" "} + Uses short timers (seconds or minutes) for a fast-paced, + single-session event. +
    • +
  • + + Slow Drafts: + {" "} + Uses extended timers (hours) for leagues that want to draft over + several days. Slow drafts include a customizable{" "} + + Overnight Pause + + . The commissioner sets a uniform window (such as 10:00 PM to + 8:00 AM) where the clock stops for everyone. This ensures no one + is forced to make a pick in the middle of the night. +
    • +
+
+ + {/* Queue and Autodraft */} +
+

Queue and Autodraft

- If your time bank runs out,{" "} - autodraft{" "} - kicks in automatically. It'll grab the first available pick from - your queue. If your queue is empty or everything in it has - already been taken, it'll grab from the top of the available player pool. - Keep your queue updated and you'll never get stuck with a random - pick. + To keep the draft moving regardless of the pace, you can use the{" "} + Draft Queue{" "} + to pre-rank your targets. If your clock expires, the system + automatically selects the highest available player from your + queue. If your queue is empty, the system will select the + highest-ranked athlete remaining in the pool to ensure the draft + never stalls.

@@ -300,56 +324,21 @@ export default function HowToPlay() {

- {/* Tips */} -
-

Quick Tips

-
    -
  • - - Know your sports. - {" "} - Understanding how each sport determines its top 8 (playoffs vs. - regular season vs. bracket) is the biggest edge you can have. -
    • -
  • - - Build your queue early. - {" "} - The draft moves fast. Having a ranked queue ready means you'll - always get a pick you're happy with, even if you step away. -
    • -
  • - - Pick fast early on. - {" "} - The chess clock rewards quick decisions. Bank extra time for the - tricky later rounds. -
    • -
  • - - Flex spots are strategic. - {" "} - Use them to double up on sports you feel confident about, not - just to fill the roster. -
    • -
-
- {/* Links */}

Want the full breakdown? Read the{" "} - + official rules .

- - Create a League - +