.goal-strip {
  width: fit-content;
  min-width: 220px;
  margin: 12px auto;
  padding: 7px 13px 7px 10px;
  gap: 10px;
  border: 2px solid #8162b5;
  border-radius: 17px;
  background: linear-gradient(145deg,#352369,#1b123f);
  box-shadow: inset 0 1px #ffffff20,0 5px 13px #08031d88;
}
.goal-label {
  padding-right: 9px;
  border-right: 1px solid #715695;
  color: #b9a9d5;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1.2px;
}
.goal {
  gap: 9px;
}
.goal-gem-frame {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border: 2px solid #fff2a0;
  border-radius: 13px;
  background: radial-gradient(circle,#6950a6,#271750 72%);
  box-shadow: inset 0 0 9px #ffffff35,0 0 12px #ffd95b55;
}
.goal .gem.mini {
  display: block;
  width: 31px !important;
  height: 31px !important;
  flex: none;
  animation: goal-pulse 1.4s ease-in-out infinite !important;
}
.goal-info {
  display: flex;
  flex-direction: column;
  min-width: 74px;
  line-height: 1.05;
}
.goal-info small {
  color: #bdb0d4;
  font-size: 7px;
  letter-spacing: .8px;
}
.goal-info strong {
  margin: 2px 0;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}
.goal-info b {
  color: #ffe052;
  font-size: 17px;
}
@keyframes goal-pulse { 50% { transform:scale(1.1);filter:drop-shadow(0 0 10px var(--glow)) brightness(1.15) } }
.perk-bar{flex-wrap:wrap}.perk-bar .perk-use{width:88px}