*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f5f5;min-height:100vh}.game-header{text-align:center;padding:2rem;background-color:#2c3e50;color:#fff}.game-header h1{margin-bottom:1rem;font-size:2.5rem}.game-header p{font-size:1.2rem;opacity:.9}.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer;text-align:center}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.card img{width:100%;height:180px;object-fit:contain;padding:1rem;background-color:#f8f9fa}.card p{padding:1rem;font-weight:700;text-transform:capitalize;color:#2c3e50}.game-board{max-width:1200px;margin:0 auto;padding:2rem}.loading,.error{text-align:center;font-size:1.5rem;margin-top:2rem}.error{color:#e74c3c}.score-board{display:flex;justify-content:space-around;margin-bottom:2rem;font-size:1.2rem;font-weight:700}.current-score{color:#2ecc71}.best-score{color:#3498db}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.game-over-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:10px;box-shadow:0 0 20px #0003;text-align:center;z-index:100}.game-over-modal h2{margin-bottom:1rem;color:#2c3e50}.game-over-modal p{margin-bottom:1.5rem;font-size:1.2rem}.game-over-modal button{padding:.5rem 1.5rem;font-size:1rem;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.game-over-modal button:hover{background-color:#2980b9}
