.card-face-wrap{container-type:inline-size}.card-face{--u:calc(100cqw / 961);aspect-ratio:961/1375;width:100%;font-family:var(--font-card);color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;line-height:1.05;position:relative}.card-face>*{position:absolute}.card-face__clip{border-radius:calc(50 * var(--u));background:#1a1720;inset:0;overflow:hidden}.card-face__art,.card-face__body{width:100%;height:100%;position:absolute;inset:0}.card-face__art{object-fit:cover;object-position:top}.card-face__header{width:100%;height:calc(234 * var(--u));background:linear-gradient(#060310d9,#06031000);position:absolute;top:0;left:0}.card-face__name{left:calc(150 * var(--u));top:calc(40 * var(--u));width:calc(661 * var(--u));font-size:calc(44 * var(--u));text-align:center;text-shadow:0 calc(5 * var(--u)) calc(10 * var(--u)) #04020cf2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-face__row{left:calc(38 * var(--u));top:calc((759 + var(--i) * 148) * var(--u));width:calc(885 * var(--u));height:calc(141 * var(--u));border-radius:calc(20 * var(--u));transition:box-shadow .2s ease-out}.card-face__row>*{position:absolute}.card-face__bar{filter:brightness(0);opacity:.3;width:100%;height:100%;inset:0}.card-face__cooldown{left:calc(720 * var(--u));top:calc(25 * var(--u));width:calc(91 * var(--u));height:calc(91 * var(--u));mix-blend-mode:overlay}.card-face__cooldown-text{left:calc(720 * var(--u));top:calc(25 * var(--u));width:calc(91 * var(--u));height:calc(91 * var(--u));font-size:calc(44 * var(--u));place-items:center;display:grid}.card-face__row-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;place-items:center;height:100%;display:grid;top:0;overflow:hidden}.card-face__row--ability .card-face__row-name{left:calc(155 * var(--u));width:calc(553 * var(--u));font-size:calc(40 * var(--u))}.card-face__row--skill .card-face__row-name{left:calc(307 * var(--u));width:calc(274 * var(--u));font-size:calc(34 * var(--u))}.card-face__line{top:calc(23.5 * var(--u));width:calc(187 * var(--u));height:calc(94 * var(--u));background-repeat:no-repeat;background-size:200% 100%}.card-face__line--left{left:calc(120 * var(--u));background-position:0}.card-face__line--right{left:calc(581 * var(--u));background-position:100%}.card-face__hp{left:calc(55.5 * var(--u));top:calc(1239 * var(--u));width:calc(850 * var(--u));height:calc(72 * var(--u));border-radius:calc(50 * var(--u));color:#16300c;font-size:calc(44 * var(--u));background:#80e532;place-items:center;display:grid}.card-face__border{border-radius:calc(50 * var(--u));box-shadow:inset 0 0 0 calc(15 * var(--u)) #000;pointer-events:none;inset:0}.card-face__gem{left:calc(346 * var(--u));top:calc(1307.5 * var(--u));width:calc(269 * var(--u));height:calc(135 * var(--u))}.card-face__orb{left:calc(-75 * var(--u));top:calc(-29.5 * var(--u));width:calc(225 * var(--u));height:calc(225 * var(--u))}.card-face__spamton{left:calc(852 * var(--u));top:calc(-7 * var(--u));width:calc(180 * var(--u));height:calc(180 * var(--u))}.card-face__spamton img{width:100%;height:100%;position:absolute;inset:0}.card-face__spamton span{left:calc(88 * var(--u) - 45 * var(--u));top:calc(90 * var(--u) - 45 * var(--u));width:calc(90 * var(--u));height:calc(90 * var(--u));font-size:calc(67 * var(--u));color:#8a3d0a;text-shadow:none;place-items:center;display:grid;position:absolute}.card-face__row[data-highlight=true]{box-shadow:0 0 0 max(2px, calc(8 * var(--u))) var(--primary), 0 0 0 max(3px, calc(14 * var(--u))) #110f17e6}.card-face__effect,.card-face__outline{pointer-events:none}.card-face__effect img{object-fit:fill;width:100%;height:100%}.card-face__outline{background-size:100% 200%;-webkit-mask-size:100% 100%;mask-size:100% 100%}.card-face__outline[data-moving=true]{animation:linear infinite card-face-outline}@keyframes card-face-outline{to{background-position:0 200%}}@media (prefers-reduced-motion:reduce){.card-face__outline[data-moving=true]{animation:none}}