/* MU GAME Easy, ranking de lutadores da Arena: pódio com a foto 3D sobre a cor do nível e uma linha por lutador na cor do nível. */
.rl { display: grid; grid-template-columns: minmax(0, 1fr); gap: 26px; padding-bottom: 30px; color: #eaf5ff; }
.rl .i { width: 16px; height: 16px; flex: none; }
.rl > *, .rl-tab > *, .js-rl-corpo > * { min-width: 0; }
.js-rl-corpo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 26px; }
.js-rl-corpo[hidden] { display: none; }
.rl-tab { display: grid; gap: 12px; }
.rl-intro { display: grid; gap: 8px; }
.rl-intro h1 { margin: 0; font: 800 34px/1.1 var(--f-title, inherit); color: #fff; }
.rl-intro p { margin: 0; max-width: 72ch; font-size: 15px; line-height: 1.55; color: #bcd0e4; }
.rl-intro p b { color: #fff; }

/* pódio: 2º, 1º e 3º */
.rl-podio { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) minmax(0, 1fr); align-items: end; gap: 14px; }
.rl-podio .ac-card { padding-top: 12px; }
.rl-podio .ac-palco { height: 230px; }
.rl-podio .p1 .ac-palco { height: 290px; }
.rl-podio .p1 { box-shadow: 0 0 0 1px var(--nv2), 0 0 40px -14px var(--nv); }
.rl-pos { position: absolute; z-index: 1; left: 12px; top: 10px; font: 900 44px/1 var(--f-title, inherit); color: rgba(255, 255, 255, .92); text-shadow: 0 2px 0 rgba(0, 0, 0, .5), 0 0 22px var(--nv); }
.rl-pos small { font-size: 20px; vertical-align: top; }
.p1 .rl-pos { font-size: 58px; }

/* barra de busca e filtro por nível */
.rl-barra { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; justify-content: space-between; }
.rl-busca { position: relative; flex: 0 1 280px; }
.rl-busca input { width: 100%; height: 40px; padding: 0 12px 0 36px; border-radius: 8px; border: 1px solid rgba(124, 240, 255, .2); background: #070d18; color: #eaf5ff; font: inherit; font-size: 14px; }
.rl-busca input:focus { outline: 0; border-color: #7cf0ff; box-shadow: 0 0 0 3px rgba(124, 240, 255, .18); }
.rl-busca .i { position: absolute; left: 11px; top: 12px; color: #7f9ab5; }
.rl-fil { display: flex; flex-wrap: wrap; gap: 6px; }
.rl-fil button { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 11px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .1); background: #070d18; color: #bcd0e4; font: 700 12.5px var(--f-body, inherit); cursor: pointer; }
.rl-fil button i { width: 9px; height: 9px; border-radius: 50%; background: var(--nv); box-shadow: 0 0 8px var(--nv); }
.rl-fil button.n10 i { background: conic-gradient(#ff6b6b, #ffcc33, #49d77f, #2fb6ff, #9b7dff, #e05cf5, #ff6b6b); }
.rl-fil button[aria-pressed="true"] { border-color: var(--nv, #7cf0ff); color: #fff; background: rgba(var(--nvr, 0, 200, 255), .16); }
.rl-fil button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* lista: uma linha por lutador, na cor do nível */
.rl-cab, .rl-lin { display: grid; grid-template-columns: 52px minmax(0, 1.6fr) 196px 76px 70px minmax(110px, .9fr) 60px 124px; align-items: center; gap: 12px; }
.rl-cab { padding: 0 16px 8px 20px; font-size: 11.5px; color: #7f9ab5; border-bottom: 1px solid rgba(124, 240, 255, .14); }
.rl-cab span:nth-child(n+4) { text-align: center; }
.rl-lista { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.rl-lin { position: relative; min-height: 66px; padding: 9px 16px 9px 20px; border-radius: 10px; overflow: hidden;
  background: linear-gradient(90deg, rgba(var(--nvr), .2), rgba(var(--nvr), .05) 38%, transparent 70%), #08101c; border: 1px solid rgba(var(--nvr), .28); }
.rl-lin::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, var(--nv2), var(--nv)); box-shadow: 0 0 14px var(--nv); }
.rl-lin.n10::before { background: linear-gradient(180deg, #ff6b6b, #ffcc33, #49d77f, #2fb6ff, #9b7dff, #e05cf5); }
.rl-lin.n10 { border-color: rgba(224, 92, 245, .5); background: linear-gradient(90deg, rgba(224, 92, 245, .2), rgba(47, 182, 255, .08) 40%, transparent 70%), #08101c; }
.rl-lin:hover { border-color: rgba(var(--nvr), .6); }
.rl-n { font: 900 22px/1 var(--f-title, inherit); color: var(--nv2); text-align: center; }
.rl-quem { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; min-width: 0; }
.rl-quem .ac-cls { width: 40px; height: 40px; }
.rl-quem .ac-cls .i { width: 18px; height: 18px; }
.rl-nm { display: grid; gap: 3px; min-width: 0; }
.rl-nm a, .rl-nm b { font: 800 16px/1.15 var(--f-title, inherit); color: #fff; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rl-nm a:hover { color: var(--nv2); }
.rl-nm small { font-size: 12px; color: #7f9ab5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rl-nm small em { font-style: normal; color: #f2c46d; }
.rl-v { text-align: center; font: 800 16px/1 var(--f-title, inherit); color: #fff; white-space: nowrap; }
.rl-v small { display: block; margin-top: 3px; font: 600 11px var(--f-body, inherit); color: #7f9ab5; }
.rl-v.pts { color: #ffe6a8; }
.rl-v .sobe { color: #5ef08f; }
.rl-v .cai { color: #ff6b6b; }
.rl-wr { display: grid; gap: 5px; }
.rl-wr span:first-child { display: flex; justify-content: space-between; font-size: 12px; color: #bcd0e4; }
.rl-wr span:first-child b { font: 800 14px/1 var(--f-title, inherit); color: #fff; }
.rl-lin .ac-tag { justify-self: start; }
.rl-lin .ac-cqm { flex-wrap: nowrap; justify-content: flex-end; min-height: 0; }
.rl-lin .ac-md { width: 26px; height: 26px; }
.rl-lin .ac-md .i { width: 13px; height: 13px; }
.rl-mais { justify-self: center; height: 40px; padding: 0 22px; border-radius: 8px; border: 1px solid rgba(124, 240, 255, .3); background: #0a1424; color: #eaf5ff; font: 700 14px var(--f-body, inherit); cursor: pointer; }
.rl-mais:hover { border-color: #7cf0ff; }
.rl-vazio, .rl-load { padding: 30px 16px; text-align: center; font-size: 14px; color: #7f9ab5; }

/* escada dos níveis */
.rl-niveis { display: grid; gap: 12px; }
.rl-niveis h2 { margin: 0; font: 700 18px var(--f-title, inherit); color: #eaf5ff; }
.rl-niveis > p { margin: 0; font-size: 13.5px; color: #7f9ab5; }
.rl-nv { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.rl-nv li { display: grid; gap: 6px; align-content: start; padding: 12px; border-radius: 10px; background: linear-gradient(180deg, rgba(var(--nvr), .16), transparent 70%), #070d18; border: 1px solid rgba(var(--nvr), .35); }
.rl-nv li > b { display: flex; align-items: center; gap: 8px; font: 800 14px var(--f-title, inherit); color: var(--nv2); }
.rl-nv li > b span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; font-size: 13px; color: var(--nv3); background: linear-gradient(160deg, var(--nv2), var(--nv)); }
.rl-nv li.n10 > b span { color: #fff; text-shadow: 0 1px 2px #000; background: conic-gradient(#ff6b6b, #ffcc33, #49d77f, #2fb6ff, #9b7dff, #e05cf5, #ff6b6b); }
.rl-nv li small { font-size: 12.5px; line-height: 1.4; color: #bcd0e4; }
.rl-nv li em { font-style: normal; font-size: 11.5px; color: #7f9ab5; }
.rl-pe { margin: 0; font-size: 12.5px; color: #4b6580; }

@media (max-width: 1000px) {
  .rl-cab { display: none; }
  .rl-lin { grid-template-columns: 40px minmax(0, 1fr) auto; grid-template-areas: "n quem pts" "n tag nota" "n wr wr" "n md md"; gap: 8px 12px; padding: 12px 14px 12px 18px; }
  .rl-n { grid-area: n; align-self: start; padding-top: 10px; font-size: 20px; }
  .rl-quem { grid-area: quem; }
  .rl-lin .ac-tag { grid-area: tag; }
  .rl-v.pts { grid-area: pts; }
  .rl-v.nota { grid-area: nota; }
  .rl-v.tit { display: none; }
  .rl-wr { grid-area: wr; }
  .rl-lin .ac-cqm { grid-area: md; justify-content: flex-start; }
  .rl-lin .ac-cqm:empty { display: none; }
  .rl-v { text-align: right; }
  .rl-nv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .rl-intro h1 { font-size: 27px; }
  .rl-podio { grid-template-columns: 1fr 1fr; }
  .rl-podio .p1 { grid-column: 1 / -1; order: -1; }
  .rl-podio .ac-palco { height: 170px; }
  .rl-podio .p1 .ac-palco { height: 230px; }
  .rl-podio .ac-card:not(.p1) .ac-nums div:last-child { display: none; }
  .rl-podio .ac-card:not(.p1) .ac-nums { grid-template-columns: 1fr 1fr; }
  .rl-podio .ac-card:not(.p1) .ac-seq, .rl-podio .ac-card:not(.p1) .ac-cls { display: none; }
  .rl-podio .ac-card:not(.p1) .ac-cab { grid-template-columns: minmax(0, 1fr); }
  .rl-busca { flex-basis: 100%; }
  .rl-fil { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .rl-fil button { flex: none; }
}
@media (max-width: 700px) { .rl-podio .ac-card:not(.p1) .ac-pe span:last-child { display: none; } }

/* pódio no salão do perfil */
.rl-podio { position: relative; isolation: isolate; padding: 34px 26px 26px; border-radius: 14px; background-color: #03070d;
  background-image: linear-gradient(180deg, rgba(3, 7, 13, .45), rgba(3, 7, 13, .15) 40%, #03070d), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 960 720%22 preserveAspectRatio=%22xMidYMid slice%22%3E %3Cdefs%3E %3ClinearGradient id=%22dlParede%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2303070d%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%2308131f%22/%3E%3Cstop offset=%221%22 stop-color=%22%23050a11%22/%3E%3C/linearGradient%3E %3CradialGradient id=%22dlRosa%22 cx=%22.5%22 cy=%22.5%22 r=%22.5%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffffff%22 stop-opacity=%22.95%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%234fc3ff%22 stop-opacity=%22.85%22/%3E%3Cstop offset=%221%22 stop-color=%22%234fc3ff%22 stop-opacity=%22.15%22/%3E%3C/radialGradient%3E %3ClinearGradient id=%22dlVidro%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%234fc3ff%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%221%22 stop-color=%22%234fc3ff%22 stop-opacity=%22.05%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22dlRaio%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffffff%22 stop-opacity=%22.2%22/%3E%3Cstop offset=%22.6%22 stop-color=%22%234fc3ff%22 stop-opacity=%22.07%22/%3E%3Cstop offset=%221%22 stop-color=%22%234fc3ff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22dlColuna%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%2302050a%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%2316263a%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%230d1828%22/%3E%3Cstop offset=%221%22 stop-color=%22%2302050a%22/%3E%3C/linearGradient%3E %3ClinearGradient id=%22dlPiso%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%230b1726%22/%3E%3Cstop offset=%221%22 stop-color=%22%2302050a%22/%3E%3C/linearGradient%3E %3CradialGradient id=%22dlLuzPiso%22 cx=%22.5%22 cy=%22.5%22 r=%22.5%22%3E%3Cstop offset=%220%22 stop-color=%22%234fc3ff%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%221%22 stop-color=%22%234fc3ff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E %3Cpattern id=%22dlGrade%22 width=%2216%22 height=%2224%22 patternUnits=%22userSpaceOnUse%22%3E%3Cpath d=%22M0 12h16M8 0v24%22 stroke=%22%2302060b%22 stroke-width=%222%22/%3E%3C/pattern%3E %3Cg id=%22dlCol%22%3E%3Crect x=%22-1%22 y=%220%22 width=%222%22 height=%221%22 fill=%22url(%23dlColuna)%22/%3E%3C/g%3E %3C/defs%3E %3Crect width=%22960%22 height=%22720%22 fill=%22url(%23dlParede)%22/%3E %3Cg class=%22am-rosa%22%3E%3Ccircle cx=%22480%22 cy=%22170%22 r=%22122%22 fill=%22%2302060c%22/%3E%3Ccircle cx=%22480%22 cy=%22170%22 r=%22112%22 fill=%22url(%23dlRosa)%22/%3E %3Cg stroke=%22%2302060c%22 stroke-width=%225%22 fill=%22none%22%3E%3Ccircle cx=%22480%22 cy=%22170%22 r=%22112%22/%3E%3Ccircle cx=%22480%22 cy=%22170%22 r=%2274%22/%3E%3Ccircle cx=%22480%22 cy=%22170%22 r=%2230%22/%3E %3Cpath d=%22M480 58V282M368 170H592M401 91L559 249M559 91L401 249M437 66L523 274M523 66L437 274M376 127L584 213M584 127L376 213%22/%3E%3C/g%3E %3Cg fill=%22none%22 stroke=%22%2302060c%22 stroke-width=%223%22%3E%3Ccircle cx=%22480%22 cy=%2296%22 r=%2214%22/%3E%3Ccircle cx=%22480%22 cy=%22244%22 r=%2214%22/%3E%3Ccircle cx=%22406%22 cy=%22170%22 r=%2214%22/%3E%3Ccircle cx=%22554%22 cy=%22170%22 r=%2214%22/%3E%3Ccircle cx=%22428%22 cy=%22118%22 r=%2214%22/%3E%3Ccircle cx=%22532%22 cy=%22222%22 r=%2214%22/%3E%3Ccircle cx=%22532%22 cy=%22118%22 r=%2214%22/%3E%3Ccircle cx=%22428%22 cy=%22222%22 r=%2214%22/%3E%3C/g%3E%3C/g%3E %3Cg class=%22am-lancetas%22%3E %3Cg transform=%22translate(232 120)%22%3E%3Cpath d=%22M0 300V70Q0 0 45 -30Q90 0 90 70V300Z%22 fill=%22url(%23dlVidro)%22/%3E%3Cpath d=%22M0 300V70Q0 0 45 -30Q90 0 90 70V300Z%22 fill=%22url(%23dlGrade)%22/%3E%3Cpath d=%22M0 300V70Q0 0 45 -30Q90 0 90 70V300%22 fill=%22none%22 stroke=%22%2302060c%22 stroke-width=%226%22/%3E%3C/g%3E %3Cg transform=%22translate(638 120)%22%3E%3Cpath d=%22M0 300V70Q0 0 45 -30Q90 0 90 70V300Z%22 fill=%22url(%23dlVidro)%22/%3E%3Cpath d=%22M0 300V70Q0 0 45 -30Q90 0 90 70V300Z%22 fill=%22url(%23dlGrade)%22/%3E%3Cpath d=%22M0 300V70Q0 0 45 -30Q90 0 90 70V300%22 fill=%22none%22 stroke=%22%2302060c%22 stroke-width=%226%22/%3E%3C/g%3E %3C/g%3E %3Cg class=%22am-raios%22%3E%3Cpath d=%22M440 60L250 720H710L520 60Z%22 fill=%22url(%23dlRaio)%22/%3E%3Cpath d=%22M262 110L150 720H360L298 110Z%22 fill=%22url(%23dlRaio)%22 opacity=%22.7%22/%3E%3Cpath d=%22M662 110L600 720H810L698 110Z%22 fill=%22url(%23dlRaio)%22 opacity=%22.7%22/%3E%3C/g%3E %3Cg class=%22am-colunas%22%3E %3Cg%3E%3Crect x=%22330%22 y=%2240%22 width=%2226%22 height=%22520%22 fill=%22url(%23dlColuna)%22/%3E%3Crect x=%22322%22 y=%2240%22 width=%2242%22 height=%2214%22 fill=%22%230f1c2c%22/%3E%3Crect x=%22322%22 y=%22548%22 width=%2242%22 height=%2212%22 fill=%22%230f1c2c%22/%3E%3C/g%3E %3Cg%3E%3Crect x=%22604%22 y=%2240%22 width=%2226%22 height=%22520%22 fill=%22url(%23dlColuna)%22/%3E%3Crect x=%22596%22 y=%2240%22 width=%2242%22 height=%2214%22 fill=%22%230f1c2c%22/%3E%3Crect x=%22596%22 y=%22548%22 width=%2242%22 height=%2212%22 fill=%22%230f1c2c%22/%3E%3C/g%3E %3Cg%3E%3Crect x=%22170%22 y=%220%22 width=%2244%22 height=%22590%22 fill=%22url(%23dlColuna)%22/%3E%3Crect x=%22158%22 y=%220%22 width=%2268%22 height=%2224%22 fill=%22%230f1c2c%22/%3E%3Crect x=%22158%22 y=%22572%22 width=%2268%22 height=%2218%22 fill=%22%230f1c2c%22/%3E%3C/g%3E %3Cg%3E%3Crect x=%22746%22 y=%220%22 width=%2244%22 height=%22590%22 fill=%22url(%23dlColuna)%22/%3E%3Crect x=%22734%22 y=%220%22 width=%2268%22 height=%2224%22 fill=%22%230f1c2c%22/%3E%3Crect x=%22734%22 y=%22572%22 width=%2268%22 height=%2218%22 fill=%22%230f1c2c%22/%3E%3C/g%3E %3Cg%3E%3Crect x=%22-10%22 y=%220%22 width=%2280%22 height=%22720%22 fill=%22url(%23dlColuna)%22/%3E%3Crect x=%22890%22 y=%220%22 width=%2280%22 height=%22720%22 fill=%22url(%23dlColuna)%22/%3E%3C/g%3E %3C/g%3E %3Cg class=%22am-chao%22%3E%3Cpath d=%22M0 556H960V720H0Z%22 fill=%22url(%23dlPiso)%22/%3E%3Cpath d=%22M0 556H960%22 stroke=%22%231b3a55%22 stroke-width=%222%22/%3E %3Cg stroke=%22%2313283d%22 stroke-width=%221.3%22 fill=%22none%22 opacity=%22.9%22%3E%3Cpath d=%22M480 556L-400 720M480 556L-90 720M480 556L190 720M480 556L480 720M480 556L770 720M480 556L1050 720M480 556L1360 720%22/%3E%3Cpath d=%22M-100 578H1060M-200 610H1160M-300 660H1260%22/%3E%3C/g%3E %3Cellipse cx=%22480%22 cy=%22640%22 rx=%22420%22 ry=%2290%22 fill=%22url(%23dlLuzPiso)%22/%3E%3C/g%3E %3C/svg%3E"); background-size: cover, cover; background-position: center, center 20%;
  box-shadow: 0 0 0 1px #1f5f73, 0 0 0 4px #03070d, 0 0 0 5px rgba(31, 95, 115, .55), 0 30px 60px -30px #000; }
.rl-podio::before, .rl-podio::after { content: ""; position: absolute; z-index: 2; width: 46px; height: 46px; border: 2px solid #c9f9ff; opacity: .5; pointer-events: none; }
.rl-podio::before { left: 12px; top: 12px; border-right: 0; border-bottom: 0; }
.rl-podio::after { right: 12px; bottom: 12px; border-left: 0; border-top: 0; }
.rl-podio[hidden] { display: none; }
.gn-ar .rl-intro h1 { font: 900 44px/1 var(--f-title); text-transform: uppercase; letter-spacing: .015em; }
.rl-niveis h2, .rl-cab { font-family: var(--f-title); }
.rl-niveis h2 { letter-spacing: .07em; text-transform: uppercase; }
@media (max-width: 700px) { .rl-podio { padding: 22px 10px 14px; } .gn-ar .rl-intro h1 { font-size: 30px; } }
@media (max-width: 700px) { .rl-podio .ac-card:not(.p1) .ac-nums dd small { display: none; } }