/* MU GAME Hard: tokens da página Rankings e do quadro Ranking de guilds da página inicial.
   O rk.css e o gr.css já chegam com as cores do Hard (arena_sync/converte.py); aqui ficam as variáveis e o acabamento. */
.rkh, .kx {
  --tx: #eef2f5; --tx-2: #bcc6cf; --tx-3: #8794a0; --tx-4: #5f6c78; --line: rgba(150, 172, 194, .16); --line-2: rgba(150, 172, 194, .28);
  --gold: #f0c76b; --gold-hi: #f6dc9a; --f-display: "Rajdhani", "Arial Narrow", sans-serif; --f-body: "Sora", "Segoe UI", Arial, sans-serif; --f-cond: "Rajdhani", "Arial Narrow", sans-serif;
  --ease: cubic-bezier(.2, .7, .2, 1); --r: 0px;
  --ice: #f0c76b; --ice-2: #b98432; --azure: #3c8dff; --violet: #a594ff; --fire: #ff7a45; --teal: #3fd98a; --rose: #ff4a3d;
  font-family: var(--f-body); color: var(--tx-2);
}
.rkh *, .rkh *::before, .rkh *::after, .kx *, .kx *::before, .kx *::after { box-sizing: border-box; }
.rkh, .rkh [data-cor="ice"] { --ac: #f0c76b; --acr: 240, 199, 107; --ac2: #b98432; }
.rkh [data-cor="gold"] { --ac: #f6dc9a; --acr: 246, 220, 154; --ac2: #f0c76b; }
.rkh [data-cor="violet"] { --ac: #ff4d63; --acr: 255, 77, 99; --ac2: #d3122c; }
.rkh .i, .kx .i { width: 16px; height: 16px; flex: none; display: inline-block; vertical-align: middle; }
.rkh .i-sm, .kx .i-sm { width: 13px; height: 13px; }
.rkh button, .rkh a, .kx button, .kx a { font-family: inherit; }
.rkh { margin: 0 0 30px; }
.rkh-portal { border-radius: var(--r, 8px); }
.rkh-p-nome { font-weight: 700; font-size: 28px; letter-spacing: .04em; text-transform: uppercase; }
.rkh-corpo { border-radius: var(--r, 8px); }
.rkh-cab h2 { font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.rkh-cta-ouro { color: #12181f; }
/* página inicial: o pane claro do Hard leva o quadro escuro dentro, como o Hall da Fama */
.pane.kx.gr { color: inherit; font-family: inherit; }
.pane.kx.gr .gr-in { margin: 4px 0 0; color: var(--tx-2); font-family: var(--f-body); background: linear-gradient(180deg, #121920, #0d1217); }
.pane.kx.gr .gr-in .card-f { border-top-color: rgba(150, 172, 194, .16); }
.kx-per { padding: 12px 16px 0; font: 700 11px var(--f-cond); letter-spacing: 1.4px; text-transform: uppercase; color: var(--tx-3); }
.kx .card-f { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--line); font-size: 12px; color: var(--tx-3); }
.kx .card-f b { color: var(--tx); margin-left: 4px; }
.kx.gr .gr-nm { font-weight: 700; }
/* a coluna do meio do Hard é mais estreita: portais e menu mais compactos */
.rkh-portais { gap: 10px; }
.rkh-portal { min-height: 188px; padding: 16px 14px 14px; }
.rkh-p-nome { font-size: 22px; padding-right: 40px; }
.rkh-p-art { width: 36px; height: 36px; right: 10px; top: 12px; }
.rkh-p-txt { font-size: 12px; padding-right: 0; }
.rkh-corpo { grid-template-columns: 172px 1fr; }
.rkh-dir { padding: 18px 16px 22px; }
.rkh-cab h2 { font-size: 26px; }

/* links: as regras de link do site não mudam a cor do sistema */
.rkh a:link, .rkh a:visited, .rkh a:hover, .rkh a:active, .kx a:link, .kx a:visited, .kx a:hover, .kx a:active { text-decoration: none; text-shadow: none; }
.rkh a.rkh-pd { color: var(--tx); }
.rkh a.rkh-l-n { color: var(--tx); font-weight: 600; } .rkh a.rkh-l-n:hover { color: var(--ac); }
.rkh a.rkh-cta-ouro { color: #12181f; }
.kx a.gr-nm, .kx .gr-l-t > a { color: var(--tx); } .kx a.gr-nm:hover, .kx .gr-l-t > a:hover { color: var(--gold); }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .rkh *, .kx * { transition: none !important; animation: none !important; } }

/* 08/11: página de rankings sem o menu do lado, com a largura toda (como nos outros sites) */
.body.rk-full { grid-template-columns: minmax(0, 1fr); }