fix night mode and some other stuff

client/index.html

@@ -9,7 +9,7 @@
     <meta name="format-detection" content="telephone=no">
     <title>Чешский</title>
     <!-- Раскомментируйте и укажите ваш WebSocket домен если используете reverse proxy -->
-    <!-- <meta name="ws-host" content="ws.domain.com"> -->
+    <!-- <meta name="ws-host" content="ws.domain.com"> ->>
     
     <!-- Favicon -->
     <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png">
@@ -322,7 +322,7 @@
                 <div class="settings-content">
                     <!-- Полноэкранный режим -->
                     <div class="setting-item">
-                        <span class="setting-label">Полноэкранный режим</span>
+                        <span class="setting-label">⛶ Полноэкранный режим</span>
                         <div class="deck-size-toggle">
                             <label>
                                 <span class="deck-label">Выкл</span>
@@ -335,7 +335,7 @@
                     
                     <!-- Звук -->
                     <div class="setting-item">
-                        <span class="setting-label">Звук</span>
+                        <span class="setting-label">🔊 Звук</span>
                         <div class="deck-size-toggle">
                             <label>
                                 <span class="deck-label">Выкл</span>
@@ -348,7 +348,7 @@
                     
                     <!-- Анимации -->
                     <div class="setting-item">
-                        <span class="setting-label">Анимации карт</span>
+                        <span class="setting-label">💫 Анимации карт</span>
                         <div class="deck-size-toggle">
                             <label>
                                 <span class="deck-label">Выкл</span>
@@ -361,7 +361,7 @@
                     
                     <!-- Режим Про -->
                     <div class="setting-item">
-                        <span class="setting-label">Режим Про</span>
+                        <span class="setting-label">🎓 Режим Про</span>
                         <div class="deck-size-toggle">
                             <label>
                                 <span class="deck-label">Выкл</span>
@@ -374,7 +374,7 @@
                     
                     <!-- Ночной режим -->
                     <div class="setting-item">
-                        <span class="setting-label">Ночной режим</span>
+                        <span class="setting-label">🌙 Ночной режим</span>
                         <div class="deck-size-toggle">
                             <label>
                                 <span class="deck-label">Выкл</span>
@@ -387,7 +387,7 @@
                     
                     <!-- Лог (только на мобильных) -->
                     <div class="setting-item mobile-only">
-                        <span class="setting-label">Показывать лог</span>
+                        <span class="setting-label">📃 Показывать лог</span>
                         <div class="deck-size-toggle">
                             <label>
                                 <span class="deck-label">Выкл</span>

client/night-mode.css

@@ -383,8 +383,8 @@ body.night-mode .card:hover:not(.disabled) {
 }
 
 body.night-mode .card.disabled {
-    opacity: 0.4;
-    background: #6b7280;
+    opacity: 0.6;
+    background: #858585;
 }
 
 /* Рубашка карт с сетчатым градиентом */
@@ -583,7 +583,7 @@ body.night-mode .suit-selection h3 {
 }
 
 body.night-mode .suit-btn {
-    background: #2a3d52;
+    background: #0c1117;
     color: white;
     border-color: #3b5998;
 }

client/style.css

@@ -1534,7 +1534,12 @@ border: 2px solid #ffd700;
 }
 
 .suit-btn {
-    padding: 20px;
+    display: flex;
+    padding: 23px;
+    flex-direction: row;
+    align-content: center;
+    align-items: center;
+    justify-content: space-evenly;
     font-size: 18px;
     border: 2px solid #ddd;
     border-radius: 10px;
@@ -1543,6 +1548,10 @@ border: 2px solid #ffd700;
     transition: all 0.3s;
 }
 
+.suit-emoji {
+    font-size: 32px;
+}
+
 .suit-btn:hover {
     border-color: #767676;
     background: #f0f0f0;