.card-container{position:absolute;width:18vw;height:25.3vw;align-self:center;transform-style:preserve-3d;perspective:1000;transition:all 1s}@media screen and (max-width:600px){.card-container{width:55vw;height:75vw}}.card-container .flipper{transform-style:preserve-3d;position:relative;width:100%;height:100%}.card-container .card{backface-visibility:hidden;position:absolute;top:0;left:0}.card-container .card-back{visibility:hidden;transform:rotateY(-180deg);background-image:url(/_next/static/media/_deck_back.716d30fd.jpg)}.card-container.spin{transform:scale(1.25);z-index:1}.card-container.spin .flipper{animation:rotate 1.2s linear .5 normal}.card-container.spin .flipper .card-back{visibility:visible}@keyframes rotate{0%{transform:rotateY(0deg)}25%{transform:rotateY(180deg)}50%{transform:rotateY(1turn)}75%{transform:rotateY(540deg)}to{transform:rotateY(2turn)}}@import"https://fonts.cdnfonts.com/css/montserrat";@import"https://fonts.cdnfonts.com/css/hind";main{background-color:#181818}:root{--color1:#dddcc7;--color2:#a2a193;--golden:#cdab78;--golden2:#cdab78de}.card-details{z-index:12;position:fixed;display:table;width:100%;height:100%;transform:scaleY(.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards}.card-details .card-details__background{background:rgba(0,0,0,.8);text-align:center;vertical-align:middle;width:100%;height:100%}.card-details .card-details__background .card-details__content{align-items:center;z-index:13;position:fixed;border-radius:20px;top:40px;height:calc(100% - 80px);left:350px;width:calc(100% - 700px);background-color:#000;display:flex;flex-direction:row;gap:50px;padding:0 80px;transform:scale(0);animation:zoomIn .5s cubic-bezier(.165,.84,.44,1) .8s forwards}@media screen and (max-width:1620px){.card-details .card-details__background .card-details__content{left:250px;width:calc(100% - 500px)}}@media screen and (max-width:1420px){.card-details .card-details__background .card-details__content{left:130px;width:calc(100% - 260px)}}@media screen and (max-width:1290px){.card-details .card-details__background .card-details__content{left:80px;width:calc(100% - 160px)}}@media screen and (max-width:1190px){.card-details .card-details__background .card-details__content{left:20px;width:calc(100% - 40px)}}.card-details .card-details__background .card-details__content .card{box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px hsla(0,0%,100%,.3),0 55px 35px -20px rgba(0,0,0,.5)}.card-details .card-details__background .card-details__content .card-details__content__text{flex:1;color:#fff;gap:30px;display:flex;flex-direction:column;align-self:center;text-align:left;max-height:calc(100% - 80px)}@media screen and (min-width:1000px){.card-details .card-details__background .card-details__content .card-details__content__text{height:25.3vw}}.card-details .card-details__background .card-details__content .card-details__content__text .card-details__content__text__title{font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:-1px;font-size:40px;color:#cdab78}.card-details .card-details__background .card-details__content .card-details__content__text .card-details__content__text__description{font-size:18px;color:#a0a0a0;font-family:Hind,sans-serif;overflow-y:auto;padding-bottom:1px}@media screen and (max-width:720px){.card-details .card-details__background .card-details__content{flex-direction:column;gap:15px;padding:20px 0}.card-details .card-details__background .card-details__content .card-details__content__text{margin-top:15px;gap:0}.card-details .card-details__background .card-details__content .card-details__content__text .card-details__content__text__title{text-align:center;font-size:24px}.card-details .card-details__background .card-details__content .card-details__content__text .card-details__content__text__description{padding:10px;font-size:14px}}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(1) scaleX(1)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}.card{width:clamp(12.9vw,61vh,18vw);height:clamp(18vw,85vh,25.2vw);position:absolute;top:0;left:0;overflow:hidden;z-index:10;touch-action:none;border-radius:5%/3.5%;background-color:#040712;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transform-origin:center;box-shadow:-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px 0 hsla(0,0%,100%,0),0 55px 35px -20px rgba(0,0,0,.5);transition:transform .5s ease,box-shadow .2s ease;will-change:transform,filter}@media screen and (max-width:720px){.card{width:100%;height:100%}}.card:hover{box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px hsla(0,0%,100%,.3),0 55px 35px -20px rgba(0,0,0,.5)}.card:after,.card:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;transition:all .33s ease}.grid-card{position:relative;width:18vw;min-height:25.3vw}@media screen and (max-width:720px){.grid-card{width:55vw;min-height:75vw}}.grid.jokers{padding-bottom:30px}.grid .card:before{background-position:50% 50%;background-size:300% 300%;background-image:linear-gradient(115deg,transparent 0,var(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent 100%);opacity:.5;filter:brightness(.5) contrast(1);z-index:1}.grid .card:after{background-image:url(https://assets.codepen.io/13471/sparkles.gif),url(https://assets.codepen.io/13471/holo.png),linear-gradient(125deg,rgba(255,0,132,.314) 15%,rgba(252,164,0,.251) 30%,rgba(255,255,0,.188) 40%,rgba(0,255,138,.125) 60%,rgba(0,207,255,.251) 70%,rgba(204,76,250,.314) 85%);background-position:50% 50%;background-size:160%;background-blend-mode:overlay;z-index:2;filter:brightness(1) contrast(1);transition:all .33s ease;mix-blend-mode:color-dodge;opacity:.75}.grid .card.active:after,.grid .card:hover:after{filter:brightness(1) contrast(1);opacity:1}.grid .card.active,.grid .card:hover{animation:none;transition:box-shadow .1s ease-out}.grid .card.active:before,.grid .card:hover:before{animation:none;background-image:linear-gradient(110deg,transparent 25%,var(--color1) 48%,var(--color2) 52%,transparent 75%);background-position:50% 50%;background-size:250% 250%;opacity:.88;filter:brightness(.66) contrast(1.33);transition:none}.grid:after{content:"";flex:auto}.card.active:after,.card.active:before,.card:hover:after,.card:hover:before{animation:none;transition:none}@keyframes holoSparkle{0%,to{opacity:.75;background-position:50% 50%;filter:brightness(1.2) contrast(1.25)}5%,8%{opacity:1;background-position:40% 40%;filter:brightness(.8) contrast(1.2)}13%,16%{opacity:.5;background-position:50% 50%;filter:brightness(1.2) contrast(.8)}35%,38%{opacity:1;background-position:60% 60%;filter:brightness(1) contrast(1)}55%{opacity:.33;background-position:45% 45%;filter:brightness(1.2) contrast(1.25)}}@keyframes holoGradient{0%,to{opacity:.5;background-position:50% 50%;filter:brightness(.5) contrast(1)}5%,9%{background-position:100% 100%;opacity:1;filter:brightness(.75) contrast(1.25)}13%,17%{background-position:0 0;opacity:.88}35%,39%{background-position:100% 100%;opacity:1;filter:brightness(.5) contrast(1)}55%{background-position:0 0;opacity:1;filter:brightness(.75) contrast(1.25)}}.operator{display:inline-block;vertical-align:middle;font-size:6vh}@media screen and (min-width:720px){.cards{flex-direction:row}}.cards:not(.jokers){padding-top:5vh}.cards .card:nth-child(2),.cards .card:nth-child(2):after,.cards .card:nth-child(2):before{animation-delay:.25s}.cards .card:nth-child(3),.cards .card:nth-child(3):after,.cards .card:nth-child(3):before{animation-delay:.5s}.cards .card:nth-child(4),.cards .card:nth-child(4):after,.cards .card:nth-child(4):before{animation-delay:.75s}body,html,main{min-height:100%}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.05,.95,1)}40%{transform:scale3d(.95,1.05,1)}50%{transform:scale3d(.75,1.25,1)}65%{transform:scale3d(1.25,.75,1)}75%{transform:scale3d(1.15,.85,1)}to{transform:scaleX(1)}}@keyframes rubberBand2{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.footer{width:100%;height:70px;text-align:center;font-size:1.5rem;font-weight:600;display:flex;padding-left:20px;align-items:center;z-index:10;box-shadow:0 0 12px 0 #000}@media screen and (max-width:720px){.footer{justify-content:center;padding-left:0}}.footer img{max-height:42px}.progressMainWrapper{background-color:#000;height:10px;position:sticky;top:0;left:0;z-index:11;width:100%}.progressMainStyle{height:10px;background-color:var(--golden);width:15%}.close_container{position:absolute;top:25px;right:25px}@media screen and (max-width:420px){.close_container{top:5px;right:5px}}.close_container .close{position:relative;display:inline-block;width:40px;height:40px;overflow:hidden;cursor:pointer;transition:all .3s ease;z-index:1}@media screen and (max-width:420px){.close_container .close{width:20px;height:20px}}.close_container .close:hover:after,.close_container .close:hover:before{background:var(--golden2)}.close_container .close:after,.close_container .close:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:var(--golden)}.close_container .close:before{transform:rotate(45deg)}.close_container .close:after{transform:rotate(-45deg)}.close_container .close.black:after,.close_container .close.black:before{height:8px;margin-top:-4px}.close_container .close.warp:after,.close_container .close.warp:before{border-radius:120% 0}