diff --git a/components/forms/Form.tsx b/components/forms/Form.tsx
index e6724d79..d7e84607 100644
--- a/components/forms/Form.tsx
+++ b/components/forms/Form.tsx
@@ -188,7 +188,7 @@ export default function Form(props: FormProps) {
 
 		const elements = [];
 
-		// console.log(`Block: ${rowCount}x${colCount}: ${block.flat().map(e => e.key).join(", ")}`);
+		//console.log(`Block: ${rowCount}x${colCount}: ${block.flat().map(e => e.key).join(", ")}`);
 		for (let r = 0; r < rowCount; r++) {
 			for (let c = 0; c < colCount; c++) {
 				let topRounding = "",
diff --git a/components/stats/SmallGraph.tsx b/components/stats/SmallGraph.tsx
index 5cf038ed..02bcd9d8 100644
--- a/components/stats/SmallGraph.tsx
+++ b/components/stats/SmallGraph.tsx
@@ -103,11 +103,7 @@ export default function SmallGraph(props: {
 	};
 
 	useEffect(() => {
-		if (
-			!props.selectedReports ||
-			(datapoints && currentTeam === props.team && false)
-		)
-			return;
+		if (!props.selectedReports) return;
 
 		setDataPoints([]);
 		setCurrentTeam(props.team);
@@ -126,7 +122,7 @@ export default function SmallGraph(props: {
 				);
 			});
 		}
-	}, [key, currentTeam, datapoints, props.selectedReports, props.team]);
+	}, [key, currentTeam, props.selectedReports, props.team]);
 
 	if (!props.selectedReports) {
 		return <></>;
@@ -141,13 +137,9 @@ export default function SmallGraph(props: {
 					console.log(e.target.value);
 					setKey(e.target.value);
 				}}
+				defaultValue={"selected"}
 			>
-				<option
-					disabled
-					selected
-				>
-					Select Variable
-				</option>
+				<option disabled>Select Variable</option>
 				{keys.map((key) => (
 					<option
 						key={key}
diff --git a/lib/Enums.ts b/lib/Enums.ts
index 8dc4ba49..ccd7a6f0 100644
--- a/lib/Enums.ts
+++ b/lib/Enums.ts
@@ -81,3 +81,31 @@ export namespace IntoTheDeepEnums {
 		HighLevelClimb = "High Level Climb",
 	}
 }
+
+export namespace ReefscapeEnums {
+	export enum EndgameClimbStatus {
+		None = "None",
+		Park = "Park",
+		High = "High",
+		Low = "Low",
+	}
+
+	export enum DriveThroughDeepCage {
+		No = "No",
+		Slow = "Slow",
+		Fast = "Fast",
+	}
+
+	export enum AutoCapabilities {
+		NoAuto = "No Auto",
+		MovePastStart = "Move Past Start",
+		ScoreOneCoral = "Score One Coral",
+		ScoreMoreThanOneCoral = "ScoreMoreThanOneCoral",
+	}
+
+	export enum Climbing {
+		No = "No",
+		Deep = "Deep",
+		Shallow = "Shallow",
+	}
+}
diff --git a/lib/Layout.ts b/lib/Layout.ts
index 5da62fa8..01ef80d1 100644
--- a/lib/Layout.ts
+++ b/lib/Layout.ts
@@ -9,6 +9,7 @@ import {
 	CenterStageEnums,
 	IntoTheDeepEnums,
 	FtcDrivetrain,
+	ReefscapeEnums,
 } from "./Enums";
 import { PitReportData, QuantData, Pitreport, Report, League } from "./Types";
 
@@ -143,6 +144,14 @@ export type StatPair<
 	label: string;
 };
 
+export type StatGroup<
+	TPitData extends PitReportData,
+	TQuantData extends QuantData,
+> = {
+	stats: Stat<TPitData, TQuantData>[];
+	label: string;
+};
+
 export type StatsLayout<
 	TPitData extends PitReportData,
 	TQuantData extends QuantData,
@@ -204,6 +213,10 @@ export function keyToType(
 		CenterStageEnums.AutoSidePreference,
 		IntoTheDeepEnums.StartedWith,
 		IntoTheDeepEnums.EndgameLevelClimbed,
+		ReefscapeEnums.AutoCapabilities,
+		ReefscapeEnums.Climbing,
+		ReefscapeEnums.DriveThroughDeepCage,
+		ReefscapeEnums.EndgameClimbStatus,
 	];
 
 	if (key === "Defense") return Defense;
@@ -213,6 +226,11 @@ export function keyToType(
 	if (key === "EndgameLevelClimbed")
 		return IntoTheDeepEnums.EndgameLevelClimbed;
 
+	if (key == "AutoCapabilities") return ReefscapeEnums.AutoCapabilities;
+	if (key == "Climbing") return ReefscapeEnums.Climbing;
+	if (key == "DriveThroughDeepCage") return ReefscapeEnums.DriveThroughDeepCage;
+	if (key == "EndgameClimbStatus") return ReefscapeEnums.EndgameClimbStatus;
+
 	for (const e of enums) {
 		if (Object.values(e).includes(exampleData[key])) return e;
 	}
diff --git a/lib/Types.ts b/lib/Types.ts
index 257b111c..fab351ed 100644
--- a/lib/Types.ts
+++ b/lib/Types.ts
@@ -171,6 +171,7 @@ export class Game<
 
 	fieldImagePrefix: string;
 	coverImage: string;
+	coverImageClass: string;
 
 	getBadges: (
 		pitData: Pitreport<TPitData> | undefined,
@@ -201,6 +202,7 @@ export class Game<
 		pitStatsLayout: PitStatsLayout<TPitData, TQuantData>,
 		fieldImagePrefix: string,
 		coverImage: string,
+		coverImageClass: string | undefined,
 		getBadges: (
 			pitData: Pitreport<TPitData> | undefined,
 			quantitativeReports: Report<TQuantData>[] | undefined,
@@ -234,6 +236,7 @@ export class Game<
 
 		this.fieldImagePrefix = fieldImagePrefix;
 		this.coverImage = coverImage;
+		this.coverImageClass = coverImageClass ?? "";
 
 		this.getBadges = getBadges;
 		this.getAvgPoints = getAvgPoints;
diff --git a/lib/api/ClientApi.ts b/lib/api/ClientApi.ts
index 243f0472..bb65b3af 100644
--- a/lib/api/ClientApi.ts
+++ b/lib/api/ClientApi.ts
@@ -907,7 +907,7 @@ export default class ClientApi extends NextApiTemplate<ApiDependencies> {
 		isAuthorized: AccessLevels.AlwaysAuthorized,
 		handler: async (req, res, { tba }, authData, [tbaId]) => {
 			const compRankings = await tba.req.getCompetitonRanking(tbaId);
-			return res.status(200).send(compRankings.rankings);
+			return res.status(200).send(compRankings?.rankings);
 		},
 	});
 
diff --git a/lib/client/GameId.ts b/lib/client/GameId.ts
index 4105da0a..a9d1b41e 100644
--- a/lib/client/GameId.ts
+++ b/lib/client/GameId.ts
@@ -2,6 +2,7 @@ export enum GameId {
 	Crescendo = "Crescendo",
 	CenterStage = "CenterStage",
 	IntoTheDeep = "IntoTheDeep",
+	Reefscape = "Reefscape",
 }
 
 export const defaultGameId = GameId.Crescendo;
diff --git a/lib/client/StatsMath.ts b/lib/client/StatsMath.ts
index 40c86ad3..8464971e 100644
--- a/lib/client/StatsMath.ts
+++ b/lib/client/StatsMath.ts
@@ -118,3 +118,31 @@ export function ComparativePercent<T extends QuantData>(
 
 	return Round((a / (b + a)) * 100) + "%";
 }
+
+/**
+ * @tested_by tests/lib/client/StatsMath.test.ts
+ */
+export function ComparativePercentMulti<T extends QuantData>(
+	selectors: Selector<T>[],
+	reports: Report<T>[],
+) {
+	const results: string[] = [];
+	const totals = selectors.map((selectors) =>
+		NumericalTotal(selectors, reports),
+	);
+
+	let sum = 0;
+	for (let i = 0; i < totals.length; i++) {
+		sum += totals[i];
+	}
+
+	for (let i = 0; i < totals.length; i++) {
+		results.push(Round((totals[i] / sum) * 100) + "%");
+	}
+
+	if (sum === 0) {
+		return 0;
+	}
+
+	return results;
+}
diff --git a/lib/client/useInterval.ts b/lib/client/useInterval.ts
index dc3f445b..aadd2a38 100644
--- a/lib/client/useInterval.ts
+++ b/lib/client/useInterval.ts
@@ -1,19 +1,23 @@
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 /**
  * Can be janky. You've been warned.
  */
+
 export default function useInterval(
 	func: () => any,
 	interval: number,
 	deps: any[] = [],
 ) {
-	const [id, setId] = useState<NodeJS.Timeout | undefined>(undefined);
+	const [id, setId] = useState<NodeJS.Timeout>();
+	const callback = useCallback(func, [func, ...deps]);
 
 	useEffect(() => {
-		setId(setInterval(func, interval));
-		return () => clearInterval(id);
-	}, [func.name, interval, func, id, deps]);
+		console.log("Setting interval", interval);
+		const newInterval = setInterval(callback, interval);
+		setId(newInterval);
+		return () => clearInterval(newInterval);
+	}, [interval, callback]);
 
 	return id;
 }
diff --git a/lib/games.ts b/lib/games.ts
index 25fc8d0c..1d2d8d1c 100644
--- a/lib/games.ts
+++ b/lib/games.ts
@@ -1,9 +1,11 @@
+import { Dot } from "@/components/stats/Heatmap";
 import {
 	CenterStageEnums,
 	Defense,
 	FrcDrivetrain,
 	IntakeTypes,
 	IntoTheDeepEnums,
+	ReefscapeEnums,
 } from "./Enums";
 import { Badge, FormLayoutProps, PitStatsLayout, StatsLayout } from "./Layout";
 import {
@@ -461,6 +463,7 @@ export namespace Crescendo {
 		pitStatsLayout,
 		"Crescendo",
 		"https://www.firstinspires.org/sites/default/files/uploads/resource_library/frc/crescendo/crescendo.png",
+		"",
 		getBadges,
 		getAvgPoints,
 	);
@@ -822,6 +825,7 @@ export namespace CenterStage {
 		pitStatsLayout,
 		"CenterStage",
 		"https://www.firstinspires.org/sites/default/files/uploads/resource_library/ftc/centerstage/centerstage.png",
+		"",
 		getBadges,
 		getAvgPoints,
 	);
@@ -1155,12 +1159,435 @@ export namespace IntoTheDeep {
 		pitStatsLayout,
 		"IntoTheDeep",
 		"https://info.firstinspires.org/hubfs/Dive/into-the-deep.svg",
+		"invert",
+		getBadges,
+		getAvgPoints,
+	);
+}
+
+namespace Reefscape {
+	export class QuantitativeData extends QuantData {
+		AutoMovedPastStartingline: boolean = false;
+
+		AutoCoralScoredLevelOne: number = 0;
+		AutoCoralScoredLevelTwo: number = 0;
+		AutoCoralScoredLevelThree: number = 0;
+		AutoCoralScoredLevelFour: number = 0;
+
+		AutoAlgaeRemovedFromReef: number = 0;
+		AutoAlgaeScoredProcessor: number = 0;
+		AutoAlgaeScoredNet: number = 0;
+
+		TeleopCoralScoredLevelOne: number = 0;
+		TeleopCoralScoredLevelTwo: number = 0;
+		TeleopCoralScoredLevelThree: number = 0;
+		TeleopCoralScoredLevelFour: number = 0;
+
+		TeleopAlgaeRemovedFromReef: number = 0;
+		TeleopAlgaeScoredProcessor: number = 0;
+		TeleopAlgaeScoredNet: number = 0;
+
+		EndgameClimbStatus: ReefscapeEnums.EndgameClimbStatus =
+			ReefscapeEnums.EndgameClimbStatus.None;
+	}
+
+	export class PitData extends PitReportData {
+		CanDriveUnderShallowCage: boolean = false;
+		DriveThroughDeepCage: ReefscapeEnums.DriveThroughDeepCage =
+			ReefscapeEnums.DriveThroughDeepCage.No;
+		AutoCapabilities: ReefscapeEnums.AutoCapabilities =
+			ReefscapeEnums.AutoCapabilities.NoAuto;
+		CanRemoveAlgae: boolean = false;
+		CanScoreAlgaeInProcessor: boolean = false;
+		CanScoreAlgaeInNet: boolean = false;
+		AlgaeScoredAuto: number = 0;
+		CoralScoredAuto: number = 0;
+		Climbing: ReefscapeEnums.Climbing = ReefscapeEnums.Climbing.No;
+	}
+
+	const pitReportLayout: FormLayoutProps<PitData> = {
+		Capabilities: [
+			{
+				key: "CanDriveUnderShallowCage",
+				label: "Can Drive Under Shallow Cage?",
+			},
+			{ key: "CanRemoveAlgae", label: "Can Remove Algae?" },
+			{
+				key: "CanScoreAlgaeInProcessor",
+				label: "Can Score Algae in Processor?",
+			},
+			{ key: "CanScoreAlgaeInNet", label: "Can Score Algae in Net?" },
+			{ key: "Climbing", label: "Climbing?" },
+		],
+		"Auto (Describe more in comments)": [
+			{ key: "AutoCapabilities", label: "Auto Capabilities?" },
+			{ key: "CoralScoredAuto", label: "Average Coral Scored In Auto" },
+			{ key: "AlgaeScoredAuto", label: "Average Algae Scored In Auto" },
+		],
+	};
+
+	const quantitativeReportLayout: FormLayoutProps<QuantitativeData> = {
+		Auto: [
+			{ key: "AutoMovedPastStartingLine", label: "Moved Past Starting Line" },
+			[
+				[
+					{ key: "AutoCoralScoredLevelOne", label: "Coral Scored Level One" },
+					{
+						key: "AutoCoralScoredLevelThree",
+						label: "Coral Scored Level Three",
+					},
+				],
+				[
+					{
+						key: "AutoCoralScoredLevelTwo",
+						label: "Coral Scored Level Two",
+					},
+					{ key: "AutoCoralScoredLevelFour", label: "Coral Scored Level Four" },
+				],
+			],
+			[
+				[{ key: "AutoAlgaeRemovedFromReef", label: "Algae Removed From Reef" }],
+				[{ key: "AutoAlgaeScoredProcessor", label: "Algae Scored Processor" }],
+				[{ key: "AutoAlgaeScoredNet", label: "Algae Scored Net" }],
+			],
+		],
+		Teleop: [
+			[
+				[
+					{ key: "TeleopCoralScoredLevelOne", label: "Coral Scored Level One" },
+					{
+						key: "TeleopCoralScoredLevelThree",
+						label: "Coral Scored Level Three",
+					},
+				],
+				[
+					{
+						key: "TeleopCoralScoredLevelTwo",
+						label: "Coral Scored Level Two",
+					},
+					{
+						key: "TeleopCoralScoredLevelFour",
+						label: "Coral Scored Level Four",
+					},
+				],
+			],
+			[
+				[
+					{
+						key: "TeleopAlgaeRemovedFromReef",
+						label: "Algae Removed From Reef",
+					},
+				],
+				[
+					{
+						key: "TeleopAlgaeScoredProcessor",
+						label: "Algae Scored Processor",
+					},
+				],
+				[{ key: "TeleopAlgaeScoredNet", label: "Algae Scored Net" }],
+			],
+		],
+		"Post Match": ["EndgameClimbStatus"],
+	};
+
+	const statsLayout: StatsLayout<PitData, QuantitativeData> = {
+		sections: {
+			Auto: [
+				{ key: "AutoMovedPastStaringLine", label: "Avg Auto Moves Past Start" },
+				{
+					key: "AutoCoralScoredLevelOne",
+					label: "Avg Amt Of Coral Scored Level One Auto",
+				},
+				{
+					key: "AutoCoralScoredLevelTwo",
+					label: "Avg Amt Of Coral Scored Level Two Auto",
+				},
+				{
+					key: "AutoCoralScoredLevelThree",
+					label: "Avg Amt Of Coral Scored Level Three Auto",
+				},
+				{
+					key: "AutoCoralScoredLevelFour",
+					label: "Avg Amt Of Coral Scored Level Four Auto",
+				},
+				{
+					key: "AutoAlgaeRemovedFromReef",
+					label: "Avg Amt of Algae Removed From Reef",
+				},
+				{
+					key: "AutoAlgaeScoredProcessor",
+					label: "Avg Amt of Algae Scored Processor Auto",
+				},
+				{
+					key: "AutoAlgaeScoredNet",
+					label: "Avg Amt of Algae Scored Net Auto",
+				},
+			],
+			Teleop: [
+				{
+					key: "TeleopCoralScoredLevelOne",
+					label: "Avg Amt Of Coral Scored Level One Teleop",
+				},
+				{
+					key: "TeleopCoralScoredLevelTwo",
+					label: "Avg Amt Of Coral Scored Level Two Teleop",
+				},
+				{
+					key: "TeleopCoralScoredLevelThree",
+					label: "Avg Amt Of Coral Scored Level Three Teleop",
+				},
+				{
+					key: "TeleopCoralScoredLevelFour",
+					label: "Avg Amt Of Coral Scored Level Four Teleop",
+				},
+				{
+					key: "TeleopAlgaeRemovedFromReef",
+					label: "Avg Amt of Algae Removed From Reef",
+				},
+				{
+					key: "TeleopAlgaeScoredProcessor",
+					label: "Avg Amt of Algae Scored Processor Teleop",
+				},
+				{
+					key: "TeleopAlgaeScoredNet",
+					label: "Avg Amt of Algae Scored Net Teleop",
+				},
+			],
+		},
+		getGraphDots: function (
+			quantitativeReports: Report<QuantitativeData>[],
+			pitReport?: Pitreport<PitData> | undefined,
+		): Dot[] {
+			return [];
+		},
+	};
+
+	const pitStatsLayout: PitStatsLayout<PitData, QuantitativeData> = {
+		overallSlideStats: [
+			{
+				label: "Average Algae Scored In Auto",
+				key: "AlgaeScoredAuto",
+			},
+			{
+				label: "Average Coral Scored In Auto",
+				key: "CoralScoredAuto",
+			},
+		],
+		individualSlideStats: [
+			{
+				label: "Average Auto Points",
+				get: (
+					pitReport: Pitreport<PitData> | undefined,
+					quantitativeReports: Report<QuantitativeData>[] | undefined,
+				) => {
+					if (!quantitativeReports) return 0;
+
+					const CoralLvlOne = NumericalTotal(
+						"AutoCoralScoredLevelOne",
+						quantitativeReports,
+					);
+
+					const CoralLvlTwo = NumericalTotal(
+						"AutoCoralScoredLevelTwo",
+						quantitativeReports,
+					);
+
+					const CoralLvlThree = NumericalTotal(
+						"AutoCoralScoredLevelThree",
+						quantitativeReports,
+					);
+
+					const CoralLvlFour = NumericalTotal(
+						"AutoCoralScoredLevelFour",
+						quantitativeReports,
+					);
+
+					const AlgaeNet = NumericalTotal(
+						"AutoAlgaeScoredNet",
+						quantitativeReports,
+					);
+
+					const AlgaeProcessor = NumericalTotal(
+						"AutoAlgaeScoredProcessor",
+						quantitativeReports,
+					);
+
+					return (
+						(CoralLvlOne +
+							CoralLvlTwo +
+							CoralLvlThree +
+							CoralLvlFour +
+							AlgaeNet +
+							AlgaeProcessor) /
+						quantitativeReports.length
+					);
+				},
+			},
+			{
+				label: "Average Teleop Points",
+				get: (
+					pitReport: Pitreport<PitData> | undefined,
+					quantitativeReports: Report<QuantitativeData>[] | undefined,
+				) => {
+					if (!quantitativeReports) return 0;
+
+					const CoralLvlOne = NumericalTotal(
+						"TeleopCoralScoredLevelOne",
+						quantitativeReports,
+					);
+
+					const CoralLvlTwo = NumericalTotal(
+						"TeleopCoralScoredLevelTwo",
+						quantitativeReports,
+					);
+
+					const CoralLvlThree = NumericalTotal(
+						"TeleopCoralScoredLevelThree",
+						quantitativeReports,
+					);
+
+					const CoralLvlFour = NumericalTotal(
+						"TeleopCoralScoredLevelFour",
+						quantitativeReports,
+					);
+
+					const AlgaeNet = NumericalTotal(
+						"TeleopAlgaeScoredNet",
+						quantitativeReports,
+					);
+
+					const AlgaeProcessor = NumericalTotal(
+						"TeleopAlgaeScoredProcessor",
+						quantitativeReports,
+					);
+
+					return (
+						(CoralLvlOne +
+							CoralLvlTwo +
+							CoralLvlThree +
+							CoralLvlFour +
+							AlgaeNet +
+							AlgaeProcessor) /
+						quantitativeReports.length
+					);
+				},
+			},
+			{
+				label: "Avg Endgame Points",
+				get: (
+					pitReport: Pitreport<PitData> | undefined,
+					quantitativeReports: Report<QuantitativeData>[] | undefined,
+				) => {
+					if (!quantitativeReports) return 0;
+
+					const climbed = NumericalTotal(
+						"EndgameClimbStatus",
+						quantitativeReports,
+					);
+
+					return Round(climbed) / quantitativeReports.length;
+				},
+			},
+		],
+		robotCapabilities: [
+			{
+				key: "CanDriveUnderShallowCage",
+				label: "Can Drive Under Shallow Cage?",
+			},
+			{ key: "CanRemoveAlgae", label: "Can Remove Algae?" },
+			{
+				key: "CanScoreAlgaeInProcessor",
+				label: "Can Score Algae in Processor?",
+			},
+			{ key: "CanScoreAlgaeInNet", label: "Can Score Algae in Net?" },
+			{ key: "Climbing", label: "Climbing?" },
+		],
+		graphStat: {
+			label: "Average Algae Scored In The Net During Teleop",
+			key: "TeleopAlgaeScoredNet",
+		},
+	};
+
+	function getBadges(
+		pitReport: Pitreport<PitData> | undefined,
+		quantitativeReports: Report<QuantitativeData>[] | undefined,
+		card: boolean,
+	) {
+		const badges: Badge[] = getBaseBadges(pitReport, quantitativeReports);
+
+		if (pitReport?.data?.CanRemoveAlgae)
+			badges.push({ text: "Can Remove Algae", color: "primary" });
+		if (pitReport?.data?.CanScoreAlgaeInNet)
+			badges.push({ text: "Can Score Algae Net", color: "secondary" });
+		if (pitReport?.data?.CanScoreAlgaeInProcessor)
+			badges.push({ text: "Can Score Algae Processor", color: "success" });
+		if (pitReport?.data?.CanDriveUnderShallowCage)
+			badges.push({ text: "Can Drive Under Shallow Cage", color: "info" });
+
+		return badges;
+	}
+
+	function getAvgPoints(reports: Report<QuantitativeData>[] | undefined) {
+		if (!reports) return 0;
+
+		let totalPoints = 0;
+
+		for (const report of reports.map((r) => r.data)) {
+			switch (report.EndgameClimbStatus) {
+				case ReefscapeEnums.EndgameClimbStatus.None:
+					break;
+				case ReefscapeEnums.EndgameClimbStatus.Park:
+					totalPoints += 2;
+					break;
+				case ReefscapeEnums.EndgameClimbStatus.High:
+					totalPoints += 6;
+					break;
+				case ReefscapeEnums.EndgameClimbStatus.Low:
+					totalPoints += 12;
+					break;
+			}
+
+			totalPoints += report.TeleopCoralScoredLevelOne * 2;
+			totalPoints +=
+				(report.AutoCoralScoredLevelOne + report.TeleopCoralScoredLevelTwo) * 3;
+			totalPoints +=
+				(report.AutoCoralScoredLevelTwo +
+					report.TeleopCoralScoredLevelThree +
+					report.AutoAlgaeScoredNet +
+					report.TeleopAlgaeScoredNet) *
+				4;
+			totalPoints += report.TeleopCoralScoredLevelFour * 5;
+			totalPoints +=
+				(report.AutoAlgaeScoredProcessor +
+					report.TeleopAlgaeScoredProcessor +
+					report.AutoCoralScoredLevelThree) *
+				6;
+			totalPoints += report.AutoCoralScoredLevelFour * 7;
+		}
+
+		return totalPoints / Math.max(reports.length, 1);
+	}
+
+	export const game = new Game(
+		"Reefscape",
+		2025,
+		League.FRC,
+		QuantitativeData,
+		PitData,
+		pitReportLayout,
+		quantitativeReportLayout,
+		statsLayout,
+		pitStatsLayout,
+		"Reefscape",
+		"https://info.firstinspires.org/hubfs/Dive/reef-scape.svg",
+		"invert",
 		getBadges,
 		getAvgPoints,
 	);
 }
 
 export const games: { [id in GameId]: Game<any, any> } = Object.freeze({
+	[GameId.Reefscape]: Reefscape.game,
 	[GameId.IntoTheDeep]: IntoTheDeep.game,
 	[GameId.Crescendo]: Crescendo.game,
 	[GameId.CenterStage]: CenterStage.game,
diff --git a/package.json b/package.json
index e4fc769a..652bbc74 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "sj3",
-	"version": "1.1.20",
+	"version": "1.2.0",
 	"private": true,
 	"repository": "https://github.com/Decatur-Robotics/Gearbox",
 	"license": "CC BY-NC-SA 4.0",
diff --git a/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/index.tsx b/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/index.tsx
index e073c617..e75417c2 100644
--- a/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/index.tsx
+++ b/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/index.tsx
@@ -436,7 +436,11 @@ export default function CompetitionIndex({
 		setMatchBeingEdited(match._id);
 	}
 
-	useInterval(() => loadMatches(true), 5000);
+	const loadMatchesInterval = useCallback(
+		() => loadMatches(true),
+		[loadMatches],
+	);
+	useInterval(loadMatchesInterval, 5000);
 
 	function togglePublicData(e: ChangeEvent<HTMLInputElement>) {
 		if (!comp?._id) return;
diff --git a/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/pitstats.tsx b/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/pitstats.tsx
index 9ccd991b..14f36293 100644
--- a/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/pitstats.tsx
+++ b/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/pitstats.tsx
@@ -26,6 +26,7 @@ import { NotLinkedToTba } from "@/lib/client/ClientUtils";
 import { games } from "@/lib/games";
 import { PitStatsLayout, Badge } from "@/lib/Layout";
 import CollectionId from "@/lib/client/CollectionId";
+import { matchesMiddleware } from "next/dist/shared/lib/router/router";
 
 const api = new ClientApi();
 
@@ -69,12 +70,14 @@ function TeamSlide(props: {
 
 		const data = [];
 		if (stat.get) {
-			for (const report of props.matchReports) {
-				data.push(stat.get(props.pitReport, [report]));
-			}
-		} else {
-			for (const report of props.matchReports) {
-				data.push(report.data[stat.key as string]);
+			data.push(stat.get(props.pitReport, props.matchReports));
+		} else if (stat.key) {
+			if (props.matchReports.length && stat.key in props.matchReports[0].data) {
+				for (const report of props.matchReports) {
+					data.push(report.data[stat.key as string]);
+				}
+			} else if (props.pitReport.data) {
+				data.push(props.pitReport.data[stat.key as string]);
 			}
 		}
 
@@ -311,8 +314,8 @@ export default function Pitstats(props: { competition: Competition }) {
 					teamNumber={Number(key)}
 					pitReport={newPits[Number(key)]}
 					matchReports={newReports.filter((r) => r.robotNumber === Number(key))}
-					ranking={rankings.find((r) => r.team_key === `frc${key}`)}
-					maxRanking={rankings.length}
+					ranking={rankings?.find((r) => r.team_key === `frc${key}`)}
+					maxRanking={rankings?.length}
 					layout={layout}
 					getBadges={games[comp.gameId].getBadges}
 					stats={stats.map((stat) => ({
@@ -321,7 +324,7 @@ export default function Pitstats(props: { competition: Competition }) {
 						mean: stat.mean,
 						stDev: stat.stDev,
 						rank: stat.rankings.indexOf(key) + 1,
-						maxRanking: rankings.length,
+						maxRanking: rankings?.length,
 					}))}
 				/>
 			);
diff --git a/pages/[teamSlug]/createSeason.tsx b/pages/[teamSlug]/createSeason.tsx
index 3e56fd3f..37caf01a 100644
--- a/pages/[teamSlug]/createSeason.tsx
+++ b/pages/[teamSlug]/createSeason.tsx
@@ -1,4 +1,4 @@
-import { Season, Team } from "../../lib/Types";
+import { League, Season, Team } from "../../lib/Types";
 import UrlResolver, { SerializeDatabaseObjects } from "@/lib/UrlResolver";
 import { GetServerSideProps } from "next";
 import Container from "@/components/Container";
@@ -41,9 +41,17 @@ export default function CreateSeason(props: CreateSeasonProps) {
 		);
 	};
 
-	const gamesWithIds = Object.entries(games).map(([id, game]) => {
-		return { ...game, id: id as GameId };
-	});
+	const gamesWithIds = Object.entries(games)
+		.map(([id, game]) => {
+			return { ...game, id: id as GameId };
+		})
+		.sort((a, b) => {
+			return b.year === a.year
+				? b.league === League.FRC
+					? 1
+					: -1
+				: b.year - a.year;
+		});
 
 	return (
 		<Container
@@ -69,7 +77,7 @@ export default function CreateSeason(props: CreateSeasonProps) {
 							{/* The following div pushes the create button to the bottom and vertically aligns the image to the middle of the remaining space */}
 							<div className="grow flex items-center">
 								<img
-									className="w-fit h-auto"
+									className={`w-fit h-auto ${game.coverImageClass}`}
 									src={game.coverImage}
 									alt={game.name}
 								/>
diff --git a/public/fields/ReefscapeBlue.png b/public/fields/ReefscapeBlue.png
new file mode 100644
index 00000000..f3656f47
Binary files /dev/null and b/public/fields/ReefscapeBlue.png differ
diff --git a/public/fields/ReefscapeRed.png b/public/fields/ReefscapeRed.png
new file mode 100644
index 00000000..5b2ce507
Binary files /dev/null and b/public/fields/ReefscapeRed.png differ
diff --git a/tests/lib/client/StatsMath.test.ts b/tests/lib/client/StatsMath.test.ts
index e4e9aba3..16c0472d 100644
--- a/tests/lib/client/StatsMath.test.ts
+++ b/tests/lib/client/StatsMath.test.ts
@@ -1,6 +1,7 @@
 import {
 	BooleanAverage,
 	ComparativePercent,
+	ComparativePercentMulti,
 	MostCommonValue,
 	NumericalAverage,
 	NumericalTotal,
@@ -91,3 +92,25 @@ test(ComparativePercent.name, () => {
 		),
 	).toBe("25%");
 });
+
+test(ComparativePercentMulti.name, () => {
+	const reports = [
+		{ data: { a: 1, b: 2, c: 4, d: 3 } },
+		{ data: { a: 1, b: 2, c: 4, d: 3 } },
+	];
+
+	expect(
+		ComparativePercentMulti(["a", "b", "c", "d"], reports as any),
+	).toStrictEqual(["10%", "20%", "40%", "30%"]);
+	expect(
+		ComparativePercentMulti(
+			[
+				(r) => (r as any).a,
+				(r) => (r as any).b,
+				(r) => (r as any).c,
+				(r) => (r as any).d,
+			],
+			reports as any,
+		),
+	).toStrictEqual(["10%", "20%", "40%", "30%"]);
+});