@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap";body{margin:0;padding:0;background-color:#121213;color:#f8f8f8;display:flex;justify-content:center;align-items:center;font-family:Libre Franklin,sans-serif;text-transform:uppercase}.toast-container{font-family:Libre Franklin,sans-serif!important;font-weight:800!important;text-transform:none}@keyframes custom-enter{0%{opacity:0}to{opacity:1}}@keyframes custom-exit{0%{opacity:1}to{opacity:0}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:inherit;color:inherit;text-align:center;font-family:inherit}.error-image{max-width:100%;height:auto}.error-screen h1{font-size:2rem;margin-bottom:1rem}.error-screen p{font-size:1.25rem}.mankle{display:flex;flex-direction:column;gap:5px;align-items:center}.mankle:focus{outline:none}.title{text-transform:capitalize}.row{display:flex;gap:5px;font-weight:800;font-size:2rem}.row--bounce{animation:.3s linear bounce}.row .letter{width:60px;height:60px;background-color:#121213;border:2px solid rgb(58,58,60);display:flex;justify-content:center;align-items:center;position:relative;transform-style:preserve-3d}.row .letter--active{border-color:#565758;animation:.1s linear scale}.row .letter .back{position:absolute;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform:rotateX(180deg);backface-visibility:hidden}.row .rotate--100{animation:.5s linear .1s rotate forwards}.row .rotate--200{animation:.5s linear .2s rotate forwards}.row .rotate--300{animation:.5s linear .3s rotate forwards}.row .rotate--400{animation:.5s linear .4s rotate forwards}.row .rotate--500{animation:.5s linear .5s rotate forwards}.row .present .back{background-color:#b59f3b}.row .absent .back{background-color:#3a3a3c}.row .correct .back{background-color:#538d4e}@keyframes rotate{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes bounce{0%{transform:translate(0)}40%{transform:translate(6px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(-6px)}}@media only screen and (max-width: 700px){.row .letter{width:50px;height:50px}}.keyboard{font-size:1.25rem;margin-top:2em;display:flex;flex-direction:column;gap:8px}.keyboard .keyRow{display:flex;gap:6px;justify-content:center}.keyboard .key{display:flex;justify-content:center;align-items:center;background-color:#818384;border-radius:5px;width:40px;height:60px;font-weight:600;transition:background-color .3s linear;cursor:pointer}.keyboard .key--absent{background-color:#3a3a3c}.keyboard .key--present{background-color:#b59f3b}.keyboard .key--correct{background-color:#538d4e}.keyboard .enter,.keyboard .backspace{font-size:.75rem;width:60px}@media only screen and (max-width: 700px){.keyboard{font-size:1rem;gap:6px}.keyboard .keyRow{gap:4px}.keyboard .key{width:30px;height:40px}.keyboard .enter,.keyboard .backspace{font-size:.75rem;width:60px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:none;justify-content:center;align-items:center;transition:opacity .5s ease-in-out;opacity:0;z-index:-1}.modal.visible{display:flex;opacity:1;z-index:10000}.modal-content{background-color:#333;font-family:Roboto Slab,serif;text-transform:none;color:#fff;border-radius:10px;border:1px solid #666;width:90%;max-width:500px;padding:20px;box-shadow:0 4px 8px #0000001a;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;height:90%}.modal-content h1{font-size:2rem;font-weight:700;margin-bottom:20px}.subheading{font-size:1.2rem;margin-bottom:20px}.account-button{background-color:#fff;color:#000;border:none;border-radius:50px;padding:10px 20px;font-size:1rem;font-weight:700;margin-bottom:10px;cursor:pointer}.login-link{font-size:1rem;margin-bottom:20px}.share-section{margin-top:20px}.share-text{margin-bottom:10px}.share-button{display:inline-flex;align-items:center;justify-content:center;background-color:#00a651;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.share-button:hover{background-color:#008f4c}.share-button svg{margin-left:8px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}