body{background-color:#d0e7ff;font-family:Arial,sans-serif;margin:0}.App{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:1400px;padding:20px}.game-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr 1fr;width:100%}.game-board{grid-column:2/3;text-align:center}.letter-display{height:200px;margin:20px auto;position:relative;width:200px}.letter{align-items:center;background-color:#add8e6;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;transition:background-color .3s,transform .5s ease-in-out;width:50px}.letter.selected{background-color:#dfbc41}.letter.center{animation:none;background-color:blue;color:#fff;transform:none}.letter.center.selected{box-shadow:0 0 10px 5px #ffd700cc;transform:translate(-50%,-50%) scale(1.1)}.letter:first-child{left:50%;top:50%;transform:translate(-50%,-50%)}.letter:nth-child(2){left:25%;top:20%;transform:translate(-50%,-50%)}.letter:nth-child(3){left:75%;top:20%;transform:translate(-50%,-50%)}.letter:nth-child(4){left:90%;top:50%;transform:translate(-50%,-50%)}.letter:nth-child(5){left:75%;top:80%;transform:translate(-50%,-50%)}.letter:nth-child(6){left:25%;top:80%;transform:translate(-50%,-50%)}.letter:nth-child(7){left:10%;top:50%;transform:translate(-50%,-50%)}.letter.shuffling{animation:shuffle .5s ease-in-out;transition:transform .5s ease-in-out}@keyframes shuffle{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.selected-letters{margin:20px 0}.selected-letters-display{display:flex;gap:10px;justify-content:center}.selected-letter{background-color:#add8e6;border:2px solid blue;border-radius:5px;font-weight:700;padding:10px}@media (min-width:768px){.score-box{grid-column:1/2;max-width:300px;text-align:center}.word-display{grid-column:3/4;max-width:300px;text-align:left}.close-btn{display:none}}@media (max-width:767px){.game-container{align-items:center;display:flex;flex-direction:column}.game-board,.guessed-words,.score-box,.word-display{margin-top:20px;max-width:400px;text-align:center;width:100%}.score-box,.word-display{max-width:200px}}
/*# sourceMappingURL=main.9e3584e9.css.map*/