@import url(https://fonts.googleapis.com/css2?family=Acme&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ranchers&display=swap);.login__wrapper{height:calc(80vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;opacity:0}.login__wrapper h2{margin-bottom:2rem}.login__wrapper button{margin:1em 0;padding:.7em}.login__wrapper input{width:100%;margin-bottom:1em}@media (min-width:320px){.login__wrapper input{margin-left:1em;width:65%}}.header__wrapper{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;background:#3e3d3c;background:radial-gradient(circle,#3e3d3c 1%,#2f2e2d 100%);padding:.5rem;color:#f3f2d2;font-family:scripts;letter-spacing:5px;height:40px;z-index:2}.header__wrapper h1{font-size:1.5em;margin:0;text-shadow:3px 3px 0 rgba(0,0,0,.7);cursor:pointer}.header__title{display:flex;justify-content:center;width:100%}.header__rules{margin-left:-40px}.header__chat,.header__rules{width:40px;cursor:pointer;display:flex;justify-content:center;align-items:center}.header__chat{margin-right:-40px;z-index:3;position:relative}.header__rules img{width:24px;height:auto}.header__chat img{width:25px;height:auto}.newMsg{top:0;left:60%;position:absolute;width:.7em;height:.7em;background:#52d857;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}@media (min-width:850px){.header__chat{visibility:hidden}}@media (min-height:770px){.header__wrapper{height:55px}.header__wrapper h1{font-size:2em}}.players__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(80vh - 75px);opacity:0}.players__wrapper h3{margin:2rem 0}.players__list{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem;list-style:none;width:100%}.players__player{padding:1rem;font-size:1.2rem;background:#4f7099;color:#fff;border:1px solid #fff;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:250px;text-align:center;margin-bottom:1em}.players__player:last-of-type{margin-bottom:2em}.player__invitations{width:100%;justify-content:center}.player__invitations,.player__invite-request{display:flex;flex-direction:column;align-items:center}.players__wrapper button{max-width:200px;margin:1em 0 2em;padding:.5em}.player__invite-request p{margin-bottom:1em}.players__player:hover{background:#668dbd}@media (min-width:500px){.players__list{width:70%}}@media (min-width:750px){.players__list{width:60%}}@media (min-width:1000px){.players__list{width:50%}}@media (min-width:1250px){.players__list{width:40%}}.inviteScreen__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(80vh - 75px);opacity:0}.inviteScreen__wrapper h3{margin:2rem 0}.inviteScreen__wrapper input{margin:1rem 0 0}.inviteScreen__wrapper button{margin-bottom:1em}.inviteScreen__list{list-style:none;width:100%}.inviteScreen__option{padding:2rem}.inviteScreen__buttons,.inviteScreen__option{display:flex;flex-direction:column;align-items:center}.inviteScreen__wrapper button{width:200px;margin-bottom:1.5em;padding:.5em}#time{text-align:center;width:200px}.board__wrapper{margin:2% 0 0;display:flex;justify-content:center;width:100%}.board__board{width:95vw;height:95vw;display:grid;padding:0;border:4px solid rgb(210 210 208);grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);grid-gap:1px;min-height:350px;min-width:350px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:inset 0 -2px 2px rgba(0,0,0,.3),0 2px 5px rgba(0,0,0,.5)}.board__square{outline:2px solid rgba(113,120,128,.4);box-shadow:inset 0 1px 2px rgba(0,0,0,.3);font-size:.6rem;text-align:center;cursor:pointer;position:relative;transition:outline .5s ease;-webkit-transition:outline .5s ease;-moz-transition:outline .5s ease;-ms-transition:outline .5s ease;-o-transition:outline .5s ease}.board__square,.board__tile{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.board__tile{color:#2a662a;background:#fffcb9;border-radius:2px;font-size:1.1rem;box-shadow:0 0 0 1px #000,inset 0 -1px 3px rgba(0,0,0,.5)}.board__tile>*{pointer-events:none}.board__square:hover{outline:2px solid #ff0;z-index:3;transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none}.board__bonus-text{color:#faf4f4;text-shadow:0 0 2px #030303;font-size:1.2em}.board__square{background:#f4f7f6}.board__square.double-letter{background:#bee7f3}.board__square.triple-letter{background:#acc4fc}.board__square.double-word{background:#facfa8}.board__square.triple-word{background:#fc8a8a}.board__square.with-tile{background:purple}.disabled{filter:grayscale(30%);-webkit-filter:grayscale(30%);opacity:.3;pointer-events:none}.board__square.board__centre{background:#fbf41e}.center__star{width:100%;height:auto;padding:15%;filter:drop-shadow(0 0 1px rgb(165,163,163));-webkit-filter:drop-shadow(0 0 1px #a5a3a3)}@media (max-height:850px){.board__board{max-width:410px;max-height:410px}}@media (min-width:550px){.board__board{align-self:center;width:61vh;height:61vh}}@media (min-width:850px){.board__wrapper{display:flex;flex-direction:column;margin:5px 0 0}.board__board{align-self:center;width:70vh;height:70vh;max-width:100vw;max-height:100vw;min-height:475px;min-width:475px}.board__bonus-text{font-size:2em}}@media (max-height:650px){.board__bonus-text{font-size:1.2em}}@media (min-width:1250px){.board__bonus-text{display:block;//font-size:.9rem}}.tile__wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f3f2d2;position:relative;border-radius:4px;cursor:pointer;box-shadow:inset 0 -3px 3px rgba(0,0,0,.4)}.tile__wrapper--selected,.tile__wrapper:hover{background:#fff652}.tile__letter{font-size:1.5rem;text-shadow:0 -1px 2px rgba(0,0,0,.9);z-index:0}.tile__letter,.tile__points{color:#2a662a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tile__points{position:absolute;bottom:2px;right:3.5px;font-size:.7rem}.tile__points--sm{color:#2a662a;position:absolute;bottom:2px;right:4px;font-size:.6rem}.tile__wrapper--rack{width:13.8%;margin:0 1px}@media (min-width:500px){.tile__letter{padding:1rem 0;font-size:2rem}.tile__points{font-size:1rem}}@media (min-width:750px){.tile__letter{padding:1rem 0;font-size:2.5rem}.tile__points{font-size:1.2rem;bottom:5px;right:8px}}@media (max-width:500px){.tile__points--sm{bottom:2px;right:2px;font-size:.4rem}}@media (max-height:850px){.tile__points{font-size:.7em;bottom:.3em;right:.3em}.tile__points--sm{bottom:1.8px;right:1.8px;font-size:.36rem}.tile__wrapper--rack{width:13.9%;margin:0 1px}}@media (min-width:850px){.tile__points--sm{font-size:.6rem}}.tileRack__wrapper{width:95vw;height:14vw;min-width:350px;align-self:center;display:flex;background:#2f2e2d;box-shadow:inset 0 -5px 10px rgba(0,0,0,.9),0 5px 10px rgba(0,0,0,.5);padding:.2rem 0 1px;border-radius:4px;border:6px solid #272422;border-top:none;transform-style:preserve-3d;transform:rotateX(5deg);-webkit-transform:rotateX(5deg);-moz-transform:rotateX(5deg);-ms-transform:rotateX(5deg);-o-transform:rotateX(5deg);margin:10px 0 5px;min-height:55px;max-width:510px;max-height:65px}@media (min-width:510px){.tileRack__wrapper{max-height:75px}}@media (min-width:850px){.tileRack__wrapper{width:70vh;margin-top:10px;height:10vh;justify-content:flex-start;max-width:70vh;max-height:10vh;min-width:475px;min-height:70px}}.timer__time{display:inline-block}.warning{animation:pulse 1s infinite;-webkit-animation:pulse 1s infinite;color:#f56b10;text-shadow:0 0 1px #050505}@-webkit-keyframes pulse{0%,to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}}@keyframes pulse{0%,to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}}.statusBar__frame{order:-1}.statusBar__wrapper{font-size:.8em;flex-direction:column;background:rgb(240 240 240);border:1px solid rgb(138 137 136);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;width:100%;box-shadow:0 2px 5px rgba(0,0,0,.3),inset 0 -2px 2px rgba(0,0,0,.3);color:#222;transform:rotateY(.01deg);transform-style:preserve-3d;transition:transform .5s ease,box-shadow .5s ease;-webkit-transition:transform .5s ease,box-shadow .5s ease;-moz-transition:transform .5s ease,box-shadow .5s ease;-ms-transition:transform .5s ease,box-shadow .5s ease;-o-transition:transform .5s ease,box-shadow .5s ease;position:relative;-webkit-transform:rotateY(.01deg);-moz-transform:rotateY(.01deg);-ms-transform:rotateY(.01deg);-o-transform:rotateY(.01deg)}.statusBar__reverse,.statusBar__wrapper{display:flex;align-items:center;padding:.5em;justify-content:space-around}.statusBar__reverse{font-size:.7em;content:"";background:#f0f0f0;border:1px solid rgb(138 137 136);transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);position:absolute;border-radius:3px;top:0;left:-.7px;width:100.4%;height:100.4%;box-shadow:inset 0 -2px 2px rgba(0,0,0,.3);backface-visibility:hidden;-webkit-backface-visibility:hidden}.statusBar__wrapper button{font-size:1.3rem}.statusBar__player{display:flex;flex-direction:row;justify-content:space-between;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;width:100%;padding:10px;height:50%}.player__name,.player__time{min-width:100px}.player__active{background:rgb(140 150 160)}.opponent__active,.player__active{color:#fff;border:1px solid #fff;text-shadow:0 0 3px rgba(0,0,0,.7)}.opponent__active{background:#9f5c4b}.pouch{position:relative;filter:saturate(.7);-webkit-filter:saturate(.7)}.pouchInfo{flex-direction:column}.pouchInfo,.tileCounter{display:flex;justify-content:center;align-items:center}.tileCounter{position:absolute;left:60%;top:60%;width:1.2em;height:1.2em;padding:.8em;background:#fffcb9;filter:saturate(1.2);box-shadow:0 0 0 1px #000,inset 0 -1px 2px rgba(0,0,0,.5);color:#2a662a;font-size:1em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-filter:saturate(1.2)}.pouchIcon{margin:0 .1em;width:3.2em;height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.rackInfo{text-align:center;flex-direction:column}.aiTile,.rackInfo{display:flex;justify-content:center}.aiTile{align-items:center;width:1.2em;height:1.2em;background:#fdfabc;box-shadow:0 0 0 1px #000,inset 0 -1px 2px rgba(0,0,0,.5);color:#2a662a;margin:1em .1em 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}.aiRack{display:flex;justify-content:center}.aiRack,.hiScore{min-height:2.2em;text-align:center}.hiScore{padding-top:1em}.statusBar__frame:hover .statusBar__wrapper{transform:rotateX(-180deg);-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);box-shadow:0 -2px 5px rgba(0,0,0,.3),inset 0 -2px 2px rgba(0,0,0,.3)}@media (min-height:750px){.statusBar__wrapper{font-size:1em;padding:.5em}}@media (min-height:800px){.statusBar__wrapper{font-size:1.2em}}@media (min-width:850px){.statusBar__frame{order:-1;grid-row:1/3;grid-column:1;font-size:.9em}.statusBar__wrapper{order:auto;align-self:flex-start;height:39%;margin-top:3%;font-size:1.2em;padding:.5em}.statusBar__player{flex-direction:column;justify-content:space-evenly;padding:.5em}.player__name{min-width:100px;font-size:1.4em}.player__score,.player__time{margin-left:1em}.statusBar__frame:hover .statusBar__wrapper{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);box-shadow:0 2px 5px rgba(0,0,0,.3),inset 0 0 2px rgba(0,0,0,.3)}.statusBar__reverse{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);position:absolute;border-radius:3px;flex-direction:column;top:-1px;left:-1px;width:100.7%;height:100.7%;box-shadow:inset 0 -2px 2px rgba(0,0,0,.3);font-size:.9em}.pouchInfo{flex-direction:column;justify-content:center;align-items:center;max-width:9em}.pouchInfo h3{text-align:center}.pouchIcon{margin:1em 0;width:2.5em;height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}}.chat__wrapper{width:100%;border:1px solid #bdbdbd;display:flex;flex-direction:column;justify-content:space-between;background:#dfdedc;box-shadow:0 2px 5px rgba(0,0,0,.5);color:#222;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;max-width:200px;display:none}.chat__list-wrapper{height:70vh;min-height:527px;//width:100%}.chat__list-wrapper,.chat__list-wrapper-modal{overflow-y:scroll;background:#eee;margin:.1em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}.chat__list-wrapper-modal{height:75.5vh}.chat__list{list-style:none;padding:.5rem;overflow-wrap:break-word}.chat__wrapper form{display:flex;justify-content:center;padding:.2em}.chat__message{margin:.2rem 0}.timeStamp{color:#636363;font-size:.5em;padding:0}.guest{color:red}.guest,.host{font-size:8px;padding:0 1em}.host{color:#00f}@media (min-width:850px){.chat__wrapper{position:relative;grid-column:3;grid-row:1/3;margin:2% 0;display:flex;width:100%;max-width:unset}.chat__list{font-size:1.8em}.chat__list-wrapper{min-height:480px}.guest,.host,.timeStamp{font-size:.5em}.chat__wrapper form{flex-direction:column;height:11vh}.chat__wrapper input{height:100%;margin-bottom:.3em;padding:.4em;border-radius:3px;border:1px solid #aaa;outline:none;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;font-size:1em}.chat__wrapper button{font-size:1em;height:3em}}.gameButtons__wrapper{display:flex;justify-content:space-between;padding:.5rem 0}button{display:flex;flex-direction:row;background:#8c8c8c;border-radius:3px;border:1px solid #6f6f6e;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:.8em;padding:5px 7px;text-decoration:none;box-shadow:inset 0 -2px 2px rgba(0,0,0,.3),0 2px 5px rgba(0,0,0,.3);text-shadow:0 0 4px rgba(0,0,0,.6);white-space:nowrap;letter-spacing:.05em;font-family:"Acme",sans-serif;transform:rotateY(.001deg) translateY(0);-webkit-transform:rotateY(.001deg) translateY(0);-moz-transform:rotateY(.001deg) translateY(0);-ms-transform:rotateY(.001deg) translateY(0);-o-transform:rotateY(.001deg) translateY(0)}.button__text,button{align-items:center;justify-content:center;width:100%}.button__text{display:flex;flex-direction:column;font-size:1em;padding:.5em}.button__exchange{width:100%;font-size:1em;padding:.5em}button img{filter:drop-shadow(0 0 2px rgba(0,0,0,.4));width:30px;height:auto;opacity:.9;margin-bottom:.5em;-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}button:hover{background:#a0a0a0}button:active{position:relative;transform:rotateY(.001deg) translateY(1px);box-shadow:inset 0 -2px 2px rgba(0,0,0,.3),0 1px 5px rgba(0,0,0,.3);-webkit-transform:rotateY(.001deg) translateY(1px);-moz-transform:rotateY(.001deg) translateY(1px);-ms-transform:rotateY(.001deg) translateY(1px);-o-transform:rotateY(.001deg) translateY(1px)}.gameButtons__wrapper button{margin:2px}@media (min-width:450px){button img{width:20px;margin-bottom:0;margin-right:7%}.button__text{flex-direction:row}}@media (min-width:500px){button img{width:25px}.button__text{font-size:1.3em}}@media (min-width:1100px){button{//font-size:1em}}@media (min-width:850px){.gameButtons__wrapper{display:flex;flex-direction:column;grid-column:1;grid-row:2;align-self:flex-end;justify-content:space-between;height:60%;flex-wrap:nowrap;padding:0}.gameButtons__wrapper button{margin:5px 0;height:25%}.button__text{display:flex;align-items:center;justify-content:flex-start;width:100%;font-size:1.4em}.button__exchange{font-size:1.5em}button img{width:35px;height:auto;opacity:.9;//margin:0 .8em;margin-left:7%}}@media (min-width:1050px){.button__text{font-size:1.7em}}@media (max-height:850px){.gameButtons__wrapper button:not(.button__exchange){font-size:.8em}}@media (max-height:650px){.gameButtons__wrapper button{font-size:.6em}}.confirmModal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);height:100%}.confirmModal__content,.confirmModal__wrapper{display:flex;justify-content:center;align-items:center}.confirmModal__content{width:90%;background-color:#fff;flex-direction:column;padding:2rem;font-size:1.5rem;min-height:200px;border-radius:6px;opacity:0}.confirmModal__content p{text-align:center}.confirmModal__content button{margin-top:2rem;font-size:1.2rem}.button__confirm{color:#70f370}.button__cancel,.button__confirm{text-shadow:none;font-family:"Acme",sans-serif;text-shadow:0 0 2px rgba(0,0,0,.5)}.button__cancel{color:#fa9167}@media (min-width:500px){.confirmModal__content{width:70%}}@media (min-width:750px){.confirmModal__content{width:50%}}@media (min-width:1000px){.confirmModal__content{width:40%}}@media (min-width:1250px){.confirmModal__content{width:30%}}.gameOverModal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);height:100%}.gameOverModal__content,.gameOverModal__wrapper{display:flex;justify-content:center;align-items:center}.gameOverModal__content{width:90%;background-color:#fff;background:#fff;background:radial-gradient(circle,#fff 0,#f0f0f0 100%);flex-direction:column;padding:1.5rem .5em;font-size:1.5rem;min-height:200px;border-radius:6px;opacity:0;text-align:center}.gameOverModal__hsw--hidden{display:none}.gameOverModal__content h3{margin:1em 0 .5em}.gameOverModal__content h2{margin:.5em 1em;text-shadow:0 0 2px #facc4c;text-shadow:2px 2px 1px #b1b1b1;text-align:center}.gameOverModal__content h4{margin:1em 0 .5em;text-align:center}.gameOverModal__content p{margin-bottom:.5em}.gameOverModal__content p:last-of-type{margin-bottom:1.5em}.gameOverModal__content button{font-size:1.2rem;max-width:200px;margin:1em 0}@media (min-width:500px){.gameOverModal__content{width:70%}}@media (min-width:750px){.gameOverModal__content{width:50%}}@media (min-width:1000px){.gameOverModal__content{width:40%}}@media (min-width:1250px){.gameOverModal__content{width:30%}}@media (max-height:650px){.gameOverModal__content{font-size:1.2rem}}.chatModal__wrapper{width:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:6;height:100%}.chatModal__content{width:90%;background-color:#fff;padding:1rem;min-height:200px;border-radius:6px;max-height:80vh;overflow-y:scroll;font-size:1em;opacity:0}.chatModal__content p{padding-bottom:1.5em}.modal .chat__list{font-size:1.8em}.modal .guest,.modal .host{font-size:.6em}.modal{width:90%;height:80vh;max-width:100%;display:flex}.modal form{width:100%}.modal input{font-size:1em;width:100%}.modal form button{height:100%;max-width:200px;width:30%}.chatModal__content h1,.chatModal__content h3{padding-bottom:.5em}.chatModal__wrapper>button{margin-top:1em;max-width:200px}.chatModal__buttons{display:flex;justify-content:center}@media (min-width:750px){.chatModal__content{width:75%;background-color:#fff;padding:2rem;font-size:1em}}.gameScreen__wrapper{opacity:0;display:flex}.gameScreen__main,.gameScreen__wrapper{width:100%;height:100%;justify-content:center;max-width:540px}.gameScreen__main{display:inline-grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr;padding:10px;min-height:600px;perspective:2000px}.gameScreen__board{display:flex;flex-direction:column;justify-content:space-evenly;perspective:1001px}@media (min-width:850px){.gameScreen__wrapper{width:auto;height:auto;max-width:100%;display:block}.gameScreen__main{height:auto;grid-template-columns:minmax(200px,200px) auto auto;grid-template-rows:auto 1fr auto;grid-gap:10px;padding:10px;max-width:100%}.gameScreen__chat{grid-template-columns:minmax(200px,200px) auto minmax(150px,350px)}.gameScreen__board{display:flex;align-items:center;justify-content:space-between;grid-column:2;grid-row:1/3}}.blankAssignModal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);height:100%}.blankAssignModal__content,.blankAssignModal__wrapper{display:flex;justify-content:center;align-items:center}.blankAssignModal__content{width:95%;background-color:#fff;font-size:2rem;min-height:200px;border-radius:6px;padding:1rem;flex-direction:column}.blankAssignModal__letters{display:flex;flex-wrap:wrap}.blankAssignModal__letter{color:#2a662a;background:#fffcb9;border-radius:2px;box-shadow:0 0 0 1px #000,inset 0 -1px 3px rgba(0,0,0,.5);width:22.22222%;display:flex;justify-content:center;align-items:center;padding:1rem 0;margin:.2rem;cursor:pointer}@media (min-width:500px){.blankAssignModal__content{width:70%}}@media (min-width:750px){.blankAssignModal__content{width:50%}}@media (min-width:1000px){.blankAssignModal__content{width:40%}}@media (min-width:1250px){.blankAssignModal__content{width:40%}.blankAssignModal__letter{width:18.18182%}.blankAssignModal__letters{width:90%}}.notificationModal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;height:100%}.notificationModal__content{width:90%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center;font-size:1.5rem;min-height:200px;border-radius:6px;opacity:0}.notificationModal__content button{margin-top:2rem;font-size:1.2rem;max-width:200px}@media (min-width:500px){.notificationModal__content{width:70%}}@media (min-width:750px){.notificationModal__content{width:50%}}@media (min-width:1000px){.notificationModal__content{width:40%}}@media (min-width:1250px){.notificationModal__content{width:30%}}.rulesModal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;height:100%}.rulesModal__content{width:90%;background-color:#fff;min-height:200px;border-radius:6px;font-size:1em;opacity:0;color:#222}.rulesModal__text{max-height:70vh;overflow-y:scroll;margin:1em}.rulesModal__content p{padding-bottom:1.5em}.rulesModal__content h1,.rulesModal__content h3{padding-bottom:.5em}.rulesModal__content button{margin:0 0 1em;max-width:200px}.rulesModal__buttons{display:flex;justify-content:center}@media (min-width:750px){.rulesModal__content{width:75%;background-color:#fff;font-size:1em}.rulesModal__text{margin:2em}.rulesModal__content button{margin:0 0 2em}}.menuModal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);height:100%}.menuModal__content,.menuModal__wrapper{display:flex;justify-content:center;align-items:center}.menuModal__content{width:90%;background-color:#fff;flex-direction:column;padding:2rem 1rem 2.5rem;text-align:center;font-size:1.5rem;min-height:200px;border-radius:6px;opacity:0}.menuModal__content button{margin-top:2rem;font-size:1.2rem;max-width:200px}.menuModal__content button:last-of-type{margin-top:4rem}@media (min-width:500px){.menuModal__content{width:70%}}@media (min-width:750px){.menuModal__content{width:50%}}@media (min-width:1000px){.menuModal__content{width:40%}}@media (min-width:1250px){.menuModal__content{width:30%}}.aboutModal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);height:100%}.aboutModal__content,.aboutModal__wrapper{display:flex;justify-content:center;align-items:center}.aboutModal__content{width:90%;background-color:#fff;flex-direction:column;padding:2rem 1rem;text-align:center;font-size:1.5rem;min-height:200px;border-radius:6px;opacity:0}.aboutModal__dev{margin:1em}.aboutModal__dev:first-of-type{margin-top:2em}.aboutModal__dev:last-of-type{margin-top:4em;font-size:.6em}.aboutModal__content button{margin-top:2rem;font-size:1.2rem;max-width:200px}@media (min-width:500px){.aboutModal__content{width:70%}}@media (min-width:750px){.aboutModal__content{width:50%}}@media (min-width:1000px){.aboutModal__content{width:40%}}@media (min-width:1250px){.aboutModal__content{width:30%}}*{margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;padding:0;box-sizing:border-box;font-family:"Acme",sans-serif}html{min-width:375px;min-height:650px;--bg-modal-wrap:rgba(0,0,0,0.8);--bg-modal:radial-gradient(circle,#fff 0%,#f0f0f0 100%);--shadow-h2:2px 2px 1px #b1b1b1;--shadow-confirm-text:0px 0px 2px rgba(0,0,0,0.5)}#root,body,html{height:100%}body{background:#e7e1d6;background:radial-gradient(circle,#dddad3 1%,#a4a097 100%) fixed;color:#1b1b1b}.page{height:100%;position:relative}a{-moz-appearance:none;-webkit-appearance:none;color:#1b1b1b;text-decoration:underline}a:visited{color:#444}h1{font-size:2em;font-family:"Ranchers",cursive}.container__full-height{height:calc(100% - 40px);display:flex;align-items:center;justify-content:center}button:focus{outline:1px auto #787878;outline-style:auto;outline-width:0}::-webkit-scrollbar{width:5px;background-color:#f5f5f5}::-webkit-scrollbar-track{background-color:#f5f5f5}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:2px}::-webkit-scrollbar-thumb{background-color:#666}@media (min-width:850px){.page{display:flex;flex-direction:column;align-items:center}h1{font-size:2em}}@media (min-width:850px) and (min-height:800px){.page{font-size:18px}}@media (min-height:770px){.container__full-height{height:calc(100vh - 55px)}}.welcome__main{width:100%;height:90vh;opacity:0}.welcome__main,.welcome__menu{display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome__menu{margin-bottom:5em}.welcome__menu h2{text-align:center;margin-bottom:20px}.welcome__menu button{margin:10px;width:250px;height:3em;padding:1em;display:flex;justify-content:space-around}.welcome__menu span{width:33%}.vs{width:auto}.language__select{display:flex;width:auto;position:absolute;top:80vh}.language__icon{margin:.3em;width:2.5em;height:auto;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));-webkit-filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));transform:scale(1);cursor:pointer}.language__icon:hover{transform:scale(1.07);-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-ms-transform:scale(1.07);-o-transform:scale(1.07)}@media (min-width:1100px){.welcome__menu button{width:300px}}.title__main{flex-direction:column;width:100%;height:90vh;opacity:0}.title__content,.title__main{display:flex;align-items:center;justify-content:center}.title__content{flex-direction:row}.title__content h1{font-size:5em;text-align:center;margin-right:2px;text-shadow:3px 3px 3px rgba(0,0,0,.2);color:#222}.title__main button{font-size:1em;margin-top:2em;padding:.5em;width:100px}.levelSelect__main{width:100%;height:90vh;opacity:0}.levelSelect__main,.levelSelect__menu{display:flex;flex-direction:column;align-items:center;justify-content:center}.levelSelect__menu{margin-bottom:5em}.levelSelect__menu h2{text-align:center;margin-bottom:20px}.levelSelect__main button{margin:10px;width:250px;height:3em;padding:1em;display:flex;justify-content:space-around}
/*# sourceMappingURL=main.53359372.chunk.css.map */