/* Компактные стили для мобильных устройств */

/* Уменьшаем отступы на мобильных */
@media (max-height: 800px) {
  /* Лобби */
  .lobby-container {
    padding: 1rem !important;
  }
  
  .lobby-title {
    font-size: 3rem !important;
  }
  
  .space-y-8 > * + * {
    margin-top: 1.25rem !important;
  }
  
  .space-y-6 > * + * {
    margin-top: 1rem !important;
  }
  
  /* Кнопки */
  button {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  
  /* Игровое поле */
  .game-cell {
    min-height: 3rem !important;
    font-size: 1.25rem !important;
  }
}

/* Улучшаем контраст текста */
.text-slate-600 {
  color: rgb(148 163 184) !important;
}

.text-slate-500 {
  color: rgb(156 163 175) !important;
}

.text-slate-400 {
  color: rgb(203 213 225) !important;
}

/* Осветляем фон */
.bg-slate-950 {
  background-color: rgb(15 23 42) !important;
}

.bg-slate-900 {
  background-color: rgb(30 41 59) !important;
}

.bg-slate-800 {
  background-color: rgb(51 65 85) !important;
}