.rankings-table { width: 100%; border-collapse: collapse; }
.rankings-table th, .rankings-table td { padding: 0.75rem; border-bottom: 1px solid rgba(255,255,255,0.08); }
.rankings-class-filter-selection { display: inline-flex; margin: 0.2rem; }
.rankings-class-filter-grayscale { filter: grayscale(1); opacity: 0.55; }

.rankings-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 1rem;
	padding: 0.75rem;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
}
.rankings-toolbar__filters { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rankings-table thead th { color: #fff2d0; background: #19130f; }
.rankings-table tbody tr:nth-child(even) { background: rgba(255,255,255,0.018); }

.event-ranking {
	padding: 1rem;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: linear-gradient(180deg, rgba(26, 18, 13, 0.96), rgba(13, 10, 8, 0.96));
}
.event-ranking__title { margin: 0 0 1rem; color: #f4d58d; text-align: center; }
.event-ranking__table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.event-ranking__table { min-width: 34rem; margin-bottom: 0; }
.event-ranking__score { font-weight: 700; color: #f4d58d; text-align: right; }
.event-ranking__pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem; margin-top: 1rem; }
.event-ranking__pagination a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	min-height: 2.25rem;
	padding: 0.35rem 0.6rem;
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	background: rgba(0,0,0,0.28);
	color: #f7e8c2;
}
.event-ranking__pagination a.active,
.event-ranking__pagination a:hover,
.event-ranking__pagination a:focus-visible { border-color: #c99a42; background: rgba(201,154,66,0.2); color: #fff; }
@media (max-width: 640px) {
	.event-ranking { padding: 0.75rem; }
	.event-ranking__table { min-width: 30rem; }
}