diff --git a/app/components/index-world.css.ts b/app/components/index-world.css.ts
index ab5eda9..9f8f2e1 100644
--- a/app/components/index-world.css.ts
+++ b/app/components/index-world.css.ts
@@ -188,3 +188,25 @@ export const nextContText = style({
textTransform: "uppercase",
marginRight: "0.5rem",
});
+
+export const oopsies = style({
+ display: "flex",
+ flexDirection: "column",
+ alignItems: "center",
+ justifyContent: "center",
+ fontSize: "1.5rem",
+ height: "10rem",
+});
+
+const oopsiesSpinAnim = keyframes({
+ from: {
+ transform: "rotate(0deg)",
+ },
+ to: {
+ transform: "rotate(360deg)",
+ },
+});
+
+export const oopsiesSpin = style({
+ animation: `${oopsiesSpinAnim} 2s linear infinite`,
+});
diff --git a/app/components/index-world.tsx b/app/components/index-world.tsx
index c075f93..31a61f3 100644
--- a/app/components/index-world.tsx
+++ b/app/components/index-world.tsx
@@ -24,6 +24,11 @@ export type IndexWorldProps = {
export const IndexWorld = ({ metagame, population }: IndexWorldProps) => {
const worldId = metagame.id;
const { platform, location, name } = worlds[String(worldId || "default")];
+
+ if (metagame.zones.length === 0) {
+ return