/* Arena — cromo por cima do mapa V4 (mapa.css): menus laterais com a foto do X de cada pessoa, título no centro, áreas em comum embaixo do título. */
.arena-side{position:fixed;top:64px;bottom:0;width:272px;padding:22px 20px;display:flex;flex-direction:column;gap:6px;z-index:5;overflow:auto;scrollbar-width:none;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.92),rgba(0,0,0,.55) 80%,transparent)}
.arena-side>*{pointer-events:auto}
.arena-side.l{left:0}.arena-side.r{right:0;align-items:flex-end;text-align:right;background:linear-gradient(to left,rgba(0,0,0,.92),rgba(0,0,0,.55) 80%,transparent)}
.arena-side .photo{position:relative;width:124px;height:124px;border-radius:999px;overflow:hidden;background:rgba(247,245,235,.06);box-shadow:0 0 0 2px var(--accent),0 0 40px rgba(255,50,187,.35);margin-bottom:6px}
.arena-side.r .photo{box-shadow:0 0 0 2px #0BFDCA,0 0 40px rgba(11,253,202,.3)}
.arena-side .photo img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}
.arena-side .photo i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:500 44px var(--display);color:var(--fg-3);font-style:normal}
.arena-side .photo.none img{display:none}
.arena-side .pick select{height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(0,0,0,.6);color:var(--fg);font:500 13px var(--sans);cursor:pointer}
.arena-side .pick select option{color:#000}
.arena-side .name{font:500 26px var(--display);letter-spacing:-.02em;line-height:1;margin-top:4px}
.arena-side .handle{font:13.5px var(--mono);color:var(--fg-3);text-decoration:none}
.arena-side .handle:hover{color:var(--accent)}
.arena-side .nums{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 10px}
.arena-side.r .nums{justify-content:flex-end}
.arena-side .nums span{font:12px var(--semimono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.arena-side .nums span b{display:block;font:500 22px var(--display);color:var(--fg);letter-spacing:-.02em}
.arena-side .chips{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.arena-side.r .chips{align-items:flex-end}
.arena-side.r .chip{flex-direction:row-reverse}
.hero{left:292px;right:292px;max-width:none;text-align:center;top:76px;display:flex;flex-direction:column;align-items:center;gap:8px}
.hero h1{font-size:clamp(26px,2.6vw,36px)}
.hero p{margin:0 auto;max-width:64ch}
.legend{display:none}
.mid{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;margin-top:4px;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:2px 24px 4px;mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.mid::-webkit-scrollbar{display:none}
.mid .chip{flex:none}
.mid .chip{pointer-events:auto}
body.arena-dim .chip:not(:hover):not([aria-pressed="true"]){color:var(--fg-3)}
.brief{right:300px}
.brief__panel{width:min(392px,calc(100vw - 620px))}
.searchHost{position:fixed;left:292px;bottom:24px;z-index:5;width:220px}
.searchHost .search{width:100%}
.tools{left:530px}
@media (max-width:900px){
  .arena-side{top:52px;bottom:auto;width:50%;padding:10px 12px;flex-direction:row;align-items:center;gap:8px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .arena-side.r{flex-direction:row-reverse}
  .arena-side .photo{width:44px;height:44px;margin:0}.arena-side .photo i{font-size:18px}
  .arena-side .name,.arena-side .handle,.arena-side .nums,.arena-side .chips{display:none}
  .arena-side .pick select{min-height:44px;font-size:13px}
  .hero{left:12px;right:12px;top:126px;align-items:stretch}.hero h1{font-size:22px}.hero p{font-size:13.5px;max-width:none}
  .mid{gap:4px;padding:2px 0 4px;mask-image:linear-gradient(to right,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,#000 92%,transparent)}.mid .chip{min-height:44px;font-size:12.5px}
  .brief{right:28px}.brief__panel{width:min(392px,calc(100vw - 56px))}
  .searchHost{left:12px;bottom:70px;width:200px}.tools{left:12px}
}