.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-overlay .modal{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0003;text-align:center;width:40%;min-width:284px;max-width:320px}.modal-overlay .modal h2{font-size:2.2rem;margin-top:0}.modal-overlay .modal p{font-size:1.3rem;margin:10px 0}.modal-overlay .modal img{width:100%}.modal-overlay .modal .modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-overlay .modal .modal-buttons button{padding:8px 16px;font-size:1.1rem;border:none;cursor:pointer;background-color:#1b91df;color:#fff;border-radius:4px;transition:background-color .2s}.modal-overlay .modal .modal-buttons button:hover{background-color:#2980b9}.card{width:200px;height:275px;perspective:1000px;margin:auto}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.card.flip .card-inner{transform:rotateY(180deg)}.card-face{width:100%;height:100%;position:absolute;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;font-size:1rem}.card-face img{width:180px;height:210px;background-color:#ffffffb3}.card-front{box-sizing:border-box;background-color:#f4e842;border-radius:10px;text-align:center;color:#333;-webkit-text-stroke:.01px #f4e842}.card-back{background-image:url(/assets/card-2-93418dfd.png);background-repeat:no-repeat;background-size:cover;transform:rotateY(180deg)}.menu{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:620px;min-width:320px}.menu img{width:70%;height:auto}.menu .logo{margin-bottom:10px}.menu h2{font-size:2.2rem;color:#f4e842;-webkit-text-stroke:1px black}.menu .menu-btn-container{position:absolute;background-color:#fff;width:100%;height:50%;top:70%;z-index:-1;border-radius:800px 300px;display:flex;justify-content:center;align-items:flex-end}.menu .menu-btn-container button{margin:5%;padding:2%;width:70%;cursor:pointer;font-size:1.5rem;font-weight:700;text-align:center;text-decoration:none;color:#fff;border:none;border-radius:5px;background-color:#3498db}.menu .menu-btn-container button:hover{background-color:#2980b9}.skeleton-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:200px;height:275px;background-image:url(/assets/card-2-93418dfd.png);background-repeat:no-repeat;background-size:cover;margin:auto}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-width:900px;margin:auto}.navigation-and-score-panel{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:20px}.navigation-and-score-panel .navigation-container{cursor:pointer}.navigation-and-score-panel .navigation-container img{width:300px}.navigation-and-score-panel .score-card{background-color:#f4e842;color:#333;margin:10px;padding:10px;border-radius:10px;font-size:1.2rem;min-width:210px;box-shadow:0 0 10px #3498db,0 0 20px #3498db,0 0 30px #3498db}@media screen and (max-width: 600px){.navigation-and-score-panel{justify-content:center}}.game-options-container{position:fixed;bottom:0%;display:flex;justify-content:space-between;width:100%;padding:10px;box-sizing:border-box}.game-options-container button{padding:15px;border-radius:100%;background-color:#1b91df;color:#000;border:none}.game-options-container button:hover{background-color:#2980b9;cursor:pointer}.game-options-container .help .how-to-play{display:flex;position:fixed;align-items:flex-end;bottom:0%;right:60px;overflow:hidden;opacity:0;transition:transform .3s ease,opacity .3s ease}.game-options-container .help .how-to-play .info{width:170px;list-style:none}.game-options-container .help .how-to-play .info li{margin-bottom:20px;background-color:#f4e842;border-radius:10px;padding:10px;font-family:Pokemon,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-shadow:0 0 10px #3498db}.game-options-container .help .how-to-play img{width:80px;height:auto}.game-options-container .help .visible{opacity:1;transform:translateY(0)}.game-options-container .help .hidden{opacity:0;transform:translateY(100%)}@font-face{font-family:Pokemon;src:url(/assets/pokemon-1-b891e608.ttf)}*{margin:0;padding:0}.app{width:100%;height:100vh;font-family:Pokemon,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button{font-family:Pokemon,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-text-stroke:1px black}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bg-1-65c6dd5a.jpg);background-repeat:no-repeat;background-size:cover;z-index:-1}
