/* c5.css — Faixas: o idioma do Mix novo. Os três primeiros são faixas largas; o
 * resto é lista limpa. O material é a marca: o macaco da Monkey, enorme e na cor
 * da faixa do rank, atrás de quem está ali. */

/* O macaco da logo, recortado pela transparência da imagem e pintado na cor da faixa. */
.c5-marca{position:absolute;z-index:-1;aspect-ratio:1;background:var(--cor);pointer-events:none;
    -webkit-mask:url(/monkey-hvh/img/logo-macaco.png) center/contain no-repeat;mask:url(/monkey-hvh/img/logo-macaco.png) center/contain no-repeat;
    transition:opacity .45s var(--sai),transform .6s var(--sai)}
/* Granulado bem leve, para o escuro não ficar chapado. */
.c5-grao{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}

.c5-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}
.c5-topo h1{font-size:2.5rem}
.c5-topo-dir{display:flex;align-items:center;gap:1.25rem}
.c5-quando{font-size:.8rem;color:var(--mudo);text-align:right}
.c5-quando b{display:block;font-family:var(--mono);color:var(--texto2);font-weight:500}
.c5-controles{display:flex;align-items:center;gap:.75rem;margin:2rem 0 1.25rem;flex-wrap:wrap}
.c5-controles .rk-busca{flex:1;min-width:200px;max-width:320px}
.c5-controles .periodo{margin-left:auto}

