/* MU GAME Classic: 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 Classic (arena_sync/converte.py); aqui ficam as variáveis e o acabamento. */
.rkh, .kx {
  --tx: var(--tx-1, #f3e9e6); --line-2: rgba(255, 110, 95, .24);
  --ice: #e3b45e; --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: #e3b45e; --acr: 227, 180, 94; --ac2: #b98432; }
.rkh [data-cor="gold"] { --ac: #f6d391; --acr: 246, 211, 145; --ac2: #e3b45e; }
.rkh [data-cor="violet"] { --ac: #ff8a80; --acr: 255, 138, 128; --ac2: #e0252c; }
.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: 26px; letter-spacing: .02em; }
.rkh-corpo { border-radius: var(--r, 8px); }
.rkh-cab h2 { font-weight: 700; letter-spacing: .02em; }
.rkh-cta-ouro { color: #2a1806; }
/* página inicial: o quadro fica dentro do card do Classic */
.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; }
/* 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: #2a1806; }
.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; } }