.tcg{--px:.5;--py:.5;--text-mask:linear-gradient(to bottom, #000 0%, #000 5%, #0009 9%, #0009 53%, #000 58%, #0000008c 70%, #00000052 82%, #00000047 100%);--dist:0;--tilt-x:0deg;--tilt-y:0deg;--scale:1;--grain:0;aspect-ratio:var(--card-ratio);border-radius:var(--card-radius);width:100%;transform-style:preserve-3d;transition:transform .42s var(--ease-out-expo), filter .42s var(--ease-out-expo);transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--scale));will-change:transform;position:relative;container-type:inline-size}.tcg[data-active=true]{transition:filter .42s var(--ease-out-expo)}.tcg:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(60% 55% at calc(var(--px) * 100%) calc(var(--py) * 100%), color-mix(in oklab, var(--rarity-color) 70%, transparent), transparent 70%);filter:blur(28px);opacity:calc(var(--bloom) * (.35 + var(--dist) * .65));transition:opacity .42s var(--ease-out-expo);pointer-events:none;position:absolute;inset:-8%}.tcg__frame{border-radius:inherit;background: radial-gradient(120% 80% at 50% 0%, color-mix(in oklab, var(--accent) var(--accent-strength,22%), transparent), transparent 60%),  var(--card-bg,var(--base-bg));box-shadow:0 0 0 1px color-mix(in oklab, var(--rarity-color) 45%, transparent), 0 0 0 2.5px #000000d9, 0 18px 40px -18px #000000e6, inset 0 1px 0 #ffffff12;position:absolute;inset:0;overflow:hidden}.tcg__rule{border-radius:calc(var(--card-radius) - .6cqw);background:linear-gradient(150deg, color-mix(in oklab, var(--rarity-color) 80%, #000) 0%, var(--rarity-color) 16%, color-mix(in oklab, var(--rarity-color) 45%, #fff) 30%, color-mix(in oklab, var(--rarity-color) 22%, transparent) 50%, var(--rarity-color) 74%, color-mix(in oklab, var(--rarity-color) 35%, #fff) 100%) border-box;pointer-events:none;opacity:calc(var(--rule,.85) * .9);border:.25cqw solid #0000;position:absolute;inset:1.6cqw;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}.tcg__art{aspect-ratio:var(--art-ratio,1 / .78);box-shadow:inset 0 0 0 .28cqw #000000bf, inset 0 0 0 .55cqw color-mix(in oklab, var(--rarity-color) 30%, transparent), 0 1.2cqw 2.4cqw -1cqw #000c;background:linear-gradient(#0b1020,#05070e);border-radius:1.6cqw;position:absolute;inset:8.5cqw 4.6cqw auto;overflow:hidden}.tcg__art img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out-expo), filter .6s var(--ease-out-expo);filter:saturate(1.12)contrast(1.09)brightness(1.03);transform:translateZ(-10px)scale(1.06)}.tcg[data-active=true] .tcg__art img{filter:saturate(1.14)contrast(1.08);transform:translateZ(-10px)scale(1.11)}.tcg__art:after{content:"";background:linear-gradient(to bottom, transparent 62%, #05070eb8 92%, #05070ee6 100%), linear-gradient(to bottom, transparent 40%, color-mix(in oklab, var(--color-ink-2) 55%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.tcg__art--empty{background:radial-gradient(70% 60% at 50% 35%, color-mix(in oklab, var(--type-color) 22%, transparent), transparent 70%), linear-gradient(180deg, #0d1425, #05070e);place-items:center;display:grid}.tcg__fx{border-radius:inherit;pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.tcg__fx>*{position:absolute;inset:0}.tcg__holo,.tcg__prism{--foil-mask:linear-gradient(to bottom, #000 0%, #000 4.5%, #0006 8%, #0006 53%, #000 58%, #000 62%, #0000008c 70%, #0000004d 82%, #00000047 100%);-webkit-mask-image:var(--foil-mask);mask-image:var(--foil-mask);-webkit-mask-image:var(--foil-mask)}.tcg__holo{background:var(--foil-image,linear-gradient(transparent, transparent));background-size:var(--foil-scale,320%) var(--foil-scale,320%);background-position:calc(var(--px) * 140% - 20%) calc(var(--py) * 140% - 20%);mix-blend-mode:color-dodge;opacity:calc(var(--foil) * (.14 + var(--dist) * .66));filter:blur(.4px)saturate(1.6);transition:opacity .42s var(--ease-out-expo)}.tcg__prism{background:radial-gradient(42% 38% at calc(var(--px) * 100%) calc(var(--py) * 100%), color-mix(in oklab, var(--rarity-color) 85%, transparent), transparent 62%),  var(--prism-conic,linear-gradient(transparent, transparent));mix-blend-mode:overlay;opacity:calc(var(--prism) * (.2 + var(--dist) * .62));transition:opacity .42s var(--ease-out-expo)}.tcg__grain{background-image:var(--noise-url);mix-blend-mode:color-dodge;opacity:calc(var(--foil) * .35);background-size:26cqw 26cqw}.tcg__shine{background:radial-gradient(34% 30% at calc(var(--px) * 100%) calc(var(--py) * 100%), #ffffffd9, #ffffff1f 42%, transparent 68%);mix-blend-mode:soft-light;opacity:calc(var(--sheen) * (.15 + var(--dist) * .85));transition:opacity .42s var(--ease-out-expo);-webkit-mask-image:var(--text-mask);mask-image:var(--text-mask);-webkit-mask-image:var(--text-mask)}.tcg__edge{border-radius:inherit;box-shadow:inset 0 0 0 .3cqw color-mix(in oklab, var(--rarity-color) 60%, white);opacity:calc(var(--dist) * var(--edge));mix-blend-mode:screen}.tcg__sweep{-webkit-mask-image:var(--text-mask);mask-image:var(--text-mask);-webkit-mask-image:var(--text-mask)}.tcg[data-rarity=L] .tcg__sweep,.tcg[data-rarity=M] .tcg__sweep,.tcg[data-rarity=P] .tcg__sweep{mix-blend-mode:overlay;opacity:.6;animation:tcg-sweep 4.5s var(--ease-in-out-soft) infinite;animation-play-state:paused;animation-delay:calc(var(--grain) * -4.5s);background:linear-gradient(100deg,#0000 38%,#ffffff8c 47%,#ffffffe6 50%,#ffffff8c 53%,#0000 62%)}.tcg:hover .tcg__sweep,.zoom .tcg .tcg__sweep{animation-play-state:running}@keyframes tcg-sweep{0%,70%,to{transform:translate(-120%)}35%{transform:translate(120%)}}.tcg[data-rarity=M] .tcg__aurora{background:conic-gradient(from 0deg at 50% 50%, transparent 0deg, color-mix(in oklab, var(--rarity-color) 45%, transparent) 24deg, color-mix(in oklab, var(--rarity-color) 90%, white) 58deg, color-mix(in oklab, var(--rarity-color) 40%, transparent) 96deg, transparent 140deg, transparent 186deg, color-mix(in oklab, var(--rarity-color) 35%, transparent) 214deg, color-mix(in oklab, var(--rarity-color) 70%, #7bdcff) 250deg, color-mix(in oklab, var(--rarity-color) 30%, transparent) 292deg, transparent 336deg);mix-blend-mode:screen;opacity:.42;filter:blur(7cqw);will-change:transform;animation:16s linear infinite paused tcg-aurora}.tcg:hover .tcg__aurora,.zoom .tcg .tcg__aurora{animation-play-state:running}.tcg[data-rarity=P] .tcg__aurora{display:none}.tcg[data-rarity=P]{--prism-conic:conic-gradient(from calc(var(--px) * 360deg) at 50% 50%, #ff2f6d40, #3fd0ff40, #3ef58a40, #ffb03a40, #e05bff40, #ff2f6d40)}.tcg[data-rarity=P] .tcg__holo{filter:blur(.9px)saturate(2.1)}.tcg[data-rarity=P]:hover .tcg__holo,.zoom .tcg[data-rarity=P] .tcg__holo{animation:tcg-breathe 6s var(--ease-in-out-soft) infinite}@keyframes tcg-breathe{0%,to{filter:blur(.9px)saturate(1.9)hue-rotate()}50%{filter:blur(.9px)saturate(2.4)hue-rotate(60deg)}}.tcg__body{z-index:4;z-index:4;color:var(--color-ivory);transform:translate(calc((.5 - var(--px)) * 1.1cqw), calc((.5 - var(--py)) * 1.1cqw));transition:transform .42s var(--ease-out-expo);pointer-events:none;flex-direction:column;padding:4.6cqw;display:flex;position:absolute;inset:0}.tcg__emblems{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:2cqw;padding:4.6cqw;display:flex;position:absolute;inset:0}.tcg__type{pointer-events:auto}.tcg__signs{align-items:flex-start;gap:1.8cqw;display:flex}.tcg__cost{width:9.6cqw;height:9.6cqw;font-family:var(--font-mono);color:#05070e;background:radial-gradient(circle at 32% 28%, #fff 0%, var(--color-gold-bright) 38%, var(--color-gold) 62%, var(--color-gold-deep) 100%);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);text-shadow:0 .1cqw #ffffff80;flex:none;align-self:flex-start;place-items:center;font-size:5cqw;font-weight:700;line-height:1;display:grid;box-shadow:0 .6cqw 1.4cqw -.4cqw #000000e6}.tcg__type{box-sizing:border-box;width:9.6cqw;height:9.6cqw;color:color-mix(in oklab, var(--type-color) 30%, #fff);background-clip:content-box;background:radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--type-color) 38%, #0b1020), #06080f 78%);box-shadow:inset 0 0 0 .3cqw color-mix(in oklab, var(--type-color) 88%, transparent), inset 0 0 0 .7cqw #05070ef0, 0 0 2.4cqw color-mix(in oklab, var(--type-color) 40%, transparent), 0 .7cqw 1.8cqw -.5cqw #000000e6;border-radius:50%;flex:none;align-self:flex-start;place-items:center;padding:.7cqw;display:grid}.tcg__type-glyph{width:46%;height:46%;filter:drop-shadow(0 0 1.4cqw color-mix(in oklab, var(--type-color) 75%, transparent))}.tcg__title{filter:drop-shadow(0 .4cqw 1.6cqw #000000d9);margin-top:auto;padding-top:1.4cqw}.tcg__name{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;text-shadow:0 .3cqw 1.2cqw #000000e6;font-size:6.4cqw;font-weight:600;line-height:1.04;font-size:calc(6.4cqw * var(--name-fit,1))}.tcg__tagline{font-family:var(--font-sans);color:var(--color-parchment);opacity:.78;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.9cqw;font-size:2.9cqw;line-height:1.3;display:-webkit-box;overflow:hidden}.tcg__watermark{z-index:1;width:26cqw;height:26cqw;color:var(--rarity-color);opacity:.07;pointer-events:none;position:absolute;bottom:8cqw;right:4cqw}.tcg__kind{border-top:.2cqw solid color-mix(in oklab, var(--rarity-color) 30%, transparent);font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklab, var(--type-color) 55%, var(--color-parchment));text-shadow:0 .12cqw .4cqw #000000d9;align-items:center;gap:1cqw;margin-top:1.5cqw;padding-top:1.4cqw;font-size:2.3cqw;font-weight:700;display:flex}.tcg__kind-glyph{opacity:.8;flex:none;width:3.2cqw;height:3.2cqw}.tcg__extract{font-family:var(--font-sans);color:var(--color-parchment);opacity:.72;text-shadow:0 .1cqw .4cqw #000c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1.4cqw;font-size:2.7cqw;line-height:1.42;display:-webkit-box;overflow:hidden}.tcg__abilities{flex-wrap:wrap;gap:.8cqw;margin-top:1.6cqw;display:flex}.tcg__ability{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab, var(--rarity-color) 62%, white);border:.16cqw solid color-mix(in oklab, var(--rarity-color) 42%, transparent);text-shadow:0 .1cqw .35cqw #000000e6;background:#05070e6b;background:lab(1.92134% .231549 -3.03571/.42);border-radius:.35cqw;padding:.6cqw 1.3cqw;font-size:2.2cqw;font-weight:700}.tcg__effect{border:.16cqw solid color-mix(in oklab, var(--rarity-color) 42%, transparent);text-shadow:0 .1cqw .35cqw #000000e6;background:#05070e6b;background:lab(1.92134% .231549 -3.03571/.42);border-left-width:.5cqw;border-radius:.35cqw;margin-top:1.6cqw;padding:1cqw 1.4cqw}.tcg__effect-name{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab, var(--rarity-color) 62%, white);font-size:2.2cqw;font-weight:700;display:block}.tcg__effect-text{font-family:var(--font-sans);color:color-mix(in oklab, white 82%, var(--rarity-color));margin-top:.5cqw;font-size:2.5cqw;line-height:1.35;display:block}.tcg__stats{border-top:.18cqw solid color-mix(in oklab, var(--rarity-color) 32%, transparent);border-bottom:.16cqw solid color-mix(in oklab, var(--rarity-color) 16%, transparent);grid-template-columns:repeat(5,1fr);gap:.8cqw;margin-top:2cqw;padding:1.5cqw .4cqw 1.2cqw;display:grid}.tcg__stat{flex-direction:column;align-items:center;gap:.4cqw;display:flex}.tcg__stat-icon{opacity:.75;font-size:2.9cqw;line-height:1}.tcg__stat[data-primary=true] .tcg__stat-value{color:color-mix(in oklab, var(--rarity-color) 30%, #fff)}.tcg__stat[data-primary=true] .tcg__stat-icon{opacity:1}.tcg__stat[data-primary=true] .tcg__stat-label{color:color-mix(in oklab, var(--rarity-color) 55%, var(--color-parchment))}.tcg__stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ivory);text-shadow:0 .14cqw .5cqw #000000e6;font-size:4cqw;font-weight:700;line-height:1}.tcg__stat-label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--color-faint);font-size:1.9cqw;font-weight:600}.tcg__foot{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-faint);justify-content:space-between;align-items:center;gap:1.6cqw;margin-top:1.6cqw;font-size:2.2cqw;display:flex}.tcg__rarity{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--rarity-color) 78%, white);align-items:center;gap:.9cqw;font-size:2.3cqw;font-weight:700;display:inline-flex}.tcg__gem{background:radial-gradient(circle at 34% 30%, #fff, var(--rarity-color) 55%, #000 130%);width:2.4cqw;height:2.4cqw;box-shadow:0 0 1.6cqw color-mix(in oklab, var(--rarity-color) 70%, transparent);border-radius:50%}.tcg__back{border-radius:inherit;backface-visibility:hidden;background:radial-gradient(60% 45% at 50% 42%, color-mix(in oklab, var(--color-gold) 24%, transparent), transparent 70%), repeating-conic-gradient(from 0deg at 50% 50%, #0a0e1a 0deg 6deg, #101728 6deg 12deg), var(--color-ink);box-shadow:inset 0 0 0 .6cqw #05070e, inset 0 0 0 .9cqw var(--color-gold-deep);place-items:center;display:grid;position:absolute;inset:0;transform:rotateY(180deg)}@media (hover:none){.tcg[data-rarity=E],.tcg[data-rarity=L],.tcg[data-rarity=M],.tcg[data-rarity=P]{animation:tcg-idle 8s var(--ease-in-out-soft) infinite;animation-delay:calc(var(--grain) * -8s)}}@keyframes tcg-idle{0%,to{transform:perspective(1100px)rotateY(-4deg)rotateX(1.5deg)}50%{transform:perspective(1100px)rotateY(4deg)rotateX(-1.5deg)}}@media (prefers-reduced-motion:reduce){.tcg,.tcg__art img{transition:none}.tcg{transform:none!important}.tcg__sweep,.tcg__aurora,.tcg__holo{animation:none!important}.tcg__sweep{opacity:0}}