:root{--bg-color:#e0e5ec;--primary-color:#4a90e2;--secondary-color:#e24a85;--text-color:#2c3e50;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(255, 255, 255, 0.5);--card-back:#4a90e2;--success:#2ecc71;--error:#e74c3c;--card-radius:12px;--container-max-width:1200px;--primary-dark:#2980b9}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;align-items:center}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 rgba(31,38,135,.15);border-radius:16px}#status-bar{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:800px;margin:20px auto;padding:15px 25px;font-weight:600;font-size:1.1em;z-index:10}.stat-box{display:flex;align-items:center;gap:10px}#game-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;width:95%;max-width:var(--container-max-width);margin:20px auto;perspective:1000px;padding:20px}@media (min-width:768px){#game-board{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px}}@media (min-width:1024px){#game-board{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:25px}}.card-container{aspect-ratio:1;position:relative;cursor:pointer;border-radius:var(--card-radius);transition:transform .2s ease,box-shadow .2s ease}.card-container:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.card-container.matched{cursor:default;animation:pulse-green .5s ease-in-out}.card{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.4, 0, .2, 1);transform-style:preserve-3d}.card-container.flipped .card{transform:rotateY(180deg)}.back-face,.front-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--card-radius);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.front-face{background-color:var(--card-back);background-image:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-position:center;background-size:80%}.front-face::after{font-size:3em;color:rgba(255,255,255,.3);font-weight:700}.back-face{transform:rotateY(180deg);background-color:#fff}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(5px);justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;padding:40px;border-radius:20px;text-align:center;max-width:90%;width:400px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);position:relative;overflow:hidden}.modal-content h2{margin-top:0;font-size:2em;color:var(--text-color)}.modal-content img{width:100%;max-height:250px;object-fit:cover;border-radius:10px;margin:20px 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}button{background-color:var(--primary-color);color:#fff;padding:12px 24px;font-size:1rem;font-family:inherit;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}button:hover{transform:translateY(-2px);box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);filter:brightness(1.1)}button:active{transform:translateY(1px)}#cover-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000;padding:20px}#cover-screen img{max-width:300px;width:80%;border-radius:20px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);margin-bottom:40px}.difficulty-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.btn-easy{background-color:#2ecc71}.btn-medium{background-color:#f1c40f;color:#333}.btn-hard{background-color:#e74c3c}.confetti-piece{position:absolute;width:10px;height:10px;background-color:red;opacity:0;z-index:1500}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(46,204,113,.7)}70%{box-shadow:0 0 0 10px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}.glow{box-shadow:0 0 15px var(--success)!important}.shake{animation:shake .5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}