diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index d2f3511..2fa4194 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -300,7 +300,7 @@ table#leaderboard thead tr th, table#leaderboard tbody tr td{
     font-size: 20px;
 }
   
-  .stage{
+.stage{
     width:960px;
     height:540px;
     border-radius:12px;
@@ -308,68 +308,71 @@ table#leaderboard thead tr th, table#leaderboard tbody tr td{
     position:relative;
     box-shadow:0 18px 50px rgba(0,0,0,.6)
   }
-  .bg{ 
+.bg{ 
     position:absolute; 
     inset:0; background:#153f28 
   }
-  .overlay{
+.overlay{
     position:absolute; inset:0;
     background:linear-gradient(180deg, rgba(11,31,20,.45), rgba(8,24,16,.65));
     display:flex; flex-direction:column; padding:18px
   }
-  .header{ 
+.header{ 
     color:#dff6e9; 
     font-weight:700; 
     display:flex; 
     justify-content:space-between 
   }
-  .table-area{ 
+.table-area{ 
     flex:1; display:flex; 
     align-items:center; 
     justify-content:center; 
     position:relative 
   }
-  .deck {
+.deck {
     position: absolute;
     display: hidden;
-    left: var(--deck-x);
-    top: var(--deck-y);
-    width: 82px; 
+    right:80px; 
+    top: 200px;
+    width: 80px; 
     height: 120px; 
     border-radius: 10px;
     background: #113625;
     box-shadow: 0 0 0 2px #0d291c inset, 0 10px 20px rgba(0,0,0,0.55);
-    display:flex; align-items:center; justify-content:center;
+    display:flex; 
+    align-items:center; 
+    justify-content:center;
     color:#b9e4d0; 
     font-weight:900; 
     font-size:14px; 
     letter-spacing:2px; 
-    z-index:500;
   }
-  .player-zone{ 
+.player-zone{ 
     position:absolute; 
-    left:37%; 
-    bottom:18px; 
+    left:50%; 
+    bottom:-25px; 
     transform:translateX(-50%); 
-    width:78%; 
+    width:65%; 
     display:flex; 
     flex-direction:column; 
     align-items:center 
   }
-  .cards-wrapper{ 
-    position:relative; 
-    width:580px; 
+.cards-wrapper{ 
+    position:relative;
+    right: 250px; 
+    width:600px; 
     height:170px; 
     display:flex; 
     justify-content:center; 
     align-items:center; 
   }
-  .dealer-zone{ 
-    position:absolute; 
-    left:50%; 
-    top:18px; 
-    transform:translateX(-50%); 
-    width:78%; 
+.dealer-zone{ 
+    position:relative; 
+    margin:20 px;
+    width:65%;
+    max-width:800px ;
+    margin-bottom: 25%;
+    margin-right: flex;
     display:flex; 
     flex-direction:column; 
     align-items:center; 
@@ -377,12 +380,12 @@ table#leaderboard thead tr th, table#leaderboard tbody tr td{
     color:#dff6e9; 
     font-weight:700 
   }
-  .dealer-cards{ 
+.dealer-cards{ 
     position:relative; 
     width:580px; 
     height:170px 
   }
-  .card-wrapper { 
+.card-wrapper { 
     position: absolute; 
     width: var(--card-w); 
     height: var(--card-h); 
@@ -391,7 +394,7 @@ table#leaderboard thead tr th, table#leaderboard tbody tr td{
     transform-origin: center; 
     z-index: 100; 
   }
-  .card{ 
+.card{ 
     width:var(--card-w); 
     height:var(--card-h); 
     border-radius:10px; 
@@ -408,22 +411,22 @@ table#leaderboard thead tr th, table#leaderboard tbody tr td{
     transform-origin:center center; 
     color: #000; 
   }
-  .card.is-moving { 
+.card.is-moving { 
     filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.4)); 
   }
-  .card.red{ 
+.card.red{ 
     color:#c42b2b 
   }
-  .card .corner{
+.card .corner{
     font-size:18px
   }
-  .card .center{
+.card .center{
     font-size:40px;
     display:flex;
     align-items:center;
     justify-content:center;
   }
-  .back-card{ 
+.back-card{ 
     background:#122f21; 
     display:flex; 
     align-items:center; 
@@ -434,12 +437,12 @@ table#leaderboard thead tr th, table#leaderboard tbody tr td{
     font-weight:900; 
     border-radius:10px; 
   }
-  .controls{
+.controls{
     display:flex;
     gap:12px;
     margin-top:8px
   }
-  button{
+button{
     background:#0f5436;
     color:#e6fff2;
     border:0;
@@ -448,12 +451,12 @@ table#leaderboard thead tr th, table#leaderboard tbody tr td{
     cursor:pointer;
     font-weight:700
   }
-  button:disabled{
+button:disabled{
     background:#2d2d2d;
     opacity:.5;
     cursor:not-allowed
   }
-  .end-screen { 
+.end-screen { 
     position: absolute; 
     inset: 0; 
     background: rgba(0,0,0,0.7);