.kq-leaderboard { max-width: 900px; margin: 0 auto; font-family: system-ui, Arial, sans-serif; }
.kq-title { margin: 0 0 12px; }
.kq-controls { margin-bottom: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.kq-controls .kq-filter { padding: 6px 10px; border-radius: 8px; border: 1px solid #ddd; cursor: pointer; background: #fff; }
.kq-controls .kq-filter:hover { background: #f6f6f6; }
.kq-table { width: 100%; border-collapse: collapse; }
.kq-table th, .kq-table td { padding: 10px; border-bottom: 1px solid #eee; text-align: left; }
.kq-table th:first-child, .kq-table td:first-child { width: 48px; text-align: right; }
@media (max-width: 520px){
  .kq-table th:nth-child(4), .kq-table td:nth-child(4),
  .kq-table th:nth-child(6), .kq-table td:nth-child(6){ display: none; }
}