*,*:before,*:after{margin:0;box-sizing:border-box}:root{--bg-color: #F9DFEE;--border-color: #888;--correct: #B8E297;--wrong: #C6B9BC;--close: #EFEE99;--key-bg: #eee;--letter-color: #000;--share-title: #461C89}.accessible{--bg-color: #000;--border-color: #888;--correct: #00a7e1;--wrong: #C6B9BC;--close: #FFA630;--key-bg: #eee;--letter-color: #000;--share-title: #461C89}.xtra{--bg-color: #F0DBFE}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;background-color:var(--bg-color)}header{text-align:center}.app{display:grid;height:100vh;grid-template-rows:auto auto 1fr auto;gap:1rem;padding:1rem;justify-content:center;text-align:center}.board{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:.5rem}.footer,.changelog{padding-bottom:3rem}.instructions{gap:.5rem;max-width:40em;text-align:left}.instructions-key{margin:1em 0 2em;padding:0;list-style:none;display:flex;align-items:flex-start;flex-direction:column}.instructions-key li{margin-top:1em}.instructions p{padding:1em 0}.instructions h2{margin:0 0 1em}.instructions h3{margin:0 0 .5em}.share-button{display:none}.round{display:flex;gap:.5rem}.letter{font-size:2rem;border:1px solid var(--border-color);display:flex;width:3rem;height:3rem;border-radius:.5rem;align-items:center;justify-content:center}@media(max-width:30rem){.letter{font-size:1.5rem;width:2rem;height:2rem;border-radius:.25rem}}.letter--hint-correct{background:var(--correct)}.accessible .letter--hint-correct{font-weight:700}.letter--hint-wrong{background:var(--wrong)}.letter--hint-close{background:var(--close)}.accessible .letter--hint-close{font-style:italic}.feedback{white-space:pre-wrap}.modal__overlay{align-items:start}.modal__title{color:var(--share-title);font-size:1rem}.modal__close{align-self:flex-end}.modal__container{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:.5rem;width:80%;min-height:50%;font-size:1.5rem;margin-top:2em}.modal__content{display:flex;flex-direction:column;margin-top:.5rem;margin-bottom:.5rem}.content-center{display:block;text-align:center}.modal__footer{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-bottom:2rem}.modal{display:none}.modal.is-open{display:block}.noselect{-webkit-user-select:none}.nodisplay{display:none}#share-detail{font-size:.95rem;display:flex;flex-direction:column;margin-bottom:2rem}#share-detail a{display:flex;align-content:center}#share-detail img,#share-detail a img,#share-detail iframe,#share-detail a{margin-left:auto;margin-right:auto;max-width:80%;max-height:8rem;text-align:center}#share-detail a img{border-width:.2rem;border-style:solid;border-color:blue}#share-content{font-size:1.25rem}.first-visit{text-align:left;font-size:.95rem;display:flex;flex-direction:column;margin-bottom:2rem}.first-visit p{margin-bottom:10px}.first-visit li{padding:5px}.game-number{margin:.1rem;display:flex;align-content:center;flex-direction:column}#correct-answer{font-size:.9rem;margin-bottom:.5rem;text-align:center}.keyboard{display:flex;flex-direction:column;gap:.5rem}.keyboard__row{display:flex;gap:.25rem;justify-content:center}.key{font:inherit;padding:0;display:block;width:2rem;height:2.25rem;background:var(--key-bg);border-radius:.25rem;border:1px solid var(--border-color);color:var(--letter-color);font-size:1rem}.key:hover{box-shadow:0 0 0 .1rem currentColor;cursor:pointer}.key--pretty{width:3rem;font-size:.7rem;margin:0 .5rem}.key--hint-correct{background:var(--correct)}.accessible .key--hint-correct{font-weight:700}.key--hint-wrong{background:var(--wrong)}.key--hint-close{background:var(--close)}.accessible .key--hint-close{font-style:italic}@media(max-width:30rem){.key{width:1.7rem}}@keyframes shake{8%{transform:translateX(6%)}16%{transform:translateX(-6%)}24%{transform:translateX(5%)}32%{transform:translateX(-5%)}40%{transform:translateX(4%)}48%{transform:translateX(-4%)}56%{transform:translateX(3%)}64%{transform:translateX(-3%)}72%{transform:translateX(2%)}80%{transform:translateX(-2%)}88%{transform:translateX(1%)}96%{transform:translateX(-1%)}100%{transform:translateX(0)}}