diff --git a/less/core.less b/less/core.less
index 74f9005..b81c04e 100644
--- a/less/core.less
+++ b/less/core.less
@@ -1,6 +1,6 @@
-.@{prefix} {
+.@{ms-prefix} {
     display: inline-block;
-    font: normal normal normal @font-size-base/1 Mana;
+    font: normal normal normal @ms-font-size-base/1 Mana;
     font-size: inherit;
     line-height: 1em;
     text-rendering: auto;
diff --git a/less/cost.less b/less/cost.less
index 750fd9e..c57b9aa 100644
--- a/less/cost.less
+++ b/less/cost.less
@@ -1,7 +1,7 @@
 /**
  * Mana cost styles */
 
-.@{prefix}-cost {
+.@{ms-prefix}-cost {
 
     /**
      * Base styles */
@@ -16,30 +16,30 @@
 
     /**
      * Single symbols */
-    &.@{prefix}-w,
-    &.@{prefix}-pw {
+    &.@{ms-prefix}-w,
+    &.@{ms-prefix}-pw {
         background-color: #F0F2C0;
     }
-    &.@{prefix}-u,
-    &.@{prefix}-pu {
+    &.@{ms-prefix}-u,
+    &.@{ms-prefix}-pu {
         background-color: #B5CDE3;
     }
-    &.@{prefix}-b,
-    &.@{prefix}-pb {
+    &.@{ms-prefix}-b,
+    &.@{ms-prefix}-pb {
         background-color: #ACA29A;
     }
-    &.@{prefix}-r,
-    &.@{prefix}-pr {
+    &.@{ms-prefix}-r,
+    &.@{ms-prefix}-pr {
         background-color: #DB8664;
     }
-    &.@{prefix}-g,
-    &.@{prefix}-pg {
+    &.@{ms-prefix}-g,
+    &.@{ms-prefix}-pg {
         background-color: #93B483;
     }
 
     /**
      * Split symbols */
-    &.@{prefix}-wu {
+    &.@{ms-prefix}-wu {
         background: #edf2b0; /* Old browsers */
         background: -moz-linear-gradient(-45deg, #edf2b0 0%, #edf2b0 50%, #a6c1dd 50%, #a6c1dd 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#a6c1dd), color-stop(100%,#a6c1dd)); /* Chrome,Safari4+ */
@@ -49,7 +49,7 @@
         background: linear-gradient(135deg, #edf2b0 0%,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#a6c1dd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-wb {
+    &.@{ms-prefix}-wb {
         background: #edf2b0; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #edf2b0 0%, #edf2b0 50%, #9c9188 50%, #9c9188 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#edf2b0), color-stop(50%,#edf2b0), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); /* Chrome,Safari4+ */
@@ -59,7 +59,7 @@
         background: linear-gradient(135deg,  #edf2b0 0%,#edf2b0 50%,#9c9188 50%,#9c9188 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2b0', endColorstr='#9c9188',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-ub {
+    &.@{ms-prefix}-ub {
         background: #a6c1dd; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #9c9188 50%, #9c9188 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); /* Chrome,Safari4+ */
@@ -69,7 +69,7 @@
         background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#9c9188 50%,#9c9188 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#9c9188',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-ur {
+    &.@{ms-prefix}-ur {
         background: #a6c1dd; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #a6c1dd 0%, #a6c1dd 50%, #db8664 50%, #db8664 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a6c1dd), color-stop(50%,#a6c1dd), color-stop(50%,#db8664), color-stop(100%,#db8664)); /* Chrome,Safari4+ */
@@ -79,7 +79,7 @@
         background: linear-gradient(135deg,  #a6c1dd 0%,#a6c1dd 50%,#db8664 50%,#db8664 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c1dd', endColorstr='#db8664',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-br {
+    &.@{ms-prefix}-br {
         background: #aca29a; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #db8664 50%, #db8664 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#db8664), color-stop(100%,#db8664)); /* Chrome,Safari4+ */
@@ -89,7 +89,7 @@
         background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#db8664 50%,#db8664 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#db8664',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-bg {
+    &.@{ms-prefix}-bg {
         background: #aca29a; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #aca29a 0%, #aca29a 50%, #93b483 50%, #93b483 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aca29a), color-stop(50%,#aca29a), color-stop(50%,#93b483), color-stop(100%,#93b483)); /* Chrome,Safari4+ */
@@ -99,7 +99,7 @@
         background: linear-gradient(135deg,  #aca29a 0%,#aca29a 50%,#93b483 50%,#93b483 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aca29a', endColorstr='#93b483',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-rw {
+    &.@{ms-prefix}-rw {
         background: #db8664; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #edf2b0 50%, #edf2b0 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); /* Chrome,Safari4+ */
@@ -109,7 +109,7 @@
         background: linear-gradient(135deg,  #db8664 0%,#db8664 50%,#edf2b0 50%,#edf2b0 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#edf2b0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-rg {
+    &.@{ms-prefix}-rg {
         background: #db8664; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #db8664 0%, #db8664 50%, #93b483 50%, #93b483 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#db8664), color-stop(50%,#db8664), color-stop(50%,#93b483), color-stop(100%,#93b483)); /* Chrome,Safari4+ */
@@ -119,7 +119,7 @@
         background: linear-gradient(135deg,  #db8664 0%,#db8664 50%,#93b483 50%,#93b483 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8664', endColorstr='#93b483',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-gw {
+    &.@{ms-prefix}-gw {
         background: #93b483; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #93b483 0%, #93b483 50%, #edf2b0 50%, #edf2b0 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); /* Chrome,Safari4+ */
@@ -129,7 +129,7 @@
         background: linear-gradient(135deg,  #93b483 0%,#93b483 50%,#edf2b0 50%,#edf2b0 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#edf2b0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-gu {
+    &.@{ms-prefix}-gu {
         background: #93b483; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #93b483 0%, #93b483 50%, #b5cde3 50%, #b5cde3 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#93b483), color-stop(50%,#93b483), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); /* Chrome,Safari4+ */
@@ -139,7 +139,7 @@
         background: linear-gradient(135deg,  #93b483 0%,#93b483 50%,#b5cde3 50%,#b5cde3 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b483', endColorstr='#b5cde3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-2w {
+    &.@{ms-prefix}-2w {
         background: #beb9b2; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #edf2b0 50%, #edf2b0 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#edf2b0), color-stop(100%,#edf2b0)); /* Chrome,Safari4+ */
@@ -149,7 +149,7 @@
         background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#edf2b0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-2u {
+    &.@{ms-prefix}-2u {
         background: #beb9b2; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #b5cde3 50%, #b5cde3 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#b5cde3), color-stop(100%,#b5cde3)); /* Chrome,Safari4+ */
@@ -159,7 +159,7 @@
         background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#b5cde3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-2b {
+    &.@{ms-prefix}-2b {
         background: #beb9b2; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #9c9188 50%, #9c9188 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#9c9188), color-stop(100%,#9c9188)); /* Chrome,Safari4+ */
@@ -169,7 +169,7 @@
         background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#9c9188 50%,#9c9188 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#9c9188',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-2r {
+    &.@{ms-prefix}-2r {
         background: #beb9b2; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #db8664 50%, #db8664 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#db8664), color-stop(100%,#db8664)); /* Chrome,Safari4+ */
@@ -179,7 +179,7 @@
         background: linear-gradient(135deg,  #beb9b2 0%,#beb9b2 50%,#db8664 50%,#db8664 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beb9b2', endColorstr='#db8664',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     }
-    &.@{prefix}-2g {
+    &.@{ms-prefix}-2g {
         background: #beb9b2; /* Old browsers */
         background: -moz-linear-gradient(-45deg,  #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb9b2), color-stop(50%,#beb9b2), color-stop(50%,#93b483), color-stop(100%,#93b483)); /* Chrome,Safari4+ */
@@ -192,12 +192,12 @@
 
     /**
      * Phyrexian mana and size increases */
-    &.@{prefix}-p:before,
-    &.@{prefix}-pw:before,
-    &.@{prefix}-pu:before,
-    &.@{prefix}-pb:before,
-    &.@{prefix}-pr:before,
-    &.@{prefix}-pg:before {
+    &.@{ms-prefix}-p:before,
+    &.@{ms-prefix}-pw:before,
+    &.@{ms-prefix}-pu:before,
+    &.@{ms-prefix}-pb:before,
+    &.@{ms-prefix}-pr:before,
+    &.@{ms-prefix}-pg:before {
         display: inline-block;
         -moz-transform: scale( 1.2, 1.2 );
         -webkit-transform: scale( 1.2, 1.2 );
@@ -206,7 +206,7 @@
 
     /**
      * Alternate tap */
-    &.@{prefix}-tap-alt:before {
+    &.@{ms-prefix}-tap-alt:before {
         display: inline-block;
         -moz-transform: scale( 1.2, 1.2 );
         -webkit-transform: scale( 1.2, 1.2 );
@@ -217,7 +217,7 @@
 
     /**
      * Snow mana */
-    &.@{prefix}-s:before {
+    &.@{ms-prefix}-s:before {
         color: #fff;
         -webkit-text-stroke: 2px #fff;
         font-size: 0.85em;
@@ -225,7 +225,7 @@
         position: relative;
         display: inline-block;
     }
-    &.@{prefix}-s:after {
+    &.@{ms-prefix}-s:after {
         //text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
         content: "\e619";
         position: absolute;
@@ -236,16 +236,16 @@
 
     /**
      * Tap symbols */
-    &.@{prefix}-untap {
+    &.@{ms-prefix}-untap {
         background-color: #111;
         color: #fff;
     }
 
     /**
      * Shadow */
-    &.@{prefix}-shadow {
+    &.@{ms-prefix}-shadow {
         box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111;
-        &.@{prefix}-untap {
+        &.@{ms-prefix}-untap {
             box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff;
         }
     }
@@ -254,21 +254,21 @@
 /**
  * Split costs */
 
-.@{prefix}-split {
+.@{ms-prefix}-split {
     position: relative;
     width: 1.3em;
     height: 1.3em;
 }
-.@{prefix}-split:before,
-.@{prefix}-split:after {
+.@{ms-prefix}-split:before,
+.@{ms-prefix}-split:after {
     font-size: 0.55em !important;
     position: absolute;
 }
-.@{prefix}-split:before {
+.@{ms-prefix}-split:before {
     top: -0.38em;
     left: 0.28em;
 }
-.@{prefix}-split:after {
+.@{ms-prefix}-split:after {
     top: 0.5em;
     left: 1.0em;
 }
diff --git a/less/icons.less b/less/icons.less
index 171506b..9ca4c30 100644
--- a/less/icons.less
+++ b/less/icons.less
@@ -1,95 +1,95 @@
 /**
  * Mana */
 
-.@{prefix}-w:before { content: "\e600"; }
-.@{prefix}-u:before { content: "\e601"; }
-.@{prefix}-b:before { content: "\e602"; }
-.@{prefix}-r:before { content: "\e603"; }
-.@{prefix}-g:before { content: "\e604"; }
-.@{prefix}-0:before { content: "\e605"; }
-.@{prefix}-1:before { content: "\e606"; }
-.@{prefix}-2:before { content: "\e607"; }
-.@{prefix}-3:before { content: "\e608"; }
-.@{prefix}-4:before { content: "\e609"; }
-.@{prefix}-5:before { content: "\e60a"; }
-.@{prefix}-6:before { content: "\e60b"; }
-.@{prefix}-7:before { content: "\e60c"; }
-.@{prefix}-8:before { content: "\e60d"; }
-.@{prefix}-9:before { content: "\e60e"; }
-.@{prefix}-10:before { content: "\e60f"; }
-.@{prefix}-11:before { content: "\e610"; }
-.@{prefix}-12:before { content: "\e611"; }
-.@{prefix}-13:before { content: "\e612"; }
-.@{prefix}-14:before { content: "\e613"; }
-.@{prefix}-15:before { content: "\e614"; }
-.@{prefix}-x:before { content: "\e615"; }
-.@{prefix}-y:before { content: "\e616"; }
-.@{prefix}-z:before { content: "\e617"; }
-.@{prefix}-p:before,
-.@{prefix}-pw:before,
-.@{prefix}-pu:before,
-.@{prefix}-pb:before,
-.@{prefix}-pr:before,
-.@{prefix}-pg:before { content: "\e618"; }
-.@{prefix}-s:before { content: "\e619"; }
+.@{ms-prefix}-w:before { content: "\e600"; }
+.@{ms-prefix}-u:before { content: "\e601"; }
+.@{ms-prefix}-b:before { content: "\e602"; }
+.@{ms-prefix}-r:before { content: "\e603"; }
+.@{ms-prefix}-g:before { content: "\e604"; }
+.@{ms-prefix}-0:before { content: "\e605"; }
+.@{ms-prefix}-1:before { content: "\e606"; }
+.@{ms-prefix}-2:before { content: "\e607"; }
+.@{ms-prefix}-3:before { content: "\e608"; }
+.@{ms-prefix}-4:before { content: "\e609"; }
+.@{ms-prefix}-5:before { content: "\e60a"; }
+.@{ms-prefix}-6:before { content: "\e60b"; }
+.@{ms-prefix}-7:before { content: "\e60c"; }
+.@{ms-prefix}-8:before { content: "\e60d"; }
+.@{ms-prefix}-9:before { content: "\e60e"; }
+.@{ms-prefix}-10:before { content: "\e60f"; }
+.@{ms-prefix}-11:before { content: "\e610"; }
+.@{ms-prefix}-12:before { content: "\e611"; }
+.@{ms-prefix}-13:before { content: "\e612"; }
+.@{ms-prefix}-14:before { content: "\e613"; }
+.@{ms-prefix}-15:before { content: "\e614"; }
+.@{ms-prefix}-x:before { content: "\e615"; }
+.@{ms-prefix}-y:before { content: "\e616"; }
+.@{ms-prefix}-z:before { content: "\e617"; }
+.@{ms-prefix}-p:before,
+.@{ms-prefix}-pw:before,
+.@{ms-prefix}-pu:before,
+.@{ms-prefix}-pb:before,
+.@{ms-prefix}-pr:before,
+.@{ms-prefix}-pg:before { content: "\e618"; }
+.@{ms-prefix}-s:before { content: "\e619"; }
 
 /**
  * Tap/roll symbols */
 
-.@{prefix}-tap:before { content: "\e61a"; }
-.@{prefix}-untap:before { content: "\e61b"; }
-.@{prefix}-tap-alt:before { content: "\e61c"; }
-.@{prefix}-chaos:before { content: "\e61d"; }
+.@{ms-prefix}-tap:before { content: "\e61a"; }
+.@{ms-prefix}-untap:before { content: "\e61b"; }
+.@{ms-prefix}-tap-alt:before { content: "\e61c"; }
+.@{ms-prefix}-chaos:before { content: "\e61d"; }
 
 /**
  * Card types */
 
-.@{prefix}-artifact:before { content: "\e61e"; }
-.@{prefix}-creature:before { content: "\e61f"; }
-.@{prefix}-enchantment:before { content: "\e620"; }
-.@{prefix}-instant:before { content: "\e621"; }
-.@{prefix}-land:before { content: "\e622"; }
-.@{prefix}-planeswalker:before { content: "\e623"; }
-.@{prefix}-sorcery:before { content: "\e624"; }
+.@{ms-prefix}-artifact:before { content: "\e61e"; }
+.@{ms-prefix}-creature:before { content: "\e61f"; }
+.@{ms-prefix}-enchantment:before { content: "\e620"; }
+.@{ms-prefix}-instant:before { content: "\e621"; }
+.@{ms-prefix}-land:before { content: "\e622"; }
+.@{ms-prefix}-planeswalker:before { content: "\e623"; }
+.@{ms-prefix}-sorcery:before { content: "\e624"; }
 
 /**
  * Split symbols */
 
-.@{prefix}-wu:before,
-.@{prefix}-wb:before,
-.@{prefix}-rw:after,
-.@{prefix}-gw:after,
-.@{prefix}-2w:after { content: "\e600"; } // white
-.@{prefix}-ub:before,
-.@{prefix}-ur:before,
-.@{prefix}-wu:after,
-.@{prefix}-gu:after,
-.@{prefix}-2u:after { content: "\e601"; } // blue
-.@{prefix}-br:before,
-.@{prefix}-bg:before,
-.@{prefix}-wb:after,
-.@{prefix}-ub:after,
-.@{prefix}-2b:after { content: "\e602"; } // black
-.@{prefix}-rw:before,
-.@{prefix}-rg:before,
-.@{prefix}-ur:after,
-.@{prefix}-br:after,
-.@{prefix}-2r:after { content: "\e603"; } // red
-.@{prefix}-gw:before,
-.@{prefix}-gu:before,
-.@{prefix}-bg:after,
-.@{prefix}-rg:after,
-.@{prefix}-2g:after { content: "\e604"; } // green
-.@{prefix}-2w:before,
-.@{prefix}-2u:before,
-.@{prefix}-2b:before,
-.@{prefix}-2r:before,
-.@{prefix}-2g:before { content: "\e607"; } // 2
+.@{ms-prefix}-wu:before,
+.@{ms-prefix}-wb:before,
+.@{ms-prefix}-rw:after,
+.@{ms-prefix}-gw:after,
+.@{ms-prefix}-2w:after { content: "\e600"; } // white
+.@{ms-prefix}-ub:before,
+.@{ms-prefix}-ur:before,
+.@{ms-prefix}-wu:after,
+.@{ms-prefix}-gu:after,
+.@{ms-prefix}-2u:after { content: "\e601"; } // blue
+.@{ms-prefix}-br:before,
+.@{ms-prefix}-bg:before,
+.@{ms-prefix}-wb:after,
+.@{ms-prefix}-ub:after,
+.@{ms-prefix}-2b:after { content: "\e602"; } // black
+.@{ms-prefix}-rw:before,
+.@{ms-prefix}-rg:before,
+.@{ms-prefix}-ur:after,
+.@{ms-prefix}-br:after,
+.@{ms-prefix}-2r:after { content: "\e603"; } // red
+.@{ms-prefix}-gw:before,
+.@{ms-prefix}-gu:before,
+.@{ms-prefix}-bg:after,
+.@{ms-prefix}-rg:after,
+.@{ms-prefix}-2g:after { content: "\e604"; } // green
+.@{ms-prefix}-2w:before,
+.@{ms-prefix}-2u:before,
+.@{ms-prefix}-2b:before,
+.@{ms-prefix}-2r:before,
+.@{ms-prefix}-2g:before { content: "\e607"; } // 2
 
 /**
  * Planeswalker symbols */
 
- .@{prefix}-loyalty-up:before { content: "\e627"; } // Up
- .@{prefix}-loyalty-down:before { content: "\e625"; } // Up
- .@{prefix}-loyalty-zero:before { content: "\e626"; } // Up
- .@{prefix}-loyalty-start:before { content: "\e628"; } // Up
+ .@{ms-prefix}-loyalty-up:before { content: "\e627"; } // Up
+ .@{ms-prefix}-loyalty-down:before { content: "\e625"; } // Up
+ .@{ms-prefix}-loyalty-zero:before { content: "\e626"; } // Up
+ .@{ms-prefix}-loyalty-start:before { content: "\e628"; } // Up
diff --git a/less/loyalty.less b/less/loyalty.less
index be10025..213f9da 100644
--- a/less/loyalty.less
+++ b/less/loyalty.less
@@ -1,7 +1,7 @@
 /**
  * Planesalker symbols */
 
-.@{prefix}-loyalty {
+.@{ms-prefix}-loyalty {
 
     // All
     &-up,
@@ -35,7 +35,7 @@
         color: #fff;
         display: inline-block;
         font-size: 0.5em;
-        font-family: @serif-font;
+        font-family: @ms-serif-font;
         position: absolute;
         left: 0;
         line-height: 1.75em;
@@ -45,43 +45,43 @@
     }
     &-0:after { content: "0"; }
     &-up {
-        &.@{prefix}-loyalty-1:after { content: "+1"; }
-        &.@{prefix}-loyalty-2:after { content: "+2"; }
-        &.@{prefix}-loyalty-3:after { content: "+3"; }
-        &.@{prefix}-loyalty-4:after { content: "+4"; }
-        &.@{prefix}-loyalty-5:after { content: "+5"; }
-        &.@{prefix}-loyalty-6:after { content: "+6"; }
-        &.@{prefix}-loyalty-7:after { content: "+7"; }
-        &.@{prefix}-loyalty-8:after { content: "+8"; }
-        &.@{prefix}-loyalty-9:after { content: "+9"; }
-        &.@{prefix}-loyalty-10:after { content: "+10"; }
-        &.@{prefix}-loyalty-x:after { content: "+X"; }
+        &.@{ms-prefix}-loyalty-1:after { content: "+1"; }
+        &.@{ms-prefix}-loyalty-2:after { content: "+2"; }
+        &.@{ms-prefix}-loyalty-3:after { content: "+3"; }
+        &.@{ms-prefix}-loyalty-4:after { content: "+4"; }
+        &.@{ms-prefix}-loyalty-5:after { content: "+5"; }
+        &.@{ms-prefix}-loyalty-6:after { content: "+6"; }
+        &.@{ms-prefix}-loyalty-7:after { content: "+7"; }
+        &.@{ms-prefix}-loyalty-8:after { content: "+8"; }
+        &.@{ms-prefix}-loyalty-9:after { content: "+9"; }
+        &.@{ms-prefix}-loyalty-10:after { content: "+10"; }
+        &.@{ms-prefix}-loyalty-x:after { content: "+X"; }
     }
     &-start {
-        &.@{prefix}-loyalty-1:after { content: "1"; }
-        &.@{prefix}-loyalty-2:after { content: "2"; }
-        &.@{prefix}-loyalty-3:after { content: "3"; }
-        &.@{prefix}-loyalty-4:after { content: "4"; }
-        &.@{prefix}-loyalty-5:after { content: "5"; }
-        &.@{prefix}-loyalty-6:after { content: "6"; }
-        &.@{prefix}-loyalty-7:after { content: "7"; }
-        &.@{prefix}-loyalty-8:after { content: "8"; }
-        &.@{prefix}-loyalty-9:after { content: "9"; }
-        &.@{prefix}-loyalty-10:after { content: "10"; }
-        &.@{prefix}-loyalty-x:after { content: "X"; }
+        &.@{ms-prefix}-loyalty-1:after { content: "1"; }
+        &.@{ms-prefix}-loyalty-2:after { content: "2"; }
+        &.@{ms-prefix}-loyalty-3:after { content: "3"; }
+        &.@{ms-prefix}-loyalty-4:after { content: "4"; }
+        &.@{ms-prefix}-loyalty-5:after { content: "5"; }
+        &.@{ms-prefix}-loyalty-6:after { content: "6"; }
+        &.@{ms-prefix}-loyalty-7:after { content: "7"; }
+        &.@{ms-prefix}-loyalty-8:after { content: "8"; }
+        &.@{ms-prefix}-loyalty-9:after { content: "9"; }
+        &.@{ms-prefix}-loyalty-10:after { content: "10"; }
+        &.@{ms-prefix}-loyalty-x:after { content: "X"; }
     }
     &-down {
         &:after{ line-height: 1.6em; }
-        &.@{prefix}-loyalty-1:after { content: "-1"; }
-        &.@{prefix}-loyalty-2:after { content: "-2"; }
-        &.@{prefix}-loyalty-3:after { content: "-3"; }
-        &.@{prefix}-loyalty-4:after { content: "-4"; }
-        &.@{prefix}-loyalty-5:after { content: "-5"; }
-        &.@{prefix}-loyalty-6:after { content: "-6"; }
-        &.@{prefix}-loyalty-7:after { content: "-7"; }
-        &.@{prefix}-loyalty-8:after { content: "-8"; }
-        &.@{prefix}-loyalty-9:after { content: "-9"; }
-        &.@{prefix}-loyalty-10:after { content: "-10"; }
-        &.@{prefix}-loyalty-x:after { content: "-X"; }
+        &.@{ms-prefix}-loyalty-1:after { content: "-1"; }
+        &.@{ms-prefix}-loyalty-2:after { content: "-2"; }
+        &.@{ms-prefix}-loyalty-3:after { content: "-3"; }
+        &.@{ms-prefix}-loyalty-4:after { content: "-4"; }
+        &.@{ms-prefix}-loyalty-5:after { content: "-5"; }
+        &.@{ms-prefix}-loyalty-6:after { content: "-6"; }
+        &.@{ms-prefix}-loyalty-7:after { content: "-7"; }
+        &.@{ms-prefix}-loyalty-8:after { content: "-8"; }
+        &.@{ms-prefix}-loyalty-9:after { content: "-9"; }
+        &.@{ms-prefix}-loyalty-10:after { content: "-10"; }
+        &.@{ms-prefix}-loyalty-x:after { content: "-X"; }
     }
 }
diff --git a/less/path.less b/less/path.less
index 810ab3b..b577ce3 100644
--- a/less/path.less
+++ b/less/path.less
@@ -1,21 +1,21 @@
 @font-face {
     font-family: 'Mana';
-    src:url( '@{font-path}/mana.eot?v=@{version}' );
-    src:url( '@{font-path}/mana.eot?#iefix&v=@{version}') format( 'embedded-opentype' ),
-        url( '@{font-path}/mana.woff?v=@{version}') format( 'woff' ),
-        url( '@{font-path}/mana.ttf?v=@{version}') format( 'truetype' ),
-        url( '@{font-path}/mana.svg?v=@{version}#mana') format( 'svg' );
+    src:url( '@{ms-font-path}/mana.eot?v=@{ms-version}' );
+    src:url( '@{ms-font-path}/mana.eot?#iefix&v=@{ms-version}') format( 'embedded-opentype' ),
+        url( '@{ms-font-path}/mana.woff?v=@{ms-version}') format( 'woff' ),
+        url( '@{ms-font-path}/mana.ttf?v=@{ms-version}') format( 'truetype' ),
+        url( '@{ms-font-path}/mana.svg?v=@{ms-version}#mana') format( 'svg' );
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'MPlantin';
-    src:url( '@{font-path}/mplantin.eot?v=@{version}' );
-    src:url( '@{font-path}/mplantin.eot?#iefix&v=@{version}') format( 'embedded-opentype' ),
-        url( '@{font-path}/mplantin.woff?v=@{version}') format( 'woff' ),
-        url( '@{font-path}/mplantin.ttf?v=@{version}') format( 'truetype' ),
-        url( '@{font-path}/mplantin.svg?v=@{version}#mplantin') format( 'svg' );
+    src:url( '@{ms-font-path}/mplantin.eot?v=@{ms-version}' );
+    src:url( '@{ms-font-path}/mplantin.eot?#iefix&v=@{ms-version}') format( 'embedded-opentype' ),
+        url( '@{ms-font-path}/mplantin.woff?v=@{ms-version}') format( 'woff' ),
+        url( '@{ms-font-path}/mplantin.ttf?v=@{ms-version}') format( 'truetype' ),
+        url( '@{ms-font-path}/mplantin.svg?v=@{ms-version}#mplantin') format( 'svg' );
     font-weight: normal;
     font-style: normal;
 }
diff --git a/less/sizes.less b/less/sizes.less
index c0599cc..46d243a 100644
--- a/less/sizes.less
+++ b/less/sizes.less
@@ -1,8 +1,8 @@
 /**
  * Larger sizes */
 
-.@{prefix}-2x { font-size: 1.75em; }
-.@{prefix}-3x { font-size: 2.25em; }
-.@{prefix}-4x { font-size: 3.0em; }
-.@{prefix}-5x { font-size: 3.75em; }
-.@{prefix}-6x { font-size: 4.5em; }
+.@{ms-prefix}-2x { font-size: 1.75em; }
+.@{ms-prefix}-3x { font-size: 2.25em; }
+.@{ms-prefix}-4x { font-size: 3.0em; }
+.@{ms-prefix}-5x { font-size: 3.75em; }
+.@{ms-prefix}-6x { font-size: 4.5em; }
diff --git a/less/variables.less b/less/variables.less
index 04f1718..bab2da2 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -1,8 +1,8 @@
 /**
  * Global */
 
-@font-path: '../fonts';
-@version: '0.1';
-@font-size-base: 14px;
-@prefix: ms;
-@serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif';
+@ms-font-path: '../fonts';
+@ms-version: '0.1';
+@ms-font-size-base: 14px;
+@ms-prefix: ms;
+@ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif';