@import"https://fonts.googleapis.com/css2?family=Varela+Round&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fugaz+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Jomhuria&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:Asap Condensed,sans-serif;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#root{display:flex;flex-direction:column;min-height:100vh}.desk-nav-account,.desk-nav-leaderboard,.desk-nav-faq,.desk-nav-tutorial,.desk-nav-play,.nav-account,.nav-leaderboard,.nav-faq,.nav-tutorial,.nav-play{white-space:nowrap}.header{display:flex;padding:1rem;position:relative;background-color:#fff1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 0 10px #0000001a}.header-open{background-color:#121212}.navbar-desk{display:none}.navbar-mobile{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{width:100px;height:auto}.nav-left{display:flex;flex-direction:column;visibility:hidden;opacity:0;width:100%;position:absolute;top:100%;left:0;background-color:#121212;transition:transform .3s ease-in-out,visibility .3s ease-in-out,opacity .3s ease-in-out;transform:translate(-100%);padding-top:0rem;height:90vh}.nav-right{display:flex;align-items:center}.nav-account,.nav-leaderboard,.nav-faq,.nav-tutorial,.nav-guides,.nav-play{padding:1rem}.nav-account{padding-top:1rem}.nav-left a{font-size:1.2rem;text-decoration:none;transition:color .3s ease;border:1px solid var(--french-gray);background-color:#272727}.nav-left a,.nav-left a span{color:var(--french-gray);display:flex;gap:0 1rem}.nav-left a:hover,.nav-left a:hover span{color:#dfdfdf;transition:all .3s ease-in-out}.nav-left a span{font-family:Orbitron,sans-serif;font-optical-sizing:auto}.navbar-mobile .nav-left .nav-play{color:#fff}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;cursor:pointer;z-index:10}.hamburger-menu div{width:2rem;height:.25rem;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-menu.open div:nth-child(1){transform:rotate(45deg)}.hamburger-menu.open div:nth-child(2){opacity:0}.hamburger-menu.open div:nth-child(3){transform:rotate(-45deg)}.nav-left.open{display:flex;flex-direction:column;visibility:visible;opacity:1;width:100%;top:0;left:0;transition:transform .3s ease-in-out,visibility .3s ease-in-out,opacity .3s ease-in-out;transform:translate(0);z-index:9999;margin-top:4rem;height:100vh}.nav-left.open{display:flex;transform:translate(0)}.user-info-mobile{height:35px;padding:2rem 1rem;object-fit:cover;display:flex;align-items:center;gap:0 1rem;border:2px solid var(--french-gray);background-color:#d42f2f}.nav-play{text-align:center}img.nav-profile{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid white}.user-info-mobile p{color:#fff;font-family:Rubik Mono One,cursive}.nav-left img.nav-logo{width:85%;align-self:center;padding-top:2rem;padding-bottom:5rem}.nav-logo:hover{cursor:pointer}.nav-discord{min-width:30px;max-width:30px;margin-right:2rem}.nav-discord:hover{cursor:pointer;transform:scale(.9)}@media(min-width:600px){.nav-left{width:50%;height:90vh}.nav-left.open{width:50%}}@media(min-height:700px){.nav-left img.nav-logo{width:70%;align-self:center;padding-top:2rem;padding-bottom:5rem}}@media(min-width:900px){.header{padding:0 1rem}.navbar-mobile{display:none}.navbar-desk{display:flex;width:100%}.navbar-desk .navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem}.desk-nav-left{display:flex;align-items:center;width:50%;gap:0 3rem;min-height:100%}.desk-nav-left a{font-size:1rem;text-decoration:none;color:#fff;white-space:nowrap}.desk-nav-left a{display:flex;gap:0 .5rem;padding:0 .8rem;align-items:center}.desk-nav-left a span{font-size:.8rem;text-decoration:none;color:#fff;font-family:Orbitron,sans-serif;font-optical-sizing:auto;white-space:nowrap}.desk-nav-left a:hover span,.desk-nav-left a:hover{color:#dfdfdf;transition:all .3s ease-in-out}.desk-nav-right{display:flex;width:20%;justify-content:end;gap:0 1rem;align-items:center}.desk-nav-logo{width:100px;height:auto}.desk-nav-logo:hover{cursor:pointer}img.desk-nav-profile{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid white}img.desk-nav-profile:hover{cursor:pointer;border:2px solid rgba(230,59,59);transition:all .3s ease-in-out}a.header-play{padding:.5rem 2rem;background-color:#e63b3be6;color:#fff;border:none;cursor:pointer;display:flex;gap:0 .5rem}a.header-play span{font-family:Varela Round,sans-serif;font-size:1rem}a.header-play:hover{background-color:#ce2c2ce6;transition:all .3s ease-in-out;transform:scale(.9)}}@media(max-width:1166px){.desk-nav-left a span{display:none}}.footer{padding:10px;font-size:10px;margin-top:auto;background-color:#121212;padding:1.4rem;display:flex;justify-content:center}.footer p{color:#afafaf;text-align:center;line-height:1.3}.footer-desk{display:none}@media screen and (max-width:480px){.footer{font-size:8px;padding:1rem 2rem}}@media screen and (min-width:1028px){.footer-desk{display:block}.footer-mobile{display:none}}.home-main-container{display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%;align-items:center;padding-bottom:8.5rem;overflow-y:scroll;padding-top:2rem}.home-bottom-regions-container::-webkit-scrollbar,.home-main-container::-webkit-scrollbar{display:none}.home-top-desktop-text{display:none}.home-top-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.home-top-container main{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:500px}.home-top-text{max-width:270px;text-align:center;line-height:1.5}.home-top-tags{display:flex;gap:.5rem}.home-top-buttons{display:flex;gap:1rem}.home-bottom-container{display:flex;width:100%;justify-content:center}.home-bottom-regions-container{display:flex;justify-content:center;gap:1rem;padding:4rem 1rem 0;flex-wrap:wrap}.home-bottom-region{position:relative;width:100px;height:110px;display:flex;justify-content:center;padding:2rem}.home-bottom-region-title{position:absolute;bottom:10%;padding-left:10px;padding-top:20px;left:0}.home-bottom-region img{object-fit:contain;max-width:80px}.home-game-container{display:none}.home-top-container main>img.home-top-logo{max-width:90%}.home-top-image{max-width:80vw;margin-top:2rem}.home-top-text p{font-family:Orbitron,sans-serif;font-size:.8rem}.home-top-tag{background-color:#12121280;padding:.5rem;border-radius:5px;color:#dbdbdb;font-size:.8rem;box-shadow:0 0 10px #00000080}.home-top-buttons a{padding:.5rem 2rem;background-color:#e63b3be6;color:#fff;border:none;font-family:Varela Round,sans-serif;font-size:1rem;cursor:pointer;display:flex;gap:0 .5rem}.home-top-buttons a:hover{background-color:#ce2c2ce6;transition:all .3s ease-in-out;transform:scale(.9)}.home-bottom-region{background-color:#d4d4d42f;border-top:3px solid rgb(230,59,59)}.home-bottom-region:hover{background-color:#520606cc;transition:all .3s ease-in-out}.home-bottom-region:hover img{transform:scale(1.1);transition:all .3s ease-in-out}.home-bottom-region-title{font-family:Varela Round,sans-serif;font-size:.7rem}@media(min-width:840px){.home-top-desktop-text{display:block}.home-top-mobile-text{display:none}.home-main-container{align-items:start;padding-top:3rem}.home-top-container{flex-direction:row;padding-left:5rem;width:100vw;justify-content:center}.home-top-container main{align-self:start;align-items:start;padding-left:3rem}.home-top-text{max-width:300px;text-align:start;line-height:1.5}.home-top-container main>img.home-top-logo{margin-left:-2rem}.home-top-image{max-width:35vw;margin-top:2rem;margin-right:8rem}.home-bottom-container{margin-top:4rem}.home-bottom-regions-container{justify-content:start;flex-wrap:nowrap;overflow-x:auto;max-width:80%;white-space:nowrap}.home-game-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0;width:100%;margin-top:5rem;border-top:3px solid rgb(230,59,59);border-bottom:3px solid rgb(230,59,59);background-color:#22040499}.home-game-container>div{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0 3rem;overflow:hidden;padding:.3rem 0}.home-game-container>div::-webkit-scrollbar{display:none}.home-game-container>div{position:relative;width:100%}.home-game-container>div:before{content:"";background-image:url(../../placeholders/pattern.png);position:absolute;opacity:.5;top:0;left:0;width:100vw;height:100%;z-index:1}.home-game-image{max-width:31%;max-height:97%;z-index:2;border-radius:7px 20px;box-shadow:0 0 15px #d342ff80;border:1.5px solid rgb(241,19,19)}}.difficulty-container{overflow-y:scroll;height:100%;padding-bottom:10rem;display:flex;flex-direction:column;align-items:center}.difficulty-wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem}.difficulty-container::-webkit-scrollbar{display:none}.difficulty-filter{display:flex;flex-direction:column}.difficulty-main{display:flex;flex-direction:column;align-items:start}.difficulty-main-buttons{display:flex;gap:.5rem;flex-direction:column;width:100%;margin-top:-1rem}.difficulty-main-submit-button{align-self:center}.difficulty-main-submit-button{width:100%}.difficulty-main-submit-button button.end-game-details-playagain-button{width:100%;margin-bottom:1rem;padding:.8rem}.difficulty-container .stat-filters{position:static}.difficulty-regionimgs-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding:2rem 1rem 0;overflow-x:auto;max-width:300px}.difficulty-region{position:relative;width:100px;height:110px;display:flex;justify-content:center;padding:2rem;background-color:#d4d4d42f;border-top:3px solid rgb(230,59,59)}.difficulty-region:hover{background-color:#520606cc;transition:all .3s ease-in-out;cursor:pointer}.difficulty-region:hover img{transform:scale(1.1);transition:all .3s ease-in-out}.difficulty-region img{object-fit:contain;max-width:80px}.difficulty-lost{width:90%;display:flex;justify-content:center}.difficulty-lost>a{padding:.9rem;background-color:#e63b3b;box-shadow:0 0 20px #00000080;border:none;width:90%;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:-.1rem}.difficulty-lost>a:hover{background-color:#ce2c2ce6;transition:all .3s ease-in-out;transform:scale(.9)}.difficulty-lost>a span{font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:.8rem}.difficulty-lost>a .difficulty-lost-icon{font-size:.8rem;color:#fff}.difficulty-filter{display:flex;flex-direction:column;width:80%;gap:.5rem}.difficulty-main{gap:1rem}.difficulty-main-text{display:flex;flex-direction:column;gap:.5rem;align-items:center}.difficulty-main-text>div>p{width:220px;line-height:1.3;font-weight:700;padding-bottom:.5rem;border-bottom:1px solid white}.difficulty-main-text>div>h1{text-align:center}.difficulty-main-text>div{display:flex;flex-direction:column}.difficulty-main-settings li span{font-family:Orbitron,sans-serif;font-size:.8rem;min-width:120px;white-space:nowrap;font-weight:700;align-self:end}.difficulty-main-settings li span span{color:#fff;font-weight:700;font-size:.8rem;align-self:start}.difficulty-main-text>img{max-width:150px}.difficulty-main-buttons button{padding:.5rem;font-size:.7rem;width:90%;align-self:center}.difficulty-main-buttons button.easy{background-color:#4caf50;color:#fff}.difficulty-main-buttons button.med{background-color:#ec9f39;color:#fff}.difficulty-main-buttons button.hard{background-color:#df3f3f;color:#fff}.difficulty-main-buttons button.custom{background-color:#5a41c5;color:#fff}.difficulty-main-text h1{font-size:1.7rem;font-family:Orbitron,sans-serif;padding-bottom:.5rem;text-transform:uppercase}.difficulty-main-settings{display:flex;flex-direction:column;gap:.5rem;align-items:center;padding-bottom:2rem;padding-top:1rem;margin-bottom:-2rem}@keyframes ellipsis{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.difficulty-ellipsis-button:after{content:"";display:inline-block;animation:ellipsis 1.5s steps(5,end) infinite}@media(min-width:840px){.difficulty-main-text>img{display:flex;max-width:40%}.difficulty-wrapper .stat-filters .stat-filter{width:100%}.difficulty-container{flex-direction:column;margin-top:4rem}.difficulty-wrapper{flex-direction:row}.difficulty-main-settings{align-items:end}.difficulty-main-text{display:flex;flex-direction:row;gap:.5rem;align-items:center}.difficulty-main-text>div>h1{text-align:start}.difficulty-lost{width:100%}.difficulty-lost>a{width:100%}.difficulty-main-buttons{flex-direction:row}.difficulty-main-submit-button{align-self:start}.difficulty-regionimgs-container{max-width:1100px}.difficulty-main-buttons,.difficulty-main-submit-button button.end-game-details-playagain-button{width:80%}}.game-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;margin-top:-.1rem;height:100vh;overflow-y:auto;padding-bottom:10rem}.game-container::-webkit-scrollbar{display:none}.game-container .loader-container{display:flex;justify-content:center;align-items:center;height:10%;width:10%;align-self:center;margin-bottom:5rem}.game-team1-container{display:flex;flex-direction:column;max-width:100%}.game-team1-picks{display:flex;flex-direction:row}.game-team1-picks>div{width:20%}.game-team1-bans>div{display:flex}.game-team1-bans img{width:100%}.game-team1-picks img{width:100%;background-color:#000a12}.game-team1-picks .game-team-names img{background-color:transparent}.game-search-container{margin-bottom:2rem;display:flex;flex-direction:column}.game-searchbar{display:flex;justify-content:space-between;align-items:end;padding-bottom:1rem;border-bottom:3px solid white;background-color:var(--rich-black-2);padding:1rem}.game-searchbar input{background-color:#313131;border:2px solid black;color:#fff;width:100%}.game-searchbar input::placeholder{color:#a8a8a8;font-size:.5rem}.game-role-filters{display:flex;gap:0 0rem;align-items:center}.fa-volume-high,.fa-volume-xmark{color:#fff;padding:0 1rem}.fa-volume-xmark:hover,.fa-volume-high:hover{cursor:pointer;color:#bbb;transition:.3s ease}.game-search-champions{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:5px;padding:.5rem 1rem;justify-items:center}.champ-container{display:flex;flex-direction:column;align-items:center;gap:.3rem 0;margin:5px 0}.game-search-submit{display:flex;justify-content:space-between;padding:0rem 1rem 0;margin-top:1rem;align-items:center;gap:0 1rem}.game-team-names span{display:none}.game-team1-picks div{position:relative}.role-icon-mobile{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#121212af;padding:.3rem .7rem;border:1px solid white;box-sizing:border-box}.role-icon-mobile-img{width:50px;height:40px}.search-container-sp{margin-top:3rem;font-size:.8rem;text-align:center;color:#fff;max-width:80%;line-height:1.3;align-self:center}.blocked-champion{filter:grayscale(100%)}.game-team1-bans img{border:1.5px solid #800020}.game-team-names img{max-width:20px;max-height:20px}.game-role-filters img{width:25px;height:25px;margin:0 .2rem}.game-role-filters img:hover{cursor:pointer;transform:scale(1.1);transition:.3s}.champ-container span{font-size:12px}.game-timer{width:100%;background-color:#121212;margin-top:-.1rem}.champ-container img{width:70px;height:auto;border:1px solid white}.champ-container img:hover{border:2px solid var(--electric-blue);transform:scale(1.1);transition:.3s;cursor:pointer}.game-search-submit button{padding:1rem;background-color:#e63b3b;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 0 20px #00000080;border:none;margin-top:1rem;width:50%}.game-search-submit button span{font-family:Orbitron,sans-serif}.game-search-submit button.game-guess-button{background-color:var(--rich-black-2)}.game-search-submit button.game-guess-button:hover span{color:#d8d8d8}.team-image{width:50px}.game-team1-bans h2{width:100%;background-color:#360202;padding:.2rem 1rem}.game-team1-container>h2{width:100%;background-color:var(--rich-black-2);padding:.4rem 1rem;margin-top:-.15rem}.game-start-button span{font-size:1rem}.clicked{transform:scale(.8);transition:transform .1s ease}@keyframes flash{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.flash-animation{animation:flash 2s linear infinite}.flash-animation:hover{animation:none}.toomanyreqgame{text-align:center}@media(max-height:600px){.game-container{margin-bottom:5rem}}@media(min-width:540px)and (max-width:840px){.game-team1-bans{justify-content:center}.game-team1-bans div div{background-color:#080c14;border:1px solid red;display:flex;justify-content:center}.game-team1-bans div div img{max-width:70%}.game-team1-picks{justify-content:center}.game-team1-picks div{background-color:#080c14;border:1px solid rgb(255,255,255);display:flex;justify-content:center}.game-team1-picks div span{display:none}.game-team1-picks div img{max-width:70%}.game-searchbar input{width:30%}}@media(min-width:840px){.game-container{flex-direction:row;justify-content:space-around;padding-top:2rem;overflow-y:scroll;height:100%}.game-team-names .role-icon-mobile,.role-icon-mobile-img{display:none}.game-team-names span{display:flex;align-items:center;gap:0 1rem}.game-team1-picks{display:flex;flex-direction:column;gap:1rem 0}.game-search-container,#loader-game.loader-container.loader-game{width:300px}.game-team-names{display:block}.game-team1-container h2{display:none}.game-searchbar input{width:30%}.game-team1-bans img{max-width:50px;box-shadow:0 0 10px #800020}.game-team1-picks img{height:80px;width:250px;object-fit:cover;object-position:50% 10%}.game-team1-picks>div>img{box-shadow:0 0 10px #191a19}.game-team1-picks div,.game-team2-picks div{position:relative}.game-team1-picks div div,.game-team2-picks div div{position:absolute;bottom:0;left:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:.5rem 0;padding:1rem .5rem}.game-team-names>span{font-size:1rem;font-family:Asap Condensed,sans-serif;color:#fff;white-space:nowrap}.game-team-names span+span{font-size:.8rem;font-family:Asap Condensed,sans-serif;color:#c5c5c5}.game-searchbar{background-color:var(--dark-purple-2)}}@media(min-width:1024px){.game-search-container,#loader-game.loader-container.loader-game{width:500px}.game-container{padding-top:5rem;padding:5rem 2rem 0 3rem}.game-team1-container{align-items:center}.game-team1-picks img{width:250px}}@media(min-width:1280px){.game-search-container,#loader-game.loader-container.loader-game{width:600px}.game-team1-picks img{height:80px;width:350px;object-fit:cover;object-position:50% 10%}.game-team2-container{display:flex;flex-direction:column;max-width:100%;align-items:flex-end}}.end-game-container{display:flex;flex-direction:column;align-items:center;padding:0 1rem;margin:2rem 0 3rem}.end-game-container::-webkit-scrollbar{display:none}.noguesses-container{display:flex;align-items:center;justify-content:center;padding:10rem 0}.noguesses{text-align:center}.end-game-heading-container{display:flex;justify-content:space-around;align-items:center;gap:0 .5rem}.end-game-details{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:0 1rem}.end-game-details .end-game-text{display:flex;flex-direction:column;gap:.5rem 0;padding:2rem 0}.end-game-players{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem 6rem;margin-left:-2rem;width:100%}.end-game-players>div{display:flex;flex-direction:column;align-items:space-around;gap:.2rem 0}.end-game-players div div{max-width:50px;max-height:50px;display:flex}.end-game-region-logo{max-width:20px;object-fit:cover;object-position:top;margin-left:.5rem}.end-game-heading-container{width:100%}.end-game-heading{font-size:1.7rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1rem}.end-game-details .end-game-text p{font-size:1rem;font-weight:500;color:#fff;font-family:Orbitron,cursive}.end-game-details .end-game-emote img{max-width:80px}.end-game-players span{font-family:Jomhuria,cursive;font-size:1.5rem;text-align:center}.end-game-players img.player-image{max-width:100%;max-height:100%;object-fit:cover;object-position:top}.end-game-players img.role-icon{max-width:100%;max-height:100%}.end-game-details-playagain-button{padding:.8rem;background-color:#e63b3b;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:.8rem;box-shadow:0 0 20px #00000080;border:none;margin-top:1rem}.end-game-details-playagain-button:hover{background-color:#ce2c2ce6;transition:all .3s ease-in-out;transform:scale(.9)}.end-game-details-playagain-button span,.end-game-details-playagain-button>div{font-size:.45rem}.end-game-guess{display:flex;flex-direction:column;justify-content:center}.end-game-guess>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0 1rem}.end-game-guess>h2{font-family:Orbitron,sans-serif;padding-top:.5rem;margin-top:.5rem;border-top:1px solid #fff;color:#fff}.end-game-guess>div .end-game-details-playagain-button{width:100%;padding:.5rem;display:flex;justify-content:center;align-items:center;gap:0 .5rem}.end-game-details-playagain-button.endgameblue{background-color:#5be0e5cc}.end-game-details-playagain-button.endgamered{background-color:#f00c}@media(min-width:924px){.end-game-container{justify-content:start;margin-top:1rem;width:300px}.end-game-details{gap:0 1rem}.end-game-details .end-game-text{padding:1rem 0}.noguesses-container{align-items:start}.end-game-details .end-game-emote img{max-width:150px}.end-game-details .end-game-text p{font-size:1rem}.end-game-details-playagain-button span,.end-game-details-playagain-button>div{font-size:.6rem;white-space:nowrap}}@media(min-width:1024px){.end-game-container{width:500px}.end-game-details .end-game-text{width:40%}}@media(min-width:1440px){.end-game-container{min-width:600px}.end-game-details .end-game-emote img{max-width:180px}.end-game-details .end-game-text p{font-size:1rem}}.tutorial-desktop{display:none}.tutorial-container{height:100vh;margin-top:-.1rem;padding-bottom:10rem}.tutorial-container::-webkit-scrollbar{display:none}.tutorial-container-desk{display:none}.tutorial-mobile{display:flex;flex-direction:column;align-items:center;padding-top:6rem;height:100%;overflow-y:scroll}.tutorial-container-mb{height:100%;overflow-y:scroll;padding-bottom:10rem;padding-top:3rem}.tutorial-container-mb::-webkit-scrollbar{display:none}.tutorial-region-mb img{max-width:100px}.tutorial-top-container-mb{display:flex;flex-direction:column;align-items:center;gap:1rem}.tutorial-img-container-mb img{width:60vw;object-fit:cover;border:2px solid rgba(7,3,26,.39);border-radius:10px;box-shadow:0 0 20px #00000080}.tutorial-img-container-mb img:hover{cursor:pointer;box-shadow:0 0 20px #000000e6;transition:all .3s ease-in-out}.tutorial-navigation-mb{margin-top:1rem;width:100%;display:flex;justify-content:center;gap:.5rem;padding:1rem;background-color:#d4d4d42f;box-shadow:0 0 20px #00000080;border-radius:5px}.tutorial-navigation-mb button{width:10%;padding:.2rem;background-color:#d1d1d1;border:none;color:#fff;font-size:1rem;font-family:Orbitron,sans-serif}.tutorial-navigation-desk button:hover{background-color:#e63b3be6;transition:all .3s ease-in-out;padding:.2rem}.tutorial-text-container-mb{max-width:60vw;background-color:#0f0f0f81;width:80vw}.tutorial-text-container-mb>h2{padding:1rem;background-color:#e63b3b;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 0 20px #00000080}.tutorial-text-mb p,.tutorial-text-mb ul{padding:1rem;line-height:1.5;font-family:Varela Round,sans-serif;color:#fff}.tutorial-bot-container-mb{display:flex;flex-direction:column;align-items:center}.tutorial-bot-links-mb{display:flex;flex-direction:row;gap:1rem;margin-top:4rem;height:35px}.tutorial-bot-links-mb a{padding:.5rem 2rem;background-color:#e63b3be6;color:#fff;border:none;font-family:Varela Round,sans-serif;font-size:1rem;cursor:pointer;display:flex;gap:0 .5rem;justify-content:center;width:20vw}.tutorial-bot-links-mb a:hover{background-color:#ce2c2ce6;transition:all .3s ease-in-out;transform:scale(.9)}.tutorial-regions-imagesL-mb-2{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding:4rem 1rem 0;overflow-x:auto}.tutorial-region-mb{position:relative;width:100px;height:110px;display:flex;justify-content:center;padding:2rem;background-color:#d4d4d42f;border-top:3px solid rgb(230,59,59)}.tutorial-region-mb:hover{background-color:#520606cc;transition:all .3s ease-in-out;cursor:pointer}.tutorial-region-mb:hover img{transform:scale(1.1);transition:all .3s ease-in-out}.tutorial-region-mb img{object-fit:contain;max-width:80px}@media(min-width:550px){.tutorial-img-container-mb img{max-width:40vw}.tutorial-text-container-mb{max-width:40vw;background-color:#0f0f0f81}}@media(min-width:840px){.tutorial-container-desk{display:flex;flex-direction:column;align-items:center;padding-top:6rem;height:100%;padding-bottom:0rem;overflow-y:scroll}.tutorial-container-desk::-webkit-scrollbar,.tutorial-container-mb{display:none}.tutorial-img-container-desk img{object-fit:cover;border:2px solid rgba(7,3,26,.39);border-radius:10px;box-shadow:0 0 20px #00000080}.tutorial-img-container-desk img:hover{cursor:pointer;box-shadow:0 0 20px #000000e6;transition:all .3s ease-in-out}.tutorial-region-desk img{max-width:100px}.tutorial-top-container-desk{display:flex;flex-direction:row;gap:1rem}.tutorial-text-container-desk{max-width:20vw;background-color:#0f0f0f81;height:40vh;max-height:40vh;overflow-y:hidden;overflow:auto}.tutorial-text-container-desk::-webkit-scrollbar{display:none}.tutorial-text-container-desk>h2{padding:1rem;background-color:#e63b3b;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 0 20px #00000080}.tutorial-text-desk p{padding:1rem;line-height:1.5;font-family:Varela Round,sans-serif}.tutorial-img-container-desk img{max-width:500px}.tutorial-navigation-desk{margin-top:1rem;width:100%;display:flex;justify-content:center;gap:.5rem;padding:1rem;background-color:#d4d4d42f;box-shadow:0 0 20px #00000080;border-radius:5px}.tutorial-navigation-desk button{width:10%;padding:.2rem;background-color:#d1d1d1;border:none;color:#fff;font-size:1rem;font-family:Orbitron,sans-serif}.tutorial-navigation-desk button:hover{background-color:#e63b3be6;transition:all .3s ease-in-out;padding:.2rem}.tutorial-regions-imagesL-desk{display:none}.tutorial-regions-imagesL-desk-2{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:4rem}.tutorial-region-desk{position:relative;width:100px;height:110px;display:flex;justify-content:center;padding:2rem;background-color:#d4d4d42f;border-top:3px solid rgb(230,59,59)}.tutorial-region-desk:hover{background-color:#520606cc;transition:all .3s ease-in-out}.tutorial-region-desk:hover img{transform:scale(1.1);transition:all .3s ease-in-out}.tutorial-region-desk img{object-fit:contain;max-width:80px}.tutorial-bot-container-desk{display:flex;width:100%;justify-content:center;gap:1rem}.tutorial-bot-links{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-top:4rem;height:35px}.tutorial-bot-links a{padding:.5rem 2rem;background-color:#e63b3be6;color:#fff;border:none;font-family:Varela Round,sans-serif;font-size:1rem;cursor:pointer;display:flex;gap:0 .5rem}.tutorial-bot-links a:hover{background-color:#ce2c2ce6;transition:all .3s ease-in-out;transform:scale(.9)}}@media(min-width:1024px){.tutorial-img-container-desk img{max-width:600px}}@media(min-width:1300px){.tutorial-regions-imagesL-desk{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.tutorial-bot-links{display:flex;flex-direction:row;justify-content:start;gap:1rem;height:35px}.tutorial-regions-imagesL-desk-2{display:none}.tutorial-text-container-desk{height:50vh;max-height:50vh}}@media(min-width:1440px){.tutorial-img-container-desk img{max-width:700px}}@media(min-width:1600px){.tutorial-img-container-desk img{max-width:800px}}.guides-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-bottom:auto;padding-top:2rem;height:100vh;overflow-y:scroll;scroll-behavior:smooth;margin-bottom:4rem}.guides-container::-webkit-scrollbar{display:none}.guides-wrapper{display:grid;grid-template-columns:1fr;gap:4rem 1rem;padding:1rem 1rem 8rem;width:100%;margin-bottom:5rem}.guides-wrapper>section{display:flex;flex-direction:column;justify-content:center;padding:2rem;box-shadow:0 0 10px #00000080}.guides-wrapper>section:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:1rem;opacity:.3}.guides-wrapper section .guide-content{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.5rem;margin-top:1rem}.guides-container>h1{font-size:2rem;padding:1rem 2rem;width:85%;text-align:start;text-transform:uppercase;padding:1rem;background-color:#e63b3b02;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 0 20px #00000080}.image-container{position:relative;height:auto}.image-container:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#13131333,#c5c5c533);opacity:0;transition:opacity .5s ease;cursor:pointer}.image-container:hover:before{opacity:1}.image-container img{width:100%;height:auto;display:block;border:1px solid var(--french-gray);border-radius:.3rem}.guides-wrapper a:hover{transition:all .3s;color:#44a8ac}@media(min-width:600px){.guides-wrapper>section{flex-direction:row;gap:2rem}}@media(min-width:700px){.guides-container{padding:4rem 3rem 0;margin-top:0}.guides-wrapper>section{flex-direction:column;gap:0;align-items:center}.guides-wrapper{grid-template-columns:1fr 1fr}.guides-wrapper{width:80%}.guides-wrapper img{width:100%;height:100%}.guides-container>h1{width:80%}}@media(min-width:1480px){.guides-wrapper iframe{max-width:100%;min-height:200px}.guides-wrapper{grid-template-columns:1fr 1fr 1fr}.guides-wrapper{width:80%}.guides-wrapper img{width:100%;height:100%}.guides-container>h1{width:73%}.guides-wrapper{padding:1rem 4rem 8rem}}.help-wrapper{display:flex;flex-direction:column;align-items:center;padding-top:3rem;padding-bottom:10rem;height:100vh;overflow-y:scroll}.help-wrapper::-webkit-scrollbar{display:none}.help-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.help-wrapper>h1{font-size:2rem;margin-bottom:1rem;font-family:Orbitron,sans-serif;padding:1rem;background-color:#e63b3bad;width:80vw;box-shadow:0 0 20px #00000080;text-align:end;text-transform:uppercase}.help-container-questions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;min-width:70vw;max-width:70vw}.help-question-container>p{line-height:1.5;background-color:#0f0f0f81;font-size:.8rem}.help-question-container>p.open{padding:10px}.help-container button{min-width:70vw;max-width:70vw;display:flex;justify-content:space-between;padding:10px 20px;background-color:#580606b3;box-shadow:0 0 20px #00000080;border:none;color:#fff}.help-container button p{text-align:end;font-size:1rem}.help-container-2{align-self:flex-start;display:flex;flex-direction:column}.help-container-2 h2{font-family:Orbitron,sans-serif;font-size:1.1rem}.help-question-container p.help-question{font-family:Orbitron,sans-serif;font-size:.7rem}.help-question-container p.help-answer{font-family:Varela Round,sans-serif;font-size:.7rem}.help-usefullinks{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;font-size:1.5rem}.help-usefullinks a{text-decoration:none;border-bottom:1px solid transparent;font-size:1rem;color:#f8f8f8;font-family:Varela Round,sans-serif;padding-bottom:.5rem}.help-usefullinks a:hover{color:#e7e5e7;border-bottom:1px solid red}@media(min-width:600px){.help-container{flex-direction:row;padding-bottom:5rem}.help-container-questions,.help-container button{min-width:45vw;max-width:45vw}.help-wrapper>h1{margin-left:-17rem;width:45vw}}@media(min-width:1024px){.help-container-questions,.help-container button{min-width:30vw;max-width:30vw}.help-wrapper>h1{width:30vw}}@media(min-width:1440px){.help-container-questions,.help-container button{min-width:25vw;max-width:25vw}.help-wrapper>h1{width:25vw}}.fourofour{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%}.fourofour h1{font-size:5rem;margin-bottom:1rem;text-align:center}.fourofour p{font-size:.8rem;margin-bottom:1rem;text-align:center}@media(min-width:768px){.fourofour p{font-size:1.5rem}}.stat-container{overflow-y:scroll;height:100%;padding-bottom:20rem;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;padding-top:2rem}.stat-container::-webkit-scrollbar{display:none}.stat-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;width:100%}.stat-header{padding:1rem;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1.1rem;text-align:center}.stat-filters{display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem 1rem 2rem;gap:1rem;background-color:#e63b3b02}.stat-filter{display:flex;flex-direction:column;width:80%;gap:.5rem}.stat-filter label{padding:.5rem;background-color:#e63b3b9d;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 0 20px #00000080}.stat-filter select{padding:.5rem;font-family:Varela Round,sans-serif;font-size:1rem;color:#fff;background-color:#ffffff15;border:none;box-shadow:0 0 20px #00000080}.stat-filter select::-webkit-scrollbar{width:2px;background-color:#424242}.stat-filter select::-webkit-scrollbar-thumb{background-color:red}.stat-filter select option,.stat-filter select optgroup,.stat-filter select option:checked{color:#fff}.stat-filter select optgroup,.stat-filter select option{color:#fff;background-color:#000}.stat-table-wrapper{width:100%;display:flex;justify-content:center}.stat-table{overflow-x:scroll;margin-top:1rem;color:#fff;display:flex}.stat-table::-webkit-scrollbar{display:none}.stat-table-header{display:flex;align-items:center;justify-content:center}.stat-table thead th{background-color:#e63b3b;color:#fff;font-family:Orbitron,sans-serif;font-weight:700;font-size:.7rem;padding:.5rem;border:1px solid white}.stat-table tbody tr{text-align:center}.stat-table tbody td{padding:.5rem;font-family:Varela Round,sans-serif;font-size:.8rem;border:1px solid white;vertical-align:middle}.stat-table tbody tr:nth-child(odd){background-color:#1212128e}.stat-table tbody tr:nth-child(2n){background-color:#363636ab}.stat-champ-container{display:flex;align-items:center;gap:.5rem;width:100px}.stat-champ-container img{max-width:30px}.stat-teams-regions-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding:1rem 1rem 0;overflow-x:auto}.stat-teams-region{position:relative;width:100px;height:110px;display:flex;justify-content:center;padding:2rem;background-color:#d4d4d42f;border-top:3px solid rgb(230,59,59)}.stat-teams-region:hover{background-color:#520606cc;transition:all .3s ease-in-out;cursor:pointer}.stat-teams-region:hover img{transform:scale(1.1);transition:all .3s ease-in-out}.stat-teams-region img{object-fit:contain;max-width:80px}.stat-error{display:flex;align-items:center;justify-content:center;width:100%;height:40vh}.stat-error p{font-size:1.3rem;color:#fff;margin-top:1rem;font-family:Varela Round,sans-serif;text-align:center;width:80%;line-height:1.3}@media(min-width:700px){.stat-filters{width:50vw}}@media(min-width:1024px){.stat-content{flex-direction:row;align-items:start;justify-content:center;width:auto}.stat-error{line-height:1.3}.stat-table-wrapper{width:auto}.stat-header{width:65.2%}.stat-filters{width:auto;box-shadow:none;position:sticky;top:0}.stat-teams-regions-container{position:sticky;top:0}.stat-teams-regions-container{max-width:500px}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translate(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translate(-5px)}.authen-container{display:flex;flex-direction:column;padding:5rem 0 7rem;height:100%;gap:2rem;overflow-y:scroll;width:100%}.authen-content,.authen-images{display:flex;flex-direction:column;align-items:center}.authen-container::-webkit-scrollbar{display:none}.authen-topright-top{width:80vw;padding:1rem 1rem 5rem;box-shadow:0 0 10px #0000004d;background-color:#d4d4d41a;display:flex;flex-direction:column;gap:1rem;height:500px}.authen-topright-top>h5{font-family:Orbitron,sans-serif;font-size:.8rem}.authen-topright-top>h1 span{font-family:Orbitron,sans-serif;font-size:2.5rem;color:#e63535}.authen-topright-top>h1 span+span{font-family:Orbitron,sans-serif;font-size:2.5rem;color:#fff}.authen-topright-top>p.authen-switch{font-family:Varela Round,sans-serif;font-size:.7rem}.authen-switch:hover{cursor:pointer;color:#d6d6d6;transition:all .3s ease-in-out}.authen-cred-container{display:flex;flex-direction:column;gap:1rem;border-radius:10px}.authen-input-container{display:flex;flex-direction:column;gap:.5rem}.authen-input{display:flex;flex-direction:column}.authen-input input{padding:.8rem;border:1px solid var(--black);border-radius:3px;color:red}.authen-input input[type=text]{background-color:transparent;color:#fff;cursor:pointer;border:none;outline:1px solid var(--french-gray)}.authen-input input::placeholder{color:#f0eeee}.authen-input-container p{font-size:.7rem;font-family:Varela Round,sans-serif}.authen-button{padding:.5rem 2rem;background-color:#e63b3be6;color:#fff;border:none;font-family:Varela Round,sans-serif;font-size:1rem;cursor:pointer;display:flex;gap:0 .5rem}p.authen-error{color:#f7f4f4;font-size:1rem;line-height:1.3;font-weight:700;font-family:Marcellus SC,sans-serif}.authen-botleft-container{display:flex;flex-direction:column;gap:2rem}.authen-botleft-container img,.authen-botleft-container img.authen-botleft-image{width:80vw}.authen-guidelines{display:flex;flex-direction:column;align-items:center}.authen-guidelines h1,.authen-guidelines ul{max-width:200px}.authen-guidelines h1{padding:1rem;background-color:#e63b3b;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 0 20px #00000080}.authen-guidelines ul{padding:0}.authen-guidelines ul li{font-family:Varela Round,sans-serif;font-size:.9rem;color:#fff;padding:.5rem 0;line-height:1.4}@media(min-width:640px){.authen-topright-top,.authen-botleft-container img,.authen-botleft-container img.authen-botleft-image{width:60vw}}@media(min-width:840px){.authen-container{flex-direction:row;justify-content:center}.authen-topright-top,.authen-botleft-container img{width:30vw}.authen-botleft-container img.authen-botleft-image{width:24vw}}@media(min-width:1024px){.authen-topright-top,.authen-botleft-container img{width:30vw}.authen-botleft-container img.authen-botleft-image{width:15vw}}@media(min-width:1280px){.authen-topright-top,.authen-botleft-container img{width:20vw}}.profile-container2{display:flex;flex-direction:column;width:100vw;height:100vh;align-items:center;padding-top:5rem;overflow-y:scroll;padding-bottom:10rem}.profile-container2::-webkit-scrollbar{display:none}.profile-topright{display:flex;flex-direction:column;width:80vw}.profile-topright-nav{display:flex;flex-direction:row}.phome-component-top{display:flex;flex-direction:column}.phome-component-container{margin-top:1rem}.profile-topright>h1{padding:1rem;background-color:#d124249f;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 0 20px #00000080}.profile-topright-nav button{width:33.33%;padding:.5rem;border:1px solid white;background-color:#b62727;color:#fff;font-size:1rem;font-family:Orbitron,sans-serif}.phome-component-top>h1{padding:1rem;background-color:#e63b3b17;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 0 20px #00000080}.phome-component-top img{box-shadow:0 0 20px #00000080;border-radius:5px}.phome-component-bot{display:flex;flex-direction:column;gap:1rem}.phome-component-bot li{padding:1rem;background-color:#ececec17;color:#fff;border:none;font-family:Varela Round,sans-serif;display:flex;justify-content:space-between}.phome-component-bot li p{align-self:end}.profile-topright>h1{width:100%}.bigLogo{max-width:80vw}.peditprof-container{display:flex;flex-direction:column;gap:1rem}.peditprof-pagination{display:flex;flex-direction:column;gap:.5rem}.peditprof-pagination button{padding:1rem;background-color:#e63b3b;font-family:Orbitron,sans-serif;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 0 20px #00000080;border:none}.peditprof-container ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.peditprof-container ul li img{max-width:100%}.peditprof-container ul li img:hover{transform:scale(1.1);transition:all .3s ease-in-out;box-shadow:0 0 20px #00000080;cursor:pointer}.peditprof-msg{color:#f7f4f4;font-size:.6rem;line-height:1.3;font-weight:700;font-family:Marcellus SC,sans-serif;max-width:100px;word-wrap:break-word}@media(min-width:420px){.profile-topright{width:40vw}.bigLogo{max-width:40vw}}@media(min-width:600px){.profile-topright{width:50vw}.bigLogo{max-width:50vw}}@media(min-width:840px){.profile-content2{display:flex;flex-direction:row}.profile-topright{width:auto;gap:1rem}.profile-topright-content{display:flex;flex-direction:row;gap:1rem}.profile-topright-nav{display:flex;flex-direction:column}.phome-component-top{display:flex;flex-direction:row;justify-content:end;gap:1rem}.phome-component-container{margin-top:0rem;display:flex;flex-direction:column;gap:1rem}.phome-component-bot li{width:100%}.profile-topright>h1{width:100%}ul.phome-component-bot{display:grid;grid-template-columns:repeat(2,1fr)}.profile-topright-nav button{width:100%}.phome-component-top>h1{max-height:50px;width:220px}.bigLogo{max-width:20vw}.peditprof-container{display:flex;flex-direction:row;gap:1rem}.peditprof-container ul{margin-top:0}.peditprof-container ul li img{max-width:100px}}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}#css-loaded-marker{display:none;color:#123456}.react-loading-skeleton{height:20px;margin-bottom:10px}:root{--rich-black: #07031aff;--dark-purple: #221e37ff;--rich-black-2: #08051bff;--rich-black-22: rgba(8, 5, 27, .6);--rich-black-3: #0a051aff;--french-gray: #b2b2bcff;--dark-purple-2: rgba(34, 30, 55, .6);--black: #000000ff;--black-2: #000000ff;--dark-slate-gray: #455e63ff;--electric-blue: #5be0e5ff;--electric-blue-2: rgb(17, 150, 177);--night: #0b0b0bff}body{background-color:var(--rich-black);background-size:cover;background-position:center}body::-webkit-scrollbar,.content::-webkit-scrollbar,#root::-webkit-scrollbar{width:0px}body::-webkit-scrollbar-track,.content::-webkit-scrollbar-track,#root::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-thumb,#root::-webkit-scrollbar-thumb{background-color:var(--dark-purple);border-radius:20px}body::-webkit-scrollbar-thumb:hover,.content::-webkit-scrollbar-thumb:hover,#root::-webkit-scrollbar-thumb:hover{background-color:var(--dark-purple-2)}*{font-family:Varela Round,sans-serif;box-sizing:border-box}a:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover{cursor:pointer}p,span,h1,h2,h3,h4,h5,h6,label,a,input[type=text],input[type=password],input[type=email]{color:#fff}body,#root{overflow-y:hidden;scroll-behavior:smooth}a{text-decoration:none;color:var(--electric-blue)}.layout-container{display:flex;flex-direction:column;height:100vh}.header{flex-shrink:0;position:fixed;top:0;width:100%;z-index:100}.content{overflow-y:hidden;scroll-behavior:smooth;flex-grow:2;padding-top:4.5rem;height:100%;margin:0;display:flex;flex-direction:column}.content{background-image:url(/placeholders/champselect.jpg);background-size:cover;background-position:center}.footer{flex-shrink:0;position:fixed;bottom:0;width:100%;z-index:100}.tippy-box{margin-top:.3rem}.tippy-box.move-left{margin-right:2rem}.tippy-box.move-right{margin-left:1.5rem}.content .loader-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;gap:1rem}.content .game-container .loader-container{width:23%}@media(min-width:840px){.content{padding-top:4.5rem}}@media(max-width:840px){.game-container .loader-container{margin:13rem}}.loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:70px;height:70px;color:#fff;display:flex;justify-content:center;align-items:center}.difficulty-container .loader{margin-top:1rem}.loader:before,.loader:after{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:1s spin linear infinite}.loader:after{color:#e63b3b;transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}.fade-in-fwd{-webkit-animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1) .2s both;animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1) .2s both}@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}