/* Keep large tournament group sets readable instead of forcing them into one row. */
body.cs2day-v2 .cs2-tournament-stage-nav__select {
	display: none;
	flex: 1 1 auto;
	min-width: 0;
	gap: 5px;
	padding: 8px 11px;
	border: 1px solid color-mix(in srgb, var(--cs2-accent, #00fca7) 55%, var(--cs2-border) 45%);
	border-radius: 8px;
	background: color-mix(in srgb, var(--cs2-surface, #121c26) 90%, var(--cs2-accent, #00fca7) 10%);
}

body.cs2day-v2 .cs2-tournament-stage-nav__select > span {
	color: var(--cs2-muted, #9fb0c3);
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
}

body.cs2day-v2 .cs2-tournament-stage-nav__select select {
	width: 100%;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--cs2-text, #f8fafc);
	font: inherit;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.35;
}

body.cs2day-v2 .cs2-tournament-stage-nav__select select:focus {
	outline: 2px solid color-mix(in srgb, var(--cs2-accent, #00fca7) 72%, transparent);
	outline-offset: 3px;
}

body.cs2day-v2 .cs2-tournament-stage-nav__select option,
body.cs2day-v2 .cs2-tournament-stage-nav__select optgroup {
	background: var(--cs2-surface, #121c26);
	color: var(--cs2-text, #f8fafc);
}

body.cs2day-v2 .cs2-tournament-stage-nav.is-compact-select .cs2-tournament-stage-nav__select {
	display: grid;
}

body.cs2day-v2 .cs2-tournament-stage-nav.is-compact-select > .cs2-tournament-stage-nav__home,
body.cs2day-v2 .cs2-tournament-stage-nav.is-compact-select > .cs2-tournament-stage-nav__item {
	display: none;
}

@media (max-width: 760px) {
	body.cs2day-v2 .cs2-tournament-stage-nav.is-compact-select {
		display: flex;
		margin-inline: 0;
		overflow: visible;
		padding: 6px;
	}
}