.word-component{align-items:center;color:#fff;display:flex;flex-flow:column;height:80Vh;justify-content:space-around;max-height:450px;position:relative}.word-component input{border:none;height:0;letter-spacing:0;margin-top:0;outline:none;padding:0;position:absolute;width:0}.word-row{display:flex;justify-content:center;padding:10px}.word-tile{border:1px solid #000;font-size:28px;height:30px;text-align:center;width:30px}.validation{gap:1rem;line-height:2rem}.keyboard,.validation{display:flex;margin:.4rem}.keyboard{flex-flow:column;gap:.3rem;line-height:3rem}.keyboard .letter{cursor:pointer;height:5rem;padding:1rem;width:auto}.keyboard .letter.backspace{width:5rem}.keyboard>:nth-child(2){margin-left:1rem}.keyboard>:nth-child(3){margin-left:-2rem}.keyboard>.keyboard-row{align-items:center;display:flex;flex-flow:row;gap:.5rem;justify-content:center}.letter-box-container{display:flex;gap:1rem;margin:0 .4rem}.letter-box{border:2px solid grey;border-radius:4px;color:#fff;font-size:1.4rem;font-weight:600;height:4rem;line-height:2rem;padding:1rem;text-align:center;width:4rem}.keyboard button{-webkit-touch-callout:none}.letter{border:2px solid grey;border-radius:4px;color:#fff;font-size:1.4rem;font-weight:600;height:4rem;padding:1rem;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:4rem}.letter.status-misplaced{border-color:#ff0;color:#ff0}.letter.status-ok{border-color:green;color:green}.letter.status-wrong{border-color:red;color:red}.letter.backspace>button,.letter.submit-letter>button{all:unset;color:inherit;display:inline;font:inherit}.letter.backspace>button:hover,.letter.submit-letter>button:hover{cursor:pointer}.error{border:1px solid red;border-radius:4px;color:red}.error,.success{background-color:#000;font-size:1.4rem;line-height:2rem;padding:.4rem;text-align:center}.success{border:1px solid green;border-radius:1rem;color:green}.info{margin:1rem}.info a{color:#fff}.button,.reset-word{border:2px solid grey;border-radius:4px;color:#fff;font-size:1.4rem;font-weight:600;line-height:2rem;padding:.4rem;text-align:center}.button{background-color:#000}.button a{color:#fff;-webkit-text-decoration:none;text-decoration:none}.button a:hover{color:#000}.button:hover{background-color:#fff;color:#000}.share-button{align-items:center;display:flex;justify-content:center;margin:10px}#shareButton{background-color:#008cba;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}@media (max-width:768px){.word-component{flex-grow:2;height:100%}body{justify-content:space-around}.error{font-size:.8rem}.keyboard{gap:.3rem}.keyboard .letter{font-size:1.5rem;height:3rem;padding:0 .65rem}.keyboard>:nth-child(2){margin-left:.5rem}.keyboard>:nth-child(3){margin-left:0}.keyboard>.keyboard-row{gap:.3rem}.letter-box-container{display:flex;gap:1rem}.letter-box{font-size:1.5rem;padding:.4rem}.letter,.letter-box{border:2px solid grey;border-radius:4px;color:#fff;font-weight:600;height:3rem;text-align:center;width:3rem}.letter{font-size:1rem;padding:.1rem}.validation .letter{font-size:1.5rem;padding:.4rem}}.message-container{height:3rem}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#000;border:1px solid #888;border-radius:1rem;margin:15% auto;padding:20px;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.modal-open-button{background-color:transparent;border:3px solid #888;border-radius:50%;color:#888;font-size:2rem;height:3rem;left:1rem;line-height:3rem;padding:0;position:absolute;text-align:center;top:1rem;width:3rem}.modal-open-button:hover{background-color:#fff;color:#000;cursor:pointer}footer{margin:1rem 0;width:100%}footer div{align-content:center;display:flex;flex-flow:row;justify-content:space-evenly}footer div span{background-color:transparent;border:3px solid #888;border-radius:5px;color:#888;font-size:1rem;padding:.2rem;text-align:center}footer div span:hover{background-color:#fff;color:#000;cursor:pointer}footer div a{all:unset;color:inherit;-webkit-text-decoration:none;text-decoration:none}footer small{bottom:.2rem;left:1rem;position:absolute}*{box-sizing:border-box;font-family:monospace}body{align-items:center;background-color:#000;color:#fff;display:flex;flex-flow:column;justify-content:space-around;margin:0;min-height:100dvh}.all-words .all-words--block{display:grid;grid-template-columns:repeat(auto-fill,minmax(12ch,1fr));grid-gap:10px;width:80vw}.all-words h1{font-size:2rem}.all-words h2{border:1px solid #fff;border-radius:.25rem;font-size:1.8rem;padding:1rem;width:-moz-fit-content;width:fit-content}.all-words span{font-size:1.6rem}[data-loading*=\|show],[data-loading=""],[data-loading=show]{display:none}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{align-items:flex-end;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.notyf__icon--error,.notyf__icon--success{background:#fff;border-radius:50%;display:block;height:21px;margin:0 auto;position:relative;width:21px}.notyf__icon--error:after,.notyf__icon--error:before{background:currentColor;border-radius:3px;content:"";display:block;height:12px;left:9px;position:absolute;top:5px;width:3px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{background:currentColor;border-radius:3px;content:"";display:block;position:absolute;width:3px}.notyf__icon--success:after{height:6px;left:6px;top:9px;transform:rotate(-45deg)}.notyf__icon--success:before{height:11px;left:10px;top:5px;transform:rotate(45deg)}.notyf__toast{animation:notyf-fadeinup .3s ease-in forwards;border-radius:2px;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);box-sizing:border-box;display:block;flex-shrink:0;max-width:300px;overflow:hidden;padding:0 15px;pointer-events:auto;position:relative;transform:translateY(25%)}.notyf__toast--disappear{animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s;transform:translateY(0)}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{animation:ripple .4s ease-out forwards;border-radius:50%;height:400px;position:absolute;right:0;top:0;transform:scale(0) translateY(-51%) translateX(13%);transform-origin:bottom right;width:400px;z-index:5}.notyf__wrapper{align-items:center;border-radius:3px;display:flex;padding-bottom:17px;padding-right:15px;padding-top:17px;position:relative;z-index:10}.notyf__icon{animation:notyf-fadeinup .3s forwards;animation-delay:.3s;font-size:1.3em;margin-right:13px;opacity:0;text-align:center;width:22px}.notyf__dismiss{animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;height:100%;margin-right:-15px;opacity:0;position:absolute;right:0;top:0;width:26px}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;height:100%;opacity:.35;outline:none;transition:opacity .2s ease,background-color .2s ease;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{background:#fff;border-radius:3px;content:"";height:12px;left:calc(50% - 1px);position:absolute;top:calc(50% - 5px);width:2px}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{background-color:rgba(0,0,0,.15);opacity:.7}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em;opacity:0;position:relative;vertical-align:middle}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{animation-duration:.5s;height:600px;width:600px}.notyf__toast{border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);max-width:none;width:100%}.notyf__dismiss{width:56px}}