/* ==========================================================================
   05-artifacts.css
   ========================================================================== */
.veil-artifacts-panel {
  text-align: center;
}

.veil-artifacts-panel h2 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.veil-artifacts-panel p {
  color: #f4ead7;
  margin-bottom: 28px;
}

.veil-artifact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 18px;
}

.veil-artifact-slot {
  padding: 24px 16px;
  border-radius: 18px;
  background: radial-gradient(circle at top, rgba(193,18,31,.16), rgba(255,255,255,.035));
  border: 1px solid rgba(215,180,106,.32);
}

.veil-artifact-symbol {
  display: block;
  color: #d7b46a;
  font-size: 2rem;
  margin-bottom: 10px;
}

.veil-artifact-slot strong {
  display: block;
  color: #fff;
  margin-bottom: 8px;
}

.veil-artifact-slot em {
  color: #5cc7e8;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
}