.App{text-align:center;color:#fff;background-color:#121212}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#121212}body{color:#fff;overscroll-behavior:none;background-color:#121212;margin:0;padding:0%}nav{border-bottom:2px solid #2a2a2a;place-items:center;height:3.75em;display:grid}nav h1{letter-spacing:.02em;background:linear-gradient(135deg,#ff7eb3 0%,#ff4d6d 45%,#c9184a 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #ff4d6d59);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Fredoka,Nunito,Varela Round,Helvetica,Arial,sans-serif;font-size:45px;font-weight:600}.game{flex-direction:column;align-items:center;padding:2em 1em 1.5em;display:flex}.board{flex-direction:column;gap:.2em;display:flex}.row{flex-direction:row;gap:.2em;display:flex}.letter{color:#fff;text-align:center;background-color:gray;border-radius:5px;width:1.8em;height:1.5em;font-family:sans-serif;font-size:clamp(1.5em,8.5vw,2.2em);font-weight:700;line-height:1.5em}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error{background-color:#3a393c}.keyboard{width:100%;max-width:43em;margin-top:2em}.line1,.line2,.line3{flex-direction:row;justify-content:center;margin:5px 0;display:flex}.key{color:#fff;cursor:pointer;background-color:gray;border-radius:.25em;place-items:center;width:1.12em;height:2.13em;margin:.15em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.9em,4.4vw,1.25em);display:grid}#big{width:4.25em}.toast{z-index:10;color:#121212;white-space:nowrap;pointer-events:none;background-color:#f2f2f2;border-radius:999px;padding:.7em 1.3em;font-family:Fredoka,Nunito,Varela Round,Helvetica,Arial,sans-serif;font-size:1em;font-weight:600;animation:.18s ease-out toast-pop;position:fixed;top:5.5em;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)translateY(-.5em)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.gameOver{flex-direction:column;align-items:center;gap:.5em;margin-top:2em;padding:0 1em;display:flex}.gameOver h3{color:#cfcfcf;margin:0;font-weight:400}.gameOver h1{letter-spacing:.15em;color:#528d4e;margin:0;font-family:Fredoka,Nunito,Varela Round,Helvetica,Arial,sans-serif;font-size:2.5em}.gameOver .reveal{color:#cfcfcf;max-width:22em;margin:.5em 0 0}.gameOver .venue{color:#fff;background:linear-gradient(135deg,#ff7eb3 0%,#ff4d6d 45%,#c9184a 100%);border-radius:999px;margin-top:.5em;padding:.6em 1.4em;font-family:Fredoka,Nunito,Varela Round,Helvetica,Arial,sans-serif;font-size:1.4em;font-weight:600;text-decoration:none;box-shadow:0 0 16px #ff4d6d66}.gameOver .venue:hover{filter:brightness(1.1)}.gameOver .hint{color:#8a8a8a;margin:0;font-size:.8em}#disabled{background-color:#3a393c}