/* MU GAME Hard: as páginas dos sistemas no tema claro do Hard (papel, placas brancas, linha fina, vermelho e dourado do Hard).
   Vem depois do CSS de cada módulo. As janelas do jogo (grade do inventário e do baú, a máquina) continuam escuras, como
   pequenas telas do MU dentro da página, do mesmo jeito que o Hard usa painéis escuros no Ranking. */
.gx {
  --tx-1: #141a20; --tx-2: #4a5560; --tx-3: #6b7680; --tx-4: #8d97a0;
  --line: #dde3e8; --line-soft: #e8edf1; --panel: #fff;
  --gold: #a97818; --gold-hi: #8a5f0e; --red: #d3122c; --red-hi: #d3122c; --red-lo: #a90e23; --ok: #0f9d5b;
  --f-display: "Rajdhani", "Arial Narrow", sans-serif; --f-body: "Sora", "Segoe UI", Arial, sans-serif; --f-cond: "Rajdhani", "Arial Narrow", sans-serif;
  padding: 0; color: var(--tx-2); font: 400 14px/1.6 var(--f-body);
  background: none; border: 0; box-shadow: none;
}
.gx-topo { padding: 0; margin: 0 0 18px; }
/* uma placa clara, com o recorte de canto do Hard */
.gx .gx-placa, .gx .tmu { background: #fff; border: 1px solid #dde3e8; border-radius: 0; box-shadow: 0 1px 0 #fff inset, 0 14px 30px -24px rgba(20, 26, 32, .35); }

/* ---------------------------------------------------------------- topo: NPC, título e a fala */
.gx .tmu { color: var(--tx-2); min-height: 214px;
  background: radial-gradient(34% 80% at 12% 78%, rgba(var(--tmu-c), .16), transparent 70%), linear-gradient(180deg, #ffffff, #f5f7f9); }
.gx .tmu::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, #d3122c, #d3122c 30%, rgba(211, 18, 44, 0) 70%); }
.gx .tmu::after { display: none; }
.gx .tmu-npc { min-height: 214px; background-color: transparent;
  background-image: radial-gradient(56% 46% at 50% 62%, rgba(var(--tmu-c), .18), transparent 72%); }
.gx .tmu-npc::after { width: 150px; height: 26px; margin-left: -75px; bottom: 22px; border: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(20, 26, 32, .28), rgba(20, 26, 32, 0) 70%); box-shadow: none; }
.gx .tmu-npc-nome { color: #141a20; text-shadow: none; font: 700 12px var(--f-body); letter-spacing: .02em; }
.gx .tmu-npc-nome i { color: #a90e23; font-weight: 600; }
.gx .tmu .crumbs { color: #8d97a0; font-family: var(--f-body); }
.gx .tmu .crumbs a { color: #4a5560; }
.gx .tmu .crumbs a:hover { color: #d3122c; }
.gx .tmu h1 { font: 700 38px/1 var(--f-display); letter-spacing: .04em; text-transform: uppercase; color: #141a20; background: none; -webkit-background-clip: border-box; background-clip: border-box; filter: none; }
.gx .tmu-orn { height: 22px; margin: 6px 0 10px; }
.gx .tmu-orn .e, .gx .tmu-orn .d { height: 16px; opacity: .55; filter: grayscale(1) brightness(.55); }
.gx .tmu-orn .m { width: 24px; height: 24px; filter: drop-shadow(0 2px 3px rgba(20, 26, 32, .25)); }
.gx .tmu-balao { background: #f5f7f9; border: 1px solid #dde3e8; border-left: 3px solid #d3122c; border-radius: 0; box-shadow: none; padding: 11px 15px; }
.gx .tmu-balao::before { border-right-color: #dde3e8; }
.gx .tmu-balao p { color: #4a5560; text-shadow: none; font: 400 14px/1.6 var(--f-body); }
.gx .tmu-balao b { color: #141a20; }

/* ---------------------------------------------------------------- os 5 sistemas */
.gx .sisx { gap: 10px; }
.gx .sisx-b { background: #fff; color: #141a20; border-radius: 0; min-height: 104px;
  box-shadow: inset 0 0 0 1px #dde3e8; }
.gx .sisx-b::before { background: linear-gradient(0deg, #fff 18%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0) 82%); }
.gx .sisx-art { opacity: .95; }
.gx .sisx-art img { filter: drop-shadow(0 6px 10px rgba(20, 26, 32, .25)); }
.gx .sisx-em { filter: drop-shadow(0 2px 3px rgba(20, 26, 32, .25)); }
.gx .sisx-tx b { font: 700 15px/1.1 var(--f-display); letter-spacing: .05em; text-transform: uppercase; color: #141a20; text-shadow: none; }
.gx .sisx-tx small { color: #6b7680; text-shadow: none; font-size: 11.5px; }
.gx .sisx-b:hover { box-shadow: inset 0 0 0 1px #c5cdd5, 0 12px 22px -16px rgba(20, 26, 32, .5); }
.gx .sisx-b.on { box-shadow: inset 0 0 0 1px #c5cdd5, inset 0 -3px 0 var(--c); }
.gx .sisx-b.on::after { display: none; }
.gx .sisx-b.per { --c: #a97818; } .gx .sisx-b.bau { --c: #b5661c; } .gx .sisx-b.ban { --c: #4b45c9; } .gx .sisx-b.cha { --c: #7a3fc4; } .gx .sisx-b.mkt { --c: #0f9d5b; }
.gx .sisx-b.on .sisx-tx b { color: var(--c); }

/* ---------------------------------------------------------------- botões no estilo do Hard */
.gx .bk-all, .gx .bk-go { border-radius: 0; color: #fff; background: #d3122c; box-shadow: 0 10px 20px -14px rgba(211, 18, 44, .9); font: 700 13.5px var(--f-body); letter-spacing: .02em; }
.gx .bk-all:hover:not(:disabled), .gx .bk-go:hover:not(:disabled) { background: #a90e23; }
.gx .bk-btn { border-radius: 0; color: #141a20; background: #fff; border: 1px solid #c5cdd5; }
.gx .bk-btn:hover:not(:disabled) { border-color: #141a20; }

/* ---------------------------------------------------------------- Banco de joias */
.gx .bk-status { border-radius: 0; background: #fff; border: 1px solid #dde3e8; color: #4a5560; }
.gx .bk-status b { color: #141a20; }
.gx .bk-status i { box-shadow: 0 0 0 4px rgba(15, 157, 91, .14); }
.gx .bk-aviso { border-radius: 0; border: 1px solid #f3c2ca; border-left: 3px solid #d3122c; background: #fcebee; color: #7a0a19; }
.gx .bk-aviso a { color: #a90e23; text-decoration: underline; }
.gx .bk-j { border-radius: 0; border: 1px solid #dde3e8; background: linear-gradient(180deg, #fff, #f8fafb); box-shadow: 0 12px 26px -24px rgba(20, 26, 32, .5); }
.gx .bk-j::before { content: ""; position: absolute; left: -1px; top: -1px; width: 22px; height: 3px; background: #d3122c; }
.gx .bk-j-ic { background: radial-gradient(circle at 50% 38%, #3a2a24, #120b09 72%); box-shadow: 0 0 0 3px #fff, 0 0 0 4px #dde3e8, 0 10px 18px -12px rgba(20, 26, 32, .6); }
.gx .bk-j-nm { font: 700 20px/1.1 var(--f-display); letter-spacing: .03em; text-transform: uppercase; color: #141a20; }
.gx .bk-j-num div { border-radius: 0; background: #f5f7f9; border: 1px solid #e3e8ec; }
.gx .bk-j-num b { font: 700 28px/1.05 var(--f-display); color: #a97818; }
.gx .bk-j-num .bau b { color: #141a20; }
.gx .bk-hist { border-radius: 0; background: #fff; border: 1px solid #dde3e8; }
.gx .bk-hist h2, .gx .bk-cofre-h h2 { font: 700 18px var(--f-display); letter-spacing: .05em; text-transform: uppercase; color: #141a20; }
.gx .bk-t .tp.saq, .gx .bk-t .tp.apo, .gx .bk-t .tp.tax { color: #a97818; }
.gx .bk-cofre { border-radius: 0; border: 1px solid #dde3e8; background: #fff; }
/* a grade do baú continua como janela do jogo */
.gx .bk-vault { border-radius: 0; box-shadow: 0 0 0 3px #1f272f, 0 0 0 4px #c5cdd5; }
.gx .bk-vault-msg { color: #b9a9a2; }
.gx .bk-regras .i { color: #d3122c; }
.gx .lg-l { background: #0a0505; }
.gx .bk-box { border-radius: 0; border: 1px solid #c5cdd5; background: #fff; box-shadow: 0 40px 80px -30px rgba(20, 26, 32, .6); }
.gx .bk-modal, .bk-modal.gx { padding: 16px; background: rgba(20, 26, 32, .55); }
.gx .bk-m-ic { background: radial-gradient(circle at 50% 38%, #3a2a24, #120b09 72%); }
.gx .bk-m-h h3 { font: 700 21px var(--f-display); text-transform: uppercase; letter-spacing: .03em; }
.gx .bk-x { border-radius: 0; border-color: #dde3e8; }
.gx .bk-row { border-radius: 0; background: #f5f7f9; border-color: #e3e8ec; }
.gx .bk-row .vl { color: #a97818; }
.gx .bk-stp, .gx .bk-modo { border-radius: 0; border-color: #c5cdd5; }
.gx .bk-stp button { background: #f5f7f9; color: #141a20; }
.gx .bk-chips button { border-radius: 0; border-color: #c5cdd5; background: #fff; color: #4a5560; }
.gx .bk-chips button:hover { color: #141a20; border-color: #141a20; }
.gx .bk-modo button.on, .gx .bk-modo button[aria-pressed="true"] { background: #141a20; color: #fff; }
.gx .bk-msg { border-radius: 0; color: #a90e23; background: #fcebee; border: 1px solid #f3c2ca; }
.gx .bk-ok { border-radius: 0; color: #0b6b3e; background: #eaf7f0; border: 1px solid #b6e3c9; }
.gx .bk-load i, .gx .bk-m-load i { border-color: #dde3e8; border-top-color: #d3122c; }

/* ---------------------------------------------------------------- Chaos Machine Elite: palco claro, a máquina do jogo continua */
.gx .mq { --mq-tx: #141a20; --mq-tx2: #4a5560; --mq-mu: #6b7680; --mq-pn: #fff; color: #141a20; font-family: var(--f-body); }
.gx .mq-palco { border-radius: 0; border: 1px solid #dde3e8;
  background: radial-gradient(38% 60% at 17% 60%, rgba(154, 107, 255, .22), transparent 70%), radial-gradient(80% 60% at 50% 110%, rgba(169, 120, 24, .10), transparent 70%), linear-gradient(180deg, #ffffff 0%, #f3f1f8 60%, #e9e6f1 100%);
  box-shadow: 0 1px 0 #fff inset, 0 18px 40px -30px rgba(20, 26, 32, .45); }
.gx .mq-janela { filter: drop-shadow(0 22px 26px rgba(20, 26, 32, .45)); }
.gx .mq-mesa2 { box-shadow: -14px 0 30px -18px rgba(20, 26, 32, .6); }
.gx .mq-gob-nome { color: #141a20; text-shadow: none; font: 700 17px/1.1 var(--f-display); letter-spacing: .08em; text-transform: uppercase; }
.gx .mq-gob-nome i { color: #7a3fc4; text-shadow: none; }
.gx .mq-gob-nome::after { background: linear-gradient(90deg, transparent, #7a3fc4, transparent); }
.gx .mq-diz b { color: #141a20; text-shadow: none; }
.gx .mq-diz span { color: #4a5560; text-shadow: none; }
.gx .mq-res { border-radius: 0; }
.gx .mq-res[data-r="ok"] { background: #fff; border: 1px solid #e6cf9a; border-top: 3px solid #a97818; box-shadow: 0 30px 60px -30px rgba(20, 26, 32, .6); }
.gx .mq-res[data-r="falha"] { background: #fff; border: 1px solid #f3c2ca; border-top: 3px solid #d3122c; box-shadow: 0 30px 60px -30px rgba(20, 26, 32, .6); }
.gx .mq-res[data-r="ok"] h2 { color: #8a5f0e; text-shadow: none; font-family: var(--f-display); text-transform: uppercase; }
.gx .mq-res[data-r="falha"] h2 { color: #a90e23; text-shadow: none; font-family: var(--f-display); text-transform: uppercase; }
.gx .mq-res p { color: #4a5560; } .gx .mq-res p b { color: #141a20; }
.gx .mq-pn { border-radius: 0; background: #fff; border: 1px solid #dde3e8; }
.gx .mq-pn h2 { color: #141a20; font: 700 20px/1.2 var(--f-display); text-transform: uppercase; letter-spacing: .05em; }
.gx .mq-pn > p, .gx .mq-sec > p { color: #4a5560; }
.gx .mq-pn li { color: #4a5560; } .gx .mq-pn li b { color: #141a20; }
.gx .mq-feed li { color: #4a5560; }
.gx .mq-dica a, .gx .mq-pn a { color: #a90e23; }
.gx .mq-btn { border-radius: 0; border-color: #c5cdd5; background: #fff; color: #141a20; }
.gx .mq-btn:hover:not(:disabled) { background: #f5f7f9; color: #141a20; }
.gx .mq-modal { background: rgba(20, 26, 32, .55); }
.gx .mq-caixa { border-radius: 0; background: #fff; border: 1px solid #c5cdd5; color: #141a20; }
.gx .mq-caixa h2, .gx .mq-caixa h3 { color: #141a20; font-family: var(--f-display); text-transform: uppercase; }
.gx .mq-caixa p { color: #4a5560; }
.gx .mq-caixa .mq-perde, .gx .mq-caixa .mq-msg { border-radius: 0; background: #fcebee; border-color: #f3c2ca; color: #7a0a19; }
.gx .mq-toast { border-radius: 0; background: #141a20; color: #fff; border: 0; }
.gx .mq-status { border-radius: 0; background: #e8f6ef; border-color: #b9e3cc; color: #0b5e37; }
.gx .mq-status.fora { background: #fcebee; border-color: #f3c2ca; color: #7a0a19; }
.gx .mq-aviso, .gx .mq .bk-aviso { border-radius: 0; background: #fff; border: 1px solid #dde3e8; border-left: 3px solid #d3122c; color: #4a5560; }

/* ---------------------------------------------------------------- Meus itens: palco claro para o personagem, o inventário continua a janela do jogo */
.gx .iv { color: #141a20; }
.gx .iv-palco { border-radius: 0; border: 1px solid #dde3e8;
  background: radial-gradient(46% 52% at 50% 58%, rgba(var(--iv-vr), .14), transparent 72%), linear-gradient(180deg, #ffffff 0%, #f3f5f7 70%, #e9edf0 100%); }
.gx .iv-palco::after { border: 0; background: radial-gradient(50% 50% at 50% 50%, rgba(20, 26, 32, .26), rgba(20, 26, 32, 0) 70%); box-shadow: none; }
.gx .iv-ficha-p h2 { color: #141a20; text-shadow: none; font: 700 34px/1.05 var(--f-display); text-transform: uppercase; letter-spacing: .04em; }
.gx .iv-ficha-p p { color: #4a5560; }
.gx .iv-ficha-p p b { color: #141a20; }
.gx .iv-dica3d { color: #6b7680; text-shadow: none; }
.gx .iv-jan { filter: drop-shadow(0 18px 24px rgba(20, 26, 32, .4)); }
.gx .iv-aviso { border-radius: 0; background: #fff; border: 1px solid #dde3e8; border-left: 3px solid #d3122c; color: #4a5560; }
.gx .iv-aviso a { color: #a90e23; }
.gx .iv-nota { color: #6b7680; }
/* escolha do personagem: cartões brancos */
.gx .iv-pb { border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #dde3e8; filter: none; }
.gx .iv-pb:hover { filter: none; box-shadow: inset 0 0 0 1px #c5cdd5, 0 10px 20px -16px rgba(20, 26, 32, .5); }
.gx .iv-pb[aria-pressed="true"] { background: #fff; filter: none; box-shadow: inset 0 0 0 1px #c5cdd5, inset 0 -3px 0 #d3122c; }
.gx .iv-pb i { border-radius: 0; border-color: #dde3e8; background: #f5f7f9; color: #a90e23; }
.gx .iv-pb b { color: #141a20; text-shadow: none; font: 700 17px/1.1 var(--f-display); text-transform: uppercase; letter-spacing: .04em; }
.gx .iv-pb span { color: #6b7680; text-shadow: none; font: 500 12.5px/1 var(--f-body); }
.gx .iv-pb[aria-pressed="true"] b { color: #a90e23; }
/* dentro da máquina (janela do jogo) as cores claras originais */
.gx .mq-mesa2, .gx .mq-janela, .gx .mq-res .mq-it { --mq-tx: #ece3cf; --mq-tx2: #cfc2a4; --mq-mu: #9a8a6a; color: #ece3cf; }
.gx .mq-mesa2 .mq-dica { color: #cfc2a4; }
.gx .mq-mesa2 .mq-dica a { color: #ffe6a8; }
.gx .mq-status b { color: inherit; }
.gx .mq-pn { --mq-ouro: #a97818; --mq-ouro2: #8a5f0e; --mq-ouro-r: 169, 120, 24; --mq-sangue: #d3122c; }

/* ---------------------------------------------------------------- Market: praça e janelas claras; as grades de item continuam do jogo */
.gx .mc { --mc-ouro: #a97818; --mc-ouro-r: 169, 120, 24; --mc-ouro2: #8a5f0e; --mc-v: #d3122c; --mc-vr: 211, 18, 44; --mc-ex: #0f8a4a; --mc-anc: #1a6fc0; --mc-op: #3f5fbf;
  --mc-tx: #141a20; --mc-tx2: #4a5560; --mc-mu: #6b7680; --mc-pn: #fff; color: #141a20; padding-top: 0; }
.gx .mc .crumbs a { color: #4a5560; }
/* janelas: placa branca com linha fina e o traço vermelho do Hard */
.gx .mc-jan { border: 1px solid #dde3e8; border-image: none; background: #fff; padding: 14px 16px; box-shadow: 0 12px 26px -24px rgba(20, 26, 32, .5); }
.gx .mc-jan::before { content: ""; position: absolute; left: -1px; top: -1px; width: 26px; height: 3px; background: #d3122c; }
.gx .mc-jan-t { text-align: left; color: #141a20; text-shadow: none; font: 700 16px/1 var(--f-display); letter-spacing: .06em; text-transform: uppercase; }
.gx .mc-jan-t small { color: #6b7680; text-shadow: none; font: 400 12px var(--f-body); text-transform: none; letter-spacing: 0; }
.gx .mc-linha { height: 1px; margin: 12px 0; background: #e3e8ec; }
/* praça */
.gx .mc-praca { border-radius: 0; border: 1px solid #dde3e8;
  background: radial-gradient(30% 80% at 14% 78%, rgba(181, 102, 28, .14), transparent 70%), linear-gradient(180deg, #fff, #f5f7f9);
  box-shadow: 0 14px 30px -24px rgba(20, 26, 32, .35); }
.gx .mc-praca::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; z-index: 2; background: linear-gradient(90deg, #d3122c, #d3122c 30%, rgba(211, 18, 44, 0) 70%); }
.gx .mc-praca::after { display: none; }
.gx .mc-npc::after { border: 0; width: 170px; height: 30px; margin-left: -85px; background: radial-gradient(50% 50% at 50% 50%, rgba(20, 26, 32, .28), rgba(20, 26, 32, 0) 70%); box-shadow: none; }
.gx .mc-npc-nome { color: #141a20; text-shadow: none; font: 700 12px var(--f-body); }
.gx .mc-npc-nome i { color: #a90e23; }
.gx .mc-fala h1 { font: 700 40px/1 var(--f-display); letter-spacing: .05em; text-transform: uppercase; color: #141a20; background: none; -webkit-background-clip: border-box; background-clip: border-box; filter: none; }
.gx .mc-orn .e, .gx .mc-orn .d { height: 16px; opacity: .55; filter: grayscale(1) brightness(.55); }
.gx .mc-orn .m { filter: drop-shadow(0 2px 3px rgba(20, 26, 32, .25)); }
.gx .mc-balao { background: #f5f7f9; border: 1px solid #dde3e8; border-left: 3px solid #d3122c; border-radius: 0; box-shadow: none; }
.gx .mc-balao::before { border-right-color: #dde3e8; }
.gx .mc-balao p { color: #4a5560; text-shadow: none; font: 400 14px/1.6 var(--f-body); }
.gx .mc-balao b { color: #a90e23; }
.gx .mc-num { border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #dde3e8; }
.gx .mc-num b { color: #141a20; font: 700 26px/1 var(--f-display); }
.gx .mc-num span { color: #6b7680; font-family: var(--f-body); }
/* o seu banco dentro da praça */
.gx .mc-banco .mc-jan { box-shadow: none; }
.gx .mc-joia { border-radius: 0; background: #f5f7f9; box-shadow: inset 0 0 0 1px #e3e8ec; }
.gx .mc-joia b { color: #141a20; text-shadow: none; }
.gx .mc-joia span { color: #6b7680; }
.gx .mc-banco-pe a { color: #a90e23; }
/* abas, filtros e busca */
.gx .mc-aba { background: #fff; border-radius: 0; box-shadow: inset 0 0 0 1px #dde3e8; color: #4a5560; text-shadow: none; font: 700 15px var(--f-display); letter-spacing: .06em; text-transform: uppercase; }
.gx .mc-aba[aria-selected="true"], .gx .mc-aba.on { color: #141a20; box-shadow: inset 0 0 0 1px #c5cdd5, inset 0 -3px 0 #d3122c; }
.gx .mc-aba small { background: #141a20; }
.gx .mc-tipo { color: #4a5560; }
.gx .mc-tipo-i { background: #1f272f; box-shadow: none; }
.gx .mc-tipo:hover { background: #f5f7f9; color: #141a20; }
.gx .mc-tipo[aria-pressed="true"] { background: linear-gradient(90deg, #fcebee, rgba(252, 235, 238, 0)); color: #a90e23; }
.gx .mc-tg { color: #4a5560; }
.gx .mc-tg i { background: #fff; box-shadow: inset 0 0 0 1px #c5cdd5; }
.gx .mc-tg[aria-pressed="true"] i { background: #d3122c; box-shadow: none; }
.gx .mc-sel, .gx .mc-busca input, .gx .mc-preco input { border-radius: 0; background: #fff; color: #141a20; box-shadow: inset 0 0 0 1px #c5cdd5; text-shadow: none; }
.gx .mc-busca input::placeholder, .gx .mc-preco input::placeholder { color: #8d97a0; }
.gx .mc-busca .i { color: #6b7680; }
.gx .mc-limpar, .gx .mc-mais, .gx .mc-bt { border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #c5cdd5; color: #141a20; text-shadow: none; font: 700 13px var(--f-body); }
.gx .mc-limpar:hover, .gx .mc-mais:hover, .gx .mc-bt:hover { box-shadow: inset 0 0 0 1px #141a20; }
.gx .mc-novos { border-radius: 0; background: #0f9d5b; }
.gx .mc-pg { border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #c5cdd5; color: #141a20; }
.gx .mc-pg[aria-current="page"], .gx .mc-pg.on { background: #141a20; color: #fff; box-shadow: none; }
/* anúncios e lojas: cartão branco, a foto do item no espaço do inventário do jogo */
.gx .mc-an, .gx .mc-lj { border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #dde3e8, 0 10px 22px -20px rgba(20, 26, 32, .5); color: #141a20; }
.gx .mc-an:hover, .gx .mc-lj:hover { box-shadow: inset 0 0 0 1px #c5cdd5, 0 16px 28px -20px rgba(20, 26, 32, .6); }
.gx .mc-an-pic { box-shadow: inset 0 0 26px rgba(0, 0, 0, .9), 0 0 0 4px #fff; }
.gx .mc-an .mc-an-n, .gx .mc-an b { text-shadow: none; }
.gx .mc-cls { background: #f5f7f9; color: #4a5560; box-shadow: inset 0 0 0 1px #dde3e8; }
.gx .mc-lj-t { background: #141a20; color: #fff; text-shadow: none; }
.gx .mc-an.vendido::after { background: rgba(255, 255, 255, .86); color: #a90e23; }
/* janela da troca */
.gx .mc-modal { background: rgba(20, 26, 32, .6); }
.gx .mc-troca, .gx .mc-modal > div:first-child { border-radius: 0; background: #fff; box-shadow: 0 0 0 1px #c5cdd5, 0 40px 80px -30px rgba(20, 26, 32, .7); }
.gx .mc-x { filter: invert(1) brightness(.3); }
.gx .mc-palco { background: radial-gradient(50% 60% at 50% 64%, rgba(181, 102, 28, .12), transparent 72%), linear-gradient(180deg, #ffffff, #eef1f4); }
.gx .mc-palco-cls button { border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #c5cdd5; color: #4a5560; }
.gx .mc-palco-cls button[aria-pressed="true"] { background: #141a20; color: #fff; }
.gx .mc-troca-tip, .gx .mc-escolhido .mc-troca-tip { background: #f5f7f9; border-color: #e3e8ec; color: #141a20; }
.gx .mc-loja-t { background: #141a20; color: #fff; }
.gx .mc-vend-av { background: #f5f7f9; box-shadow: inset 0 0 0 1px #dde3e8; }
.gx .mc-pagar, .gx .mc-receber { border-radius: 0; background: #f5f7f9; border: 1px solid #e3e8ec; }
.gx .mc-pagar *, .gx .mc-receber * { text-shadow: none; }
.gx .mc-aceitar { border-radius: 0; background: #d3122c; color: #fff; box-shadow: 0 10px 20px -12px rgba(211, 18, 44, .8); }
.gx .mc-aceitar:hover:not(:disabled) { background: #a90e23; }
.gx .mc-aceitar.ok { background: #0f9d5b; }
.gx .mc-moeda-b button { border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #c5cdd5; color: #141a20; }
.gx .mc-moeda-b button[aria-pressed="true"] { box-shadow: inset 0 0 0 2px #d3122c; }
.gx .mc-conta div { border-radius: 0; background: #f5f7f9; box-shadow: inset 0 0 0 1px #e3e8ec; color: #4a5560; }
.gx .mc-mi { border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #dde3e8; }
.gx .mc-ir-banco { border-radius: 0; background: #eef0ff; color: #2f2a8f; box-shadow: inset 0 0 0 1px #c9c6f5; }
.gx .mc-ir-banco:hover { background: #e2e5ff; color: #2f2a8f; }
.gx .mc-toast, .gx .mc-aviso { border-radius: 0; background: #141a20; color: #fff; text-shadow: none; box-shadow: 0 16px 34px -10px rgba(20, 26, 32, .6); }
.gx .mc-vivo { border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #dde3e8; color: #4a5560; }
.gx .mc-aba { filter: none; }
.gx .mc-aba:hover { color: #141a20; }
.gx .mc-aba[aria-selected="true"] { filter: none; color: #141a20; box-shadow: inset 0 0 0 1px #c5cdd5, inset 0 -3px 0 #d3122c; }
.gx .mc-an-n { color: #141a20; text-shadow: none; font: 600 14.5px/1.25 var(--f-body); }
.gx .mc-an-n.t-exc { color: #0f8a4a; } .gx .mc-an-n.t-hi { color: #a97818; } .gx .mc-an-n.t-anc { color: #1a6fc0; }
.gx .mc-an-o { color: #3f5fbf; }
.gx .mc-an-p b { color: #141a20; font: 700 22px/1 var(--f-display); }
.gx .mc-an-p img { filter: drop-shadow(0 2px 3px rgba(20, 26, 32, .3)); }
.gx .mc-an-v { border-top-color: #e8edf1; color: #6b7680; }
.gx .mc-an-v b { color: #141a20; }
.gx .mc-vazio b { color: #141a20; font-family: var(--f-display); text-transform: uppercase; letter-spacing: .04em; }
.gx .mc-f-h { color: #6b7680; font-family: var(--f-display); }
.gx .mc-pg { color: #4a5560; }
.gx .mc-pg:hover:not(:disabled) { color: #141a20; box-shadow: inset 0 0 0 1px #141a20; }
.gx .mc-pg[aria-current="page"] { color: #fff; background: #141a20; box-shadow: none; }
.gx .mc-troca { border-radius: 0; background: #fff; box-shadow: 0 0 0 1px #c5cdd5, 0 40px 80px -30px rgba(20, 26, 32, .7); color: #141a20; }
.gx .mc { background: none; border: 0; box-shadow: none; }
/* faixa "ao vivo" do Market no claro */
.gx .mc-vivo-t { color: #0f9d5b; font-family: var(--f-display); }
.gx .mc-vivo-l p { color: #4a5560; text-shadow: none; font: 500 13.5px/38px var(--f-body); }
.gx .mc-vivo-l p b { color: #141a20; }
.gx .mc-vivo-l p .v { color: #8a5f0e; } .gx .mc-vivo-l p .c { color: #0f8a4a; } .gx .mc-vivo-l p .t-exc { color: #0f8a4a; } .gx .mc-vivo-l p .t-hi { color: #a97818; } .gx .mc-vivo-l p .t-anc { color: #1a6fc0; }
.gx .mc-vivo-l p em { color: #8d97a0; }
/* janela da troca: a ficha do item e o pagamento no claro */
.gx .mc-troca-tip .t-name { text-shadow: none; font-family: var(--f-display); font-size: 20px; letter-spacing: .03em; }
.gx .mc-troca-tip .t-nm { color: #141a20; } .gx .mc-troca-tip .t-exc { color: #0f8a4a; } .gx .mc-troca-tip .t-hi { color: #a97818; } .gx .mc-troca-tip .t-anc { color: #1a6fc0; }
.gx .mc-pagar-l span { color: #6b7680; text-shadow: none; }
.gx .mc-pagar-l b { color: #141a20; text-shadow: none; font-family: var(--f-display); }
.gx .mc-loja-t b { color: #fff; text-shadow: none; }

/* ---------------------------------------------------------------- revisão final do visual (out/2026) */
/* largura: os módulos ocupam a coluna inteira do Hard (a mesma do Ranking e da Info), sem a margem de 16px do Classic */
.gx .mc-lj-t { font: 700 14px var(--f-display); letter-spacing: .08em; text-transform: uppercase; }
.gx .mc, .gx .bk, .gx .mq, .gx .iv { width: 100% !important; }   /* o topo.css do Classic força min(1000px, 100% - 32px) com !important */
.gx .iv { max-width: none; padding-left: 0; padding-right: 0; }
.gx-topo { margin: 0 4px 18px; }
/* fontes do Hard fora das janelas do jogo (Sora no texto, Rajdhani nos títulos e números) */
.gx .mc { --mc-f: "Rajdhani", "Arial Narrow", sans-serif; --mc-fb: "Sora", "Segoe UI", Arial, sans-serif; --mc-fc: "Rajdhani", "Arial Narrow", sans-serif; }
.gx .mq { --mq-f: "Rajdhani", "Arial Narrow", sans-serif; --mq-fb: "Sora", "Segoe UI", Arial, sans-serif; --mq-fc: "Rajdhani", "Arial Narrow", sans-serif; }
.gx .iv { --iv-fb: "Sora", "Segoe UI", Arial, sans-serif; --iv-fc: "Rajdhani", "Arial Narrow", sans-serif; }
.gx .mq-mesa2, .gx .mq-janela, .gx .mq-res .mq-it { --mq-f: "Cinzel", Georgia, serif; --mq-fb: "Barlow", Tahoma, Arial, sans-serif; --mq-fc: "Barlow", "Arial Narrow", Arial, sans-serif; }
.gx .iv-jan, .gx .iv-tip, .gx .mc-grade, .gx .mc .tip, .gx .mc-troca-tip { --iv-fb: "Barlow", Tahoma, Arial, sans-serif; --iv-fc: "Barlow", "Arial Narrow", Arial, sans-serif; }
.gx .mq-pn li, .gx .mq-feed li { font-size: 13.5px; line-height: 1.6; }
.gx .mq-pn h2 { font-size: 18px; letter-spacing: .08em; }
/* NPC do topo: o modelo desce um pouco para o nome não ficar por cima da cabeça */
.gx .tmu-npc canvas { top: 30px; height: calc(100% - 30px); }
/* nomes de vendedor e de loja: tinta do Hard no lugar do dourado claro do Classic */
.gx .mc-lj-v b, .gx .mc-vend > span:last-child b { color: #141a20; text-shadow: none; font: 700 17px/1.1 var(--f-display); letter-spacing: .04em; text-transform: uppercase; }
.gx .mc-vend-av { color: #a97818; }
.gx .mc-loja-t { background: #141a20; }
.gx .mc-loja-t b { font: 700 14px var(--f-display); letter-spacing: .08em; text-transform: uppercase; }
/* janela da troca: o X no canto, quadrado e escuro como o topo do Hard, sem cobrir a faixa da loja */
.gx .mc-x { right: 0; top: 0; width: 38px; height: 38px; border-radius: 0; filter: none; background: #141a20; }
.gx .mc-x::before, .gx .mc-x::after { content: ""; position: absolute; left: 11px; right: 11px; top: 18px; height: 2px; background: #fff; transform: rotate(45deg); }
.gx .mc-x::after { transform: rotate(-45deg); }
.gx .mc-x:hover { background: #d3122c; }
.gx .mc-troca-lado { padding-top: 46px; }
/* o pedestal do personagem na troca: sombra suave no chão, sem o anel laranja */
.gx .mc-palco::after { border: 0; box-shadow: none; background: radial-gradient(50% 50% at 50% 50%, rgba(20, 26, 32, .3), rgba(20, 26, 32, 0) 70%); }
/* botões desligados: cinza do Hard (o vermelho apagado parecia rosa) */
.gx .bk-go:disabled, .gx .bk-all:disabled { opacity: 1; background: #e3e8ec; color: #8d97a0; box-shadow: none; }
.gx .bk-btn:disabled { opacity: 1; background: #f5f7f9; color: #a7b0b8; border-color: #e3e8ec; }
.gx .mc-aceitar:disabled { opacity: 1; background: #e3e8ec; color: #8d97a0; box-shadow: none; }
/* Market: aviso de venda ao vendedor (fica no topo até ele fechar) */
.gx .mc-vendeu { margin: 0 0 14px; padding: 14px 16px 12px; background: #fff; border: 1px solid #b6e3c9; border-left: 4px solid #0f9d5b; box-shadow: 0 14px 30px -24px rgba(20, 26, 32, .35); color: #4a5560; font: 400 14px/1.5 var(--f-body); }
.gx .mc-vendeu-t { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 8px; }
.gx .mc-vendeu-t b { font: 700 19px/1.1 var(--f-display); letter-spacing: .03em; text-transform: uppercase; color: #0b6b3e; }
.gx .mc-vendeu-t button { height: 32px; padding: 0 12px; cursor: pointer; border: 1px solid #c5cdd5; background: #fff; color: #141a20; font: 600 13px var(--f-body); }
.gx .mc-vendeu-t button:hover { border-color: #141a20; }
.gx .mc-vendeu ul { margin: 0 0 8px; padding: 0; list-style: none; display: grid; gap: 6px; }
.gx .mc-vendeu li { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 10px; padding: 6px 8px; background: #f5f7f9; border: 1px solid #e8edf1; }
.gx .mc-vendeu li .mc-an-pic { width: 44px; height: 44px; display: grid; place-items: center; background: #1f272f; }
.gx .mc-vendeu li .mc-an-pic img { max-width: 38px; max-height: 38px; object-fit: contain; }
.gx .mc-vendeu li b { color: #141a20; }
.gx .mc-vendeu p { margin: 0; font-size: 13px; color: #6b7680; }
.gx .mc-vendeu a { color: #a90e23; text-decoration: underline; }