/* MU GAME Easy: assets/classic/arena/arena-home.css do Classic com as cores do Easy (sistemas_easy.py) */
/* MU GAME Classic, ranking de vitórias da Arena na página inicial (mesmo visual dos rankings da home) */
.ar-home[hidden] { display: none; }
.arh-wrap { font-family: Inter, sans-serif; border-radius: 10px; overflow: hidden; border: 1px solid rgba(91, 212, 230, .3); margin-bottom: 26px; }
.arh-head { display: flex; align-items: center; gap: 9px; padding: 11px 13px; background: linear-gradient(90deg, rgba(91, 212, 230, .16), transparent); border-bottom: 1px solid rgba(91, 212, 230, .28); }
.arh-ico { font-size: 16px; line-height: 1; }
.arh-tit { font-size: 13px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; color: #fff; }
.arh-t { width: 100%; border-collapse: collapse; font-size: 14px; color: rgba(230, 243, 255, .85); }
.arh-t thead tr { background: rgba(91, 212, 230, .1); border-bottom: 1px solid rgba(91, 212, 230, .25); }
.arh-t th { padding: 8px 10px; text-align: left; font-size: 11px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; color: rgba(142, 234, 249, .9); }
.arh-t th:first-child, .arh-t td:first-child { width: 44px; text-align: center; }
.arh-t th:last-child, .arh-t td:last-child { text-align: right; padding-right: 16px; }
.arh-t tbody tr { border-bottom: 1px solid rgba(255, 255, 255, .04); }
.arh-t tbody tr:nth-child(1) { background: rgba(91, 212, 230, .12); }
.arh-t td { padding: 9px 10px; }
.arh-t td a { font-weight: 700; color: #fff; text-decoration: none; }
.arh-t td a:hover { color: #8eeaf9; text-decoration: underline; text-underline-offset: 3px; }
.arh-t td small { display: block; font-size: 12px; color: rgba(200, 223, 245, .5); }
.arh-t td b { font-size: 17px; font-weight: 800; color: #8eeaf9; }
.arh-med { font-size: 17px; line-height: 1; }
.arh-pos { font-size: 13px; font-weight: 800; color: rgba(230, 243, 255, .45); }
.arh-mais { display: block; padding: 11px 13px; text-align: center; font-size: 13px; font-weight: 700; color: #8eeaf9; text-decoration: none; background: rgba(91, 212, 230, .05); border-top: 1px solid rgba(255, 255, 255, .05); }
.arh-mais:hover { color: #fff; background: rgba(91, 212, 230, .1); }

/* Classic: a tabela fica dentro de um card do site */
.ar-home .arh-wrap { margin-bottom: 0; border-radius: 10px; }