.dark-mode,:root{--color-present:var(--yellow);--color-correct:var(--green);--key-text-color:var(--color-tone-1);--modal-content-bg:var(--color-tone-7)}.colorblind,.dark-mode,:root{--key-bg-present:var(--color-present);--key-bg-correct:var(--color-correct);--key-bg-absent:var(--color-absent)}.dark-mode #site-link,.popup-signin a,.title{color:var(--color-tone-1)}#container,#game,.title,header,header a{display:flex}.square,.title{font-weight:700}*,button{padding:0}#help-toggle,#settings-toggle,#stats-toggle{right:1rem;text-decoration:none;width:1.25rem;height:1.25rem}.message,.square{animation-duration:.5s}.message,.popup{top:0;left:0;position:absolute;width:100%}#settings-toggle,#site-link,.message,.popup,.popup-inner .popup-close{position:absolute}#container,#game,.keyboard-row,.message,.popup,header{width:100%}#board,.example{box-sizing:border-box}#form,#game{max-width:var(--game-max-width)}#container p.small,#form p.tip{color:var(--color-tone-3);font-size:12.8px}:root{--body:#fafafa;--bodyRGB:250,250,250;--link:#2C7D4C;--green:hsl(145, 48%, 44%);--darkendGreen:hsl(145, 48%, 24%);--yellow:hsl(48, 100%, 50%);--darkendYellow:hsl(48, 100%, 25%);--lightGray:#d8d8d8;--gray:#86888a;--darkGray:#939598;--white:#fff;--black:#212121;--orange:#f5793a;--blue:#85c0f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:16px;--header-height:50px;--keyboard-height:200px;--game-max-width:500px;--color-tone-1:#000000;--color-tone-2:#787c7e;--color-tone-3:#878a8c;--color-tone-4:#d3d6da;--color-tone-5:#edeff1;--color-tone-6:#f6f7f8;--color-tone-7:#ffffff;--color-nav-hover:#f4f4f4;--opacity-50:rgba(255, 255, 255, 0.5);--text:#222;--color-absent:var(--black);--tile-text-color:var(--color-tone-7);--key-evaluated-text-color:var(--color-tone-7);--key-bg:var(--color-tone-4)}.dark-mode{--color-tone-1:#ffffff;--color-tone-2:#818384;--color-tone-3:#565758;--color-tone-4:#3a3a3c;--color-tone-5:#272729;--color-tone-6:#1a1a1b;--color-tone-7:#121213;--color-nav-hover:#2f2f31;--opacity-50:rgba(0, 0, 0, 0.5);--text:#f4f4f4;--body:#1F1F1F;--bodyRGB:31,31,31;--link:#ffcc00;--color-absent:var(--color-tone-4);--tile-text-color:var(--color-tone-1);--key-evaluated-text-color:var(--color-tone-1);--key-bg:var(--color-tone-2)}.dark-mode,:root{--color-background:var(--color-tone-7)}.colorblind{--color-correct:var(--orange);--color-present:var(--blue);--tile-text-color:var(--white)}*{margin:0}body,html{background:var(--body);line-height:1.3125;-webkit-text-size-adjust:100%}a{color:var(--color-correct)}#container{background-color:var(--body);align-items:center;flex-direction:column}#game{flex-direction:column;flex:1 1 auto}#game .whiskle_login{text-align:center;margin:1rem auto 0;padding:0 1rem}header{justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;flex:0 0 auto}header a{flex:0 0 auto;justify-content:center;align-items:center}#site-link{top:1em;left:1em;color:var(--green);font-size:16px;font-weight:500}.title img{flex:0 0 auto;width:28px;height:28px;margin:0 .5rem 0 0}.title{flex:0 0 auto;flex-wrap:nowrap;justify-content:center;align-items:center;font-size:2rem;line-height:1;margin:.5rem 0;text-align:center}#help-toggle,#settings-toggle,#stats-toggle,.square{font-size:1rem;color:var(--color-tone-1)}.title a{text-decoration:none;color:var(--color-tone-1)}#board-container{display:flex;justify-content:center;align-items:center;flex-grow:1}#board{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.25rem;padding:.5rem}.square{border:2px solid var(--color-tone-4);min-width:2rem;min-height:2rem;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.countdown-title,.keyboard-row button{text-transform:uppercase;font-size:12.8px}.example .square.correct{background-color:var(--color-correct);border-color:var(--color-correct);color:var(--color-tone-7)}.example .square.present{background-color:var(--color-present);border-color:var(--color-present);color:var(--color-tone-7)}.example .square.absent{background-color:var(--color-absent);border-color:var(--color-absent);color:var(--color-tone-7)}@media (max-width:599px){#site-link{text-transform:capitalize}#site-link span{display:none}#board.longWord{grid-gap:.125rem}#board.longWord .square{min-width:1rem;min-height:1rem;font-size:.8rem}}.square.containsLetter{border-color:var(--color-tone-2)}.square.containsLetter.animate__flipInX{color:var(--white)}#keyboard-container{height:auto}.keyboard-row{display:flex;justify-content:center;margin:0 auto .5rem;touch-action:manipulation}.keyboard-row button{font-family:inherit;font-weight:700;border:0;padding:0;height:3.5rem;cursor:pointer;background-color:var(--key-bg);color:var(--key-text-color);flex:0 1 1.75rem;margin:0 .175rem;border-radius:.25rem;user-select:none;display:flex;justify-content:center;align-items:center}.keyboard-row button.delete-button{flex:0 1 2.5rem;overflow:hidden;text-indent:100vw;background-image:url(../img/delete-left-regular.svg);background-size:1.5rem;background-position:center;background-repeat:no-repeat}.dark-mode .keyboard-row button.delete-button{background-image:url(../img/delete-left-regular-dark-mode.svg)}.keyboard-row button.enter-button{flex:0 1 3.75rem}.keyboard-row button.space-button{flex:0 1 4rem}.spacer-half{flex-grow:0.5}.spacer-quarter{flex-grow:0.25}button{background:0 0;color:inherit;border:none;font:inherit;cursor:pointer;outline:inherit}#help-toggle,#stats-toggle{position:absolute;display:flex;justify-content:center;align-items:center}.dark-mode #help-toggle,.dark-mode #stats-toggle{filter:invert(1)}#stats-toggle{right:3rem}#help-toggle img,#stats-toggle img{display:block;flex:0 0 1.25rem;width:1.25rem;height:auto}@media (min-width:1024px){#help-toggle,#stats-toggle{width:1.5rem;height:1.5rem;top:1rem}#help-toggle img,#stats-toggle img{flex:0 0 1.5rem;width:1.5rem}#stats-toggle{right:3.5rem}}#settings-toggle{top:.625rem;display:flex;justify-content:center;align-items:center}#settings-toggle img{flex:0 0 auto}@keyframes in{from{opacity:0;transform:translateY(5%);transform:scale(.9);transform-origin:center center}to{opacity:1;transform:translateY(0);transform:scale(1)}}.message{height:30%;display:flex;justify-content:center;align-items:center}.message-inner{flex:0 0 auto;background:var(--color-tone-7);padding:1rem 1.5rem;color:var(--color-tone-1);border-radius:.25rem;z-index:100}.message-inner a,.popup-inner a{color:var(--link)}.popup{background:rgba(var(--bodyRGB),90%);min-height:100%;display:none;justify-content:center;align-items:flex-end;z-index:1000}.popup#stats{z-index:10000}.popup#help{z-index:1000}.popup.visible{display:flex}.popup.visible .popup-inner{animation-name:in;animation-duration:.2s;animation-timing-function:ease-out}.popup-inner{border-radius:1rem 1rem 0 0;background:var(--color-tone-6);flex:0 1 var(--game-max-width);padding:1.5rem;position:relative;box-shadow:0 0 3rem hsla(0,0%,0%,10%)}.popup-inner>:last-child{margin-bottom:0}.button-play-now,.popup-inner .popup-share button{padding:.75rem 1.25rem;background:var(--green);font-weight:700;text-decoration:none}.popup-inner .popup-close{top:1rem;right:.5rem;text-decoration:none;color:var(--color-tone-1);font-size:2.5rem;line-height:0;display:block;padding:.5rem}.button-play-now{appearance:none;border:0;display:block;width:100%;margin:1.5rem 0 0;color:var(--color-tone-7);border-radius:2rem;text-align:center}.notice,.popup-signin,.stats-chart-bar,.stats-figure{background:var(--color-tone-5)}.notice,.popup-inner h2,.popup-inner h3,.popup-inner p{color:var(--color-tone-1)}.popup-inner h2{font-size:25px;margin:0 0 .75em}.popup-inner h3{margin:1.5em 0 1em;font-size:20px}.popup-inner p{margin:0 0 1rem}.popup-inner hr{margin:1.5em 0;border:0;border-top:1px solid var(--color-tone-5)}.notice{border-radius:.25rem;padding:.5rem 1rem;margin:1rem 0}.example{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:0.25rem;padding:.5rem 0;width:0}.popup-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:1.5rem 0}.popup-image{flex:0 0 100%;margin:0 0 1rem}.popup-signin,.popup-text{margin:0;color:var(--color-tone-1)}.popup-image img{display:block;max-width:100%;max-height:12rem;margin:auto}.popup-text{flex:1 1 100%}.popup-signin{flex:1 1 100%;padding:1em 1.5em;border-radius:.125rem}.popup-footer{display:flex;margin:.5rem 0 0;border-top:1px solid var(--color-tone-4);padding-top:.5rem;justify-content:center}.popup-countdown{flex:0 0 50%;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:var(--color-tone-1)}.countdown-title{font-weight:700;margin:.25rem 0;flex:0 0 100%}.countdown-timer{font-size:20px;flex:0 0 100%}.popup-share{flex:0 0 50%;display:flex;justify-content:center;align-items:center;gap:.5rem}.popup-inner .popup-share button{flex:0 0 auto;color:var(--white);border-radius:2rem}.popup-inner .popup-share a:hover{background:var(--darkendGreen)}button#view-stats img{display:block;width:1rem;aspect-ratio:1;object-fit:contain;filter:invert(1)}.stats-figures{display:flex;justify-content:center;margin:1.5em auto;gap:.25em}.stats-figure{flex:0 1 25%;display:flex;flex-wrap:wrap;justify-content:center;border-radius:.5em;padding:1em}.stats-figure-value{flex:0 0 100%;font-size:31.25px;font-weight:700;text-align:center;color:var(--color-tone-1)}.stats-figure-key{flex:0 0 100%;font-size:12.8px;text-align:center;color:var(--color-tone-2)}.stats-charts{display:flex;flex-wrap:wrap;margin:.5em 0}.stats-chart{flex:0 1 100%;display:flex;justify-content:flex-start;align-items:center;gap:.5em;margin:.25em 0;padding:0 .5em}.stats-chart-key,.stats-chart-value{flex:0 1 1rem;color:var(--color-tone-2);text-align:center}.btn,.popup-inner a.btn,input[type=submit]{color:var(--color-tone-7)}.stats-chart-bar{flex:1 1 auto;height:1.25em;border-radius:1em;margin-right:auto;position:relative;z-index:10;display:flex}.stats-chart-bar-value{flex:0 0 0%;height:100%;border-radius:1em;background:var(--color-tone-1)}.popup-inner .whiskle_login p{margin:1em 0 0}#form{flex:1 1 auto;display:flex;flex-wrap:wrap;padding:1.5rem}@media (min-width:768px){#board .square{min-width:3rem;min-height:3rem;font-size:2rem}.keyboard-row button{flex:0 1 2.25rem}.keyboard-row button.delete-button{flex:0 1 3rem}.keyboard-row button.enter-button,.keyboard-row button.space-button{flex:0 1 4.25rem}.popup{align-items:center}.popup-inner{border-radius:1em;margin:2.5rem 0;padding:2.5rem}.countdown-timer{font-size:25px}#form{padding:2.5rem}}#form h1{flex:0 1 100%;font-size:31.25px;margin:.5em 0}#container p,#form form{flex:0 1 100%}#container p{color:var(--text);margin:1em 0;font-size:1rem}#form p.tip{margin:.25em 0}.form-group{flex:0 1 100%;display:flex;flex-wrap:wrap;margin:1em 0}.form-group.telephone{display:none}.form-group label{flex:0 1 100%;font-weight:700;margin:0 0 .25em}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{flex:0 1 100%;border:1px solid #ddd;border-radius:.25em;background:var(--color-tone-7);font-size:1em;padding:.5em}.btn,input[type=submit]{text-decoration:none;text-align:center;flex:0 1 auto;border:0;border-radius:2rem;background:var(--color-correct);font-size:1rem;padding:.5em 1em;margin:1em 0;cursor:pointer;transition:.2s ease-out}input[type=submit]:hover{filter:brightness(110%)}