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