/* Character wizard styles */
.spell-card {
  border: 1px solid var(--line);
  background: rgba(16,18,26,.45);
  border-radius: var(--radius);
  padding: 14px;
  cursor: pointer;
  transition: transform .14s var(--ease), box-shadow .14s var(--ease), border-color .14s var(--ease);
}

.spell-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow);
  border-color: var(--accent2);
}

.skill-card {
  border: 1px solid var(--line);
  background: rgba(16,18,26,.45);
  border-radius: var(--radius);
  padding: 14px;
  cursor: pointer;
  transition: transform .14s var(--ease), box-shadow .14s var(--ease), border-color .14s var(--ease);
}

.skill-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow);
  border-color: var(--accent2);
}