<p style="color: #ff4757; font-weight: bold; margin: 0; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;">⚠️ ACCESSING A DEAL FORFEITS ALL OPEN CASES</p>
<!-- Dynamic Offer Box 1 -->
<div style="width: 95%; border: 2px dashed #27ae60; padding: 12px; border-radius: 8px; background: #131021;">
<h3 style="color: #2ecc71; margin: 0 0 4px 0; font-size: 15px; font-family: 'Impact', sans-serif;">⚖️ CHOOSE OPTION 1: FIXED CHECK</h3>
<details style="background: #27ae60; border-radius: 5px; margin-top: 5px;">
<summary style="color: white; font-weight: bold; padding: 8px; cursor: pointer; list-style: none; outline: none; font-size: 13px;">🤝 SIGN FOR $84,000 CASH</summary>
<div style="padding: 12px; color: #fff; font-weight: bold; font-size: 13px; text-transform: uppercase; background: #218838;">[🔊 APPLAUSE] You secured $84,000! 💵🏆</div>
</details>
</div>
<!-- Dynamic Offer Box 2 -->
<div style="width: 95%; border: 2px dashed #e67e22; padding: 12px; border-radius: 8px; background: #131021;">
<h3 style="color: #e67e22; margin: 0 0 4px 0; font-size: 15px; font-family: 'Impact', sans-serif;">🎰 CHOOSE OPTION 2: VAULT ROULETTE</h3>
<div style="display: flex; gap: 10px; width: 100%; margin-top: 8px;">
<details style="background: #e67e22; border-radius: 5px; flex: 1;">
<summary style="color: white; font-weight: bold; padding: 8px; cursor: pointer; list-style: none; outline: none; font-size: 11px;">🔮 PREDICT HIGH</summary>
<div style="padding: 8px; color: #2ecc71; font-weight: bold; font-size: 11px; background: #111;">🎯 WIN! Payout boosted to $150,000! 🎉</div>
</details>
<details style="background: #e67e22; border-radius: 5px; flex: 1;">
<summary style="color: white; font-weight: bold; padding: 8px; cursor: pointer; list-style: none; outline: none; font-size: 11px;">🔮 PREDICT LOW</summary>
<div style="padding: 8px; color: #ff4757; font-weight: bold; font-size: 11px; background: #111;">💥 BUST! Slashed down to $5,000! 😭</div>
</details>
</div>
</div>
<!-- Dynamic Offer Box 3 -->
<div style="width: 95%; border: 2px dashed #9b59b6; padding: 12px; border-radius: 8px; background: #131021;">
<h3 style="color: #9b59b6; margin: 0 0 4px 0; font-size: 15px; font-family: 'Impact', sans-serif;">🔄 CHOOSE OPTION 3: CASE SWAPPER</h3>
<details style="background: #8e44ad; border-radius: 5px; margin-top: 5px;">
<summary style="color: white; font-weight: bold; padding: 8px; cursor: pointer; list-style: none; outline: none; font-size: 13px;">🔄 ENFORCE SWAP WITH BOX #12</summary>
<div style="padding: 12px; color: #fff; font-weight: bold; font-size: 12px; background: #6c3483;">[🔊 DRUMROLL] Swapped! Your final score is now matching Box 12!</div>
</details>
</div>
</div>
</details>
<!-- Record Slot 1 -->
<d style="display: block;">
<details style="background: #1e1e2d; border: 2px solid #2ecc71; border-radius: 8px;" open>
<summary style="color: #2ecc71; padding: 12px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">🥇 HIGHEST WIN RECORD</summary>
<div style="padding: 15px; background: #000; border-radius: 0 0 6px 6px; display: flex; flex-direction: column; gap: 10px;">
<div>
<label style="color: #ffd700; font-size: 11px; font-weight: bold; display: block; margin-bottom: 4px;">WINNING AMOUNT ($):</label>
<input type="text" placeholder="e.g. $1,000,000" style="width: 90%; background: #222; border: 1px solid #444; color: #fff; padding: 6px; border-radius: 4px; font-size: 14px; font-weight: bold;">
</div>
<div>
<label style="color: #ccc; font-size: 11px; font-weight: bold; display: block; margin-bottom: 4px;">CONTESTANT NAME:</label>
<input type="text" placeholder="Type your name..." style="width: 90%; background: #222; border: 1px solid #444; color: #fff; padding: 6px; border-radius: 4px; font-size: 13px;">
</div>
</div>
</details>
</d>
<!-- Record Slot 2 -->
<d style="display: block;">
<details style="background: #1e1e2d; border: 2px solid #e67e22; border-radius: 8px;">
<summary style="color: #e67e22; padding: 12px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">🥈 SECOND PLACE WIN</summary>
<div style="padding: 15px; background: #000; border-radius: 0 0 6px 6px; display: flex; flex-direction: column; gap: 10px;">
<div>
<label style="color: #ffd700; font-size: 11px; font-weight: bold; display: block; margin-bottom: 4px;">WINNING AMOUNT ($):</label>
<input type="text" placeholder="e.g. $150,000" style="width: 90%; background: #222; border: 1px solid #444; color: #fff; padding: 6px; border-radius: 4px; font-size: 14px; font-weight: bold;">
</div>
<div>
<label style="color: #ccc; font-size: 11px; font-weight: bold; display: block; margin-bottom: 4px;">CONTESTANT NAME:</label>
<input type="text" placeholder="Type your name..." style="width: 90%; background: #222; border: 1px solid #444; color: #fff; padding: 6px; border-radius: 4px; font-size: 13px;">
</div>
</div>
</details>
</d>
<!-- Record Slot 3 -->
<d style="display: block;">
<details style="background: #1e1e2d; border: 2px solid #3498db; border-radius: 8px;">
<summary style="color: #3498db; padding: 12px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">🥉 THIRD PLACE WIN</summary>
<div style="padding: 15px; background: #000; border-radius: 0 0 6px 6px; display: flex; flex-direction: column; gap: 10px;">
<div>
<label style="color: #ffd700; font-size: 11px; font-weight: bold; display: block; margin-bottom: 4px;">WINNING AMOUNT ($):</label>
<input type="text" placeholder="e.g. $84,000" style="width: 90%; background: #222; border: 1px solid #444; color: #fff; padding: 6px; border-radius: 4px; font-size: 14px; font-weight: bold;">
</div>
<div>
<label style="color: #ccc; font-size: 11px; font-weight: bold; display: block; margin-bottom: 4px;">CONTESTANT NAME:</label>
<input type="text" placeholder="Type your name..." style="width: 90%; background: #222; border: 1px solid #444; color: #fff; padding: 6px; border-radius: 4px; font-size: 13px;">
</div>
</div>
</details>
</d>
<details style="background: #1e1e2d; border: 1px solid #34495e; border-radius: 6px;">
<summary style="color: #4dabf7; padding: 10px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">👤 EDIT PLAYER PROFILE</summary>
<div style="padding: 12px; background: #000; border-radius: 0 0 6px 6px;">
<label style="color: #ccc; font-size: 11px; font-weight: bold; display: block; margin-bottom: 4px;">YOUR CONTESTANT NAME:</label>
<input type="text" placeholder="Type name here..." style="width: 90%; background: #222; border: 1px solid #444; color: #fff; padding: 6px; border-radius: 4px; font-size: 13px;">
</div>
</details>
<details style="background: #1e1e2d; border: 1px solid #34495e; border-radius: 6px;">
<summary style="color: #2ecc71; padding: 10px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">💰 BANK ACCOUNT LEDGER</summary>
<div style="padding: 12px; background: #000; border-radius: 0 0 6px 6px;">
<label style="color: #ccc; font-size: 11px; font-weight: bold; display: block; margin-bottom: 4px;">TOTAL CAREER EARNINGS ($):</label>
<input type="text" placeholder="Type current wallet total..." style="width: 90%; background: #222; border: 1px solid #444; color: #2ecc71; padding: 6px; border-radius: 4px; font-family: monospace; font-size: 14px; font-weight: bold;">
</div>
</details>
<!-- Reward Item 1 -->
<details style="background: #1e1e2d; border: 1px solid #34495e; border-radius: 6px;">
<summary style="color: #4dabf7; padding: 10px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">🛥️ VALUED AT $500,000+: OCEAN LINER YACHT</summary>
<div style="padding: 12px; background: #000; border-radius: 0 0 6px 6px; font-size: 12px; color: #bdc3c7;">
<d style="display: block; font-weight: bold; color: #4dabf7; font-size: 13px;">STATUS: PURCHASE AVAILABLE</d>
Includes a private helipad, custom gold trim interior, and a professional sailing crew. Pure peak contestant luxury!
</div>
</details>
<!-- Reward Item 2 -->
<details style="background: #1e1e2d; border: 1px solid #34495e; border-radius: 6px;">
<summary style="color: #2ecc71; padding: 10px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">🏎️ VALUED AT $100,000+: HYPER SPORT SUPERCAR</summary>
<div style="padding: 12px; background: #000; border-radius: 0 0 6px 6px; font-size: 12px; color: #bdc3c7;">
<d style="display: block; font-weight: bold; color: #2ecc71; font-size: 13px;">STATUS: PURCHASE AVAILABLE</d>
V12 twin-turbo engine layout painted in deep metallic candy gold. Outrun the banker in maximum style.
</div>
</details>
<!-- Reward Item 3 -->
<details style="background: #1e1e2d; border: 1px solid #34495e; border-radius: 6px;">
<summary style="color: #e67e22; padding: 10px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">🏰 VALUED AT $50,000+: PRIVATE TROPICAL VILLA</summary>
<div style="padding: 12px; background: #000; border-radius: 0 0 6px 6px; font-size: 12px; color: #bdc3c7;">
<d style="display: block; font-weight: bold; color: #e67e22; font-size: 13px;">STATUS: PURCHASE AVAILABLE</d>
A premium beach island getaway perfect for early retirement after outsmarting the banker's telephone psychological tactics.
</div>
</details>
<!-- Notes Folder 1 -->
<details style="background: #1e1e2d; border: 1px solid #34495e; border-radius: 6px;">
<summary style="color: #e74c3c; padding: 10px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">📝 PSYCHOLOGICAL STRATEGY NOTES</summary>
<div style="padding: 12px; background: #000; border-radius: 0 0 6px 6px;">
<label style="color: #ccc; font-size: 11px; font-weight: bold; display: block; margin-bottom: 6px;">LOG DECEPTIVE PATTERNS / BANKER BEHAVIOUR:</label>
<textarea placeholder="Write down how the Banker tries to trick you here..." rows="3" style="width: 95%; background: #222; border: 1px solid #444; color: #fff; padding: 8px; border-radius: 4px; font-size: 13px; font-family: Arial, sans-serif; resize: vertical;"></textarea>
</div>
</details>
<!-- Notes Folder 2 -->
<details style="background: #1e1e2d; border: 1px solid #34495e; border-radius: 6px;">
<summary style="color: #3498db; padding: 10px; font-weight: bold; cursor: pointer; outline: none; list-style: none;">🔮 CASE GUT FEELINGS INDEX</summary>
<div style="padding: 12px; background: #000; border-radius: 0 0 6px 6px;">
<label style="color: #ccc; font-size: 11px; font-weight: bold; display: block; margin-bottom: 6px;">WHICH BOXES SEEM TO ALWAYS HOLD MASSIVE AMOUNTS?</label>
<textarea placeholder="List your high-paying briefcase hunch numbers here..." rows="2" style="width: 95%; background: #222; border: 1px solid #444; color: #3498db; padding: 8px; border-radius: 4px; font-size: 13px; font-family: Arial, sans-serif; resize: vertical;"></textarea>
</div>
</details>