Update style.css

style.css

@@ -1,3 +1,4 @@
+/* Общие стили для всего приложения */
 body {
   font-family: Arial, sans-serif;
   background-color: #f0f0f0;
@@ -6,32 +7,31 @@ body {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  height: 100vh;
-  overflow: hidden;
+  align-items: center;
+  height: 100vh; /* Высота экрана 100% от доступной высоты окна */
+  overflow: hidden; /* Убираем прокрутку */
 }
 
-/* Стили для руки игрока и оппонента */
+/* Стили для руки */
 .hand {
   display: flex;
   justify-content: center;
-  align-items: center;
-  height: 15%;
-  padding: 5px;
-  background-color: #ddd;
+  margin: 10px 0;
 }
 
 .opponent-hand {
+  /* Рука оппонента в верхней части экрана */
   align-self: flex-start;
 }
 
 .player-hand {
+  /* Рука игрока в нижней части экрана */
   align-self: flex-end;
 }
 
-/* Карта */
 .card {
-  width: 60px;
-  height: 90px;
+  width: 80px;
+  height: 120px;
   background-color: white;
   border: 2px solid black;
   border-radius: 10px;
@@ -42,41 +42,37 @@ body {
   margin: 0 5px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   cursor: pointer;
-  position: relative;
-  z-index: 5;
 }
 
-.card.dragging {
-  opacity: 0.5;
-  z-index: 10;
+.card:hover {
+  transform: translateY(-3px);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-/* Слот на игровом поле */
+/* Стили для рядов */
 .row {
   display: flex;
   justify-content: center;
   margin-bottom: 10px;
-  border: 2px dashed #ccc;
-  height: 20%;
-  width: 100%;
 }
 
-/* Полоска между полем */
+/* Стили для полоски между картами оппонента и игрока */
 .divider {
   width: 100%;
   border-top: 2px solid black;
+  margin: 10px 0;
   padding: 5px 0;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 12px;
-  text-align: center;
 }
 
-/* Мобильные устройства */
+/* Адаптация для мобильных устройств */
 @media (max-width: 480px) {
   .card {
-      width: 50px;
-      height: 75px;
+      width: 70px;
+      height: 100px;
       font-size: 12px;
   }