.holo-card{--hc-ratio:.800285;cursor:grab}.holo-card:active{cursor:grabbing}.holo-card{filter:drop-shadow(0 18px 15px #0004)}button.holo-card{-webkit-appearance:none;appearance:none;background:0 0;border:0;padding:0}button.holo-card .holo-card__rotor{pointer-events:none}.back-cutout,.back-print{position:absolute;inset:0;transform:scaleX(-1)}.back-cutout{-webkit-mask:var(--cutout) center / 100% 100% no-repeat;mask:var(--cutout) center / 100% 100% no-repeat;-webkit-mask:var(--cutout) center / 100% 100% no-repeat}.back-print{color:#f4d49c;background:radial-gradient(ellipse at var(--back-light-x,38%) var(--back-light-y,26%), #b7bdc23b, transparent 58%), repeating-conic-gradient(from 45deg, #8eaeab14 0 25%, transparent 0 50%) 50% / 24px 24px, linear-gradient(155deg, #283d47, #12202e 50%, #2c4249);container-type:inline-size}@font-face{font-family:XiYue Demo;src:url(/demo/assets/fonts/xiyue-v1.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.back-rule{border:1px solid #b7a17c;border-radius:28% 28% 7% 7%/14% 14% 4% 4%;grid-template-rows:8fr 25fr 37fr 20fr 10fr;place-items:center;padding:5% 0 3.5%;display:grid;position:absolute;inset:10% 18%;box-shadow:inset 0 0 0 3px #21323b,inset 0 0 0 4px #b6a88070}.back-serial{color:#dec69d;font-variant-numeric:tabular-nums;align-items:center;gap:.36em;font:550 3.35cqi/1 ui-monospace,monospace;display:flex}.back-serial:before,.back-serial:after{content:"";background:#aa9775;width:3cqi;height:1px;margin:0 .25em}.back-serial span{color:#fff0ce}.back-serial i{color:#a99c81;font-style:normal}.back-wordmark{background:linear-gradient(115deg,#dfb879 0%,#fff0ce 40%,#e1bb81 74%,#f4deb1);width:78%;height:91%;-webkit-mask:url(/collection/card-backs/annual-wordmark.png) 50%/contain no-repeat;-webkit-mask-source-type:luminance;mask:url(/collection/card-backs/annual-wordmark.png) 50%/contain no-repeat luminance}.back-medal{aspect-ratio:1;background:conic-gradient(from -40deg,#ab8146,#ffe9b9 55deg,#a78957 110deg,#6b5238 166deg,#f6d79d 244deg,#977243 305deg,#ab8146);border-radius:50%;height:91%;position:relative;box-shadow:0 0 0 1px #9d865e,0 0 0 2px #243139,0 0 0 3px #bca47788,0 3px 5px #0007}.holo-card__face .back-medal img{object-fit:cover;border-radius:50%;width:93%;height:93%;position:absolute;inset:3.5%}.back-medal:before{content:"";background:linear-gradient(125deg,#543d2370,#fff1cb26 48%,#43301d70),url(/collection/card-backs/brushed-gold.jpg) 50%/cover;border-radius:50%;position:absolute;inset:3.5%}.back-medal:after{content:"";pointer-events:none;background:radial-gradient(ellipse at var(--back-light-x,40%) var(--back-light-y,30%), #ffe5ac18, transparent 60%);border-radius:50%;position:absolute;inset:3.5%;box-shadow:inset 0 0 0 1px #c5a77677}.back-achievement{letter-spacing:.06em;text-indent:.06em;white-space:nowrap;color:#ffebc6;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:6.7cqi;font-weight:500;line-height:1.15}.back-caption{justify-items:center;gap:.9cqi;display:grid}.back-translation{color:#ebd9ba;letter-spacing:.04em;white-space:nowrap;font:400 clamp(7px,3cqi,10px)/1.1 XiYue Demo,Helvetica Neue,sans-serif}.back-brand{aspect-ratio:356/124;background:#d9c6a4;width:13.4cqi;-webkit-mask:url(/collection/card-backs/mihoyo.png) 50%/contain no-repeat;mask:url(/collection/card-backs/mihoyo.png) 50%/contain no-repeat}