html{overflow:hidden}#regular_background{background:linear-gradient(120deg,#fce8e8,#eddffd,#e2fdea,#dadaf8,#fce0e0);z-index:0;width:100%;height:100%;overflow:hidden}#gold_background{position:absolute;top:0%;left:0%;width:100vw;height:100vh;z-index:1;pointer-events:none;background:linear-gradient(120deg,#fce8b2,#fcedc7,#fcecbf,#fbde74,#f9e8b4,#faebc2,#fee17a,#fcf1ca);transition:opacity 1s ease-in-out}#gold_background[data-godPack=true]{opacity:1}#gold_background:not([data-godPack=true]){opacity:0}#regular_background[data-animated=true][data-godPack=false],#gold_background[data-animated=true][data-godPack=true]{background-size:200% 200%;animation:subtleShift 20s ease infinite}@keyframes subtleShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}html::-webkit-scrollbar{display:none}#root{margin:0 auto;padding:0;text-align:center}#statusSquare{position:absolute;z-index:100;top:2%;left:1%;width:10px;height:10px;border-radius:100px;transition:background-color .5s ease}#profile_display{display:flex;justify-content:left;align-items:center;position:absolute;top:0%;left:0%;height:15%;width:40%;margin:1%;overflow:hidden}#profile_display img,#profile_display div{position:relative;height:80%;aspect-ratio:1/1;margin:0% 3% 0% 2%;overflow:hidden;border-radius:500px;background-color:#f5f5f5}#profile_display div{background-color:#f5f5f5;border:3px dashed lightgray}#profile_display h1{color:#4f4f4f;font-weight:700;font-size:200%}#sidebar,#grid-container-content{z-index:10;transition:transform 2s ease}#app-container{display:grid;grid-template-columns:1fr 8fr;grid-template-rows:100%;grid-column-gap:1%;height:100vh;width:100vw;padding:2%;z-index:2;font-family:sans-serif}#grid-container-sidebar{position:relative;grid-area:1 / 1 / 2 / 2;display:flex;align-content:center;justify-content:center;flex-wrap:wrap;height:100%;width:100%}#grid-container-content{grid-area:1 / 2 / 2 / 6;display:flex;align-content:center;justify-content:center;flex-wrap:wrap;height:100%;width:100%}#sidebar:not([data-booster]){display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:space-evenly;width:90%;height:90%;border-radius:30px;background-color:#fff;filter:drop-shadow(0 0 10px gray)}#sidebar button{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;height:auto;width:70%;aspect-ratio:1;max-width:80%;border-radius:20%;border:none;background-color:#f5f5f5}#sidebar button[data-locked=true]{filter:brightness(.75)}#sidebar button img{width:50%;aspect-ratio:1}#sidebar button:not([data-locked=true]):hover{background-color:#d3d3d3}#sidebar button:not([data-locked=true]):active{animation:pulse .1s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#active-indicator{display:flex;position:absolute;height:auto;width:70%;aspect-ratio:1;background:transparent;border:4px solid darkgray;border-radius:20%;box-sizing:border-box;transition:top .3s ease,left .3s ease;pointer-events:none;z-index:20}.page{display:none;position:absolute;opacity:0;width:98%;height:90%;border-radius:30px;background-color:#fff;filter:drop-shadow(0 0 10px gray);overflow:hidden}.page.active{display:flex;position:relative;overflow:hidden;opacity:1}.page-container{display:flex;position:relative;background-color:transparent;overflow:hidden;height:100%;width:100%}#page-container-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background-color:transparent;height:100%;width:100%}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loadingImg{animation:rotating 1s steps(16) infinite;margin-bottom:2vh;height:15vw;width:15vw}#app-container[data-booster] #sidebar{transform:translate(-200%)}#app-container[data-booster] #grid-container-content{transform:translate(120%)}.placeholder{display:flex;justify-content:center;align-items:center;background-color:#0ff;border:3px solid magenta}.placeholder:after{content:"placeholder";font-weight:700;color:#000}#home-page-container{position:relative;z-index:10;height:100%;width:100%}#currency-display{display:flex;flex-direction:row-reverse;align-items:center;position:absolute;right:3%;top:5%;padding-right:1%;height:5%;width:9%;border-radius:100px;background-color:#f5f5f5;color:gray;font-weight:700;filter:drop-shadow(0px 0px 5px grey)}#currency-display img{position:absolute;left:-15%;height:180%}#message-display{display:flex;position:absolute;bottom:4%;left:2%;height:40%;width:25%;border-radius:20px;background-color:#f5f5f5}#booster-cover{display:flex;position:absolute;bottom:20%;left:40%;width:20%;height:70%;border-radius:3px}.card[data-dark=true]{color:#fff}.card[data-error=true]{filter:grayscale(.8) brightness(.5)}.card,.empty-card{position:relative;display:block;aspect-ratio:.7128712871;border-radius:8px}.card{box-shadow:0 0 10px gray}.card[data-shiny=true]{overflow:hidden}.card[data-shiny=true]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(0deg,transparent,transparent 10%,white);transform:rotate(-45deg);transition:all .5s ease;opacity:0;z-index:100;mix-blend-mode:overlay;pointer-events:none}.card[data-rainbow=true]:after{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border-radius:16px;z-index:20;background:linear-gradient(83deg,red,orange,#ff0,#03c703,#0ff,#00f,violet,red,orange,#ff0,#03c703,#0ff);background-size:400% 400%;filter:blur(4px);opacity:0;pointer-events:none}.card[data-rainbow=true]:hover:after{opacity:.25;animation:rainbow 6s linear infinite}@keyframes rainbow{0%{background-position:0% 50%}to{background-position:100% 50%}}.card:hover[data-hovereffects=true]{transform:scale(1.05);box-shadow:0 0 20px gray}.card:hover:before{opacity:1;transform:rotate(-45deg) translateY(100%)}.card>img{position:absolute;left:0%;top:0%;height:100%;width:100%;z-index:22;border-radius:8px;overflow:hidden}.name{position:absolute;top:3.8%;left:20%;width:50%;height:5%;font-size:1.72vh;z-index:23;font-weight:700;text-align:left}.hp{display:flex;position:absolute;top:3.8%;right:14%;height:5%;font-size:1.72vh;font-weight:700;text-align:end;z-index:23}.hp p{position:absolute;font-size:1vh;height:50%;bottom:20%;left:-55%}.illustration{position:absolute;top:9.5%;left:8%;width:84%;height:37.6%;z-index:21}.illustration img{width:100%;height:100%;z-index:21}.attacks{position:absolute;top:52%;left:5%;width:82%;height:25%;padding:10px;z-index:23;font-size:1.72vh}.retreat{display:flex;position:absolute;bottom:10.8%;left:66%;width:10%;height:3%;z-index:23;justify-content:left;align-items:center;flex-wrap:nowrap}.retreat img{top:0%;left:0%;height:90%;aspect-ratio:1}.rarity{display:flex;position:absolute;bottom:3%;left:6%;width:10%;height:7%;z-index:23;justify-content:left;align-items:center;flex-wrap:nowrap}.rarity img{top:0%;left:0%;height:90%;aspect-ratio:1}.quantity{position:absolute;display:flex;right:0%;bottom:0%;background-color:#f5f5f5;border:1px solid lightgray;border:none;border-top-left-radius:8px;border-bottom-right-radius:8px;z-index:24;width:18%;height:7%;align-items:center;justify-content:center;filter:drop-shadow(0 0 2px darkgray)}.quantity span{color:#000;font-size:1.72vh;font-weight:700}#page-container{display:flex;width:100%}#inventory-menu{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;align-content:center;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll;height:100%;width:20%;border-radius:30px;top:0%;left:0%;padding-top:.6%;background-color:#f5f5f5;filter:drop-shadow(0px 0px 5px grey)}#inventory-menu span{margin:5% 0 2%;width:85%;align-self:center;text-align:left;color:#727272;font-weight:700}#sortlist,#filterlist,#otherlist{display:flex;position:relative;flex-direction:column;width:90%;margin-bottom:5%;border-bottom:2px solid lightgray}.invButtons,#suppfilters{width:95%;height:4vh;margin:1% 0 4%;align-self:center;font-size:2vh;font-weight:bolder;border:none;border-radius:40px;filter:drop-shadow(0px 0px 5px lightgrey)}.invButtons{transition:all .3s ease}.invButtons[data-selected],#suppfilters:active{background-color:#b8b8b8;filter:drop-shadow(0px 0px 5px rgb(91,91,91));color:#383838}.invButtons:not([data-selected]),#suppfilters{background-color:#fff;color:gray}.invButtons:not([data-selected]):hover,#suppfilters:hover{background-color:#ddd}.filter-parram{display:flex;position:relative;flex-wrap:wrap;flex-direction:row;align-content:center;justify-content:space-around;align-self:center;width:95%;padding:2%;margin-bottom:4%;border:1px solid lightgray;border-radius:20px;background-color:#fff}#filterlist fieldset label{position:absolute;background-color:#fff;border:1px solid lightgray;border-radius:100px;padding:1%;left:0%;top:0%;font-size:1.5vh;height:min-content;transform:translateY(-20%)}.filtertypebuttons,.filterraritybuttons{display:flex;justify-content:center;align-items:center;width:10%;aspect-ratio:1/1;border:none;border-radius:40px;background-color:transparent}.filtertypebuttons img{width:100%;aspect-ratio:1/1;transition:all .2s linear;border-radius:100%}.filterraritybuttons img{width:115%;aspect-ratio:1/1;transition:all .2s linear;border-radius:100%}.filtertypebuttons:not([data-selectedfilter]) img,.filterraritybuttons:not([data-selectedfilter]) img{filter:grayscale(1);background-color:#ececec}#cards-container{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-content:flex-start;flex-wrap:wrap;padding:3% 0 0 3%;height:100%;width:80%;top:0%;overflow-y:scroll}#cards-container .card{z-index:20;width:22%;margin:0 3% 2% 0}#cards-container .empty-card{display:flex;justify-content:center;align-items:center;z-index:20;width:22%;margin:0 3% 2% 0;border:4px dashed rgba(128,128,128,.365);background:transparent}#cards-container .empty-card span{color:gray;font-weight:700;margin-bottom:20%}#cards-container::-webkit-scrollbar,#inventory-menu::-webkit-scrollbar{display:none}#account-grid{display:grid;grid-template-columns:4fr 2fr;grid-template-rows:1fr;grid-column-gap:2%;height:100%;width:100%;padding:2%;z-index:20;font-size:4vh;overflow:hidden}#account-grid[data-isediting=false]{--editing-color: grey}#account-grid[data-isediting=true]{--editing-color: olivedrab}#profil-infos{grid-area:1 / 1 / 2 / 2;display:grid;grid-template-columns:1fr;grid-template-rows:4fr 3fr 1fr;grid-row-gap:2%;padding:1%;height:100%;width:100%;overflow:hidden}#profilpartA{grid-area:1 / 1 / 2 / 2;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;padding:2% 0%;overflow:hidden}#infos{display:flex;flex-direction:column;height:40%;width:100%;overflow:hidden}#username{height:100%;width:100%;font-size:100%;text-align:left;font-weight:700;margin-left:3%}#username h1{font-size:200%}#title-display{display:flex;width:100%;justify-content:center}#account-grid #username h2,.titre_selection p{font-weight:700;color:transparent;font-size:100%;padding-left:3%;width:fit-content;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-radius:4px}#account-grid #username h2{padding-left:3%}#account-grid[data-isediting=true] #username h2{border:3px dashed var(--editing-color);cursor:pointer}#pp-container{height:90%;aspect-ratio:1/1;align-self:center;border-radius:500px;margin-left:4%;flex-shrink:0;background-color:#f5f5f5;filter:drop-shadow(0px 0px 8px lightgrey)}#pp-container[data-isediting=true]{border:3px dashed var(--editing-color)}#pp-container img{height:100%;width:100%;border-radius:500px}#pp-container img[data-empty=true]{opacity:.6}#pp-container img[data-empty=true]:hover{opacity:.8}#badges-display{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%;aspect-ratio:1/2}.badge{width:80%;aspect-ratio:1 / 1;border-radius:100px;filter:drop-shadow(0px 0px 4px lightgrey);position:relative;background-color:#f5f5f5}.badge[data-isEditing=true]{border:3px dashed var(--editing-color);cursor:pointer}.badge img{width:100%;height:100%;border-radius:100px;object-fit:cover;display:block}.badge img[data-empty=true]{opacity:.6}.badge img[data-empty=true]:hover{opacity:.8}#profilpartB{grid-area:2 / 1 / 3 / 2;display:flex;width:100%;height:100%;flex-direction:row;flex-wrap:wrap;align-content:space-around;justify-content:space-around;padding:1%;background-color:#f5f5f5;border-radius:30px;filter:drop-shadow(0px 0px 4px lightgrey)}.single-stat{display:flex;align-items:center;font-size:60%;height:30%;width:45%;text-align:left;color:#2f4f4f}#profilpartC{grid-area:3 / 1 / 4 / 2;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:left;align-items:center;gap:2%;padding-left:2%;width:100%;height:100%}.account-button{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;background-color:#f5f5f5;border:none;border-radius:6px;height:60%;padding:0% 2%;width:max-content;font-size:60%}.account-button img{height:10px;aspect-ratio:1;margin-right:5%}#delete{background-color:red;color:#fff}#valid{background-color:#6b8e23;color:#fff}#delete img,#valid img{filter:invert(1)}.account-button:hover,#picker-close-button:hover{filter:brightness(.8)}.account-button:active,#picker-close-button:active{filter:brightness(.6)}#profilpartC p{font-size:70%}#profil-cards{grid-area:1 / 2 / 2 / 3;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);background-color:#f5f5f5;position:relative;height:100%;width:100%;right:0%;border-radius:30px}.displayedCard-slot{display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;border-radius:12px;width:85%;aspect-ratio:.7128712871}.displayedCard-slot .card{width:95%}.emptyDisplayedCard-slot{display:flex;align-items:center;justify-content:center;width:95%;aspect-ratio:.7128712871;border-radius:8px;font-size:300%;color:gray;border:3px dashed lightgray}#account-grid[data-isediting=true] .emptyDisplayedCard-slot{border:3px dashed var(--editing-color);opacity:.6;cursor:pointer}#picker-backdrop{position:fixed;display:flex;align-items:center;justify-content:center;z-index:100;height:100%;width:100%;background:#00000040}#picker-panel{width:98%;height:85%;background-color:#fff;border-radius:12px;padding:16px;overflow:hidden}#picker-close-button{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;background-color:#d3d3d3;border:none;border-radius:6px;width:auto;padding:.6% 2%;font-size:60%;font-weight:700}#picker-close-button img{height:10px;aspect-ratio:1/1;margin:3% 5% 0% 0%}#owned-collectibles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:auto;grid-auto-flow:row;padding:2% 0%;width:100%;height:100%;gap:15px;overflow:scroll}#owned-collectibles-grid button{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:90%;height:max-content;border-radius:8px;border:none;overflow:hidden;padding:0%}#owned-collectibles-grid button .card{width:100%}.badge_selection>img,.profPic_selection>img{width:60%;aspect-ratio:1/1;filter:drop-shadow(0px 0px 5px lightgrey);margin-top:8%;border:1px solid lightgrey;border-radius:100%}.badge_selection>p,.profPic_selection>p{color:gray;font-weight:700}.badge_selection p,.profPic_selection p,.titre_selection p{margin:2% 0% 3%}#default_badge,#default_profPic{transform:rotate(45deg);background-color:#f5f5f5}.collectibles-error{width:100%;padding:24px;text-align:center;color:gray}#connection-display{display:grid;grid-template-rows:1fr;grid-column-gap:2%;transition:all .5s ease-in-out;width:100%}#connection-display[data-register=true]{grid-template-columns:1fr 0fr}#connection-display[data-register=false]{grid-template-columns:0fr 1fr}#connection-partA,#connection-partB{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;width:100%;height:100%;overflow:hidden}#connection-partA h1,#connection-partB h1{font-size:200%}#connection-partA input,#connection-partB input{display:flex;width:max(30%,10vw);height:6%;margin:2% 0% 0%;padding-left:1%;justify-self:center;border:1px solid lightgrey;border-radius:500px;filter:drop-shadow(0px 0px 5px grey)}#connection-partA button,#connection-partB button{display:flex;width:max(22%,6vw);height:6%;margin:2% 0% 0%;justify-self:center;border:1px solid transparent;border-radius:500px;filter:drop-shadow(0px 0px 5px grey);justify-content:center;align-items:center}#connection-partA button:hover,#connection-partB button:hover{background-color:#b8b7b7}#connection-partA button:active,#connection-partB button:active{background-color:gray}#booster-container{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;position:absolute;top:10vh;left:5vw;z-index:5;height:80vh;width:90vw}#booster-container:not([data-booster]){display:none}#booster-opening{display:flex;position:absolute;width:20%;height:70%;z-index:6}#booster-container:not([data-clicked=true]) #booster-opening{background-color:#0ff}#booster-container[data-clicked=true] #booster-opening{background-color:red;animation:ouverture 3s ease forwards}@keyframes ouverture{50%{transform:translateY(50%);width:40%;height:140%}to{transform:translateY(180%);width:40%;height:140%}}#boosterCardsDisplay{position:absolute;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;top:100%;width:100%;height:50vh;transition:top 3s ease}#booster-container[data-clicked=true] #boosterCardsDisplay{top:10%}#booster-container .card-flip-wrapper,#booster-container .card{position:absolute;top:50%;left:50%;width:15vw;aspect-ratio:.7128712871;border-radius:8px;transform:translate(-50%,-50%);transition:left .6s ease;perspective:1000px}#booster-container .card-inner{width:100%;height:100%;position:relative;box-shadow:0 0 10px gray;transition:transform .8s ease;transform-style:preserve-3d;border-radius:8px}#booster-container .card-inner.flipped{transform:rotateY(180deg)}#booster-container .card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden}#booster-container .card-back{background-color:#222;display:flex;align-items:center;justify-content:center}#booster-container .card-back img{width:100%;height:100%;object-fit:cover}#booster-container .card-front{transform:rotateY(180deg)}#booster-conatiner .card-final{width:200px;height:280px;transition:transform .5s ease;z-index:6}#booster-conatiner .card-final .card{width:100%}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:Arial,sans-serif}button:not([data-locked=true]),#booster-opening{cursor:pointer}button[data-locked=true]{cursor:default}.App{height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.green-btn{display:flex;align-items:center;justify-content:center;position:absolute;bottom:5%;left:42.5%;width:15%;height:10%;margin:3% 0% 0%;background-color:#52ed52;border:2px solid white;border-radius:50px;font-weight:700;color:#fff;filter:drop-shadow(0 0 10px darkgray)}