@import url("./shared.css");

.gallery-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 18px;
}

.boss-card {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--panel-border);
  background: var(--panel);
}

.boss-card canvas {
  display: block;
  width: 100%;
  height: auto;
}

.boss-card-caption {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-top: 1px solid var(--panel-border);
}

.boss-card-caption strong {
  font-size: 0.95rem;
}

.boss-card-emblem {
  color: #fbbf24;
  font-size: 0.76rem;
  font-weight: 600;
}

.boss-card-caption span:last-child {
  color: var(--muted);
  font-size: 0.82rem;
}