Make this section smaller with smaller cards - Follow Up Deployment

index.html

@@ -245,59 +245,59 @@
         <!-- Balance Overview -->
         <section class="mb-10">
             <h2 class="text-xl font-bold font-['Orbitron'] mb-5 opacity-80">BALANCE OVERVIEW</h2>
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5">
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
                 <!-- Card A: Purchase SC -->
-                <div class="glass-card p-5" id="card-purchase-sc" data-aos="fade-up">
+                <div class="glass-card p-4" id="card-purchase-sc" data-aos="fade-up">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#FF6A00] text-[#FF6A00]">Standard</span>
+                        <span class="chip border border-[#FF6A00] text-[#FF6A00] text-xs px-2 py-1">Standard</span>
                         <div class="tooltip-wrapper">
-                            <i data-feather="info" class="w-4 h-4 text-[#B8B8B8]"></i>
-                            <div class="tooltip-content">
+                            <i data-feather="info" class="w-3 h-3 text-[#B8B8B8]"></i>
+                            <div class="tooltip-content text-xs">
                                 Purchase SC requires 1× wagering before withdrawal.
                             </div>
                         </div>
                     </div>
-                    <div class="text-3xl mt-3 font-bold font-['Orbitron'] big-number text-[#FF6A00]">18.74</div>
-                    <div class="text-sm text-[#B8B8B8] mt-1">Required: <span class="font-medium">18.74</span> | Progress: <span class="font-medium">64.5%</span></div>
+                    <div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#FF6A00]">18.74</div>
+                    <div class="text-xs text-[#B8B8B8] mt-1">Req: <span class="font-medium">18.74</span> | Prog: <span class="font-medium">64.5%</span></div>
                 </div>
                 
                 <!-- Card B: Bonus SC -->
-                <div class="glass-card p-5" id="card-bonus-sc" data-aos="fade-up" data-aos-delay="50">
+                <div class="glass-card p-4" id="card-bonus-sc" data-aos="fade-up" data-aos-delay="50">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#00E4FF] text-[#00E4FF]">Bonus</span>
+                        <span class="chip border border-[#00E4FF] text-[#00E4FF] text-xs px-2 py-1">Bonus</span>
                         <div class="tooltip-wrapper">
-                            <i data-feather="info" class="w-4 h-4 text-[#B8B8B8]"></i>
-                            <div class="tooltip-content">
+                            <i data-feather="info" class="w-3 h-3 text-[#B8B8B8]"></i>
+                            <div class="tooltip-content text-xs">
                                 Bonus SC requires 5× wagering. Table & live games may count less.
                             </div>
                         </div>
                     </div>
-                    <div class="text-3xl mt-3 font-bold font-['Orbitron'] big-number text-[#00E4FF]">0.30</div>
-                    <div class="text-sm text-[#B8B8B8] mt-1">Required: <span class="font-medium">1.50</span> | Progress: <span class="font-medium">0.0%</span></div>
+                    <div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#00E4FF]">0.30</div>
+                    <div class="text-xs text-[#B8B8B8] mt-1">Req: <span class="font-medium">1.50</span> | Prog: <span class="font-medium">0.0%</span></div>
                 </div>
                 
                 <!-- Card C: WSC -->
-                <div class="glass-card p-5 bg-[rgba(60,226,122,0.08)]" id="card-wsc" data-aos="fade-up" data-aos-delay="100">
+                <div class="glass-card p-4 bg-[rgba(60,226,122,0.08)]" id="card-wsc" data-aos="fade-up" data-aos-delay="100">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#3CE27A] text-[#3CE27A]">Redeemable Now</span>
+                        <span class="chip border border-[#3CE27A] text-[#3CE27A] text-xs px-2 py-1">Redeem</span>
                         <div class="icon-wrapper">
-                            <i data-feather="check-circle" class="w-5 h-5 text-[#3CE27A]"></i>
+                            <i data-feather="check-circle" class="w-4 h-4 text-[#3CE27A]"></i>
                         </div>
                     </div>
-                    <div class="text-3xl mt-3 font-bold font-['Orbitron'] big-number text-[#3CE27A]">6.64</div>
-                    <p class="text-sm text-[#B8B8B8] mt-1">Ready to withdraw.</p>
+                    <div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#3CE27A]">6.64</div>
+                    <p class="text-xs text-[#B8B8B8] mt-1">Ready to withdraw</p>
                 </div>
                 
                 <!-- Card D: GC -->
-                <div class="glass-card p-5" id="card-gc" data-aos="fade-up" data-aos-delay="150">
+                <div class="glass-card p-4" id="card-gc" data-aos="fade-up" data-aos-delay="150">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#FEC84B] text-[#FEC84B]">Gold Coins</span>
+                        <span class="chip border border-[#FEC84B] text-[#FEC84B] text-xs px-2 py-1">Coins</span>
                         <div class="icon-wrapper">
-                            <i data-feather="shopping-bag" class="w-5 h-5 text-[#FEC84B]"></i>
+                            <i data-feather="shopping-bag" class="w-4 h-4 text-[#FEC84B]"></i>
                         </div>
                     </div>
-                    <div class="text-3xl mt-3 font-bold font-['Orbitron'] big-number text-[#FEC84B]">3,500</div>
-                    <p class="text-sm text-[#B8B8B8] mt-1">For fun play.</p>
+                    <div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#FEC84B]">3,500</div>
+                    <p class="text-xs text-[#B8B8B8] mt-1">For fun play</p>
                 </div>
             </div>
         </section>

prompts.txt

@@ -186,4 +186,5 @@ Move the "Right Card: Game Contributions" section to the bottom of the page
 Remove
 Remove
 Remove "VIP & Jackpot" Section
-Remove "Payment Methods" Section
+Remove "Payment Methods" Section
+Make this section smaller with smaller cards