body,html,main{height:100%}.button,main{display:flex}.button,.keyboard__key{-webkit-tap-highlight-color:rgba(0,0,0,.3);text-transform:uppercase}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}div{box-sizing:border-box}a:active,a:focus,a:hover,a:visited{border:none;text-decoration:none;outline:0}.button,.toasts__toast{border-radius:4px;font-weight:700}main{position:relative;flex-direction:column}h1{font-weight:700;font-size:16px;letter-spacing:.5px;text-transform:uppercase}.button{font-family:inherit;cursor:pointer;border:none;line-height:52px;padding:0 32px;font-size:20px;height:52px;align-items:center;justify-content:center;white-space:nowrap}.modal__content,.modal__overlay{align-items:center;display:flex}.button--green{background-color:#6aaa64;color:#fff}.button--green svg{fill:#fff;margin-left:12px}.modal__overlay{top:0;left:0;position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,.5);justify-content:center;z-index:1}.modal__close-button{cursor:pointer;padding:0;background:0 0;border:none;position:absolute;top:16px;right:16px}.modal__content{background-color:#fff;box-shadow:0 4px 23px 0 rgba(0,0,0,.2);border-radius:8px;width:90%;max-height:90%;max-width:500px;padding:32px 16px;transform:translateY(0);justify-content:center;flex-direction:column;animation-name:inline-ufwew3s;animation-duration:250ms;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes inline-ufwew3s{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}.modal__content--closing{animation-name:inline-ufwew4q;animation-duration:150;animation-timing-function:ease-out;animation-iteration-count:1}@keyframes inline-ufwew4q{0%{transform:translateY(0);opacity:1}90%{opacity:0}100%{opacity:0;transform:translateY(60px)}}.game{flex-grow:1;display:flex;flex-direction:column}.game__header{height:50px;border-bottom:1px solid #d3d6da;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.game__header__button{background:0 0;border:none;cursor:pointer;padding:0 4px}.game__main-area{position:relative;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.game__button-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;height:408px;background-color:rgba(255,255,255,.5);opacity:0;transition:opacity 250ms ease-in-out}.game__button-overlay>.button{margin:8px 0}.game__button-overlay:hover{opacity:1}@media (max-width:768px){.game__button-overlay{opacity:1;animation-name:inline-ufwew5c;animation-duration:.5s;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes inline-ufwew5c{from{opacity:0}to{opacity:1}}}.game__keyboard-container{width:100%;margin:0 auto;max-width:500px;padding:8px;user-select:none}.toasts__container{position:absolute;top:5%;left:50%;transform:translateX(-50%);overflow:visible;z-index:2}.toasts__toast{letter-spacing:1px;position:relative;text-align:center;background-color:#222;color:#fff;padding:20px;margin-bottom:20px;max-height:999px;opacity:1}.toasts__toast--inactive{opacity:0;transition:opacity .3s ease-in-out,max-height 0s .3s,margin-bottom 0s .3s,padding 0s .3s;max-height:0;margin-bottom:0;padding:0}.grid__row{display:flex}.grid__row--invalid{animation-name:inline-ufwew5u;animation-duration:.6s;animation-timing-function:"";animation-iteration-count:1}@keyframes inline-ufwew5u{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.grid__tile{width:62px;height:62px;line-height:62px;border:2px solid #d3d6da;margin:3px;text-align:center;font-size:2rem;font-weight:700;background-color:#fff}.grid__tile--filled{border-color:#878a8c}.grid__tile--absent,.grid__tile--correct,.grid__tile--present{color:#fff;animation-name:inline-ufwew6m;animation-duration:.5s;animation-timing-function:ease-in;animation-iteration-count:1}.grid__tile--absent:nth-child(0n),.grid__tile--correct:nth-child(0n),.grid__tile--present:nth-child(0n){animation-delay:0s;transition:color 0s 250ms,background-color 0s 250ms,border-color 0s 250ms}.grid__tile--absent:nth-child(1n),.grid__tile--correct:nth-child(1n),.grid__tile--present:nth-child(1n){animation-delay:.1s;transition:color 0s 350ms,background-color 0s 350ms,border-color 0s 350ms}.grid__tile--absent:nth-child(2n),.grid__tile--correct:nth-child(2n),.grid__tile--present:nth-child(2n){animation-delay:.2s;transition:color 0s 450ms,background-color 0s 450ms,border-color 0s 450ms}.grid__tile--absent:nth-child(3n),.grid__tile--correct:nth-child(3n),.grid__tile--present:nth-child(3n){animation-delay:.3s;transition:color 0s 550ms,background-color 0s 550ms,border-color 0s 550ms}.grid__tile--absent:nth-child(4n),.grid__tile--correct:nth-child(4n),.grid__tile--present:nth-child(4n){animation-delay:.4s;transition:color 0s 650ms,background-color 0s 650ms,border-color 0s 650ms}.grid__tile--absent:nth-child(5n),.grid__tile--correct:nth-child(5n),.grid__tile--present:nth-child(5n){animation-delay:.5s;transition:color 0s 750ms,background-color 0s 750ms,border-color 0s 750ms}.grid__tile--absent:nth-child(6n),.grid__tile--correct:nth-child(6n),.grid__tile--present:nth-child(6n){animation-delay:.6s;transition:color 0s 850ms,background-color 0s 850ms,border-color 0s 850ms}.grid__tile--absent:nth-child(7n),.grid__tile--correct:nth-child(7n),.grid__tile--present:nth-child(7n){animation-delay:.7s;transition:color 0s 950ms,background-color 0s 950ms,border-color 0s 950ms}.grid__tile--absent:nth-child(8n),.grid__tile--correct:nth-child(8n),.grid__tile--present:nth-child(8n){animation-delay:.8s;transition:color 0s 1.05s,background-color 0s 1.05s,border-color 0s 1.05s}.grid__tile--absent:nth-child(9n),.grid__tile--correct:nth-child(9n),.grid__tile--present:nth-child(9n){animation-delay:.9s;transition:color 0s 1.15s,background-color 0s 1.15s,border-color 0s 1.15s}.grid__tile--absent:nth-child(10n),.grid__tile--correct:nth-child(10n),.grid__tile--present:nth-child(10n){animation-delay:1s;transition:color 0s 1.25s,background-color 0s 1.25s,border-color 0s 1.25s}@keyframes inline-ufwew6m{0%,100%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}}.grid__tile--correct{border-color:#6aaa64;background-color:#6aaa64}.grid__tile--present{border-color:#c9b458;background-color:#c9b458}.grid__tile--absent{border-color:#787c7e;background-color:#787c7e}.pop{animation-name:inline-ufwew6u;animation-duration:.1s;animation-timing-function:1;animation-iteration-count:1}@keyframes inline-ufwew6u{0%{transform:scale(.8);opacity:0}40%{transform:scale(1.1);opacity:1}}.keyboard__row{display:flex;width:100%;justify-content:center}.keyboard__key{cursor:pointer;height:58px;width:43px;flex-shrink:1;margin:3px;border-radius:4px;border:none;background-color:#d3d6da;font-weight:700;display:flex;align-items:center;justify-content:center}.keyboard__key--special{width:65px}.keyboard__key--absent,.keyboard__key--correct,.keyboard__key--present{color:#fff;transition:background-color .2s 1.2s ease-in,color 250ms 1.2s ease-in}.keyboard__key--correct{background-color:#6aaa64}.keyboard__key--present{background-color:#c9b458}.keyboard__key--absent,.stats-modal__bar{background-color:#787c7e}.stats-modal__section{width:100%;display:flex;flex-direction:column;align-items:center}.stats-modal__section+.stats-modal__section{margin-top:16px}.stats-modal__header{margin:16px 0}.stats-modal__stats-row{margin:0 auto;display:flex;align-items:baseline;justify-content:center}.stats-modal__stat{display:flex;flex-direction:column;align-items:center;text-align:center;width:58px}.stats-modal__stat__value{font-size:36px}.stats-modal__stat__label{font-size:12px}.stats-modal__bar-row{display:flex;align-items:center;font-size:14px;width:80%}.stats-modal__bar-row+.stats-modal__bar-row{margin-top:4px}.stats-modal__bar-label{margin-right:4px}.stats-modal__bar{padding:0 8px;height:20px;line-height:20px;text-align:right;font-weight:700;color:#fff}.stats-modal__bar--nonzero{background-color:#6aaa64}.stats-modal__button-row{flex-direction:row;justify-content:center}@media (max-width:480px){.stats-modal__button-row{flex-direction:column}}.stats-modal__button-row__column{flex-grow:1;display:flex;justify-items:center;padding:16px 24px}.stats-modal__button-row__column+.stats-modal__button-row__column{border-left:1px solid #222}@media (max-width:480px){.stats-modal__button-row__column{padding:8px 24px}.stats-modal__button-row__column+.stats-modal__button-row__column{border-left:none}}.help-modal{align-items:flex-start}.help-modal__header{margin-bottom:14px}.help-modal p{display:block;font-size:14px;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0}.help-modal__section{width:100%;padding:8px 0}.help-modal__section+.help-modal__section{border-top:1px solid #d3d6da}.help-modal__example{display:flex;padding-top:8px}.help-modal__example-tile{width:40px;height:40px;display:inline-flex;justify-content:center;align-items:center;border:2px solid #878a8c;font-size:2rem;font-weight:700;box-sizing:border-box;color:#222;text-transform:uppercase;user-select:none}.help-modal__example-tile+.help-modal__example-tile{margin-left:4px}.help-modal__example-tile--absent,.help-modal__example-tile--correct,.help-modal__example-tile--present{color:#fff;animation-name:inline-ufwew71;animation-duration:.5s;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes inline-ufwew71{0%,100%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}}.help-modal__example-tile--correct{background-color:#6aaa64;border-color:#6aaa64}.help-modal__example-tile--present{background-color:#c9b458;border-color:#c9b458}.help-modal__example-tile--absent{background-color:#787c7e;border-color:#787c7e}.share-button:hover{opacity:.9}