/* Use dedicated map artwork instead of sprite offsets. This keeps maps and vetoes in sync. */
body.cs2day-v2 :is(.cs2-match-map--mirage, .cs2-match-veto--map-mirage) { --cs2-map-image: url('../images/maps/mirage.png'); }
body.cs2day-v2 :is(.cs2-match-map--inferno, .cs2-match-veto--map-inferno) { --cs2-map-image: url('../images/maps/inferno.png'); }
body.cs2day-v2 :is(.cs2-match-map--nuke, .cs2-match-veto--map-nuke) { --cs2-map-image: url('../images/maps/nuke.png'); }
body.cs2day-v2 :is(.cs2-match-map--ancient, .cs2-match-veto--map-ancient) { --cs2-map-image: url('../images/maps/ancient.png'); }
body.cs2day-v2 :is(.cs2-match-map--anubis, .cs2-match-veto--map-anubis) { --cs2-map-image: url('../images/maps/anubis.png'); }
body.cs2day-v2 :is(.cs2-match-map--dust2, .cs2-match-map--dust-ii, .cs2-match-veto--map-dust2, .cs2-match-veto--map-dust-ii) { --cs2-map-image: url('../images/maps/dust2.png'); }
body.cs2day-v2 :is(.cs2-match-map--overpass, .cs2-match-veto--map-overpass) { --cs2-map-image: url('../images/maps/overpass.png'); }
body.cs2day-v2 :is(.cs2-match-map--train, .cs2-match-veto--map-train) { --cs2-map-image: url('../images/maps/train.png'); }
body.cs2day-v2 :is(.cs2-match-map--vertigo, .cs2-match-veto--map-vertigo) { --cs2-map-image: url('../images/maps/vertigo.png'); }
body.cs2day-v2 :is(.cs2-match-map--cache, .cs2-match-veto--map-cache) { --cs2-map-image: url('../images/maps/cache.png'); }

body.cs2day-v2 .cs2-match-maps--detail > .cs2-match-map {
	background-image: linear-gradient(180deg, rgba(5, 10, 14, .18), rgba(5, 10, 14, .9)), var(--cs2-map-image) !important;
	background-position: 0 0, center !important;
	background-size: auto, cover !important;
}

body.cs2day-v2 .cs2-match-veto li {
	background-image: linear-gradient(90deg, color-mix(in srgb, var(--cs2-card) 94%, transparent) 8%, color-mix(in srgb, var(--cs2-card) 70%, transparent)), var(--cs2-map-image) !important;
	background-position: 0 0, center !important;
	background-size: auto, cover !important;
}