/* Extras on top of meta.style.1.css: the ranked meta page reuses the esports meta layout. */
a.filter-item { text-decoration: none; }
.filter-icon img { width: 20px; height: 20px; object-fit: contain; border-radius: 4px; }
.rm-back { background: rgba(var(--primary-rgb), 0.08) !important; border-color: rgba(var(--primary-rgb), 0.3) !important; }
.rm-back-hint { font-size: 0.7rem; opacity: 0.7; }
.rm-count { font-size: 0.68rem; color: var(--text-dim); font-weight: 600; }
.rm-muted { font-size: 0.72rem; color: var(--text-dim); padding: 0.4rem 0.3rem; line-height: 1.4; }

/* HTML tier list styled like the generated esports tier list image */
.rm-tierlist { display: flex; flex-direction: column; gap: 3px; padding: 0.4rem; width: 300px; max-width: 100%; }
.rm-tier-title { text-align: center; font-weight: 800; font-size: 0.95rem; color: var(--text); padding: 0.2rem 0 0.35rem; }
.rm-tier-title span { display: block; font-size: 0.65rem; font-weight: 600; color: var(--text-dim); }
.rm-tier { display: flex; align-items: stretch; background: rgba(255,255,255,0.03); border-radius: 6px; overflow: hidden; }
.rm-tier-l { width: 26px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 0.85rem; color: #111; }
.rm-tier-b { display: flex; flex-wrap: wrap; gap: 3px; padding: 3px; }
.rm-tier-b img { width: 25px; height: 25px; border-radius: 4px; object-fit: cover; }

.rm-small { font-size: 0.7rem; color: #f59e0b; padding: 0.35rem 0.6rem; background: rgba(245,158,11,0.08); border-bottom: 1px solid rgba(245,158,11,0.2); }
.rm-note { font-size: 0.72rem; color: var(--text-dim); line-height: 1.5; margin: 0.9rem 0 0; }

@media (max-width: 768px) {
    .rm-tierlist { width: 100%; }
    .rm-tier-b img { width: 28px; height: 28px; }
}