From 8c9b131c00e4252f9ab4db20742c5d0df1ebb563 Mon Sep 17 00:00:00 2001
From: Chris Parsons <438676+chrisparsons83@users.noreply.github.com>
Date: Fri, 20 Feb 2026 10:00:35 -0800
Subject: [PATCH] Update scoring system and add Counter-Strike to special
 scoring (#7)

* Update how-to-play scoring rules to match standard scoring

- Update placement points: 1st 100, 2nd 70, 3rd-4th 45, 5th-8th 20
- Add Counter-Strike to the special majors scoring section alongside Golf & Tennis
- Add qualifying points breakdown (8/5/3/2/1) per major tournament

https://claude.ai/code/session_01JUAqVZgo7M7XRBLzpeaWpH

* Fix scoring to show all 8 individual placements correctly

Display each placement (1st-8th) with its own point value rather than
grouping/averaging: 100, 70, 50, 40, 25, 25, 15, 15

https://claude.ai/code/session_01JUAqVZgo7M7XRBLzpeaWpH

---------

Co-authored-by: Claude <noreply@anthropic.com>
---
 app/routes/how-to-play.tsx | 74 ++++++++++++++++++++++++++------------
 1 file changed, 51 insertions(+), 23 deletions(-)

diff --git a/app/routes/how-to-play.tsx b/app/routes/how-to-play.tsx
index b792e37..f4b3450 100644
--- a/app/routes/how-to-play.tsx
+++ b/app/routes/how-to-play.tsx
@@ -50,22 +50,40 @@ export default function HowToPlay() {
             Points are awarded based on final standings. The better your pick
             finishes, the more points you earn:
           </p>
-          <div className="bg-muted p-6 rounded-lg space-y-2">
-            <div className="flex justify-between items-center">
-              <span className="font-semibold">🥇 1st Place</span>
-              <span className="text-xl font-bold">80 points</span>
-            </div>
-            <div className="flex justify-between items-center">
-              <span className="font-semibold">🥈 2nd Place</span>
-              <span className="text-xl font-bold">50 points</span>
-            </div>
-            <div className="flex justify-between items-center">
-              <span className="font-semibold">🥉 3rd-4th Place</span>
-              <span className="text-xl font-bold">30 points</span>
-            </div>
-            <div className="flex justify-between items-center">
-              <span className="font-semibold">5th-8th Place</span>
-              <span className="text-xl font-bold">20 points</span>
+          <div className="bg-muted p-6 rounded-lg">
+            <div className="grid grid-cols-2 gap-x-8 gap-y-3">
+              <div className="flex justify-between items-center">
+                <span className="font-semibold">🥇 1st Place</span>
+                <span className="text-xl font-bold">100 pts</span>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="font-semibold">🥈 2nd Place</span>
+                <span className="text-xl font-bold">70 pts</span>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="font-semibold">🥉 3rd Place</span>
+                <span className="text-xl font-bold">50 pts</span>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="font-semibold">4th Place</span>
+                <span className="text-xl font-bold">40 pts</span>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="font-semibold">5th Place</span>
+                <span className="text-xl font-bold">25 pts</span>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="font-semibold">6th Place</span>
+                <span className="text-xl font-bold">25 pts</span>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="font-semibold">7th Place</span>
+                <span className="text-xl font-bold">15 pts</span>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="font-semibold">8th Place</span>
+                <span className="text-xl font-bold">15 pts</span>
+              </div>
             </div>
           </div>
           <p className="text-sm text-muted-foreground mt-4 italic">
@@ -76,27 +94,37 @@ export default function HowToPlay() {
 
         <section>
           <h2 className="text-2xl font-semibold mb-4">
-            ⛳ Special Scoring for Golf & Tennis
+            ⛳ Special Scoring for Golf, Tennis & Counter-Strike
           </h2>
           <p className="text-lg text-muted-foreground mb-4">
-            Golf and tennis work a bit differently since they have multiple
-            major tournaments:
+            Golf, tennis, and Counter-Strike work a bit differently since they
+            each have multiple major tournaments throughout the year:
           </p>
           <ul className="list-disc list-inside space-y-2 text-muted-foreground ml-4">
             <li>
-              Players earn qualifying points at each major tournament throughout
-              the year
+              Players/teams earn qualifying points at each major tournament
+              throughout the year
             </li>
             <li>
               After all majors are complete, we add up everyone's qualifying
               points
             </li>
             <li>
-              The top 8 players by total qualifying points then earn the regular
-              scoring points (80, 50, 30, 20)
+              The top 8 by total qualifying points then earn the regular scoring
+              points (100, 70, 50, 40, 25, 25, 15, 15)
             </li>
             <li>This rewards consistency across all the major tournaments!</li>
           </ul>
+          <div className="bg-muted p-4 rounded-lg mt-4">
+            <p className="font-semibold mb-2">Qualifying points per major:</p>
+            <div className="grid grid-cols-2 gap-1 text-sm text-muted-foreground">
+              <span>1st Place</span><span className="font-medium">8 QP</span>
+              <span>2nd Place</span><span className="font-medium">5 QP</span>
+              <span>3rd Place</span><span className="font-medium">3 QP</span>
+              <span>4th Place</span><span className="font-medium">2 QP</span>
+              <span>5th Place</span><span className="font-medium">1 QP</span>
+            </div>
+          </div>
         </section>
 
         <section>