body{--color-highlight:#f8cd05;--color-highlight-dark:#be9c04;--color-invalid:#dcdcdc;--color-gray:#e6e6e6;--color-gray-emphasis:#d9d9d9;--color-dark-gray:#ccc;--color-text-gray:#333;--color-text-gray-highlight:#333;--color-black:#000;--color-message-bad:#000;--color-transparent:#00000000;--color-background:#fff;--color-gray-neutral:#777;--color-faint-text:var(--color-gray-neutral);--link-color:var(--color-text-gray);--color-keys-button-middle:var(--color-black);--color-keys-button-middle-bg:var(--color-highlight);--invert:0;--bright:1;--button-background:var(--color-gray);--button-border:var(--color-transparent);--button-border-middle:var(--color-highlight);--button-color:#000;--table-background:#f9f9f9;--desktop-max-width:550px;background-color:var(--color-background);overscroll-behavior-y:contain}*{box-sizing:border-box;font-family:Nunito,sans-serif!important}body{margin:0;padding:0}#root{min-height:600px;position:relative}header{border-bottom:1px solid silver;display:flex;margin:10px auto 0;max-width:var(--desktop-max-width);padding-bottom:10px;text-align:left;transition:-webkit-filter .1s;transition:filter .1s;transition:filter .1s,-webkit-filter .1s;width:100%}h1{font-size:2em;font-weight:400;margin-bottom:0}a,a:visited{color:var(--link-color)}p{margin:0 auto 10px}ul{-webkit-padding-start:20px;padding-inline-start:20px}.logo__container{-webkit-user-select:none;user-select:none}.logo{height:32px;width:32px}.app__container{font-weight:400;margin:0 auto;max-width:var(--desktop-max-width);transition:-webkit-filter .1s;transition:filter .1s;transition:filter .1s,-webkit-filter .1s}#progress-container{align-items:center;cursor:pointer;display:flex;font-size:1em;height:30px;margin:10px auto 0;max-width:var(--desktop-max-width);width:95%}#progress-info{width:37%}#progress-next{text-wrap:nowrap;font-size:.7em;font-weight:300}#progress-name,#progress-next b{font-weight:700}.entered-container{align-items:flex-start;background-color:var(--color-gray);border-radius:16px;color:var(--color-faint-text);cursor:pointer;display:flex;font-size:.9em;font-weight:300;height:auto;margin:10px auto;padding:10px;position:relative;width:95%}.entered-container-expanded{height:60vh;max-height:400px}.entered-words{color:var(--color-black);display:inline;flex-grow:9;flex-wrap:nowrap;font-size:1.2em;font-weight:600;max-width:95%;overflow:hidden;text-overflow:ellipsis;transition:height 1s;-webkit-user-select:none;user-select:none;white-space:nowrap}.entered-words-start{color:var(--color-faint-text)}.entered-words-expanded{display:flex;flex-wrap:wrap;max-width:100%;white-space:normal}.entered-word{margin:0 1px;padding:1px}.entered-word-number{flex-basis:100%;font-size:1.1em;margin:0 0 10px}#entered-toggle{display:flex;height:20px;margin:0 4px;position:absolute;right:5px;top:.8em;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:20px}#entered-toggle svg{height:100%}.entered-toggle-expanded{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.below-entered-container{opacity:1}.below-entered-container-hidden{max-height:0;opacity:0;overflow:hidden}#message-container{display:flex}#message{display:inline-block;font-weight:300;height:auto;margin:0 auto;opacity:0;padding:6px 8px;position:relative;text-align:center;top:0;transition:opacity .25s}.message-bad{-webkit-animation:shake 1s;animation:shake 1s;background-color:var(--color-message-bad);color:#fff;outline:none}.message-good{background-color:#fff;outline:1px solid var(--color-dark-gray)}.message-good,.message-pangram{-webkit-animation:drift 2s;animation:drift 2s;color:#000}.message-pangram{background-color:var(--color-highlight);outline:none}#entry-container{align-items:center;display:flex;height:2em;margin:0 auto;text-align:center;width:100%}#entry-container-holder{display:inline-block;font-size:1.9em;font-weight:700;margin:0 auto;text-transform:uppercase;vertical-align:middle}#entry-container-holder:after{-webkit-animation:blink 1s step-start 0s infinite;animation:blink 1s step-start 0s infinite;background:var(--color-highlight);content:"";display:inline-block;height:1.2em;position:relative;right:-4px;top:6px;width:2px}.keys-container{align-items:center;display:flex;flex-flow:row wrap;height:93px;justify-content:center;margin:0 auto;text-align:center;width:258px}.keys{color:var(--color-highlight);flex:0 0 36%;font-size:5em;height:1em}.keys-letter{align-items:center;display:flex;flex-basis:33.33333%;height:100%;justify-content:center;text-align:center}.keys-button{background-color:var(--button-background);border:none;border:1px solid var(--button-border);color:var(--button-color);cursor:pointer;font-size:1.8em;font-weight:700;outline:none;padding:0;text-align:center;text-transform:uppercase;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;vertical-align:middle}.keys-button:active{background-color:var(--color-gray-emphasis);-webkit-transform:scale(.75);transform:scale(.75)}.keys-button.middle{background-color:var(--color-keys-button-middle-bg);border:1px solid var(--button-border-middle);color:var(--color-keys-button-middle)}.keys-button.middle:active{background-color:var(--color-highlight-dark)}.keys-button.circle{border-radius:50%;height:73px;width:73px}.keys-button.hex{-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:100%;width:93%}@-webkit-keyframes keys-button-press{50%{background-color:var(--color-gray-emphasis);-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes keys-button-press{50%{background-color:var(--color-gray-emphasis);-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes keys-button-middle-press{50%{background-color:var(--color-highlight-dark);-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes keys-button-middle-press{50%{background-color:var(--color-highlight-dark);-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes nav-button-press{50%{background-color:var(--color-gray-emphasis)}}@keyframes nav-button-press{50%{background-color:var(--color-gray-emphasis)}}#buttons-container{align-items:center;display:flex;justify-content:center;margin:20px auto}#buttons-container div{margin-right:1rem}#buttons-container div:last-child{margin-right:0}.nav-button{background-color:var(--color-transparent);border:1px solid var(--color-dark-gray);border-radius:16px;color:var(--color-black);cursor:pointer;font-size:1em;height:3rem;line-height:3rem;outline:none;padding:0 20px;-webkit-user-select:none;user-select:none}.nav-button:hover:active{background-color:var(--color-gray-emphasis)}.nav-button.share{background-color:var(--color-highlight);border:0;color:var(--color-keys-button-middle);font-size:1rem;font-weight:500;line-height:3rem;padding:0 30px;text-align:center;vertical-align:middle}.panel-button__container{height:3rem;position:relative;width:3rem}.panel-button__button,.panel-button__img{height:3rem;left:0;position:absolute;top:0;width:3rem}.panel-button__img{align-items:center;cursor:pointer;display:flex;justify-content:center;pointer-events:none;text-align:center}.panel-button__img svg{height:2rem}.panel-button__img:hover:active{background-color:var(--color-gray-emphasis)}#popup-click-bg{height:100%;left:0;top:0}#popup-click-bg,.popup{position:absolute;width:100%}.popup{align-items:flex-start;background-color:var(--color-background);border:1px solid var(--color-dark-gray);border-radius:8px;box-shadow:0 4px 24px var(--color-gray);display:flex;height:auto;left:50%;max-width:300px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup-head-container{display:flex;flex-direction:row;justify-content:center;width:100%}.popup-content{display:flex;flex-grow:9;flex-wrap:wrap;max-width:100%;padding:12px}#popup-content-alt{height:100%;text-align:center;width:100%}#popup-exit{cursor:pointer;display:flex;height:32px;outline:none;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:32px}#popup-exit svg{height:100%;width:100%}#popup-exit-alt{background-size:contain;cursor:pointer;height:32px;outline:none;position:absolute;right:15px;top:15px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:32px}#popup-exit-alt svg{height:100%;width:100%}.popup-heading{flex-basis:100%;font-size:1.4em;margin:0 auto 10px}.popup-content-text{color:var(--color-text-gray);font-size:.9em;width:95%}.return-popup-header{margin-top:35px}#all-img,#victory-img{margin:50px auto 0;width:50%}#all-countdown,#all-text,#return-countdown,#return-text,#victory-countdown,#victory-text{color:var(--color-text-gray);width:70%}#all-text,#return-text,#victory-text{margin:10px auto 20px}#all-countdown,#return-countdown,#victory-countdown{margin:10px auto 40px}#all-countdown-span,#return-countdown-span,#victory-countdown-span{color:var(--color-highlight)}#prev-letters-container{color:var(--color-text-gray);font-size:1.5em;font-weight:700;margin:10px auto 0;text-align:center}.prev-entered-letter{font-size:1.1em;margin:0 3px}#prev-stats{color:var(--color-text-gray);font-size:1em;font-weight:700;margin:0 auto 15px;text-align:center}#prev-words-container{display:flex;flex-wrap:wrap;margin:0 auto 16px}.prev-entered-word,.prev-entered-word a{font-size:1.1em;margin:1px 2px;padding:0 2px;text-decoration:none}#reset-text{color:var(--color-text-gray);margin:10px auto 30px;width:70%}.reset-button{background-color:var(--color-transparent);border:1px solid var(--color-dark-gray);border-radius:8px;color:var(--color-black);cursor:pointer;font-size:1em;margin:0 auto 30px;outline:none;padding:8px 16px}.reset-button:hover:active{background-color:var(--color-gray-emphasis)}.reset-button-action{background-color:var(--color-highlight);color:#000}.reset-button-action:hover:active{background-color:var(--color-highlight-dark)}.blur{-webkit-filter:blur(8px);filter:blur(8px)}.hidden{display:none}.bolded{font-weight:700}.highlight{color:#f8c505}.highlight-background{background-color:var(--color-highlight)}.invalid{color:var(--color-invalid)}.bold{font-weight:700}@keyframes blink{50%{opacity:0}}@-webkit-keyframes blink{50%{opacity:0}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes drift{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes drift{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}#entered-toggle,#popup-exit,#popup-exit-alt{-webkit-filter:invert(var(--invert));filter:invert(var(--invert))}.panel-button__img{-webkit-filter:brightness(var(--bright));filter:brightness(var(--bright))}body.dark{--color-highlight:#f8cd05;--color-highlight-dark:#be9c04;--color-invalid:#414141;--color-gray:#c6c6c6;--color-gray-emphasis:#d9d9d9;--color-dark-gray:#ccc;--color-text-gray:#bbb;--color-text-gray-highlight:#444;--color-transparent:#00000000;--color-black:#fafafa;--color-message-bad:#222;--color-background:#2c2c2c;--link-color:#ddd;--invert:1;--bright:1000;--button-background:#3b3a35;--button-border:#3b3a35;--button-border-middle:var(--color-highlight);--button-color:var(--color-black);--table-background:#222;--color-faint-text:#aaa;--color-keys-button-middle:#000;background-color:var(--color-background);color:#ccc}.toggle{border:1px solid #c7c7c7;border-radius:4px;cursor:pointer;display:flex;margin-bottom:16px;overflow:hidden;padding:0}.toggle__option{background-color:#dfdfdf;color:#363636;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-align:center}.selected{background-color:#fff;color:#121212;font-weight:700}.delimeter{margin:0 5px;-webkit-user-select:none;user-select:none}.controls__container{align-items:center;align-self:center;display:flex;margin-left:auto}.controls__item{cursor:pointer;font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none}.supergrid{display:inline;flex-wrap:nowrap;max-height:330px;overflow:hidden;padding-bottom:10px;scrollbar-width:thin;text-overflow:ellipsis;transition:height 1s;white-space:nowrap}.entered-words-expanded .supergrid{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(3,minmax(33%,1fr));max-width:100%;overflow-x:hidden;overflow-y:auto;width:100%}.text-bold{font-weight:700}#games-popup{min-height:525px}#stats-popup{min-height:450px}#button-no-reset{margin-right:10px}.controls__icon{background-color:var(--color-gray);border:1px solid var(--color-gray-emphasis);border-radius:7px;cursor:pointer;margin-right:5px;max-height:38px;max-width:38px;padding:8px}.controls__icon:last-child{margin-right:0}.controls__icon svg{color:var(--color-gray-neutral);height:100%;width:100%}.message__container{align-items:center;display:flex;font-size:16px;justify-content:center;left:0;left:50%;position:absolute;text-align:center;top:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:12}.message__inner{background-color:beige;border-radius:10px;padding:10px;width:150px}.mode-button__container{align-items:center;display:flex}.mode-button{background-color:initial;border:none;border-radius:8px;color:var(--color-faint-text);cursor:pointer;font-size:18px;margin-right:16px;padding:8px 0}.mode-button.active{background-color:var(--color-highlight);color:#000;font-weight:700;padding:6px 16px}.sharebar-icons-container{display:flex}.sharebar-icons-container a{max-height:42px;max-width:42px}.sharebar-icons-container a img{height:100%}.fullwidth{width:100%}.header__mobile{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.controls__center{align-items:center;display:flex;justify-content:center}@media screen and (min-width:551px){#progress-container,.entered-container,header{width:100%}}#about-popup{max-width:400px}@media screen and (max-width:550px){header{padding:0 2.5% 10px}#about-popup{max-width:350px}}@media screen and (min-width:720px){.entered-words-expanded .supergrid{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(3,minmax(33%,1fr));max-height:320px}}.stepped-bar{align-items:center;background-color:var(--color-gray);border-radius:10px;display:flex;height:3px;justify-content:space-between;line-height:1;margin:20px;position:relative;width:100%;z-index:0}.stepped-bar__step{display:inline-flex;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition-property:all;transition-timing-function:ease;z-index:0}.stepped-bar__pip,.stepped-bar__step{align-items:center;justify-content:center}.stepped-bar__pip{background-color:var(--color-gray);border-radius:50%;color:var(--color-text-gray-highlight);cursor:pointer;display:flex;font-size:12px;height:14px;transition:all .3s ease;width:14px}.stepped-bar__pip.done{background-color:var(--color-highlight)}.stepped-bar__pip.current{height:36px;width:36px}.stepped-bar__fill{background:var(--color-highlight);border-radius:10px;bottom:0;left:0;position:absolute;top:0;transition:width .3s ease;z-index:-1}.mobile-controls{font-weight:700;justify-content:center}.mobile-controls .controls__item{font-size:1em}@media screen and (max-width:550px){.stepped-bar__pip{height:12px;width:12px}.stepped-bar__pip.current{height:28px;width:28px}}@media screen and (max-width:400px){#buttons-container .nav-button{padding:0 10px}}body.dark{.entered-words{color:#000}#buttons-container .nav-button{font-size:1.2em;font-weight:700}}.stats__container{padding:0}.stats__week{list-style:none;padding:0}.stats__day{border-top:1px solid #000}.stat{font-size:16px;height:30px;width:100%}.stat,.stat__weekday{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.stat__weekday{width:30px}.stat__bar{height:100%;position:relative;width:100%}.bar__text{height:100%;justify-content:space-between;position:relative;width:100%;z-index:10}.bar__text,.bar__text-rank{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.bar__text-rank{justify-content:flex-start}.bar__text-rank-text{font-weight:700}.bar__percentage{background-color:#ffeca0;bottom:0;height:100%;left:0;position:absolute;top:0;transition:width 1s;width:0;z-index:1}.text{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.shareButton{flex-direction:column;height:60px}.shareButton,.shareButton__inner{display:flex;justify-content:center}.shareButton__inner{fill:#fff;align-items:center;background:rgba(0,128,0,.8);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-direction:row;font-size:1rem;font-weight:700;height:40px;width:100px}.shareButton__text{margin-right:4px}.shareButton__inner svg{height:24px;width:24px}.file{border-radius:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.08);margin:5px 5px 10px;width:100%}.file__inner{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.file__left{align-items:flex-start;flex-direction:column;justify-content:center}.file__left,.file__right{display:flex}.file__state{align-items:center;display:flex;justify-content:center;margin:3px}.state__score{align-items:center;background-color:var(--color-highlight);border-radius:25px;color:var(--color-black);display:flex;font-size:12px;height:28px;justify-content:center;margin-left:5px;text-align:center;width:28px}.file__pangram{display:flex;font-weight:700}.file__delete{background-color:initial;border:none;color:var(--color-black);cursor:pointer;font-size:14px;font-weight:700;margin:0;padding:0}.games__add-container,.games_container{align-items:center;display:flex;justify-content:center}.games_container{flex-direction:column}.games__add-button{align-items:center;background-color:var(--color-highlight);border:none;border-radius:25px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);color:inherit;cursor:pointer;display:flex;font:inherit;height:40px;justify-content:center;padding:0;width:40px}.games__add-button svg{fill:#000;height:18px}.dropdown{display:inline-block;position:relative}.dd_button{border-radius:4px;cursor:pointer;display:inline-block;padding:0 15px 0 0;-webkit-user-select:none;user-select:none;white-space:nowrap}.dd_button:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-black);content:"";height:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0}.dd_input{display:none}.dd_menu{background-color:var(--color-background);border:1px solid #ccc;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);list-style-type:none;margin:2px 0 0;padding:0;position:absolute;right:0;top:100%;z-index:10}.dd_input+.dd_menu{display:none}.dd_input:checked+.dd_menu{display:block}.dd_menu li{cursor:pointer;padding:10px 20px;-webkit-user-select:none;user-select:none;white-space:nowrap}.dd_menu li:hover{background-color:#f6f6f6}body.dark .dd_menu li:hover{background-color:#474747}.dd_menu li a{display:block;margin:-10px -20px;padding:10px 20px}.dd_menu li.divider{border-bottom:1px solid #ccc;padding:0}table.hints{border-collapse:collapse;margin-bottom:1rem;width:100%}table.hints td,table.hints th{border:1px solid var(--color-gray-emphasis);padding:.5rem;text-align:center}table.hints th{background-color:var(--table-background)}.hints-modal__subtitle{font-size:.8rem;margin-bottom:.5rem;opacity:.5;text-align:center}.hints-modal__list{text-align:center}.hints-modal__list-container{-webkit-padding-start:0;-webkit-column-count:3;column-count:3;padding-inline-start:0;text-align:left}.hints-modal__list-container li{border-bottom:1px solid var(--color-gray-emphasis);display:flex;font-weight:300;list-style-type:none;margin-bottom:.3rem;text-transform:uppercase}#hints-popup{max-width:100%;overflow-x:auto;width:auto}@media only screen and (max-width:450px){#hints-popup{width:100%}}@media only screen and (min-width:450px){#hints-popup{min-width:400px}}.hints-paywall__subtitle{align-items:center;cursor:pointer;display:flex;justify-content:center;opacity:.5;pointer-events:none;text-align:center}.hints-paywall__subtitle svg{height:1rem}.hints-paywall__play{background-color:rgba(72,197,115,.5);border-radius:2rem;height:4rem;line-height:4rem;position:relative;text-align:center;width:4rem}.hints-paywall__play svg{height:2rem;left:52%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hints-paywall__well{align-items:center;background-color:rgba(72,197,115,.1);border:2px solid #9fceaf;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;padding:2rem}.secondary-button{background-color:#3aac62;border:1px solid var(--color-dark-gray);border-radius:8px;color:#fafafa;cursor:pointer;font-size:1em;margin:15px auto 5px;outline:none;padding:8px 16px}.secondary-button:hover{background-color:#48c072}.hints-paywall__well-text{color:#999;margin-top:1.5rem}