+ {/* Mobile/Steam Container Setup */}
+
+
+
+ {phase === 'DAY_WORK' &&
}
+
+ {phase === 'COUNCIL' && (
+
+
Council Phase
+
+
+ )}
+
+ {phase === 'ENDING' && (
+
+
GAME OVER
+
Entropy reached 100%.
+
+
+ )}
+
+
No active card.
;
+ }
+
+ const handleDecision = (direction: 'left' | 'right') => {
+ // Process the decision
+ if (direction === 'left') {
+ addStat('anomaly', currentCard.yes_a);
+ addStat('entropy', currentCard.yes_e);
+ // TODO: Add narrative tags or specific costs based on 'yes' logic
+ } else {
+ addStat('political', currentCard.no_p);
+ addStat('entropy', currentCard.no_e);
+ // TODO: Add costs for 'no' logic
+ }
+
+ // Proceed to next day
+ nextDay();
+ setHoverDirection(null);
+ };
+
+ return (
+
+ {/* Grey-box Card container */}
+
+
+ {currentCard.dept || 'Department'}
+ {currentCard.faction || 'Neutral'}
+
+
+
+
{currentCard.title || 'Untitled'}
+
+ {currentCard.tags?.map((t, idx) => (
+ {t}
+ ))}
+
+
+
+
+ {currentCard.body || 'No content.'}
+
+
+
+ "{currentCard.flavor || 'No flavor text'}"
+
+
+
+ {/* Decision Buttons (Grey-box alternative to swiping) */}
+
+
+
+
+
+ {/* Prediction Overlay for Greybox Testing */}
+ {hoverDirection && (
+
+
+ Expected Result: {hoverDirection === 'left' ? 'Approve' : 'Reject'}
+
+
+ Data (Anomaly):
+ 0 ? 'text-green-400' : hoverDirection === 'right' && 0 > 0 ? 'text-green-400' : ''}>
+ {hoverDirection === 'left' ? (currentCard.yes_a > 0 ? `+${currentCard.yes_a}` : currentCard.yes_a) : '0'}
+
+
+
+ Political Capital:
+ {hoverDirection === 'right' ? (currentCard.no_p > 0 ? `+${currentCard.no_p}` : currentCard.no_p) : '0'}
+
+
+ Entropy:
+ {hoverDirection === 'left' ? (currentCard.yes_e > 0 ? `+${currentCard.yes_e}` : currentCard.yes_e) : (currentCard.no_e > 0 ? `+${currentCard.no_e}` : currentCard.no_e)}
+
+
+ )}
+