*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.nJWo7a_GridWrapper{gap:var(--cell-gap);flex-direction:column;flex:1;justify-content:center;display:flex}.nJWo7a_cell{aspect-ratio:1;border-radius:var(--cell-radius);border:2px solid var(--color-gray-700);place-content:center;width:20%;font-size:2rem;display:grid}.nJWo7a_row{gap:var(--cell-gap);display:flex}.nJWo7a_row:first-child>.nJWo7a_cell:first-child{--cell-radius:var(--grid-corner)1px 1px 1px}.nJWo7a_row:first-child>.nJWo7a_cell:last-child{--cell-radius:1px var(--grid-corner)1px 1px}.nJWo7a_row:last-child>.nJWo7a_cell:first-child{--cell-radius:1px 1px 1px var(--grid-corner)}.nJWo7a_row:last-child>.nJWo7a_cell:last-child{--cell-radius:1px 1px var(--grid-corner)1px}.nJWo7a_correct{background:var(--color-success);border-color:var(--color-success);color:#fff}.nJWo7a_incorrect{background:var(--color-gray-300);border-color:var(--color-gray-300);color:#fff}.nJWo7a_misplaced{background:var(--color-warning);border-color:var(--color-warning);color:#fff}form>input[id=userInput]{border:2px solid var(--color-gray-300);outline-offset:4px;border-radius:4px;padding:8px 16px;font-size:2rem}form>label{font-size:1.2rem}form{flex-direction:column;gap:6px;padding:0 4px;display:flex}.MaIopq_wrapper{min-height:calc(100% - var(--header-height));gap:var(--game-spacing);padding:var(--game-spacing)32px;flex-direction:column;min-width:250px;max-width:min(500px,58vh,100%);margin-left:auto;margin-right:auto;display:flex}header{height:var(--header-height);border-bottom:1px solid var(--color-gray-700);place-content:center;display:grid}h1{color:var(--color-gray-300);font-size:clamp(1.4138rem,.4367rem + 6.2533vw,2rem)}.F--F5W_helpButton{aspect-ratio:1;background-color:var(--color-gray-900);border:2px solid var(--color-gray-500);opacity:.55;border-radius:500px;width:35px;font-weight:600}.F--F5W_dialogWrapper{position:absolute;top:20px;right:50px}@media (width<=29rem){.F--F5W_helpButton{display:none}}dialog{border-color:var(--color-gray-300);background-color:var(--color-gray-900);border-color:var(--color-gray-300);will-change:transform;border-radius:1rem;margin-top:25px;animation:.4s ease-out F--F5W_slowMo;transform:translate(calc(1rem - 50%))translateY(30%)}.F--F5W_decoration{background-color:var(--color-gray-300);clip-path:polygon(50% 0%,100% 100%,0% 100%);width:20px;height:20px;position:absolute;left:calc(50% - 10px);transform:translateY(calc(-100% - 19px))}@keyframes F--F5W_slowMo{0%{transform:translate(calc(1rem - 50%))translateY(20%)}80%{transform:translate(calc(1rem - 50%))translateY(34%)}to{transform:translate(calc(1rem - 50%))translateY(30%)}}@keyframes F--F5W_fadeout{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=index.442add8f.css.map */