.cf-card{--h:calc(var(--w) * 510 / 350);--frame:var(--neutral);--r:calc(var(--w) * .045);--grade-s:max(15px, calc(var(--w) * .19));--trig-s:max(13px, calc(var(--w) * .17));width:var(--w);height:var(--h);contain:layout paint;border-radius:var(--r);background:linear-gradient(160deg, color-mix(in srgb, var(--frame) 45%, var(--card-frame)) 0%, var(--card-frame) 38%, color-mix(in srgb, var(--frame) 30%, var(--ink)) 100%);box-shadow:inset 0 0 0 max(1px, calc(var(--w) * .006)) color-mix(in srgb, var(--gold) 55%, transparent), 0 1px 3px color-mix(in srgb, var(--ink) 80%, transparent), 0 2px 10px color-mix(in srgb, var(--ink) 45%, transparent);color:var(--text);font-family:var(--font-display);-webkit-user-select:none;user-select:none;transition:box-shadow var(--motion-med);flex:none;position:relative;overflow:hidden}.cf-card.is-selected{box-shadow:inset 0 0 0 max(1.5px, calc(var(--w) * .012)) var(--gold-hi), 0 0 0 max(1.5px, calc(var(--w) * .012)) var(--gold), 0 0 max(8px, calc(var(--w) * .12)) color-mix(in srgb, var(--gold) 75%, transparent)}.cf-card.has-glow:not(.is-selected){box-shadow:inset 0 0 0 max(1px, calc(var(--w) * .01)) var(--glow-tone), 0 0 max(6px, calc(var(--w) * .1)) color-mix(in srgb, var(--glow-tone) 70%, transparent)}.cf-art{inset:calc(var(--w) * .04);border-radius:calc(var(--r) * .6);background:radial-gradient(ellipse 72% 48% at 50% 40%, color-mix(in srgb, var(--frame) 70%, var(--text)) 0%, color-mix(in srgb, var(--frame) 40%, transparent) 38%, transparent 66%), linear-gradient(175deg, color-mix(in srgb, var(--frame) 55%, var(--bg)) 0%, color-mix(in srgb, var(--frame) 34%, var(--bg)) 50%, color-mix(in srgb, var(--frame) 48%, var(--bg)) 88%, color-mix(in srgb, var(--frame) 58%, var(--bg)) 100%);box-shadow:inset 0 0 calc(var(--w) * .08) color-mix(in srgb, var(--ink) 70%, transparent);place-items:center;display:grid;position:absolute;overflow:hidden}.cf-art.has-img.is-loaded{box-shadow:none;background:0 0}.cf-art-img{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.cf-art-thumb{background-color:var(--card-plate);pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}.cf-art:after{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--text) 16%, transparent) 0%, transparent 35%, transparent 70%, color-mix(in srgb, var(--frame) 25%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.cf-art-grade{font-size:calc(var(--w) * .7);margin-top:calc(var(--w) * -.12);color:color-mix(in srgb, var(--frame) 30%, transparent);-webkit-text-stroke:max(1px, calc(var(--w) * .008)) color-mix(in srgb, var(--frame) 40%, var(--text));opacity:.55;padding-inline-end:.08em;font-style:italic;font-weight:700;line-height:1}.cf-grade{top:calc(var(--w) * .025);left:calc(var(--w) * .025);width:var(--grade-s);height:calc(var(--grade-s) * 1.1);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, var(--gold-deep));z-index:2;place-items:center;display:grid;position:absolute}.cf-grade:before{content:"";inset:max(1.5px, calc(var(--grade-s) * .09));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 30%, var(--panel-3), var(--ink) 80%);position:absolute}.cf-grade span{font-size:calc(var(--grade-s) * .66);color:var(--text);text-shadow:0 0 4px color-mix(in srgb, var(--gold) 60%, transparent);padding-inline-end:.06em;font-style:italic;font-weight:700;line-height:1;position:relative}.cf-skill{top:calc(var(--w) * .035 + var(--grade-s) * 1.12);left:calc(var(--w) * .025 + var(--grade-s) * .12);width:calc(var(--grade-s) * .76);height:calc(var(--grade-s) * .76);background:radial-gradient(circle at 50% 35%, var(--panel-3), var(--ink));box-shadow:inset 0 0 0 max(1px, calc(var(--w) * .007)) var(--gold);color:var(--gold-hi);font-family:var(--font-ui);font-size:calc(var(--grade-s) * .46);z-index:2;border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute}.cf-trigger{--trig:var(--gold);top:calc(var(--w) * .03);right:calc(var(--w) * .03);width:var(--trig-s);height:var(--trig-s);clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);background:linear-gradient(145deg, color-mix(in srgb, var(--trig) 50%, var(--text)), var(--trig) 45%, color-mix(in srgb, var(--trig) 50%, var(--ink)));z-index:2;place-items:center;display:grid;position:absolute}.cf-trigger:before{content:"";inset:max(1.5px, calc(var(--trig-s) * .1));clip-path:inherit;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--trig) 55%, var(--panel)), color-mix(in srgb, var(--trig) 25%, var(--ink)));position:absolute}.cf-trigger span{font-family:var(--font-ui);font-size:calc(var(--trig-s) * .56);color:color-mix(in srgb, var(--trig) 30%, var(--text));text-shadow:0 0 4px var(--trig);font-weight:700;line-height:1;position:relative}.cf-shield{padding:calc(var(--w) * .03) calc(var(--w) * .012);writing-mode:vertical-rl;background:linear-gradient(90deg, color-mix(in srgb, var(--info) 35%, var(--ink)), color-mix(in srgb, var(--info) 15%, var(--panel)));border:max(1px, calc(var(--w) * .005)) solid color-mix(in srgb, var(--info) 70%, var(--text));border-radius:calc(var(--w) * .02) 0 0 calc(var(--w) * .02);font-size:max(11px, calc(var(--w) * .06));letter-spacing:.04em;color:var(--text);z-index:2;border-left:0;font-style:italic;font-weight:700;line-height:1;position:absolute;top:34%;left:0;transform:rotate(180deg)}.cf-shield.mod{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 55%, var(--ink)), color-mix(in srgb, var(--gold) 25%, var(--panel)));border-color:var(--gold-hi)}.cf-name{left:calc(var(--w) * .04);right:calc(var(--w) * .04);bottom:calc(var(--w) * .2);height:calc(var(--w) * .12);padding-inline:calc(var(--w) * .06);background:linear-gradient(90deg, transparent, var(--gold) 15%, var(--gold-hi) 50%, var(--gold) 85%, transparent) top / 100% max(1px, calc(var(--w) * .006)) no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--card-plate) 75%, transparent), color-mix(in srgb, var(--card-plate) 95%, transparent));clip-path:polygon(calc(var(--w) * .04) 0, calc(100% - var(--w) * .04) 0, 100% 50%, calc(100% - var(--w) * .04) 100%, calc(var(--w) * .04) 100%, 0 50%);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute}.cf-name span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:max(11px, calc(var(--w) * .068));letter-spacing:.02em;font-weight:600;line-height:1.3;overflow:hidden}.cf-stats{left:calc(var(--w) * .03);right:calc(var(--w) * .04);bottom:calc(var(--w) * .035);align-items:center;gap:calc(var(--w) * .04);padding:calc(var(--w) * .012) calc(var(--w) * .03);background:linear-gradient(90deg, color-mix(in srgb, var(--card-plate) 92%, transparent) 55%, transparent);clip-path:polygon(0 0, 100% 0, calc(100% - var(--w) * .06) 100%, 0 100%);z-index:2;display:flex;position:absolute}.cf-power{font-size:max(12px, calc(var(--w) * .14));font-variant-numeric:tabular-nums;--num-fill:var(--grad-gold);color:var(--num-stroke);-webkit-text-stroke:max(1.5px, calc(var(--w) * .012)) var(--num-stroke);text-shadow:0 0 calc(var(--w) * .05) color-mix(in srgb, var(--gold) 45%, transparent);padding-inline-end:.08em;font-style:italic;font-weight:700;line-height:1.05;display:inline-block;position:relative}.cf-power:after{content:attr(data-text);-webkit-text-stroke:0;text-shadow:none;color:#0000;background:var(--num-fill);-webkit-background-clip:text;background-clip:text;padding-inline-end:inherit;position:absolute;inset:0}.cf-power.up{--num-fill:linear-gradient(180deg, var(--text), var(--ok))}.cf-power.down{--num-fill:var(--grad-p2)}.cf-crit{font-size:max(11px, calc(var(--w) * .085));color:var(--gold-hi);text-shadow:0 1px 0 var(--ink);align-items:center;gap:.05em;margin-inline-start:auto;font-style:italic;font-weight:700;line-height:1;display:inline-flex}.cf-crit i{color:var(--gold);text-shadow:0 0 2px var(--gold);font-style:normal}.cf-crit.mod{color:var(--ok)}.cf-text{left:calc(var(--w) * .06);right:calc(var(--w) * .06);top:46%;bottom:calc(var(--w) * .34);padding:calc(var(--w) * .03) calc(var(--w) * .035);background:color-mix(in srgb, var(--card-plate) 82%, transparent);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:calc(var(--w) * .02);font-family:var(--font-ui);font-size:max(12px, calc(var(--w) * .045));z-index:2;line-height:1.4;position:absolute;overflow:auto}.cf-mini{--grade-s:max(14px, calc(var(--w) * .3));--trig-s:max(12px, calc(var(--w) * .26));--r:max(3px, calc(var(--w) * .06))}.cf-mini .cf-art{inset:max(2px, calc(var(--w) * .035))}.cf-mini .cf-grade{top:1px;left:1px}.cf-mini .cf-trigger{top:2px;right:2px}.cf-field{--grade-s:max(15px, calc(var(--w) * .22));--trig-s:max(13px, calc(var(--w) * .2))}.cf-field .cf-stats{padding:max(1px, calc(var(--w) * .01)) calc(var(--w) * .03);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--card-plate) 92%, transparent) 40%);clip-path:none;justify-content:center;bottom:0;left:0;right:0}.cf-field .cf-power{font-size:max(12px, calc(var(--w) * .17))}.cf-field .cf-crit{margin-inline-start:0}.cf-mini.cf-stats-on .cf-stats{background:linear-gradient(180deg, color-mix(in srgb, var(--card-plate) 70%, transparent), var(--card-plate) 45%);clip-path:none;justify-content:center;padding:1px 2px;bottom:0;left:0;right:0}.cf-mini.cf-stats-on .cf-power{font-size:max(12px, calc(var(--w) * .2));-webkit-text-stroke-width:max(1.5px, calc(var(--w) * .018))}.cf-mini.cf-stats-on .cf-shield{padding:max(3px, calc(var(--w) * .04)) 1px;font-size:max(11px, calc(var(--w) * .15));letter-spacing:0;top:30%}.cf-card.cf-has-img .cf-art{border-radius:var(--r);inset:0}.cf-card.cf-has-img.cf-wide-art .cf-art{background:linear-gradient(180deg, var(--card-plate), var(--ink))}.cf-card.cf-has-img.cf-wide-art .cf-art-img{object-fit:contain}.cf-card.cf-has-img .cf-art:after{background:linear-gradient(180deg, color-mix(in srgb, var(--ink) 30%, transparent) 0%, transparent 14%, transparent 72%, color-mix(in srgb, var(--ink) 35%, transparent) 100%), linear-gradient(135deg, color-mix(in srgb, var(--text) 12%, transparent), transparent 34%)}.cf-card.cf-has-img:after{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 max(1px, calc(var(--w) * .007)) color-mix(in srgb, var(--gold) 72%, transparent), inset 0 0 calc(var(--w) * .05) color-mix(in srgb, var(--ink) 32%, transparent);pointer-events:none;position:absolute;inset:0}.cf-plate{z-index:1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--card-plate) 94%, var(--frame)) 0%, var(--ink) 100%);box-shadow:inset 0 0 0 max(1px, calc(var(--w) * .005)) color-mix(in srgb, var(--gold) 52%, transparent), 0 0 calc(var(--w) * .07) color-mix(in srgb, var(--ink) 55%, transparent);position:absolute}.cf-plate-tl{top:calc(var(--w) * var(--art-corner-inset,.014));left:calc(var(--w) * var(--art-corner-inset,.014));width:calc(var(--grade-s) * var(--art-grade-plate-width,1.34));height:calc(var(--w) * var(--art-grade-plate-pad,.035) + var(--grade-s) * var(--art-grade-plate-body,1.2));border-radius:calc(var(--w) * .035) 0 calc(var(--w) * .035) calc(var(--w) * .025);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--w) * .07), calc(100% - var(--w) * .07) 100%, 0 100%)}.cf-plate-tl.has-skill{height:calc(var(--w) * var(--art-grade-plate-pad,.035) + var(--grade-s) * var(--art-grade-plate-skill,1.96))}.cf-plate-tr{top:calc(var(--w) * var(--art-trigger-inset,.02));right:calc(var(--w) * var(--art-trigger-inset,.02));width:calc(var(--trig-s) * var(--art-trigger-scale,1.26));height:calc(var(--trig-s) * var(--art-trigger-scale,1.26));clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%)}.cf-card.cf-has-img .cf-name{left:calc(var(--w) * var(--art-name-inset,.018));right:calc(var(--w) * var(--art-name-inset,.018));bottom:calc(var(--w) * var(--art-name-bottom,.245));height:calc(var(--w) * var(--art-name-height,.13));padding-inline:calc(var(--w) * .045) calc(var(--w) * .1);background:linear-gradient(90deg, var(--gold) 0%, var(--gold-hi) 46%, var(--gold) 100%) top / 100% max(1px, calc(var(--w) * .007)) no-repeat, linear-gradient(90deg, var(--card-plate) 0%, color-mix(in srgb, var(--card-plate) 90%, var(--ink)) 100%);clip-path:polygon(0 0, 100% 0, calc(100% - var(--w) * .055) 100%, 0 100%);justify-content:flex-start}.cf-card.cf-has-img .cf-name span{font-size:max(11px, calc(var(--w) * .06));letter-spacing:.035em;font-style:italic;font-weight:700}.cf-card.cf-has-img .cf-stats{left:calc(var(--w) * var(--art-footer-inset,.018));right:calc(var(--w) * var(--art-footer-inset,.018));bottom:calc(var(--w) * var(--art-footer-bottom,.058));gap:calc(var(--w) * .035);padding:calc(var(--w) * .016) calc(var(--w) * .04) calc(var(--w) * .022);background:linear-gradient(90deg, var(--gold) 0%, var(--gold-hi) 50%, var(--gold) 100%) top / 100% max(1px, calc(var(--w) * .007)) no-repeat, linear-gradient(180deg, var(--card-plate) 0%, var(--ink) 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, calc(var(--w) * .05) 100%, 0 calc(100% - var(--w) * .035));box-shadow:0 calc(var(--w) * -.02) calc(var(--w) * .08) color-mix(in srgb, var(--ink) 60%, transparent)}.cf-card.cf-has-img.cf-field .cf-stats{left:calc(var(--w) * var(--art-field-footer-inset,.012));right:calc(var(--w) * var(--art-field-footer-inset,.012));bottom:calc(var(--w) * var(--art-footer-bottom,.058));padding:calc(var(--w) * .014) calc(var(--w) * .025) calc(var(--w) * .018);background:linear-gradient(90deg, var(--gold) 0%, var(--gold-hi) 50%, var(--gold) 100%) top / 100% max(1px, calc(var(--w) * .007)) no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--card-plate) 45%, transparent) 0%, var(--card-plate) 42%);clip-path:none;justify-content:center}.cf-card.cf-has-img .cf-shield{background:linear-gradient(90deg, color-mix(in srgb, var(--info) 38%, var(--card-plate)), color-mix(in srgb, var(--info) 16%, var(--ink)));box-shadow:0 0 calc(var(--w) * .06) color-mix(in srgb, var(--info) 45%, transparent)}.cf-card.cf-has-img .cf-shield.mod{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 52%, var(--card-plate)), color-mix(in srgb, var(--gold) 24%, var(--ink)));box-shadow:0 0 calc(var(--w) * .06) color-mix(in srgb, var(--gold) 50%, transparent)}.cf-card.cf-has-img .cf-text{bottom:calc(var(--w) * var(--art-text-bottom,.38));background:var(--card-plate);border-color:color-mix(in srgb, var(--gold) 55%, transparent);box-shadow:0 0 calc(var(--w) * .06) color-mix(in srgb, var(--ink) 60%, transparent)}.cf-back{background:radial-gradient(ellipse 60% 40% at 50% 50%, color-mix(in srgb, var(--p1) 30%, transparent), transparent 70%), repeating-linear-gradient(60deg, transparent 0 calc(var(--w) * .08), color-mix(in srgb, var(--p1) 8%, transparent) calc(var(--w) * .08) calc(var(--w) * .085)), repeating-linear-gradient(-60deg, transparent 0 calc(var(--w) * .08), color-mix(in srgb, var(--p1) 8%, transparent) calc(var(--w) * .08) calc(var(--w) * .085)), linear-gradient(160deg, var(--panel-3), var(--bg) 70%);box-shadow:inset 0 0 0 max(1px, calc(var(--w) * .02)) color-mix(in srgb, var(--p1) 35%, var(--card-frame)), inset 0 0 0 max(2px, calc(var(--w) * .03)) var(--card-frame), 0 1px 3px color-mix(in srgb, var(--ink) 80%, transparent)}.cf-back[style*=--sleeve],:root[style*=--sleeve] .cf-back{background:var(--sleeve) center / cover, linear-gradient(160deg, var(--panel-3), var(--bg) 70%)}:root[style*=--sleeve] .cf-back .cf-back-mark{display:none}.cf-back-mark{width:100%;max-width:none;height:100%;position:absolute;inset:0}.cf-back-trace{fill:none;stroke:color-mix(in srgb, var(--p1) 45%, transparent);stroke-width:1.2px}.cf-back-hex{fill:color-mix(in srgb, var(--bg) 60%, transparent);stroke:var(--p1);stroke-width:2.4px}.cf-back-glow{fill:none;stroke:var(--p1);stroke-width:6px;opacity:.28}.cf-back-hex2{fill:none;stroke:color-mix(in srgb, var(--p1) 50%, var(--text));stroke-width:.8px;opacity:.7}.cf-back-gem{fill:color-mix(in srgb, var(--p1) 45%, var(--panel));stroke:color-mix(in srgb, var(--p1) 40%, var(--text));stroke-width:1.2px}.cf-back-cut{stroke:var(--bg);stroke-width:1.4px}.cf-card.cf-has-img.cf-mini.cf-stats-on .cf-stats{background:linear-gradient(90deg, var(--gold) 0%, var(--gold-hi) 50%, var(--gold) 100%) top / 100% 1px no-repeat, linear-gradient(180deg, var(--card-plate) 0%, var(--ink) 100%);clip-path:none;box-shadow:none;justify-content:center;padding:1px 2px;bottom:0;left:0;right:0}.cf-stats .cf-stat-ic{width:max(9px, calc(var(--w) * .085));height:max(9px, calc(var(--w) * .085));color:var(--stat-power,var(--gold));filter:drop-shadow(0 1px 0 var(--ink));flex:none}.cf-stats .cf-stat-ic+.cf-power{margin-inline-start:calc(var(--w) * -.02)}.cf-shield .cf-stat-ic{vertical-align:middle;width:max(9px,.95em);height:max(9px,.95em);color:var(--stat-shield,var(--info));margin-inline-end:.2em;display:inline-block;transform:rotate(180deg)}.cf-crit .cf-crit-ic{width:max(9px,.95em);height:max(9px,.95em);color:var(--stat-critical,var(--gold-hi));filter:drop-shadow(0 1px 0 var(--ink))}