.app{min-height:100%;width:100%;z-index:1}button{font-family:Lexend,sans-serif}.AppContainer{min-height:100vh;max-height:100vh;display:flex;flex:1;flex-direction:column;align-items:center}.pageContainer{display:flex;flex:1;width:100%}.Arrangement{display:flex;flex-direction:column;margin-left:5%;margin-right:5%;flex:1;justify-content:start;align-items:center;gap:6vh}.undraggable{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.LogoMainContainer{justify-content:center}.LogoMain{justify-content:center;width:100%}.HeaderMainpage{display:grid;justify-content:center;grid-template-columns:1fr 2fr 2fr 2fr 1fr;grid-template-rows:7vh;margin-top:5.5vh;width:100%}.Button{background-color:#e7e7e7;border-radius:40px;border-width:0px;font-family:Lexend,sans-serif;font-size:1.2vw;font-weight:600;width:auto;height:100%;display:flex;text-align:center;justify-content:center;align-items:center;line-height:1;z-index:1}.Guessbutton{width:20%;height:8vh}.Button:hover{background-color:#c7c7c7;cursor:pointer}.BackButton{background-color:#e7e7e7;border-radius:40px;border-width:0px;padding:2vh 3vw 2vh 3vw;font-family:Lexend,sans-serif;font-size:1.2vw;font-weight:600;width:auto;height:100%;flex:0 0 auto;text-align:center;justify-content:center;align-items:center;display:inline-block;line-height:1;z-index:1}.SettingsButton{display:flex;justify-content:center;height:100%;border-radius:50%;aspect-ratio:1/1;padding:0;border-width:0px}.SettingsIcon{width:1.2vw}.PersonalElements{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;height:100%;gap:3%}.BodyMainpage{width:100%;justify-content:center;align-items:center;display:flex;flex:1}.FooterMainpage{align-self:center;height:8vh;min-height:8vh;width:90%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:5vh}.FooterIcon{align-self:start}.FooterCopyright{align-self:center}.FooterLegal{align-self:end;align-items:end;max-height:100%}.AdWrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:98%;justify-content:space-between;display:flex;flex-direction:row;flex:1;z-index:-999}.AdStacker{display:flex;flex-direction:column;gap:5vh}.AdContainerSkyscraper{width:250px;height:250px;background-color:#e7e7e7;min-width:160px;z-index:-999}.AdContainerBanner{width:960px;height:90px;background-color:#e7e7e7;min-width:960px;z-index:-999}.MenuContainer{display:flex;flex-direction:row;gap:2vw;align-items:center;margin-left:3vw;margin-right:3vw}.MenuItem{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:25vw;height:25vw;background-color:#d9d9d9;transition:.2s;border-radius:40px;border:0px;font-family:Lexend,sans-serif}.MenuItem:hover{background-color:#c7c7c7;transition:.2s;cursor:pointer}.InnerMenu{display:flex;flex-direction:column;width:75%;gap:2vh}.MenuHeadline{font-weight:700;font-size:1.8vw}.MenuSubtitle{font-weight:500;font-size:1vw;color:#535353}.MenuDescription{font-weight:400;font-size:1.2vw}.LegaltextMP{display:flex;flex-direction:column;align-items:end;z-index:10;height:100%}.LegaltextButton{display:flex;flex:none;background-color:transparent;color:#535353;border:0px;font-size:1.2cqh!important}.LegaltextButton:hover{cursor:pointer;color:#000}.Lexend{font-family:Lexend,sans-serif;font-size:1vw;font-weight:400}.BodyLogin{width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;flex:1;justify-content:center}.LoginformContainer{background-color:#e7e7e7;width:100%;max-height:60vh;display:flex;justify-content:center;align-items:center;padding:3vh .5vw 4vh .5vw;border-radius:40px;flex-direction:column;gap:2vh}.FormContainer{display:flex;width:25%}.LogoOnboarding{width:8vw}.LoginHeadline{font-size:2.5vh;font-weight:700}.Inputs{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:2vh}.FormItemContainer{display:flex;flex-direction:column;width:60%;height:25%;align-items:center;gap:.5vh}.InputLabel{align-self:flex-start;font-weight:600;font-size:2vh}.Input{display:flex;height:4vh;width:100%;padding-left:1vw;border-radius:40px;border-color:#fff;border-width:.2vw;border-style:solid;font-size:1.7vh;font-family:Lexend,sans-serif}.JoinInput{width:40%;height:100%;padding:0;border:0px;padding-left:1vw;border-radius:40px;border-color:#fff;font-size:1.7vh;font-family:Lexend,sans-serif;text-transform:uppercase}.Input:hover,.Input:active{border-color:#b5b4c5}.LoginButtonForm{background-color:#fff;width:50%;display:flex;justify-content:center;align-items:center;font-size:2vh;font-weight:700;border:.15vw solid white}.LoginButton{flex:1}.LoginButtonForm:hover{background-color:#fff;border:.15vw solid #B5B4C5}.Seperator{display:flex;flex-direction:row;width:70%;gap:.5vw;font-weight:600}.Seperator:before,.Seperator:after{content:"";flex:1 1;border-bottom:.35vh solid #B5B4C5;margin:auto}.ExternalLogins{display:flex;flex-direction:row;gap:3vw;width:67%}.AuthButton{width:100%;display:flex;background-color:#fff;border-width:0;border-radius:40px;height:5vh;justify-content:center;align-items:center;gap:1vw;font-size:2vh;padding:1vh 1.5vw 1vh 1.5vw;border:.15vw solid white}.AuthButtonImg{height:4vh}.AuthButton:hover{cursor:pointer;border:.15vw solid #B5B4C5}.CreateAccount{font-size:1.75vh;padding:0}.CreateAccount:hover{background-color:transparent;color:#535353}.SignupformContainer{background-color:#e7e7e7;width:100%;max-height:60vh;display:flex;justify-content:center;align-items:center;padding:3vh .5vw 4vh .5vw;border-radius:40px;flex-direction:column;gap:2.5vh}.PopupContainer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:5;-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem);display:flex;justify-content:center;align-items:center}.PopupWindow{position:relative;background-color:#d9d9d9;width:30%;aspect-ratio:1/1;border-radius:40px;box-shadow:10px 10px 30px #3d3d3d91}.ClosePopup{width:8%;aspect-ratio:1/1;position:absolute;right:5%;top:5%;border-radius:20px;border-width:0px}.ClosePopup:hover{background-color:#cecece;cursor:pointer}.NoAccNotice{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;gap:8%}.PopupTitle{font-size:1.8vw;font-weight:700}.PopupTextblock{width:70%;font-size:1.2vw}.PopupButtonRow{display:flex;width:80%;gap:8%;height:6vh;justify-content:center}.PopupButton{background-color:#f0f0f0;height:100%;width:40%;font-size:1.2vw}.PopupButton:hover{cursor:pointer;background-color:#cecece}.FW700{font-weight:700}.LogoFooter{height:8vh;z-index:10;justify-content:center}.ConfigHeadertext,.ConfigHeadertextVersus{text-align:center;font-size:3vh;font-weight:700;display:flex;justify-content:center;align-items:center;background-color:transparent;border:0}.ConfigHeadertextVersus:hover{cursor:pointer;filter:invert(12%) sepia(0%) saturate(0%) hue-rotate(42deg) brightness(99%) contrast(93%)}.LinkCopyFeedback{animation-duration:2s;animation-name:click-feedback;animation-iteration-count:infinite;animation-direction:alternate}@keyframes click-feedback{0%{filter:invert(19%) sepia(85%) saturate(1863%) hue-rotate(117deg) brightness(91%) contrast(104%)}to{filter:invert(0%) sepia(97%) saturate(0%) hue-rotate(67deg) brightness(96%) contrast(104%)}}.ProfileNamefield{width:100%;height:4vh;background-color:#e7e7e7;border-radius:40px;border-width:0px;padding:1vh 2vh;font-size:3vh;font-weight:600}.StaticNamefield{width:100%}.ProfileNamefield:disabled{background-color:red}.BodyProfile{width:45%;align-items:center;justify-content:center;display:flex;flex:1;flex-direction:column;gap:8vh}.ProfileNameContainer{display:flex;width:100%;height:4vh;flex-direction:row;justify-content:start;align-items:center;font-size:4vh;font-weight:700;gap:2vw}.ProfileStatContainer{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:3vw}.StatsSingleplayer,.StatsMultiplayer{display:flex;flex-direction:column}.NameChangeButton{background-color:#e7e7e7;border-radius:40px;border-width:0px;padding:1vh 2vh;font-size:600}.NameChangeButton:hover{cursor:pointer;background-color:#cecece}.LogoutContainer{width:100%;display:flex;align-items:start;justify-content:start}.ButtonLogout{background-color:#ff5f5f;border-radius:40px;border-width:0px;padding:1vh 3vh;font-size:800;color:#fff}.ButtonLogout:hover{cursor:pointer;background-color:#ff4747}.StatsHeading{font-size:2.5vh;font-weight:600;padding-bottom:3vh}table{border-collapse:collapse;width:50%;gap:1vh}tbody{display:flex;flex-direction:column;gap:1.5vh}.StatsRow{display:flex;flex-direction:row;flex:1}.StatLabel{width:70%;display:flex;text-align:left}.StatValue{width:30%;display:flex;text-align:left;align-self:flex-end}.ConfigWrapper{display:flex;width:45%;gap:3vw;height:80%;justify-content:center;align-items:center;font-size:3vh;text-align:center}.ConfigGameInner{gap:2vh;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.ConfigGameMode{font-size:1.2vw;color:#535353}.ConfigGameExplination{font-size:1.9vh;width:80%;margin-bottom:2vh}.ConfigGameStartButton{width:60%;height:6vh}.GameBody{width:75%;display:flex;gap:1.5vh;justify-content:center;align-items:center;flex-direction:column}.ChoiceWrapper{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3%}.GuessImage{width:100%;aspect-ratio:1/1}.GuessImageButton{background-color:#b5b4c5;width:65%;display:flex;padding:0;border:3px solid transparent;border-radius:40px;overflow:hidden}.GuessImageButton:hover{border:3px #77ffff solid}.ImgSelected{border:3px #ffc506 solid}.ImgCorrect{border:3px #06ff1b solid}.ImgIncorrect{border:3px #ff0606 solid}.ImgSelected:hover{border:3px #ffc506 solid}.ImgLoading{width:100%;aspect-ratio:1/1;background-color:#535353}.EndGameContainer{display:flex;flex-direction:column;gap:3vh;justify-content:start;width:65%;height:100%}.EndgameStatline{text-align:center;font-size:2.7vh}.EndGameButtons{margin-top:4vh;height:6vh;display:flex;gap:4vw;justify-content:center}.EndgameButton{width:10vw}.StatNumber{font-weight:700;font-size:3.5vh;display:inline-block}.Bold{font-weight:700;font-size:3.5vh}.Heart{width:1.5vw}.RoundStats{display:flex;flex-direction:row;font-weight:700;font-size:2vh;justify-content:end;align-items:center}.Question{display:flex;font-weight:700;font-size:2vh;align-items:center;justify-content:center}.HeartsContainer{display:flex;gap:.5vw;align-items:center;justify-content:start}.StatsContainer{width:100%;display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr 1fr;grid-template-rows:repeat(1,1fr)}.PlayerPB{font-size:2vh;width:30%;display:flex;justify-content:center;align-items:center;text-align:center;padding:.8rem;aspect-ratio:1/1;border-radius:50%}.PlayerPB-color-0{background-color:#4cce7e}.PlayerPB-color-1{background-color:#4cb4ce}.PlayerPB-color-2{background-color:#734cce}.PlayerPB-color-3{background-color:#ce4cc3}.PlayerPB-color-4{background-color:#ce964c}.PlayerPB-color-5{background-color:#ce4c4c}.PlayerPB-color-6{background-color:#4c55ce}.PlayerPB-color-7{background-color:#4cce4c}.PlayerCard{font-size:1.4vh;display:flex;flex-direction:column;gap:.2rem;margin:1.2rem;text-align:center;white-space:nowrap;align-items:center;justify-content:center}.PlayersHeader{font-size:2vh;margin-bottom:-1%;font-weight:600}.PlayerDisplay{background-color:#e7e7e7;border-radius:40px;display:grid;width:80%;justify-content:center;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;font-size:1.5vw}.PBRingContainer{display:flex;justify-content:center;align-items:center;position:relative}.PlayerPBLives{font-size:1.6vh;width:1vw;height:1vw;display:flex;justify-content:center;align-items:center;text-align:center;padding:.8rem;border-radius:50%}.PlayerCardAbs{display:flex;justify-content:center;align-items:center;z-index:-10;aspect-ratio:1/1}.LivesRing{position:absolute;width:2.6vw;height:2.6vw;top:50%;left:50%;transform:translate(-50%,-50%)}.PlayerLivesCard{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:.85rem}.PlayerCardsHeaderContainer{display:grid;flex-direction:row;height:100%;grid-template-columns:repeat(4,1fr);padding-left:1rem;padding-right:1rem}.EndOfGameTable{display:flex;flex-direction:column;padding:2vh 2vw 2vh 2vw;gap:1vh;overflow-y:scroll;max-height:30vh;min-height:30vh}.EndOfGameRank{display:flex;justify-content:center;align-items:center}.EOGCardContainer{display:flex;background-color:#e7e7e7;align-items:center;padding:1vh 2vw 1vh 2vw;border-radius:20px;z-index:10}.EndOfGameCard{display:grid;grid-template-columns:2% 15% 28% 28% 28%;align-items:center;justify-content:center;width:100%;height:auto;z-index:10}.RadioButtonSelected{font-size:1.5vh;background-color:#ffb764}.RadioButtonSelected:hover{background-color:#da9d57}.RadioButtonDeSelected{font-size:1.5vh;background-color:#fff}.LeaderboardWrapper{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:1fr 1fr 9fr;gap:1vh;height:80%;width:55%}.LeaderboardSortSelectorWrapper{display:grid;grid-template-columns:4fr 1fr 4fr;height:100%;width:70%}.LeaderboardSelectorGroup{display:flex;flex:1;gap:.5vw;justify-content:center;flex-direction:row;background-color:#e7e7e7;padding:1vh 1vw 1vh 1vw;border-radius:40px}.LeaderboardBody{display:flex;flex-direction:column;gap:1vh;overflow-y:scroll;max-height:35vh}.LeaderboardCard{display:grid;grid-template-columns:5% 15% 40% 40%;align-items:center;justify-content:center;width:100%;height:auto;z-index:10;text-align:center}.LBPlayerWrapper{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:2vw}.LBCardContainer{display:flex;background-color:#e7e7e7;padding:1vh 2vw 1vh 2vw;border-radius:40px;z-index:10;width:90%}.LeaderboardLabels{display:grid;background-color:#e7e7e7;border-radius:40px;grid-template-columns:5% 55% 40%;align-items:center;justify-content:center;width:89%;z-index:10;padding:1vh 2vw 1vh 2vw;text-align:center}.LinkButton{height:3vh;color:#000}.LangSelectWrapper{display:flex;width:70%;max-width:70%;gap:1.5vh;align-items:start;flex-direction:column;font-size:3vh;height:35%}.LanguagesContainer{display:grid;height:100%;width:100%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:1vw}.ButtonLangSelect{width:100%;height:100%;padding:1vh 2vw 1vh 2vw;font-size:1.5vh}.SettingsWrapper{height:100%;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ButtonDelAcc{width:100%;height:100%;padding:1vh 2vw 1vh 2vw;font-size:1.5vh;color:#fff;background-color:#ff3737}.SettingsText{width:100%;font-size:1.8vh}.LivesPBStreakRow{display:flex;flex-direction:row;justify-content:center;align-items:center;font-weight:700}.OnStreak{filter:brightness(0) saturate(100%) invert(28%) sepia(76%) saturate(2981%) hue-rotate(12deg) brightness(96%) contrast(95%)}.CookiePopupWindow{background-color:#d9d9d9;padding-top:max(3vh,3vw);padding-bottom:max(3vh,3vw);padding-left:max(3vh,3vw);padding-right:max(3vh,3vw);display:grid;width:28vw;aspect-ratio:1/1;border-radius:5%;gap:1.5vh;grid-template-columns:1fr;grid-template-rows:1fr 3fr 2fr 2fr}.CookiePopupTitle{text-align:center;font-size:3vh;font-weight:600}.CookiePopupText{text-align:center;font-size:1.6vmin}.CookiePopupButtonRow{display:grid;gap:.7vw;grid-template-columns:repeat(3,1fr)}.CookieCustomWrapper{display:grid;grid-template-rows:1fr 3fr;gap:.5vw}.CustomizeTitle{text-align:center}.CookieCutomizeButtonRow{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw}.CookieCutomizeButtonRow>button{display:grid;grid-template-columns:4fr 1fr;height:60%;border-radius:40px;border:0;justify-content:center;align-items:center;font-size:1.3vmin;align-self:center}.SelCircle{height:70%;aspect-ratio:1/1;background-color:#cecece;border-radius:50%}.SelCircle-selected{background-color:#ce4c4c}.CookiePopupButtonRow>button{background-color:#f0f0f0;border:0;transition:.2s;height:75%;border-radius:40px;font-size:1.4vmin;align-self:center}.CookiePopupButtonRow>button:hover{background-color:#cecece;transition:.2s}:root{background-color:#b5b4c5}html,body{margin:0;padding:0;font-family:Lexend,sans-serif;min-height:100vh}