*,:after,:before{box-sizing:border-box}body{margin:0;font-family:"Rubik",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e9e8eb}@media only screen and (max-width:1920px){body{font-size:16px}}@media only screen and (max-width:1280px){body{font-size:14px}}@media only screen and (max-width:1020px){body{font-size:12px}}@media only screen and (max-width:768px){body{font-size:10px}}@media only screen and (max-width:576px){body{font-size:8px}}.CreateGame__title{font-size:3.125em;font-weight:700;color:#fff;margin:0}.CreateGame__subtitle{font-size:2em;color:#fff;font-weight:500;margin:1.25em 0 1.875em}.CreateGame__options{display:flex}.CreateGameButton{width:7.5em;height:7.5em;margin:1.5em}.CreateGameButton__count{font-size:2em}.ButtonChangeNickname{position:fixed;bottom:2.5em;right:3.75em;color:#fff;text-decoration:none;opacity:.7}.ButtonChangeNickname:hover{opacity:1}.Lang{position:absolute;top:2.5em;right:3.75em;display:flex}.Lang__button{cursor:pointer;border:none;background:none;display:block;font-size:.875em;color:#fff;opacity:.7}.Lang__button:hover{opacity:1}.Lang__button--active{opacity:1;text-decoration:underline}.style_button__2NB1i{border-radius:.6em;display:flex;text-decoration:none;justify-content:center;align-items:center;flex-direction:column;border:none;padding:.75em 1.5em;text-align:center;font-size:1.25em;font-weight:600;color:#fff;cursor:pointer}.style_button--pink__2j-87{background:#ef69b1;box-shadow:3px 3px 0 #db1780,-3px -3px 0 #f497c9}.style_button--pink__2j-87:hover:not([disabled]){box-shadow:inset 3px 3px 0 #db1780}.style_button--yellow__9QVCF{background:#ffc876;box-shadow:3px 3px 0 #ff9f10,-3px -3px 0 #ffdca9}.style_button--yellow__9QVCF:hover:not([disabled]){box-shadow:inset 3px 3px 0 #ff9f10}.style_button--blue__3-VhK{background:#5cdefb;box-shadow:3px 3px 0 #06c1eb,-3px -3px 0 #8ee8fc}.style_button--blue__3-VhK:hover:not([disabled]){box-shadow:inset 3px 3px 0 #06c1eb}.style_button--green__2ohpW{background:#11c759;box-shadow:3px 3px 0 #09692f,-3px -3px 0 #1fec70}.style_button--green__2ohpW:hover:not([disabled]){box-shadow:inset 3px 3px 0 #09692f}.style_button--size-small__1EiyD{padding:.75em 1.5em;font-size:1em}.style_button__2NB1i:not([disabled]):hover{transform:translate(.125em,.125em)}.style_button__2NB1i[disabled]{opacity:.3;cursor:auto}.style_lobbyPage__13am8{position:relative;padding:2.5em 3.75em;width:100%;height:100vh;background:#b264d2;display:flex;align-items:center;justify-content:center;flex-direction:column}.style_smallLogo__2HGMt{position:absolute;top:2.5em;left:3.75em}.style_githubLink__1Uify{color:#fff;position:absolute;bottom:2.5em;left:3.75em;width:1.5em}.style_githubLink__1Uify:hover{opacity:.7}.Logo{color:#ef69b1}.Logo--large{width:37.5em}.Logo--medium{width:20em}.Logo--small{width:8.4375em}.Logo--tiny{width:6.25em}.Tile{width:2.25em;height:2.25em;display:flex;justify-content:center;align-items:center;border-radius:.3125em;flex-shrink:0}.Tile--empty-slot{background:#f0f2f8;box-shadow:inset .125em .125em 0 rgba(0,0,0,.15),inset -.125em -.125em 0 hsla(0,0%,100%,.35)}.Tile--movable{cursor:pointer}.Tile--movable:hover{transform:scale(1.08)}.Tile--slot{box-shadow:inset .1875em .1875em 0 rgba(0,0,0,.1);transform:scale(.8)}.Tile--slot>*{opacity:.2}.Tile--full{box-shadow:.125em .125em 0 rgba(0,0,0,.15)}.Tile--selected{box-shadow:0 0 0 .1875em #0a4985}.Tile>svg{width:100%}.Rulebook_container__2uhyu{position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6)}.Rulebook_modal__3FPpB{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#e9e8eb;padding:2em;width:90vw;height:90vh;border-radius:10px;box-shadow:0 0 1.25em 0 #b5b1bc;color:#fff}.Rulebook_modalScroll__1W3Oh{width:100%;height:100%;overflow:auto}.Rulebook_close__3qCvt{position:absolute;top:1.25em;right:1.25em}.Rulebook_ruleImg__pFTLr{width:100%}.style_sidebar__2Cis4{position:absolute;left:0;background:#b264d2;z-index:1;width:auto;height:100%;padding:1.5em 3.125em 1.5em 1em;display:flex;align-items:center;overflow:auto;flex-direction:column;box-shadow:.25em 0 0 rgba(0,0,0,.14);transform:translate(calc(-100% + 3.125em));transition:transform .2s ease;border-radius:0 1.25em 1.25em 0}.style_sidebar__2Cis4:hover{transform:translate(0)}.style_sidebar__2Cis4:after{content:attr(data-show-text);width:4.375em;border-top:.125em solid #fff;display:block;position:absolute;top:50%;right:-1.5em;font-size:.75em;letter-spacing:1px;padding-top:.25em;font-weight:700;text-align:center;transform:rotate(-90deg) translateY(-50%);color:#fff}.style_sidebarLogo__2JqHk{margin-bottom:1.25em;flex-shrink:0}.style_sidebarPinned__17mJC{transform:translate(0);border-radius:0}.style_sidebarPinned__17mJC:after{display:none}.style_lockToggle__11uls{cursor:pointer;position:absolute;right:2.5em;padding:.625em;top:.625em}.style_lockToggle__11uls:hover{opacity:.7}.style_sidebarLock__2kDkY{width:1.875em;color:#fff}.style_sidebarBoard__36bK6.PlayerBoard{font-size:.625em;margin:1.875em .25em 1.875em 3.125em;flex-shrink:0}.style_sidebarBoard__36bK6.PlayerBoard .MinusPoints__tile{background:#c284db}.style_playerName__3snMv{font-weight:700;color:#fff;font-size:1em;top:-.375em;transform:translateY(-100%);position:absolute}.style_userScore__15XR7{margin:.625em 0 1em;font-size:1.5em;color:#fff;font-weight:700}.style_userScore__15XR7 .style_scoreValue__2U-ih{color:#3fe2c5}.style_playerScore__3VtXs{font-weight:700;color:#3fe2c5;right:0;font-size:1em;top:-.375em;transform:translateY(-100%);position:absolute}.style_activeBoard__2ijzh{box-shadow:0 0 0 .1875em #13de64}.style_activeBoard__2ijzh .style_playerName__3snMv{color:#1fec70}.PlayerControls{display:flex;justify-content:flex-end;margin-bottom:.75em}.PlayerControls__button{margin-left:1.25em}.Scoreboard{padding:1.25em;border-radius:.625em 0 0 0;background-color:#b264d2;box-shadow:0 0 .3125em rgba(0,0,0,.25);position:absolute;bottom:0;right:0;font-size:1.125em;color:#fff;font-weight:500;line-height:1.4}.Scoreboard__row{min-width:6.25em;display:flex;margin:.3125em 0;justify-content:space-between}.Scoreboard__player{position:relative;padding-left:1.25em}.Scoreboard__player--active{color:#3fe2c5}.Scoreboard__player--active:before{color:currentColor;content:"➤";font-size:.875em;position:absolute;left:0;top:50%;transform:translateY(-50%)}.MinusPoints{position:absolute;display:flex;flex-direction:column;bottom:0;left:0;transform:translate(calc(-100% - 1.5em))}.MinusPoints--highlited .MinusPoints__item .Tile{background:rgba(239,105,177,.3)}.MinusPoints--clickable{cursor:pointer}.MinusPoints--clickable:hover .MinusPoints__item{opacity:.8}.MinusPoints__item{position:relative;margin-top:.5em}.MinusPoints__penalty{position:absolute;top:50%;left:0;transform:translate(calc(-100% - .5em),-50%);font-weight:700;font-size:.75em;color:#c4c4c4}.GameBoard{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.GameBoard--pinned{padding-left:400px}.TilesBoard{display:grid;grid-template-columns:repeat(7,9.75em);grid-template-rows:2;margin-bottom:1.875em}.TilesBoard__middle{grid-column:3/span 3;grid-row:1;display:flex;flex-wrap:wrap;padding:.375em;justify-content:center;align-items:center}.TilesBoard__middle>*{margin:.25em .5em}.TilesBoard__tile:first-child{grid-column:2}.TilesBoard__tile:nth-child(2){grid-column:6}.TilesBoard__tile:nth-child(3){grid-column:3}.TilesBoard__tile:nth-child(4){grid-column:4}.TilesBoard__tile:nth-child(5){grid-column:5}.TilesBoard--3-players .TilesBoard__tile:nth-child(3){grid-column:2}.TilesBoard--3-players .TilesBoard__tile:nth-child(4){grid-column:3}.TilesBoard--3-players .TilesBoard__tile:nth-child(5){grid-column:4}.TilesBoard--3-players .TilesBoard__tile:nth-child(6){grid-column:5}.TilesBoard--3-players .TilesBoard__tile:nth-child(7){grid-column:6}.TilesBoard--4-players .TilesBoard__middle{grid-column:2/span 5;grid-row:1}.TilesBoard--4-players .TilesBoard__tile{grid-column:auto}.TilesContainer{margin:.625em;background:#f7f8fb;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;grid-gap:.5em;padding:1.75em}.PlayerBoard,.TilesContainer{box-shadow:0 .125em .125em rgba(0,0,0,.25)}.PlayerBoard{font-size:1em;padding:1.25em;border-radius:.625em;background-color:#f7f8fb;display:inline-grid;grid-template-columns:1fr 1fr;grid-column-gap:3.75em;margin-left:1.25em;position:relative}.PlayerBoard--waiting{box-shadow:0 0 0 .25em rgba(248,192,50,.5)}.PlayerBoard--active{box-shadow:0 0 0 .25em rgba(17,199,89,.7)}.PlayerBoard__rulebook{position:absolute;top:50%;right:-1.25em;transform-origin:top right;transform:rotate(90deg) translate(50%,-100%);background:rgba(239,105,177,.8);color:#fff;font-weight:500;font-size:.875em;cursor:pointer;letter-spacing:1px;padding:.625em 1.25em;text-transform:uppercase;border-radius:.375em}.PlayerBoard__rulebook:hover{background:#ef69b1}.PlayerBoard__hint{max-width:50%;font-size:.75em;text-transform:uppercase;font-weight:800;position:absolute;top:0;left:0;transform:translateY(calc(-100% - .625em));color:#f7b819}.PlayerBoard__hint-accent{color:#d69c07}.PlayerBoard--active .PlayerBoard__hint{color:#11c759}.PlayerBoard__minus-points{margin-top:.625em;grid-column:span 2;display:flex;justify-content:center}.PlayerBoard--minimal .MinusPoints__penalty{display:none}.SlotRow{display:flex;margin:.625em 0}.SlotRow__tile{cursor:default;margin-left:.625em}.TemporarySlot{display:flex;justify-content:flex-end;margin:.625em 0}.TemporarySlot--clickable{cursor:pointer}.TemporarySlot--clickable:hover .TemporarySlot__tile{opacity:.8}.TemporarySlot__tile{margin-left:.625em}.TemporarySlot--highlighted .TemporarySlot__tile.Tile--empty-slot{background:rgba(17,199,89,.3)}.GameOver{position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8)}.GameOver__modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#b264d2;padding:2.625em 3.5em;border-radius:.625em;box-shadow:0 0 1.25em 0 #802fa1;color:#fff}.GameOver__title{letter-spacing:.125em;font-size:2.25em}.GameOver__subtitle,.GameOver__title{text-align:center;margin-top:0;font-weight:700}.GameOver__subtitle{margin-bottom:2em;font-size:1.125em}.GameOver__ranking{margin-bottom:2.5em;font-weight:500}.GameOver__ranking-result{display:flex;justify-content:space-between;margin-bottom:1.5em}.GameOver__ranking-result:first-child{font-size:2em}.GameOver__ranking-result:nth-child(2){font-size:1.375em;opacity:.6}.GameOver__ranking-result:nth-child(n+3){font-size:.875em;opacity:.5}.Lobby__title{font-size:2.625em;color:#fff;font-weight:500;margin:0}.Lobby__subtitle{font-size:1.25em;color:#fff;margin:.75em 0 0}.Lobby__link{display:flex;margin:2.25em 0}.Lobby__link-box{border:.1875em solid #9e3cc7;background:#a850cc;font-size:1.125em;color:#fff;padding:.75em 2em;font-weight:400;text-align:center;border-radius:.625em}.Lobby__link-button{margin-left:1.25em}.Lobby__options{display:flex}.Lobby__players{text-align:center;display:flex;flex-direction:column;align-items:center;color:#fff;font-weight:500;font-size:1.125em}.Lobby__player{margin:.75em 0;font-weight:500}.Lobby__player:after{display:block;content:"";width:100%;height:.3125em;margin-top:.375em;border-radius:.625em}.Lobby__player--active:after{background-color:#11c759}.Lobby__player--inactive:after{background-color:#f8c032}.Lobby__status-message{margin-top:1.25em;color:#fff;font-size:1.25em;font-weight:500;line-height:1.3;text-align:center}.SetupNickname__input{width:80%;margin:2.25em 0}.SetupNickname__form{width:100%;max-width:37.5em;display:flex;justify-content:center;align-items:center;flex-direction:column}.SetupNickname__title{font-size:3.125em;color:#fff;margin:0}.ButtonBack{position:absolute;top:5.625em;left:3.75em;color:#fff;text-decoration:none;opacity:.7}.ButtonBack:hover{opacity:1}.style_input__1k1f5{border-radius:.625em;border:none;padding:.75em 2.625em;text-align:center;font-size:1.25em;font-weight:500;color:#fff;outline:none;background:#a850cc;box-shadow:3px 3px 0 #c68cdd,-3px -3px 0 #802fa1}.style_input__1k1f5[disabled]{background:#b264d2}.style_input__1k1f5::-webkit-input-placeholder{color:#bc78d8;font-size:1.125em;font-weight:500}.style_input__1k1f5:-ms-input-placeholder{color:#bc78d8;font-size:1.125em;font-weight:500}.style_input__1k1f5::-ms-input-placeholder{color:#bc78d8;font-size:1.125em;font-weight:500}.style_input__1k1f5::placeholder{color:#bc78d8;font-size:1.125em;font-weight:500}.style_text__1SbRS{margin:3.75em 0 2.5em;max-width:37.5em;color:#fff;text-align:center;font-size:1.25em;font-weight:500;line-height:1.5}.style_logo__1b3jO{max-width:100%}
/*# sourceMappingURL=main.ee6b9fd4.chunk.css.map */