@property --px{syntax: "<number>"; inherits: true; initial-value: 0;}@property --py{syntax: "<number>"; inherits: true; initial-value: 0;}.tcg{--foil: 0;--glare: .26;position:relative;display:block;width:100%;aspect-ratio:5 / 7;container-type:inline-size;perspective:900px;text-align:left;user-select:none;-webkit-user-select:none}.tcg[data-rarity=rara]{--foil: .16}.tcg[data-rarity=holo]{--foil: .36;--glare: .4}.tcg__inner{position:absolute;inset:0;display:block;border-radius:4.8cqw;overflow:hidden;box-shadow:var(--card-shadow);transform:rotateY(calc(var(--px, 0) * var(--amp, 0) * 1deg)) rotateX(calc(var(--py, 0) * var(--amp, 0) * -1deg))}.tcg__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .5s ease;-webkit-user-drag:none}.tcg__img.is-loaded{opacity:1}.tcg__back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5cqw;padding:9cqw;border-radius:inherit;overflow:hidden;background:var(--card-back);color:var(--card-back-ink);transition:opacity .5s ease}.tcg__back:before{content:"";position:absolute;inset:4.6cqw;border:.7cqw solid currentColor;border-radius:2.6cqw;opacity:.4}.tcg__back:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,var(--card-back-shine) 50%,transparent 66%);transform:translate(-100%);animation:card-wait 1.7s ease-in-out infinite}.tcg.is-offline .tcg__back:after{display:none}.tcg__img.is-loaded+.tcg__back{opacity:0}.tcg__img.is-loaded+.tcg__back:after{animation:none}.tcg__seal{font-family:var(--font-display);font-size:30cqw;font-weight:700;line-height:1}.tcg__label{max-width:100%;overflow:hidden;font-family:var(--font-body);font-size:6.2cqw;font-weight:600;letter-spacing:.1em;line-height:1.2;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;opacity:.86}@keyframes card-wait{to{transform:translate(100%)}}.tcg__foil,.tcg__glare{position:absolute;inset:0;display:block;border-radius:inherit;overflow:hidden;pointer-events:none}.tcg__foil{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.1) 0 1px,transparent 1px 5px);mix-blend-mode:color-dodge;opacity:var(--foil)}.tcg__foil:before{content:"";position:absolute;inset:-100%;background:repeating-linear-gradient(115deg,transparent 0%,#22d3ee 5%,#7c5cff 10%,#ff4fa3 15%,#ffd60a 20%,#4ade80 25%,transparent 30%,transparent 42%);transform:translate3d(calc((var(--px, 0) + var(--shift, 0)) * 16%),calc(var(--py, 0) * 16%),0)}.tcg__glare{mix-blend-mode:overlay;opacity:var(--glare)}.tcg__glare:before{content:"";position:absolute;top:-20%;left:-30%;width:160%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.28) 40%,transparent 70%);transform:translate3d(calc(var(--px, 0) * -32%),calc(var(--py, 0) * -32% - 16%),0)}.tcg--mini .tcg__inner{border-radius:6cqw;box-shadow:var(--card-shadow-mini)}.tcg--mini .tcg__label,.tcg--mini .tcg__foil,.tcg--mini .tcg__glare{display:none}.tcg--mini .tcg__seal{font-size:44cqw}@media(hover:hover){.tcg--live{--amp: 11;transition:--px .5s cubic-bezier(.22,.8,.2,1),--py .5s cubic-bezier(.22,.8,.2,1)}.tcg--live:hover{--px: .85;--py: -.6}}@keyframes foil-idle{0%,to{--px: -.75;--py: -.3}50%{--px: .75;--py: .3}}.is-onscreen .slot .tcg{--amp: 5;animation:foil-idle 7s ease-in-out infinite}.is-onscreen .slot:nth-child(2) .tcg{animation-delay:-1.8s}.is-onscreen .slot:nth-child(3) .tcg{animation-delay:-3.6s}.is-onscreen .slot:nth-child(4) .tcg{animation-delay:-5.2s}.drag-ghost{position:fixed;top:0;left:0;z-index:200;width:104px;margin:-88px 0 0 -52px;pointer-events:none}.drag-ghost .tcg{transform:rotate(-6deg) scale(1.08)}@media(prefers-reduced-motion:reduce){.tcg__inner{transform:none}.tcg__back:after{display:none}.is-onscreen .slot .tcg{animation:none}}