.mq-lesson-card{background:#fff;border-radius:16px;padding:15px 10px;cursor:pointer;text-align:center;position:relative;border:4px solid transparent;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.mq-lesson-card::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s}.mq-lesson-card:hover:not(.locked)::before{opacity:1}.mq-lesson-card:hover:not(.locked){transform:translateY(-8px) scale(1.02);border-color:#ffd700;box-shadow:0 15px 35px rgba(0,0,0,.25)}.mq-lesson-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.7)}.mq-lesson-card.completed{border-color:#00d9a3;background:linear-gradient(135deg,#fff 0%,#e0fff5 100%)}.mq-lesson-emoji{font-size:36px;display:block;margin-bottom:8px;transition:transform .3s;position:relative;z-index:1}.mq-lesson-card:hover:not(.locked) .mq-lesson-emoji{transform:scale(1.2) rotate(-5deg);animation:mq-wiggle .5s ease-in-out}.mq-lesson-title{font-size:13px;font-weight:800;color:#4a5568;margin-bottom:4px;position:relative;z-index:1}.mq-lesson-level{font-size:10px;color:#764ba2;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.mq-stars-container{margin-top:8px;display:flex;justify-content:center;gap:2px}.mq-star{font-size:16px;color:#e2e8f0;transition:all .3s}.mq-star.earned{color:#ffd700;text-shadow:0 2px 8px rgba(255,215,0,.5);animation:mq-star-pulse 2s ease-in-out infinite}.mq-lock-icon{position:absolute;top:8px;right:8px;font-size:14px}.mq-emoji-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:300px;margin:0 auto}.mq-count-emoji{font-size:32px;animation:mq-pop-in .4s cubic-bezier(.68,-.55,.265,1.55) backwards;transition:transform .2s}.mq-count-emoji:hover{transform:scale(1.3)}.mq-option{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:16px;padding:18px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 15px rgba(102,126,234,.4);position:relative;overflow:hidden}.mq-option::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.mq-option:hover:not(.disabled)::before{width:200px;height:200px}.mq-option:hover:not(.disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 25px rgba(102,126,234,.5)}.mq-option:active:not(.disabled){transform:scale(.98)}.mq-option.correct{background:linear-gradient(135deg,#00d9a3 0%,#00b894 100%);animation:mq-correct-pulse .6s ease-out;box-shadow:0 8px 25px rgba(0,217,163,.5)}.mq-option.wrong{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);animation:mq-shake .5s ease-out;box-shadow:0 8px 25px rgba(238,90,111,.5)}.mq-option.disabled{pointer-events:none}.mq-badge-card{background:#f8f9ff;border-radius:16px;padding:20px 10px;text-align:center;border:3px solid #e2e8f0;transition:all .3s}.mq-badge-card.earned{background:linear-gradient(135deg,#fff9e6 0%,#fff 100%);border-color:#ffd700;box-shadow:0 8px 20px rgba(255,215,0,.2)}.mq-badge-card:not(.earned){opacity:.5;filter:grayscale(.8)}.mq-badge-icon{font-size:40px;display:block;margin-bottom:8px}.mq-badge-card.earned .mq-badge-icon{animation:mq-badge-float 3s ease-in-out infinite}.mq-badge-name{font-size:12px;font-weight:700;color:#4a5568}.mq-modal.active{display:flex}.mq-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:100px;pointer-events:none;z-index:1000;animation:mq-feedback-pop .8s ease-out forwards}@media (max-width:600px){.mq-option{font-size:16px;padding:14px}}