Card Rarity

Rarity is a value that determines how frequently cards will drop from market boosters or at the end of a match. Mismanaging rarity could destroy a game. Take heavy care when dealing with rarity.

Normal rarity values go from 1 to 99, inclusive. Anything above or below those values will not be dropped.

0 or smaller is called Undroppable

1-20 is called Common

21-60 is called Rare

61-80 is called Very Rare

81-90 is called Epic Rare

91-99 is called Mythic Rare

100 or larger is called Uncollectible

Higher values are much rarer than lower values in a relative sense. You can use CSS to manipulate the display names of rarity values.

Rarity of 100 or larger, ie, uncollectibles, will not be generated by random "add card to match" actions. There is a specific option to select in order to enable generating uncollectibles.

Here are some recommendations when dealing with rarity in your game.

Don't change rarity.
Do not link rarity to card usefulness. Doing so creates "pay to win".
Rarity could be linked to image/lore 'epicness'. For example, animated cards could be more rare than still images.
Rarity could be random. If there's nothing in the image / lore that could be used to determine a card's rarity, then you can randomly assign a rarity.

You can replace the display of rarity on the card with the use of CSS. Here is an example of CSS that replaces rarity:

Based on predefined rarity names

/* Define What The rarities should be replaced with */
/* Common Text and Common Color */
rarityCommon = "New Common"
rarityCommonColor = #FFFFFF
/* Rare Text and Rare Color */
rarityRare = "New Rare"
rarityRareColor = #8080FF
/* Very Rare Text and Very Rare Color */
rarityVeryRare = "New Ultra Rare"
rarityVeryRareColor = #C0C000
/* Epic Rare Text and Epic Rare Color */
rarityEpicRare = "New Epic Rare"
rarityEpicRareColor = #C000C0
/* Mythic Rare Text and Mythic Rare Color */
rarityMythicRare = "New Mythic Rare"
rarityMythicRareColor = #FF3333

/* This is a mixin that hides the original rarity text */
hideElement()
visibility hidden
position relative
/* This is a mixin that replaces the rarity test with the new one */
replaceElementWith(rarityString = "", rarityColor = #FFF)
visibility visible
display block
content rarityString
color rarityColor
position absolute
right 0
top 0

/* Target the card info panel rarity data element */
#cardFullInfo .cardDisplayInner ul.dataPane li.rarity .data
/* ... if the rarity is common */
&.common
/* Hides the rarity with the mixin from before */
hideElement()
/* Create a pseudo element */
&::after
/* Set the content of the pseudo element to what you specified */
replaceElementWith rarityCommon rarityCommonColor
&.rare
hideElement()
&::after
replaceElementWith rarityRare rarityRareColor
&.veryrare
hideElement()
&::after
replaceElementWith rarityVeryRare rarityVeryRareColor
&.exrare
hideElement()
&::after
replaceElementWith rarityEpicRare rarityEpicRareColor
&.mythic
hideElement()
&::after
replaceElementWith rarityMythicRare rarityMythicRareColor