/* MU GAME Hard: páginas largas e escuras (baú de guild, Arena, hall da fama, perfil).
   As variáveis --m-* são as que o CSS dos módulos usa (vindo do Classic com as cores do Hard). */
:root {
  --m-ink-0: #070a0d;
  --m-ink-1: #0b0f13;
  --m-ink-2: #10161c;
  --m-ink-3: #161e26;
  --m-red: #d3122c;
  --m-red-hi: #ff4d63;
  --m-red-lo: #8e0f20;
  --m-ember: #ff7a45;
  --m-gold: #f0c76b;
  --m-gold-hi: #f6dc9a;
  --m-silver: #cfd6dd;
  --m-bronze: #cf8c5c;
  --m-ok: #3fd98a;
  --m-tx-1: #eef2f5;
  --m-tx-2: #bcc6cf;
  --m-tx-3: #8794a0;
  --m-tx-4: #5f6c78;
  --m-line: rgba(150, 172, 194, .16);
  --m-line-soft: rgba(255, 255, 255, .055);
  --m-panel: linear-gradient(180deg, #121920 0%, #0d1217 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: 0px;
  --m-ease: cubic-bezier(.2, .7, .2, 1);
}
body.hd-modpg { background-color: #0b0f13; color: var(--m-tx-2); font-family: var(--m-f-body);
  background-image: radial-gradient(circle, rgba(255, 255, 255, .05) 1px, transparent 1.3px), linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 16px 16px, 96px 96px, 96px 96px; }
body.hd-modpg .site { padding-top: 26px; }
.hd-wide { display: block; min-height: 58vh; padding-bottom: 30px; }
.hd-wide h1 { font-family: var(--m-f-display); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.hd-wide h2, .hd-wide h3 { font-family: var(--m-f-display); font-weight: 600; letter-spacing: .03em; }
.hd-wide button, .hd-wide input, .hd-wide select, .hd-wide textarea { font-family: var(--m-f-body); }
.hd-wide a { color: inherit; }
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 6px; font-size: 12.5px; color: var(--m-tx-3); }
.crumbs a { color: var(--m-tx-3); text-decoration: none; }
.crumbs a:hover { color: var(--m-tx-1); }
.crumbs .i { width: 12px; height: 12px; opacity: .6; }
.hd-wide [hidden] { display: none !important; }
.hd-wide .i { width: 18px; height: 18px; }
.hd-wide .i-sm { width: 14px; height: 14px; }