@font-face{font-family:Font Perso;src:url(/static/media/FontsFree-Net-Capuche-Trial.f7318ad30b4efd8b36b2.ttf) format("truetype")}@font-face{font-family:Font Perso\ 2;src:url(/static/media/TT%20Bluescreens%20Trial%20ExtraBold.ebd1a1536e2133706cab.ttf) format("truetype")}@font-face{font-family:Font Perso\ 3;src:url(/static/media/TT%20Bluescreens%20Trial%20Light.bb72278137d042424699.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.cursor-pointer{cursor:pointer}.logo-img{height:70px;left:58px;position:absolute;top:58px;z-index:1000}@media screen and (max-width:1200px){.logo-img{background-color:#252525;display:flex;position:static;width:100%}.logo-img-link{background-color:#000;display:flex;height:8%}}.parent{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);height:100vh;width:100%}.div1{grid-area:1/1/11/5}.div2{grid-area:1/5/11/11}.div3{color:#fff;font-family:Font Perso\ 2,sans-serif;font-size:170px;grid-area:3/2/5/7;letter-spacing:17px;text-shadow:1px 1px 1px #000}.div3,.div4{align-items:center;display:flex}.div4{color:#fab937;font-family:Font Perso\ 3,sans-serif;font-size:60px;grid-area:5/2/6/5;letter-spacing:4px}.div5{align-items:center;grid-area:6/2/8/5}.div5,.div6{display:flex}.div6{align-items:flex-start;color:#a5a6a7;flex-direction:column;font-size:20px;grid-area:8/2/10/4}.game-btn{background:transparent;border:none;height:auto;margin:0;padding:0}.actual-text{display:block;height:50px}.game-btn{--border-right:6px;--text-stroke-color:hsla(0,0%,100%,.6);--animation-color:#37ff8b;--fs-size:2.5em;-webkit-text-stroke:1px var(--text-stroke-color);color:transparent;cursor:pointer;font-family:Arial,serif;font-size:var(--fs-size);letter-spacing:3px;position:relative;text-decoration:none;text-transform:uppercase}.hover-text{-webkit-text-stroke:1px var(--animation-color);border-right:var(--border-right) solid var(--animation-color);box-sizing:border-box;color:var(--animation-color);content:attr(data-text);inset:0;overflow:hidden;position:absolute;transition:.5s;width:0}.game-btn:hover .hover-text{-webkit-filter:drop-shadow(0 0 23px var(--animation-color));filter:drop-shadow(0 0 23px var(--animation-color));width:100%}.code-input{border:0;border-radius:7px;font-size:16px;height:50px;margin-left:2rem;margin-right:2rem;max-width:210px;outline:auto grey;padding-inline:15px}@media screen and (min-width:2500px){.div3{font-size:210px;letter-spacing:30px}.div4{font-size:80px}}@media screen and (max-width:1650px){.div5{flex-direction:column;gap:2rem;grid-area:6/1/8/5;justify-content:center}.div3{font-size:130px}}@media screen and (max-width:1000px){.div3{font-size:100px}}@media screen and (max-width:900px){.div1{grid-area:1/1/11/7}.div2{grid-area:1/7/11/11}.div3{grid-area:3/2/5/10}.div4{grid-area:5/2/6/7}.div5{grid-area:6/1/8/7}.div6{grid-area:8/2/10/6}}@media screen and (max-width:500px){.div1{grid-area:1/1/11/8}.div2{background-position:100%;grid-area:1/8/11/11}.div3{align-items:flex-start;font-size:85px;grid-area:1/2/4/8;letter-spacing:10px;margin-top:3rem}.div4{grid-area:3/2/5/8}.div5{grid-area:5/1/6/8;justify-content:flex-start}.div6{grid-area:7/2/9/7}.parent{height:100%}.code-input{margin-left:0;margin-right:0;max-width:130px}.game-btn{--fs-size:1.5em}.actual-text{height:27px}}.map-select-container{background-size:cover;background:linear-gradient(to right top,#18171c,#272624) no-repeat;display:flex;flex-direction:column;height:100vh;position:relative}.canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.overlay-div-container{display:flex;flex-direction:row;height:100%;width:100%;z-index:10}.overlay-div{align-items:center;display:flex;height:100%;justify-content:center;transition:opacity 1s ease-out;width:100%}.overlay-div:before{content:"";-webkit-filter:brightness(50%);filter:brightness(50%);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out;width:100%;z-index:-1}.overlay-div:hover:before{-webkit-filter:brightness(100%);filter:brightness(100%)}#map-select-card-container-0,#map-select-card-container-1,#map-select-card-container-2{position:relative}#map-select-card-container-0:before{background-image:url(/static/media/ox.ef706e13f1aad1846773.webp);background-position:0;background-size:cover}#map-select-card-container-1:before{background-image:url(/static/media/yupanki.7bee27cd3f2ed49e5960.webp);background-position:0;background-size:cover}#map-select-card-container-2:before{background-image:url(/static/media/los-muertos.f94f01aea14505f04b9b.webp);background-position:100%;background-size:cover}.hide-image img{opacity:0}@media (max-width:1200px){.overlay-div-container{flex-direction:column}}@media screen and (max-width:900px){.map-select-container{height:100%}}.perspective-card{transition:width .3s ease-in-out,opacity .5s ease-in-out;width:50%}.container-image-card{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.container-image-card:hover .perspective-card{width:55%}@media screen and (max-width:1200px){.perspective-card{margin:2rem 0;width:25%}.container-image-card:hover .perspective-card{width:25%}#container-image-card-0{margin-top:10rem}}@media screen and (max-width:850px){.container-image-card:hover .perspective-card,.perspective-card{width:35%}}@media screen and (max-width:450px){.perspective-card{width:55%}.container-image-card:hover .perspective-card{width:60%}}.informations-game{align-items:center;display:flex;height:70px;position:absolute;right:58px;top:58px;z-index:1000}.tooltip{cursor:pointer;display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#212349;border-radius:6px;color:#fff;opacity:0;padding:5px 10px;position:absolute;right:125%;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}@media screen and (max-width:1200px){.informations-game{align-items:flex-start;right:25px;top:15px}}.story-text-container{display:flex;justify-content:center;position:absolute;text-align:center;top:10%;width:100%;z-index:20}.story-text{color:#fff;font-family:Font Perso,sans-serif;font-size:70px;letter-spacing:2px;text-shadow:1px 1px 1px #000}@media screen and (max-width:1500px){.story-text{font-size:65px}}@media screen and (max-width:1200px){.story-text-container{top:58px}.story-text{font-size:55px;letter-spacing:0;width:90%}}@media screen and (max-width:550px){.story-text{font-size:40px}}@media screen and (max-width:350px){.story-text{font-size:30px}}.overlay-div-caract{align-items:center;display:flex;height:100%;justify-content:center;transition:opacity 1s ease-out;width:100%}#caract-select-card-container-0,#caract-select-card-container-1,#caract-select-card-container-2{position:relative;transition:opacity 1s ease-out}#caract-select-card-container-0:before{background-color:#000;opacity:.5;transition:opacity 1s ease-out}#caract-select-card-container-0:hover:before{opacity:0}#caract-select-card-container-1:before{background-color:#000;opacity:.5;transition:opacity 1s ease-out}#caract-select-card-container-1:hover:before{opacity:0}#caract-select-card-container-2:before{background-color:#000;opacity:.5;transition:opacity 1s ease-out}#caract-select-card-container-2:hover:before{opacity:0}.choices-card{max-height:135px;min-height:135px;width:100px}@media screen and (max-width:700px){.choices-card{max-height:67px;min-height:67px;width:50px}}.card-choices-container{display:flex;flex-direction:column}.card-choices-row{display:flex;gap:2rem}.card-choices-wording{color:#fff;font-family:Font Perso,sans-serif}.card-choices-img{max-height:135px;min-height:135px;width:100px}@media screen and (max-width:1200px){.card-choices-absolute-container{top:20%}.card-choices-row-img{align-items:flex-end;flex-direction:column}}@media screen and (max-width:700px){.card-choices-img{max-height:67px;min-height:67px;width:50px}}@media screen and (max-width:400px) and (max-height:600px){.card-choices-absolute-container{top:30%}}.fight-containers-cards{align-items:center;display:flex;height:100%;opacity:0;transition:opacity 1s;z-index:5}.fight-container-card{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}.fight-card{width:40%}.collision-left{-webkit-transform:translateX(50%);transform:translateX(50%)}.left-attack{-webkit-transform:translateX(155%);transform:translateX(155%)}.right-attack{-webkit-transform:translateX(-155%);transform:translateX(-155%)}.little-right{-webkit-transform:translateX(10%);transform:translateX(10%)}.little-left{-webkit-transform:translateX(-10%);transform:translateX(-10%)}.collision-right{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fight-image{transition:all .5s cubic-bezier(.44,.23,.025,1.045);transition-timing-function:cubic-bezier(.44,.23,.025,1.045);width:100%}.fight-objects{display:flex;justify-content:space-around;opacity:0;transition:opacity 1s;width:40%}.animate-entrance{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.animate-entrance.animate-entrance-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.show-cards{opacity:1}.background-container-fight{background-color:#000;height:100%;opacity:.5;position:absolute;transition:opacity 2s;width:100%;z-index:1}.background-container-fight-show{opacity:0}.transform-none{-webkit-transform:none;transform:none}.card-opacity{-webkit-filter:brightness(.4);filter:brightness(.4)}.logo-vs-fight{color:#fff;font-family:Font Perso\ 2,sans-serif;font-size:170px;left:50%;opacity:0;position:absolute;top:42%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity 2s;z-index:10}.logo-vs-opacity{opacity:1}.fissure-image{height:95%;opacity:1;position:absolute;width:100%;z-index:10000001}.fissure-image-hide{display:none}@media screen and (max-width:1350){.logo-vs-fight{font-size:145px}}@media screen and (max-width:1100px){.logo-vs-fight{font-size:145px}}@media screen and (max-width:1000px){.logo-vs-fight{font-size:120px}.fight-card{width:45%}.left-attack{-webkit-transform:translateX(127%);transform:translateX(127%)}.right-attack{-webkit-transform:translateX(-127%);transform:translateX(-127%)}.collision-left{-webkit-transform:translateX(30%);transform:translateX(30%)}.collision-right{-webkit-transform:translateX(-30%);transform:translateX(-30%)}.transform-none{-webkit-transform:none;transform:none}}@media screen and (max-width:900px){.logo-vs-fight{font-size:100px}}@media screen and (max-width:800px){.logo-vs-fight{font-size:90px}}@media screen and (max-width:700px){.logo-vs-fight{font-size:120px}.fight-card{width:50%}.left-attack{-webkit-transform:translateX(105%);transform:translateX(105%)}.right-attack{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.collision-left{-webkit-transform:translateX(20%);transform:translateX(20%)}.collision-right{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.transform-none{-webkit-transform:none;transform:none}.logo-vs-fight{top:20%}}@media screen and (max-width:500px){.fight-objects{width:70%}.logo-vs-fight{font-size:100px}.fight-card{width:60%}.left-attack{-webkit-transform:translateX(72%);transform:translateX(72%)}.right-attack{-webkit-transform:translateX(-72%);transform:translateX(-72%)}.collision-left{-webkit-transform:translateX(20%);transform:translateX(20%)}.collision-right{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.transform-none{-webkit-transform:none;transform:none}}.wording-loader{font-family:Font Perso,sans-serif;font-size:50px;text-align:center}.container-loader{background-color:#e0e0de;border-radius:50px;height:30px;margin:50px;width:30%}.loader-informations{font-family:Font Perso\ 2,sans-serif;font-size:20px;font-weight:700;letter-spacing:2px}@media screen and (max-width:900px){.container-loader{width:80%}.wording-loader{font-size:30px}.loader-informations{font-size:17px;letter-spacing:1px}}