<!-- Case 1 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 1</summary>
<div style="padding: 10px 5px; background: #c0392b; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$100</div>
</details>
</d>
<!-- Case 2 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 2</summary>
<div style="padding: 10px 5px; background: #27ae60; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$250,000</div>
</details>
</d>
<!-- Case 3 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 3</summary>
<div style="padding: 10px 5px; background: #c0392b; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$1</div>
</details>
</d>
<!-- Case 4 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 4</summary>
<div style="padding: 10px 5px; background: #27ae60; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$1,000,000</div>
</details>
</d>
<!-- Case 5 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 5</summary>
<div style="padding: 10px 5px; background: #c0392b; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$500</div>
</details>
</d>
<!-- Case 6 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 6</summary>
<div style="padding: 10px 5px; background: #27ae60; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$10,000</div>
</details>
</d>
<!-- Case 7 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 7</summary>
<div style="padding: 10px 5px; background: #c0392b; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$10</div>
</details>
</d>
<!-- Case 8 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 8</summary>
<div style="padding: 10px 5px; background: #27ae60; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$500,000</div>
</details>
</d>
<!-- Case 9 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 9</summary>
<div style="padding: 10px 5px; background: #c0392b; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$5,000</div>
</details>
</d>
<!-- Case 10 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 10</summary>
<div style="padding: 10px 5px; background: #27ae60; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$50,000</div>
</details>
</d>
<!-- Case 11 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 11</summary>
<div style="padding: 10px 5px; background: #c0392b; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$1,000</div>
</details>
</d>
<!-- Case 12 -->
<d style="display: block;">
<details style="background: #2c3e50; border: 2px solid #f1c40f; border-radius: 6px; cursor: pointer;">
<summary style="color: #f1c40f; font-weight: bold; padding: 12px 5px; text-align: center; list-style: none; outline: none; user-select: none;">💼 12</summary>
<div style="padding: 10px 5px; background: #27ae60; border-top: 2px solid #f1c40f; border-radius: 0 0 4px 4px; text-align: center; font-weight: bold; color: white; font-size: 14px;">$100,000</div>
</details>
</d>
<p style="color: #e67e22; font-weight: bold; margin: 0; font-size: 13px; text-transform: uppercase;">Review the Banker's terms before choosing your fate:</p>
<!-- Option 1: Standard Cash Offer -->
<div style="width: 90%; border: 1px solid #34495e; padding: 10px; border-radius: 6px; background: #222;">
<h3 style="color: #ffd700; margin: 0 0 5px 0; font-size: 14px;">💰 OPTION 1: CASH OFFER</h3>
<p style="color: #bdc3c7; font-size: 11px; margin: 0 0 8px 0;">Take a secure cash settlement right now.</p>
<details style="background: #27ae60; border-radius: 4px;">
<summary style="color: white; font-weight: bold; padding: 6px; cursor: pointer; list-style: none; outline: none; font-size: 13px;">🤝 ACCEPT $84,000</summary>
<div style="padding: 10px; color: #fff; font-weight: bold; font-size: 12px; text-transform: uppercase; background: #1e7e34;">Deal closed! You win $84,000! 🎉</div>
</details>
</div>
<!-- Option 2: The Double or Nothing Gamble -->
<div style="width: 90%; border: 1px solid #34495e; padding: 10px; border-radius: 6px; background: #222;">
<h3 style="color: #e74c3c; margin: 0 0 5px 0; font-size: 14px;">🎲 OPTION 2: DOUBLE OR NOTHING</h3>
<p style="color: #bdc3c7; font-size: 11px; margin: 0 0 8px 0;">Risk it all. Flip a coin to double the banker's offer or get $0.</p>
<div style="display: flex; gap: 8px; justify-content: center;">
<details style="background: #2980b9; border-radius: 4px; flex: 1;">
<summary style="color: white; font-weight: bold; padding: 6px; cursor: pointer; list-style: none; outline: none; font-size: 12px;">🪙 HEADS</summary>
<div style="padding: 8px; color: #27ae60; font-weight: bold; font-size: 11px; text-transform: uppercase;">It landed on Heads! You win $168,000! 🏆</div>
</details>
<details style="background: #2980b9; border-radius: 4px; flex: 1;">
<summary style="color: white; font-weight: bold; padding: 6px; cursor: pointer; list-style: none; outline: none; font-size: 12px;">🪙 TAILS</summary>
<div style="padding: 8px; color: #e74c3c; font-weight: bold; font-size: 11px; text-transform: uppercase;">It landed on Heads! You lose everything! 💥</div>
</details>
</div>
</div>
<!-- Option 3: The Case Swap Offer -->
<div style="width: 90%; border: 1px solid #34495e; padding: 10px; border-radius: 6px; background: #222;">
<h3 style="color: #9b59b6; margin: 0 0 5px 0; font-size: 14px;">🔄 OPTION 3: THE CASE SWAP</h3>
<p style="color: #bdc3c7; font-size: 11px; margin: 0 0 8px 0;">Instantly switch your chosen case with the last un-opened box.</p>
<details style="background: #8e44ad; border-radius: 4px;">
<summary style="color: white; font-weight: bold; padding: 6px; cursor: pointer; list-style: none; outline: none; font-size: 13px;">🔄 SWAP CASES NOW</summary>
<div style="padding: 10px; color: #fff; font-weight: bold; font-size: 12px; text-transform: uppercase; background: #6c3483;">Cases swapped! Open your new item in Part 1 or Part 2 to reveal your prize! ✨</div>
</details>
</div>
<p style="color: #7f8c8d; font-size: 11px; margin: 4px 0 0 0;">(To ignore the Banker, close the main phone folder and finish opening your regular boxes!)</p>
</div>
</details>