table {
	thead {
		position: sticky;
		top: 0;
	}

	th.crystal {
		border-top: 0;
		border-bottom: var(--table-border);
		border-right: var(--table-border);
		border-radius: 0;
	}

	.charlist {
		display: inline-grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;

		.aqua {
			color: #97c8ff;
		}

		.ventus {
			color: #26ff62;
		}

		.terra {
			color: #ff7400;
		}
	}
}

.filters {
	display: flex;
	flex-direction: column;

	.row {
		display: flex;

		div {
			display: flex;
			align-items: center;
			gap: 0.5rem;
			flex: 0 1 100px;
		}
	}
}