:root{background-color:var(--bg_color)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:-ms-autohiding-scrollbar}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg_color: #eee;--primary_color: #111;--secondary_color: #666;--highlight_color: #915d36;--accent_color: #4e7cff;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg_color: #202020;--primary_color: lightgrey;--secondary_color: #707070;--highlight_color: #67320b;--accent_color: #4e7cff;color-scheme:light dark}}body:has(.publift-widget-sticky_footer-container) .App{padding-bottom:90px!important}body:has(.publift-widget-sticky_footer-container.closed) .App{padding-bottom:0!important}.App{text-align:center;position:fixed;inset:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg_color);color:var(--primary_color);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"header       header       header" "leaderboard  leaderboard  leaderboard" "left-ad      game-area    right-ad" "footer       footer       footer"}@media (orientation: landscape){.App{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:1fr minmax(0,1fr) 1fr;grid-template-areas:"header       header       header" "leaderboard  leaderboard  leaderboard" "left-ad      game-area    right-ad" "footer       footer       footer"}}.Header{grid-area:header}.Header>.title{display:flex;justify-content:center;align-items:baseline;font-family:Arial Black,sans-serif;font-size:1.25rem;line-height:.5}.Header>.title>img{height:2rem;margin-left:.5em;-webkit-user-select:none;user-select:none}@media (orientation: portrait){.Header>.title{justify-content:flex-start;font-size:.5rem;margin-left:.5rem}.Header>.title>img{height:1rem;margin-left:.5em;-webkit-user-select:none;user-select:none}.Header>.subheader{position:absolute;left:50%;transform:translate(-50%);top:.5rem}}.Header>hr{background-color:var(--secondary_color);opacity:50%;border:none;border-top:1px solid rgba(0,0,0,.1)}.Header>.subheader{color:var(--secondary_color)}.Footer{grid-area:footer;display:flex;justify-content:center;gap:3rem;font-weight:lighter;opacity:50%}@media (orientation: portrait){.Footer{justify-content:space-around;gap:0!important}}.Footer>p{-webkit-user-select:none;user-select:none;cursor:pointer}.Results{text-align:left;line-height:1.5}.Results .linkStyle{text-decoration:underline;cursor:pointer;color:var(--secondary_color)}.Results .ResultsCopyFeedback.success:after{content:"Copied!";color:green}.Results .ResultsCopyFeedback.error:after{content:"Error - Could not copy!";color:#8b0000}.Results .ResultsCopyFeedback:after{content:"";margin-left:1em;transition:opacity .3s ease;opacity:0}.Results .ResultsCopyFeedback.show:after{opacity:1}.Totals{text-align:left}.Totals>.Entries{text-align:center;display:flex;margin:0 .5rem;gap:1rem;justify-content:space-around}.Entry>h2{font-weight:400;font-size:xx-large;line-height:0}.Entry>p{font-size:small}.HistogramBar{-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:1.5rem 1fr;align-items:center;grid-gap:.3rem;margin:2px 1.5rem 0}.HistogramBar>.HistogramBarLabel{text-align:right;font-size:75%}.HistogramBar:nth-child(odd) .HistogramBarAreaContainer{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.HistogramBar .HistogramBarArea{width:100%;min-width:1.1em;box-sizing:border-box;color:var(--bg_color);background-color:var(--secondary_color);font-weight:700;line-height:1;padding:.1rem .2rem .15rem .25rem}.HistogramBar .HistogramBarArea.highlight{background-color:var(--accent_color)}.HistogramBar:hover .HistogramBarArea{filter:brightness(80%)}.HistogramBar:hover .HistogramBarAreaContainer{-webkit-backdrop-filter:contrast(95%);backdrop-filter:contrast(95%)}.Histogram{text-align:left;position:relative;margin-top:-1rem}.Histogram>.HistogramAxisLabel{position:absolute;rotate:-90deg;top:calc(50% + .8rem);left:0;translate:-2rem -50%;font-size:small}.Histogram>b{line-height:3}.StatsContainer>*{margin-bottom:1rem}.testNextButton{-webkit-user-select:none;user-select:none;cursor:pointer;display:block;height:4em;line-height:4em;background:#7f7f7f33}.testNextButton:hover{background:#6663}.Countdown .clickable{cursor:pointer;text-decoration:underline}.Intro{margin-top:3rem;text-align:left}.Intro img{max-width:50%;margin:auto;display:block}.IntroPlayButton{cursor:pointer;margin:auto;display:block;background:none;border:none;color:var(--secondary_color);font-size:larger}.Intro .small-italics{font-style:italic;color:var(--secondary_color)}.Intro b{font-size:larger}.GameArea{grid-area:game-area;display:grid;justify-content:center;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"rows" "keyboard"}.Box{width:min(4rem,15vw);height:min(4rem,15vw);margin:.2rem;font-size:2rem;line-height:min(3.5rem,13vw);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;border:var(--secondary_color) 2px solid;background-color:transparent;color:var(--primary_color);outline:none}.Box.highlight{animation:highlight-flip .5s forwards linear}@keyframes highlight-flip{0%{transform:scaleX(1);animation-timing-function:ease-in}49.9%{background-color:transparent}50%{transform:scaleX(0);background-color:var(--highlight_color);animation-timing-function:ease-out}to{background-color:var(--highlight_color);transform:scaleX(1)}}.Row{display:flex;justify-content:center}@keyframes fadeRowIn{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}#currentWordRow.wiggle>.Box{animation:wiggle .25s both ease}@keyframes wiggle{0%{translate:0}25%{translate:-7px}75%{translate:7px}to{translate:0}}#currentWordRow{animation:fadeRowIn .25s both ease-out}.RowContainer{position:relative;grid-area:rows;width:100%;margin-bottom:16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;--fade-thickness: 16px}.RowContainer .ErrorMessage{color:var(--secondary_color);opacity:1}.RowContainer .ErrorMessage.hide{color:var(--secondary_color);opacity:0;transition-property:opacity;transition-duration:.2s}.RowContainer.jump .Row{animation:jump-animation .75s forwards;animation-timing-function:cubic-bezier(.25,.75,.75,1);animation-iteration-count:3}@keyframes jump-animation{50%{translate:0 -50px;animation-timing-function:cubic-bezier(.25,0,.75,.25)}}.RowContainer #ScrollContainer{position:relative;max-height:calc(100% - 2 * var(--fade-thickness));padding:var(--fade-thickness) 16px;overflow-x:clip;overflow-y:scroll}.RowContainer #ScrollContainer::-webkit-scrollbar{display:none}.FadeArea{position:absolute;top:1.8em;bottom:0;width:fit-content}.FadeArea:after{pointer-events:none;content:"";position:absolute;inset:0;background-color:var(--bg_color);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent var(--fade-thickness),transparent calc(100% - var(--fade-thickness)),black 100%);mask-image:linear-gradient(to bottom,black 0%,transparent var(--fade-thickness),transparent calc(100% - var(--fade-thickness)),black 100%)}.Key{--key_width: min(2rem, 8vw);--key_height: min(2.67rem, 10.67vw);transition-duration:.1s;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-backdrop-filter:contrast(40%);backdrop-filter:contrast(40%);color:var(--primary_color);font-weight:700;height:var(--key_height);line-height:var(--key_height);margin:3px;border-radius:2px;min-width:var(--key_width)}.Key:hover{transition-duration:.05s;-webkit-backdrop-filter:contrast(40%) brightness(90%);backdrop-filter:contrast(40%) brightness(90%)}.Key:active{-webkit-backdrop-filter:contrast(40%) brightness(80%);backdrop-filter:contrast(40%) brightness(80%)}#enter,#backspace{width:100%;font-size:small}.Keyboard{position:relative;grid-area:keyboard;width:fit-content;margin:auto}.KeyboardRow{display:flex;justify-content:center;line-height:1.5;font-size:1rem}.Modal{--modal-fade-time: .2s;transition-property:opacity;transition-duration:var(--modal-fade-time);transition-timing-function:ease-in}.fade-in{opacity:1}.hide{pointer-events:none;opacity:0}.ModalBackdrop{position:fixed;inset:0;z-index:999;background-color:#000;opacity:.5}.ModalContent{position:fixed;top:0;left:0;translate:calc(50vw - 50%) calc(50vh - 50%);z-index:1000;box-sizing:border-box;max-width:90vw;max-height:90vh;overflow:scroll;background-color:var(--bg_color);padding:2rem 1.5rem 1rem;border-radius:.5rem}.ModalContent::-webkit-scrollbar{display:none}.ModalCloseButton{background:none;border:none;color:var(--secondary_color);font-size:large;position:absolute;top:.5rem;right:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ModalContent>.ModalTitle{font-size:x-large;line-height:0;font-weight:400;text-align:center}.EmojiRain{position:fixed;inset:-2em 0 0;pointer-events:none;font-size:x-large}.EmojiRain .EmojiRaindrop{position:fixed;animation:Rainfall forwards ease-in}@keyframes Rainfall{to{translate:0 calc(100vh + 2em);visibility:hidden}}.Yesterday{margin-top:2rem;width:min(calc(90vw - 3rem),max(30vw,20em));overflow:clip}.Yesterday .row-container{overflow-y:scroll;height:50vh}.Yesterday .row-container::-webkit-scrollbar{display:none}.Yesterday .Row{--scale: .67;margin-bottom:calc((-1 + var(--scale)) * (min(4rem,15vw) + .4rem));scale:var(--scale)}.ModalContent:has(.Yesterday){overflow:clip}.Advertisement{display:block;position:relative}.Advertisement.left{grid-area:left-ad;justify-self:left;margin-left:10px}.Advertisement.right{grid-area:right-ad;justify-self:right;margin-right:10px}@media (orientation: portrait){.Advertisement.left,.Advertisement.right{display:none}}.Advertisement.leaderboard{grid-area:leaderboard;width:100%;max-height:4em}@media (orientation: landscape){.Advertisement.leaderboard{display:none}}.publift-widget-sticky_footer-container{left:50%!important;translate:-50% 0;width:auto!important}.Support{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
