/* Ranking dos criadores */
.rk-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.rk-col{min-width:0}
.rk-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:6px}
.rk-head h2{display:flex;align-items:center;gap:10px;margin:0}
.rk-busca input{min-width:200px}
.rk-stars{display:inline-flex;gap:1px;vertical-align:-3px}
.rk-stars svg{width:14px;height:14px;fill:#3a2f33}
.rk-stars svg.on{fill:var(--gold,#ffd24a)}
.rk-membros{display:block;color:var(--ash);font-size:.82rem;overflow-wrap:anywhere}
.rk-membros a{color:var(--ash)}
.rk-votar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;align-items:center;padding:14px 16px;margin-bottom:10px;box-shadow:inset 0 0 0 2px var(--fox)}
.rk-votar .rk-foto{width:64px;height:64px;grid-row:span 3}
.rk-votar h3{margin:0;font-size:1.05rem}
.rk-votar .stars svg{width:30px;height:30px}
.rk-votar .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rk-lista{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.rk-item{display:grid;grid-template-columns:72px 48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 14px 8px 8px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3);position:relative;overflow:hidden}
.rk-item::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:linear-gradient(90deg,rgba(247,140,40,.16),rgba(247,140,40,.04));pointer-events:none}
.rk-item>*{position:relative}
.rk-pos{font:700 20px var(--f-mc);white-space:nowrap;letter-spacing:-.02em;color:var(--ash);text-align:center}
.rk-item.top .rk-pos{color:var(--gold,#f8c33a);text-shadow:2px 2px 0 #000}
.rk-item.top1{box-shadow:inset 0 0 0 2px var(--fox)}
.rk-foto{width:48px;height:48px;object-fit:cover;background:var(--bark-2);display:grid;place-items:center;font:700 20px var(--f-pixel);color:var(--fox-hi)}
.rk-nome{min-width:0}
.rk-nome a{color:var(--snow);font-weight:700;overflow-wrap:anywhere}
.rk-nome a:hover{color:var(--fox-hi)}
.rk-nome small{display:block;color:var(--ash);overflow-wrap:anywhere}
.rk-val{text-align:right;font:700 16px var(--f-mc);color:var(--xp);white-space:nowrap}
.rk-val small{display:block;font:400 .78rem var(--f-body);color:var(--ash)}
.rk-mais{text-align:center}
.rk-sem{padding:14px 18px;margin-top:16px}
.rk-sem summary{cursor:pointer;font-weight:700}
.rk-sem ul{columns:3 200px;margin:10px 0 0;padding-left:18px}
.rk-sem li{break-inside:avoid;margin-bottom:4px}
.rk-vazio{padding:20px;text-align:center}
@media (max-width:980px){.rk-cols{grid-template-columns:1fr}}
@media (max-width:560px){.rk-item{grid-template-columns:44px 40px minmax(0,1fr) auto;gap:8px;padding-right:10px}.rk-foto{width:40px;height:40px}.rk-pos{font-size:14px}.rk-busca,.rk-busca input{width:100%;min-width:0}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* tirar criador do ranking */
.rk-linha{display:flex;align-items:flex-start;gap:6px;min-width:0}
.rk-linha>a{min-width:0}
.rk-x{flex:none;width:20px;height:20px;margin-top:1px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#e0645c;font:700 15px/1 var(--f-body);cursor:pointer;opacity:.45;transition:opacity .12s,background .12s}
.rk-item:hover .rk-x,.rk-x:focus-visible{opacity:1}
.rk-x:hover{background:rgba(224,100,92,.18);opacity:1}
@media (hover:none){.rk-x{opacity:.7}}
.rk-fora-info{color:var(--ash)}
.rk-volta{background:none;border:0;padding:0;color:var(--fox-hi,#ffb35c);font:inherit;text-decoration:underline;cursor:pointer}
/* filtros */
.rk-filtros{display:grid;gap:12px;padding:16px 18px;margin-bottom:18px}
.rk-f-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rk-f-top h2{margin:0}
.rk-f-tags{display:flex;flex-wrap:wrap;gap:8px}
.rk-f-tag{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:3px;cursor:pointer;opacity:.55;color:var(--ash);font:700 .78rem var(--f-body)}
.rk-f-tag[aria-pressed="true"]{opacity:1;outline:3px solid #fff;outline-offset:1px}
.rk-f-tag:hover{opacity:1}
.rk-f-sel{display:flex;flex-wrap:wrap;gap:10px 18px}
.rk-f-sel label{display:grid;gap:4px;font-weight:700;font-size:.85rem;min-width:220px}
/* abas do celular: um ranking de cada vez */
.rk-abas{display:none}
@media (max-width:980px){
  .rk-abas{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;top:64px;z-index:5;padding:8px 0;background:var(--night);margin-bottom:10px}
  .rk-abas button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:0;cursor:pointer;font:700 .95rem var(--f-body);color:var(--ash);background:var(--bark-2);box-shadow:inset 0 0 0 2px var(--line);text-align:center;line-height:1.2}
  .rk-abas button img{width:24px;height:24px;flex:none;image-rendering:pixelated}
  .rk-abas button[aria-selected="true"]{color:#1d0d03;background:var(--fox);box-shadow:inset 0 -4px 0 var(--fox-deep),0 0 0 2px #000}
  .rk-cols.aba-yt .rk-col-av,.rk-cols.aba-av .rk-col-yt{display:none}
  .rk-col .rk-head h2{display:none}
}
