*{box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation}@media screen and (max-width:374px){html{font-size:13px}}body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}body{-ms-flex-align:center;align-items:center;background:#FFFFFF;color:#000;display:grid;height:100%;margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;}:root{--unsubmitted-color:hsla(0,0%,100%,.08);--correct-color:#4caf50;--somewhere-color:#ff9800;--incorrect-color:hsla(0,0%,100%,.16)}svg{display:block;width:24px}.app{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;display:grid;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;grid-template:auto 1fr auto auto/1fr;height:100%;justify-content:center;margin:0 auto;/*max-height:880px;*/max-width:428px;min-height:600px;min-width:320px;padding:0 1rem calc(env(safe-area-inset-bottom) + .5rem);width:100vw}header{-ms-flex-pack:justify;font-size:1.5rem;height:56px;justify-content:space-between}.help,header{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.help{-ms-flex-pack:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.4);bottom:0;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out}.help p{background:#fff;border-radius:1rem;padding:1rem;width:300px}.help a{color:var(--correct-color)}.help--visible{opacity:1;pointer-events:auto}.guesses{grid-gap:.5rem;aspect-ratio:5/6;display:grid;grid-template:repeat(6,1fr) /repeat(5,1fr);height:100%;justify-self:center;max-width:100%;min-height:0;min-width:0}@supports not (aspect-ratio:5/6){.guesses{max-height:calc(120vw - 1.2rem);width:100%}}#guess-input{font-size:16px;left:-100000px;position:absolute}.letter{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color: hsla(0, 0%, 0%, 0.55);background:hsla(0, 10%, 10%, 0.20);border-radius:8px;display:-ms-flexbox;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;position:relative;text-transform:uppercase}.submitted{-webkit-animation:flip .5s ease-in-out forwards;animation:flip .5s ease-in-out forwards}@-webkit-keyframes flip{50%{background:var(--unsubmitted-color);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}50.001%{background:var(--color)}to{background:var(--color)}}@keyframes flip{50%{background:var(--unsubmitted-color);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}50.001%{background:var(--color)}to{background:var(--color)}}.letter:nth-child(5n+1){-webkit-animation-delay:0s;animation-delay:0s}.letter:nth-child(5n+2){-webkit-animation-delay:.1s;animation-delay:.1s}.letter:nth-child(5n+3){-webkit-animation-delay:.2s;animation-delay:.2s}.letter:nth-child(5n+4){-webkit-animation-delay:.3s;animation-delay:.3s}.letter:nth-child(5n+5){-webkit-animation-delay:.4s;animation-delay:.4s}.letter:not(.submitted):not(:empty){-webkit-animation:pop .2s ease-out;animation:pop .2s ease-out}@-webkit-keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.letter.active:after{-webkit-animation:blink .6s ease-in-out infinite alternate;animation:blink .6s ease-in-out infinite alternate;background:hsla(0,0%,100%,.3);bottom:calc(50% - .8rem);content:"";display:block;height:2px;width:30%}@-webkit-keyframes blink{to{opacity:0}}@keyframes blink{to{opacity:0}}.message{-ms-flex-negative:0;background-color:hsla(0,0%,100%,.16);border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);color:#fff;flex-shrink:0;height:2.4rem;line-height:2.4rem;margin:1rem auto;opacity:1;text-align:center;transition:opacity .3s ease-in-out;width:90%;will-change:opacity}.message:empty{opacity:0}.keyboard{grid-gap:.3rem;display:grid;grid-template:repeat(3,1fr) /repeat(11,minmax(0,1fr))}.key,.keyboard{-ms-flex-pack:center;justify-content:center}.key{-ms-flex-align:center;align-items:center;background:var(--color,hsla(0, 0%, 0%, 0.5));border:none;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.8);color:#fff;display:-ms-flexbox;display:flex;font-size:1rem;height:40px;text-transform:uppercase;transition:all .15s ease-in-out;will-change:transform}.key:active{-webkit-transform:scale(.95) translateY(2px);-ms-transform:scale(.95) translateY(2px);transform:scale(.95) translateY(2px)}.key[data-key=\232B]{grid-column:span 2;width:75%}.key[data-key=\23CE]{background:#0288d1;grid-column:span 2/-1;justify-self:end;width:75%}.🟩{--color:#4caf50}.🟨{--color:#ff9800}.⬛{--color:hsla(0,0%,100%,.16)}