/* Общая визуальная карточка всех 38 игр. Эталон — исходные восемь пасьянсов.
 * Лицо/рубашка остаются исходными GIF из cards-ready; геометрией владеет игра.
 * Повтор специфичного native-селектора нужен для совместимости с сохранённым
 * историческим expansion.css. В активном пути этот компонент подключается позже.
 */
.card,
.expansion-board .expansion-card {
  position: absolute;
  background-color: white;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

/* Нативная кнопка сохраняет keyboard/pointer-контракт, не добавляя второй рамки. */
.expansion-board .expansion-card {
  border: 0 none white;
}

.card > div,
.expansion-board .expansion-card > div {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: 100% 100%;
  background-position: 0% 0%;
  background-repeat: repeat;
  border-radius: 0;
}

.expansion-board .expansion-card > div {
  pointer-events: none;
}

.card > div::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  z-index: 2;
}

@media (max-width: 1000px), (max-height: 400px) {
  .card,
  .expansion-board .expansion-card {
    border: 1px solid #ccc !important;
    border-radius: 0;
  }

  /* Компенсация mobile-рамки: исходный GIF занимает полную площадь карты. */
  .card > div,
  .expansion-board .expansion-card > div {
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
  }
}