/* MU GAME Easy: variáveis usadas pelos sistemas vindos do MU GAME Classic (baú virtual, banco, Arena, perfil,
   Minhas compras, baú de prêmio e shop com personagem). Mesmos nomes do Classic com --m- na frente, paleta do Easy. */
:root {
  --m-ink-0: #050911;
  --m-ink-1: #08101c;
  --m-ink-2: #0b1422;
  --m-ink-3: #101c2e;
  --m-red: #ff4d73;
  --m-red-hi: #ff6f8e;
  --m-red-lo: #8e1532;
  --m-ember: #ff8f57;
  --m-gold: #7cf0ff;
  --m-gold-hi: #c4f9ff;
  --m-silver: #cdd6e2;
  --m-bronze: #cf8c5c;
  --m-ok: #3ee39b;
  --m-tx-1: #eaf3ff;
  --m-tx-2: #aebdd3;
  --m-tx-3: #7a8aa5;
  --m-tx-4: #56647c;
  --m-line: rgba(140, 196, 255, .14);
  --m-line-soft: rgba(255, 255, 255, .055);
  --m-panel: linear-gradient(180deg, #0d1828 0%, #09111e 100%);
  --m-f-display: "Rajdhani", "Arial Narrow", sans-serif;
  --m-f-body: "Sora", "Segoe UI", Arial, sans-serif;
  --m-f-cond: "Rajdhani", "Arial Narrow", sans-serif;
  --m-r: 12px;
  --m-ease: cubic-bezier(.2, .7, .2, 1);
}
/* páginas largas (sem a coluna da esquerda): o Semantic UI deixa o body com a altura da tela */
html body.ez-mod { height: auto; min-height: 100%; }
body.ez-mod .main { display: block; }
body.ez-mod [hidden] { display: none !important; }
/* largura fixa, igual ao topo e ao rodapé do site */
body.ez-mod .main { width: var(--site); margin: 0 auto; }
@media (max-width: 1020px) { .rsp.ez-mod .main { width: auto; margin: 0 10px; } }
@media (max-width: 980px) { .rsp.ez-mod .main { margin: 0 16px; } }
body.ez-mod .bv-baus { grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); }

/* página "Em breve" (fase_easy.json) */
.ez-embreve { display: flex; gap: 18px; align-items: flex-start; padding: 26px 28px; margin: 6px 0 24px; }
.ez-embreve > .i { width: 34px; height: 34px; flex: none; color: #7cf0ff; margin-top: 2px; }
.ez-embreve b { display: block; font-size: 20px; color: #fff; margin-bottom: 4px; }
.ez-embreve p { margin: 0 0 14px; color: rgba(230, 240, 255, .75); line-height: 1.55; }