:root{--color-gray900:#0f172a;--color-gray800:#1e293b;--color-gray700:#334155;--color-gray600:#475569;--color-gray500:#64748b;--color-gray400:#94a3b8;--color-gray300:#cbd5e1;--color-gray200:#e2e8f0;--color-gray100:#f1f5f9;--color-hint:#6d28d9;--color-success:#16a34a;--color-action:#0369a1;--color-action-bright:#0ea5e9;--color-action-dark:#0c4a6e;--color-wrong:#be123c;--color-stats1:#6ee7b7;--color-stats2:#34d399;--color-stats3:#10b981;--color-stats4:#059669;--color-stats5:#047857;--color-stats6:#065f46}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e293b;background:var(--color-gray800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}html{touch-action:pan-y}#root,body,html{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column;height:100%;margin:auto;text-align:center;width:420px}@media (max-width:420px){.app{width:100%}}header{align-items:center;color:var(--color-gray100);display:flex}header span{flex-grow:1;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:1pt;line-height:3rem}button.close,header button{background:transparent;border:0;color:var(--color-gray300);cursor:pointer;padding:.5rem}button.close:hover,header button:hover{color:var(--color-gray100)}button.close svg,header button svg{height:1.5rem;width:1.5rem}main{display:flex;flex-direction:column;flex-grow:1}.tiles{grid-gap:.5rem;aspect-ratio:1/1.2;display:grid;flex-grow:1;gap:.5rem;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr)}.tiles.howto{aspect-ratio:5;display:inline-grid;grid-template-rows:1fr;text-align:center}.tiles>div{background:var(--color-gray700);border-radius:.5rem;color:#fff;font-size:2rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tiles>div>span{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.tiles.howto>div{height:3rem;line-height:3rem;width:3rem}@media (max-width:420px){.tiles>div{font-size:8vw;line-height:100%}.tiles.howto>div{font-size:6vw;height:10vw;line-height:10vw;width:10vw}.tiles{gap:.5rem}}@media (max-height:560px){.tiles{gap:.25rem}}@media (max-height:460px){.tiles>div{font-size:5vh}}.tiles .cursor{position:relative}.tiles .cursor:after{-webkit-animation:blinking 1s ease-in-out infinite;animation:blinking 1s ease-in-out infinite;background:var(--color-gray600);bottom:.5rem;content:"";height:.2rem;left:1rem;position:absolute;right:1rem}@-webkit-keyframes blinking{50%{opacity:0}}@keyframes blinking{50%{opacity:0}}section{display:flex;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}section.board{align-items:center;flex-direction:column;flex-grow:1;position:relative}section.board .center{aspect-ratio:1/1.2;box-sizing:border-box;display:flex;flex-grow:1;max-height:420px;padding:1rem;position:relative}@media (max-height:520px){section.board .center{padding:0}}section.board .error{height:2rem;left:0;position:absolute;right:0;top:-3rem}@media (max-height:700px){section.board .error{top:-2rem}}section.board .error span{-webkit-animation:slidein .2s ease-in-out 1;animation:slidein .2s ease-in-out 1;background:var(--color-gray200);border-radius:.5rem;color:var(--color-gray900);display:inline-block;padding:.5rem}section.board .error.hide{-webkit-animation:slideout .5s ease-in-out 1;animation:slideout .5s ease-in-out 1}@-webkit-keyframes slidein{0%{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slidein{0%{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideout{to{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}}@keyframes slideout{to{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}}.keyboard{margin:.5rem .5rem 1rem;touch-action:none}.keyboard button{background:var(--color-gray600);border:0;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:3rem;margin:0;padding:0;text-transform:uppercase;transition:background .2s}@media (min-width:420px){.keyboard button{min-width:2rem}}@media (pointer:fine){.keyboard button:hover{opacity:.9}.keyboard button:active{opacity:.8}}button.submit{background:var(--color-action)}button.submit.disable{background:var(--color-action-dark);color:var(--color-action-dark)}.keys{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(4,1fr);width:100%}@media (max-width:420px){.keys{gap:1vw}}.keys .spacer{grid-column-end:3;grid-column-start:1}.keys .undo{grid-column-end:12;grid-column-start:10;justify-self:end;width:70%}.keys .undo button{width:100%}.keys .undo svg{height:1.5rem;width:1.5rem}.keys .enter{align-items:center;display:flex;grid-column-end:12;grid-column-start:1;justify-content:flex-end;justify-self:end}.keys .enter button{width:5rem}.tiles .wrong{background:var(--color-gray900)}.tiles .input,button.input{background:#000}.tiles .correct,button.correct{background:var(--color-success)}.tiles .kinda,button.kinda{background:var(--color-hint)}button.wrong{background:var(--color-gray900)}.tiles .spin{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spinning;animation-name:spinning;-webkit-animation-timing-function:steps(1000);animation-timing-function:steps(1000);display:block;z-index:1}.tiles .shake{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shake;animation-name:shake;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:steps(100);animation-timing-function:steps(100);z-index:1}@-webkit-keyframes spinning{0%{-webkit-transform:perspective(5rem) rotateX(0);transform:perspective(5rem) rotateX(0)}to{-webkit-transform:perspective(5rem) rotateX(359.9deg);transform:perspective(5rem) rotateX(359.9deg)}}@keyframes spinning{0%{-webkit-transform:perspective(5rem) rotateX(0);transform:perspective(5rem) rotateX(0)}to{-webkit-transform:perspective(5rem) rotateX(359.9deg);transform:perspective(5rem) rotateX(359.9deg)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.1rem);transform:translateX(-.1rem)}20%,80%{-webkit-transform:translateX(.2rem);transform:translateX(.2rem)}30%,50%,70%{-webkit-transform:translateX(-.35rem);transform:translateX(-.35rem)}40%,60%{-webkit-transform:translateX(.35rem);transform:translateX(.35rem)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.1rem);transform:translateX(-.1rem)}20%,80%{-webkit-transform:translateX(.2rem);transform:translateX(.2rem)}30%,50%,70%{-webkit-transform:translateX(-.35rem);transform:translateX(-.35rem)}40%,60%{-webkit-transform:translateX(.35rem);transform:translateX(.35rem)}}.modal-wrap{position:fixed;z-index:100}.modal-overlay,.modal-wrap{height:100%;left:0;top:0;width:100%}.modal-overlay{background:rgba(0,0,0,.7);position:absolute;transition:background .4s;z-index:1}.modal-content{height:100%;overflow:auto;overflow-y:auto;position:relative;z-index:2}@media (hover:none) and (pointer:coarse){.modal-content{cursor:pointer}}.modal{-webkit-animation:slidein .3s ease-in-out 1;animation:slidein .3s ease-in-out 1;background:var(--color-gray900);border-radius:.5rem;box-shadow:0 .7rem 2rem rgba(0,0,0,.7);box-sizing:border-box;color:var(--color-gray100);cursor:auto;line-height:1.25;margin:3rem auto;padding:1rem;text-align:left;transition:margin .2s ease-in-out,width .2s ease-in-out;width:400px}@media (max-width:420px){.modal{width:90vw}}.modal .top{display:flex;justify-content:flex-end;margin-bottom:-1rem}.modal h2{font-size:1.5rem;margin:0}.stats-wrapper h2{margin-top:.5rem}.modal h3{font-size:1.25rem;margin:0;padding:.5rem 0 1rem}button.play{background:var(--color-action);border:0;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;padding:1rem;text-transform:uppercase;width:100%}.example{background:var(--color-gray800);border-radius:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.example span{border-radius:.25rem;color:#fff;font-weight:700;padding:0 .25rem}span.correct{background:var(--color-success)}span.kinda{background:var(--color-hint)}span.wrong{background:var(--color-gray900)}.stats-wrapper{text-align:center}.stats-wrapper .stats{grid-gap:.5rem;display:grid;font-size:.875rem;grid-template-columns:repeat(4,1fr);margin:1.5rem auto;text-align:center;width:90%}.stats-wrapper .stats .number{font-size:1.5rem}.stats-wrapper .nextgame{background:var(--color-gray800);border-radius:.5rem;padding:2rem 1rem 1rem;text-align:center}.stats-wrapper .nextgame h4{font-size:1rem;margin:0}.stats-wrapper .countdown{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-size:2rem;font-variant-numeric:tabular-nums;padding:1rem}button.share{background:var(--color-gray700);border:0;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;line-height:1.5;margin-bottom:1rem;padding:1rem}button.share:active{background:var(--color-gray600)}button.share svg{height:1.5rem;margin-right:.5rem;vertical-align:top;width:1.5rem}.stats-wrapper .prev{margin-bottom:2rem}.contact{border-top:1px solid var(--color-gray800);color:var(--color-gray400);font-size:.75rem;line-height:1.5;margin:1rem 1rem 0;padding:1rem .5rem}.contact a{text-decoration:none}.contact a,.contact button{color:var(--color-action-bright)}.contact button{background:transparent;border:0;box-sizing:content-box;cursor:pointer;display:inline;font-size:.75rem;height:auto;line-height:1.5;font:inherit;padding:0;-webkit-perspective-origin:0 0;perspective-origin:0 0;text-align:start}.keyboard .nextgame{color:var(--color-gray200);display:block;font-size:.75rem;margin-right:.5rem;text-align:right}.keyboard .nextgame .countdown{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.prevgame{align-items:center;display:flex;margin-bottom:.5rem;text-align:left}.prevgame .day{color:var(--color-gray200);flex-basis:2rem;font-size:.875rem}.prevgame .word{flex-basis:7rem;font-weight:700;white-space:nowrap}.prevgame .word span{background:var(--color-gray600);border-radius:.25rem;color:#fff;display:inline-block;height:1.25rem;line-height:1.25rem;margin-right:1px;text-align:center;width:1.25rem}.prevgame .word.unknown span{background:var(--color-gray800)}.prevgame .word.won span{background:var(--color-success)}.prevgame .prevstats{display:flex;flex-direction:column;flex-grow:1;line-height:0;text-align:left}.prevgame .graph{align-items:center;display:flex;justify-content:flex-start;transform-origin:top left;-webkit-transform-origin:top left}.prevgame .graph:first-of-type{margin-bottom:2px}.prevgame .graph>div{background:var(--color-gray400);box-sizing:border-box;font-size:.675rem;font-weight:700;height:5px;line-height:1;margin-left:1px;padding:1px}.prevgame .graph{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:growin;animation-name:growin;-webkit-animation-timing-function:steps(1000);animation-timing-function:steps(1000)}@-webkit-keyframes growin{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(100%);transform:scaleX(100%)}}@keyframes growin{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(100%);transform:scaleX(100%)}}.legend{color:var(--color-gray300);display:flex;font-size:.75rem;padding:1rem 0 0}.legend .color{align-items:center;display:flex;margin-right:.5rem}.legend .color>div{border-radius:2px;height:7px;margin-right:2px;width:7px}.table-head{color:var(--color-gray200);display:flex;font-size:.875rem;font-weight:700;line-height:2rem;text-align:left}.table-head>div:first-of-type{flex-basis:9rem}.distribution-wrapper{padding:0 0 1rem}.distribution-wrapper h5{margin:0}.distribution{color:var(--color-gray100);font-size:.75rem;margin-right:1rem;padding-top:.5rem;text-align:left}.distribution .guess-count{align-items:center;display:flex;height:14px;justify-content:flex-start;line-height:.875rem;margin-bottom:1px}.distribution .index{color:var(--color-gray300);flex-basis:1rem;flex-shrink:0}.distribution .guess-count.last-game .index{color:#fff;font-weight:700}.distribution .bar{height:14px;width:3%}.distribution .count{font-weight:700;padding:0 .25rem}.prev-stats{padding:.5rem 0 1rem}.my-games{grid-gap:.5rem;display:grid;gap:.5rem;grid-auto-rows:1.5rem;grid-template-columns:repeat(7,1.5rem);justify-content:center;padding-top:0}.guess-circle{border:2px solid var(--color-gray900);border-radius:50%;box-shadow:0 0 1px 2px var(--color-gray700);box-sizing:border-box;color:var(--color-gray900);font-size:.875rem;font-weight:700;line-height:20px;margin:0;padding:0;text-align:center}.guess-circle.success{box-shadow:0 0 1px 2px var(--color-success)}.guess-circle.fail{background:var(--color-gray800);box-shadow:0 0 1px 2px var(--color-wrong);color:var(--color-wrong);font-size:.875rem}.open-my-games{background:transparent;border:0;color:var(--color-action-bright);cursor:pointer;margin-top:1rem}.relative-performance{color:var(--color-gray100);font-size:.875rem;padding:1rem}.hcp{background:var(--color-gray800);border-radius:1rem;color:var(--color-gray200);cursor:pointer;display:inline-block;font-size:.875rem;margin:1rem 0 0;padding:.25rem .75rem}.hcp svg{color:var(--color-gray400);height:1rem;vertical-align:bottom;width:1rem}.hcp-howto{border:1px solid var(--color-gray800);border-radius:1rem;font-size:.875rem;margin-top:1rem;padding:1rem;text-align:left}.hcp-howto h4{margin:0}.unknown-word-hint{background:var(--color-gray800);border-radius:.5rem;color:var(--color-gray200);font-size:.875rem;margin-top:.75rem;padding:.5rem;position:relative}.unknown-word-hint:after{border:.5rem solid transparent;border-bottom:.5rem solid var(--color-gray800);bottom:100%;content:"";height:0;left:4.75rem;pointer-events:none;position:absolute;width:0}.poll-options{display:block}.poll-options button{background:var(--color-action);border:0;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem;padding:1rem;width:100%}.announcement{border:1px solid var(--color-gray800);border-radius:1rem;margin-top:1rem;padding:1rem;text-align:left}.announcement button{background:transparent;border:0;color:var(--color-action-bright);cursor:pointer;display:block;margin:auto}.announcement h3{margin:0;padding:0}.announcement table{font-size:.875rem;width:100%}.billpayer{display:inline-block;height:250px;margin:.5rem -1rem 0;max-height:250px;width:320px}@media (max-width:320px){.billpayer{height:100px;max-height:100px;width:300px}}.billpayerdisclaimer{border-bottom:1px solid var(--color-gray800);color:var(--color-gray400);font-size:.75rem;margin:0 1rem 1rem;padding:.5rem 0}.billpayerdisclaimer svg{width:1rem}.account-cta{background-color:var(--color-gray800);border-radius:1rem;font-size:.875rem;margin:1rem 0;padding:1rem;position:relative;text-align:left}.account-cta:after{border:1rem solid transparent;border-bottom:1rem solid var(--color-gray800);bottom:100%;content:"";height:0;left:3.5rem;margin-left:-1rem;pointer-events:none;position:absolute;width:0}.account-cta h3{font-size:1rem;margin:0;padding:0}.account-cta p{margin:.5rem 0}.account-cta button.cta{background:var(--color-action);border:0;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin-top:1rem;padding:1rem;width:100%}.app-push{color:var(--color-gray400);font-size:.75rem;line-height:1.5;margin:-1rem 1rem 0;padding:0 0 1rem}.app-push a{color:var(--color-action-bright);text-decoration:none}.hcp-howto table{border-spacing:0}.hcp-howto table th{background:var(--color-gray900);border-bottom:1px solid var(--color-gray400);padding:.5rem;position:-webkit-sticky;position:sticky;top:0}.hcp-howto td{line-height:1.5;padding:0 .5rem;white-space:nowrap}.hcp-howto tr:nth-child(odd){background:rgba(0,0,0,.15)}.hcp-howto td:first-of-type,.hcp-howto th:first-of-type{padding-left:1rem}.hcp-howto td:last-of-type,.hcp-howto th:last-of-type{padding-right:1rem}.small-guess-circle{border-radius:.25rem;box-sizing:border-box;display:inline-block;height:.5rem;line-height:0;margin-left:.25rem;padding:0;width:.5rem}.privacy{color:var(--color-gray400);display:block;font-size:.75rem;line-height:1.5;text-align:right;text-decoration:none}form input{background:var(--color-gray700)}a.button,button.big,form button,form input{border:0;border-radius:.5rem;box-sizing:border-box;color:#fff;display:block;font-size:1rem;margin-bottom:.5rem;width:100%}a.button,button.big,form button{background:var(--color-gray600);cursor:pointer;font-weight:700;margin-top:.5rem;padding:1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}a.button{font-size:1rem;text-align:center;text-decoration:none}button.big.primary,form button.primary{background:var(--color-action)}button.big.tertiary{background:transparent;border:1px solid var(--color-gray400);color:var(--color-gray400)}.input-wrap,button.big.margin,form button.margin{margin-top:1.5rem}.input-wrap,input,textarea{position:relative}input,textarea{border:0;box-sizing:border-box;color:var(--color-gray100);display:block;padding:1rem;width:100%;z-index:4}::-webkit-input-placeholder{color:var(--color-gray300)}:-ms-input-placeholder{color:var(--color-gray300)}::placeholder{color:var(--color-gray300)}label{color:var(--color-gray300);display:block;font-size:.75rem;line-height:1rem;opacity:0;padding:0 .5rem;position:absolute;top:-.5rem;transition:opacity .2s,top .2s}label.visible{opacity:1;top:-1.25rem}.formerror{border:1px solid var(--color-wrong);border-radius:.5rem;margin:auto;padding:.5rem}h2 button{background:transparent;border:0;color:var(--color-gray100);cursor:pointer;margin-right:.5rem;padding:0;vertical-align:text-bottom}h2 button svg{height:1.5rem;width:1.5rem}.alt-space{padding:1rem;text-align:center}.uploadhistory{color:var(--color-gray100);line-height:1.5;padding:1rem}.uploadhistory h3{margin:0}.uploadhistory p{line-height:1.5;margin:1rem}.signin-options{padding-top:.5rem}a.fb,a.google{align-items:center;display:flex}a.fb{background:#1877f2;color:#fff}a.google{background:#4285f4;padding:0}.fb img,.google img{height:2rem;margin-right:2rem;width:2rem}.google img{background-color:#fff;border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;height:2rem;margin-right:1.5rem;padding:1rem;width:1.5rem}
/*# sourceMappingURL=main.6385a69b.css.map*/