/* MU GAME 99z, lista da Arena (arena.html) no padrão do perfil: moldura com cantos, salão no evento em destaque e ouro. */
.am-fr, .gn-ar .ar-head, .arx-palco, .gn-ar .ar-sec { position: relative; isolation: isolate; border: 0 !important; border-radius: 14px;
box-shadow: 0 0 0 1px #2a5a7a, 0 0 0 4px #03070d, 0 0 0 5px rgba(42, 90, 122, .55), 0 30px 60px -30px #000 !important; }
.gn-ar .ar-head::before, .gn-ar .ar-head::after, .gn-ar .ar-sec::before, .gn-ar .ar-sec::after { content: ""; position: absolute; z-index: 2; width: 34px; height: 34px; border: 2px solid #9fe9ff; opacity: .45; pointer-events: none; }
.gn-ar .ar-head::before, .gn-ar .ar-sec::before { left: 10px; top: 10px; border-right: 0; border-bottom: 0; }
.gn-ar .ar-head::after, .gn-ar .ar-sec::after { right: 10px; bottom: 10px; border-left: 0; border-top: 0; }
.gn-ar .ar-head { padding: 22px 30px 24px; background: radial-gradient(60% 120% at 100% 0%, rgba(242, 196, 109, .1), transparent 60%), linear-gradient(180deg, #08131f, #03070d); }
.gn-ar .ar-head h1 { font: 900 48px/1 var(--f-title); letter-spacing: .015em; text-transform: uppercase; color: #fff; text-shadow: 0 2px 0 rgba(0, 0, 0, .5), 0 0 30px rgba(0, 0, 0, .8); }
.gn-ar .ar-sec { padding: 22px 24px; background: linear-gradient(180deg, #08111f, #060b15); }
.gn-ar .ar-sec-h h2 { font: 700 18px var(--f-title); letter-spacing: .07em; text-transform: uppercase; color: #eaf5ff; }
/* evento em destaque no salão */
.arx-palco { overflow: hidden; background-color: #03070d !important;
background-image: linear-gradient(90deg, rgba(3, 7, 13, .92), rgba(3, 7, 13, .5) 55%, rgba(3, 7, 13, .25)), 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%23ff8a3d%22 stop-opacity=%22.85%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff8a3d%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%23ff8a3d%22 stop-opacity=%22.7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff8a3d%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%23ff8a3d%22 stop-opacity=%22.07%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff8a3d%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%23ff8a3d%22 stop-opacity=%22.35%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff8a3d%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") !important; background-size: cover, cover !important; background-position: center, center 25% !important; }
.arx-palco::before { content: ""; position: absolute; z-index: 2; left: 12px; top: 12px; width: 46px; height: 46px; border: 2px solid #9fe9ff; border-right: 0; border-bottom: 0; opacity: .5; pointer-events: none; }
.arx-palco-tipo { align-self: flex-start; padding: 4px 12px 4px 9px; border-radius: 4px; font: 700 12.5px/1.2 var(--f-title); letter-spacing: .1em; text-transform: uppercase; color: #1a1205;
background: linear-gradient(180deg, #ffe6a8, #f2c46d 60%, #b8862b); box-shadow: 0 0 20px -4px rgba(242, 196, 109, .8); }
.arx-palco-tipo .i { color: #1a1205; }
.arx-palco-nome { font-family: var(--f-title); font-weight: 900; text-shadow: 0 2px 0 rgba(0, 0, 0, .5), 0 0 30px rgba(0, 0, 0, .8); }
.arx-palco-cta { border-radius: 8px; color: #1a1205; background: linear-gradient(180deg, #ffe6a8, #f2c46d 60%, #b8862b); box-shadow: 0 0 24px -6px rgba(242, 196, 109, .9); font-family: var(--f-title); letter-spacing: .06em; text-transform: uppercase; }
.arx-palco-premio { background: linear-gradient(180deg, rgba(20, 17, 10, .78), rgba(10, 9, 5, .88)) !important; box-shadow: inset 1px 0 0 rgba(242, 196, 109, .35); }
.arx-palco-premio .arx-palco-tr, .arx-palco-premio b { color: #ffe6a8; }
/* cartões de evento e campeões */
.ar-card, .ar-camp { border: 0 !important; border-radius: 12px !important; background: linear-gradient(180deg, #0a1424, #060b15) !important; box-shadow: inset 0 0 0 1px rgba(0, 200, 255, .16) !important; overflow: hidden; }
.ar-card::before, .ar-camp::before { content: ""; position: absolute; left: 7px; top: 7px; width: 16px; height: 16px; border: 2px solid #9fe9ff; border-right: 0; border-bottom: 0; opacity: .45; pointer-events: none; }
.ar-camp { position: relative; }
.ar-card:hover { box-shadow: inset 0 0 0 1px #9fe9ff, 0 0 26px -12px #9fe9ff !important; }
.ar-card-tipo { color: #f2c46d; font-family: var(--f-title); letter-spacing: .08em; text-transform: uppercase; }
.ar-card h3 { font: 900 22px/1.1 var(--f-title); text-transform: uppercase; color: #fff; }
.ar-camp-ico { border-radius: 50%; color: #ffe6a8; background: radial-gradient(circle at 50% 35%, #3a2a0c, #120c03); box-shadow: inset 0 0 0 1.5px rgba(242, 196, 109, .7) !important; }
.ar-camp-u { border-radius: 10px; }
.ar-rl-link { border-radius: 12px; }
@media (max-width: 760px) { .gn-ar .ar-head h1 { font-size: 32px; } .gn-ar .ar-head { padding: 18px 16px 18px; } .gn-ar .ar-sec { padding: 16px 12px; } }
/* as partes da Arena em abas */
.ah { display: grid; gap: 16px; scroll-margin-top: 12px; }
.ah-tabs { position: sticky; top: 0; z-index: 15; display: flex; gap: 4px; padding: 6px; overflow-x: auto; scrollbar-width: none; border-radius: 12px; background: rgba(5, 10, 18, .94);
box-shadow: inset 0 0 0 1px rgba(0, 200, 255, .16), 0 10px 30px -18px #000; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.ah-tabs::-webkit-scrollbar { display: none; }
.ah-tabs button { flex: 1 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 18px; border: 0; border-radius: 8px; cursor: pointer; background: none;
font: 700 13.5px var(--f-title); letter-spacing: .08em; text-transform: uppercase; color: #bcd0e4; white-space: nowrap; }
.ah-tabs button .i { width: 17px; height: 17px; color: #7f9ab5; }
.ah-tabs button:hover { color: #fff; }
.ah-tabs button.on { color: #1a1205; background: linear-gradient(180deg, #ffe6a8, #f2c46d 60%, #b8862b); box-shadow: 0 0 22px -6px rgba(242, 196, 109, .8); }
.ah-tabs button.on .i { color: #1a1205; }
.ah-tabs button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ah-pn[hidden] { display: none; }
.ah-vazio { display: none; margin: 0; padding: 40px 16px; text-align: center; font-size: 14px; color: #7f9ab5; border-radius: 12px; background: linear-gradient(180deg, #08111f, #060b15); box-shadow: inset 0 0 0 1px rgba(0, 200, 255, .14); }
.ah-pn > [hidden] + .ah-vazio { display: block; }
.ah-rl { gap: 18px; padding-bottom: 0; }
.js-rl-corpo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.rl-intro-ah { margin: 0; font-size: 14.5px; line-height: 1.55; color: #bcd0e4; }
.rl-intro-ah b { color: #ffe6a8; }
.rl-intro-ah span { color: #7f9ab5; }
.rl-niveis-d { border-radius: 12px; background: linear-gradient(180deg, #08111f, #060b15); box-shadow: inset 0 0 0 1px rgba(0, 200, 255, .14); }
.rl-niveis-d summary { cursor: pointer; padding: 14px 18px; font: 700 13.5px var(--f-title); letter-spacing: .08em; text-transform: uppercase; color: #9fe9ff; }
.rl-niveis-d .rl-nv { padding: 0 14px 14px; }
.ah-todo { justify-self: center; display: inline-flex; align-items: center; height: 44px; padding: 0 22px; border-radius: 8px; text-decoration: none; font: 700 13.5px var(--f-title); letter-spacing: .08em; text-transform: uppercase;
color: #ffe6a8; border: 1px solid rgba(242, 196, 109, .5); background: rgba(242, 196, 109, .06); }
.ah-todo:hover { color: #1a1205; background: linear-gradient(180deg, #ffe6a8, #f2c46d); }
@media (max-width: 760px) { .ah-tabs button { flex: 0 0 auto; height: 42px; padding: 0 14px; font-size: 12px; } }