.card-scene{--card-width: min(100%, 280px);--card-scale: 1;--tilt-x: 0deg;--tilt-y: 0deg;width:var(--card-width);margin-inline:auto;overflow:visible}.card-scene--large{--card-width: min(92vw, 380px)}.card-scene--focus{--card-width: min(96vw, 460px)}.card-scene--wide{--card-width: min(100%, 100%)}.card-scene--wide.card-scene--focus{--card-width: min(94vw, 920px)}.card-scene--idle-rotate:not(.card-scene--focus-idle){animation:card-slow-spin 16s linear infinite}.card-scene--focus-js-idle{transition:none}.card-scene--focus-js-idle.card-scene--focus-handoff{transition:transform .38s cubic-bezier(.33,1,.68,1)}.card-scene--tilt:not(.card-scene--focus-js-idle){transition:transform .28s cubic-bezier(.33,1,.68,1)}@keyframes card-slow-spin{0%{transform:rotateY(-18deg) rotateX(4deg) scale(1)}50%{transform:rotateY(18deg) rotateX(-4deg) scale(1)}to{transform:rotateY(-18deg) rotateX(4deg) scale(1)}}.card-scene--holo-animated .card[data-holo=true]{--sunpillar-1: hsl(2, 92%, 70%);--sunpillar-2: hsl(48, 92%, 68%);--sunpillar-3: hsl(95, 88%, 68%);--sunpillar-4: hsl(176, 88%, 70%);--sunpillar-5: hsl(228, 92%, 72%);--sunpillar-6: hsl(283, 88%, 72%)}.card-scene--holo-animated .card[data-holo=true]:not(.active) .card__shine{opacity:.82;mix-blend-mode:overlay;transition:none;filter:brightness(1.14) contrast(1.14) saturate(1.2);animation:holo-shine-pos 6s ease-in-out infinite,holo-layer-pulse 3.5s ease-in-out infinite}.card-scene--holo-animated .card[data-holo=true]:not(.active) .card__glare{opacity:.5;mix-blend-mode:soft-light;transition:none;filter:brightness(1.08);animation:holo-glare-pos 6s ease-in-out infinite,holo-glare-pulse 3.5s ease-in-out infinite}.card-scene--holo-animated .card[data-holo=true].active .card__shine{animation:none;opacity:calc(var(--card-opacity, 1) * var(--holo-strength) * 1.05);mix-blend-mode:overlay;filter:brightness(1.12) contrast(1.1) saturate(1.15)}.card-scene--holo-animated .card[data-holo=true].active .card__glare{animation:none;opacity:calc(var(--card-opacity, 1) * var(--holo-strength) * .65)}.card-scene--holo-interactive .card[data-holo=true].active .card__shine{opacity:var(--holo-strength);mix-blend-mode:overlay}.card-scene--holo-interactive .card[data-holo=true].active .card__glare{opacity:calc(var(--holo-strength) * .55);mix-blend-mode:soft-light}.card-scene--holo-interactive.card-scene--wide .card[data-holo=true].active .card__shine{opacity:calc(var(--holo-strength) * 1.05)}@keyframes holo-shine-pos{0%,to{background-position:center,12% 18%,62% 38%}33%{background-position:center,88% 28%,38% 72%}66%{background-position:center,75% 82%,72% 22%}}@keyframes holo-glare-pos{0%,to{background-position:12% 18%}33%{background-position:88% 28%}66%{background-position:75% 82%}}@keyframes holo-layer-pulse{0%,to{opacity:.62}50%{opacity:.9}}@keyframes holo-glare-pulse{0%,to{opacity:.34}50%{opacity:.58}}.card-focus-interactive{width:100%;touch-action:none}@media (prefers-reduced-motion: reduce){.card-scene--idle-rotate,.card-scene--focus-idle .card__rotator,.card-scene--focus-idle.card-scene--focus-interacting .card__rotator{animation:none}.card-scene--holo-animated .card[data-holo=true]:not(.active) .card__shine,.card-scene--holo-animated .card[data-holo=true]:not(.active) .card__glare{animation:none}.card-scene--holo-animated .card[data-holo=true] .card__shine{opacity:calc(var(--holo-strength) * .75);background-position:center,50% 50%,50% 50%}.card-scene--holo-animated .card[data-holo=true] .card__glare{opacity:calc(var(--holo-strength) * .4);background-position:50% 50%}}.card-trigger{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:0;border:none;background:transparent;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;overflow:visible}.card-trigger:focus-visible .card-scene{outline:2px solid #28b9eb;outline-offset:4px;border-radius:8px}.card{--pointer-x: 50%;--pointer-y: 50%;--rotate-x: 0deg;--rotate-y: 0deg;--card-scale: 1;--card-opacity: 0;--holo-strength: .5;--sunpillar-1: hsl(2, 75%, 78%);--sunpillar-2: hsl(53, 75%, 76%);--sunpillar-3: hsl(93, 70%, 76%);--sunpillar-4: hsl(176, 70%, 78%);--sunpillar-5: hsl(228, 75%, 78%);--sunpillar-6: hsl(283, 70%, 78%);position:relative;width:100%;aspect-ratio:63 / 88;border-radius:4.5%/3.5%;background:transparent;overflow:visible;transform-style:preserve-3d;touch-action:none}.card--wide{aspect-ratio:2400 / 850;border-radius:2.5%/7%}.card.card--rounded,.card-scene--rounded .card{--card-radius: 20px;border-radius:var(--card-radius)}.card--wide.card--rounded,.card-scene--rounded .card--wide{--card-radius: 14px}.card__rotator{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:center center;overflow:visible}.card__clip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;isolation:isolate;transform-style:preserve-3d;box-shadow:0 12px 28px -8px #0000008c,0 0 0 1px #ffffff0f inset}.card-scene--rounded .card__clip,.card.card--rounded .card__clip{border-radius:var(--card-radius, 20px);clip-path:inset(0 round var(--card-radius, 20px))}.card__front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:inherit;background-color:#0c0c0c}.card--transparent-front .card__front{background-color:transparent;-o-object-fit:contain;object-fit:contain}.card--transparent-front .card__clip{box-shadow:none;background:transparent}.card--transparent-front .card__shine,.card--transparent-front .card__glare{-webkit-mask-image:var(--card-art-mask);mask-image:var(--card-art-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-mode:alpha;mask-mode:alpha}.card-scene--rounded .card__front,.card.card--rounded .card__front,.card-scene--rounded .card__shine,.card-scene--rounded .card__glare,.card.card--rounded .card__shine,.card.card--rounded .card__glare{border-radius:var(--card-radius, 20px)}.card__shine,.card__glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease,filter .35s ease;backface-visibility:hidden}.card__glare{z-index:3}.card[data-holo=true].active .card__shine{opacity:calc(var(--card-opacity, 1) * var(--holo-strength))}.card[data-holo=true].active .card__glare{opacity:calc(var(--card-opacity, 1) * var(--holo-strength) * .5)}.card[data-holo=false] .card__shine,.card[data-holo=false] .card__glare{display:none}.card__shine{--foil-x: calc(((50% - var(--pointer-x)) * .85) + 50%);--foil-y: calc(((50% - var(--pointer-y)) * .85) + 50%);--sheen-x: calc(((50% - var(--pointer-x)) * -.55) + 50%);--sheen-y: calc(((50% - var(--pointer-y)) * -.55) + 50%);background:radial-gradient(ellipse 90% 75% at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.22) 0%,hsla(0,0%,100%,.08) 42%,hsla(0,0%,100%,0) 72%),repeating-linear-gradient(118deg,var(--sunpillar-1) 0%,var(--sunpillar-2) 10%,var(--sunpillar-3) 20%,var(--sunpillar-4) 30%,var(--sunpillar-5) 40%,var(--sunpillar-6) 50%,var(--sunpillar-1) 60%,var(--sunpillar-2) 70%,var(--sunpillar-3) 80%,var(--sunpillar-4) 90%,var(--sunpillar-1) 100%),repeating-linear-gradient(-62deg,transparent 0px,hsla(0,0%,100%,.07) 1px,transparent 3px,hsla(0,0%,100%,.05) 4px,transparent 7px);background-size:100% 100%,260% 260%,220% 220%;background-position:center,var(--foil-x) var(--foil-y),var(--sheen-x) var(--sheen-y);background-repeat:no-repeat;mix-blend-mode:soft-light;filter:brightness(1.06) contrast(1.04) saturate(.92)}.card__glare{background:radial-gradient(ellipse 70% 55% at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.26) 0%,hsla(0,0%,100%,.06) 50%,hsla(0,0%,100%,0) 85%);mix-blend-mode:soft-light}.card[data-holo=true]{--holo-strength: .72}.card-scene--holo-animated .card[data-holo=true]{--holo-strength: .8}.card[data-holo=true][data-rarity=basic]{--holo-strength: .68}.card-scene--holo-animated .card[data-holo=true][data-rarity=basic]{--holo-strength: .76}.card[data-holo=true][data-rarity=rare]{--holo-strength: .74}.card-scene--holo-animated .card[data-holo=true][data-rarity=rare]{--holo-strength: .82}.card[data-holo=true][data-rarity=ultra]{--holo-strength: .78}.card-scene--holo-animated .card[data-holo=true][data-rarity=ultra]{--holo-strength: .86}.card[data-holo=true][data-rarity=legendary]{--holo-strength: .8}.card-scene--holo-animated .card[data-holo=true][data-rarity=legendary]{--holo-strength: .88}.card[data-holo=true][data-rarity=mythical]{--holo-strength: .7}.card-scene--holo-animated .card[data-holo=true][data-rarity=mythical]{--holo-strength: .84}.card[data-holo=true][data-rarity=mythical] .card__shine{background-size:100% 100%,300% 300%,260% 260%}.card[data-holo=true][data-rarity=ultra-super-legendary]{--holo-strength: .76}.card-scene--holo-animated .card[data-holo=true][data-rarity=ultra-super-legendary]{--holo-strength: .9}.card[data-holo=true][data-rarity=ultra-super-legendary] .card__shine{background-size:100% 100%,320% 320%,280% 280%}.card[data-holo=true][data-rarity=ultra-super-legendary] .card__glare{opacity:calc(var(--card-opacity, 1) * var(--holo-strength) * .5)}@media (prefers-reduced-motion: reduce){.card[data-holo=false] .card__shine,.card[data-holo=false] .card__glare{display:none}}.crayz-card-cell,.card-trigger{overflow:visible}.card-scene{transform-origin:center center;transform-style:preserve-3d;overflow:visible}.card-scene--tilt,.card-scene.crayz-tilt,.card-scene.crayz-tilt-hover{transition:transform .28s cubic-bezier(.33,1,.68,1)}.card-scene.crayz-tilt-hover,.card-scene--focus-js-idle{will-change:transform}@media (prefers-reduced-motion: reduce){.card-scene{transform:none!important;transition:none}}