*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#f0f0f0;display:flex;height:100vh;justify-content:center}h1{margin-bottom:20px;text-align:center}.card{perspective:1000px}.card-inner{height:100%;position:absolute;transform-style:preserve-3d;transition:transform .5s;width:100%}.card.flip .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;height:100%;position:absolute;width:100%}.card-front{background-color:#ddd}.card-back{transform:rotateY(180deg)}.card-back img,.card-front img{border-radius:5px;height:100%;width:100%}body{background:linear-gradient(to bottom right,#fbc2eb,#a6c0fe);font-family:Arial,sans-serif;margin:0}.game-container{box-sizing:border-box;padding:20px;text-align:center}.game-heading{color:#333;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.player-selection{margin-bottom:30px}.player-buttons-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.player-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;padding:10px 20px;transition:background-color .3s ease}.player-button.selected{background-color:#ff4081}.player-button:hover{background-color:#f50057}.scores{display:flex;justify-content:space-between;margin-bottom:40px;padding:0 20px}.score{align-items:center;background-color:#333;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,.3);color:#fff;display:flex;flex-direction:column;font-size:1.2em;justify-content:center;padding:10px;transition:background-color .3s ease;width:120px}.score .player-number{font-size:1.2em;font-weight:700}.score .player-score{font-size:1em}.score.highlight{background-color:#ff4081}.card-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);justify-content:center;margin:0 auto;max-width:800px}.card{background-color:#ddd;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,.3);cursor:pointer;height:100px;position:relative;transition:transform .5s;width:100px}.card.flip{transform:rotateY(180deg)}.card img,.card-back{border-radius:5px;height:100%;width:100%}.card-back{background-color:#4caf50}@media (min-width:768px){.card-grid{grid-template-columns:repeat(8,1fr)}.game-heading{font-size:3em}}@media (max-width:767px){.score{margin:0 10px;width:auto}.player-buttons-container{flex-direction:column}.player-button,.restart-button{font-size:1em;padding:8px 16px}}@media (max-width:480px){.card{height:80px;width:80px}.game-heading{font-size:2em}}.restart-button{background-color:#ff4081;border:none;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,.3);color:#fff;cursor:pointer;font-size:1.2em;margin-top:40px;padding:12px 24px;transition:background-color .3s ease}.restart-button:hover{background-color:#f50057}.congratulation-message{background-color:rgba(0,0,0,.8);border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.5);color:#fff;font-size:2em;font-weight:700;left:50%;margin-bottom:50px;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.card-grid{margin-bottom:70px}
/*# sourceMappingURL=main.75050bd7.css.map*/