@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@700&display=swap";
:root{--primary:#5b6ee1;--primary-dark:#4356c5;--primary-light:#eef1ff;--surface:#f7f8fc;--card:#fff;--border:#dbe1ff;--text:#111827;--muted:#7f8bb3}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface);font-family:Space Grotesk,sans-serif}.mq-root{background:#111827;justify-content:center;min-height:100vh;padding:32px 16px;display:flex}.mq-card{border:2px solid #2950d9;border-radius:10px;width:100%;max-width:600px;padding:12px}.mq-header{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:30px;display:grid}.mq-stat{background:#d9e0f5;border:1px solid #d9e0f5;border-radius:8px;align-items:center;gap:.1rem;width:100px;height:50px;padding:6px 4px;display:flex}.mq-stat-icon svg{width:18px;height:18px}.mq-stat-icon.score svg{color:#facc15;fill:currentColor}.mq-stat-icon.level svg{color:#2950d9}.mq-stat-icon{background:#dfe5f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}.mq-stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px;font-size:.7rem;font-weight:700}.mq-stat-value{color:#111;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;line-height:1}.mq-lives-container{flex-direction:column;align-items:center;gap:2px;display:flex}.mq-lives{justify-content:center;gap:4px;margin-bottom:10px;display:flex}.mq-heart{font-size:1rem;transition:all .2s}.mq-heart.lost{opacity:.25;transform:scale(.9)}.mq-refill{color:#a16207;justify-content:flex-end;font-size:.75rem;font-weight:600;display:flex}.mq-progress-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mq-progress-label,.mq-progress-pct{color:#7c89b0;font-size:.75rem;font-weight:700}.mq-progress-pct{color:#4154d8}.mq-bar{background:#e8ebf5;border-radius:8px;width:100%;height:4px;margin-bottom:14px;overflow:hidden}.mq-bar-fill{background:linear-gradient(90deg,#5b6ee1,#8393ff);border-radius:8px;height:100%;transition:width .4s}.mq-op-badge{color:#5b48c9;letter-spacing:.08em;text-transform:uppercase;background:#edf0ff;border:1px solid #ccd4ff;border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 9px;font-size:.7rem;font-weight:900;display:inline-flex}.mq-question{background:#eef1fa;border:1px solid #d9e0f5;border-radius:10px;justify-content:center;align-items:center;min-height:100px;margin-bottom:18px;padding:20px;transition:transform .25s;display:flex}.mq-question p{letter-spacing:.8px;text-align:center;color:#111827;max-width:620px;font-size:1rem;font-weight:900;line-height:1.6}.mq-input{color:#111;text-align:center;background:#fff;border:2px solid #d5dcf7;border-radius:8px;outline:none;width:120px;height:44px;margin:0 auto 24px;padding:0 14px;font-family:Space Grotesk,sans-serif;font-size:1rem;transition:all .2s;display:block}.mq-input::placeholder{color:#93a0c8}.mq-input:focus{border-color:#5b6ee1;box-shadow:0 0 0 5px #5b6ee11f}.mq-btn{color:#fff;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;opacity:1;background:#4356c5;border:none;border-radius:8px;width:100px;height:42px;margin:0 auto;font-size:.8rem;font-weight:800;transition:all .2s;display:block}.mq-btn:hover:not(:disabled){transform:translateY(-2px)}.mq-btn:active:not(:disabled){transform:scale(.98)}.mq-btn:disabled{opacity:.6;cursor:not-allowed}.mq-feedback{text-align:center;border-radius:18px;margin-top:20px;padding:16px;font-weight:700}.mq-feedback.correct{color:#0f8a5f;background:#e9fff4}.mq-feedback.wrong{color:#cc3d3d;background:#fff1f1}.mq-feedback.levelup{color:#4356c5;background:#eef1ff}.mq-gameover{background:#f6f8fd;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.mq-gameover-card{text-align:center;background:#fff;border:1px solid #dbe1ff;border-radius:8px;width:100%;max-width:500px;padding:50px 35px;box-shadow:0 30px 60px #5b6ee11a}.mq-gameover-skull{margin-bottom:18px;font-size:4rem;display:block}.mq-gameover-title{margin-bottom:26px;font-size:2.4rem;font-weight:800}.mq-gameover-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.mq-gameover-stat{background:#f3f5fd;border-radius:18px;padding:18px 12px}.mq-gameover-stat .num{color:#5b6ee1;margin-bottom:6px;font-size:1.7rem;font-weight:800;display:block}.mq-gameover-stat .lbl{color:#7f8bb3;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.mq-play-again{color:#fff;cursor:pointer;background:linear-gradient(#98a7ef,#7d8ee5);border:none;border-radius:8px;width:100%;height:70px;font-size:1rem;font-weight:800}.mq-question.shake{animation:.35s shake}.mq-question.pop{animation:.3s pop}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(.96)}to{transform:scale(1)}}@media (max-width:768px){.mq-root{padding:24px 14px}.mq-card{padding:10px}.mq-header{grid-template-columns:repeat(3,1fr);gap:.4rem}.mq-stat{width:100%;height:48px}.mq-question{min-height:90px;padding:18px}.mq-question p{font-size:.95rem;line-height:1.5}.mq-input{width:110px;height:42px;font-size:.95rem}.mq-btn{width:95px;height:40px;font-size:.75rem}}@media (max-width:560px){.mq-root{padding:20px 12px}.mq-card{padding:8px}.mq-header{grid-template-columns:1fr;gap:.5rem}.mq-stat{width:100%;max-width:140px;margin:0 auto}.mq-question{min-height:80px;margin-bottom:16px;padding:16px}.mq-question p{font-size:.9rem;line-height:1.4}.mq-input{border-radius:8px;width:100px;height:40px;margin-bottom:18px;font-size:.9rem}.mq-btn{border-radius:8px;width:90px;height:38px;font-size:.72rem}.mq-gameover-card{padding:32px 20px}.mq-gameover-title{font-size:1.8rem}.mq-gameover-stats{grid-template-columns:1fr}}@media (max-width:400px){.mq-root{align-items:flex-start;padding:14px 8px}.mq-card{border-radius:14px;padding:10px}.mq-header{grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:18px}.mq-stat{border-radius:10px;width:100%;height:42px;padding:4px 6px}.mq-stat-icon{border-radius:6px;width:22px;height:22px}.mq-stat-icon svg{width:13px;height:13px}.mq-stat-label{letter-spacing:.08em;margin-bottom:2px;font-size:.52rem}.mq-stat-value{font-size:.72rem}.mq-lives{gap:3px;margin-bottom:8px}.mq-heart{font-size:.9rem}.mq-refill{font-size:.62rem}.mq-progress-row{margin-bottom:8px}.mq-progress-label,.mq-progress-pct{font-size:.65rem}.mq-bar{height:5px;margin-bottom:12px}.mq-op-badge{border-radius:8px;justify-content:center;width:100%;margin-bottom:12px;padding:5px 7px;font-size:.58rem}.mq-question{border-radius:12px;min-height:75px;margin-bottom:14px;padding:14px 10px}.mq-question p{letter-spacing:.2px;font-size:.8rem;line-height:1.45}.mq-input{border-radius:10px;width:100%;max-width:115px;height:38px;margin-bottom:14px;padding:0 10px;font-size:.84rem}.mq-btn{letter-spacing:.05em;border-radius:10px;width:100%;max-width:130px;height:38px;font-size:.66rem}.mq-feedback{border-radius:12px;margin-top:14px;padding:12px;font-size:.74rem}.mq-gameover{padding:14px}.mq-gameover-card{border-radius:14px;padding:24px 16px}.mq-gameover-skull{margin-bottom:14px;font-size:2.8rem}.mq-gameover-title{margin-bottom:18px;font-size:1.4rem}.mq-gameover-stats{grid-template-columns:1fr;gap:10px}.mq-gameover-stat{border-radius:12px;padding:14px 10px}.mq-gameover-stat .num{font-size:1.25rem}.mq-gameover-stat .lbl{font-size:.62rem}.mq-play-again{border-radius:12px;height:50px;font-size:.8rem}}@media (max-width:300px){.mq-root{padding:10px 6px}.mq-card{border-radius:12px;padding:8px}.mq-header{grid-template-columns:1fr;gap:.45rem;margin-bottom:14px}.mq-stat{border-radius:8px;width:100%;max-width:100%;height:40px;padding:4px 6px}.mq-stat-icon{width:20px;height:20px}.mq-stat-icon svg{width:11px;height:11px}.mq-stat-label{font-size:.48rem}.mq-stat-value{font-size:.68rem}.mq-question{min-height:68px;margin-bottom:12px;padding:12px 8px}.mq-question p{font-size:.74rem;line-height:1.35}.mq-input{max-width:100px;height:34px;margin-bottom:12px;font-size:.78rem}.mq-btn{border-radius:8px;max-width:110px;height:34px;font-size:.6rem}.mq-op-badge{padding:4px 6px;font-size:.52rem}.mq-feedback{padding:10px;font-size:.68rem}.mq-gameover-card{padding:18px 12px}.mq-gameover-title{font-size:1.1rem}.mq-play-again{height:44px;font-size:.72rem}}.mq-share-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;margin-top:14px;font-size:15px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 10px 25px #2563eb59}.mq-share-btn:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 18px 40px #7c3aed66}.mq-share-btn:active{transform:scale(.98)}