body.modal-active{overflow:hidden}.modal-scrim{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;top:0;width:100vw;z-index:100}.modal,.modal-scrim{position:fixed;transition:opacity var(--app-animation-timing) ease-in-out}.modal{background:var(--app-ui-raised-surface);border:1px solid var(--app-ui-border);border-radius:1em;margin:auto;z-index:200}.modal-inactive .modal,.modal-inactive .modal-scrim{opacity:0}.modal-inactive{transition:visibility 0s ease-in-out var(--app-animation-timing);visibility:hidden}@media (min-width:937.5px){.modal{left:calc(50% - 375px);top:calc(10vh - 1px);width:750px}}@media (max-width:937.5px){.modal{left:calc(10vw - 1px);top:calc(10vh - 1px);width:80vw}}.modal-content{padding:1em 2em 2em}.modal-header{display:grid;grid-template-areas:"_ title close";grid-template-columns:5rem 1fr 5rem;margin-top:-1em;padding:.5em;width:100%}.modal-title{grid-area:title;text-align:center}.close-button{border:none;grid-area:close}.app-header{background-color:var(--app-ui-raised-surface);position:-webkit-sticky;position:sticky;top:0;z-index:1}.app-header-content{align-items:center;display:flex;flex-direction:row;height:4em;justify-content:flex-start;margin:auto;max-width:1200px}.app-header-content h1{padding-left:.5em}.padding{flex-grow:1}.boards{display:grid;margin:10px 0 0;padding:0 0 10px}@media (min-width:520px){.app-font-extra_large .boards{grid-template-columns:repeat(1,1fr)}}@media (min-width:360px){.app-font-large .boards{grid-template-columns:repeat(1,1fr)}}@media (min-width:280px){.app-font-medium .boards{grid-template-columns:repeat(1,1fr)}}@media (min-width:200px){.app-font-small .boards{grid-template-columns:repeat(1,1fr)}}@media (min-width:1040px){.app-font-extra_large .boards{grid-template-columns:repeat(2,1fr)}}@media (min-width:720px){.app-font-large .boards{grid-template-columns:repeat(2,1fr)}}@media (min-width:560px){.app-font-medium .boards{grid-template-columns:repeat(2,1fr)}}@media (min-width:400px){.app-font-small .boards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1560px){.app-font-extra_large .boards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1080px){.app-font-large .boards{grid-template-columns:repeat(3,1fr)}}@media (min-width:840px){.app-font-medium .boards{grid-template-columns:repeat(3,1fr)}}@media (min-width:600px){.app-font-small .boards{grid-template-columns:repeat(3,1fr)}}@media (min-width:2080px){.app-font-extra_large .boards{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.app-font-large .boards{grid-template-columns:repeat(4,1fr)}}@media (min-width:1120px){.app-font-medium .boards{grid-template-columns:repeat(4,1fr)}}@media (min-width:800px){.app-font-small .boards{grid-template-columns:repeat(4,1fr)}}@media (min-width:2600px){.app-font-extra_large .boards{grid-template-columns:repeat(5,1fr)}}@media (min-width:1800px){.app-font-large .boards{grid-template-columns:repeat(5,1fr)}}@media (min-width:1400px){.app-font-medium .boards{grid-template-columns:repeat(5,1fr)}}@media (min-width:1000px){.app-font-small .boards{grid-template-columns:repeat(5,1fr)}}@media (min-width:3120px){.app-font-extra_large .boards{grid-template-columns:repeat(6,1fr)}}@media (min-width:2160px){.app-font-large .boards{grid-template-columns:repeat(6,1fr)}}@media (min-width:1680px){.app-font-medium .boards{grid-template-columns:repeat(6,1fr)}}@media (min-width:1200px){.app-font-small .boards{grid-template-columns:repeat(6,1fr)}}@media (min-width:3640px){.app-font-extra_large .boards{grid-template-columns:repeat(7,1fr)}}@media (min-width:2520px){.app-font-large .boards{grid-template-columns:repeat(7,1fr)}}@media (min-width:1960px){.app-font-medium .boards{grid-template-columns:repeat(7,1fr)}}@media (min-width:1400px){.app-font-small .boards{grid-template-columns:repeat(7,1fr)}}@media (min-width:4160px){.app-font-extra_large .boards{grid-template-columns:repeat(8,1fr)}}@media (min-width:2880px){.app-font-large .boards{grid-template-columns:repeat(8,1fr)}}@media (min-width:2240px){.app-font-medium .boards{grid-template-columns:repeat(8,1fr)}}@media (min-width:1600px){.app-font-small .boards{grid-template-columns:repeat(8,1fr)}}@media (min-width:4680px){.app-font-extra_large .boards{grid-template-columns:repeat(9,1fr)}}@media (min-width:3240px){.app-font-large .boards{grid-template-columns:repeat(9,1fr)}}@media (min-width:2520px){.app-font-medium .boards{grid-template-columns:repeat(9,1fr)}}@media (min-width:1800px){.app-font-small .boards{grid-template-columns:repeat(9,1fr)}}@media (min-width:5200px){.app-font-extra_large .boards{grid-template-columns:repeat(10,1fr)}}@media (min-width:3600px){.app-font-large .boards{grid-template-columns:repeat(10,1fr)}}@media (min-width:2800px){.app-font-medium .boards{grid-template-columns:repeat(10,1fr)}}@media (min-width:2000px){.app-font-small .boards{grid-template-columns:repeat(10,1fr)}}@media (min-width:5720px){.app-font-extra_large .boards{grid-template-columns:repeat(11,1fr)}}@media (min-width:3960px){.app-font-large .boards{grid-template-columns:repeat(11,1fr)}}@media (min-width:3080px){.app-font-medium .boards{grid-template-columns:repeat(11,1fr)}}@media (min-width:2200px){.app-font-small .boards{grid-template-columns:repeat(11,1fr)}}@media (min-width:6240px){.app-font-extra_large .boards{grid-template-columns:repeat(12,1fr)}}@media (min-width:4320px){.app-font-large .boards{grid-template-columns:repeat(12,1fr)}}@media (min-width:3360px){.app-font-medium .boards{grid-template-columns:repeat(12,1fr)}}@media (min-width:2400px){.app-font-small .boards{grid-template-columns:repeat(12,1fr)}}@media (min-width:6760px){.app-font-extra_large .boards{grid-template-columns:repeat(13,1fr)}}@media (min-width:4680px){.app-font-large .boards{grid-template-columns:repeat(13,1fr)}}@media (min-width:3640px){.app-font-medium .boards{grid-template-columns:repeat(13,1fr)}}@media (min-width:2600px){.app-font-small .boards{grid-template-columns:repeat(13,1fr)}}@media (min-width:7280px){.app-font-extra_large .boards{grid-template-columns:repeat(14,1fr)}}@media (min-width:5040px){.app-font-large .boards{grid-template-columns:repeat(14,1fr)}}@media (min-width:3920px){.app-font-medium .boards{grid-template-columns:repeat(14,1fr)}}@media (min-width:2800px){.app-font-small .boards{grid-template-columns:repeat(14,1fr)}}@media (min-width:7800px){.app-font-extra_large .boards{grid-template-columns:repeat(15,1fr)}}@media (min-width:5400px){.app-font-large .boards{grid-template-columns:repeat(15,1fr)}}@media (min-width:4200px){.app-font-medium .boards{grid-template-columns:repeat(15,1fr)}}@media (min-width:3000px){.app-font-small .boards{grid-template-columns:repeat(15,1fr)}}a{color:var(--app-ui-text);font-weight:700}.app-dark{--app-ui-surface:#121212;--app-ui-text:#fff;--app-ui-raised-surface:#242424;--app-ui-border:hsla(0,0%,100%,.5);--app-ui-highlight:hsla(0,0%,100%,.1);--app-guess-invalid:red;--app-guess-black:#242424;--app-guess-black-text:#7f7f7f;--app-guess-yellow:#7f5f00;--app-guess-green:#007f00;--app-danger-red:#7f0000;--app-danger-yellow:#7f7f00}.app-light{--app-ui-surface:#eee;--app-ui-text:#000;--app-ui-raised-surface:#fff;--app-ui-border:rgba(0,0,0,.5);--app-ui-highlight:rgba(0,0,0,.1);--app-guess-invalid:#7f0000;--app-guess-black:#000;--app-guess-black-text:#7f7f7f;--app-guess-yellow:gold;--app-guess-green:green;--app-danger-red:red;--app-danger-yellow:#ff0}.app{background-color:var(--app-ui-surface);color:var(--app-ui-text)}.app-font-small{font-size:10px}.app-font-medium{font-size:15px}.app-font-large{font-size:20px}.app-font-extra_large{font-size:30px}.app-animation-none{--app-animation-timing:0s}.app-animation-slow{--app-animation-timing:1s}.app-animation-medium{--app-animation-timing:0.5s}.app-animation-fast{--app-animation-timing:0.25s}.game-over-actions{align-items:center;display:flex;flex-direction:row}.text-button{background-color:transparent;border:1px solid var(--app-ui-border);border-radius:.25em;color:var(--app-ui-text);font-size:1.25em;font-weight:700;margin:.5em;padding:.5em;width:100%}.text-button:hover{background-color:var(--app-ui-highlight)}.board{display:grid;grid-template-areas:"left right" "keyboard keyboard";margin:1em auto;transition:max-height 0s ease-in-out calc(var(--app-animation-timing)*8),order 0s ease-in-out calc(var(--app-animation-timing)*8),-webkit-transform calc(var(--app-animation-timing)*2) ease-in-out calc(var(--app-animation-timing)*5);transition:max-height 0s ease-in-out calc(var(--app-animation-timing)*8),order 0s ease-in-out calc(var(--app-animation-timing)*8),transform calc(var(--app-animation-timing)*2) ease-in-out calc(var(--app-animation-timing)*5);transition:max-height 0s ease-in-out calc(var(--app-animation-timing)*8),order 0s ease-in-out calc(var(--app-animation-timing)*8),transform calc(var(--app-animation-timing)*2) ease-in-out calc(var(--app-animation-timing)*5),-webkit-transform calc(var(--app-animation-timing)*2) ease-in-out calc(var(--app-animation-timing)*5)}.danger{-webkit-animation:danger-flash calc(var(--app-animation-timing)*4) ease-in-out 0s infinite;animation:danger-flash calc(var(--app-animation-timing)*4) ease-in-out 0s infinite}@-webkit-keyframes danger-flash{0%{background-color:var(--app-danger-red)}50%{background-color:transparent}to{background-color:var(--app-danger-red)}}@keyframes danger-flash{0%{background-color:var(--app-danger-red)}50%{background-color:transparent}to{background-color:var(--app-danger-red)}}.complete{max-height:0;order:100;-webkit-transform:scale(0);transform:scale(0)}.game-over .board{transition:-webkit-transform calc(var(--app-animation-timing)*2) ease-in-out;transition:transform calc(var(--app-animation-timing)*2) ease-in-out;transition:transform calc(var(--app-animation-timing)*2) ease-in-out,-webkit-transform calc(var(--app-animation-timing)*2) ease-in-out}.game-over .complete{max-height:none;order:-100;-webkit-transform:none;-webkit-transform:initial;transform:none}.keyboard{display:grid;grid-area:keyboard;grid-template-areas:"q q q q w w w w e e e e r r r r t t t t y y y y u u u u i i i i o o o o p p p p G G G" "A a a a a s s s s d d d d f f f f g g g g h h h h j j j j k k k k l l l l C C C C H H" "B B B z z z z x x x x c c c c v v v v b b b b n n n n m m m m D D D D E E E E F F F F";margin:auto}.keyboard .cell{transition:all var(--app-animation-timing) ease-in-out}.app-keyboard-qwerty .keyboard-a{grid-area:a}.app-keyboard-qwerty .keyboard-b{grid-area:b}.app-keyboard-qwerty .keyboard-c{grid-area:c}.app-keyboard-qwerty .keyboard-d{grid-area:d}.app-keyboard-qwerty .keyboard-e{grid-area:e}.app-keyboard-qwerty .keyboard-f{grid-area:f}.app-keyboard-qwerty .keyboard-g{grid-area:g}.app-keyboard-qwerty .keyboard-h{grid-area:h}.app-keyboard-qwerty .keyboard-i{grid-area:i}.app-keyboard-qwerty .keyboard-j{grid-area:j}.app-keyboard-qwerty .keyboard-k{grid-area:k}.app-keyboard-qwerty .keyboard-l{grid-area:l}.app-keyboard-qwerty .keyboard-m{grid-area:m}.app-keyboard-qwerty .keyboard-n{grid-area:n}.app-keyboard-qwerty .keyboard-o{grid-area:o}.app-keyboard-qwerty .keyboard-p{grid-area:p}.app-keyboard-qwerty .keyboard-q{grid-area:q}.app-keyboard-qwerty .keyboard-r{grid-area:r}.app-keyboard-qwerty .keyboard-s{grid-area:s}.app-keyboard-qwerty .keyboard-t{grid-area:t}.app-keyboard-qwerty .keyboard-u{grid-area:u}.app-keyboard-qwerty .keyboard-v{grid-area:v}.app-keyboard-qwerty .keyboard-w{grid-area:w}.app-keyboard-qwerty .keyboard-x{grid-area:x}.app-keyboard-qwerty .keyboard-y{grid-area:y}.app-keyboard-qwerty .keyboard-z{grid-area:z}.app-keyboard-dvorak .keyboard-p{grid-area:r}.app-keyboard-dvorak .keyboard-y{grid-area:t}.app-keyboard-dvorak .keyboard-f{grid-area:y}.app-keyboard-dvorak .keyboard-g{grid-area:u}.app-keyboard-dvorak .keyboard-c{grid-area:i}.app-keyboard-dvorak .keyboard-r{grid-area:o}.app-keyboard-dvorak .keyboard-l{grid-area:p}.app-keyboard-dvorak .keyboard-a{grid-area:a}.app-keyboard-dvorak .keyboard-o{grid-area:s}.app-keyboard-dvorak .keyboard-e{grid-area:d}.app-keyboard-dvorak .keyboard-u{grid-area:f}.app-keyboard-dvorak .keyboard-i{grid-area:g}.app-keyboard-dvorak .keyboard-d{grid-area:h}.app-keyboard-dvorak .keyboard-h{grid-area:j}.app-keyboard-dvorak .keyboard-t{grid-area:k}.app-keyboard-dvorak .keyboard-n{grid-area:l}.app-keyboard-dvorak .keyboard-s{grid-area:C}.app-keyboard-dvorak .keyboard-q{grid-area:x}.app-keyboard-dvorak .keyboard-j{grid-area:c}.app-keyboard-dvorak .keyboard-k{grid-area:v}.app-keyboard-dvorak .keyboard-x{grid-area:b}.app-keyboard-dvorak .keyboard-b{grid-area:n}.app-keyboard-dvorak .keyboard-m{grid-area:m}.app-keyboard-dvorak .keyboard-w{grid-area:D}.app-keyboard-dvorak .keyboard-v{grid-area:E}.app-keyboard-dvorak .keyboard-z{grid-area:F}.app-keyboard-colemak .keyboard-q{grid-area:q}.app-keyboard-colemak .keyboard-w{grid-area:w}.app-keyboard-colemak .keyboard-f{grid-area:e}.app-keyboard-colemak .keyboard-p{grid-area:r}.app-keyboard-colemak .keyboard-g{grid-area:t}.app-keyboard-colemak .keyboard-j{grid-area:y}.app-keyboard-colemak .keyboard-l{grid-area:u}.app-keyboard-colemak .keyboard-u{grid-area:i}.app-keyboard-colemak .keyboard-y{grid-area:o}.app-keyboard-colemak .keyboard-a{grid-area:a}.app-keyboard-colemak .keyboard-r{grid-area:s}.app-keyboard-colemak .keyboard-s{grid-area:d}.app-keyboard-colemak .keyboard-t{grid-area:f}.app-keyboard-colemak .keyboard-d{grid-area:g}.app-keyboard-colemak .keyboard-h{grid-area:h}.app-keyboard-colemak .keyboard-n{grid-area:j}.app-keyboard-colemak .keyboard-e{grid-area:k}.app-keyboard-colemak .keyboard-i{grid-area:l}.app-keyboard-colemak .keyboard-o{grid-area:C}.app-keyboard-colemak .keyboard-z{grid-area:z}.app-keyboard-colemak .keyboard-x{grid-area:x}.app-keyboard-colemak .keyboard-c{grid-area:c}.app-keyboard-colemak .keyboard-v{grid-area:v}.app-keyboard-colemak .keyboard-b{grid-area:b}.app-keyboard-colemak .keyboard-k{grid-area:n}.app-keyboard-colemak .keyboard-m{grid-area:m}.icon-button{background:transparent;border:1px solid var(--app-ui-border);border-radius:.25em;height:3em;margin:1em;width:3em}.icon-button+.icon-button{margin-left:0}.icon-button:hover{background:var(--app-ui-highlight)}.icon-button img{height:100%;width:100%}.row{display:flex;flex-direction:row;margin:2px}.cell{border:1px solid var(--app-ui-border);border-radius:.25em;font-weight:700;height:1.5em;margin:.05em;text-align:center;text-transform:capitalize;width:1.5em}.black{background-color:var(--app-guess-black);color:var(--app-guess-black-text)}.yellow{background-color:var(--app-guess-yellow)}.green{background-color:var(--app-guess-green)}.graded .cell{-webkit-animation-name:flip;animation-name:flip}.graded .cell,.invalid{-webkit-animation-duration:var(--app-animation-timing);animation-duration:var(--app-animation-timing);-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.invalid{-webkit-animation-name:shake;animation-name:shake;color:var(--app-guess-invalid)}.graded :first-child.cell{-webkit-animation-delay:0s;animation-delay:0s;transition:background-color 0s calc(var(--app-animation-timing)*.5),color 0s calc(var(--app-animation-timing)*.5)}.graded :nth-child(2).cell{-webkit-animation-delay:var(--app-animation-timing);animation-delay:var(--app-animation-timing);transition:background-color 0s calc(var(--app-animation-timing)*1.5),color 0s calc(var(--app-animation-timing)*1.5)}.graded :nth-child(3).cell{-webkit-animation-delay:calc(var(--app-animation-timing)*2);animation-delay:calc(var(--app-animation-timing)*2);transition:background-color 0s calc(var(--app-animation-timing)*2.5),color 0s calc(var(--app-animation-timing)*2.5)}.graded :nth-child(4).cell{-webkit-animation-delay:calc(var(--app-animation-timing)*3);animation-delay:calc(var(--app-animation-timing)*3);transition:background-color 0s calc(var(--app-animation-timing)*3.5),color 0s calc(var(--app-animation-timing)*3.5)}.graded :nth-child(5).cell{-webkit-animation-delay:calc(var(--app-animation-timing)*4);animation-delay:calc(var(--app-animation-timing)*4);transition:background-color 0s calc(var(--app-animation-timing)*4.5),color 0s calc(var(--app-animation-timing)*4.5)}@-webkit-keyframes flip{0%{-webkit-transform:rotateX(0turn);transform:rotateX(0turn)}25%{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}75%{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}to{-webkit-transform:rotateX(0turn);transform:rotateX(0turn)}}@keyframes flip{0%{-webkit-transform:rotateX(0turn);transform:rotateX(0turn)}25%{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}75%{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}to{-webkit-transform:rotateX(0turn);transform:rotateX(0turn)}}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(.5em);transform:translateX(.5em)}75%{-webkit-transform:translateX(-.5em);transform:translateX(-.5em)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(.5em);transform:translateX(.5em)}75%{-webkit-transform:translateX(-.5em);transform:translateX(-.5em)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.settings-content{grid-gap:.2em;display:grid;gap:.2em;grid-template-columns:2fr 1fr 1fr;margin:auto;text-align:right}.settings-content label{grid-column:1}.settings-content input,.settings-content select{grid-column:2}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#app,body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.738e4e4b.css.map*/