body{background:#f0f0f0;color:#333;font-family:Arial,sans-serif;margin:0;padding:10px}.stats-wrapper{width:100%}.game-stats,.stats-wrapper{display:flex;justify-content:center}.game-stats{font-size:clamp(1rem,2.5vw,1.5rem);gap:20px;text-align:center}.board-wrapper{display:flex;justify-content:center;width:100%}.board{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);max-width:600px;width:100%}.card-wrapper{transition:transform .2s ease,opacity .2s ease;will-change:transform}.card:hover:not(.matched){transform:translateY(-5px)}.card-wrapper.matched{opacity:.5;pointer-events:none;transform:translateY(0)}.card{align-items:center;aspect-ratio:1/1;background:green;border-radius:8px;display:flex;justify-content:center;overflow:hidden;padding:3px;perspective:1000px;width:100%}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .45s ease;width:100%}.card.flipped .card-inner{transform:rotateX(180deg)}.card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7px;height:100%;position:absolute;width:100%}.card-back{transform:rotateY(0deg)}.card-front{transform:rotateX(180deg)}@media (hover:none),(pointer:coarse){.card:hover:not(.matched){transform:none}}.scoreboard-container{padding:20px;text-align:center}.score-list{display:flex;flex-direction:column;gap:12px;margin:20px auto;max-width:400px}.score-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);display:flex;gap:15px;padding:12px 15px}.rank{color:green;font-size:1.6rem;font-weight:700;min-width:40px;text-align:center}.score-content p{margin:3px 0;text-align:left}.score-content .date{color:#555;font-size:.85rem}.gameover-container{padding:30px;text-align:center}.gameover-container h2{font-size:1.4rem;margin-bottom:20px}.replay-btn,.score-btn{display:flex}.gameover-btn,.replay-btn,.score-btn,.scoreboard-btn{margin-top:20px;padding:10px 18px}.gameover-btn,.replay-btn,.reprendre-btn,.score-btn,.scoreboard-btn{background:green;border:none;color:#fff;cursor:pointer;font-size:1rem}.reprendre-btn{margin-top:18px;padding:9px 20px}.pause-btn{background:#fff;border:2px solid green;color:green;cursor:pointer;font-size:1rem;margin-top:18px;padding:7px 18px}.btn:hover{background:#006400}.pause-overlay{background:rgba(0,0,0,.65);border-radius:10px;color:#fff;font-size:2rem;font-weight:700;left:50%;padding:20px 40px;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%);z-index:20}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);max-width:400px;padding:40px;text-align:center;width:90%}.modal-content h1{color:#333;font-size:2rem;margin-bottom:10px}.modal-content p{color:#555;font-size:1rem;margin-bottom:20px}.modal-input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:1rem;margin-bottom:15px;padding:10px 15px;width:100%}.modal-input:focus{border-color:green;outline:none}.modal-error{color:#d32f2f;font-size:.9rem;margin-bottom:10px}.modal-btn{background:green;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 18px;width:100%}.modal-btn:hover{background:#006400}
/*# sourceMappingURL=main.258ef6f9.css.map*/