.cards-page-root{min-height:100vh}.cards-grid{display:flex;flex-wrap:wrap;column-gap:0;scroll-snap-type:y mandatory}.cards-grid__tile{flex:0 0 min(100%,calc(var(--col1-ch, 44) * 1ch));width:min(100%,calc(var(--col1-ch, 44) * 1ch));scroll-snap-align:start}.cards-grid__tile--card{background:var(--theme-button-background);border-radius:0;display:flex;align-items:center}.cards-grid__tile--dark{background:#000}.cards-grid__tile--model{position:relative;z-index:0}.cards-grid__tile--card{position:relative;z-index:1}.card{position:relative;border-radius:.8rem;scroll-snap-align:start;isolation:isolate}.card__translater{width:100%;transform:translate3d(var(--translate-x),var(--translate-y),0);transition:transform .16s ease}.card__rotator{all:unset;width:100%;display:block;position:relative;border-radius:.8rem;overflow:hidden;cursor:pointer;transform:perspective(900px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) scale(var(--card-scale));transition:transform .2s ease,box-shadow .28s cubic-bezier(.22,1,.36,1);box-shadow:0 0 0 rgb(0 0 0/0),inset 0 0 0 1px rgb(255 255 255/.08)}.card__rotator:focus-visible,.card__rotator:hover{box-shadow:0 10px 30px rgb(0 0 0/.25),inset 0 0 0 1px rgb(255 255 255/.08)}.card--square,.card--square .card__rotator{border-radius:0}.card--square .card__front{background:transparent}.card__front{position:relative;aspect-ratio:var(--card-aspect-ratio,660/921);border-radius:inherit;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at var(--background-x) var(--background-y),rgb(255 255 255/.12),transparent 42%),radial-gradient(circle at calc(var(--seedx, .4) * 100%) calc(var(--seedy, .85) * 100%),rgb(185 98 255/.28),transparent 46%),radial-gradient(circle at calc((1 - var(--seedx, .4)) * 100%) calc((1 - var(--seedy, .85)) * 100%),rgb(72 220 255/.24),transparent 52%),linear-gradient(120deg,rgb(255 71 218/.12),rgb(66 130 255/.12),rgb(84 255 232/.1)),color-mix(in srgb,var(--theme-background) 84%,black 16%);background-size:100% 100%,var(--cosmosbg,294px 1091px),var(--cosmosbg,294px 1091px),100% 100%,100% 100%}.cards-grid__image{width:auto;height:auto;max-width:100%;max-height:100%;display:block}.cards-grid__model-stage{all:unset;position:relative;display:block;width:100%;aspect-ratio:660/921;overflow:visible;cursor:pointer}.cards-grid__model-frame{position:absolute;top:0;left:50%;width:160%;height:100%;transform:translateX(-50%)}.cards-grid__model-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.cards-grid__model-stage canvas{display:block}.cards-grid__image{object-fit:contain;object-position:center}.cards-grid__fallback{width:100%;height:100%;min-height:14rem;display:grid;place-items:center;color:color-mix(in srgb,var(--theme-text) 70%,transparent)}.card__glare,.card__shine{position:absolute;inset:0;pointer-events:none;will-change:transform,opacity,background-image,background-size,background-position,background-blend-mode,filter}.card__shine{background:repeating-linear-gradient(115deg,rgb(255 255 255/0),rgb(255 255 255/0) 8px,rgb(255 255 255/.22) 10px,rgb(255 255 255/0) 13px);mix-blend-mode:soft-light;opacity:calc(.14 + (var(--card-opacity) * .55))}.card__front--holo .card__shine{--glitter:var(--foil);--glittersize:25%;--sunpillar-clr-1:hsl(2 100% 73%);--sunpillar-clr-4:hsl(50 100% 69%);--sunpillar-clr-5:hsl(189 100% 56%);--sunpillar-clr-6:hsl(280 74% 64%)}.card[data-rarity="rare secret"][data-set=swsh12pt5][data-number="160"] .card__shine{--r-clr-1:hsl(0 57% 37%);--r-clr-2:hsl(40 53% 39%);--r-clr-3:hsl(90 60% 35%);--r-clr-4:hsl(180 60% 35%);--r-clr-5:hsl(180 60% 35%);--r-clr-6:hsl(210 57% 39%);--r-clr-7:hsl(280 55% 31%);background-image:linear-gradient(-45deg,var(--r-clr-1),var(--r-clr-5)),var(--glitter),linear-gradient(-30deg,var(--r-clr-1),var(--r-clr-2),var(--r-clr-3),var(--r-clr-4),var(--r-clr-5),var(--r-clr-6),var(--r-clr-7),var(--r-clr-1));background-blend-mode:luminosity,soft-light;background-size:200% 200%,var(--glittersize) var(--glittersize),400% 400%;background-position:calc(25% + (50% * var(--pointer-from-left))) calc(25% + (50% * var(--pointer-from-top))),calc(50% - ((var(--shift, 1px) * 2) * var(--pointer-from-left)) + var(--shift, 1px)) calc(50% - ((var(--shift, 1px) * 2) * var(--pointer-from-top)) + var(--shift, 1px)),calc(25% + (var(--pointer-x) / 2)) calc(25% + (var(--pointer-y) / 2));filter:brightness(calc((var(--pointer-from-center) * .5) + .75)) contrast(2) saturate(1);mix-blend-mode:color-dodge}.card[data-rarity="rare secret"] .card__shine{background:var(--glitter),var(--glitter),conic-gradient(var(--sunpillar-clr-4),var(--sunpillar-clr-5),var(--sunpillar-clr-6),var(--sunpillar-clr-1),var(--sunpillar-clr-4)),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0 0% 0%/.98) 10%,hsl(0 0% 95%/.15) 90%);background-size:var(--glittersize) var(--glittersize),var(--glittersize) var(--glittersize),cover,cover;background-position:45% 45%,55% 55%,50%,50%;background-blend-mode:soft-light,hard-light,overlay;mix-blend-mode:color-dodge;filter:brightness(calc(.4 + (var(--pointer-from-center) * .2))) contrast(1) saturate(2.7)}.card.masked .card__shine,.card.masked .card__shine:after,.card.masked .card__shine:before{-webkit-mask-image:var(--mask);-webkit-mask-size:cover;-webkit-mask-position:center;mask-image:var(--mask);mask-size:cover;mask-position:center center}.card__glare{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgb(255 255 255/.45),transparent 35%);mix-blend-mode:screen;opacity:calc(.08 + (var(--card-opacity) * .7))}@media (max-width:640px){.cards-page-root{padding-top:5.25rem}.cards-grid__tile{flex-basis:100%;width:100%}}@media (max-width:740px){.card__rotator,.card__rotator:active,.card__rotator:focus-visible,.card__rotator:hover{box-shadow:none}}