add prediction points to leaderboard display and explanation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

packages/client/src/components/leaderboard.tsx

@@ -3,9 +3,10 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 
 interface LeaderboardProps {
 	entries: LeaderboardEntry[]
+	resultsEntered?: boolean
 }
 
-export function Leaderboard({ entries }: LeaderboardProps) {
+export function Leaderboard({ entries, resultsEntered }: LeaderboardProps) {
 	if (entries.length === 0) return null
 
 	return (
@@ -24,6 +25,7 @@ export function Leaderboard({ entries }: LeaderboardProps) {
 								<span className="text-sm font-medium">{entry.displayName}</span>
 							</div>
 							<div className="flex items-center gap-3 text-xs text-muted-foreground">
+								<span title="Prediction points">P:{resultsEntered ? entry.predictionPoints : "?"}</span>
 								<span title="Jury points">J:{entry.juryPoints}</span>
 								<span title="Bingo points">B:{entry.bingoPoints}</span>
 								<span className="text-sm font-bold text-foreground">{entry.totalPoints}</span>
@@ -34,6 +36,7 @@ export function Leaderboard({ entries }: LeaderboardProps) {
 				<div className="rounded-md bg-muted/50 p-3 text-xs text-muted-foreground">
 					<p className="mb-1 font-medium">How scoring works</p>
 					<ul className="flex flex-col gap-0.5">
+						<li><strong>P</strong> = Prediction points — 25 for correct winner, 10 each for 2nd/3rd, 15 for last place</li>
 						<li><strong>J</strong> = Jury points — rate each act 1-12, earn up to 5 pts per round for matching the group consensus</li>
 						<li><strong>B</strong> = Bingo points — 2 pts per tapped trope + 10 bonus for a full bingo line</li>
 					</ul>