.vault-card {
  display: flex;
  align-items: flex-end;
  background: linear-gradient(145deg, rgba(255,79,129,.07), transparent 58%), var(--panel);
  transition: transform .2s, border-color .2s;
}
.vault-card:hover { transform: translateY(-4px); border-color: var(--mint); }
.vault-art { position: absolute; inset: 0; overflow: hidden; }
.vault-art:before {
  content: "";
  position: absolute;
  right: 48px;
  top: 40px;
  width: 230px;
  height: 150px;
  border: 14px solid rgba(124,92,255,.48);
  border-right-width: 45px;
  box-shadow: inset 0 0 25px rgba(124,92,255,.25),0 0 25px rgba(124,92,255,.15);
}
.vault-art:after {
  content: "";
  position: absolute;
  right: 118px;
  top: 54px;
  width: 14px;
  height: 104px;
  border-left: 14px solid rgba(124,92,255,.48);
  border-right: 14px solid rgba(124,92,255,.48);
}
.vault-art i,.vault-art b,.vault-art em,.vault-art span { position:absolute;border-radius:50%; }
.vault-art i { right:235px;top:102px;width:18px;height:18px;background:var(--mint);box-shadow:0 0 20px var(--mint); }
.vault-art b { right:78px;top:102px;width:18px;height:18px;background:var(--pink);box-shadow:0 0 20px var(--pink); }
.vault-art em { right:188px;top:67px;width:9px;height:9px;background:var(--pink);box-shadow:0 0 14px var(--pink); }
.vault-art span { right:160px;top:137px;width:9px;height:9px;background:var(--mint);box-shadow:0 0 14px var(--mint); }