Adds symbols for pawprint (#129); Land Drop (D) and Legendary Mana (L) costs (#134); 4th edition tap (#124); updated lifelink ability (#126); Arena Power and Toughness (#119); Mana Screw flavor watermark (#115); Rad counter (#132); Brick, Deathtouch, and Charge punchout counters (#116); Party class watermarks for Cleric, Rogue, Warrior, and Wizard (#136).

CHANGELOG.md

@@ -14,9 +14,21 @@ All notable changes to this project will be documented in this file.
 
 #### Added
 
+* Pawprint cost symbol ([#129](https://github.com/andrewgioia/mana/issues/129))
+* Land Drop (D) and Legendary Mana (L) cost symbols from Mystery Booster 2 ([#134](https://github.com/andrewgioia/mana/issues/134))
+* 4th Edition tap symbol ([#124](https://github.com/andrewgioia/mana/issues/124))
+* Updated lifelink ability symbol ([#126](https://github.com/andrewgioia/mana/issues/126))
+* Arena Power and Toughness symbols from the new player experience ([#119](https://github.com/andrewgioia/mana/issues/119))
+* Mana Screw flavor watermark ([#115](https://github.com/andrewgioia/mana/issues/115))
+* Rad counter on MTGO ([#132](https://github.com/andrewgioia/mana/issues/132))
+* Brick, Deathtouch, and Charge punchout counters ([#116](https://github.com/andrewgioia/mana/issues/116)). Goad and Finality added as aliases for the identical ability icons.
+* Party class watermarks for Cleric, Rogue, Warrior, and Wizard ([#136](https://github.com/andrewgioia/mana/issues/136))
+
 #### Changed
 
 * **Breaking change:** with Pawprint now being {P}, Phyrexian has been moved to {H} instead. This changes the class names for these mana costs as of this version, so all `.ms-p` will now show the Pawprint instead of the Phyrexian symbol. Please replace Phyrexian with `.ms-h`. Sorry about this!
+* Revised tap symbol aliased to `tap-3ed` in addition to `tap-alt`, to account for the other alternate tap symbol.
+* Lifelink symbol has been updated following Arena's update. The previous one has been changed to `lifelink-original`.
 
 #### Fixed
 

README.md

@@ -1,4 +1,4 @@
-# Mana v1.16.1
+# Mana v1.17.0
 
 ## The Magic: the Gathering mana symbol font!
 

css/mana.css

@@ -1,14 +1,14 @@
 @font-face {
   font-family: "Mana";
-  src: url("../fonts/mana.eot?v=1.16.0");
+  src: url("../fonts/mana.eot?v=1.17.0");
-  src: url("../fonts/mana.eot?#iefix&v=1.16.0") format("embedded-opentype"), url("../fonts/mana.woff?v=1.16.0") format("woff"), url("../fonts/mana.ttf?v=1.16.0") format("truetype"), url("../fonts/mana.svg?v=1.16.0#mana") format("svg");
+  src: url("../fonts/mana.eot?#iefix&v=1.17.0") format("embedded-opentype"), url("../fonts/mana.woff?v=1.17.0") format("woff"), url("../fonts/mana.ttf?v=1.17.0") format("truetype"), url("../fonts/mana.svg?v=1.17.0#mana") format("svg");
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: "MPlantin";
-  src: url("../fonts/mplantin.eot?v=1.16.0");
+  src: url("../fonts/mplantin.eot?v=1.17.0");
-  src: url("../fonts/mplantin.eot?#iefix&v=1.16.0") format("embedded-opentype"), url("../fonts/mplantin.woff?v=1.16.0") format("woff"), url("../fonts/mplantin.ttf?v=1.16.0") format("truetype"), url("../fonts/mplantin.svg?v=1.16.0#mplantin") format("svg");
+  src: url("../fonts/mplantin.eot?#iefix&v=1.17.0") format("embedded-opentype"), url("../fonts/mplantin.woff?v=1.17.0") format("woff"), url("../fonts/mplantin.ttf?v=1.17.0") format("truetype"), url("../fonts/mplantin.svg?v=1.17.0#mplantin") format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -53,6 +53,9 @@
 .ms-1::before {
   content: "\e606";
 }
+.ms-2 {
+  margin-left: inherit !important;
+}
 .ms-2::before {
   content: "\e607";
 }
@@ -119,9 +122,6 @@
 .ms-z::before {
   content: "\e617";
 }
-.ms-p::before, .ms-watermark-phyrexian::before {
-  content: "\e618";
-}
 .ms-s::before {
   content: "\e619";
 }
@@ -146,15 +146,33 @@
 .ms-infinity::before {
   content: "\e903";
 }
+.ms-l::before {
+  content: "\ea2d";
+}
+.ms-d::before {
+  content: "\ea2e";
+}
+.ms-h::before, .ms-watermark-phyrexian::before {
+  content: "\e618";
+}
+.ms-paw::before {
+  content: "\ea32";
+}
+.ms-p::before {
+  content: "\e618";
+}
 .ms-tap::before {
   content: "\e61a";
 }
 .ms-untap::before {
   content: "\e61b";
 }
-.ms-tap-alt::before {
+.ms-tap-alt::before, .ms-tap-3ed::before {
   content: "\e61c";
 }
+.ms-tap-4ed::before {
+  content: "\ea31";
+}
 .ms-chaos::before {
   content: "\e61d";
 }
@@ -341,9 +359,15 @@
 .ms-power::before {
   content: "\e921";
 }
+.ms-power-mtga::before {
+  content: "\ea2f";
+}
 .ms-toughness::before {
   content: "\e922";
 }
+.ms-toughness-mtga::before {
+  content: "\ea30";
+}
 .ms-artist-brush::before {
   content: "\e923";
 }
@@ -410,6 +434,18 @@
 .ms-clan-silumgar::before, .ms-watermark-silumgar::before {
   content: "\e91f";
 }
+.ms-party-cleric::before {
+  content: "\ea59";
+}
+.ms-party-rogue::before {
+  content: "\ea58";
+}
+.ms-party-warrior::before {
+  content: "\ea57";
+}
+.ms-party-wizard::before {
+  content: "\ea56";
+}
 .ms-polis-setessa::before {
   content: "\e926";
 }
@@ -440,12 +476,21 @@
 .ms-counter-brick::before {
   content: "\e92c";
 }
+.ms-counter-brick-print::before {
+  content: "\ea52";
+}
 .ms-counter-charge::before {
   content: "\e92d";
 }
+.ms-counter-charge-print::before {
+  content: "\ea53";
+}
 .ms-counter-damage::before {
   content: "\e9dd";
 }
+.ms-counter-deathtouch::before {
+  content: "\ea51";
+}
 .ms-counter-devotion::before {
   content: "\e92e";
 }
@@ -455,6 +500,9 @@
 .ms-counter-echo::before {
   content: "\e930";
 }
+.ms-counter-finality::before {
+  content: "\ea54";
+}
 .ms-counter-flame::before {
   content: "\e931";
 }
@@ -500,6 +548,9 @@
 .ms-counter-plus-uneven::before {
   content: "\e944";
 }
+.ms-counter-rad::before {
+  content: "\ea50";
+}
 .ms-counter-scream::before {
   content: "\e93e";
 }
@@ -578,6 +629,12 @@
 .ms-ability-boast::before {
   content: "\e991";
 }
+.ms-ability-case-solved::before {
+  content: "\ea39";
+}
+.ms-ability-case-solved-print::before {
+  content: "\ea3a";
+}
 .ms-ability-casualty::before {
   content: "\e9b7";
 }
@@ -593,6 +650,12 @@
 .ms-ability-cleave::before {
   content: "\e9ad";
 }
+.ms-ability-cloak::before {
+  content: "\ea35";
+}
+.ms-ability-collect-evidence::before {
+  content: "\ea36";
+}
 .ms-ability-combat-condition::before {
   content: "\e9ce";
 }
@@ -611,6 +674,12 @@
 .ms-ability-corrupted::before {
   content: "\e9c0";
 }
+.ms-ability-craft::before {
+  content: "\ea3f";
+}
+.ms-ability-crime::before {
+  content: "\ea45";
+}
 .ms-ability-coven::before {
   content: "\e9aa";
 }
@@ -632,9 +701,21 @@
 .ms-ability-defender::before {
   content: "\e94c";
 }
+.ms-ability-delve::before {
+  content: "\ea3b";
+}
+.ms-ability-descend::before {
+  content: "\ea41";
+}
 .ms-ability-devotion::before {
   content: "\e97d";
 }
+.ms-ability-discover::before {
+  content: "\ea40";
+}
+.ms-ability-disguise::before {
+  content: "\ea34";
+}
 .ms-ability-disturb::before {
   content: "\e9ae";
 }
@@ -647,6 +728,9 @@
 .ms-ability-dungeon::before {
   content: "\e995";
 }
+.ms-ability-eerie::before {
+  content: "\ea4d";
+}
 .ms-ability-embalm::before {
   content: "\e97e";
 }
@@ -665,6 +749,12 @@
 .ms-ability-eternalize::before {
   content: "\e97f";
 }
+.ms-ability-exalted::before {
+  content: "\ea33";
+}
+.ms-ability-expend::before {
+  content: "\ea4a";
+}
 .ms-ability-exploit::before {
   content: "\e9af";
 }
@@ -674,6 +764,9 @@
 .ms-ability-fabricate::before {
   content: "\e9a5";
 }
+.ms-ability-ferocious::before {
+  content: "\ea3c";
+}
 .ms-ability-first-strike::before {
   content: "\e950";
 }
@@ -686,10 +779,16 @@
 .ms-ability-for-mirrodin::before {
   content: "\e9c1";
 }
+.ms-ability-forage::before {
+  content: "\ea49";
+}
 .ms-ability-foretell::before, .ms-watermark-foretell::before {
   content: "\e990";
 }
-.ms-ability-goad::before {
+.ms-ability-gift::before {
+  content: "\ea46";
+}
+.ms-ability-goad::before, .ms-counter-goad::before {
   content: "\e9c9";
 }
 .ms-ability-haste::before {
@@ -716,6 +815,9 @@
 .ms-ability-hideaway::before {
   content: "\e9b8";
 }
+.ms-ability-impending::before {
+  content: "\ea4c";
+}
 .ms-ability-improvise::before {
   content: "\e9de";
 }
@@ -741,11 +843,17 @@
   content: "\e994";
 }
 .ms-ability-lifelink::before {
+  content: "\ea4b";
+}
+.ms-ability-lifelink-original::before {
   content: "\e95c";
 }
 .ms-ability-magecraft::before {
   content: "\e993";
 }
+.ms-ability-manifest-dread::before {
+  content: "\ea4f";
+}
 .ms-ability-meld::before {
   content: "\e9bd";
 }
@@ -755,6 +863,9 @@
 .ms-ability-mentor::before {
   content: "\e95e";
 }
+.ms-ability-morph::before {
+  content: "\ea3e";
+}
 .ms-ability-mutate::before {
   content: "\e980";
 }
@@ -764,12 +875,21 @@
 .ms-ability-obscura::before {
   content: "\e9b6";
 }
+.ms-ability-offspring::before {
+  content: "\ea47";
+}
+.ms-ability-outlast::before {
+  content: "\ea3d";
+}
 .ms-ability-party::before {
   content: "\e987";
 }
 .ms-ability-phyrexian::before {
   content: "\e618";
 }
+.ms-ability-plot::before {
+  content: "\ea42";
+}
 .ms-ability-proliferate::before {
   content: "\e981";
 }
@@ -818,12 +938,18 @@
 .ms-ability-role-young-hero::before {
   content: "\e9eb";
 }
+.ms-ability-saddle::before {
+  content: "\ea43";
+}
 .ms-ability-specialize::before {
   content: "\e9bb";
 }
 .ms-ability-spectacle::before {
   content: "\e96b";
 }
+.ms-ability-spree::before {
+  content: "\ea44";
+}
 .ms-ability-static::before, .ms-ability-enchant::before {
   content: "\e962";
 }
@@ -831,8 +957,17 @@
   content: "\e96a";
 }
 .ms-ability-surveil::before {
+  content: "\ea38";
+}
+.ms-ability-surveil-original::before {
   content: "\e963";
 }
+.ms-ability-survival::before {
+  content: "\ea4e";
+}
+.ms-ability-suspect::before {
+  content: "\ea37";
+}
 .ms-ability-the-ring-tempts-you::before {
   content: "\e9e1";
 }
@@ -857,6 +992,9 @@
 .ms-ability-unearth::before {
   content: "\e9bc";
 }
+.ms-ability-valiant::before {
+  content: "\ea48";
+}
 .ms-ability-vigilance::before {
   content: "\e968";
 }
@@ -950,6 +1088,9 @@
 .ms-watermark-flavor-whenfluffybunniesattack::before {
   content: "\e9f8";
 }
+.ms-watermark-flavor-manascrew::before {
+  content: "\ea2c";
+}
 .ms-watermark-fnm::before {
   content: "\ea16";
 }
@@ -1251,7 +1392,13 @@
   background: linear-gradient(135deg, #beb9b2 0%, #beb9b2 50%, #93b483 50%, #93b483 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#beb9b2", endColorstr="#93b483",GradientType=1 );
 }
-.ms-cost.ms-p::before, .ms-cost.ms-wp::before, .ms-cost.ms-up::before, .ms-cost.ms-bp::before, .ms-cost.ms-rp::before, .ms-cost.ms-gp::before, .ms-cost.ms-wup::before, .ms-cost.ms-wbp::before, .ms-cost.ms-ubp::before, .ms-cost.ms-urp::before, .ms-cost.ms-brp::before, .ms-cost.ms-bgp::before, .ms-cost.ms-rwp::before, .ms-cost.ms-rgp::before, .ms-cost.ms-gwp::before, .ms-cost.ms-gup::before {
+.ms-cost.ms-p::before {
+  display: inline-block;
+  -moz-transform: scale(1.2, 1.2);
+  -webkit-transform: scale(1.2, 1.2);
+  transform: scale(1.2, 1.2);
+}
+.ms-cost.ms-wp::before, .ms-cost.ms-up::before, .ms-cost.ms-bp::before, .ms-cost.ms-rp::before, .ms-cost.ms-gp::before, .ms-cost.ms-wup::before, .ms-cost.ms-wbp::before, .ms-cost.ms-ubp::before, .ms-cost.ms-urp::before, .ms-cost.ms-brp::before, .ms-cost.ms-bgp::before, .ms-cost.ms-rwp::before, .ms-cost.ms-rgp::before, .ms-cost.ms-gwp::before, .ms-cost.ms-gup::before {
   display: inline-block;
   -moz-transform: scale(1.2, 1.2);
   -webkit-transform: scale(1.2, 1.2);

docs/assets/docs.css

@@ -226,7 +226,7 @@ blockquote {
 }
 
 .icon {
-    border-radius: 3px;
+    border-radius: 5px;
     display: inline-block;
     overflow: hidden;
     width: 24.5%;
@@ -245,6 +245,10 @@ blockquote {
         margin-bottom: -5px;
     }
 
+    .icon:nth-of-type(4n+1):not(:has(+ .icon)):hover {
+        margin-bottom: -3.5px; /* no idea why */
+    }
+
     .icon .ms {
         font-size: 22px;
         margin-right: 5px;

docs/icons.html

@@ -72,8 +72,8 @@
                     <div class="icon" id="c" name="C">
                         <span><i class="ms ms-c"></i> Colorless Mana <em>(c)</em></span>
                     </div>
-                    <div class="icon" id="p" name="P">
+                    <div class="icon" id="h" name="H">
-                        <span><i class="ms ms-p"></i> Phyrexian Mana <em>(p)</em></span>
+                        <span><i class="ms ms-h"></i> Phyrexian Mana <em>(h)</em></span>
                     </div>
                     <div class="icon" id="s" name="Snow">
                         <span><i class="ms ms-s"></i> Snow Mana <em>(s)</em></span>
@@ -168,6 +168,15 @@
                     <div class="icon" id="e" name="Energy">
                         <span><i class="ms ms-e"></i> Energy <em>(e)</em></span>
                     </div>
+                    <div class="icon" id="paw" name="Paw">
+                        <span><i class="ms ms-paw"></i> Pawprint <em>(paw)</em></span>
+                    </div>
+                    <div class="icon" id="d" name="Land Drop">
+                        <span><i class="ms ms-d"></i> Land Drop <em>(d)</em></span>
+                    </div>
+                    <div class="icon" id="l" name="Legendary Mana">
+                        <span><i class="ms ms-l"></i> Legendary Mana <em>(l)</em></span>
+                    </div>
                 </div>
 
                 <h4 style="padding-top:25px;">Card Symbols</h4>
@@ -179,7 +188,10 @@
                         <span><i class="ms ms-untap"></i> Untap <em>(untap)</em></span>
                     </div>
                     <div class="icon" id="tap-alt" name="Tap (Alt)">
-                        <span><i class="ms ms-tap-alt"></i> Tap <em>(tap-alt)</em></span>
+                        <span><i class="ms ms-tap-3ed"></i> Tap (3ed) <em>(tap-3ed)</em></span>
+                    </div>
+                    <div class="icon" id="tap-alt" name="Tap (Alt)">
+                        <span><i class="ms ms-tap-4ed"></i> Tap (4ed) <em>(tap-4ed)</em></span>
                     </div>
                     <div class="icon" id="chaos" name="Chaos">
                         <span><i class="ms ms-chaos"></i> Chaos <em>(chaos)</em></span>
@@ -193,6 +205,12 @@
                     <div class="icon" id="toughness" name="Toughness">
                         <span><i class="ms ms-toughness"></i> Toughness <em>(toughness)</em></span>
                     </div>
+                    <div class="icon" id="power-mtga" name="Power (Arena)">
+                        <span><i class="ms ms-power-mtga"></i> Power (Arena) <em>(power-mtga)</em></span>
+                    </div>
+                    <div class="icon" id="toughness-mtga" name="Toughness (Arena)">
+                        <span><i class="ms ms-toughness-mtga"></i> Toughness (Arena) <em>(toughness-mtga)</em></span>
+                    </div>
                     <div class="icon" id="artist-brush" name="Artist (Brush)">
                         <span><i class="ms ms-artist-brush"></i> Artist (Brush) <em>(artist-brush)</em></span>
                     </div>
@@ -504,6 +522,9 @@
                     <div class="icon" id="counter-plus" name="Plus Counter">
                         <span><i class="ms ms-counter-plus ms-2x"></i> Plus <em>(counter-plus)</em></span>
                     </div>
+                    <div class="icon" id="counter-rad" name="Rad Counter">
+                        <span><i class="ms ms-counter-rad ms-2x"></i> Rad <em>(counter-rad)</em></span>
+                    </div>
                     <div class="icon" id="counter-plus-uneven" name="Uneven Plus Counter">
                         <span><i class="ms ms-counter-plus-uneven ms-2x"></i> Plus (Uneven) <em>(counter-plus-uneven)</em></span>
                     </div>
@@ -546,6 +567,25 @@
                     </div>
                 </div>
 
+                <h4 style="padding-top:25px;">Print/Punch-out Counters</h4>
+                <div class="icons">
+                    <div class="icon" id="counter-brick-print" name="Brick">
+                        <span><i class="ms ms-counter-brick-print ms-2x"></i> Brick <em>(counter-brick-print)</em></span>
+                    </div>
+                    <div class="icon" id="counter-charge-print" name="Charge">
+                        <span><i class="ms ms-counter-charge-print ms-2x"></i> Charge <em>(counter-charge-print)</em></span>
+                    </div>
+                    <div class="icon" id="counter-deathtouch" name="Deathtouch">
+                        <span><i class="ms ms-counter-deathtouch ms-2x"></i> Deathtouch <em>(counter-deathtouch)</em></span>
+                    </div>
+                    <div class="icon" id="counter-finality" name="Finality">
+                        <span><i class="ms ms-counter-finality ms-2x"></i> Finality <em>(counter-finality)</em></span>
+                    </div>
+                    <div class="icon" id="counter-goad" name="Deathtouch">
+                        <span><i class="ms ms-counter-goad ms-2x"></i> Goad <em>(counter-goad)</em></span>
+                    </div>
+                </div>
+
                 <h4 style="padding-top:25px;">Arena Ability Symbols</h4>
                 <div class="icons">
                     <div class="icon" id="activated" name="Activated Ability">
@@ -758,6 +798,9 @@
                     <div class="icon" id="lifelink" name="Lifelink">
                         <span><i class="ms ms-ability-lifelink"></i> Lifelink <em>(ability-lifelink)</em></span>
                     </div>
+                    <div class="icon" id="lifelink-original" name="Lifelink (Original)">
+                        <span><i class="ms ms-ability-lifelink-original"></i> Lifelink (Original) <em>(ability-lifelink-original)</em></span>
+                    </div>
                     <div class="icon" id="magecraft" name="Magecraft">
                         <span><i class="ms ms-ability-magecraft"></i> Magecraft <em>(ability-magecraft)</em></span>
                     </div>
@@ -883,7 +926,7 @@
                     </div>
                 </div>
 
-                <h4 style="padding-top:25px;">Guild, Clan, and Family Watermarks</h4>
+                <h4 style="padding-top:25px;">Guild, Clan, Family, Poleis, and Party Watermarks</h4>
                 <div class="icons">
                     <div class="icon" id="azorius" name="Azorius">
                         <span><i class="ms ms-guild-azorius"></i> Azorius <em>(guild-azorius)</em></span>
@@ -960,6 +1003,27 @@
                     <div class="icon" id="riveteers" name="Riveteers">
                         <span><i class="ms ms-watermark-riveteers"></i> Riveteers <em>(watermark-riveteers)</em></span>
                     </div>
+                    <div class="icon" id="setessa" name="Setessa">
+                        <span><i class="ms ms-polis-setessa"></i> Setessa <em>(polis-setessa)</em></span>
+                    </div>
+                    <div class="icon" id="akros" name="Akros">
+                        <span><i class="ms ms-polis-akros"></i> Akros <em>(polis-akros)</em></span>
+                    </div>
+                    <div class="icon" id="meletis" name="Meletis">
+                        <span><i class="ms ms-polis-meletis"></i> Meletis <em>(polis-meletis)</em></span>
+                    </div>
+                    <div class="icon" id="cleric" name="Cleric">
+                        <span><i class="ms ms-party-cleric"></i> Cleric <em>(party-cleric)</em></span>
+                    </div>
+                    <div class="icon" id="rogue" name="Rogue">
+                        <span><i class="ms ms-party-rogue"></i> Rogue <em>(party-rogue)</em></span>
+                    </div>
+                    <div class="icon" id="warrior" name="Warrior">
+                        <span><i class="ms ms-party-warrior"></i> Warrior <em>(party-warrior)</em></span>
+                    </div>
+                    <div class="icon" id="wizard" name="Wizard">
+                        <span><i class="ms ms-party-wizard"></i> Wizard <em>(party-wizard)</em></span>
+                    </div>
                 </div>
                 <h4 style="padding-top:25px;">Strixhaven School Symbols</h4>
                 <div class="icons">
@@ -1017,6 +1081,9 @@
                     <div class="icon" id="watermark-flavor-farewelltoarms" name="Farewell to Arms">
                         <span><i class="ms ms-watermark-flavor-farewelltoarms"></i> Farewell to Arms <em>(watermark-flavor-farewelltoarms)</em></span>
                     </div>
+                    <div class="icon" id="watermark-flavor-manascrew" name="Mana Screw">
+                        <span><i class="ms ms-watermark-flavor-manascrew"></i> Mana Screw <em>(watermark-flavor-manascrew)</em></span>
+                    </div>
                     <div class="icon" id="watermark-flavor-monkeymonkeymonkey" name="Monkey Monkey Monkey">
                         <span><i class="ms ms-watermark-flavor-monkeymonkeymonkey"></i> Monkey Monkey Monkey <em>(watermark-flavor-monkeymonkeymonkey)</em></span>
                     </div>
@@ -1171,18 +1238,6 @@
                         <span><i class="ms ms-watermark-protour"></i> Pro Tour <em>(watermark-protour)</em></span>
                     </div>
                 </div>
-                <h4 style="padding-top:25px;">Poleis Symbols</h4>
-                <div class="icons">
-                    <div class="icon" id="setessa" name="Setessa">
-                        <span><i class="ms ms-polis-setessa"></i> Setessa <em>(polis-setessa)</em></span>
-                    </div>
-                    <div class="icon" id="akros" name="Akros">
-                        <span><i class="ms ms-polis-akros"></i> Akros <em>(polis-akros)</em></span>
-                    </div>
-                    <div class="icon" id="meletis" name="Meletis">
-                        <span><i class="ms ms-polis-meletis"></i> Meletis <em>(polis-meletis)</em></span>
-                    </div>
-                </div>
             </section>
         </div>
     </main>

index.html

@@ -127,7 +127,7 @@
                 <i class="ms ms-z ms-cost ms-shadow"></i>
             </div>
         </p>
-        <h3>Phyrexian, snow, colorless, energy, and split symbols</h3>
+        <h3>Phyrexian, snow, colorless, energy, split, and other costs</h3>
         <p>
             <i class="ms ms-wp ms-cost ms-shadow"></i>
             <i class="ms ms-up ms-cost ms-shadow"></i>
@@ -138,6 +138,9 @@
             <i class="ms ms-s-mtga ms-cost ms-shadow"></i>
             <i class="ms ms-c ms-cost ms-shadow"></i>
             <i class="ms ms-e"></i>
+            <i class="ms ms-paw"></i>
+            <i class="ms ms-d"></i>
+            <i class="ms ms-l"></i>
             <br />
             <i class="ms ms-wu ms-cost ms-shadow"></i>
             <i class="ms ms-wb ms-cost ms-shadow"></i>
@@ -170,7 +173,8 @@
         <p>
             <i class="ms ms-tap ms-cost ms-shadow"></i>
             <i class="ms ms-untap ms-cost"></i>
-            <i class="ms ms-tap-alt ms-cost ms-shadow"></i>
+            <i class="ms ms-tap-3ed ms-cost ms-shadow"></i>
+            <i class="ms ms-tap-4ed ms-cost ms-shadow"></i>
             <i class="ms ms-chaos"></i>
         </p>
         <h3>2x size (3-6x also included)</h3>
@@ -189,13 +193,16 @@
             <i class="ms ms-r ms-half ms-cost"></i>
             <i class="ms ms-g ms-half ms-cost"></i>
         </p>
-        <h3>Portal power and toughness symbols</h3>
+        <h3>Power and toughness symbols</h3>
         <p>
             <span class="mplantin pt">4</span>
             <i class="ms ms-power" style="font-size: 1.05em; margin: -8px 0 0 -3px;"></i>
             <span class="mplantin pt" style="margin-left: -3px;">/</span>
             <span class="mplantin pt" style="margin-left: -2px;">5</span>
             <i class="ms ms-toughness" style="font-size: 1.05em; margin: -9px 0 0 -3px;"></i>
+            &nbsp;&nbsp;&nbsp;
+            <i class="ms ms-power-mtga"></i>
+            <i class="ms ms-toughness-mtga"></i>
         </p>
         <h3>Un-set mana symbols</h3>
         <p>
@@ -270,6 +277,27 @@
             <i class="ms ms-defense ms-defense-outline ms-defense-5 ms-2x"></i>
             <i class="ms ms-defense ms-defense-print ms-defense-4 ms-3x"></i>
         </div>
+        <h3>Double-faced card symbols</h3>
+        <p class="grid">
+            <i class="ms ms-dfc ms-dfc-day ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-night ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-spark ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-ignite ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-moon ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-emrakul ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-enchantment ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-land ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-lesson ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-saga ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-saga-creature ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-front ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-back ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-meld ms-2x ms-fw"></i>
+            <i class="ms ms-dfc ms-dfc-facedown ms-2x ms-fw"></i>
+            &nbsp;&nbsp;
+            <i class="ms ms-dfc-modal-face ms-2x ms-fw"></i>
+            <i class="ms ms-dfc-modal-back ms-2x ms-fw"></i>
+        </p>
         <h3>Card Watermarks</h3>
         <p class="grid">
             <i class="ms ms-watermark-abzan ms-2x ms-fw" title="Abzan"></i>
@@ -284,6 +312,14 @@
             <i class="ms ms-watermark-conspiracy ms-2x ms-fw" title="Conspiracy"></i>
             <i class="ms ms-watermark-corocoro ms-2x ms-fw" title="Coro Coro"></i>
             <i class="ms ms-watermark-crossbreedlabs ms-2x ms-fw" title="Crossbreed Labs"></i>
+            <i class="ms ms-watermark-cutiemark-apples ms-2x ms-fw" title="My Little Pony: Apples"></i>
+            <i class="ms ms-watermark-cutiemark-balloons ms-2x ms-fw" title="My Little Pony: Balloons"></i>
+            <i class="ms ms-watermark-cutiemark-butterflies ms-2x ms-fw" title="My Little Pony: Butterflies"></i>
+            <i class="ms ms-watermark-cutiemark-gems ms-2x ms-fw" title="My Little Pony: Gems"></i>
+            <i class="ms ms-watermark-cutiemark-rainbow ms-2x ms-fw" title="My Little Pony: Rainbow"></i>
+            <i class="ms ms-watermark-cutiemark-sparkle ms-2x ms-fw" title="My Little Pony: Sparkle"></i>
+            <i class="ms ms-watermark-cutiemark-waningmoon ms-2x ms-fw" title="My Little Pony: Waning Moon"></i>
+            <i class="ms ms-watermark-cutiemark-waxingmoon ms-2x ms-fw" title="My Little Pony: Waxing Moon"></i>
             <i class="ms ms-watermark-dnd ms-2x ms-fw" title="D&D"></i>
             <i class="ms ms-watermark-dci ms-2x ms-fw" title="DCI"></i>
             <i class="ms ms-watermark-dengekimaoh ms-2x ms-fw" title="Dengeki-Maoh"></i>
@@ -292,6 +328,7 @@
             <i class="ms ms-watermark-dromoka ms-2x ms-fw" title="Dromoka"></i>
             <i class="ms ms-watermark-flavor-aestheticconsultation ms-2x ms-fw" title="Flavor (Aesthetic Consultation)"></i>
             <i class="ms ms-watermark-flavor-farewelltoarms ms-2x ms-fw" title="Flavor (Farewell to Arms)"></i>
+            <i class="ms ms-watermark-flavor-manascrew ms-2x ms-fw" title="Flavor (Mana Screw)"></i>
             <i class="ms ms-watermark-flavor-monkeymonkeymonkey ms-2x ms-fw" title="Flavor (Monkey Monkey Monkey)"></i>
             <i class="ms ms-watermark-flavor-moxlotus ms-2x ms-fw" title="Flavor (Mox Lotus)"></i>
             <i class="ms ms-watermark-flavor-myfirsttome ms-2x ms-fw" title="Flavor (My First Tome)"></i>
@@ -327,14 +364,6 @@
             <i class="ms ms-watermark-maestros ms-2x ms-fw" title="Maestros"></i>
             <i class="ms ms-watermark-mardu ms-2x ms-fw" title="Mardu"></i>
             <i class="ms ms-watermark-mirran ms-2x ms-fw" title="Mirran"></i>
-            <i class="ms ms-watermark-cutiemark-apples ms-2x ms-fw" title="My Little Pony: Apples"></i>
-            <i class="ms ms-watermark-cutiemark-balloons ms-2x ms-fw" title="My Little Pony: Balloons"></i>
-            <i class="ms ms-watermark-cutiemark-butterflies ms-2x ms-fw" title="My Little Pony: Butterflies"></i>
-            <i class="ms ms-watermark-cutiemark-gems ms-2x ms-fw" title="My Little Pony: Gems"></i>
-            <i class="ms ms-watermark-cutiemark-rainbow ms-2x ms-fw" title="My Little Pony: Rainbow"></i>
-            <i class="ms ms-watermark-cutiemark-sparkle ms-2x ms-fw" title="My Little Pony: Sparkle"></i>
-            <i class="ms ms-watermark-cutiemark-waningmoon ms-2x ms-fw" title="My Little Pony: Waning Moon"></i>
-            <i class="ms ms-watermark-cutiemark-waxingmoon ms-2x ms-fw" title="My Little Pony: Waxing Moon"></i>
             <i class="ms ms-watermark-mps ms-2x ms-fw" title="MPS"></i>
             <i class="ms ms-watermark-mtg ms-2x ms-fw" title="MTG"></i>
             <i class="ms ms-watermark-mtg10 ms-2x ms-fw" title="Magic 10th Anniversary"></i>
@@ -383,11 +412,15 @@
             <i class="ms ms-ability-bargain ms-2x ms-fw" title="Bargain"></i>
             <i class="ms ms-ability-blitz ms-2x ms-fw" title="Blitz"></i>
             <i class="ms ms-ability-boast ms-2x ms-fw" title="Boast"></i>
+            <i class="ms ms-ability-case-solved ms-2x ms-fw" title="Case Solved"></i>
+            <i class="ms ms-ability-case-solved-print ms-2x ms-fw" title="Case Solved (Print)"></i>
             <i class="ms ms-ability-casualty ms-2x ms-fw" title="Casualty"></i>
             <i class="ms ms-ability-celebration ms-2x ms-fw" title="Celebration"></i>
             <i class="ms ms-ability-changeling ms-2x ms-fw" title="Changeling"></i>
             <i class="ms ms-ability-channel ms-2x ms-fw" title="Channel"></i>
             <i class="ms ms-ability-cleave ms-2x ms-fw" title="Cleave"></i>
+            <i class="ms ms-ability-cloak ms-2x ms-fw" title="Cloak"></i>
+            <i class="ms ms-ability-collect-evidence ms-2x ms-fw" title="Collect Evidence"></i>
             <i class="ms ms-ability-combat-condition ms-2x ms-fw" title="Combat Condition"></i>
             <i class="ms ms-ability-companion ms-2x ms-fw" title="Companion"></i>
             <i class="ms ms-ability-constellation ms-2x ms-fw" title="Constellation"></i>
@@ -395,31 +428,43 @@
             <i class="ms ms-ability-convoke-original ms-2x ms-fw" title="Convoke (Original)"></i>
             <i class="ms ms-ability-corrupted ms-2x ms-fw" title="Corrupted"></i>
             <i class="ms ms-ability-coven ms-2x ms-fw" title="Coven"></i>
+            <i class="ms ms-ability-craft ms-2x ms-fw" title="Craft"></i>
+            <i class="ms ms-ability-crime ms-2x ms-fw" title="Crime"></i>
             <i class="ms ms-ability-d20 ms-2x ms-fw" title="D20"></i>
             <i class="ms ms-ability-day-night ms-2x ms-fw" title="Day/Night"></i>
             <i class="ms ms-ability-daybound-nightbound ms-2x ms-fw" title="Daybound/Nightbound"></i>
             <i class="ms ms-ability-deathtouch ms-2x ms-fw" title="Deathtouch"></i>
             <i class="ms ms-ability-decayed ms-2x ms-fw" title="Decayed"></i>
             <i class="ms ms-ability-defender ms-2x ms-fw" title="Defender"></i>
+            <i class="ms ms-ability-delve ms-2x ms-fw" title="Delve"></i>
+            <i class="ms ms-ability-descend ms-2x ms-fw" title="Descend"></i>
             <i class="ms ms-ability-devotion ms-2x ms-fw" title="Devotion"></i>
+            <i class="ms ms-ability-discover ms-2x ms-fw" title="Discover"></i>
+            <i class="ms ms-ability-disguise ms-2x ms-fw" title="Disguise"></i>
             <i class="ms ms-ability-disturb ms-2x ms-fw" title="Disturb"></i>
             <i class="ms ms-ability-domain ms-2x ms-fw" title="Domain"></i>
             <i class="ms ms-ability-double-strike ms-2x ms-fw" title="Double Strike"></i>
             <i class="ms ms-ability-dungeon ms-2x ms-fw" title="Dungeon"></i>
+            <i class="ms ms-ability-eerie ms-2x ms-fw" title="Eerie"></i>
             <i class="ms ms-ability-embalm ms-2x ms-fw" title="Embalm"></i>
             <i class="ms ms-ability-enlist ms-2x ms-fw" title="Enlist"></i>
             <i class="ms ms-ability-enrage ms-2x ms-fw" title="Enrage"></i>
             <i class="ms ms-ability-enrage-original ms-2x ms-fw" title="Enrage (Original)"></i>
             <i class="ms ms-ability-escape ms-2x ms-fw" title="Escape"></i>
             <i class="ms ms-ability-eternalize ms-2x ms-fw" title="Eternalize"></i>
+            <i class="ms ms-ability-exalted ms-2x ms-fw" title="Exalted"></i>
+            <i class="ms ms-ability-expend ms-2x ms-fw" title="Expend"></i>
             <i class="ms ms-ability-exploit ms-2x ms-fw" title="Exploit"></i>
             <i class="ms ms-ability-explore ms-2x ms-fw" title="Explore"></i>
             <i class="ms ms-ability-fabricate ms-2x ms-fw" title="Fabricate"></i>
+            <i class="ms ms-ability-ferocious ms-2x ms-fw" title="Ferocious"></i>
             <i class="ms ms-ability-first-strike ms-2x ms-fw" title="First Strike"></i>
             <i class="ms ms-ability-flash ms-2x ms-fw" title="Flash"></i>
             <i class="ms ms-ability-flying ms-2x ms-fw" title="Flying"></i>
             <i class="ms ms-ability-for-mirrodin ms-2x ms-fw" title="For Mirrodin!"></i>
             <i class="ms ms-ability-foretell ms-2x ms-fw" title="Foretell"></i>
+            <i class="ms ms-ability-forage ms-2x ms-fw" title="Forage"></i>
+            <i class="ms ms-ability-gift ms-2x ms-fw" title="Gift"></i>
             <i class="ms ms-ability-goad ms-2x ms-fw" title="Goad"></i>
             <i class="ms ms-ability-haste ms-2x ms-fw" title="Haste"></i>
             <i class="ms ms-ability-hexproof ms-2x ms-fw" title="Hexproof: Generic"></i>
@@ -429,6 +474,7 @@
             <i class="ms ms-ability-hexproof-red ms-2x ms-fw" title="Hexproof: Red"></i>
             <i class="ms ms-ability-hexproof-green ms-2x ms-fw" title="Hexproof: Green"></i>
             <i class="ms ms-ability-hideaway ms-2x ms-fw" title="Hideaway"></i>
+            <i class="ms ms-ability-impending ms-2x ms-fw" title="Impending"></i>
             <i class="ms ms-ability-improvise ms-2x ms-fw" title="Improvise"></i>
             <i class="ms ms-ability-incubate ms-2x ms-fw" title="Incubate"></i>
             <i class="ms ms-ability-indestructible ms-2x ms-fw" title="Indestructible"></i>
@@ -438,15 +484,21 @@
             <i class="ms ms-ability-landfall ms-2x ms-fw" title="Landfall"></i>
             <i class="ms ms-ability-learn ms-2x ms-fw" title=":Learn"></i>
             <i class="ms ms-ability-lifelink ms-2x ms-fw" title="Lifelink"></i>
+            <i class="ms ms-ability-lifelink-original ms-2x ms-fw" title="Lifelink (Original)"></i>
             <i class="ms ms-ability-magecraft ms-2x ms-fw" title="Magecraft"></i>
+            <i class="ms ms-ability-manifest-dread ms-2x ms-fw" title="Manifest Dread"></i>
             <i class="ms ms-ability-meld ms-2x ms-fw" title="Meld"></i>
             <i class="ms ms-ability-menace ms-2x ms-fw" title="Menace"></i>
             <i class="ms ms-ability-mentor ms-2x ms-fw" title="Mentor"></i>
+            <i class="ms ms-ability-morph ms-2x ms-fw" title="Morph"></i>
             <i class="ms ms-ability-mutate ms-2x ms-fw" title="Ninjutsu"></i>
             <i class="ms ms-ability-ninjutsu ms-2x ms-fw" title="Explore"></i>
             <i class="ms ms-ability-obscura ms-2x ms-fw" title="Obscura"></i>
+            <i class="ms ms-ability-offspring ms-2x ms-fw" title="Offspring"></i>
+            <i class="ms ms-ability-outlast ms-2x ms-fw" title="Outlast"></i>
             <i class="ms ms-ability-party ms-2x ms-fw" title="Party"></i>
             <i class="ms ms-ability-phyrexian ms-2x ms-fw" title="Phyrexian"></i>
+            <i class="ms ms-ability-plot ms-2x ms-fw" title="Plot"></i>
             <i class="ms ms-ability-proliferate ms-2x ms-fw" title="Proliferate"></i>
             <i class="ms ms-ability-prototype ms-2x ms-fw" title="Prototype"></i>
             <i class="ms ms-ability-prowess ms-2x ms-fw" title="Prowess"></i>
@@ -463,11 +515,16 @@
             <i class="ms ms-ability-role-sorceror ms-2x ms-fw" title="Sorceror Role"></i>
             <i class="ms ms-ability-role-wicked ms-2x ms-fw" title="Wicked Role"></i>
             <i class="ms ms-ability-role-young-hero ms-2x ms-fw" title="Young Hero Role"></i>
+            <i class="ms ms-ability-saddle ms-2x ms-fw" title="Saddle"></i>
             <i class="ms ms-ability-specialize ms-2x ms-fw" title="Explore"></i>
             <i class="ms ms-ability-spectacle ms-2x ms-fw" title="Spectacle"></i>
+            <i class="ms ms-ability-spree ms-2x ms-fw" title="Spree"></i>
             <i class="ms ms-ability-static ms-2x ms-fw" title="Static"></i>
+            <i class="ms ms-ability-survival ms-2x ms-fw" title="Survival"></i>
+            <i class="ms ms-ability-suspect ms-2x ms-fw" title="Suspect"></i>
             <i class="ms ms-ability-summoning-sickness ms-2x ms-fw" title="Summoning Sickness"></i>
             <i class="ms ms-ability-surveil ms-2x ms-fw" title="Surveil"></i>
+            <i class="ms ms-ability-surveil-original ms-2x ms-fw" title="Surveil (Original)"></i>
             <i class="ms ms-ability-the-ring-tempts-you ms-2x ms-fw" title="The Ring Tempts You"></i>
             <i class="ms ms-ability-toxic ms-2x ms-fw" title="Toxic"></i>
             <i class="ms ms-ability-training ms-2x ms-fw" title="Training"></i>
@@ -476,18 +533,25 @@
             <i class="ms ms-ability-triggered ms-2x ms-fw" title="Triggered"></i>
             <i class="ms ms-ability-undergrowth ms-2x ms-fw" title="Undergrowth"></i>
             <i class="ms ms-ability-unearth ms-2x ms-fw" title="Unearth"></i>
+            <i class="ms ms-ability-valiant ms-2x ms-fw" title="Valiant"></i>
             <i class="ms ms-ability-vigilance ms-2x ms-fw" title="Vigilance"></i>
             <i class="ms ms-ability-ward ms-2x ms-fw" title="Ward"></i>
             &nbsp;&nbsp;
             <i class="ms ms-ability-haktos-the-unscarred ms-2x ms-fw" title="Haktos the Unscarred"></i>
             <i class="ms ms-ability-robber-of-the-rich ms-2x ms-fw" title="Robber of the Rich"></i>
         </p>
-        <h3>Arena Exclusive Counters</h3>
+        <h3>Arena Counters</h3>
         <p class="grid">
             <i class="ms ms-counter-damage ms-2x ms-fw" title="Damaged"></i>
+            <i class="ms ms-counter-finality ms-2x ms-fw" title="Finality"></i>
             <i class="ms ms-counter-shield ms-2x ms-fw" title="Shield"></i>
             <i class="ms ms-counter-stun ms-2x ms-fw" title="Stun"></i>
         </p>
+        <h3>Print/Punch-out Counters</h3>
+        <p class="grid">
+            <i class="ms ms-counter-brick-print ms-2x ms-fw" title="Brick (Print)"></i>
+            <i class="ms ms-counter-charge-print ms-2x ms-fw" title="Charge (Print)"></i>
+            <i class="ms ms-counter-deathtouch ms-2x ms-fw" title="Deathtouch"></i>
         <h3>Magic Online Counters</h3>
         <p class="grid">
             <i class="ms ms-counter-arrow ms-2x ms-fw" title="Arrow"></i>
@@ -511,6 +575,7 @@
             <i class="ms ms-counter-pin ms-2x ms-fw" title="Pin"></i>
             <i class="ms ms-counter-plus ms-2x ms-fw" title="Plus"></i>
             <i class="ms ms-counter-plus-uneven ms-2x ms-fw" title="Plus Uneven"></i>
+            <i class="ms ms-counter-rad ms-2x ms-fw" title="Rad"></i>
             <i class="ms ms-counter-scream ms-2x ms-fw" title="Scream"></i>
             <i class="ms ms-counter-skeleton ms-2x ms-fw" title="Skeleton"></i>
             <i class="ms ms-counter-skull ms-2x ms-fw" title="Skull"></i>
@@ -550,27 +615,6 @@
             <i class="ms ms-graveyard ms-2x ms-fw" title="Graveyard"></i>
             <i class="ms ms-exile ms-2x ms-fw" title="Exile"></i>
         </p>
-        <h3>Double-faced card symbols</h3>
-        <p class="grid">
-            <i class="ms ms-dfc ms-dfc-day ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-night ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-spark ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-ignite ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-moon ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-emrakul ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-enchantment ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-land ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-lesson ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-saga ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-saga-creature ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-front ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-back ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-meld ms-2x ms-fw"></i>
-            <i class="ms ms-dfc ms-dfc-facedown ms-2x ms-fw"></i>
-            &nbsp;&nbsp;
-            <i class="ms ms-dfc-modal-face ms-2x ms-fw"></i>
-            <i class="ms ms-dfc-modal-back ms-2x ms-fw"></i>
-        </p>
         <h3>Guild Symbols</h3>
         <p class="grid">
             <i class="ms ms-guild-azorius ms-2x ms-fw"></i>
@@ -615,6 +659,13 @@
             <i class="ms ms-school-witherbloom ms-2x ms-fw" title="Witherbloom"></i>
             <i class="ms ms-school-witherbloom ms-duo ms-duo-color ms-2x ms-fw" title="Witherbloom (Duo)"></i>
         </p>
+        <h3>Party Symbols</h3>
+        <p class="grid">
+            <i class="ms ms-party-cleric ms-2x ms-fw" title="Cleric"></i>
+            <i class="ms ms-party-rogue ms-2x ms-fw" title="Rogue"></i>
+            <i class="ms ms-party-warrior ms-2x ms-fw" title="Warrior"></i>
+            <i class="ms ms-party-wizard ms-2x ms-fw" title="Wizard"></i>
+        </p>
         <h3>Poleis Symbols</h3>
         <p class="grid">
             <i class="ms ms-polis-setessa ms-2x ms-fw" title="Setessa"></i>
@@ -627,4 +678,4 @@
         Made with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a>
     </footer>
 </body>
-</html>
+</html> 

sass/_aliases.scss

@@ -263,6 +263,12 @@
     }
 }
 
+// counter/ability aliases
+.#{variables.$ms-prefix}-counter {
+    &-goad { @extend .#{variables.$ms-prefix}-ability-goad; }
+    &-finality { @extend .#{variables.$ms-prefix}-ability-finality; }
+}
+
 // watermark aliases
 .#{variables.$ms-prefix}-watermark {
     &-abzan { @extend .#{variables.$ms-prefix}-clan-abzan; }
@@ -281,7 +287,7 @@
     &-mardu { @extend .#{variables.$ms-prefix}-clan-mardu; }
     &-ojutai { @extend .#{variables.$ms-prefix}-clan-ojutai; }
     &-orzhov { @extend .#{variables.$ms-prefix}-guild-orzhov; }
-    &-phyrexian { @extend .#{variables.$ms-prefix}-p; }
+    &-phyrexian { @extend .#{variables.$ms-prefix}-h; }
     &-planeswalker { @extend .#{variables.$ms-prefix}-planeswalker; }
     &-prismari { @extend .#{variables.$ms-prefix}-school-prismari; }
     &-quandrix { @extend .#{variables.$ms-prefix}-school-quandrix; }

sass/_cost.scss

@@ -240,7 +240,21 @@
     }
 
     // phyrexian mana size increases
-    &.#{variables.$ms-prefix}-p::before,
+    @if variables.$ms-phyrexian-h {
+      &.#{variables.$ms-prefix}-h::before {
+        display: inline-block;
+        -moz-transform: scale( 1.2, 1.2 );
+        -webkit-transform: scale( 1.2, 1.2 );
+        transform: scale( 1.2, 1.2 );
+      }
+    } @else {
+      &.#{variables.$ms-prefix}-p::before {
+        display: inline-block;
+        -moz-transform: scale( 1.2, 1.2 );
+        -webkit-transform: scale( 1.2, 1.2 );
+        transform: scale( 1.2, 1.2 );
+      }
+    }
     &.#{variables.$ms-prefix}-wp::before,
     &.#{variables.$ms-prefix}-up::before,
     &.#{variables.$ms-prefix}-bp::before,

sass/_icons.scss

@@ -16,7 +16,7 @@
     &-1::before { content: "\e606"; }
     &-2 { // need to correct for bootstrap's .ms-2 utility class
         margin-left: inherit !important;
-        &::before { content: "\e607"; 
+        &::before { content: "\e607"; }
     }
     &-3::before { content: "\e608"; }
     &-4::before { content: "\e609"; }
@@ -39,22 +39,38 @@
     &-x::before { content: "\e615"; }
     &-y::before { content: "\e616"; }
     &-z::before { content: "\e617"; }
-    &-p::before { content: "\e618"; }
     &-s::before { content: "\e619"; }
     &-s-mtga::before { content: "\e996"; }
     &-c::before { content: "\e904"; }
     &-e::before,
-    &-energy::before{ content: "\e907"; }
+        &-energy::before{ content: "\e907"; }
     &-acorn::before { content: "\e929"; }
     &-ticket::before,
         &-tk::before { content: "\e9c4"; }
     &-1-2::before { content: "\e902"; }
     &-infinity::before { content: "\e903"; }
+    &-l::before { content: "\ea2d"; }
+    &-d::before { content: "\ea2e"; }
+
+    // phyrexian/paw handling
+    &-h::before { content: "\e618"; }
+    &-paw::before { content: "\ea32"; }
+    &-p {
+        @if variables.$ms-phyrexian-h { 
+            // paw as p
+            &::before { content: "\ea32"; }
+        } @else {
+            // old .ms-p for phyrexian
+            &::before { content: "\e618"; }
+        }
+    }
 
     // tap/roll
     &-tap::before { content: "\e61a"; }
     &-untap::before { content: "\e61b"; }
-    &-tap-alt::before { content: "\e61c"; }
+    &-tap-alt::before,
+        &-tap-3ed::before { content: "\e61c"; }
+    &-tap-4ed::before { content: "\ea31"; }
     &-chaos::before { content: "\e61d"; }
 
     // card types
@@ -191,8 +207,14 @@
 
     // other card elements
     &-flashback::before { content: "\e629"; }
-    &-power::before { content: "\e921"; }
+    &-power {
-    &-toughness::before { content: "\e922"; }
+        &::before { content: "\e921"; }
+        &-mtga::before { content: "\ea2f"; }
+    }
+    &-toughness {
+        &::before { content: "\e922"; }
+        &-mtga::before { content: "\ea30"; }
+    }
     &-artist {
         &-brush::before { content: "\e923"; }
         &-nib::before { content: "\e924"; }
@@ -223,6 +245,12 @@
         &-ojutai::before { content: "\e91e"; }
         &-silumgar::before { content: "\e91f"; }
     }
+    &-party {
+        &-cleric::before { content: "\ea59"; }
+        &-rogue::before { content: "\ea58"; }
+        &-warrior::before { content: "\ea57"; }
+        &-wizard::before { content: "\ea56"; }
+    }
     &-polis {
         &-setessa::before { content: "\e926"; }
         &-akros::before { content: "\e927"; }
@@ -240,11 +268,15 @@
     &-counter {
         &-arrow::before { content: "\e92b"; }
         &-brick::before { content: "\e92c"; }
+        &-brick-print::before { content: "\ea52"; }
         &-charge::before { content: "\e92d"; }
+        &-charge-print::before { content: "\ea53"; }
         &-damage::before { content: "\e9dd"; } // same as original enrage
+        &-deathtouch::before { content: "\ea51"; }
         &-devotion::before { content: "\e92e"; }
         &-doom::before { content: "\e92f"; }
         &-echo::before { content: "\e930"; }
+        &-finality::before { content: "\ea54"; }
         &-flame::before { content: "\e931"; }
         &-flood::before { content: "\e932"; }
         &-fungus::before { content: "\e933"; }
@@ -260,6 +292,7 @@
         &-pin::before { content: "\e93c"; }
         &-plus::before { content: "\e93d"; }
         &-plus-uneven::before { content: "\e944"; }
+        &-rad::before { content: "\ea50"; }
         &-scream::before { content: "\e93e"; }
         &-skeleton::before { content: "\e93f"; }
         &-skull::before { content: "\e940"; }
@@ -296,11 +329,15 @@
         &-bargain::before { content: "\e9e2"; }
         &-blitz::before { content: "\e9b4"; }
         &-boast::before { content: "\e991"; }
+        &-case-solved::before { content: "\ea39"; }
+        &-case-solved-print::before { content: "\ea3a"; }
         &-casualty::before { content: "\e9b7"; }
         &-celebration::before { content: "\e9e3"; }
         &-changeling::before { content: "\e9a6"; }
         &-channel::before { content: "\e9b1"; }
         &-cleave::before { content: "\e9ad"; }
+        &-cloak::before { content: "\ea35"; }
+        &-collect-evidence::before { content: "\ea36"; }
         &-combat-condition::before { content: "\e9ce"; }
         &-companion::before { content: "\e97b"; }
         &-constellation::before { content: "\e97c"; }
@@ -309,6 +346,8 @@
             &::before { content: "\e9da"; }
         }
         &-corrupted::before { content: "\e9c0"; }
+        &-craft::before { content: "\ea3f"; }
+        &-crime::before { content: "\ea45"; }
         &-coven::before { content: "\e9aa"; }
         &-d20::before { content: "\e999"; }
         &-day-night::before { content: "\e9a8"; }
@@ -316,11 +355,16 @@
         &-deathtouch::before { content: "\e94b"; }
         &-decayed::before { content: "\e9ac"; }
         &-defender::before { content: "\e94c"; }
+        &-delve::before { content: "\ea3b"; }
+        &-descend::before { content: "\ea41"; }
         &-devotion::before { content: "\e97d"; }
+        &-discover::before { content: "\ea40"; }
+        &-disguise::before { content: "\ea34"; }
         &-disturb::before { content: "\e9ae"; }
         &-domain::before { content: "\e9a7"; }
         &-double-strike::before { content: "\e94d"; }
         &-dungeon::before { content: "\e995"; }
+        &-eerie::before { content: "\ea4d"; }
         &-embalm::before { content: "\e97e"; }
         &-enlist::before { content: "\e9ba"; }
         &-enrage {
@@ -329,14 +373,19 @@
         }
         &-escape::before { content: "\e969"; }
         &-eternalize::before { content: "\e97f"; }
+        &-exalted::before { content: "\ea33"; }
+        &-expend::before { content: "\ea4a"; }
         &-exploit::before { content: "\e9af"; }
         &-explore::before { content: "\e94f"; }
         &-fabricate::before { content: "\e9a5"; }
+        &-ferocious::before { content: "\ea3c"; }
         &-first-strike::before { content: "\e950"; }
         &-flash::before { content: "\e951"; }
         &-flying::before { content: "\e952"; }
         &-for-mirrodin::before { content: "\e9c1"; }
+        &-forage::before { content: "\ea49"; }
         &-foretell::before { content: "\e990"; }
+        &-gift::before { content: "\ea46"; }
         &-goad::before { content: "\e9c9"; }
         &-haste::before { content: "\e953"; }
         &-hexproof {
@@ -348,6 +397,7 @@
             &-white::before { content: "\e959"; }
         }
         &-hideaway::before { content: "\e9b8"; }
+        &-impending::before { content: "\ea4c"; }
         &-improvise::before { content: "\e9de"; }
         &-incubate::before { content: "\e9db"; }
         &-indestructible::before { content: "\e95a"; }
@@ -356,16 +406,22 @@
         &-kicker::before { content: "\e989"; }
         &-landfall::before { content: "\e988"; }
         &-learn::before { content: "\e994"; }
-        &-lifelink::before { content: "\e95c"; }
+        &-lifelink::before { content: "\ea4b"; }
+        &-lifelink-original::before { content: "\e95c"; }
         &-magecraft::before { content: "\e993"; }
+        &-manifest-dread::before { content: "\ea4f"; }
         &-meld::before { content: "\e9bd"; }
         &-menace::before { content: "\e95d"; }
         &-mentor::before { content: "\e95e"; }
+        &-morph::before { content: "\ea3e"; }
         &-mutate::before { content: "\e980"; }
         &-ninjutsu::before { content: "\e9b2"; }
         &-obscura::before { content: "\e9b6"; }
+        &-offspring::before { content: "\ea47"; }
+        &-outlast::before { content: "\ea3d"; }
         &-party::before { content: "\e987"; }
         &-phyrexian::before { content: "\e618"; }
+        &-plot::before { content: "\ea42"; }
         &-proliferate::before { content: "\e981"; }
         &-prototype::before { content: "\e9be"; }
         &-prowess::before { content: "\e982"; }
@@ -384,12 +440,17 @@
             &-wicked::before { content: "\e9ea"; }
             &-young-hero::before { content: "\e9eb"; }
         }
+        &-saddle::before { content: "\ea43"; }
         &-specialize::before { content: "\e9bb"; }
         &-spectacle::before { content: "\e96b"; }
+        &-spree::before { content: "\ea44"; }
         &-static::before,
             &-enchant::before { content: "\e962"; }
         &-summoning-sickness::before { content: "\e96a"; }
-        &-surveil::before { content: "\e963"; }
+        &-surveil::before { content: "\ea38"; }
+        &-surveil-original::before { content: "\e963"; }
+        &-survival::before { content: "\ea4e"; }
+        &-suspect::before { content: "\ea37"; }
         &-the-ring-tempts-you::before { content: "\e9e1"; }
         &-toxic::before { content: "\e9bf"; }
         &-training::before { content: "\e9b0"; }
@@ -398,6 +459,7 @@
         &-triggered::before { content: "\e966"; }
         &-undergrowth::before { content: "\e967"; }
         &-unearth::before { content: "\e9bc"; }
+        &-valiant::before { content: "\ea48"; }
         &-vigilance::before { content: "\e968"; }
         &-ward::before { content: "\e992"; }
 
@@ -438,6 +500,7 @@
             &-myfirsttome::before { content: "\e9f6"; }
             &-shoetree::before { content: "\e9f7"; }
             &-whenfluffybunniesattack::before { content: "\e9f8"; }
+            &-manascrew::before { content: "\ea2c"; }
         }
         &-fnm::before { content: "\ea16"; }
         &-goblinexplosioneers::before { content: "\ea0a"; }

sass/_variables.scss

@@ -1,9 +1,10 @@
 // base variables
 $ms-font-path: '../fonts' !default;
-$ms-version: '1.16.0' !default;
+$ms-version: '1.17.0' !default;
 $ms-font-size-base: 14px !default;
 $ms-prefix: ms !default;
 $ms-serif-font: 'MPlantin, Garamond, Palatino, \'Times New Roman\', Times, serif' !default;
+$ms-phyrexian-h: false !default;
 
 // mana colors
 $ms-border-black: #010101;