#root,body,html{border:none;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}#game,#root,body,html{background-color:#121213;height:100%}#game{display:flex;flex-direction:column;margin:0 auto;width:100%}#boardContainer{align-items:center;display:flex;flex-grow:1;justify-content:center;overflow:hidden}#board{grid-gap:5px;box-sizing:border-box;grid-template-rows:repeat(6,1fr);height:100%;max-height:420px;max-width:350px;padding:10px;width:100%}#board,.row{display:grid}.row{grid-gap:5px;grid-template-columns:repeat(5,1fr)}.row[data-animation=shake]{-webkit-animation:shake .2s linear forwards;animation:shake .2s linear forwards}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(8px);transform:translateX(8px)}66%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(8px);transform:translateX(8px)}66%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.overlay{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3000}.overlay[data-show=true]{display:flex}.content{-webkit-animation:SlideIn .2s;animation:SlideIn .2s;background-color:#121213;border:1px solid #1a1a1b;border-radius:8px;box-shadow:0 4px 23px 0 rgba(0,0,0,.2);box-sizing:border-box;color:#d7dadc;max-height:90%;max-width:500px;overflow-y:auto;padding:16px;position:relative;width:90%}.close-icon{height:24px;position:absolute;right:16px;top:16px;width:24px}.overlay h1{margin-top:0}.overlay .buttons{align-items:center;display:flex;justify-content:space-between}.overlay button{flex:unset;height:44px;padding:0 10px}.overlay button.success{background-color:#538d4e}.toast{align-items:center;background-color:hsla(0,0%,100%,.85);border-radius:10px;color:#000;display:none;justify-content:center;left:50%;padding:5px 10px;position:absolute;top:70px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3000}.toast[data-show=true]{display:flex}.tile{align-items:center;box-sizing:border-box;color:#d7dadc;display:inline-flex;font-size:2rem;font-weight:700;justify-content:center;line-height:2rem;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:100%}.tile:before{content:"";display:inline-block;height:0;padding-bottom:100%;width:1px}.tile[data-state=tbd]{background-color:#121213;border:2px solid #565758}.tile[data-state=absent]{background-color:#3a3a3c}.tile[data-state=present]{background-color:#b59f3b}.tile[data-state=correct]{background-color:#538d4e}.tile[data-animation=reveal]{-webkit-animation:flipIn .8s linear forwards;animation:flipIn .8s linear forwards}.tile[data-animation=jump]{-webkit-animation:jump .5s linear forwards;animation:jump .5s linear forwards}@-webkit-keyframes flipIn{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}50%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes flipIn{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}50%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(10px);transform:translateY(10px)}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(10px);transform:translateY(10px)}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#keyboard{margin:0 8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.keyboardRow{display:flex;margin:0 auto 8px;touch-action:manipulation;width:100%}button{-webkit-tap-highlight-color:rgba(0,0,0,.3);align-items:center;background-color:#818384;border:0;border-radius:4px;color:#d7dadc;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-weight:700;height:58px;justify-content:center;margin:0 6px 0 0;padding:0;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}button:focus{outline:none}button.fade{transition:background-color .1s ease,color .1s ease}button:last-of-type{margin:0}.half{flex:0.5 1}.one{flex:1 1}.one-and-a-half{flex:1.5 1;font-size:12px}.two{flex:2 1}button[data-state=correct]{background-color:#538d4e}button[data-state=present]{background-color:#b59f3b}button[data-state=absent]{background-color:#3a3a3c}#levelGridContainer{display:flex;flex-grow:1;justify-content:center;margin:0 auto;max-width:500px;overflow:scroll}#levelGrid{grid-gap:5px;display:grid;grid-template-columns:repeat(5,1fr);padding:10px}#levelGrid,.levelGridItem{box-sizing:border-box;width:100%}.levelGridItem{align-items:center;background-color:#121213;border:2px solid #565758;color:#d7dadc;display:inline-flex;font-size:1.7rem;font-weight:700;justify-content:center;line-height:2rem;min-height:65px;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.levelGridItem[data-state=complete]{background-color:#538d4e;border:none}.levelGridItem[data-state=failed]{background-color:#bb3636;border:none}header{align-items:center;border-bottom:1px solid #3a3a3c;color:#d7dadc;display:flex;justify-content:space-between;min-height:50px;padding:0 10px}header .title{font-size:36px;font-weight:700;left:0;letter-spacing:.2rem;pointer-events:none;position:absolute;right:0;text-align:center;text-transform:uppercase}
/*# sourceMappingURL=main.625ba9eb.css.map*/