.chests-page {
  display: grid;
  gap: var(--space-5);
}

.chests-page__heading {
  display: grid;
  justify-items: start;
  gap: var(--space-4);
}

.chests-page__heading h2 {
  font-size: var(--font-size-heading);
}

.chests-page__back {
  padding-inline: var(--space-4);
}

.chests-page__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.chests-page__tile {
  display: flex;
  align-items: flex-end;

  width: 100%;
  min-width: 0;
  aspect-ratio: 1;
  padding: var(--space-4);

  color: var(--color-text);
  background:
    radial-gradient(
      circle at top right,
      rgb(223 187 120 / 15%),
      transparent 75%
    ),
    var(--color-surface);

  border: 1px solid #a3ff12;
  border-radius: var(--radius-medium);

  box-shadow:
    0 0 5px rgb(163 255 18 / 65%),
    0 0 14px rgb(125 255 0 / 35%),
    inset 0 0 7px rgb(163 255 18 / 12%);

  font-size: 1.125rem;
  line-height: 1.25;
  text-align: left;
  overflow-wrap: anywhere;
}

/* Картинки сундуков */
.chests-page__tile {
  background-image:
    linear-gradient(
      to bottom,
      transparent 45%,
      rgb(5 12 8 / 85%) 100%
    ),
    var(--chest-art);

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  text-shadow: 0 2px 5px rgb(0 0 0 / 90%);
}

.chests-page__tile[data-chest="free"] {
  --chest-art: url("../assets/images/chests/free.webp");
}

.chests-page__tile[data-chest="wooden"] {
  --chest-art: url("../assets/images/chests/wooden.webp");
}

.chests-page__tile[data-chest="stone"] {
  --chest-art: url("../assets/images/chests/stone.webp");
}

.chests-page__tile[data-chest="iron"] {
  --chest-art: url("../assets/images/chests/iron.webp");
}

.chests-page__tile[data-chest="golden"] {
  --chest-art: url("../assets/images/chests/golden.webp");
}

.chests-page__tile[data-chest="diamond"] {
  --chest-art: url("../assets/images/chests/diamond.webp");
}

.chests-page__description {
  color: var(--color-text-muted);
  font-size: 0.875rem;
  line-height: 1.5;
}