/* Os três primeiros: as faixas largas do lobby do Mix. */
.c5-faixas{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}
.c5-banner{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2rem;min-height:132px;padding:1.5rem 2rem;
    border-radius:14px;overflow:hidden;isolation:isolate;color:var(--text);cursor:pointer;
    background:radial-gradient(55% 160% at 88% 50%,color-mix(in srgb,var(--cor) 20%,transparent),transparent 72%),linear-gradient(90deg,#0a0a0f,#0d0d14)}
.c5-banner .c5-marca{width:300px;right:-34px;top:50%;transform:translateY(-50%) rotate(-10deg);opacity:.11}
.c5-banner:hover .c5-marca{opacity:.2;transform:translateY(-50%) rotate(-4deg) scale(1.04)}
.c5-banner::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none;transition:box-shadow .2s}
.c5-banner:hover::after{box-shadow:inset 0 0 0 1px rgba(245,166,35,.55)}
.c5-banner.p1{min-height:170px}
.c5-banner.p1 .c5-marca{width:380px;opacity:.16}
.c5-b-card .card-rank{width:104px;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}
.c5-banner.p1 .c5-b-card .card-rank{width:124px}
.c5-b-pos{font-family:var(--mono);font-size:2.5rem;font-weight:500;line-height:1;color:var(--mudo);min-width:2.2ch}.c5-banner.p1 .c5-b-pos{color:var(--accent);font-size:3.25rem}
.c5-b-quem{display:flex;align-items:center;gap:1.1rem;min-width:0}
.c5-b-quem .rk-av{--s:64px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.c5-banner.p1 .c5-b-quem .rk-av{--s:84px}
.c5-quem{display:flex;align-items:center;gap:.8rem}
.c5-quem-txt{min-width:0}
.c5-h-quem{display:flex;align-items:flex-end;gap:1.4rem;min-width:0}
.c5-h-quem .rk-av{--s:112px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 18px 40px -14px rgba(0,0,0,.8)}
.c5-h-quem > div{min-width:0}
.c5-b-nome{font-size:1.625rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c5-banner.p1 .c5-b-nome{font-size:2.1rem}
.c5-b-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.92rem;color:var(--texto2);margin-top:.3rem}
.c5-b-meta .rank{color:var(--cor);font-weight:600}
.c5-b-dir{display:flex;align-items:center;gap:2rem}
.c5-b-stats{display:flex;gap:1.5rem}
.c5-b-stats div{text-align:right}
.c5-b-stats b{display:block;font-family:var(--mono);font-weight:500;font-size:1.05rem}
.c5-b-stats span{font-size:.75rem;color:var(--mudo)}
.c5-b-pts{text-align:right}
.c5-b-pts b{display:block;font-family:var(--mono);font-size:2.5rem;font-weight:500;line-height:1;letter-spacing:-.02em}
.c5-banner.p1 .c5-b-pts b{font-size:3.25rem}
.c5-b-pts span{font-size:.82rem;color:var(--texto2)}

/* O resto: linhas limpas. Ao passar o mouse, a cor da faixa acende do lado. */
.c5-lista{border-top:1px solid var(--border)}
.c5-l{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 150px 74px 64px 74px 60px 108px;align-items:center;gap:0 1rem;min-height:60px;
    padding:0 1rem;border-bottom:1px solid var(--border);cursor:pointer;isolation:isolate;overflow:hidden}
.c5-l::before{content:'';position:absolute;inset:0 0 0 40%;z-index:-1;opacity:0;transition:opacity .35s var(--sai);
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cor) 12%,transparent))}
@media (hover:hover){.c5-l:hover::before{opacity:1}}
.c5-l.cab{min-height:40px;cursor:default;font-size:.78rem;color:var(--mudo)}
.c5-l.cab .on{color:var(--accent)}
.c5-pos{font-family:var(--mono);font-size:1rem;color:var(--mudo)}
.c5-quem{min-width:0}
.c5-quem b{display:flex;align-items:center;gap:.5rem;font-weight:600;white-space:nowrap;overflow:hidden}
.c5-quem b span{overflow:hidden;text-overflow:ellipsis}
.c5-quem small{display:block;font-size:.78rem;color:var(--muted);padding-left:calc(7px + .5rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c5-rank{font-size:.86rem;color:var(--cor);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c5-v{font-family:var(--mono);font-size:.9rem;color:var(--texto2);text-align:right}
.c5-v.on{color:var(--text)}
.c5-pts{font-family:var(--mono);font-size:1.05rem;font-weight:500;text-align:right}

/* ── Ficha ─────────────────────────────────────────────────────────── */
.c5-heroi{position:relative;min-height:380px;border-radius:16px;overflow:hidden;isolation:isolate;
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:2.25rem 2.5rem;
    background:radial-gradient(60% 110% at 82% 30%,color-mix(in srgb,var(--cor) 24%,transparent),transparent 70%),
        radial-gradient(50% 80% at 8% 100%,rgba(245,166,35,.07),transparent 70%),linear-gradient(160deg,#0d0d14,#08080c)}
.c5-heroi::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.c5-heroi .c5-marca{width:560px;right:-70px;top:-60px;transform:rotate(-10deg);opacity:.12}
.c5-heroi .c5-grao{position:absolute;inset:0;z-index:-1;opacity:.07;mix-blend-mode:overlay;pointer-events:none}
.c5-canto{position:absolute;top:1.9rem;left:2.5rem;display:flex;align-items:center;gap:1rem;font-size:.95rem;color:var(--texto2)}
.c5-canto .card-rank{width:156px;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}
.c5-canto b{color:var(--text)}
.c5-heroi h1{font-size:3rem;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}
.c5-heroi .sub{color:var(--texto2);margin-top:.4rem}
.c5-h-pts{text-align:right;min-width:min(360px,100%)}
.c5-h-pts .num{display:block;font-size:5rem;font-weight:500;line-height:.9;letter-spacing:-.03em}
.c5-h-pts .barra{height:4px;margin:1rem 0 .55rem;background:rgba(255,255,255,.14);border-radius:2px;overflow:hidden}
.c5-h-pts .barra i{display:block;height:100%;width:var(--p);background:var(--cor)}
.c5-h-pts p{font-size:.9rem;color:var(--texto2)}
.c5-h-pts p b{color:var(--cor)}

.c5-bloco{margin-top:3rem}
.c5-bloco-cab{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.c5-bloco-cab h2{font-size:1.125rem;font-weight:600}
.c5-bloco-cab p{font-size:.875rem;color:var(--mudo)}

/* Você contra o servidor: uma faixa com as seis colunas, como as regras do Mix. */
.c5-seis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.c5-c{background:var(--bg2);padding:1.2rem 1.2rem 1.1rem}
.c5-c > span{font-size:.84rem;color:var(--mudo)}
.c5-c > b{display:block;font-family:var(--mono);font-size:2rem;font-weight:500;letter-spacing:-.02em;margin:.25rem 0 .7rem}
.c5-pista{position:relative;height:4px;border-radius:2px;background:rgba(255,255,255,.08)}
.c5-pista i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--accent)}
.c5-pista i.abaixo{background:#6f6f86}
.c5-pista em{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:#fff;border-radius:1px}
.c5-c p{font-size:.78rem;color:var(--mudo);margin-top:.6rem;line-height:1.5}
.c5-c p b{font-family:var(--mono);font-weight:500;color:var(--texto2)}
.c5-c p .bom{color:var(--green)}

/* Os dois blocos lado a lado, com uma linha no meio e as linhas na mesma altura. */
.c5-duas{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.c5-duas > .c5-bloco:first-child{padding-right:3rem}
.c5-duas > .c5-bloco + .c5-bloco{padding-left:3rem;border-left:1px solid var(--border)}
.c5-hb{display:grid;grid-template-columns:290px minmax(0,1fr);gap:2rem;align-items:center}
.c5-hb .rk-boneco{width:156px;margin:0 auto}
.c5-linha{display:flex;align-items:center;gap:.8rem;height:42px;border-bottom:1px solid var(--border);font-size:.92rem}
.c5-linha:last-of-type{border-bottom:0}
.c5-linha svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}
.c5-linha span{flex:1;color:var(--texto2)}
.c5-linha b{font-family:var(--mono);font-weight:500}
.c5-linha em{font-style:normal;font-family:var(--mono);font-size:.82rem;color:var(--muted);width:3em;text-align:right}
.c5-nota{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border);font-size:.86rem;color:var(--mudo)}
.c5-nota b{font-family:var(--mono);font-weight:500;color:var(--text)}

/* Rounds e tempo: quatro colunas, um número grande e a divisão desenhada embaixo. */
.c5-rt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border)}
.c5-rt-c{padding:1.4rem 2rem 0 0}
.c5-rt-c + .c5-rt-c{padding-left:2rem;border-left:1px solid var(--border)}
.c5-rt-c .rot{display:block;font-size:.84rem;color:var(--mudo)}
.c5-rt-c .grande{display:block;font-family:var(--mono);font-size:2.2rem;font-weight:500;letter-spacing:-.03em;line-height:1;margin:.45rem 0 1rem}
.c5-rt-c .grande small{font-size:.5em;font-weight:500;color:var(--mudo);margin:0 .15em 0 .05em;letter-spacing:0}
.c5-div{display:flex;gap:3px;height:8px}
.c5-div i{border-radius:3px;min-width:3px}
.c5-div .ganho{background:var(--accent)}
.c5-div .perda{background:#3a3a4a}
.c5-div .ct{background:#5d8fd8}
.c5-div .tr{background:#d9a24b}
.c5-div .vivo{background:var(--green)}
.c5-div .morto{background:#3a3a4a}
.c5-casas{display:flex;flex-wrap:wrap;gap:4px}
.c5-casas i{width:12px;height:12px;border-radius:3px;background:#3a3a4a}
.c5-casas i.v{background:var(--accent)}
.c5-rt-c .leg{display:flex;justify-content:space-between;gap:.8rem;margin-top:.7rem;font-size:.8rem;color:var(--mudo)}
.c5-rt-c .leg b{font-family:var(--mono);font-weight:500;color:var(--texto2)}

/* ── As abas Geral e Temporada (27/10/2026): links no desenho do rk-seg ── */
.c5-abas{margin-top:1.6rem}
.c5-abas a{display:inline-flex;align-items:center;height:34px;padding:0 1rem;border-radius:7px;font-size:.88rem;font-weight:500;color:var(--mudo);
    white-space:nowrap;transition:color .18s var(--sai),background-color .18s var(--sai)}
.c5-abas a:hover{color:var(--text)}
.c5-abas a.on{color:var(--accent);background:rgba(245,166,35,.1);font-weight:600}

/* ── Temporada ─────────────────────────────────────────────────────── */
.tp-heroi{position:relative;margin:1.6rem 0 2rem;padding:2rem 2.25rem;border-radius:16px;overflow:hidden;isolation:isolate;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:1.5rem 2.5rem;align-items:center;
    background:radial-gradient(60% 140% at 90% 40%,rgba(245,166,35,.13),transparent 70%),linear-gradient(160deg,#0d0d14,#08080c)}
.tp-heroi::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.tp-heroi .c5-marca{width:420px;right:-70px;top:-40px;transform:rotate(-10deg);opacity:.08}
.tp-rot{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.tp-h-txt h2{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:.35rem 0 .7rem}
.tp-h-txt p{color:var(--texto2);font-size:.95rem;line-height:1.6;max-width:44ch}
.tp-h-txt p b{color:var(--text)}
.tp-heroi{align-items:start}
/* A contagem: o número grande e o rótulo do lado, e a barra de quanto da temporada já passou. */
.tp-contagem{display:flex;align-items:center;gap:.8rem;margin:.5rem 0 1rem}
.tp-contagem b{font-family:var(--mono);font-size:4rem;font-weight:500;line-height:.9;letter-spacing:-.04em;color:var(--text)}
.tp-contagem b.ultimo{font-family:inherit;font-size:2.4rem;font-weight:800;letter-spacing:-.03em;color:var(--accent)}
.tp-contagem span{font-size:.86rem;line-height:1.25;color:var(--texto2)}
.tp-barra{height:4px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden;max-width:360px}
.tp-barra i{display:block;height:100%;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,#e08a00,var(--accent))}
.tp-barra-leg{display:flex;justify-content:space-between;max-width:360px;margin:.4rem 0 1.1rem;font-family:var(--mono);font-size:.72rem;color:var(--mudo)}

/* Os cinco prêmios, com quem está em cada posição agora. */
.tp-premios{list-style:none;display:grid;gap:.5rem;margin:0;padding:0}
.tp-p{display:grid;grid-template-columns:3ch minmax(0,1fr);align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:11px;
    background:rgba(255,255,255,.03);border:1px solid var(--border);transition:border-color .2s var(--sai),background-color .2s var(--sai)}
.tp-p-pos{font-family:var(--mono);color:var(--mudo)}
.tp-p-txt{min-width:0}
.tp-p-txt b{display:block;font-weight:600;font-size:.95rem}
.tp-p-txt small{display:block;margin-top:.1rem;font-size:.76rem;color:var(--mudo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-p.p1{background:linear-gradient(90deg,rgba(245,166,35,.14),rgba(245,166,35,.04));border-color:rgba(245,166,35,.4)}
.tp-p.p1 .tp-p-pos,.tp-p.p1 b{color:var(--accent)}
.tp-p.p2 .tp-p-pos{color:#cfd3dc}.tp-p.p3 .tp-p-pos{color:#d79a63}
@media (hover:hover){.tp-p:hover{border-color:var(--border2)}}

/* O "Como o prêmio é calculado": a seta gira e o corpo abre animado (o JS mede a altura). */
.tp-porque{margin-top:.2rem;font-size:.86rem;color:var(--mudo)}
.tp-porque summary{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;list-style:none;color:var(--texto2);transition:color .18s var(--sai)}
.tp-porque summary::-webkit-details-marker{display:none}
.tp-porque summary svg{width:15px;height:15px;transition:transform .25s var(--sai)}
.tp-porque.aberto summary svg{transform:rotate(90deg)}
.tp-porque summary:hover,.tp-porque.aberto summary{color:var(--accent)}
.tp-porque-corpo{overflow:hidden}
.tp-porque p{margin:.6rem 0 .4rem}
.tp-porque ul{list-style:none;display:grid;gap:.3rem}
.tp-porque li{padding-left:1.1rem;position:relative}
.tp-porque li::before{content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--mudo)}
.tp-porque li.sobe::before{background:var(--green)}
.tp-porque li.desce::before{background:var(--red)}
/* Duas classes: as regras de largura do .c5-l, mais abaixo, não podem passar por cima. */
.c5-l.tp-l{grid-template-columns:56px minmax(0,1fr) minmax(0,auto) 90px 130px}
.tp-chip-cel{min-width:0;display:flex;justify-content:flex-end}
.tp-h-cel{display:none;font-style:normal}
.tp-l.fora .c5-pts{color:var(--mudo)}
/* Quem está no top 5 agora: a linha um pouco acesa e o prêmio ao lado do nome. */
.c5-l.tp-l.premiado{background:linear-gradient(90deg,rgba(245,166,35,.06),transparent 55%)}
.c5-l.tp-l.p1{background:linear-gradient(90deg,rgba(245,166,35,.12),transparent 60%)}
.tp-l.premiado .c5-pos{color:var(--accent)}
.tp-chip{flex:none;max-width:100%;padding:.28rem .6rem;border-radius:7px;font-size:.74rem;font-weight:600;color:var(--accent);
    background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.28);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-l .c5-quem{gap:.8rem}
/* A linha do prêmio: do 5º para baixo, não leva. */
.tp-corte{display:flex;align-items:center;gap:.8rem;padding:.55rem 1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.tp-corte::before,.tp-corte::after{content:'';flex:1;height:1px;background:repeating-linear-gradient(90deg,rgba(245,166,35,.45) 0 6px,transparent 6px 12px)}
/* O top 10: o card do placar no lugar do número, e o ganho pequeno embaixo. */
.tp-card{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;padding:.4rem 0}
.tp-card .card-rank{width:86px;height:auto}
.tp-card small{font-family:var(--mono);font-size:.78rem;color:var(--texto2)}
.tp-ainda,.tp-ant-cab{margin-top:2.5rem}
.tp-mais{margin-top:.9rem;font-size:.86rem;color:var(--mudo)}
.tp-anteriores{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:1rem}
.tp-ant{border:1px solid var(--border);border-radius:14px;padding:1rem 1.25rem;background:var(--bg2)}
.tp-ant-cab2{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}
.tp-ant-cab2 b{font-size:1.05rem}
.tp-ant-cab2 span{font-size:.82rem;color:var(--mudo)}
.tp-ant-l{display:grid;grid-template-columns:3ch auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.55rem 0;border-top:1px solid var(--border);cursor:pointer}
.tp-ant-l .rk-av{--s:32px}
.tp-ant-n{min-width:0}
.tp-ant-n b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-ant-n small{font-family:var(--mono);font-size:.76rem;color:var(--mudo)}
.tp-ant-l em{font-style:normal;font-size:.82rem;color:var(--texto2);text-align:right}
.tp-ant-vazio{font-size:.86rem;color:var(--mudo);padding:.5rem 0}

/* Tablet: o prêmio desce para baixo do nome, para o nome não ser cortado. */
@media (max-width:1000px){
    .c5-l.tp-l{grid-template-columns:44px minmax(0,1fr) 64px 110px;grid-template-areas:"pos quem horas pts" "pos chip horas pts";gap:.3rem 1rem;padding:.55rem 1rem}
    .tp-l .c5-pos{grid-area:pos}
    .tp-l .c5-quem{grid-area:quem}
    .tp-l .tp-horas{grid-area:horas;align-self:center}
    .tp-l .c5-pts{grid-area:pts;align-self:center}
    .tp-chip-cel{grid-area:chip;justify-content:flex-start;padding-left:calc(36px + .8rem)}
    .tp-chip-cel:empty,.tp-l.cab .tp-chip-cel{display:none}
    .c5-l.tp-l.cab{grid-template-areas:"pos quem horas pts"}
}
@media (max-width:860px){
    .tp-heroi{grid-template-columns:1fr;padding:1.5rem}
    .tp-h-txt h2{font-size:2rem}
}
@media (max-width:760px){
    /* No celular, só o essencial: posição, nome, o prêmio embaixo (top 5) e o card com o ganho. As horas,
       o rank por extenso e o Discord ficam para o computador. */
    .c5-l.tp-l{grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"pos quem pts" "pos chip pts";
        gap:.35rem .6rem;padding:.6rem .5rem;min-height:56px}
    .tp-l .c5-pos{grid-area:pos;font-size:.9rem}
    .tp-l .c5-quem{grid-area:quem;gap:.6rem}
    .tp-l .c5-quem .rk-av{--s:30px}
    .tp-l .c5-quem small,.tp-horas{display:none}
    .tp-chip-cel{grid-area:chip;justify-content:flex-start;padding-left:calc(30px + .6rem)}
    .tp-chip-cel:empty,.c5-l.tp-l.cab{display:none}
    .tp-chip{font-size:.7rem;padding:.22rem .5rem;white-space:normal;line-height:1.3}
    .tp-l .c5-pts{grid-area:pts;align-self:center}
    .tp-card{padding:0}
    .tp-card .card-rank{width:64px}
    .tp-card small{font-size:.72rem}
    .tp-contagem b{font-size:3.2rem}
    /* Quem está em cada posição a lista logo abaixo já mostra: no celular os prêmios ficam só com o prêmio. */
    .tp-p{padding:.55rem .85rem;gap:.8rem}
    .tp-p-txt b{font-size:.88rem}
    .tp-p-txt small{display:none}
    .tp-premios{gap:.4rem}
    .tp-ant-l{grid-template-columns:3ch auto minmax(0,1fr)}
    .tp-ant-l em{grid-column:3;text-align:left}
}

@media (max-width:1180px){
    .c5-l{grid-template-columns:48px minmax(0,1fr) 130px 64px 60px 100px}
    .c5-col-kills,.c5-col-tempo{display:none}
    .c5-b-stats{display:none}
    .c5-seis{grid-template-columns:repeat(3,minmax(0,1fr))}
    .c5-rt{grid-template-columns:repeat(2,minmax(0,1fr))}
    .c5-rt-c:nth-child(3){padding-left:0;border-left:0}
    .c5-rt-c:nth-child(n+3){margin-top:1.4rem;border-top:1px solid var(--border)}
    .c5-b-card{display:none}
}
@media (max-width:860px){
    .c5-duas{grid-template-columns:1fr}
    .c5-duas > .c5-bloco:first-child{padding-right:0}
    .c5-duas > .c5-bloco + .c5-bloco{padding-left:0;border-left:0}
    .c5-heroi{grid-template-columns:1fr}
    .c5-h-pts{text-align:left}
}
@media (max-width:760px){
    .c5-topo h1{font-size:1.875rem}
    .c5-controles .rk-busca{max-width:none;flex-basis:100%}
    .c5-controles .rk-seg{overflow-x:auto;max-width:100%}
    .c5-controles .periodo{margin-left:0}
    .c5-banner{grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.1rem 1.2rem;min-height:110px}
    .c5-banner.p1{min-height:130px}
    .c5-b-dir{grid-column:1 / -1;justify-content:flex-start}
    .c5-b-pts{text-align:left}
    .c5-b-pts b,.c5-banner.p1 .c5-b-pts b{font-size:1.9rem}
    .c5-b-pos,.c5-banner.p1 .c5-b-pos{font-size:2rem}
    .c5-b-nome,.c5-banner.p1 .c5-b-nome{font-size:1.3rem}
    .c5-l{grid-template-columns:34px minmax(0,1fr) 90px;padding:0 .5rem;gap:0 .6rem}
    .c5-col-rank,.c5-col-kd,.c5-col-hs{display:none}
    .c5-heroi{padding:1.5rem;min-height:0;gap:1.4rem}
    .c5-canto{position:static}
    .c5-h-quem{align-items:center}
    .c5-h-quem .rk-av{--s:76px}
    .c5-heroi h1{font-size:1.875rem}
    .c5-h-pts .num{font-size:3rem}
    .c5-seis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .c5-c > b{font-size:1.5rem}
    .c5-hb{grid-template-columns:1fr;gap:.5rem}
    .c5-hb .rk-agente{max-width:300px;margin:0 auto}
    .c5-rt{grid-template-columns:1fr}
    .c5-rt-c,.c5-rt-c + .c5-rt-c{padding:1.2rem 0 0;border-left:0}
    .c5-rt-c + .c5-rt-c{margin-top:1.2rem;border-top:1px solid var(--border)}
    .c5-rt-c .grande{font-size:1.8rem}
    .c5-canto .card-rank{width:110px}
    .c5-heroi .c5-marca{width:360px;right:-90px;top:-30px}
    .c5-banner .c5-marca{width:220px;right:-60px}
    .c5-b-quem .rk-av{--s:48px}
    .c5-banner.p1 .c5-b-quem .rk-av{--s:58px}
    .c5-quem .rk-av{--s:36px}
}