:root{--body: #fafafa;--bodyRGB: 250,250,250;--menu: #fafafa;--bg: #fff;--panel: #e7e7e7;--hover: #edeeed;--line: #dadddb;--heading: #222;--text: #444;--light: #595959;--icon-text: #658672;--link: #2C7D4C;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--svg-icon-color: brightness(0) invert(.13);font-family:var(--font-family);font-size:16px}:root{--green: hsl(145, 48%, 44%);--darkendGreen: hsl(145, 48%, 24%);--yellow: hsl(48, 100%, 50%);--darkendYellow: hsl(48, 100%, 25%);--white: #fff;--black: #222;--orange: #f5793a;--blue: #85c0f9;--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-present: var(--yellow);--color-correct: var(--green);--color-absent: var(--black);--tile-text-color: var(--color-tone-7);--key-text-color: var(--color-tone-1);--key-evaluated-text-color: var(--color-tone-7);--key-bg: var(--color-tone-4);--key-bg-present: var(--color-present);--key-bg-correct: var(--color-correct);--key-bg-absent: var(--color-absent);--modal-content-bg: var(--color-tone-7);--header-height: 50px;--keyboard-height: 200px;--game-max-width: 500px}@media(prefers-color-scheme:dark){body:not(.app){--body: #1F1F1F;--bodyRGB: 31,31,31;--bg: #373737;--menu: #1f1f1f;--hover: #2f2f2f;--panel: #3f3f3f;--line: #333;--heading: #fafafa;--text: #eaeaea;--light: #bbb;--icon-text: #bbb;--link: #FFCC02;--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-absent: var(--color-tone-4);--tile-text-color: var(--color-tone-1);--key-text-color: var(--color-tone-1);--key-evaluated-text-color: var(--color-tone-1);--key-bg: var(--color-tone-2);--modal-content-bg: var(--color-tone-7);--svg-icon-color: brightness(0) invert(.98)}}.dark-mode{--body: #1F1F1F;--bodyRGB: 31,31,31;--bg: #373737;--menu: #1f1f1f;--hover: #2f2f2f;--panel: #3f3f3f;--line: #333;--heading: #fafafa;--text: #eaeaea;--light: #bbb;--icon-text: #bbb;--link: #FFCC02;--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-absent: var(--color-tone-4);--tile-text-color: var(--color-tone-1);--key-text-color: var(--color-tone-1);--key-evaluated-text-color: var(--color-tone-1);--key-bg: var(--color-tone-2);--modal-content-bg: var(--color-tone-7);--svg-icon-color: brightness(0) invert(.98)}.colorblind{--color-correct: var(--orange);--color-present: var(--blue);--tile-text-color: var(--white);--key-bg-present: var(--color-present);--key-bg-correct: var(--color-correct);--key-bg-absent: var(--color-absent)}*{margin:0;padding:0}button,input,select,textarea{font-family:inherit}html,body{background:var(--body);line-height:1.3125;-webkit-text-size-adjust:100%}a{color:var(--link)}#container{display:flex;background-color:var(--body);width:100%;align-items:center;flex-direction:column}#game{width:100%;max-width:var(--game-max-width);display:flex;flex-direction:column;flex:1 1 auto}#game .whiskle_login{text-align:center;margin:1rem auto 0;padding:0 1rem}header{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;flex:0 0 auto}@media(min-width:768px){header{justify-content:center}}header a{flex:0 0 auto;display:flex;justify-content:center;align-items:center}#site-link{position:absolute;top:1em;left:1em;color:var(--link);font-size:16px;font-weight:500;display:none}@media(min-width:768px){#site-link{display:block}}@media(max-width:599px){#site-link{text-transform:capitalize}#site-link span{display:none}}.title img{flex:0 0 auto;width:28px;height:28px;margin:0 .5rem 0 0}.title{flex:0 0 auto;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;color:var(--heading);font-size:1.75rem;line-height:1;font-weight:700;margin:.75rem;text-align:center}@media(min-width:1024px){.title{font-size:2rem}}.title a{text-decoration:none;color:var(--heading)}#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;box-sizing:border-box}.square{border:2px solid var(--color-tone-4);min-width:2rem;min-height:2rem;font-size:1rem;font-weight:700;color:var(--color-tone-1);text-transform:uppercase;display:flex;justify-content:center;align-items:center;animation-duration:.5s}.example .square.correct{background-color:var(--color-correct);border-color:var(--color-correct);color:var(--white)}.example .square.present{background-color:var(--color-present);border-color:var(--color-present);color:var(--white)}.example .square.absent{background-color:var(--color-absent);border-color:var(--color-absent);color:var(--white)}@media(max-width:599px){#board.longWord{grid-gap:.125rem}#board.longWord .square{min-width:1rem;min-height:1rem;font-size:.8rem}}@media(min-width:768px){#board .square{min-width:3rem;min-height:3rem;font-size:2rem}}.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;width:100%;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;text-transform:uppercase;margin:0 .175rem;border-radius:.25rem;user-select:none;font-size:12.8px;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)}@media(prefers-color-scheme:dark){body:not(.app) .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}@media(min-width:768px){.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}}.spacer-half{flex-grow:.5}.spacer-quarter{flex-grow:.25}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}#help-toggle,#stats-toggle,#leaderboard-toggle{position:absolute;right:1rem;text-decoration:none;font-size:1rem;width:1.25rem;height:1.25rem;color:var(--heading);display:flex;justify-content:center;align-items:center}#help-toggle,#stats-toggle,#leaderboard-toggle{filter:var(--svg-icon-color)}#stats-toggle{right:3rem}#leaderboard-toggle{right:5rem}#help-toggle img,#stats-toggle img,#leaderboard-toggle img{display:block;flex:0 0 1.25rem;width:1.25rem;height:auto}@media(min-width:1024px){#help-toggle,#stats-toggle,#leaderboard-toggle{width:1.5rem;height:1.5rem;top:1rem}#help-toggle img,#stats-toggle img,#leaderboard-toggle img{flex:0 0 1.5rem;width:1.5rem}#stats-toggle{right:3.5rem}#leaderboard-toggle{right:6rem}}.leaderboard-table-wrap{max-height:60vh;overflow-y:auto;margin-bottom:1rem}.leaderboard-table-wrap table{width:100%;font-size:var(--font-small, .8rem);color:var(--heading);table-layout:auto;border-collapse:collapse;margin:1rem 0 0}.leaderboard-table-wrap thead th,.leaderboard-table-wrap tbody td{text-align:center;padding:.5rem;font-variant-numeric:tabular-nums;white-space:nowrap;width:1%}.leaderboard-table-wrap thead th{font-weight:600;white-space:normal;color:var(--light);padding:0 .5rem .5rem;border-bottom:1px solid var(--line);vertical-align:bottom}.leaderboard-table-wrap tbody td{border-top:1px solid var(--line)}.leaderboard-table-wrap th.rank,.leaderboard-table-wrap td.rank{color:var(--light);padding-left:0;padding-right:.5rem}.leaderboard-table-wrap th.player,.leaderboard-table-wrap td.player{text-align:left;width:auto;white-space:normal}.leaderboard-table-wrap td.player{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:7rem}#settings-toggle{position:absolute;top:.625rem;right:1rem;text-decoration:none;font-size:1rem;width:1.25rem;height:1.25rem;color:var(--heading);display:flex;justify-content:center;align-items:center}#settings-toggle img{flex:0 0 auto}@keyframes in{0%{opacity:0;transform:translateY(5%);transform:scale(.9);transform-origin:center center}to{opacity:1;transform:translateY(0);transform:scale(1)}}.message{position:absolute;top:0;left:0;width:100%;height:30%;display:flex;justify-content:center;align-items:center;animation-duration:.5s}.message-inner{flex:0 0 auto;background:var(--bg);padding:1rem 1.5rem;color:var(--heading);border-radius:.25rem;z-index:100}.message-inner a{color:var(--link)}.popup{background:rgba(var(--bodyRGB),90%);position:absolute;top:0;left:0;width:100%;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}@media(min-width:768px){.popup{align-items:center}}.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(--body);flex:0 1 var(--game-max-width);padding:1.5rem;position:relative;box-shadow:0 0 3rem #0003}.popup-inner>:last-child{margin-bottom:0}@media(min-width:768px){.popup-inner{border-radius:1em;margin:2.5rem 0}}.popup-inner .popup-close{position:absolute;top:1rem;right:.5rem;text-decoration:none;color:var(--heading);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;padding:.75rem 1.25rem;background:var(--green);color:#fff;font-weight:700;border-radius:2rem;text-decoration:none;text-align:center}.popup-inner h2{font-size:25px;margin:0 0 .75em;color:var(--heading)}.popup-inner h3{margin:1.5em 0 1em;font-size:20px;color:var(--heading)}.popup-inner p{margin:1rem 0 0;color:var(--text)}.popup-text>p:first-child{margin-top:0}.popup-inner hr{margin:1.5em 0;border:0;border-top:1px solid var(--line)}.popup-inner a{color:var(--link)}.notice{background:var(--panel);border-radius:.25rem;padding:.5rem 1rem;margin:1rem 0;color:var(--heading)}.example{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:.25rem;padding:.5rem 0;box-sizing:border-box;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-image img{display:block;max-width:100%;max-height:12rem;margin:auto}.popup-text{flex:1 1 100%;margin:0;color:var(--text)}.popup-signin{flex:1 1 100%;margin:1rem 0 0;padding:1em 1.5em;background:var(--panel);border-radius:.125rem;color:var(--heading)}.popup-signin a{color:var(--link)}.popup-footer{display:flex;margin:0;border-top:1px solid var(--line);padding-top:1rem;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(--heading)}.countdown-title{text-transform:uppercase;font-size:12.8px;font-weight:700;margin:.25rem 0;flex:0 0 100%}.countdown-timer{font-size:20px;flex:0 0 100%}@media(min-width:768px){.countdown-timer{font-size:25px}}.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;padding:.75rem 1.25rem;background:var(--yellow);color:var(--black);font-weight:600;border-radius:2rem;text-decoration:none}.popup-inner .popup-share a:hover{background:var(--darkendGreen)}button#view-stats img{display:block;width:1rem;aspect-ratio:1;object-fit:contain;filter:var(--svg-icon-color)}.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;background:var(--panel);border-radius:.5em;padding:1em}.stats-figure-value{flex:0 0 100%;font-size:31.25px;font-weight:700;text-align:center;color:var(--heading)}.stats-figure-key{flex:0 0 100%;font-size:12.8px;text-align:center;color:var(--light)}.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{flex:0 1 1rem;color:var(--light);text-align:center}.stats-chart-bar{flex:1 1 auto;background:var(--panel);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(--heading)}.stats-chart-value{flex:0 1 1rem;color:var(--light);text-align:center}.popup-inner .whiskle_login p{margin:1em 0 0}#form{flex:1 1 auto;max-width:var(--game-max-width);display:flex;flex-wrap:wrap;padding:1.5rem}@media(min-width:768px){#form{padding:2.5rem}}#form h1{flex:0 1 100%;font-size:31.25px;margin:.5em 0}#container p{flex:0 1 100%;color:var(--text);margin:1em 0 0;font-size:1rem}#form p.tip{font-size:12.8px;color:var(--light);margin:.25em 0}#container p.small{font-size:12.8px;color:var(--light)}#form form{flex:0 1 100%}.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=text],.form-group input[type=email],.form-group input[type=password]{flex:0 1 100%;border:1px solid var(--line);border-radius:.25em;background:var(--bg);color:var(--text);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(--yellow);color:var(--black);font-size:1rem;font-weight:500;padding:.5em 1em;margin:1em 0;cursor:pointer;transition:.2s all ease-out}.popup-inner a.btn{color:#fff}input[type=submit]:hover{filter:brightness(110%)}