.answers{display:flex;justify-content:center;align-items:center;flex-grow:1}.answer-grid{display:grid;grid-template-rows:repeat(6,1fr);width:350px;height:420px;gap:5px;padding:10px;margin-top:2em}.answer-grid-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.answer-grid-tile{border:2px solid #3a3a3c;width:100%;color:var(--text);display:flex;text-transform:uppercase;font-size:2rem;align-items:center;justify-content:center;font-weight:700;transition-delay:.5s}.answer-grid-tile.guess{background-color:var(--incorrect)}.answer-grid-tile.correct{background-color:var(--correct)}.answer-grid-tile.close-guess{background-color:var(--almost)}@keyframes pop{50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes flip{60%{transform:rotateX(180deg)}to{transform:rotateX(360deg)}}.pop{animation:pop .15s linear}.flip0{animation:flip 1.2s}.flip1{animation:flip 1.2s;animation-delay:.1s}.flip2{animation:flip 1.2s;animation-delay:.2s}.flip3{animation:flip 1.2s;animation-delay:.3s}.flip4{animation:flip 1.2s;animation-delay:.4s}@keyframes shake{33%{transform:translate(2px)}66%{transform:translate(-2px)}to{transform:initial}}.shake{animation:shake .25s linear}.keyboard{display:flex;flex-direction:column;flex-wrap:wrap;gap:1em;margin-top:3em;padding-inline:.25em}.key-rows{display:flex;gap:.5em;width:100%;align-items:center;justify-content:center}@media (max-width: 400px){.key-rows{gap:.25em}}.key{background-color:var(--unused);color:var(--text);display:flex;align-items:center;justify-content:center;border:none;text-transform:uppercase;font-size:1.25rem;font-weight:700;cursor:pointer;line-height:1.15;height:58px;border-radius:4px;flex:1;transition-delay:1.2s}.key.key-wide{flex:1.5;font-size:.75rem}.key.key-wide>i{font-size:1rem}.half-key{flex:.5}.key.guess{background-color:var(--incorrect)}.key.correct{background-color:var(--correct)}.key.close-guess{background-color:var(--almost)}.modal{background-color:#fff;position:absolute;transform:translate(-1000%);left:0;right:0;top:0;bottom:0;border-radius:5px;margin-left:auto;margin-right:auto;height:3em;width:50%;color:#000;font-family:NYTKarnakCondensed,serif;text-align:center;padding:1em;opacity:1}.modal-wide{position:absolute;left:0;right:0;top:0;bottom:0;background-color:var(--background);transform:translate(-1000%);height:100%;align-items:center;display:flex;flex-direction:column;opacity:0}.modal-wide h2{font-family:NYTKarnakCondensed,serif;font-weight:700;font-size:2rem;text-align:center;width:100%;margin-bottom:1em}.modal-wide button{background-color:var(--background);border:none;color:var(--text);font-family:inherit;align-self:flex-end;cursor:pointer;font-size:1.25rem}@keyframes fade-out{0%{opacity:.9}75%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-wide.display{transform:translateY(10%);opacity:1;animation:fade-in linear 2s}.modal.display{transform:translateY(50%);animation:fade-out ease-in-out 8s;opacity:0}.header{border-bottom:1px solid #4e4e4e;padding:1em;display:flex;flex-direction:column;justify-content:center;align-items:center}.guide{border-top:1px solid #4e4e4e;display:flex;flex-direction:column;align-items:center;padding:1em;gap:.5em}.guide h2{font-size:1.3rem}.guide-icons{display:flex;flex-direction:column;gap:.5em}.guide-icon{position:relative;margin-left:1.2em}.guide-icon:before{content:"";padding:5px;border-radius:50%;height:5px;width:5px;position:absolute;left:-1em;top:2px;bottom:0}.guide-correct:before{background-color:var(--correct)}.guide-almost:before{background-color:var(--almost)}.guide-incorrect:before{background-color:var(--incorrect)}:root{--background: #121213;--text: #f8f8f8;--correct: #538d4e;--almost: #b59f3b;--incorrect: #3a3a3c;--unused: #818384;font-family:Libre Franklin,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--text);width:100vw;height:100vh}#root{width:100%;display:flex;flex-direction:column}.game{max-width:500px;width:100%;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:center;position:relative;margin-bottom:1.5em}