header{display:flex;justify-content:center;align-items:center;color:red;text-align:center;padding:20px;font-weight:700}header .title-background{position:relative;cursor:pointer;background-color:#000000b3;padding:10px 20px;border-radius:10px;width:max-content}header a{cursor:pointer;background:linear-gradient(to right,orange,yellow,rgb(49,192,49),cyan,violet);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3rem;width:100%}@media only screen and (width <= 650px){header a{font-size:2.5rem}}.game{display:flex;flex-direction:column;align-items:center;align-self:flex-start;margin:0 20px}.game .instructions{text-align:center;color:#f90;font-size:2rem;padding:5px;background-color:#0009;width:fit-content;border-radius:10px;margin-bottom:40px}.scores-container{display:flex;justify-content:center}.scores{display:flex;gap:60px;justify-content:center;align-items:center;padding:30px;background-color:#0009;width:fit-content;border-radius:10px}.scores .current-score{font-size:3rem;color:#fff}.scores .highscore{font-size:3rem;color:#ff0}.cards-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;max-width:1400px;margin:auto;padding:30px 0}.loading-text{font-size:3rem;color:#fff;margin:50px 0}@media only screen and (width <= 1024px){.game .instructions{font-size:1.8rem}.scores .current-score,.scores .highscore{font-size:3rem}}@media only screen and (width <= 800px){.game .instructions{font-size:1.4rem}.scores{padding:20px;gap:30px}.scores .current-score,.scores .highscore{font-size:2.4rem}}@media only screen and (width <= 650px){.game .instructions{font-size:1.4rem}.scores{flex-direction:column;gap:10px;padding:20px}.scores .current-score,.scores .highscore{font-size:2rem}}.card{display:flex;flex-direction:column;align-items:center;background-color:#d6d6d6b3;padding:10px;border-radius:10px;border:none;cursor:pointer}.card:hover{box-shadow:#fa8f03 0 5px 15px;transform:scale(1.03)}.card:active{transform:scale(.95)}.card img{width:150px;height:150px}.card p{font-weight:700;font-size:1rem;margin-bottom:10px}@media only screen and (width <= 800px){.card img{width:120px;height:120px}}*{padding:0;margin:0;box-sizing:border-box}:root{font-size:16px}#root{display:flex;flex-direction:column;height:100vh}body{background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),url(/assets/background-2nH1J8oY.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;min-height:100vh}main{display:flex;justify-content:center;align-items:center;height:100%}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content{display:flex;flex-direction:column;padding:20px;background-color:#bfcac0;border-radius:10px;margin:20px}.modal-content p{font-size:1.5rem}.modal-content img{width:250px}.modal-content .message{display:flex;flex-direction:column;gap:20px;align-items:center}.modal-content .message .win-message,.modal-content .message .lose-message{text-align:center;font-size:2rem;font-weight:700}.modal-content .message .extra-info{text-align:center;font-size:1.7rem;font-weight:700}.modal-content .message .win-message{color:#ff0}.modal-content .message .lose-message{color:red}.modal-content .action-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-content button.play-again,.modal-content button.quit{padding:5px 10px;border-radius:5px;font-size:1.5rem;font-weight:700;cursor:pointer;color:#fff;border:none}.modal-content button.play-again{background-color:#1e90ff}.modal-content button.quit{background-color:red}.difficulty-selection{display:flex;flex-direction:column;gap:20px;background-color:#0009;width:fit-content;padding:50px;border-radius:10px;margin:0 20px 100px}.difficulty-selection h2{font-size:3rem;color:#fff;text-align:center}.difficulty-buttons{display:flex;justify-content:center;gap:20px;color:#fff}.difficulty-buttons .easy{color:green}.difficulty-buttons .medium{color:#ffc400}.difficulty-buttons .hard{color:red}.difficulty-buttons button,.difficulty-selection .play-button{background-color:transparent;border:none;cursor:pointer;font-size:2.4rem}.difficulty-buttons button{font-size:1.7rem}.difficulty-buttons button:hover,.difficulty-buttons button.selected{text-decoration:underline}.difficulty-selection p{font-size:2rem}.difficulty-selection .play-button{color:#00aeff;text-align:center}.difficulty-selection .play-button:hover{text-decoration:underline}.difficulty-selection .quit-button{color:red}.difficulty-selection .action-buttons{display:flex;justify-content:center;gap:30px;font-weight:700}.difficulty-selection .action-buttons button{font-weight:700}@media only screen and (width <= 450px){.difficulty-selection{padding:20px}.difficulty-selection h2{font-size:2.5rem}.difficulty-buttons{display:flex;justify-content:center;gap:20px;color:#fff}.difficulty-buttons .easy,.difficulty-buttons .medium,.difficulty-buttons .hard{font-size:1.7rem}}