.memory-game{max-width:1000px;margin:0 auto;padding:2rem 1rem}.game-header{text-align:center;margin-bottom:2rem}.game-header h1{color:#2d3748;margin-bottom:.5rem;font-size:2.5rem}.subtitle{color:#718096;font-size:1.1rem}.settings-panel{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #00000014}.setting-group{align-items:center;gap:.5rem;display:flex}.setting-group label{color:#4a5568;font-weight:600}.setting-group select{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:1rem}.new-game-button{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;transition:background .2s}.new-game-button:hover{background:#3182ce}.stats-panel{background:#f7fafc;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem;display:flex}.stat-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-label{color:#718096;font-size:.85rem}.stat-value{color:#2d3748;font-size:1.4rem;font-weight:700}.stat-item.best .stat-value{color:#d69e2e}.game-board{margin-bottom:2rem}.cards-grid{gap:1rem;max-width:700px;margin:0 auto;display:grid}.card{cursor:pointer;background:0 0;border:none;width:100%;height:120px;padding:0;position:relative}.card:disabled{cursor:not-allowed}.card-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .5s;position:relative}.card.flipped .card-inner,.card.matched .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 4px 8px #0000001a}.card-front{backface-visibility:hidden;will-change:transform;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:rotateY(180deg)translateZ(1px)}.card-back{backface-visibility:hidden;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.card-emoji{filter:contrast(1.3)brightness(1.1)saturate(1.2);opacity:1;color:#f0f8ff;font-size:2.5rem}.card-back-icon{color:#fff;font-size:2.5rem}.card:hover:not(:disabled) .card-inner{transform:scale(1.05)}.card.flipped:hover:not(:disabled) .card-inner,.card.matched:hover:not(:disabled) .card-inner{transform:rotateY(180deg)scale(1.05)}.card.matched .card-front{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);box-shadow:0 0 20px #48bb7880}.card.matched{background:#f0fff4;box-shadow:0 0 15px #48bb7866}.victory-message{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin-bottom:2rem;padding:2rem;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.victory-message h2{margin-bottom:1rem;font-size:2rem}.victory-message p{margin-bottom:.5rem;font-size:1.2rem}.new-record{margin-top:1rem;font-size:1.5rem;font-weight:700;animation:1s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.play-again-button{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;margin-top:1.5rem;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;transition:transform .2s}.play-again-button:hover{transform:scale(1.05)}.instructions{background:#f7fafc;border-radius:12px;padding:1.5rem}.instructions h3{color:#2d3748;margin-bottom:1rem}.instructions ol{margin-bottom:1rem;margin-left:1.5rem}.instructions li{color:#4a5568;margin-bottom:.5rem}.tip{color:#2c5282;background:#ebf8ff;border-left:4px solid #4299e1;border-radius:8px;padding:1rem}@media (width<=768px){.game-header h1{font-size:2rem}.settings-panel,.setting-group{flex-direction:column;align-items:stretch}.setting-group select{width:100%}.cards-grid{gap:.75rem}.card{height:100px}.card-emoji{font-size:2rem}.card-back-icon{font-size:1.8rem}.stats-panel{gap:1rem}.stat-value{font-size:1.2rem}}@media (width<=480px){.card{height:80px}.card-emoji,.card-back-icon{font-size:1.5rem}.cards-grid{gap:.5rem}}
