.achievement-status{color: initial;font-weight: initial;margin: 0.5em 0;--border-w: 0.4em;}
.achievement-status__title{margin-bottom: 0.2em;text-align: center;font-weight: bold;color: #ff4900;font-size: .9em;}
.achievement-status__body{position: relative;display: flex;justify-content: space-between;padding: 1em;overflow: hidden;}
.achievement-status__body:before {content: "";display: block;background: #ffffe4;width: calc(100% - var(--border-w));height: calc(100% - var(--border-w));position: absolute;z-index: 10;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border-radius: 2px;}
.achievement-status__body:after {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;width: 120%;aspect-ratio:1/1;background: url(/assets/images/achievement-status__border.png) center/cover;transform: translate(-50%, -50%);animation: rotate-border 18s linear infinite;}
@keyframes rotate-border {
    from {transform: translate(-50%, -50%) rotate(0deg);}
    to {transform: translate(-50%, -50%) rotate(360deg);}
}
.achievemtnt-status__label{position: relative;z-index: 20;color: gray;font-size: 0.9em;}
.achievement-status__amount{position: relative;z-index: 20;}
.achievement-status__current{font-weight: bold;color: #6b3c00;font-size: 1.1em;}
.achievement-status__target{color: #7b7b7b;}
.achievement-status__target:before {content: "/";}