._keyboard_1g7t3_1{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:2rem;gap:4px}._keyboard__row_1g7t3_9{display:flex;gap:inherit;width:100%}._keyboard_1g7t3_1 button{padding:.5rem;border:var(--border-color);border-radius:4px;font-weight:900;text-transform:uppercase;background-color:#878a8c;color:#fff;transition:background-color .5s}@media (max-width: 420px){._keyboard_1g7t3_1{font-size:.75rem}}._keyboard__key_1g7t3_29{flex:1;flex-basis:2rem;font-size:1.3em}._keyboard__key_1g7t3_29[data-match="1"]{background-color:#6aaa64}._keyboard__key_1g7t3_29[data-match="2"]{background-color:#c9b458}._keyboard__key_1g7t3_29[data-match="3"]{background-color:#3a3a3a}._keyboard__button_1g7t3_43{font-size:.75em;flex:2}._container_1xe32_1{text-align:center}._intro_1xe32_5{margin-bottom:2rem}ol{padding:0;margin:0}._guesses_1xe32_14{display:flex;flex-direction:column;gap:.3rem;width:100%;list-style-type:none;margin-top:1rem}._guess_1xe32_14{width:100%}._guess__tiles_1xe32_26{display:flex;gap:.3rem;justify-content:space-between;list-style-type:none}._guess__tile_1xe32_26{flex:1;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:1.4rem;font-weight:1000;border:solid 2px var(--border-color);transition:border-color .3s}._guess__tile_1xe32_26[data-is-active=true]{border-color:#878a8c}._guess__tile_1xe32_26[data-match="1"]{animation-name:_animate-correct_1xe32_1;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;backface-visibility:hidden}@keyframes _animate-correct_1xe32_1{0%{transform:rotateX(0)}49%{background-color:unset;border-color:unset;color:unset}50%{transform:rotateX(90deg);background-color:#6aaa64;border-color:#6aaa64;color:#fff}to{transform:rotateX(0);background-color:#6aaa64;border-color:#6aaa64;color:#fff}}._guess__tile_1xe32_26[data-match="2"]{animation-name:_animate-kinda_1xe32_1;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;backface-visibility:hidden}@keyframes _animate-kinda_1xe32_1{0%{transform:rotateX(0)}49%{background-color:unset;border-color:unset;color:unset}50%{transform:rotateX(90deg);background-color:#c9b458;border-color:#c9b458;color:#fff}to{transform:rotateX(0);background-color:#c9b458;border-color:#c9b458;color:#fff}}._guess__tile_1xe32_26[data-match="3"]{animation-name:_animate-miss_1xe32_1;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;backface-visibility:hidden}@keyframes _animate-miss_1xe32_1{0%{transform:rotateX(0)}49%{background-color:unset;border-color:unset;color:unset}50%{transform:rotateX(90deg);background-color:#878a8c;border-color:#878a8c;color:#fff}to{transform:rotateX(0);background-color:#878a8c;border-color:#878a8c;color:#fff}}._button_1xe32_135,._button__generate_1xe32_135,._button__submit_1xe32_135{padding:0;margin:0;border:none;color:var(--text-color);background-color:transparent;font-size:1rem}._button__submit_1xe32_135{margin-top:1rem;padding:.75rem 1.5rem;border-radius:9999px;border:solid 2px var(--text-color);font-weight:900;font-family:inherit;text-transform:uppercase}._button__generate_1xe32_135{display:inline-flex;color:var(--link-color);text-decoration:underline;text-align:center}*,*:after,*:before{box-sizing:border-box}:root{--text-color: #fff;--border-color: #d3d6da;--link-color: rgb(0, 157, 230);--background-color: #222;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;width:100%;max-width:480px;padding:1rem}body{margin:0;display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh}h1{margin:0;font-size:3.2rem;line-height:1.1}@media screen and (max-width: 420px){h1{font-size:2.5rem}}@media (prefers-color-scheme: light){:root{--text-color: #222;--border-color: #878a8c;--link-color: rgb(0, 97, 142);--background-color: #e3e3e1}}