From b9a230f40f3542779af4f37f7fe4a4655a8a0376 Mon Sep 17 00:00:00 2001
From: Hikari <hikari@nhcarrigan.com>
Date: Fri, 6 Mar 2026 15:31:39 -0800
Subject: [PATCH] fix: remove locked styling from zone tabs so all zones appear
 accessible

---
 apps/web/src/components/game/ZoneSelector.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/game/ZoneSelector.tsx b/apps/web/src/components/game/ZoneSelector.tsx
index 8ee2379..2b10629 100644
--- a/apps/web/src/components/game/ZoneSelector.tsx
+++ b/apps/web/src/components/game/ZoneSelector.tsx
@@ -15,16 +15,15 @@ export const ZoneSelector = ({
     {zones.map((zone) => (
       <button
         key={zone.id}
-        className={`zone-tab ${zone.id === activeZoneId ? "zone-tab-active" : ""} ${zone.status === "locked" ? "zone-tab-locked" : ""}`}
+        className={`zone-tab ${zone.id === activeZoneId ? "zone-tab-active" : ""}`}
         onClick={() => {
           onSelectZone(zone.id);
         }}
-        title={zone.status === "locked" ? `🔒 Unlock by defeating ${zone.unlockBossId?.replace(/_/g, " ") ?? "the previous boss"}` : zone.description}
+        title={zone.description}
         type="button"
       >
         <span className="zone-emoji">{zone.emoji}</span>
         <span className="zone-name">{zone.name}</span>
-        {zone.status === "locked" && <span className="zone-lock">🔒</span>}
       </button>
     ))}
   </div>