@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";body{margin:0;padding:0}*{box-sizing:border-box;font-family:Montserrat,sans-serif}body{text-align:center;color:#fff;background-color:#121212;min-height:100vh;margin:0;font-family:Montserrat,sans-serif}#root{max-width:600px;margin:0 auto;padding:20px}.language-selector{margin-bottom:20px}.language-selector a{color:#818384;margin:0 10px;font-weight:700;text-decoration:none;transition:color .3s}.language-selector a:hover{color:#f7d547}.language-selector a.active{color:#f7d547;text-decoration:underline}.instruction{color:#818384;margin-top:10px;font-size:.9rem}.instruction strong{color:#f7d547}.win-message{color:#538d4e;font-size:2rem;animation:.5s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.grid{flex-direction:column;align-items:center;gap:10px;margin-bottom:10px;display:flex}.row-container{align-items:center;display:flex;position:relative}.rollback-btn{color:#818384;cursor:pointer;opacity:0;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:5px;transition:opacity .2s,color .2s;display:flex;position:absolute;right:-45px}.rollback-btn:before{display:none}.row-container:hover .rollback-btn{opacity:1}.rollback-btn:hover{color:#f7d547}.rollback-btn .tooltip{visibility:hidden;color:#fff;text-align:center;z-index:1000;opacity:0;pointer-events:none;background-color:#3a3a3c;border-radius:6px;width:140px;margin-left:-70px;padding:5px;font-size:12px;transition:opacity .3s;position:absolute;bottom:125%;left:50%}.rollback-btn:hover .tooltip{visibility:visible;opacity:1}.row{gap:5px;display:flex}.cell{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;border:1px solid #3a3a3c;width:50px;height:50px;font-size:20px;font-weight:800;line-height:50px}.cell.correct{background-color:#538d4e;border-color:#538d4e}.cell.present{background-color:#b59f3b;border-color:#b59f3b}.cell.absent{background-color:#3a3a3c;border-color:#3a3a3c}.inactive{display:none}#next-word{color:#333;cursor:pointer;background-color:#f7d547;border-radius:5px;padding:3px 6px;font-weight:700;transition:color .5s,transform .3s,background-color .3s;box-shadow:0 2px 8px #0003}#next-word:hover{color:#fff;background-color:#538d4e;transform:scale(1.1)}canvas{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.input{color:#fff;background-color:#1c1c1e;border:none;border-radius:.4vw;outline:none;max-width:190px;margin-right:10px;padding:.8rem;font-size:1.1rem;font-weight:500;transition:all .4s;box-shadow:0 0 .4vw #00000080,0 0 0 .15vw #0000}.input:hover{box-shadow:0 0 0 .15vw #87cfeb2f}.input:focus{box-shadow:0 0 0 .15vw #538d4e}button{border:unset;color:#fff;z-index:1;cursor:pointer;background:#818384;border-radius:15px;margin:5px;padding:10px 20px;font-size:17px;font-weight:700;transition:all .25s;position:relative;overflow:hidden;box-shadow:4px 8px 19px -3px #00000045}button:before{content:"";z-index:-1;background-color:#538d4e;border-radius:15px;width:0;height:100%;transition:all .25s;position:absolute;top:0;left:0;box-shadow:4px 8px 19px -3px #00000045}button:hover{color:#e8e8e8}button:hover:before{width:100%}button.secondary{background:#3a3a3c}button.secondary:hover:before{background-color:#818384}.line{border:1px solid gray;width:40%;margin:20px auto}.loader{border:4px solid #ffffff1a;border-left-color:#0000;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin89345}#loader-container{justify-content:center;width:100%;margin-top:20px;display:flex}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{z-index:10000;pointer-events:none;position:fixed;top:50px;left:50%;transform:translate(-50%)}.toast{color:#fff;background-color:#3a3a3c;border-radius:8px;padding:12px 24px;font-weight:600;animation:3s forwards fadeInOut;box-shadow:0 4px 12px #00000080}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}