#game-wrapper { text-align: center; padding: 80px 20px 40px; }
#game-wrapper h1 { color: #2c3e50; margin-bottom: 20px; }
.dark-mode #game-wrapper h1 { color: #ecf0f1; }
#game-info { display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px; flex-wrap: wrap; }
.info-item { font-size: 18px; font-weight: bold; color: #2c3e50; }
.dark-mode .info-item { color: #ecf0f1; }
.info-item span { color: #3498db; }
#difficulty, #new-game-btn { padding: 8px 15px; font-size: 14px; border: none; border-radius: 5px; cursor: pointer; }
#difficulty { background: #ecf0f1; }
#new-game-btn { background: #2ecc71; color: white; }
#game-board { display: grid; gap: 8px; justify-content: center; margin: 0 auto; }
.card { width: 70px; height: 70px; background: #3498db; border-radius: 8px; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 32px; transition: all 0.3s; }
.card:hover { transform: scale(1.05); }
.card.flipped { background: #fff; border: 2px solid #3498db; }
.card.matched { background: #2ecc71; opacity: 0.7; }