.grid-cell {
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease;
}

.grid-cell:hover {
  background: #ffffff08;
  border-color: #737b86;
}

.grid-cell.targeted {
  background: #d0a44a20;
  border: 2px solid var(--gold);
  color: var(--gold-2);
  box-shadow: inset 0 0 28px #d0a44a18;
}

.grid-cell.targeted::after {
  content: "+ AJOUTER ICI";
  padding: 7px 10px;
  border: 1px solid #8b713d;
  border-radius: 3px;
  background: #1b1914;
  color: var(--gold-2);
  font: 800 9px Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .08em;
}

img.tile-preview {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.placed-tile img.tile-art {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
}

.catalog-page-link {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 11px;
  border: 1px solid #594a2d;
  border-radius: 5px;
  background: #272317;
  color: var(--ink);
  text-decoration: none;
}

.catalog-page-link > span { font-size: 23px; color: var(--gold-2); }
.catalog-page-link div { min-width: 0; }
.catalog-page-link strong, .catalog-page-link small { display: block; }
.catalog-page-link strong { font-size: 10px; }
.catalog-page-link small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.4; }
.catalog-page-link > b { margin-left: auto; color: var(--gold-2); }