Fix conditional power-up timing bug

- Add pendingConditionalPowerUp to defer activation until next room
- Conditional power-ups now properly activate at start of next room
- Only lose conditional if it was active from previous room and not used
- Add 'USE OR LOSE!' warning badge when conditional power-up is active

Author: alexisloiselle

src/game/logic.ts

@@ -729,14 +729,14 @@ export function rollPowerUp(): void {
   addLogEntry(`Power-Up Roll: ${r}`);
 
   let powerUps = state.powerUps;
-  let conditionalPowerUp = false;
+  let pendingConditionalPowerUp = false;
 
   if (r >= 98) {
     powerUps += 2;
     addLogEntry('Gained 2 Power-Ups!');
   } else if (r >= 86) {
     powerUps += 1;
-    conditionalPowerUp = true;
+    pendingConditionalPowerUp = true;
     addLogEntry('Gained 1 Conditional Power-Up (must use next room or lose it)');
   } else if (r >= 76) {
     powerUps += 1;
@@ -745,7 +745,7 @@ export function rollPowerUp(): void {
     addLogEntry('No Power-Up gained');
   }
 
-  updateState({ powerUps, conditionalPowerUp, phase: 'next-room' });
+  updateState({ powerUps, pendingConditionalPowerUp, phase: 'next-room' });
 }
 
 export function nextRoom(): void {
@@ -757,12 +757,16 @@ export function nextRoom(): void {
   let isLastRoom = state.isLastRoom;
   let oneLastBreathPending = state.oneLastBreathPending;
 
+  // Check if conditional power-up from PREVIOUS room was not used
   if (state.conditionalPowerUp && !state.usedPowerUpThisRoom) {
     powerUps = Math.max(0, powerUps - 1);
     powerUpBlockedThisRoom = true;
     addLogEntry('Conditional Power-Up lost (not used this room)');
   }
 
+  // Convert pending conditional (just earned) to active conditional for next room
+  const conditionalPowerUp = state.pendingConditionalPowerUp;
+
   if (state.oneLastBreathPending) {
     isLastRoom = true;
     oneLastBreathPending = false;
@@ -783,7 +787,8 @@ export function nextRoom(): void {
     curseTargetRoll: null,
     pendingTargetCurseRolls: 0,
     painShiftActive: false,
-    conditionalPowerUp: false,
+    conditionalPowerUp,
+    pendingConditionalPowerUp: false,
     powerUps,
     powerUpBlockedThisRoom,
     isLastRoom,

src/game/state.ts

@@ -60,6 +60,7 @@ export function createInitialState(mode: GameMode, manualTrackType: boolean): Ga
     pendingTargetCurseRolls: 0,
     painShiftActive: false,
     conditionalPowerUp: false,
+    pendingConditionalPowerUp: false,
     powerUpBlockedThisRoom: false,
     oneLastBreathPending: false,
     splitWoundActive: false,

src/game/types.ts

@@ -85,6 +85,7 @@ export interface GameState {
   pendingTargetCurseRolls: number;
   painShiftActive: boolean;
   conditionalPowerUp: boolean;
+  pendingConditionalPowerUp: boolean;
   powerUpBlockedThisRoom: boolean;
   oneLastBreathPending: boolean;
   splitWoundActive: boolean;

src/index.html

@@ -51,6 +51,7 @@ <h2>Continue Run</h2>
           <div>
             <span class="badge">Room <span id="room-number">1</span></span>
             <span class="badge powerup">Power-Ups: <span id="powerup-count">0</span></span>
+            <span id="conditional-badge" class="badge warning hidden">USE OR LOSE!</span>
             <span class="badge" id="mode-badge">Normal</span>
             <span id="timer" class="badge timer hidden">5:00</span>
           </div>

src/styles.css

@@ -152,6 +152,13 @@ select {
   color: #fff;
 }
 
+.badge.warning {
+  background: #ff9800;
+  color: #000;
+  font-weight: bold;
+  animation: pulse 1s infinite;
+}
+
 .badge.timer {
   background: var(--accent);
   color: #fff;

src/ui/render.ts

@@ -31,6 +31,12 @@ export function render(): void {
   setText('powerup-count', String(state.powerUps));
   setText('mode-badge', state.mode.charAt(0).toUpperCase() + state.mode.slice(1));
 
+  // Show conditional power-up warning
+  const conditionalBadge = $('conditional-badge');
+  if (conditionalBadge) {
+    conditionalBadge.classList.toggle('hidden', !state.conditionalPowerUp);
+  }
+
   renderTracks();
   renderLog();
   renderRoom();