body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.letter-box{align-items:center;background-color:#fff;border:2px solid #ccc;color:#333;display:flex;font-size:20px;font-weight:700;height:30px;justify-content:center;width:30px}.letter-box.highlight{background-color:#add8e6}.grid{flex-direction:column;padding:10px}.grid,.grid-row{display:flex;gap:4px}.grid-row{justify-content:center}.keyboard{background-color:#f0f0f0;bottom:0;left:0;padding:10px;position:fixed;right:0}.keyboard-row{display:flex;gap:4px;justify-content:center;margin-bottom:4px}.key{min-width:30px}.key,.skip{background-color:#fff;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;font-weight:700;padding:15px;transition:background-color .1s}.skip{margin:16px 0;text-align:center;width:75%}.key.active,.key:active{background-color:#e0e0e0}.landing-container{align-items:center;background:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.landing-title{color:#000;font-size:2rem;justify-content:center;letter-spacing:1px;margin-bottom:2rem;text-align:center}.landing-btn{background:#444;border:none;border-radius:1.5rem;color:#fff;font-size:1.5rem;margin:.5rem 0;max-width:400px;padding:1.5rem 0;transition:background .2s;width:90vw}.landing-btn.easy{background:#4caf50}.landing-btn.medium{background:#ff9800}.landing-btn.hard{background:#f44336}.landing-btn:active{background:#222}@media (max-width:600px){.landing-btn{font-size:1.2rem;padding:1.2rem 0}}.app{padding-bottom:250px;text-align:center}.timer{font-size:24px;font-weight:700;margin:20px}.game-over{background:#fff;border-radius:10px;box-shadow:0 0 10px #0003;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%)}.stars{font-size:32px;margin:20px 0}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.toast{animation:fadeIn .3s,fadeOut .3s 2.7s;background-color:#000c;border-radius:8px;color:#fff;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.84f4c594.css.map*/