.App{background-color:#121212;color:#fff;height:100vh;text-align:center;width:100vw}body{margin:0;padding:0}.game{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 170px);padding-top:50px;width:100vw}.alert{animation:fadeInOut 1.3s ease forwards;background:#272727;border:1px solid #ffd70066;border-radius:999px;box-shadow:0 0 15px #ffd70026;color:#fff;font-size:14px;font-weight:500;left:50%;opacity:0;padding:10px 25px;position:fixed;top:50px;transform:translateX(-50%);z-index:300}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}@media (max-width:430px){.board{height:350px;width:250px}}.lifediv{position:absolute;right:2em;top:10em}.lifeline{align-items:center;background-color:#b49f39;border:none;border-radius:50%;cursor:pointer;display:flex;height:5em;justify-content:center;margin:1em;width:5em}.lifeline:disabled{background-color:#3a393c;color:#000;cursor:not-allowed;opacity:.7}.lifelineWin{align-items:center;background-color:#b49f39;border-radius:50%;display:flex;height:5em;justify-content:center;margin:1em;pointer-events:none;width:5em}@media (max-width:430px){.lifediv{left:1em;position:absolute;top:9em}.lifeline{align-items:center;background-color:#b49f39;border-radius:50%;cursor:pointer;display:flex;height:3em;justify-content:center;margin:1em;width:3em}}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.tooltip{background:#272727;border-radius:6px;bottom:-25px;color:#fff;font-size:12px;opacity:0;padding:6px 10px;pointer-events:none;transition:opacity .15s ease,transform .15s ease;visibility:hidden;white-space:nowrap}.tooltip,.tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:before{border-bottom:6px solid #272727;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;top:-6px;width:0}.tooltip-wrapper:focus-within .tooltip,.tooltip-wrapper:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(2px);visibility:visible}.icons{background:none;border:none;color:#fff;cursor:pointer;outline:none}@media (hover:none) and (pointer:coarse){.tooltip{display:none}}.overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw}.closebtn{border:none;color:#fff;cursor:pointer;font-size:20px;right:.7rem;top:.7rem}.closebtn,.modal{background-color:#121213;border-radius:10px;position:absolute}.modal{font-size:6px;height:80vh;line-height:1.4;max-width:600px;min-width:300px;padding:20px;width:20%}p{margin:0 0 10px}strong{color:#b49f39}.Stats-div{align-items:center;display:flex;gap:2em;justify-content:center;padding:5em}.Stats-div p{font-size:large}.logoutButton{background-color:#c00;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.4rem}.instructions-heading{font-size:medium}.instructions-subheading{font-size:Small}.instructions-details{padding:.7rem}.newWord{color:#528d4e}@media (max-width:430px){.instructions-heading{font-size:small}.instructions-subheading{font-size:x-small}}nav{align-items:center;border-bottom:1px solid grey;display:flex;height:60px;justify-content:center;margin:0;position:relative;width:100%}nav h1{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:45px;margin:0}nav p{font-family:Arial,Helvetica,sans-serif;font-size:2em;margin:5px}.nav-buttons{display:flex;gap:15px;position:absolute;right:2em}#kbc{color:#b49f39}#kbcwin{color:#528d4e}.animate__bounceIn{display:flex}.in-progress{background-color:#c00;color:#fff;font-size:5px;left:0;position:absolute}.icons svg{cursor:pointer;height:28px;width:28px}span{font-family:Arial,Helvetica,sans-serif;font-size:1.5em;margin:10px}@media (max-width:430px){nav h1{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:24px;margin:0}nav p{font-family:Arial,Helvetica,sans-serif;font-size:2em}.nav-buttons{display:flex;gap:2px;right:0}span{font-family:Arial,Helvetica,sans-serif;font-size:1em;margin:6px}.icons svg{background:none;border:none;color:#fff;cursor:pointer;height:20px;margin-left:0;outline:none;width:20px}}.timer{background-color:#ffffff1a;display:inline-block;margin-top:25px;padding:10px;text-align:center;width:80%}.col-4{float:left;width:33%}.box{border-right:1px solid #fff3;font-weight:300;padding:10px}.col-4:last-child .box{border-right-color:#0000}.box p{font-size:calc(16px + 2vmin);margin:0}.text{font-size:14px}.scratch-reward-card{background-color:#b49f39;border-radius:8px;box-shadow:0 4px 8px #0003;height:150px;margin-top:50%;overflow:hidden;position:relative;transition:transform .2s;width:300px}.scratch-reward-card:hover{transform:scale(1.05)}.scratch-content{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.scratch-text{color:#888}.revealed-content,.scratch-text{font-size:20px;font-weight:700;text-align:center}.revealed-content{color:#fff}.scratch-area{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.progress-container{flex-direction:column;width:100%}.progress-bar,.progress-container{align-items:center;display:flex;justify-content:center}.progress-bar{background-color:#f0f0f0;border-radius:10px;height:10px;margin:10px;overflow:hidden;width:80%}.progress{align-items:center;background-color:#528d4e;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;line-height:20px;text-align:center}.auth-form{border:1px solid #ffffff14;border-radius:14px;left:1.5rem;margin:0 auto;max-width:360px;padding:1.5rem;position:absolute;top:4rem;width:70%}.heading{font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.auth-form form{display:flex;flex-direction:column;gap:.75rem}.auth-form label{font-size:.75rem;opacity:.8}.auth-form input{background-color:#2a2a2a;border:1px solid #0000;border-radius:10px;color:#fff;outline:none;padding:.55rem .75rem;transition:border-color .15s ease,background-color .15s ease}.auth-form input::placeholder{color:#9a9a9a}.auth-form input:focus{background-color:#2f2f2f;border-color:#528d4e}.submitButton{background-color:#528d4e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.6rem;transition:transform .1s ease,opacity .1s ease}.submitButton:hover{opacity:.95;transform:translateY(-1px)}.submitButton:disabled{cursor:not-allowed;opacity:.6}.linkButton{background:none;border:none;color:#b49f39;cursor:pointer;font-size:.75rem;padding:0}.linkButton:hover{text-decoration:underline}.auth-form>div:last-child{font-size:.75rem;margin-top:1rem;text-align:center}.auth-form [role=alert]{background-color:rgba(231,64,64,.647);border-radius:8px;color:#fff;font-size:.75rem;margin-bottom:.5rem;padding:.5rem}.letter{border:2px solid #464444;color:#fff;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:bolder;height:100%;margin:2.5px;place-items:center}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error{background-color:#3a393c}.letter.correct{background-color:#528d4e}.letter.almost{background-color:#b49f39}.letter.error{background-color:#3a393c}.board{flex-direction:column;height:400px;width:300px}.board,.row{display:flex}.row{flex:33% 1;flex-direction:row;margin:5px}@media (max-width:430px){.board{display:flex;flex-direction:column;height:300px;width:200px}}.key{border:none;font-size:13px}.key.big{width:60px}.key.correct{background-color:#528d4e}.key.almost{background-color:#b49f39}.key.error{background-color:#3a393c}.keyboard{height:auto;margin-top:40px;width:500px}.line1,.line2,.line3{display:flex;justify-content:center;margin:3px 0}.key{background-color:grey;border-radius:4px;color:#fff;cursor:pointer;display:grid;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:60px;margin:3px;place-items:center;width:45px}.key.big{width:80px}.key.disabled{background-color:#3a393c}@media (max-width:430px){.keyboard{max-width:330px;width:100%}.key{font-size:12px;height:50px;width:32px}.key.big{padding-inline:3px;text-align:center;width:52px}.line3{align-items:center;gap:2px}}
/*# sourceMappingURL=main.e528272b.css.map*/