/* Missão Robux v3 — content1 no topo + quiz na página (base visual: lp2.css). */
.mr3-topo{display:flex;justify-content:center;padding:12px 16px;background:#1a1d22;border-bottom:2px solid #2b2e33}
.mr3-topo img{height:22px;width:auto;opacity:.92}
.mr3-palco{padding:18px 14px 26px;display:flex;flex-direction:column;align-items:center;
  background:radial-gradient(circle at 12px 12px,rgba(255,255,255,.05) 4px,transparent 5px) 0 0/24px 24px,radial-gradient(120% 60% at 50% 0%,rgba(51,95,255,.26),transparent 60%),var(--fundo)}
.mr3-pub{width:100%;max-width:520px;text-align:center;margin:22px 0 0}
.mr3-pub__rot{display:block;font:400 9px/2 Arial,sans-serif;letter-spacing:4px;text-transform:uppercase;color:#8b9099;opacity:.8}
.mr3-card{margin-top:4px}
.mr3-card .mr2-corpo{padding:16px 16px 18px}
.mr3-card .mr2-barra{margin:14px 0 12px}
.mr3-card .mr2-barra span{transition:width .6s cubic-bezier(.2,.8,.2,1)}
.mr3-card .mr2-pergunta{margin:2px 0 14px;font-size:clamp(21px,5.8vw,26px)}
.mr3-grade{grid-template-columns:1fr 1fr;gap:14px}
.mr3-op{justify-content:center;text-align:center;grid-template-columns:1fr;min-height:62px}
.mr3-op .mr2-op__txt b{font-size:22px}
.mr2-op{position:relative;width:100%;border:0;font:inherit;cursor:pointer;text-align:left}
.mr3-op{text-align:center}
.mr2-op.is-sel{background:var(--verde);color:#fff!important;transform:translateY(5px);box-shadow:0 1px 0 var(--verde2)}
.mr2-op.is-sel small{color:#e6fff4}
.mr2-op.is-sel .mr2-op__emoji{background:rgba(255,255,255,.18);box-shadow:none}
.mr3-card.is-ocupado .mr2-op{pointer-events:none}
.mr3-fx{position:absolute;right:14px;top:-6px;font:700 18px/1 var(--disp);color:var(--ouro);text-shadow:0 2px 0 rgba(0,0,0,.35);animation:mr3Fx .9s ease-out forwards;pointer-events:none}
@keyframes mr3Fx{from{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-26px)}}
.mr3-aviso{margin:14px 0 0;text-align:center;font-size:12.5px;color:#8b9099}
.mr3-card.is-entra .mr3-tela:not([hidden]){animation:mr3Entra .35s ease-out both}
@keyframes mr3Entra{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.mr3-fim{text-align:center}
.mr3-fim__ok{margin:4px 0 2px;font:700 15px/1 var(--disp);color:#7fe0b4}
.mr3-fim__esc{margin:-6px 0 18px;color:#d6dae0;font:600 16px/1.35 var(--disp)}
.mr3-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;padding:14px 20px;border-radius:12px;background:var(--verde);color:#fff!important;text-decoration:none!important;
  font:700 21px/1.1 var(--disp);box-shadow:0 6px 0 var(--verde2);transition:transform .12s,box-shadow .12s;animation:mr3Pulsa 1.8s ease-in-out infinite}
.mr3-cta svg{width:22px;height:22px}
.mr3-cta:active{transform:translateY(5px);box-shadow:0 1px 0 var(--verde2)}
@keyframes mr3Pulsa{0%,100%{filter:none}50%{filter:brightness(1.12)}}
.mr3-carrega{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(10,12,16,.82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font:600 16px/1.2 var(--disp)}
.mr3-carrega[hidden]{display:none}
.mr3-carrega p{margin:0}
.mr3-spin{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:var(--verde);animation:mr3Gira .8s linear infinite}
@keyframes mr3Gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mr3-cta,.mr3-card.is-entra .mr3-tela:not([hidden]),.mr3-fx{animation:none}}
.mr3-card [data-tela="2"] .mr2-opcoes{gap:11px}
.mr3-card [data-tela="2"] .mr2-op{padding:10px 12px}
.mr3-card [data-tela="2"] .mr2-op__emoji{width:38px;height:38px;font-size:21px}
.mr3-card [data-tela="2"] .mr2-op__txt b{font-size:17px}
.mr3-card [data-tela="2"] .mr2-op__txt small{font-size:12.5px}