.fcard{--tcg: "Trebuchet MS", "Gill Sans", "Segoe UI", system-ui, sans-serif;--tcg-condensed: "Arial Narrow", "Roboto Condensed", "Segoe UI Condensed", system-ui, sans-serif;container-type:inline-size;position:relative;aspect-ratio:5 / 7;width:100%;padding:7px;border-radius:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.32 0'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)'/%3E%3C/svg%3E") left top / 90px 90px repeat,linear-gradient(135deg,rgba(255,255,255,.5),transparent 20%),linear-gradient(160deg,color-mix(in srgb,var(--role, #555) 60%,#f4efe3),color-mix(in srgb,var(--role, #555) 88%,#14100b) 36%,color-mix(in srgb,var(--role, #555) 55%,#f4efe3) 54%,color-mix(in srgb,var(--role, #555) 92%,#0c0a07) 80%,color-mix(in srgb,var(--role, #555) 72%,#2a2117));color:#fff;font-family:var(--tcg);isolation:isolate;transform:perspective(900px) rotateX(var(--ry, 0deg)) rotateY(var(--rx, 0deg));transform-style:preserve-3d;transition:transform var(--tt, .3s) ease-out;--depth: 0 12px 26px rgba(0, 0, 0, .5), 0 0 0 1px rgba(0, 0, 0, .72), inset 0 1px 0 rgba(255, 255, 255, .13), inset 0 -1px 0 rgba(0, 0, 0, .25);box-shadow:var(--depth)}.fcard *{position:relative}.fcard-crop{--crop-h: calc((100vh / var(--game-zoom, 1) - 19rem) / 2);--crop-fade: 5rem;overflow:hidden;max-height:var(--crop-h);mask-image:linear-gradient(to bottom,#000 calc(var(--crop-h) - var(--crop-fade)),transparent var(--crop-h));-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--crop-h) - var(--crop-fade)),transparent var(--crop-h))}.fcard-crop-top{--crop-h: max(24rem, calc(100vh / var(--game-zoom, 1) - 29rem));--crop-fade: 5rem;overflow:hidden;max-height:var(--crop-h);display:flex;flex-direction:column;justify-content:flex-end;mask-image:linear-gradient(to top,#000 calc(var(--crop-h) - var(--crop-fade)),transparent var(--crop-h));-webkit-mask-image:linear-gradient(to top,#000 calc(var(--crop-h) - var(--crop-fade)),transparent var(--crop-h))}.fcard-crop-top>.fcard{flex-shrink:0}.fcard{--veil: 56%;--veil-clr: color-mix(in srgb, var(--crest) 30%, #16120f)}.fcard.rar-uncommon{--veil: 48%}.fcard.rar-rare{--veil: 36%}.fcard.rar-foil{--veil: 22%}.fcard.rar-holo{--veil: 8%}.fcard.is-joker{--veil: 12%}.fcard.is-joker .body:before{opacity:.5}.fcard-crop .fcard.is-joker .body{background-size:auto,auto 250%,auto;background-position:center,50% 85%,center}.fcard .body{height:100%;display:flex;flex-direction:column;gap:1.6cqi;overflow:hidden;padding:2.2cqi;border:1px solid rgba(0,0,0,.62);border-radius:3.4cqi;background:linear-gradient(color-mix(in srgb,var(--veil-clr) var(--veil),transparent),color-mix(in srgb,var(--veil-clr) var(--veil),transparent)),var(--face-img) center / cover no-repeat,linear-gradient(180deg,color-mix(in srgb,var(--crest) 26%,#0b0a09),#0b0a09);box-shadow:inset 0 0 0 1.5px #ffffff1a,inset 0 0 0 3px #0000006b,inset 0 -16px 34px #00000057}.fcard .body:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(8,7,6,.22) 0%,transparent 24%,transparent 50%,rgba(8,7,6,.6) 100%),radial-gradient(120% 70% at 50% 122%,rgba(8,7,6,.5),transparent 60%)}.fcard .head{z-index:2;display:flex;align-items:center;gap:1.6cqi;min-height:8cqi}.fcard .rarity-tab{flex:none;display:inline-grid;place-items:center;min-width:15cqi;padding:.7cqi 2.3cqi;transform:skew(-12deg);border:1px solid rgba(0,0,0,.48);border-radius:1.3cqi;background:linear-gradient(180deg,var(--r1),var(--r2) 58%,var(--r3));color:#211408;font-family:var(--tcg-condensed);font-size:3cqi;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.38);box-shadow:inset 0 1px #ffffffb3,0 1px 1px #00000059}.fcard .rarity-tab>span{transform:skew(12deg);white-space:nowrap}.fcard .name{flex:1;min-width:0;overflow:hidden;color:#fbf4ec;font-size:5cqi;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.72)}.fcard .hp{flex:none;display:flex;align-items:baseline;gap:.7cqi;padding-top:.3cqi;margin-right:1.3cqi;color:#fbf4ec;text-shadow:0 1px 2px rgba(0,0,0,.6)}.fcard .hp small{font-size:3.5cqi;font-weight:900;text-transform:uppercase;opacity:.8}.fcard .hp b{font-size:5cqi;line-height:1}.fcard .crest{flex:none;display:grid;place-items:center;width:8.4cqi;height:8.4cqi;border-radius:50%;background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--crest) 55%,#fff),var(--crest) 56%,color-mix(in srgb,var(--crest) 55%,#000))}.fcard .crest svg{width:62%;height:62%;color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}.fcard .artframe{z-index:2;flex:none;overflow:hidden;padding:1cqi;border-radius:2cqi;background:linear-gradient(135deg,rgba(255,255,255,.86),transparent 18%),linear-gradient(160deg,#eef2f4,#8e979b 46%,#f4f5f2 62%,#626a70);box-shadow:inset 0 1px #ffffffd9,0 0 0 1px #00000094,0 2px 2px #0006}.fcard .art{position:relative;aspect-ratio:1.72 / 1;overflow:hidden;border-radius:1cqi;background:color-mix(in srgb,var(--role, #555) 36%,#090908)}.fcard .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.fcard .art .role-fallback{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display, system-ui, sans-serif);font-size:6cqi;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--role) 70%,#fff)}.fcard .art .role-chip{position:absolute;left:1.3cqi;bottom:1.3cqi;z-index:3;padding:.6cqi 2.3cqi;border-radius:1.6cqi;background:color-mix(in srgb,var(--role) 78%,#000);color:#fff;font-size:3.2cqi;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 1px 2px #00000080}.fcard .art-caption{z-index:2;display:flex;align-items:center;justify-content:center;gap:2cqi;height:4cqi;margin:0 -.3cqi;padding:0 2.6cqi;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);overflow:hidden;background:linear-gradient(180deg,#f8faf8,#aab2b5 58%,#e6e7e2);color:#251a0b;font-size:2.1cqi;font-weight:800;letter-spacing:.03em;white-space:nowrap}.fcard .moves{z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:2cqi;padding:.4cqi .2cqi}.fcard .moves.filled{background:#0a080657;padding:1.2cqi 1.8cqi}.fcard.is-joker .moves.filled{background:#0a080685}.fcard .move{display:flex;align-items:center;gap:2cqi;padding:1cqi .6cqi 1.4cqi;border-bottom:calc(.35cqi + 1px) solid color-mix(in srgb,var(--mv, #888) 75%,transparent);transition:opacity .2s ease,background-color .2s ease,transform .2s ease}.fcard .move.mv-farm{--mv: #e8412f}.fcard .move.mv-fight{--mv: #f6b62e}.fcard .move.mv-support{--mv: #25aec9}.fcard .mv-stat{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display, var(--tcg-condensed));font-size:3.4cqi;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fbf4ec;text-shadow:0 1px 2px rgba(0,0,0,.7)}.fcard .mv-pips{flex:none;display:flex;gap:1.3cqi}.fcard .mv-pip{width:2.2cqi;height:2.2cqi;transform:rotate(45deg);background:#ffffff29}.fcard .mv-pip.on{background:var(--mv)}.fcard .mv-mult{flex:none;min-width:8.5cqi;text-align:right;font-family:var(--font-sans, var(--tcg-condensed));font-variant-numeric:tabular-nums;font-size:3cqi;font-weight:700;color:#e9dcc8;opacity:.6}.fcard .move.mv-dim{opacity:.3}.fcard .move.mv-flash{transform:translate(.5cqi);background:color-mix(in srgb,var(--mv) 24%,transparent);border-bottom-color:var(--mv)}.fcard .trait{display:flex;flex-direction:column;gap:.7cqi;margin-top:.4cqi;padding:1.4cqi 2cqi 1.5cqi;border:2px solid rgba(251,244,236,.2)}.fcard .trait.trait-dim{opacity:.3}.fcard .trait.trait-flash{transform:translate(.5cqi);border-color:#f3c053;box-shadow:0 0 0 1px #f3c053,0 0 2.6cqi -.4cqi #f3c053,inset 0 1px #ffffff1a}.fcard .trait-head{display:flex;align-items:center;justify-content:space-between;gap:1.6cqi}.fcard .trait-trigger{font-size:3cqi;line-height:1.25;color:#fbf4ec99;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fcard .trait-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display, var(--tcg-condensed));font-size:3.3cqi;font-weight:800;letter-spacing:.02em;color:#fbf4ec;text-shadow:0 1px 2px rgba(0,0,0,.7)}.fcard .trait-name:before{content:"✦ ";color:#f3c053}.fcard .trait-bonus{flex:none;font-family:var(--font-sans, var(--tcg-condensed));font-variant-numeric:tabular-nums;font-size:3.8cqi;font-weight:900;color:#ffd873}.fcard .stats{z-index:2;display:flex;align-items:stretch;gap:.8cqi;margin:0}.fcard .stat{flex:1;display:flex;align-items:center;justify-content:center;gap:1cqi;height:4.6cqi;padding:0 1.6cqi;background:linear-gradient(180deg,#f8faf8,#aab2b5 58%,#e6e7e2);color:#251a0b;text-shadow:0 1px 0 rgba(255,255,255,.4)}.fcard .stat:first-child{clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.fcard .stat:last-child{clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}.fcard .stat:not(:first-child):not(:last-child){clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.fcard .stat-label{font-family:var(--tcg-condensed);font-size:2cqi;font-weight:800;letter-spacing:.03em;text-transform:lowercase;opacity:.6}.fcard .stat-val{display:flex;align-items:center;gap:1cqi;font-family:var(--tcg-condensed)}.fcard .stat-icon{flex:none;display:grid;place-items:center;width:3.4cqi;height:3.4cqi}.fcard .stat-icon svg{width:100%;height:100%;color:color-mix(in srgb,var(--crest) 80%,#1c1206)}.fcard .stat-tier{display:inline-flex;align-items:center;font-size:2.5cqi;font-weight:900;white-space:nowrap}.fcard .tier-balls{display:inline-flex;margin-right:.6cqi}.fcard .tier-balls i{width:2.3cqi;height:2.3cqi;border-radius:50%;background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--crest) 55%,#fff),var(--crest) 56%,color-mix(in srgb,var(--crest) 55%,#000));box-shadow:0 0 0 .35cqi #e2e5e2}.fcard .tier-balls i+i{margin-left:-.8cqi}.fcard .stat-pts{font-size:2.5cqi;font-weight:900}.fcard .foot{z-index:2;display:flex;align-items:center;gap:1.6cqi;min-height:4cqi;padding:0 1cqi;color:#c9bbab;font-size:1.95cqi;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.55);opacity:.85}.fcard .setsym{flex:none;width:4cqi;height:4cqi;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--r1),var(--r2) 60%,var(--r3));color:#fff;font-size:2.3cqi;box-shadow:inset 0 1px #ffffff80,0 0 0 1px #00000080}.fcard .foot .flair{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcard .glare{position:absolute;inset:7px;z-index:6;border-radius:3.4cqi;pointer-events:none;background-image:radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,0%,.28) 95%);mix-blend-mode:overlay;opacity:var(--tilt, 0);transition:opacity var(--tt, .3s) ease-out}.fcard.rar-rare .glare:after,.fcard.rar-foil .glare:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:var(--tilt, 0);transition:opacity var(--tt, .3s) ease-out}.fcard.rar-rare .glare{background-image:radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.5) 20%,hsla(0,0%,0%,.42) 92%);filter:brightness(.85) contrast(1.3)}.fcard.rar-rare .glare:after{background-image:radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%),hsl(0,0%,100%) 10%,hsla(0,0%,100%,.5) 20%,hsla(0,0%,0%,.5) 120%);filter:brightness(1) contrast(1.5)}.fcard.rar-foil .glare{opacity:calc(var(--tilt, 0) * .8);filter:brightness(.9) contrast(1.3)}.fcard.rar-foil .glare:after{background-image:radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%),hsl(180,100%,95%) 5%,hsla(0,0%,39%,.25) 55%,hsla(0,0%,0%,.36) 110%);mix-blend-mode:overlay;filter:brightness(.6) contrast(3);clip-path:inset(9.1% 3.3% 52.1% 3.3% round 1.5cqi)}.fcard.rar-holo .glare{inset:0;border-radius:inherit;background-image:radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%),hsla(248,5%,90%,.45) 0%,hsla(206,5%,50%,.45) 45%,hsla(0,0%,0%,.33) 120%);background-size:120% 150%;background-position:center center;mix-blend-mode:overlay;filter:brightness(1) contrast(1.25);opacity:var(--tilt, 0)}.fcard.rar-rare{box-shadow:0 0 16px -4px var(--r-glow),var(--depth)}.fcard.rar-foil{box-shadow:0 0 22px -4px var(--r-glow),var(--depth)}.fcard-crop .fcard,.fcard-crop .fcard.rar-rare,.fcard-crop .fcard.rar-foil,.fcard-crop-top .fcard,.fcard-crop-top .fcard.rar-rare,.fcard-crop-top .fcard.rar-foil{box-shadow:0 0 0 1px #000000b8,inset 0 1px #ffffff21,inset 0 -1px #00000040}.fcard{--sp1: hsl(2, 100%, 73%);--sp2: hsl(53, 100%, 69%);--sp3: hsl(93, 100%, 69%);--sp4: hsl(176, 100%, 76%);--sp5: hsl(228, 100%, 74%);--sp6: hsl(283, 100%, 73%);--h-red: #f80e35;--h-yellow: #eedf10;--h-green: #21e985;--h-blue: #0dbde9;--h-violet: #c929f1;--bgx: calc(37% + .26 * var(--mx, 50%));--bgy: calc(33% + .34 * var(--my, 50%));--foil: url(/fantasy/foil-mythic.jpg);--mask: url(/fantasy/mask-mythic.png)}.fcard .shine,.fcard .art-holo{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--tt, .3s) ease-out}.fcard .shine{z-index:1}.fcard .art-holo{z-index:4}.fcard .shine:before,.fcard .shine:after,.fcard .art-holo:before,.fcard .art-holo:after{content:"";position:absolute;inset:0;border-radius:inherit}.fcard.rar-rare .shine{background-image:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),#fff 5%,#000 50%,#fff 80%),linear-gradient(-45deg,#000 15%,#fff,#000 85%),var(--crest-foil, none);background-blend-mode:soft-light,difference,normal;background-size:120% 120%,200% 200%,var(--foil-tile, 22% 16%);background-position:center center,calc(100% * var(--plx, .5)) calc(100% * var(--ply, .5)),center center;filter:brightness(.55) contrast(1.5) saturate(1);mix-blend-mode:color-dodge;opacity:calc(.85 - var(--tilt, 0) * var(--pfc, 1) * .25)}.fcard.rar-foil .art-holo{background-image:repeating-linear-gradient(110deg,var(--h-violet),var(--h-blue),var(--h-green),var(--h-yellow),var(--h-red),var(--h-violet),var(--h-blue),var(--h-green),var(--h-yellow),var(--h-red),var(--h-violet),var(--h-blue),var(--h-green),var(--h-yellow),var(--h-red)),repeating-linear-gradient(90deg,#000 0 2px,#666 2px 4px);background-position:calc(((50% - var(--bgx)) * 2.6) + 50%) calc(((50% - var(--bgy)) * 3.5) + 50%),center center;background-size:400% 400%,cover;background-blend-mode:overlay;filter:brightness(1.1) contrast(1.1) saturate(1.2);mix-blend-mode:color-dodge;opacity:.8}.fcard.rar-foil .art-holo:before{--bars: 3%;--bar-color: hsla(0, 0%, 70%, 1);--bar-bg: hsla(0, 0%, 0%, 1);background-image:repeating-linear-gradient(90deg,var(--bar-bg) calc(var(--bars) * 2),var(--bar-color) calc(var(--bars) * 3),var(--bar-bg) calc(var(--bars) * 3.5),var(--bar-color) calc(var(--bars) * 4),var(--bar-bg) calc(var(--bars) * 5),var(--bar-bg) calc(var(--bars) * 14)),repeating-linear-gradient(90deg,var(--bar-bg) calc(var(--bars) * 2),var(--bar-color) calc(var(--bars) * 3),var(--bar-bg) calc(var(--bars) * 3.5),var(--bar-color) calc(var(--bars) * 4),var(--bar-bg) calc(var(--bars) * 5),var(--bar-bg) calc(var(--bars) * 10));background-position:calc((((50% - var(--bgx)) * 1.65) + 50%) + (var(--bgy) * .5)) var(--bgx),calc((((50% - var(--bgx)) * -.9) + 50%) - (var(--bgy) * .75)) var(--bgy);background-size:200% 200%,200% 200%;background-blend-mode:screen;filter:brightness(1.15) contrast(1.1);mix-blend-mode:hard-light}.fcard.rar-foil .art-holo:after{background-image:radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%),hsla(0,0%,90%,.8) 0%,hsla(0,0%,78%,.1) 25%,hsl(0,0%,0%) 90%);mix-blend-mode:luminosity;filter:brightness(.6) contrast(4)}.fcard.rar-holo .shine{z-index:5;--space: 5%;--angle: 133deg;-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:cover;mask-size:cover;background-image:var(--foil),repeating-linear-gradient(0deg,var(--sp1) calc(var(--space) * 1),var(--sp2) calc(var(--space) * 2),var(--sp3) calc(var(--space) * 3),var(--sp4) calc(var(--space) * 4),var(--sp5) calc(var(--space) * 5),var(--sp6) calc(var(--space) * 6),var(--sp1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:center center,0% var(--bgy, 50%),calc(var(--bgx, 50%) + (var(--bgy, 50%) * .2)) var(--bgy, 50%),var(--bgx, 50%) var(--bgy, 50%);background-blend-mode:soft-light,hue,hard-light;background-size:cover,200% 700%,300% 100%,200% 100%;filter:brightness(calc((var(--pfc, 1) * .35) + .4)) contrast(1.15) saturate(1.5);mix-blend-mode:screen;opacity:.85}.fcard.rar-holo .shine:before{z-index:1;background-image:radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%),hsl(0,0%,100%) 0%,hsla(0,0%,0%,0) 40%);background-position:center;background-size:cover;mix-blend-mode:overlay;transition:opacity var(--tt, .3s) ease-out;opacity:calc(var(--tilt, 0) * .75)}.fcard.rar-holo .shine:after{background-image:var(--foil),repeating-linear-gradient(0deg,var(--sp6) calc(var(--space) * 1),var(--sp1) calc(var(--space) * 2),var(--sp2) calc(var(--space) * 3),var(--sp3) calc(var(--space) * 4),var(--sp4) calc(var(--space) * 5),var(--sp5) calc(var(--space) * 6),var(--sp6) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:center center,0% var(--bgy, 50%),calc((var(--bgx, 50%) + (var(--bgy, 50%) * .2)) * -1) calc(var(--bgy, 50%) * -1),var(--bgx, 50%) var(--bgy, 50%);background-blend-mode:soft-light,hue,hard-light;background-size:cover,200% 400%,400% 100%,200% 100%;filter:brightness(calc((var(--pfc, 1) * .4) + .85)) contrast(1.5) saturate(1.25);mix-blend-mode:exclusion}@media(prefers-reduced-motion:reduce){.fcard{transform:none;transition:none}.fcard .glare,.fcard .shine,.fcard .art-holo{display:none}}