@font-face{font-family:'SistersCardName';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/rajdhani-semibold-latin.woff2) format('woff2')}
.sisters-card{position:relative;isolation:isolate;aspect-ratio:5/7;width:100%;margin:0;container-type:inline-size}
.sisters-card *{box-sizing:border-box}
.sisters-card .sc-art{position:absolute;inset:2.5% 3% 3.4%;border-radius:4%;overflow:hidden;z-index:-1;background:#19131f}
.sisters-card .sc-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:15% center}
.sisters-card .sc-character{position:absolute;inset:4.5% 0 auto;width:100%;height:77%;object-fit:cover}
.sisters-card .sc-frame,.sisters-card .sc-complete{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sisters-card .sc-title{position:absolute;top:78.4%;left:15%;right:22%;text-align:center;font:bold clamp(12px,5cqw,24px)/1.4 system-ui;letter-spacing:.1em;color:#fff3fa;text-shadow:0 1px 3px #000}
.sisters-card .sc-rarity{position:absolute;top:79%;right:14%;font:bold clamp(10px,3.4cqw,15px)/1.3 system-ui;color:#ffb4d8}
.sisters-card .sc-description{position:absolute;top:84%;left:12%;right:12%;margin:0;font:500 clamp(10px,3.7cqw,16px)/1.65 system-ui;color:#ffeef8}
/* Opt-in only: CSS color background and one shared SVG line design. */
.sisters-card.sc-cyber{overflow:hidden;background:var(--sc-bg,#e7e7e3);color:var(--sc-ink,#161719)}
.sc-cyber .sc-cyber-word{position:absolute;top:4.8%;left:96%;width:max-content;font:400 40cqw/1 Impact,'Arial Narrow',sans-serif;letter-spacing:-.5cqw;opacity:.1;white-space:nowrap;transform:rotate(90deg);transform-origin:top left}
.sc-cyber .sc-cyber-character{position:absolute;left:-5%;top:0;width:110%;height:110%;object-fit:cover}
.sc-cyber .sc-cyber-lines{position:absolute;inset:0;width:100%;height:100%;color:var(--sc-line,#f347a0);pointer-events:none}
.sc-cyber .sc-cyber-title{position:absolute;left:8.8%;right:10%;bottom:4.6%;font-family:Arial,system-ui,sans-serif}
.sc-cyber .sc-cyber-title strong{display:block;max-width:100%;width:fit-content;padding:1.3cqw 1.8cqw .7cqw;margin-left:-1.8cqw;background:var(--sc-bg);box-shadow:-.6cqw .6cqw 0 var(--sc-line);font-family:SistersCardName,Arial,sans-serif;font-weight:600;color:color-mix(in srgb,var(--sc-ink) 90%,var(--sc-bg) 10%);font-size:7.6cqw;line-height:1.1;letter-spacing:.35cqw;overflow-wrap:anywhere}
.sc-cyber .sc-cyber-title small{display:block;margin-top:1cqw;font:bold 1.8cqw/1.3 Arial,sans-serif;letter-spacing:.15cqw}
.sc-cyber .sc-cyber-rarity{position:absolute;right:9%;top:6.4%;color:var(--sc-line);font:bold 2.8cqw/1 Arial,sans-serif;letter-spacing:.3cqw}
.sc-cyber .sc-cyber-description{position:absolute;left:8.8%;right:9%;bottom:16%;margin:0;padding:1cqw 1.8cqw;background:var(--sc-bg);font:500 3cqw/1.4 system-ui;color:var(--sc-ink);overflow-wrap:anywhere}
