body{background-color:#fff}#header{padding:0 10px}#header .logo{width:100%;justify-content:center;align-items:center;display:flex}#header .logo img{max-width:100%}#page{background:url("../img/background.png") no-repeat top center;max-width:1366px;margin:0 auto}#page .cadre{padding:50px 40px 40px 40px;z-index:1;display:flex;flex-direction:column;gap:8px;position:relative}#page .cadre .regles{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}#page .cadre .regles .texte{max-width:440px}#page .cadre .regles .texte .p1{color:#232a56;font-size:20px;line-height:23px}#page .cadre .regles .texte a{color:#d0625c;background-color:#fff;border-radius:10px;padding:3px 10px;font-size:20px;font-weight:bold;text-decoration:none;font-family:Saira}#page .cadre .regles .texte .stats{padding-top:0px;display:flex;gap:20px}#page .cadre .regles .texte .stats span{color:#d0625c;font-weight:bold;font-size:20px;background-color:#fff;padding:2px 8px;border-radius:10px}#page .cadre .memory-game{max-width:935px;width:100%;margin:0 auto;padding:0 0;font-family:"Saria"}#page .cadre .memory-game .game-board{display:grid;grid-template-columns:repeat(7, 1fr);grid-template-rows:repeat(4, 1fr);gap:15px;padding:25px 0}#page .cadre .memory-game .game-board .memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer;transition:transform .2s ease}#page .cadre .memory-game .game-board .memory-card:hover:not(.matched){transform:scale(1.05)}#page .cadre .memory-game .game-board .memory-card .card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d}#page .cadre .memory-game .game-board .memory-card.flipped .card-inner{transform:rotateY(180deg)}#page .cadre .memory-game .game-board .memory-card .card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}#page .cadre .memory-game .game-board .memory-card .card-face img{width:100%;height:100%;object-fit:cover}#page .cadre .memory-game .game-board .memory-card .card-front::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("../img/card-back.png") center/cover}#page .cadre .memory-game .game-board .memory-card .card-back{transform:rotateY(180deg)}#page .cadre .memory-game .game-board .memory-card .card-final{transform:rotateY(360deg);background:hsla(0,0%,100%,.5);opacity:0;visibility:hidden;transition:all .5s ease}#page .cadre .memory-game .game-board .memory-card .card-final .final-text{font-size:60px;font-weight:bold;color:#232a56;font-family:"Saira";text-align:center;display:flex;align-items:center;justify-content:center;height:100%;padding:5px;line-height:1.2}#page .cadre .memory-game .game-board .memory-card.show-final .card-inner{transform:rotateY(360deg) !important}#page .cadre .memory-game .game-board .memory-card.show-final .card-final{opacity:1;visibility:visible;z-index:10}#page .cadre .memory-game .game-board .memory-card.show-final .card-front,#page .cadre .memory-game .game-board .memory-card.show-final .card-back{opacity:0}#page .cadre .memory-game .game-board .memory-card.final-animation{animation:finalCardAppear .8s ease-out}#page .cadre .memory-game .game-board .memory-card.matched{animation:matchedPulse .6s ease-in-out}#page .cadre .memory-game .game-board .memory-card.shake{animation:shakeCards .5s ease-in-out}#page .cadre .memory-game .victory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:none;justify-content:center;align-items:center;z-index:1000}#page .cadre .memory-game .victory-overlay.show{display:flex;animation:fadeIn .3s ease-in-out}#page .cadre .memory-game .victory-overlay .victory-content{background:#325174;padding:20px;border-radius:20px;text-align:center;max-width:600px;width:100%;animation:slideUp .4s ease-out .1s both}#page .cadre .memory-game .victory-overlay .victory-content .bravo{color:#fff;margin:0;font-size:20px;font-weight:bold;font-family:"Saira"}#page .cadre .memory-game .victory-overlay .victory-content p{font-family:"Saira";font-size:15px;color:#fff}#page .cadre .memory-game .victory-overlay .victory-content a{background-color:#fff;padding:5px 10px;font-size:18px;text-decoration:none;color:#325174;font-weight:bold;font-family:Saira;border-radius:10px}@keyframes matchedPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes shakeCards{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes finalCardAppear{0%{transform:scale(0.8) rotateY(360deg);opacity:0}50%{transform:scale(1.1) rotateY(360deg)}100%{transform:scale(1) rotateY(360deg);opacity:1}}@media(max-width: 768px){#page .cadre .memory-game{padding:15px 0}#page .cadre .memory-game .memory-header{margin-bottom:20px}#page .cadre .memory-game .memory-header h2{font-size:1.8rem}#page .cadre .memory-game .memory-header .memory-stats{flex-direction:column;gap:10px;align-items:center}#page .cadre .memory-game .memory-header .memory-stats .stat-item{font-size:1rem;padding:10px 15px}#page .cadre .memory-game .card-final .final-text{font-size:1.4rem}#page .cadre .memory-game .game-board{grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(7, 1fr);gap:10px;padding:15px 0}#page .cadre .memory-game .memory-controls{margin-top:20px}#page .cadre .memory-game .memory-controls .btn-new-game{padding:12px 25px;font-size:1rem}}@media(max-width: 480px){#page .cadre .memory-game .game-board{gap:8px;padding:12px 0}#page .cadre .memory-game .card-final .final-text{font-size:1.2rem}}@media(min-width: 800px){#page .cadre .regles{flex-direction:row}}body{font-family:"Saira",sans-serif}
