@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@500&family=Roboto+Mono:wght@100;400;500;700&display=swap");:root{--cell-background-color:hsl(var(--hue,248),var(--saturation,20%),calc(var(--lightness-offset, 0%) + var(--lightness, 43%)));--wrong-color:hsl(var(--hue,5),var(--saturation,80%),calc(var(--lightness-offset, 0%) + var(--lightness, 63%)));--wrong-location-color:hsl(var(--hue,35),var(--saturation,84%),calc(var(--lightness-offset, 0%) + var(--lightness, 73%)));--right-color:hsl(var(--hue,142),var(--saturation,76%),calc(var(--lightness-offset, 0%) + var(--lightness, 68%)));--background-color:#231a47}body,html{padding:1em;margin:0;font-family:Fredoka,sans-serif;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:var(--background-color);color:#fff;transition:.5s;flex-direction:column;font-size:clamp(.5rem,2.5vmin,2.5rem);overflow:hidden}@media only screen and (max-width:799px){body,html{height:90vh}}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.hidden{transition:.5s;opacity:0;visibility:hidden}.grid{padding:0!important}:after,:before{border-color:#fff!important}*,:after,:before{box-sizing:border-box;padding:0}.h1-center{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lightTextField{background-color:#ffffff2f;border-radius:4px}.lightTextField input,.lightTextField label{color:#fff!important}.Tutorial-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;margin:auto;width:100vw;height:100vh;background-color:var(--background-color)!important;display:flex;align-items:center;color:#fff!important;border-radius:20px!important}.Tutorial-text{font-weight:light;margin:0 10%;font-size:2rem;text-align:center}.Tutorial-correct{color:var(--right-color)}.Tutorial-wrong-spot{color:var(--wrong-location-color)}.Tutorial-wrong{color:var(--wrong-color)}@media only screen and (min-width:800px){.keyboard{display:grid;grid-template-columns:repeat(20,minmax(auto,1.5em));grid-auto-rows:3em;grid-gap:.25em;gap:.25em;justify-content:center}.snackbar{font-size:1em!important;font-family:Fredoka,sans-serif!important}}.key{font-size:inherit;grid-column:span 2;border:none;padding:0;font-family:Fredoka,sans-serif;display:flex;justify-content:center;align-items:center;border-radius:.25em;transition:.25s;background-color:hsl(var(--hue,248),var(--saturation,20%),calc(var(--lightness-offset, 0%) + var(--lightness, 43%)));color:#fff;fill:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;animation:appear .5s ease-in-out}.key>svg{width:2em;height:2em}.big-key{grid-column:span 3}.key:hover{transition:.25s;transform:translateY(-2px);cursor:pointer;--lightness-offset:20%}.key:active{transition:.15s;transform:translate(0)}.wrong{background-color:hsl(var(--hue,5),var(--saturation,80%),calc(var(--lightness-offset, 0%) + var(--lightness, 63%)))}.wrong,.wrong-location{transition:.5s;color:#000!important}.wrong-location{background-color:hsl(var(--hue,35),var(--saturation,84%),calc(var(--lightness-offset, 0%) + var(--lightness, 63%)))}.right{transition:.5s;color:#000!important;background-color:hsl(var(--hue,142),var(--saturation,76%),calc(var(--lightness-offset, 0%) + var(--lightness, 68%)))}@media only screen and (max-width:799px){.keyboard{display:grid;grid-template-columns:repeat(20,minmax(auto,1.5em));grid-auto-rows:7em;grid-gap:.5em;gap:.5em;justify-content:center}.key:focus{transition:.25s;transform:translateY(-2px);cursor:pointer;--lightness:60%}.snackbar{font-size:2.5em!important;font-family:Fredoka,sans-serif!important}.key{font-size:2em}.big-key{font-size:1.5em}}.Gameboard{display:grid;justify-content:center;align-content:center;flex-grow:1;grid-template-columns:repeat(5,4em);grid-template-rows:repeat(6,4em);grid-gap:.25em;gap:.25em;margin-bottom:1em}.Gameboard-cell{border-radius:.25em;border:2px solid var(--cell-background-color);font-size:2em;text-transform:uppercase;font-weight:700;color:#fff;fill:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;animation:appear .5s ease-in-out}@media only screen and (max-width:799px){.Gameboard{grid-template-columns:repeat(5,6em);grid-template-rows:repeat(6,6em)}.Gameboard-cell{font-size:4em}}@keyframes appear{0%{transform:scale(0);opacity:0}}.Win{background-color:rgba(35,26,71,.8)!important;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000}.scoreLabel{font-size:xx-large!important}.columnLabel{font-size:large!important;font-weight:700!important}.columnLabel,.scoreCell{font-family:Fredoka,sans-serif!important}.scoreCell{font-size:medium!important;max-width:12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btnNav,.btnNav-lose,.btnNav-win{color:#6feb9d!important;width:80%!important;margin-top:1em!important;border:1px solid #6feb9d!important;font-size:small!important}.btnNav-lose:hover,.btnNav-win:hover,.btnNav:hover{background-color:var(--cell-background-color)!important;border:1px solid #6feb9d!important}.btnNav{margin-left:50%!important;transform:translateX(-50%)!important}@media only screen and (min-width:799px){.columnLabel{font-size:x-large!important}.scoreCell{font-size:medium!important}.btnNav,.btnNav-lose,.btnNav-win{width:20%!important}}.wotd{color:#6feb9d;font-size:3.5em}