#react-root{width:100%}@font-face{font-family:Poppins;src:local("Poppins-Regular"),url(/_next/static/media/Poppins-Regular.4b4ebe20.ttf)}@font-face{font-family:Poppins-Black;src:local("Poppins-Black"),url(/_next/static/media/Poppins-Black.a7317f18.ttf)}@font-face{font-family:Poppins-Bold;src:local("Poppins-Bold"),url(/_next/static/media/Poppins-Bold.8001a01b.ttf)}@font-face{font-family:Poppins-SemiBold;src:local("Poppins-SemiBold"),url(/_next/static/media/Poppins-SemiBold.98512bf8.ttf)}*,:after,:before{box-sizing:border-box}:root{font-family:Poppins,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#fff}#root{width:100%}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#f7f7f7;cursor:pointer}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-image:none}[role=button],button{cursor:pointer}button,select{text-transform:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}[role=dialog] iframe{padding:0 2px;border:none}.modal-link{color:#1c2024}.modal-link:hover{color:#666}#drops .cards::-webkit-scrollbar{width:1.5px}#drops .cards::-webkit-scrollbar-track{background:hsla(0,0%,100%,.25)}#drops .cards::-webkit-scrollbar-thumb{background-color:gray;border-radius:4px;border:2px solid #ccc}[data-radix-popper-content-wrapper]>[role=dialog]{filter:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:Poppins-Bold,Arial,Helvetica,sans-serif!important;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.notification-button{max-width:444px;margin-bottom:26px}.notification-button,.notification-button>button{width:100%;justify-content:center;text-wrap:nowrap}.notification-button>button{padding:12px;background-color:#000;color:#fff;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .15s ease-in-out}.notification-button>button:hover{background-color:rgba(0,0,0,.68)}.nav-link{width:100%}.nav-link span{display:inline-block}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#f7f7f7}button{background-color:#f9f9f9}}.card-pack-container::-webkit-scrollbar{width:1.5px}[role=tablist] button[data-state=active]{border-bottom-color:#000}.card-pack{width:240px;height:536px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transform:scale(.95);filter:drop-shadow(0 0 20px rgba(0,0,0,.25));cursor:pointer;z-index:16;transition:transform .25s ease-in-out}.card-pack:hover{transform:scale(.99) rotate3d(1,1,1,.25deg)!important}@media (min-width:420px){.card-pack{transform:scale(1)}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.card-top{width:240px;height:93px;background:url(/images/animated-pack-top.png) 50% no-repeat;background-position:0 0;background-size:contain;position:absolute;top:-19px;left:0;transition:all ease-in-out,transform 1s cubic-bezier(.66,.24,.28,1.08);z-index:4}.card-pack-cut .card-top.card-top-jp,.card-top-jp{background-image:url(/images/animated-pack-top-jp.png)}.card-pack-cut .card-top{width:240px;height:93px;background:url(/images/animated-pack-top.png) 50% no-repeat;background-size:contain;position:absolute;left:auto;transform:translate(100dvw,-100dvh) rotate(120deg);animation:slide-top-out 8s ease-in-out}@keyframes slide-top-out{0%{transform:none}9%{transform:none}10%{transform:translate(100dvw,-50dvh) rotate(120deg)}}.card-back{background-image:url(/images/cards/MFCTC01-front.png)}.card-bottom{width:240px;height:500px;background:url(/images/animated-pack-bottom.png) 0 0 no-repeat;background-size:contain;position:absolute;bottom:0;left:0;opacity:1;transition:all ease-in-out;z-index:5}.card-bottom-jp,.card-pack-cut .card-bottom.card-bottom-jp{background-image:url(/images/animated-pack-bottom-jp.png)}.card-pack-cut .card-bottom{width:240px;height:500px;background:url(/images/animated-pack-bottom.png) 0 0 no-repeat;background-size:contain;position:absolute;bottom:-510px;left:0;opacity:0;animation:slide-bottom-out 2s ease-in-out}.hide-card-pack-container{min-height:0;overflow:hidden;pointer-events:none;animation:slide-card-container 2.5s ease-in-out forwards}@keyframes slide-bottom-out{0%{bottom:-20px;left:0;opacity:1}30%{bottom:-100px}50%{bottom:-400px}55%{bottom:-415px}60%{bottom:-400px}99%{opacity:1}to{bottom:-1200px;left:0;opacity:0}}.virtuoso-grid-list{display:grid;grid-template-columns:repeat(auto-fill,258px);justify-content:center;grid-gap:24px 32px;gap:24px 32px}@media (min-width:768px){.virtuoso-grid-list{justify-content:flex-start}}.virtuoso-grid-list-pack{margin-top:64px}.virtuoso-grid-list-hidden{opacity:0}.virtuoso-grid-list-animation{opacity:1;animation:slide-list-up .8s ease-in-out 1}.virtuoso-grid-item{margin-top:24px}.virtuoso-grid-list-pack .virtuoso-grid-item{margin-top:0}.card{width:258px;height:361px;position:relative;cursor:default;margin:0 auto;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);transform:translateZ(0);pointer-events:none;z-index:calc(var(--card-scale, 1) * 2);will-change:transform,visibility,z-index;transform-style:preserve-3d;--card-aspect:0.718;--card-radius:4.55%/3.5%;--card-edge:#b5e6dd;--card-back:#0b132f;--card-glow:#ccfffb;--card-opacity:0;--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;--background-x:var(--pointer-x);--background-y:var(--pointer-y);--card-scale:1;--translate-x:0px;--translate-y:0px;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--grain:url(/images/patterns/grain.webp);--glitter:url(/images/patterns/glitter.png);--glittersize:33%;--space:5%;--angle:133deg;--imgsize:258px 361px;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--pointer-from-center:0;--pointer-from-left:0.5;--pointer-from-top:0.5}.card,.card *{outline:1px solid transparent}.card.interacting{z-index:calc(var(--card-scale, 1) * 120)}.card:not(.interactive) .card__glare,.card:not(.interactive) .card__rotator,.card:not(.interactive) .card__shine,.card:not(.interactive) .card__translater{transition:all .3s ease}.card.active .card__rotator,.card.active .card__translater{touch-action:none}.card__rotator,.card__translater{display:grid;perspective:600px;will-change:transform,box-shadow;transform-origin:center;-webkit-transform-origin:center;transform-style:preserve-3d}.card__translater{transform-style:preserve-3d;transition:transform .3s;transform:translate3d(var(--translate-x),var(--translate-y),0) scale(var(--card-scale)) rotateY(var(--rotate-y,0deg))}.card__rotator,.card__translater{width:100%;height:100%;position:relative}.card__rotator{-webkit-transform:rotateY(var(--rotate-y-tilt,0deg)) rotateX(var(--rotate-x,0deg));-webkit-transform-style:preserve-3d;transform:rotateY(var(--rotate-y-tilt,0deg)) rotateX(var(--rotate-x,0deg));pointer-events:auto}button.card__rotator{border:none;background:transparent;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.card.active .card__rotator:focus,.card__rotator{transition:box-shadow .4s ease,opacity .33s ease-out;box-shadow:0 6px 16px -2px rgba(0,0,0,.3),0 12px 32px -4px rgba(0,0,0,.25);border-radius:var(--card-radius)}.card__rotator *{width:100%;display:grid;grid-area:1/1;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);transform-style:preserve-3d;pointer-events:none;overflow:hidden}.card__rotator img{height:auto}.card__rotator img:not(.card__back){transform:translateZ(0)}.card__back,.card__front{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:var(--card-radius);overflow:hidden}.card__back,.card__front{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__back{background-color:var(--card-back);transform:rotateY(180deg) translateZ(0)}.card__front,.card__front *{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__front{transform:rotateY(0deg);z-index:2;opacity:1;transition:opacity .33s ease-out;transform:translateZ(0)}.loading .card__front{opacity:0}.loading .card__back{transform:rotateY(0deg)}.card__back img,.card__front img{width:100%;height:100%;object-fit:cover;border-radius:var(--card-radius);display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card__shine{display:grid;transform:translateZ(1px);overflow:hidden;z-index:3;height:100%;width:100%;background:transparent;background-size:cover;background-position:50%;filter:brightness(.85) contrast(2.75) saturate(1);mix-blend-mode:color-dodge;opacity:var(--card-opacity)}.card__shine:after,.card__shine:before{--sunpillar-clr-1:var(--sunpillar-5);--sunpillar-clr-2:var(--sunpillar-6);--sunpillar-clr-3:var(--sunpillar-1);--sunpillar-clr-4:var(--sunpillar-2);--sunpillar-clr-5:var(--sunpillar-3);--sunpillar-clr-6:var(--sunpillar-4);grid-area:1/1;transform:translateZ(1px);border-radius:var(--card-radius)}.card__shine:after{--sunpillar-clr-1:var(--sunpillar-6);--sunpillar-clr-2:var(--sunpillar-1);--sunpillar-clr-3:var(--sunpillar-2);--sunpillar-clr-4:var(--sunpillar-3);--sunpillar-clr-5:var(--sunpillar-4);--sunpillar-clr-6:var(--sunpillar-5);transform:translateZ(1.2px)}.card__glare{transform:translateZ(1.41px);overflow:hidden;height:100%;width:100%;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,rgba(0,0,0,.5) 90%);opacity:var(--card-opacity);mix-blend-mode:soft-light}.card.masked .card__shine,.card.masked .card__shine:after,.card.masked .card__shine:before{-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:var(--imgsize);mask-size:var(--imgsize);-webkit-mask-position:center center;mask-position:center center}.card-pack-cut .card-wrapper{top:-10px;animation:slide-card-up 1.75s ease-in-out 1;transition:margin .25s ease-in-out}@media (min-width:768px){.card-pack-cut .card-wrapper{margin:-150px}}.card-pack-spread.card-pack-cut{width:100%;flex-direction:row;flex-wrap:wrap}.card-pack-spread.card-pack-cut .card-wrapper{margin:12px;position:relative;top:-60px}@media (min-width:768px){.card-pack-spread.card-pack-cut .card-wrapper{top:-210px}}.card-pack-spread.card-pack-cut .card-bottom{display:none}@keyframes slide-card-up{0%{top:165px}80%{top:190px}90%{top:-60px}to{top:-10px}}@media (min-width:768px){@keyframes slide-card-up{0%{top:210px}80%{top:240px}90%{top:-60px}to{top:-10px}}}@keyframes slide-card-container{0%{min-height:1200px;opacity:1;height:auto}30%{min-height:1200px;opacity:1;height:auto}90%{min-height:0;opacity:1;height:auto}to{min-height:0;opacity:0;height:0}}@keyframes slide-list-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.card[data-rarity=sa]{--glitter:url(/images/patterns/sa/glitter.png);--glittersize:100%}.card[data-rarity=ur]{--glitter:url(/images/patterns/ur/glitter.png);--glittersize:100%}.card[data-rarity=sr]{--glitter:url(/images/patterns/sr/glitter.png);--glittersize:100%}.card[data-rarity=r]{--glitter:url(/images/patterns/r/glitter.png);--glittersize:100%}.card[data-rarity=r].masked .card__shine,.card[data-rarity=sa].masked .card__shine,.card[data-rarity=sr].masked .card__shine,.card[data-rarity=ur].masked .card__shine{--space:5%;--angle:-22deg;-webkit-clip-path:var(--clip-borders);clip-path:var(--clip-borders);background-image:repeating-linear-gradient(var(--angle),rgba(175,103,203,.75) calc(var(--space) * 1),rgba(228,78,73,.75) calc(var(--space) * 2),rgba(215,197,55,.75) calc(var(--space) * 3),rgba(126,201,64,.75) calc(var(--space) * 4),rgba(79,176,169,.75) calc(var(--space) * 5),rgba(138,161,255,.75) calc(var(--space) * 6),rgba(177,107,204,.75) calc(var(--space) * 7));background-blend-mode:soft-light,color-dodge;background-size:300% 400%,300% 400%;background-position:50%,0 calc(var(--background-y) * 1),var(--background-x) var(--background-y);filter:brightness(calc((var(--pointer-from-center) * .2) + .3)) contrast(1.5) saturate(.8);will-change:transform,filter;transform:translateZ(0)}.card[data-rarity=r].masked .card__shine:after,.card[data-rarity=sa].masked .card__shine:after,.card[data-rarity=sr].masked .card__shine:after,.card[data-rarity=ur].masked .card__shine:after{content:"";background-image:radial-gradient(farthest-corner ellipse at calc(((var(--pointer-x)) * .5) + 25%) calc(((var(--pointer-y)) * .5) + 25%),#fff 5%,rgba(56,0,56,.6) 40%,#383838 120%);background-position:50%;background-size:400% 500%;filter:brightness(calc((var(--pointer-from-center) * .2) + .4)) contrast(.85) saturate(1.1);mix-blend-mode:hard-light}.card[data-rarity=r].masked .card__glitter,.card[data-rarity=sa].masked .card__glitter,.card[data-rarity=sr].masked .card__glitter,.card[data-rarity=ur].masked .card__glitter{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-image:var(--glitter);background-size:var(--imgsize);background-position:50%;background-repeat:no-repeat;mix-blend-mode:lighten;opacity:0;filter:brightness(1.3) contrast(1.2) saturate(1.1);transition:opacity .2s ease-in-out;will-change:opacity;transform:translateZ(0)}.card[data-rarity=r]:hover .card__glitter,.card[data-rarity=sa]:hover .card__glitter,.card[data-rarity=sr]:hover .card__glitter,.card[data-rarity=ur]:hover .card__glitter{opacity:.4}