*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#b5d0ff;padding:20px;min-height:100vh}.container{max-width:900px;margin:0 auto}.header{text-align:center;background:#fff;border-radius:15px;margin-bottom:15px;box-shadow:5px 5px #82b0ff;border:5px solid #FFFFFF}h1{color:#ff6090;font-size:2.5em;margin-bottom:10px}.stats{display:flex;justify-content:space-evenly;flex-wrap:wrap}.stat-label{font-size:1em;margin-bottom:5px}.stat-value{font-size:1.5em;margin-bottom:5px;font-weight:600}.game{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-bottom:10px}.game.hide .card{z-index:-1}.card{background:transparent;aspect-ratio:1;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .5s}.card:hover{transform:scale(1.05)}.card.flipped{transform:rotateY(180deg)}.card.flipped:hover{transform:rotateY(180deg) scale(1.05)}.card.matched{pointer-events:none}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;display:flex;justify-content:center;align-items:center}.card-front{background:#fff;color:#ff6090;font-size:3em;box-shadow:5px 5px #82b0ff;border:5px solid #FFFFFF}.card-back{background:#fff;transform:rotateY(180deg);color:#ff6090;font-size:3em;overflow:hidden;box-shadow:5px 5px #82b0ff;border:5px solid #FFFFFF}.card-back img{width:100%;height:100%;object-fit:cover}.btn{background:#ff6090;color:#fff;border-radius:15px;border:5px solid #FF6090;box-shadow:5px 5px #82b0ff;margin-top:10px;padding:10px 15px;font-size:1.5em;cursor:pointer;transition:all .2s ease}.btn:hover{transform:translateY(-3px);box-shadow:5px 8px #82b0ff}.btn:active{transform:translateY(2px);box-shadow:5px 5px #82b0ff}@media(max-width:768px){.game{grid-template-columns:repeat(4,1fr);gap:10px}h1{font-size:2em}}@media(max-width:480px){.game{grid-template-columns:repeat(4,1fr);gap:10px}.header h1{font-size:1.5em}.card-front{font-size:2em}}h1{color:#ff6090;font-size:2.5em;margin-bottom:20px}.mode-buttons{display:flex;flex-direction:column;gap:20px}.mode-btn-title{font-size:1em;font-weight:500}.mode-btn-icon img{width:3vh;height:3vh;filter:invert(1)}.center-stat{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1}.player-turn-indicator{font-size:.8em;color:#ff6090;opacity:0}.player-turn-indicator.active{opacity:1;animation:fadeIn ease .2s}.player-turn-indicator.move-to-player2{animation:player2-turn-indicator .2s ease forwards}.player-turn-indicator.move-to-player1{animation:player1-turn-indicator .2s ease forwards}@keyframes player2-turn-indicator{0%{transform:translate(0);opacity:1}to{transform:translate(150%);opacity:0}}@keyframes player1-turn-indicator{0%{transform:translate(0);opacity:1}to{transform:translate(-150%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.winner{font-size:24px;font-weight:700;text-align:center;margin:10px 0}#twoPlayersResults p{margin:8px 0;font-size:18px}@media(max-width:768px){.mode-btn{padding:15px}.controls{align-items:center}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0f204099;justify-content:center;align-items:center}.modal.show{display:flex}.modal-content{background:#fff;padding:50px;border-radius:15px;border:5px solid #FFFFFF;box-shadow:5px 5px #82b0ff;text-align:center;animation:bounce .5s}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-content h2{color:#ff6090;font-size:2.5em;margin-bottom:15px}.modal-content p{font-size:1.5em;font-weight:600;margin-bottom:10px}@media(max-width:480px){.modal-content{width:80%;font-size:.8em}}.settings-btn{position:fixed;top:5vh;right:6vh;font-size:1em;font-weight:600;background:#fff;color:#000;border-radius:15px;border:5px solid #FFFFFF}.settings-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0f204099;justify-content:center;align-items:center}.settings-container.show{display:flex}.close-btn{position:absolute;top:.4vh;right:1vh;width:40px;height:40px;background:#fff;color:#ff6090;border:none;font-size:1.5em;font-weight:600}.controls{display:flex;flex-direction:column;gap:15px;justify-content:center;margin-top:20px}.controls{text-align:center}.settings-content{background:#fff;padding:50px;border-radius:15px;border:5px solid #FFFFFF;box-shadow:5px 5px #82b0ff;text-align:center;animation:bounce .5s;position:relative}@media(max-width:768px){.settings-container,.settings-btn{font-size:.8em}}@media(max-width:480px){.settings-container{font-size:.8em}.settings-btn{font-size:.7em}}