Card-Rarity.md

+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
\ No newline at end of file