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}@font-face{font-family:BeaufortM;src:local("Beaufort_Medium"),url(/static/media/Beaufort_Medium.c47d7a0a73f8b376a3a6.ttf) format("truetype")}@font-face{font-family:BeaufortL;src:local("Beaufort_Light"),url(/static/media/Beaufort_Light.f53587e02456019e51e5.ttf) format("truetype")}@font-face{font-family:BeaufortH;src:local("Beaufort_Heavy"),url(/static/media/Beaufort_Heavy.9801e9d5b2dda50e400a.ttf) format("truetype")}@font-face{font-family:SpiegelSB;src:local("Spiegel_TT_SemiBold"),url(/static/media/Spiegel_TT_SemiBold.3678e6a30ec09a3c6e99.ttf) format("truetype")}body{background-color:#1e1e21}.container{display:flex}.vertical{flex-direction:column}.horizontal{flex-direction:row}.centered{align-items:center;justify-content:center}.animation{display:flex}@-webkit-keyframes reset{0%{opacity:100%}50%{opacity:0}to{opacity:100%}}@keyframes reset{0%{opacity:100%}50%{opacity:0}to{opacity:100%}}.container.screen{background-blend-mode:multiply;background-color:#7a7a7a;background-size:cover;min-height:100vh;width:100vw;z-index:-2}:root{--board-height:calc(8vw*(var(--main-width)/80));--board-container-border-radius:calc(1vw*(var(--main-width)/80));--board-container-left-offset:calc(4vw*(var(--main-width)/80));--correct-color:#64aa7b;--incorrect-color:#b65f5f;--right-side-menu-background:hsla(0,0%,100%,.1)}#gameContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;width:100vw;z-index:0}#gameContainer p{color:#fff;font-family:SpiegelSB;font-size:calc(1.5vw*(var(--main-width)/80));margin-bottom:0}#boardsContainer{display:flex;height:calc(8vw*(var(--main-width)/80)*8);height:calc(var(--board-height)*8);margin-left:calc(var(--board-container-left-offset));margin-top:calc(2vw*(var(--main-width)/80));position:relative}.boardPlacementContainer{align-items:center;background-color:#00000088;border-radius:calc(1vw*(var(--main-width)/80));border-radius:var(--board-container-border-radius);display:flex;height:calc(8vw*(var(--main-width)/80));height:var(--board-height);left:calc(4vw*(var(--main-width)/80)*-1);left:calc(var(--board-container-left-offset)*-1);position:absolute;transition:background-color .2s;width:calc(100% + 4vw*(var(--main-width)/80));width:calc(100% + var(--board-container-left-offset));z-index:-1}.boardPlacementContainer.correct{background-color:#64aa7b;background-color:var(--correct-color)}.boardPlacementContainer.incorrect{background-color:#b65f5f;background-color:var(--incorrect-color)}.boardPlacementNumber{color:#fff;font-size:calc(2vw*(var(--main-width)/80));font-weight:700;padding-left:calc(var(--board-container-left-offset)*.4);text-align:center}.container.rightSide{left:100%;margin-left:calc(1vw*(var(--main-width)/80));position:absolute;z-index:-1}.container.rightSide.mobile{margin-top:calc(1vw*(var(--main-width)/80))}.container.rightSide.desktop{margin-left:calc(1vw*(var(--main-width)/80))}.container.button{background-color:rgba(0,0,0,.4);font-family:SpiegelSB;transition:all .2s}.container.button:hover{border-color:#fff;color:#fff}.shareScore{background-color:var(--right-side-menu-background);border:calc(.1vw*(var(--main-width)/80)) solid #fff;border-radius:calc(.5vw*(var(--main-width)/80));color:#fff;font-size:calc(1.2vw*(var(--main-width)/80));min-width:calc(25vw*(var(--main-width)/80));padding:calc(1vw*(var(--main-width)/80))}.sharePreview{white-space:pre-line}.shareButtons{margin-top:calc(1vw*(var(--main-width)/80))}.shareButtons>:not(:last-child){margin-right:calc(.5vw*(var(--main-width)/80))}.guessHistory.container{--guess-size:calc(2vw*(var(--main-width)/80));--guess-margin:calc(var(--guess-size)*0.08);background-color:var(--right-side-menu-background);border:calc(.1vw*(var(--main-width)/80)) solid #fff;border-radius:calc(.5vw*(var(--main-width)/80));max-width:calc(20vw*(var(--main-width)/80));overflow:scroll;padding:calc(1vw*(var(--main-width)/80));transition:opacity .2s}.guesses span{font-size:calc(1vw*(var(--main-width)/80))}.guessHistory h1{color:#fff;font-size:calc(2vw*(var(--main-width)/80));font-weight:700;margin-bottom:calc(1vw*(var(--main-width)/80));margin-top:0;text-align:center}.guesses.container{min-height:calc(var(--guess-size)*8 + var(--guess-margin)*7)}.guesses.container>:not(:last-child){margin-right:var(--guess-margin)}.guess.container>:not(:last-child){margin-bottom:var(--guess-margin)}.boardGuess{height:var(--guess-size);width:var(--guess-size)}.boardGuess.correct{background-color:var(--correct-color)}.boardGuess.incorrect{background-color:var(--incorrect-color)}:root{--slide-animation-duration:0.5s}.boardContainer{cursor:pointer;display:flex;transition:background-color .35s ease}.boardContainer,.container.board{align-items:center;height:var(--board-height);position:relative}.container.board{border-bottom-right-radius:var(--board-container-border-radius);border-top-right-radius:var(--board-container-border-radius);box-sizing:border-box;justify-content:start;left:0;transition:left .5s;transition:left var(--slide-animation-duration);transition:all .2s;width:calc(65vw*(var(--main-width)/80))}.container.traitsAugments{align-items:start;margin-left:calc(2vw*(var(--main-width)/80))}.container.board.selected{left:calc(5vw*(var(--main-width)/80))}.container.board.slideleft{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:var(--slide-animation-duration);animation-duration:var(--slide-animation-duration);-webkit-animation-name:slide-left;animation-name:slide-left}.augmentsUnitsContainer{justify-content:flex-start}.answer{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:var(--slide-animation-duration);animation-duration:var(--slide-animation-duration);-webkit-animation-name:slide-in;animation-name:slide-in;bottom:20vh;color:#fff;font-size:2vw;font-weight:700;position:fixed}@-webkit-keyframes slide-in{0%{bottom:-10vh}to{bottom:20vh}}@keyframes slide-in{0%{bottom:-10vh}to{bottom:20vh}}@-webkit-keyframes slide-right{0%{left:0}to{left:calc(5vw*(var(--main-width)/80))}}@keyframes slide-right{0%{left:0}to{left:calc(5vw*(var(--main-width)/80))}}@-webkit-keyframes slide-left{0%{left:calc(5vw*(var(--main-width)/80))}to{left:0}}@keyframes slide-left{0%{left:calc(5vw*(var(--main-width)/80))}to{left:0}}:root{--unit-image-size:calc(3vw*(var(--main-width)/80));--unit-image-border:calc(0.22vw*(var(--main-width)/80))}span{color:#fff;font-size:calc(.9vw*(var(--main-width)/80))}.container.player{align-items:start;margin-left:calc(1vw*(var(--main-width)/80))}.container.player .playerName{color:#fff;font-size:calc(1.2vw*(var(--main-width)/80));margin-top:calc(.5vw*(var(--main-width)/80))}.container.player .playerLevelContainer{background-color:#000;border:calc(.15vw*(var(--main-width)/80)) solid;border-radius:50%;bottom:calc(-.5vw*(var(--main-width)/80));color:#fff;font-size:calc(.9vw*(var(--main-width)/80));font-weight:700;height:calc(1.4vw*(var(--main-width)/80));position:absolute;right:calc(-.5vw*(var(--main-width)/80));width:calc(1.4vw*(var(--main-width)/80))}.container.playerImage{border-style:solid;border-width:calc(.2vw*(var(--main-width)/80));position:relative}.container.player img,.container.playerImage{border-radius:50%;height:calc(4vw*(var(--main-width)/80));width:calc(4vw*(var(--main-width)/80))}.container.player img{object-fit:cover}.container.augments{margin-top:calc(.5vw*(var(--main-width)/80))}.container.augment{border:calc(.1vw*(var(--main-width)/80)) solid #5f5f5f;margin-right:calc(.2vw*(var(--main-width)/80))}.augment img{width:calc(2.5vw*(var(--main-width)/80))}.container.traits{align-items:center;flex-wrap:wrap;justify-content:left;max-height:calc(8vw*(var(--main-width)/80));max-width:calc(14vw*(var(--main-width)/80));overflow:scroll}.traits .image{-webkit-filter:brightness(0);filter:brightness(0)}.container.trait{align-items:center;justify-content:left}.trait span{font-size:calc(.8vw*(var(--main-width)/80));margin-top:calc(.2vw*(var(--main-width)/80));white-space:nowrap}.traits .traitImageContainer{align-items:center;background-size:cover;display:flex;height:calc(2.625vw*(var(--main-width)/80)*.8);justify-content:center;margin-right:calc(.1vw*(var(--main-width)/80));width:calc(2.27vw*(var(--main-width)/80)*.8)}.traitImageContainer img{width:60%}.container.units{position:absolute;right:calc(1vw*(var(--main-width)/80))}.container.unit{margin-right:calc(.5vw*(var(--main-width)/80));position:relative}.container.items{bottom:calc(3vw*(var(--main-width)/80)/-3 + .22vw*(var(--main-width)/80)*2/-3);bottom:calc((var(--unit-image-size) + var(--unit-image-border)*2)/-3);position:absolute}.item img{width:calc(3vw*(var(--main-width)/80)/3 + .22vw*(var(--main-width)/80)*2/3);width:calc((var(--unit-image-size) + var(--unit-image-border)*2)/3)}.unit img.unitImage{border-radius:10%;width:calc(3vw*(var(--main-width)/80));width:var(--unit-image-size)}.star{font-size:calc(.7vw*(var(--main-width)/80))}.container.stars{margin-bottom:calc(.1vw*(var(--main-width)/80));position:absolute;top:calc(-.75vw*(var(--main-width)/80))}.hoverTitle{font-size:1vw;font-weight:700}.hoverDescription{font-size:.82vw}.hoverContainer{position:relative}.homeMenuContainer{border-radius:calc(1vw*(var(--main-width)/80));max-width:calc(40vw*(var(--main-width)/80));padding:calc(1vw*(var(--main-width)/80))}.container.home{height:100vh;overflow:hidden;width:100vw}.container.home p{color:#fff;font-family:SpiegelSB;font-size:calc(2vw*(var(--main-width)/80))}.homeTitle>:not(:last-child){margin-right:calc(1vw*(var(--main-width)/80))}.homeTitle{margin-left:calc(2vw*(var(--main-width)/80));margin-right:calc(2vw*(var(--main-width)/80))}.homeTitle span{font-size:calc(8vw*(var(--main-width)/80))}.homeTitle span.or{font-family:BeaufortM;font-size:calc(5vw*(var(--main-width)/80))}.homeTitle span.first{color:#ffe358;font-family:BeaufortH;font-weight:700}.homeTitle span.eighth{color:#c1d4e8;font-family:BeaufortH;font-weight:700}.container.homeTitleContainer img{height:calc(12vw*(var(--main-width)/80))}.homeMenuContainer>:not(:last-child){margin-bottom:calc(1.5vw*(var(--main-width)/80))}.nextGameMenu.container{bottom:10vh;left:50%;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%)}.container.error{color:#fff;height:100vh;overflow:hidden;width:100vw}.container.error a{color:#94f8e0;cursor:pointer}
/*# sourceMappingURL=main.0980c2cb.css.map*/