.mcq-bg-app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a;max-width:1180px;margin:24px auto;padding:18px}.mcq-bg-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#6228d7,#1877f2);color:#fff;border-radius:28px;padding:28px;box-shadow:0 24px 60px rgba(62,48,180,.28)}.mcq-bg-hero h2{font-size:clamp(28px,4vw,48px);line-height:1.05;margin:10px 0 8px;color:#fff}.mcq-bg-hero p{margin:0;opacity:.92;color:#fff}.mcq-bg-badge{display:inline-flex;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:8px 12px;border-radius:999px;font-size:13px;color:#fff}.mcq-bg-score-pill{background:#fff;color:#3b2bbf;border-radius:18px;padding:14px 18px;min-width:120px;text-align:center;font-size:18px;box-shadow:0 14px 30px rgba(0,0,0,.14)}
.mcq-bg-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:18px;margin-top:18px}.mcq-bg-card{background:#fff;border:1px solid #e8e7ff;border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(41,35,120,.10)}.mcq-bg-game-card{min-height:420px}.mcq-bg-leaderboard{grid-column:1 / -1}.mcq-bg-start,.mcq-bg-end{text-align:center;padding:42px 12px}.mcq-bg-start h3,.mcq-bg-end h3,.mcq-bg-leaderboard h3{font-size:26px;margin:0 0 16px;color:#3b2bbf}.mcq-bg-start input{width:min(420px,100%);border:2px solid #d8d5ff;border-radius:16px;padding:15px 16px;font-size:16px;outline:none;color:#111827;background:#fff}.mcq-bg-start input:focus{border-color:#1877f2;box-shadow:0 0 0 4px rgba(24,119,242,.12)}.mcq-bg-start button,.mcq-bg-end button{border:0;border-radius:16px;background:linear-gradient(135deg,#6228d7,#1877f2);color:#fff;font-weight:800;padding:15px 24px;margin-left:8px;cursor:pointer;box-shadow:0 12px 28px rgba(24,119,242,.26)}
.mcq-bg-progress{display:flex;justify-content:space-between;gap:12px;color:#6b63c7;font-weight:800;margin-bottom:18px}.mcq-bg-play h3{font-size:24px;line-height:1.35;margin:0 0 18px;color:#081229}.mcq-bg-options{display:grid;gap:12px}.mcq-bg-options button{text-align:left;border:2px solid #dedaff;background:#f8f9ff;border-radius:18px;padding:16px;font-size:16px;cursor:pointer;transition:.2s;color:#0f172a!important;font-weight:700;box-shadow:0 4px 12px rgba(98,40,215,.06)}.mcq-bg-options button:hover{transform:translateY(-2px);border-color:#8f7bff;background:#fff}.mcq-bg-options button:disabled{opacity:1;color:#0f172a!important}.mcq-bg-options button b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#6228d7;color:#fff!important;margin-right:12px}.mcq-bg-options button.correct{background:#e9fff2;border-color:#1ab56f}.mcq-bg-options button.wrong{background:#fff0f0;border-color:#ef4444}.mcq-bg-feedback{min-height:24px;font-weight:800;color:#3b2bbf}.mcq-bg-warning{color:#ef4444;font-weight:700}
.mcq-bg-visual-card{background:linear-gradient(180deg,#eef5ff,#f8f6ff);overflow:hidden}.mcq-bg-sky{position:relative;height:430px;border-radius:22px;background:radial-gradient(circle at 25% 18%,#fff 0 8%,transparent 9%),linear-gradient(180deg,#dfeaff,#fbf8ff);overflow:hidden}.mcq-bg-ground{position:absolute;bottom:-8px;left:0;right:0;height:72px;background:linear-gradient(135deg,#5330c9,#1877f2);border-radius:50% 50% 0 0 / 35% 35% 0 0}.mcq-bg-tower{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);width:230px;display:flex;flex-direction:column-reverse;align-items:center;gap:2px;max-height:350px;perspective:600px}.mcq-bg-brick{position:relative;width:168px;height:30px;border-radius:3px;background:linear-gradient(90deg,#d7b38e 0%,#f1d2ad 45%,#c99d73 100%);box-shadow:inset 0 -5px 8px rgba(110,70,35,.16),inset 0 2px 4px rgba(255,255,255,.55),0 5px 10px rgba(79,55,27,.12);animation:brickIn .36s ease-out;overflow:hidden}.mcq-bg-brick:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 32%,rgba(90,54,25,.25) 33%,transparent 34% 65%,rgba(90,54,25,.22) 66%,transparent 67%),linear-gradient(0deg,rgba(255,255,255,.18),transparent 45%,rgba(82,48,20,.12));}.mcq-bg-brick:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,rgba(120,75,35,.08) 0 2px,transparent 2px 12px);mix-blend-mode:multiply}.mcq-bg-brick:nth-child(odd){transform:rotate(-1deg);margin-left:-26px}.mcq-bg-brick:nth-child(even){transform:rotate(1deg);margin-left:26px}.mcq-bg-brick:nth-child(4n){width:190px}.mcq-bg-brick:nth-child(5n){width:150px;margin-left:-42px}.mcq-bg-brick:nth-child(7n){width:205px;margin-left:38px}.mcq-bg-tower.crash{animation:shake .38s linear}.mcq-bg-tower.crash .mcq-bg-brick{animation:fall .85s forwards ease-in}.mcq-bg-leaderboard ol{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none;max-width:680px}.mcq-bg-leaderboard li{display:flex;justify-content:space-between;gap:12px;background:#f6f5ff;border:1px solid #e5e2ff;border-radius:16px;padding:14px 16px;color:#111827}.mcq-bg-leaderboard em{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#6228d7,#1877f2);color:#fff;font-style:normal;font-weight:900;margin-right:8px}.mcq-bg-leaderboard strong{color:#1877f2}.mcq-bg-empty{grid-column:1/-1}.shake{animation:shakeInput .36s linear}
@keyframes brickIn{from{opacity:0;transform:translateY(-45px) scale(.92)}to{opacity:1}}@keyframes shake{0%,100%{transform:translateX(-50%)}20%{transform:translateX(calc(-50% - 10px))}40%{transform:translateX(calc(-50% + 10px))}60%{transform:translateX(calc(-50% - 7px))}80%{transform:translateX(calc(-50% + 7px))}}@keyframes shakeInput{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes fall{to{opacity:0;transform:translate(var(--fall-x),140px) rotate(var(--fall-r))}}
@media(max-width:820px){.mcq-bg-hero{flex-direction:column;align-items:flex-start}.mcq-bg-grid{grid-template-columns:1fr}.mcq-bg-start button{display:block;margin:12px auto 0}.mcq-bg-leaderboard ol{grid-template-columns:1fr}.mcq-bg-sky{height:360px}.mcq-bg-card{padding:18px}.mcq-bg-tower{max-height:290px}}