fix: remove misleading Floor HP bar from SpireHeader, keep guardian name display

src/components/game/tabs/SpireCombatPage/SpireCombatPage.tsx

@@ -54,8 +54,6 @@ export function SpireCombatPage() {
   // ─── Spec: read room-aware state from combat store ───────────────────────
   const {
     currentFloor,
-    floorHP,
-    floorMaxHP,
     castProgress,
     isDescending,
     currentRoom,
@@ -74,8 +72,6 @@ export function SpireCombatPage() {
     stayLongerInRoom,
   } = useCombatStore(useShallow((s) => ({
     currentFloor: s.currentFloor,
-    floorHP: s.floorHP,
-    floorMaxHP: s.floorMaxHP,
     castProgress: s.castProgress,
     isDescending: s.isDescending,
     currentRoom: s.currentRoom,
@@ -148,8 +144,6 @@ export function SpireCombatPage() {
           <div className="lg:col-span-2">
             <SpireHeader
               currentFloor={currentFloor}
-              floorHP={floorHP}
-              floorMaxHP={floorMaxHP}
               roomsCleared={currentRoomIndex}
               totalRooms={roomsPerFloor}
               onClimbUp={handleClimbUp}

src/components/game/tabs/SpireCombatPage/SpireHeader.tsx

@@ -11,8 +11,6 @@ import { DebugName } from '@/components/game/debug/debug-context';
 
 interface SpireHeaderProps {
   currentFloor: number;
-  floorHP: number;
-  floorMaxHP: number;
   roomsCleared: number;
   totalRooms: number;
   onClimbUp: () => void;
@@ -23,8 +21,6 @@ interface SpireHeaderProps {
 
 export function SpireHeader({
   currentFloor,
-  floorHP,
-  floorMaxHP,
   roomsCleared,
   totalRooms,
   onClimbUp,
@@ -41,7 +37,6 @@ export function SpireHeader({
 
   const guardian = getGuardianForFloor(currentFloor);
   const isGuardian = isGuardianFloor(currentFloor);
-  const hpPercent = floorMaxHP > 0 ? (floorHP / floorMaxHP) * 100 : 100;
   const roomProgress = totalRooms > 0 ? ((roomsCleared) / totalRooms) * 100 : 0;
   const isAscending = climbDirection === 'up';
 
@@ -118,24 +113,12 @@ export function SpireHeader({
           </div>
         </div>
 
-        {/* Floor HP bar */}
-        <div>
-          <div className="flex items-center justify-between text-xs mb-1">
-            <span className={isGuardian ? 'text-red-400 font-semibold' : 'text-gray-400'}>
-              {isGuardian && guardian ? `🛡️ ${guardian.name}` : 'Floor HP'}
-            </span>
-            <span className="text-gray-500">
-              {fmt(floorHP)} / {fmt(floorMaxHP)}
-            </span>
+        {/* Guardian name display */}
+        {isGuardian && guardian && (
+          <div className="text-xs text-red-400 font-semibold">
+            🛡️ {guardian.name}
           </div>
-          <Progress
-            value={hpPercent}
-            className="h-3 bg-gray-800"
-            style={{
-              '--progress-bg': isGuardian ? '#EF4444' : '#F59E0B',
-            } as React.CSSProperties}
-          />
-        </div>
+        )}
 
         {/* Room progress */}
         <div>