.bossInfo {
  position: absolute;
  top: 350px;
  right: 28px;
  background: var(--bg-color);
  border-image: url("/background/frame_small.png") 11 fill / auto space;
  padding: 18px 22px;
  box-sizing: border-box;
  & > p {
    text-align: center;
    margin: 0.2rem 0;
    & > .reward {
      color: var(--hover-color);
    }
    & > .maxed {
      display: inline-block;
      color: var(--accent-color);
      opacity: 1;
      animation: excited 0.5s infinite linear;
    }
    & > .boss0 {
      color: #a44016;
    }
    & > .boss1 {
      color: #99554d;
    }
    & > .boss2 {
      color: #9b215e;
    }
    & > .boss3 {
      color: #ebb638;
    }
    & > .boss4 {
      color: #c6282e;
    }
    & > .boss5 {
      color: #d06b53;
    }
    & > .boss6 {
      color: #8f968f;
    }
  }
  & small {
    opacity: 0.7;
  }
}

@keyframes excited {
  0%,
  100% {
    transform: scale(1, 1) skew(0deg, 0deg);
  }
  10% {
    transform: scale(1.2, 1.2) skew(0.5deg, -0.5deg);
  }
  90% {
    transform: scale(1.02, 1.03) skew(0deg, -1deg);
  }
}
