.bn-back{pointer-events:none;border-radius:inherit;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0%,#000c 38%,#0000004d 78%,#0000001f 100%);mask-image:linear-gradient(#000 0%,#000c 38%,#0000004d 78%,#0000001f 100%);z-index:0!important;position:absolute!important}.bn-back>i{aspect-ratio:3;min-width:100%;min-height:100%;image-rendering:pixelated;opacity:.7;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bn-back>i.anim{background-size:calc(var(--n) * 100%) 100%;animation:bn-frames var(--d) steps(var(--n), jump-none) infinite}@keyframes bn-frames{0%{background-position:0 0}to{background-position:100% 0}}.bn-back:after{content:"";background:linear-gradient(90deg,#05060f0d 0%,#05060f59 30%,#05060f8c 60%,#05060f7a 100%);position:absolute;inset:0}.bn-back.pale>i{filter:brightness(.4)saturate(.85);opacity:.85}.bn-on .pf-name,.bn-on .pf-rank-n,.bn-on .pf-xp-lbl,.bn-on .nm,.bn-on .sh-lk-who{text-shadow:0 1px 2px #05060ff2,0 0 14px #05060fd9}.bn-back.top{height:min(78%,220px);inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0%,#000000d9 45%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000d9 45%,#0000 100%)}.bn-back.top:after{background:linear-gradient(#05060f0d,#05060f59)}@media (max-width:640px){.pf-card .bn-back{height:min(60%,240px);inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0%,#000000d9 45%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000d9 45%,#0000 100%)}.pf-card .bn-back:after{background:linear-gradient(#05060f0d,#05060f59)}}@media (prefers-reduced-motion:reduce){.bn-back>i.anim{animation:none}}.cr-card.bn-on,.cr-card.bn-on>:not(.bn-back){position:relative}.cr-card>.bn-back.top{height:200px;inset:-22px -22px auto}