diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8e1404d..0b2b352 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,12 @@ All notable changes to this project will be documented in this file.
## Versions
+### [1.10.0] 2020-12-21 Color indicators
+
+* **Added:** Color indicator symbols added for all color combinations ([#40](https://github.com/andrewgioia/mana/issues/40))
+* **Added:** New variables added for colors used in project as the beginning of getting all of these things into variables
+* **Fixed:** Sass variables were not called correctly in `_duo.scss`, this is now fixed
+
### [1.9.4] 2020-10-10 Kicker, Party, and Landfall abilities
* **Added:** New ability symbols in Arena for Kicker, Party, and Landfall.
diff --git a/README.md b/README.md
index 9d7c668..108c0e3 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Mana v1.9.4
+# Mana v1.10.0
## The Magic: the Gathering mana symbol font!
diff --git a/bower.json b/bower.json
index 103d2e4..308b577 100644
--- a/bower.json
+++ b/bower.json
@@ -1,7 +1,7 @@
{
"name": "mana",
"homepage": "https://github.com/andrewgioia/mana",
- "version": "1.9.4",
+ "version": "1.10.0",
"authors": [
"Andrew Gioia "
],
diff --git a/css/mana.css b/css/mana.css
index f0458cf..a3c05a0 100644
--- a/css/mana.css
+++ b/css/mana.css
@@ -1,14 +1,14 @@
@font-face {
font-family: 'Mana';
- src: url('../fonts/mana.eot?v=1.9.4');
- src: url('../fonts/mana.eot?#iefix&v=1.9.4') format('embedded-opentype'), url('../fonts/mana.woff?v=1.9.4') format('woff'), url('../fonts/mana.ttf?v=1.9.4') format('truetype'), url('../fonts/mana.svg?v=1.9.4#mana') format('svg');
+ src: url('../fonts/mana.eot?v=1.10.0');
+ src: url('../fonts/mana.eot?#iefix&v=1.10.0') format('embedded-opentype'), url('../fonts/mana.woff?v=1.10.0') format('woff'), url('../fonts/mana.ttf?v=1.10.0') format('truetype'), url('../fonts/mana.svg?v=1.10.0#mana') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MPlantin';
- src: url('../fonts/mplantin.eot?v=1.9.4');
- src: url('../fonts/mplantin.eot?#iefix&v=1.9.4') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.9.4') format('woff'), url('../fonts/mplantin.ttf?v=1.9.4') format('truetype'), url('../fonts/mplantin.svg?v=1.9.4#mplantin') format('svg');
+ src: url('../fonts/mplantin.eot?v=1.10.0');
+ src: url('../fonts/mplantin.eot?#iefix&v=1.10.0') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.10.0') format('woff'), url('../fonts/mplantin.ttf?v=1.10.0') format('truetype'), url('../fonts/mplantin.svg?v=1.10.0#mplantin') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -632,7 +632,7 @@
content: "\e968";
}
.ms-cost {
- background-color: #BEB9B2;
+ background-color: #beb9b2;
border-radius: 1em;
color: #111;
font-size: 0.95em;
@@ -643,23 +643,23 @@
}
.ms-cost.ms-w,
.ms-cost.ms-wp {
- background-color: #F0F2C0;
+ background-color: #f0f2c0;
}
.ms-cost.ms-u,
.ms-cost.ms-up {
- background-color: #B5CDE3;
+ background-color: #b5cde3;
}
.ms-cost.ms-b,
.ms-cost.ms-bp {
- background-color: #ACA29A;
+ background-color: #aca29a;
}
.ms-cost.ms-r,
.ms-cost.ms-rp {
- background-color: #DB8664;
+ background-color: #db8664;
}
.ms-cost.ms-g,
.ms-cost.ms-gp {
- background-color: #93B483;
+ background-color: #93b483;
}
.ms-cost.ms-wu,
.ms-cost.ms-wb,
@@ -1316,7 +1316,7 @@ span.ms-half > .ms-cost {
content: "\e986";
}
.ms-duo-color::before {
- color: #000;
+ color: #010101;
}
.ms-duo-color.ms-multicolor::after {
color: #cca753;
@@ -1326,6 +1326,142 @@ span.ms-half > .ms-cost {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
+.ms-ci {
+ border-radius: 100%;
+ box-shadow: inset 0 0 1px #fff;
+ line-height: 0.95em;
+ width: 1em;
+ height: 1em;
+}
+.ms-ci::before {
+ color: #010101;
+}
+.ms-ci-1::before {
+ content: "\e98a";
+}
+.ms-ci-2::before {
+ content: "\e98b";
+}
+.ms-ci-3::before {
+ content: "\e98c";
+}
+.ms-ci-4::before {
+ content: "\e98d";
+}
+.ms-ci-5::before {
+ content: "\e98e";
+}
+.ms-ci-w {
+ background: #fff;
+}
+.ms-ci-u {
+ background: #3b6ba0;
+}
+.ms-ci-b {
+ background: #383431;
+}
+.ms-ci-r {
+ background: #c6553e;
+}
+.ms-ci-g {
+ background: #3d684b;
+}
+.ms-ci-wu {
+ background: conic-gradient(#fff 45deg, #3b6ba0 45deg 225deg, #fff 225deg);
+}
+.ms-ci-wb {
+ background: conic-gradient(#fff 45deg, #383431 45deg 225deg, #fff 225deg);
+}
+.ms-ci-ub {
+ background: conic-gradient(#3b6ba0 45deg, #383431 45deg 225deg, #3b6ba0 225deg);
+}
+.ms-ci-ur {
+ background: conic-gradient(#3b6ba0 45deg, #c6553e 45deg 225deg, #3b6ba0 225deg);
+}
+.ms-ci-bg {
+ background: conic-gradient(#383431 45deg, #3d684b 45deg 225deg, #383431 225deg);
+}
+.ms-ci-br {
+ background: conic-gradient(#383431 45deg, #c6553e 45deg 225deg, #383431 225deg);
+}
+.ms-ci-rw {
+ background: conic-gradient(#c6553e 45deg, #fff 45deg 225deg, #c6553e 225deg);
+}
+.ms-ci-rg {
+ background: conic-gradient(#c6553e 45deg, #3d684b 45deg 225deg, #c6553e 225deg);
+}
+.ms-ci-gu {
+ background: conic-gradient(#3d684b 45deg, #3b6ba0 45deg 225deg, #3d684b 225deg);
+}
+.ms-ci-gw {
+ background: conic-gradient(#3d684b 45deg, #fff 45deg 225deg, #3d684b 225deg);
+}
+.ms-ci-wug,
+.ms-ci-bant {
+ background: conic-gradient(#3b6ba0 60deg, #3d684b 60deg 180deg, #fff 180deg 300deg, #3b6ba0 300deg);
+}
+.ms-ci-ubw,
+.ms-ci-esper {
+ background: conic-gradient(#383431 60deg, #fff 60deg 180deg, #3b6ba0 180deg 300deg, #383431 300deg);
+}
+.ms-ci-bru,
+.ms-ci-grixis {
+ background: conic-gradient(#c6553e 60deg, #3b6ba0 60deg 180deg, #383431 180deg 300deg, #c6553e 300deg);
+}
+.ms-ci-rgb,
+.ms-ci-jund {
+ background: conic-gradient(#3d684b 60deg, #383431 60deg 180deg, #c6553e 180deg 300deg, #3d684b 300deg);
+}
+.ms-ci-gwr,
+.ms-ci-naya {
+ background: conic-gradient(#fff 60deg, #c6553e 60deg 180deg, #3d684b 180deg 300deg, #fff 300deg);
+}
+.ms-ci-wbg,
+.ms-ci-abzan,
+.ms-ci-junk {
+ background: conic-gradient(#383431 60deg, #3d684b 60deg 180deg, #fff 180deg 300deg, #383431 300deg);
+}
+.ms-ci-urw,
+.ms-ci-jeskai {
+ background: conic-gradient(#c6553e 60deg, #fff 60deg 180deg, #3b6ba0 180deg 300deg, #c6553e 300deg);
+}
+.ms-ci-bgu,
+.ms-ci-sultai,
+.ms-ci-bug {
+ background: conic-gradient(#3d684b 60deg, #3b6ba0 60deg 180deg, #383431 180deg 300deg, #3d684b 300deg);
+}
+.ms-ci-rwb,
+.ms-ci-mardu {
+ background: conic-gradient(#fff 60deg, #383431 60deg 180deg, #c6553e 180deg 300deg, #fff 300deg);
+}
+.ms-ci-gur,
+.ms-ci-temur,
+.ms-ci-rug {
+ background: conic-gradient(#3b6ba0 60deg, #c6553e 60deg 180deg, #3d684b 180deg 300deg, #3b6ba0 300deg);
+}
+.ms-ci-ubrg,
+.ms-ci-glint {
+ background: conic-gradient(#3b6ba0 45deg, #383431 45deg 135deg, #c6553e 135deg 225deg, #3d684b 225deg 315deg, #3b6ba0 315deg);
+}
+.ms-ci-brgw,
+.ms-ci-dune {
+ background: conic-gradient(#383431 45deg, #c6553e 45deg 135deg, #3d684b 135deg 225deg, #fff 225deg 315deg, #383431 315deg);
+}
+.ms-ci-rgwu,
+.ms-ci-ink {
+ background: conic-gradient(#c6553e 45deg, #3d684b 45deg 135deg, #fff 135deg 225deg, #3b6ba0 225deg 315deg, #c6553e 315deg);
+}
+.ms-ci-gwub,
+.ms-ci-witch {
+ background: conic-gradient(#3d684b 45deg, #fff 45deg 135deg, #3b6ba0 135deg 225deg, #383431 225deg 315deg, #3d684b 315deg);
+}
+.ms-ci-wubr,
+.ms-ci-yore {
+ background: conic-gradient(#fff 45deg, #3b6ba0 45deg 135deg, #383431 135deg 225deg, #c6553e 225deg 315deg, #fff 315deg);
+}
+.ms-ci-5 {
+ background: conic-gradient(#fff 36deg, #3b6ba0 36deg 108deg, #383431 108deg 180deg, #c6553e 180deg 252deg, #3d684b 252deg 324deg, #fff 324deg);
+}
.ms-mechanic {
background: linear-gradient(0deg, #c8913b 0%, #ecc65a 100%);
-webkit-background-clip: text;
diff --git a/css/mana.min.css b/css/mana.min.css
index 7e9db13..d511203 100644
--- a/css/mana.min.css
+++ b/css/mana.min.css
@@ -1 +1 @@
-@font-face{font-family:Mana;src:url(../fonts/mana.eot?v=1.9.4);src:url(../fonts/mana.eot?#iefix&v=1.9.4) format('embedded-opentype'),url(../fonts/mana.woff?v=1.9.4) format('woff'),url(../fonts/mana.ttf?v=1.9.4) format('truetype'),url(../fonts/mana.svg?v=1.9.4#mana) format('svg');font-weight:400;font-style:normal}@font-face{font-family:MPlantin;src:url(../fonts/mplantin.eot?v=1.9.4);src:url(../fonts/mplantin.eot?#iefix&v=1.9.4) format('embedded-opentype'),url(../fonts/mplantin.woff?v=1.9.4) format('woff'),url(../fonts/mplantin.ttf?v=1.9.4) format('truetype'),url(../fonts/mplantin.svg?v=1.9.4#mplantin) format('svg');font-weight:400;font-style:normal}.ms{display:inline-block;font:normal normal normal 14px/1 Mana;font-size:inherit;line-height:1em;text-rendering:auto;transform:translate(0,0);speak:none;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ms-w::before{content:"\e600"}.ms-u::before{content:"\e601"}.ms-b::before{content:"\e602"}.ms-r::before{content:"\e603"}.ms-g::before{content:"\e604"}.ms-0::before{content:"\e605"}.ms-1::before{content:"\e606"}.ms-2::before{content:"\e607"}.ms-3::before{content:"\e608"}.ms-4::before{content:"\e609"}.ms-5::before{content:"\e60a"}.ms-6::before{content:"\e60b"}.ms-7::before{content:"\e60c"}.ms-8::before{content:"\e60d"}.ms-9::before{content:"\e60e"}.ms-10::before{content:"\e60f"}.ms-11::before{content:"\e610"}.ms-12::before{content:"\e611"}.ms-13::before{content:"\e612"}.ms-14::before{content:"\e613"}.ms-15::before{content:"\e614"}.ms-16::before{content:"\e62a"}.ms-17::before{content:"\e62b"}.ms-18::before{content:"\e62c"}.ms-19::before{content:"\e62d"}.ms-20::before{content:"\e62e"}.ms-x::before{content:"\e615"}.ms-y::before{content:"\e616"}.ms-z::before{content:"\e617"}.ms-bp::before,.ms-gp::before,.ms-p::before,.ms-rp::before,.ms-up::before,.ms-wp::before{content:"\e618"}.ms-s::before{content:"\e619"}.ms-c::before{content:"\e904"}.ms-e::before,.ms-energy::before{content:"\e907"}.ms-acorn::before{content:"\e929"}.ms-1-2::before{content:"\e902"}.ms-infinity::before{content:"\e903"}.ms-tap::before{content:"\e61a"}.ms-untap::before{content:"\e61b"}.ms-tap-alt::before{content:"\e61c"}.ms-chaos::before{content:"\e61d"}.ms-artifact::before{content:"\e61e"}.ms-conspiracy::before{content:"\e972"}.ms-creature::before{content:"\e61f"}.ms-enchantment::before{content:"\e620"}.ms-instant::before{content:"\e621"}.ms-land::before{content:"\e622"}.ms-phenomenon::before{content:"\e96e"}.ms-plane::before{content:"\e96f"}.ms-planeswalker::before{content:"\e623"}.ms-rarity::before{content:"\e96c"}.ms-saga::before{content:"\e92a"}.ms-scheme::before{content:"\e970"}.ms-sorcery::before{content:"\e624"}.ms-token::before{content:"\e96d"}.ms-multiple::before,.ms-tribal::before{content:"\e925"}.ms-vanguard::before{content:"\e971"}.ms-multicolor::before{content:"\e985"}.ms-2w::after,.ms-gw::after,.ms-rw::after,.ms-wb::before,.ms-wu::before{content:"\e600"}.ms-2u::after,.ms-gu::after,.ms-ub::before,.ms-ur::before,.ms-wu::after{content:"\e601"}.ms-2b::after,.ms-bg::before,.ms-br::before,.ms-ub::after,.ms-wb::after{content:"\e602"}.ms-2r::after,.ms-br::after,.ms-rg::before,.ms-rw::before,.ms-ur::after{content:"\e603"}.ms-2g::after,.ms-bg::after,.ms-gu::before,.ms-gw::before,.ms-rg::after{content:"\e604"}.ms-2b::before,.ms-2g::before,.ms-2r::before,.ms-2u::before,.ms-2w::before{content:"\e607"}.ms-100::before{content:"\e900"}.ms-1000000::before{content:"\e901"}.ms-loyalty-up::before{content:"\e627"}.ms-loyalty-down::before{content:"\e625"}.ms-loyalty-zero::before{content:"\e626"}.ms-loyalty-start::before{content:"\e628"}.ms-dfc-night::before{content:"\e905"}.ms-dfc-day::before{content:"\e906"}.ms-dfc-ignite::before{content:"\e908"}.ms-dfc-spark::before{content:"\e909"}.ms-dfc-emrakul::before{content:"\e90a"}.ms-dfc-moon::before{content:"\e90b"}.ms-dfc-enchantment::before{content:"\e920"}.ms-dfc-modal-face::before{content:"\e983"}.ms-dfc-modal-back::before{content:"\e984"}.ms-flashback::before{content:"\e629"}.ms-power::before{content:"\e921"}.ms-toughness::before{content:"\e922"}.ms-artist-brush::before{content:"\e923"}.ms-artist-nib::before{content:"\e924"}.ms-guild-azorius::before{content:"\e90c"}.ms-guild-boros::before{content:"\e90d"}.ms-guild-dimir::before{content:"\e90e"}.ms-guild-golgari::before{content:"\e90f"}.ms-guild-gruul::before{content:"\e910"}.ms-guild-izzet::before{content:"\e911"}.ms-guild-orzhov::before{content:"\e912"}.ms-guild-rakdos::before{content:"\e913"}.ms-guild-selesnya::before{content:"\e914"}.ms-guild-simic::before{content:"\e915"}.ms-clan-abzan::before{content:"\e916"}.ms-clan-jeskai::before{content:"\e917"}.ms-clan-mardu::before{content:"\e918"}.ms-clan-sultai::before{content:"\e919"}.ms-clan-temur::before{content:"\e91a"}.ms-clan-atarka::before{content:"\e91b"}.ms-clan-dromoka::before{content:"\e91c"}.ms-clan-kolaghan::before{content:"\e91d"}.ms-clan-ojutai::before{content:"\e91e"}.ms-clan-silumgar::before{content:"\e91f"}.ms-polis-setessa::before{content:"\e926"}.ms-polis-akros::before{content:"\e927"}.ms-polis-meletis::before{content:"\e928"}.ms-counter-arrow::before{content:"\e92b"}.ms-counter-brick::before{content:"\e92c"}.ms-counter-charge::before{content:"\e92d"}.ms-counter-devotion::before{content:"\e92e"}.ms-counter-doom::before{content:"\e92f"}.ms-counter-echo::before{content:"\e930"}.ms-counter-flame::before{content:"\e931"}.ms-counter-flood::before{content:"\e932"}.ms-counter-fungus::before{content:"\e933"}.ms-counter-gold::before{content:"\e934"}.ms-counter-ki::before{content:"\e935"}.ms-counter-lore::before{content:"\e936"}.ms-counter-loyalty::before{content:"\e937"}.ms-counter-mining::before{content:"\e938"}.ms-counter-minus::before{content:"\e939"}.ms-counter-muster::before{content:"\e93a"}.ms-counter-paw::before{content:"\e93b"}.ms-counter-pin::before{content:"\e93c"}.ms-counter-plus::before{content:"\e93d"}.ms-counter-scream::before{content:"\e93e"}.ms-counter-skeleton::before{content:"\e93f"}.ms-counter-skull::before{content:"\e940"}.ms-counter-slime::before{content:"\e941"}.ms-counter-time::before{content:"\e942"}.ms-counter-minus-uneven::before{content:"\e943"}.ms-counter-plus-uneven::before{content:"\e944"}.ms-counter-verse::before{content:"\e945"}.ms-counter-vortex::before{content:"\e946"}.ms-ability-activated::before,.ms-ability-crew::before,.ms-ability-cycling::before{content:"\e947"}.ms-ability-adamant::before{content:"\e974"}.ms-ability-adapt::before{content:"\e975"}.ms-ability-addendum::before{content:"\e976"}.ms-ability-adventure::before{content:"\e948"}.ms-ability-afflict::before{content:"\e977"}.ms-ability-afterlife::before{content:"\e978"}.ms-ability-aftermath::before{content:"\e979"}.ms-ability-amass::before{content:"\e97a"}.ms-ability-ascend::before{content:"\e94a"}.ms-ability-companion::before{content:"\e97b"}.ms-ability-constellation::before{content:"\e97c"}.ms-ability-convoke::before{content:"\e949"}.ms-ability-deathtouch::before{content:"\e94b"}.ms-ability-defender::before{content:"\e94c"}.ms-ability-devotion::before{content:"\e97d"}.ms-ability-double-strike::before{content:"\e94d"}.ms-ability-embalm::before{content:"\e97e"}.ms-ability-enrage::before{content:"\e94e"}.ms-ability-escape::before{content:"\e969"}.ms-ability-eternalize::before{content:"\e97f"}.ms-ability-explore::before{content:"\e94f"}.ms-ability-first-strike::before{content:"\e950"}.ms-ability-flash::before{content:"\e951"}.ms-ability-flying::before{content:"\e952"}.ms-ability-haste::before{content:"\e953"}.ms-ability-hexproof::before{content:"\e954"}.ms-ability-hexproof-black::before{content:"\e955"}.ms-ability-hexproof-blue::before{content:"\e956"}.ms-ability-hexproof-green::before{content:"\e957"}.ms-ability-hexproof-red::before{content:"\e958"}.ms-ability-hexproof-white::before{content:"\e959"}.ms-ability-indestructible::before{content:"\e95a"}.ms-ability-jumpstart::before{content:"\e95b"}.ms-ability-kicker::before{content:"\e989"}.ms-ability-landfall::before{content:"\e988"}.ms-ability-lifelink::before{content:"\e95c"}.ms-ability-menace::before{content:"\e95d"}.ms-ability-mentor::before{content:"\e95e"}.ms-ability-mutate::before{content:"\e980"}.ms-ability-party::before{content:"\e987"}.ms-ability-proliferate::before{content:"\e981"}.ms-ability-prowess::before{content:"\e982"}.ms-ability-raid::before{content:"\e95f"}.ms-ability-reach::before{content:"\e960"}.ms-ability-revolt::before{content:"\e961"}.ms-ability-riot::before{content:"\e973"}.ms-ability-spectacle::before{content:"\e96b"}.ms-ability-enchant::before,.ms-ability-improvise::before,.ms-ability-static::before{content:"\e962"}.ms-ability-summoning-sickness::before{content:"\e96a"}.ms-ability-surveil::before{content:"\e963"}.ms-ability-trample::before{content:"\e964"}.ms-ability-transform::before{content:"\e965"}.ms-ability-fabricate::before,.ms-ability-triggered::before{content:"\e966"}.ms-ability-undergrowth::before{content:"\e967"}.ms-ability-vigilance::before{content:"\e968"}.ms-cost{background-color:#BEB9B2;border-radius:1em;color:#111;font-size:.95em;width:1.3em;height:1.3em;line-height:1.35em;text-align:center}.ms-cost.ms-w,.ms-cost.ms-wp{background-color:#F0F2C0}.ms-cost.ms-u,.ms-cost.ms-up{background-color:#B5CDE3}.ms-cost.ms-b,.ms-cost.ms-bp{background-color:#ACA29A}.ms-cost.ms-r,.ms-cost.ms-rp{background-color:#DB8664}.ms-cost.ms-g,.ms-cost.ms-gp{background-color:#93B483}.ms-cost.ms-2b,.ms-cost.ms-2g,.ms-cost.ms-2r,.ms-cost.ms-2u,.ms-cost.ms-2w,.ms-cost.ms-bg,.ms-cost.ms-br,.ms-cost.ms-gu,.ms-cost.ms-gw,.ms-cost.ms-rg,.ms-cost.ms-rw,.ms-cost.ms-ub,.ms-cost.ms-ur,.ms-cost.ms-wb,.ms-cost.ms-wu{position:relative;width:1.3em;height:1.3em}.ms-cost.ms-2b::after,.ms-cost.ms-2b::before,.ms-cost.ms-2g::after,.ms-cost.ms-2g::before,.ms-cost.ms-2r::after,.ms-cost.ms-2r::before,.ms-cost.ms-2u::after,.ms-cost.ms-2u::before,.ms-cost.ms-2w::after,.ms-cost.ms-2w::before,.ms-cost.ms-bg::after,.ms-cost.ms-bg::before,.ms-cost.ms-br::after,.ms-cost.ms-br::before,.ms-cost.ms-gu::after,.ms-cost.ms-gu::before,.ms-cost.ms-gw::after,.ms-cost.ms-gw::before,.ms-cost.ms-rg::after,.ms-cost.ms-rg::before,.ms-cost.ms-rw::after,.ms-cost.ms-rw::before,.ms-cost.ms-ub::after,.ms-cost.ms-ub::before,.ms-cost.ms-ur::after,.ms-cost.ms-ur::before,.ms-cost.ms-wb::after,.ms-cost.ms-wb::before,.ms-cost.ms-wu::after,.ms-cost.ms-wu::before{font-size:.55em!important;position:absolute}.ms-cost.ms-2b::before,.ms-cost.ms-2g::before,.ms-cost.ms-2r::before,.ms-cost.ms-2u::before,.ms-cost.ms-2w::before,.ms-cost.ms-bg::before,.ms-cost.ms-br::before,.ms-cost.ms-gu::before,.ms-cost.ms-gw::before,.ms-cost.ms-rg::before,.ms-cost.ms-rw::before,.ms-cost.ms-ub::before,.ms-cost.ms-ur::before,.ms-cost.ms-wb::before,.ms-cost.ms-wu::before{top:-.38em;left:.28em}.ms-cost.ms-2b::after,.ms-cost.ms-2g::after,.ms-cost.ms-2r::after,.ms-cost.ms-2u::after,.ms-cost.ms-2w::after,.ms-cost.ms-bg::after,.ms-cost.ms-br::after,.ms-cost.ms-gu::after,.ms-cost.ms-gw::after,.ms-cost.ms-rg::after,.ms-cost.ms-rw::after,.ms-cost.ms-ub::after,.ms-cost.ms-ur::after,.ms-cost.ms-wb::after,.ms-cost.ms-wu::after{top:.5em;left:1em}.ms-cost.ms-wu{background:#edf2b0;background:-moz-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#edf2b0),color-stop(50%,#edf2b0),color-stop(50%,#a6c1dd),color-stop(100%,#a6c1dd));background:-webkit-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);background:-o-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);background:-ms-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);background:linear-gradient(135deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#a6c1dd', GradientType=1)}.ms-cost.ms-wb{background:#edf2b0;background:-moz-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#edf2b0),color-stop(50%,#edf2b0),color-stop(50%,#9c9188),color-stop(100%,#9c9188));background:-webkit-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);background:-o-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);background:-ms-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);background:linear-gradient(135deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#9c9188', GradientType=1)}.ms-cost.ms-ub{background:#a6c1dd;background:-moz-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#a6c1dd),color-stop(50%,#a6c1dd),color-stop(50%,#9c9188),color-stop(100%,#9c9188));background:-webkit-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);background:-o-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);background:-ms-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);background:linear-gradient(135deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#9c9188', GradientType=1)}.ms-cost.ms-ur{background:#a6c1dd;background:-moz-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#a6c1dd),color-stop(50%,#a6c1dd),color-stop(50%,#db8664),color-stop(100%,#db8664));background:-webkit-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);background:-o-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);background:-ms-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);background:linear-gradient(135deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#db8664', GradientType=1)}.ms-cost.ms-br{background:#aca29a;background:-moz-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#aca29a),color-stop(50%,#aca29a),color-stop(50%,#db8664),color-stop(100%,#db8664));background:-webkit-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);background:-o-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);background:-ms-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);background:linear-gradient(135deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#db8664', GradientType=1)}.ms-cost.ms-bg{background:#aca29a;background:-moz-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#aca29a),color-stop(50%,#aca29a),color-stop(50%,#93b483),color-stop(100%,#93b483));background:-webkit-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);background:-o-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);background:-ms-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);background:linear-gradient(135deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#93b483', GradientType=1)}.ms-cost.ms-rw{background:#db8664;background:-moz-linear-gradient(-45deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#db8664),color-stop(50%,#db8664),color-stop(50%,#edf2b0),color-stop(100%,#edf2b0));background:-webkit-linear-gradient(-45deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);background:-o-linear-gradient(-45deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);background:-ms-linear-gradient(-45deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);background:linear-gradient(135deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#edf2b0', GradientType=1)}.ms-cost.ms-rg{background:#db8664;background:-moz-linear-gradient(-45deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#db8664),color-stop(50%,#db8664),color-stop(50%,#93b483),color-stop(100%,#93b483));background:-webkit-linear-gradient(-45deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);background:-o-linear-gradient(-45deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);background:-ms-linear-gradient(-45deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);background:linear-gradient(135deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#93b483', GradientType=1)}.ms-cost.ms-gw{background:#93b483;background:-moz-linear-gradient(-45deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#93b483),color-stop(50%,#93b483),color-stop(50%,#edf2b0),color-stop(100%,#edf2b0));background:-webkit-linear-gradient(-45deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);background:-o-linear-gradient(-45deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);background:-ms-linear-gradient(-45deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);background:linear-gradient(135deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#edf2b0', GradientType=1)}.ms-cost.ms-gu{background:#93b483;background:-moz-linear-gradient(-45deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#93b483),color-stop(50%,#93b483),color-stop(50%,#b5cde3),color-stop(100%,#b5cde3));background:-webkit-linear-gradient(-45deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);background:-o-linear-gradient(-45deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);background:-ms-linear-gradient(-45deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);background:linear-gradient(135deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#b5cde3', GradientType=1)}.ms-cost.ms-2w{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#edf2b0),color-stop(100%,#edf2b0));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);background:linear-gradient(135deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#edf2b0', GradientType=1)}.ms-cost.ms-2u{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#b5cde3),color-stop(100%,#b5cde3));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);background:linear-gradient(135deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#b5cde3', GradientType=1)}.ms-cost.ms-2b{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#9c9188),color-stop(100%,#9c9188));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);background:linear-gradient(135deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#9c9188', GradientType=1)}.ms-cost.ms-2r{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#db8664),color-stop(100%,#db8664));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);background:linear-gradient(135deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#db8664', GradientType=1)}.ms-cost.ms-2g{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#93b483 50%,#93b483 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#93b483),color-stop(100%,#93b483));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#93b483 50%,#93b483 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#93b483 50%,#93b483 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#93b483 50%,#93b483 100%);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-bp::before,.ms-cost.ms-gp::before,.ms-cost.ms-p::before,.ms-cost.ms-rp::before,.ms-cost.ms-up::before,.ms-cost.ms-wp::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-tap-alt::before{display:inline-block;-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);padding-left:.06em;padding-bottom:.1em}.ms-cost.ms-s::before{color:#fff;-webkit-text-stroke:2px #fff;font-size:.85em;top:-.05em;position:relative;display:inline-block}.ms-cost.ms-s::after{content:"\e619";position:absolute;color:#333;margin-left:-.9em;font-size:1.1em}.ms-cost.ms-untap{background-color:#111;color:#fff}.ms-cost.ms-shadow{box-shadow:-.06em .07em 0 #111,0 .06em 0 #111}.ms-cost.ms-shadow.ms-untap{box-shadow:-.06em .07em 0 #fff,0 .06em 0 #fff}.ms-split{position:relative;width:1.3em;height:1.3em}.ms-split::after,.ms-split::before{font-size:.55em!important;position:absolute}.ms-split::before{top:-.38em;left:.28em}.ms-split::after{top:.5em;left:1em}span.ms-half{width:.675em;overflow:hidden;display:inline-block;margin-left:.675em}span.ms-half>.ms-cost{margin-left:-.675em}.ms-half{width:.675em;margin-left:.675em;overflow:hidden;border-radius:0 1em 1em 0}.ms-half::before{margin-left:-.65em}.ms-100{width:2.4em}.ms-1000000{width:5.4em}.ms-loyalty-down,.ms-loyalty-start,.ms-loyalty-up,.ms-loyalty-zero{color:#111;font-size:21px;position:relative;text-align:center;line-height:.9em}.ms-loyalty-start{font-size:25px}.ms-loyalty-0::after,.ms-loyalty-10::after,.ms-loyalty-11::after,.ms-loyalty-12::after,.ms-loyalty-13::after,.ms-loyalty-14::after,.ms-loyalty-15::after,.ms-loyalty-16::after,.ms-loyalty-17::after,.ms-loyalty-18::after,.ms-loyalty-19::after,.ms-loyalty-1::after,.ms-loyalty-20::after,.ms-loyalty-25::after,.ms-loyalty-2::after,.ms-loyalty-3::after,.ms-loyalty-4::after,.ms-loyalty-5::after,.ms-loyalty-6::after,.ms-loyalty-7::after,.ms-loyalty-8::after,.ms-loyalty-9::after,.ms-loyalty-x::after{color:#fff;display:inline-block;font-size:.5em;font-family:MPlantin,Garamond,Palatino,'Times New Roman',Times,serif;position:absolute;left:0;line-height:2em;width:100%;text-align:center}.ms-loyalty-0::after{content:"0"}.ms-loyalty-up.ms-loyalty-1::after{content:"+1"}.ms-loyalty-up.ms-loyalty-2::after{content:"+2"}.ms-loyalty-up.ms-loyalty-3::after{content:"+3"}.ms-loyalty-up.ms-loyalty-4::after{content:"+4"}.ms-loyalty-up.ms-loyalty-5::after{content:"+5"}.ms-loyalty-up.ms-loyalty-6::after{content:"+6"}.ms-loyalty-up.ms-loyalty-7::after{content:"+7"}.ms-loyalty-up.ms-loyalty-8::after{content:"+8"}.ms-loyalty-up.ms-loyalty-9::after{content:"+9"}.ms-loyalty-up.ms-loyalty-10::after{content:"+10"}.ms-loyalty-up.ms-loyalty-11::after{content:"+11"}.ms-loyalty-up.ms-loyalty-12::after{content:"+12"}.ms-loyalty-up.ms-loyalty-13::after{content:"+13"}.ms-loyalty-up.ms-loyalty-14::after{content:"+14"}.ms-loyalty-up.ms-loyalty-15::after{content:"+15"}.ms-loyalty-up.ms-loyalty-16::after{content:"+16"}.ms-loyalty-up.ms-loyalty-17::after{content:"+17"}.ms-loyalty-up.ms-loyalty-18::after{content:"+18"}.ms-loyalty-up.ms-loyalty-19::after{content:"+19"}.ms-loyalty-up.ms-loyalty-20::after{content:"+20"}.ms-loyalty-up.ms-loyalty-25::after{content:"+25"}.ms-loyalty-up.ms-loyalty-x::after{content:"+X"}.ms-loyalty-start.ms-loyalty-1::after{content:"1"}.ms-loyalty-start.ms-loyalty-2::after{content:"2"}.ms-loyalty-start.ms-loyalty-3::after{content:"3"}.ms-loyalty-start.ms-loyalty-4::after{content:"4"}.ms-loyalty-start.ms-loyalty-5::after{content:"5"}.ms-loyalty-start.ms-loyalty-6::after{content:"6"}.ms-loyalty-start.ms-loyalty-7::after{content:"7"}.ms-loyalty-start.ms-loyalty-8::after{content:"8"}.ms-loyalty-start.ms-loyalty-9::after{content:"9"}.ms-loyalty-start.ms-loyalty-10::after{content:"10"}.ms-loyalty-start.ms-loyalty-11::after{content:"11"}.ms-loyalty-start.ms-loyalty-12::after{content:"12"}.ms-loyalty-start.ms-loyalty-13::after{content:"13"}.ms-loyalty-start.ms-loyalty-14::after{content:"14"}.ms-loyalty-start.ms-loyalty-15::after{content:"15"}.ms-loyalty-start.ms-loyalty-16::after{content:"16"}.ms-loyalty-start.ms-loyalty-17::after{content:"17"}.ms-loyalty-start.ms-loyalty-18::after{content:"18"}.ms-loyalty-start.ms-loyalty-19::after{content:"19"}.ms-loyalty-start.ms-loyalty-20::after{content:"20"}.ms-loyalty-start.ms-loyalty-25::after{content:"25"}.ms-loyalty-start.ms-loyalty-x::after{content:"X"}.ms-loyalty-down::after{line-height:1.8em}.ms-loyalty-down.ms-loyalty-1::after{content:"-1"}.ms-loyalty-down.ms-loyalty-2::after{content:"-2"}.ms-loyalty-down.ms-loyalty-3::after{content:"-3"}.ms-loyalty-down.ms-loyalty-4::after{content:"-4"}.ms-loyalty-down.ms-loyalty-5::after{content:"-5"}.ms-loyalty-down.ms-loyalty-6::after{content:"-6"}.ms-loyalty-down.ms-loyalty-7::after{content:"-7"}.ms-loyalty-down.ms-loyalty-8::after{content:"-8"}.ms-loyalty-down.ms-loyalty-9::after{content:"-9"}.ms-loyalty-down.ms-loyalty-10::after{content:"-10"}.ms-loyalty-down.ms-loyalty-11::after{content:"-11"}.ms-loyalty-down.ms-loyalty-12::after{content:"-12"}.ms-loyalty-down.ms-loyalty-13::after{content:"-13"}.ms-loyalty-down.ms-loyalty-14::after{content:"-14"}.ms-loyalty-down.ms-loyalty-15::after{content:"-15"}.ms-loyalty-down.ms-loyalty-16::after{content:"-16"}.ms-loyalty-down.ms-loyalty-17::after{content:"-17"}.ms-loyalty-down.ms-loyalty-18::after{content:"-18"}.ms-loyalty-down.ms-loyalty-19::after{content:"-19"}.ms-loyalty-down.ms-loyalty-20::after{content:"-20"}.ms-loyalty-down.ms-loyalty-25::after{content:"-25"}.ms-loyalty-down.ms-loyalty-x::after{content:"-X"}.ms-saga-1::after,.ms-saga-2::after,.ms-saga-3::after,.ms-saga-4::after,.ms-saga-5::after{color:#fff;display:inline-block;font-size:.6em;font-family:MPlantin,Garamond,Palatino,'Times New Roman',Times,serif;position:absolute;left:0;line-height:1.75em;width:100%;text-align:center}.ms-saga-1::after{content:"I"}.ms-saga-2::after{content:"II"}.ms-saga-3::after{content:"III"}.ms-saga-4::after{content:"IV"}.ms-saga-5::after{content:"V"}.ms-dfc{color:#111;border:.05em solid #111;border-radius:2em;padding:.025em}.ms-2x{font-size:1.75em}.ms-3x{font-size:2.25em}.ms-4x{font-size:3em}.ms-5x{font-size:3.75em}.ms-6x{font-size:4.5em}.ms-duo{color:#fff}.ms-duo::after{color:#000;content:'';display:block;font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.ms-duo.ms-multicolor::after{content:"\e986"}.ms-duo-color::before{color:#000}.ms-duo-color.ms-multicolor::after{color:#cca753}.ms-duo-color.ms-multicolor.ms-grad::after{background:linear-gradient(45deg,#cca54f 0,#e0d3bb 50%,#cca54f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ms-mechanic{background:linear-gradient(0deg,#c8913b 0,#ecc65a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
\ No newline at end of file
+@font-face{font-family:Mana;src:url(../fonts/mana.eot?v=1.10.0);src:url(../fonts/mana.eot?#iefix&v=1.10.0) format('embedded-opentype'),url(../fonts/mana.woff?v=1.10.0) format('woff'),url(../fonts/mana.ttf?v=1.10.0) format('truetype'),url(../fonts/mana.svg?v=1.10.0#mana) format('svg');font-weight:400;font-style:normal}@font-face{font-family:MPlantin;src:url(../fonts/mplantin.eot?v=1.10.0);src:url(../fonts/mplantin.eot?#iefix&v=1.10.0) format('embedded-opentype'),url(../fonts/mplantin.woff?v=1.10.0) format('woff'),url(../fonts/mplantin.ttf?v=1.10.0) format('truetype'),url(../fonts/mplantin.svg?v=1.10.0#mplantin) format('svg');font-weight:400;font-style:normal}.ms{display:inline-block;font:normal normal normal 14px/1 Mana;font-size:inherit;line-height:1em;text-rendering:auto;transform:translate(0,0);speak:none;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ms-w::before{content:"\e600"}.ms-u::before{content:"\e601"}.ms-b::before{content:"\e602"}.ms-r::before{content:"\e603"}.ms-g::before{content:"\e604"}.ms-0::before{content:"\e605"}.ms-1::before{content:"\e606"}.ms-2::before{content:"\e607"}.ms-3::before{content:"\e608"}.ms-4::before{content:"\e609"}.ms-5::before{content:"\e60a"}.ms-6::before{content:"\e60b"}.ms-7::before{content:"\e60c"}.ms-8::before{content:"\e60d"}.ms-9::before{content:"\e60e"}.ms-10::before{content:"\e60f"}.ms-11::before{content:"\e610"}.ms-12::before{content:"\e611"}.ms-13::before{content:"\e612"}.ms-14::before{content:"\e613"}.ms-15::before{content:"\e614"}.ms-16::before{content:"\e62a"}.ms-17::before{content:"\e62b"}.ms-18::before{content:"\e62c"}.ms-19::before{content:"\e62d"}.ms-20::before{content:"\e62e"}.ms-x::before{content:"\e615"}.ms-y::before{content:"\e616"}.ms-z::before{content:"\e617"}.ms-bp::before,.ms-gp::before,.ms-p::before,.ms-rp::before,.ms-up::before,.ms-wp::before{content:"\e618"}.ms-s::before{content:"\e619"}.ms-c::before{content:"\e904"}.ms-e::before,.ms-energy::before{content:"\e907"}.ms-acorn::before{content:"\e929"}.ms-1-2::before{content:"\e902"}.ms-infinity::before{content:"\e903"}.ms-tap::before{content:"\e61a"}.ms-untap::before{content:"\e61b"}.ms-tap-alt::before{content:"\e61c"}.ms-chaos::before{content:"\e61d"}.ms-artifact::before{content:"\e61e"}.ms-conspiracy::before{content:"\e972"}.ms-creature::before{content:"\e61f"}.ms-enchantment::before{content:"\e620"}.ms-instant::before{content:"\e621"}.ms-land::before{content:"\e622"}.ms-phenomenon::before{content:"\e96e"}.ms-plane::before{content:"\e96f"}.ms-planeswalker::before{content:"\e623"}.ms-rarity::before{content:"\e96c"}.ms-saga::before{content:"\e92a"}.ms-scheme::before{content:"\e970"}.ms-sorcery::before{content:"\e624"}.ms-token::before{content:"\e96d"}.ms-multiple::before,.ms-tribal::before{content:"\e925"}.ms-vanguard::before{content:"\e971"}.ms-multicolor::before{content:"\e985"}.ms-2w::after,.ms-gw::after,.ms-rw::after,.ms-wb::before,.ms-wu::before{content:"\e600"}.ms-2u::after,.ms-gu::after,.ms-ub::before,.ms-ur::before,.ms-wu::after{content:"\e601"}.ms-2b::after,.ms-bg::before,.ms-br::before,.ms-ub::after,.ms-wb::after{content:"\e602"}.ms-2r::after,.ms-br::after,.ms-rg::before,.ms-rw::before,.ms-ur::after{content:"\e603"}.ms-2g::after,.ms-bg::after,.ms-gu::before,.ms-gw::before,.ms-rg::after{content:"\e604"}.ms-2b::before,.ms-2g::before,.ms-2r::before,.ms-2u::before,.ms-2w::before{content:"\e607"}.ms-100::before{content:"\e900"}.ms-1000000::before{content:"\e901"}.ms-loyalty-up::before{content:"\e627"}.ms-loyalty-down::before{content:"\e625"}.ms-loyalty-zero::before{content:"\e626"}.ms-loyalty-start::before{content:"\e628"}.ms-dfc-night::before{content:"\e905"}.ms-dfc-day::before{content:"\e906"}.ms-dfc-ignite::before{content:"\e908"}.ms-dfc-spark::before{content:"\e909"}.ms-dfc-emrakul::before{content:"\e90a"}.ms-dfc-moon::before{content:"\e90b"}.ms-dfc-enchantment::before{content:"\e920"}.ms-dfc-modal-face::before{content:"\e983"}.ms-dfc-modal-back::before{content:"\e984"}.ms-flashback::before{content:"\e629"}.ms-power::before{content:"\e921"}.ms-toughness::before{content:"\e922"}.ms-artist-brush::before{content:"\e923"}.ms-artist-nib::before{content:"\e924"}.ms-guild-azorius::before{content:"\e90c"}.ms-guild-boros::before{content:"\e90d"}.ms-guild-dimir::before{content:"\e90e"}.ms-guild-golgari::before{content:"\e90f"}.ms-guild-gruul::before{content:"\e910"}.ms-guild-izzet::before{content:"\e911"}.ms-guild-orzhov::before{content:"\e912"}.ms-guild-rakdos::before{content:"\e913"}.ms-guild-selesnya::before{content:"\e914"}.ms-guild-simic::before{content:"\e915"}.ms-clan-abzan::before{content:"\e916"}.ms-clan-jeskai::before{content:"\e917"}.ms-clan-mardu::before{content:"\e918"}.ms-clan-sultai::before{content:"\e919"}.ms-clan-temur::before{content:"\e91a"}.ms-clan-atarka::before{content:"\e91b"}.ms-clan-dromoka::before{content:"\e91c"}.ms-clan-kolaghan::before{content:"\e91d"}.ms-clan-ojutai::before{content:"\e91e"}.ms-clan-silumgar::before{content:"\e91f"}.ms-polis-setessa::before{content:"\e926"}.ms-polis-akros::before{content:"\e927"}.ms-polis-meletis::before{content:"\e928"}.ms-counter-arrow::before{content:"\e92b"}.ms-counter-brick::before{content:"\e92c"}.ms-counter-charge::before{content:"\e92d"}.ms-counter-devotion::before{content:"\e92e"}.ms-counter-doom::before{content:"\e92f"}.ms-counter-echo::before{content:"\e930"}.ms-counter-flame::before{content:"\e931"}.ms-counter-flood::before{content:"\e932"}.ms-counter-fungus::before{content:"\e933"}.ms-counter-gold::before{content:"\e934"}.ms-counter-ki::before{content:"\e935"}.ms-counter-lore::before{content:"\e936"}.ms-counter-loyalty::before{content:"\e937"}.ms-counter-mining::before{content:"\e938"}.ms-counter-minus::before{content:"\e939"}.ms-counter-muster::before{content:"\e93a"}.ms-counter-paw::before{content:"\e93b"}.ms-counter-pin::before{content:"\e93c"}.ms-counter-plus::before{content:"\e93d"}.ms-counter-scream::before{content:"\e93e"}.ms-counter-skeleton::before{content:"\e93f"}.ms-counter-skull::before{content:"\e940"}.ms-counter-slime::before{content:"\e941"}.ms-counter-time::before{content:"\e942"}.ms-counter-minus-uneven::before{content:"\e943"}.ms-counter-plus-uneven::before{content:"\e944"}.ms-counter-verse::before{content:"\e945"}.ms-counter-vortex::before{content:"\e946"}.ms-ability-activated::before,.ms-ability-crew::before,.ms-ability-cycling::before{content:"\e947"}.ms-ability-adamant::before{content:"\e974"}.ms-ability-adapt::before{content:"\e975"}.ms-ability-addendum::before{content:"\e976"}.ms-ability-adventure::before{content:"\e948"}.ms-ability-afflict::before{content:"\e977"}.ms-ability-afterlife::before{content:"\e978"}.ms-ability-aftermath::before{content:"\e979"}.ms-ability-amass::before{content:"\e97a"}.ms-ability-ascend::before{content:"\e94a"}.ms-ability-companion::before{content:"\e97b"}.ms-ability-constellation::before{content:"\e97c"}.ms-ability-convoke::before{content:"\e949"}.ms-ability-deathtouch::before{content:"\e94b"}.ms-ability-defender::before{content:"\e94c"}.ms-ability-devotion::before{content:"\e97d"}.ms-ability-double-strike::before{content:"\e94d"}.ms-ability-embalm::before{content:"\e97e"}.ms-ability-enrage::before{content:"\e94e"}.ms-ability-escape::before{content:"\e969"}.ms-ability-eternalize::before{content:"\e97f"}.ms-ability-explore::before{content:"\e94f"}.ms-ability-first-strike::before{content:"\e950"}.ms-ability-flash::before{content:"\e951"}.ms-ability-flying::before{content:"\e952"}.ms-ability-haste::before{content:"\e953"}.ms-ability-hexproof::before{content:"\e954"}.ms-ability-hexproof-black::before{content:"\e955"}.ms-ability-hexproof-blue::before{content:"\e956"}.ms-ability-hexproof-green::before{content:"\e957"}.ms-ability-hexproof-red::before{content:"\e958"}.ms-ability-hexproof-white::before{content:"\e959"}.ms-ability-indestructible::before{content:"\e95a"}.ms-ability-jumpstart::before{content:"\e95b"}.ms-ability-kicker::before{content:"\e989"}.ms-ability-landfall::before{content:"\e988"}.ms-ability-lifelink::before{content:"\e95c"}.ms-ability-menace::before{content:"\e95d"}.ms-ability-mentor::before{content:"\e95e"}.ms-ability-mutate::before{content:"\e980"}.ms-ability-party::before{content:"\e987"}.ms-ability-proliferate::before{content:"\e981"}.ms-ability-prowess::before{content:"\e982"}.ms-ability-raid::before{content:"\e95f"}.ms-ability-reach::before{content:"\e960"}.ms-ability-revolt::before{content:"\e961"}.ms-ability-riot::before{content:"\e973"}.ms-ability-spectacle::before{content:"\e96b"}.ms-ability-enchant::before,.ms-ability-improvise::before,.ms-ability-static::before{content:"\e962"}.ms-ability-summoning-sickness::before{content:"\e96a"}.ms-ability-surveil::before{content:"\e963"}.ms-ability-trample::before{content:"\e964"}.ms-ability-transform::before{content:"\e965"}.ms-ability-fabricate::before,.ms-ability-triggered::before{content:"\e966"}.ms-ability-undergrowth::before{content:"\e967"}.ms-ability-vigilance::before{content:"\e968"}.ms-cost{background-color:#beb9b2;border-radius:1em;color:#111;font-size:.95em;width:1.3em;height:1.3em;line-height:1.35em;text-align:center}.ms-cost.ms-w,.ms-cost.ms-wp{background-color:#f0f2c0}.ms-cost.ms-u,.ms-cost.ms-up{background-color:#b5cde3}.ms-cost.ms-b,.ms-cost.ms-bp{background-color:#aca29a}.ms-cost.ms-r,.ms-cost.ms-rp{background-color:#db8664}.ms-cost.ms-g,.ms-cost.ms-gp{background-color:#93b483}.ms-cost.ms-2b,.ms-cost.ms-2g,.ms-cost.ms-2r,.ms-cost.ms-2u,.ms-cost.ms-2w,.ms-cost.ms-bg,.ms-cost.ms-br,.ms-cost.ms-gu,.ms-cost.ms-gw,.ms-cost.ms-rg,.ms-cost.ms-rw,.ms-cost.ms-ub,.ms-cost.ms-ur,.ms-cost.ms-wb,.ms-cost.ms-wu{position:relative;width:1.3em;height:1.3em}.ms-cost.ms-2b::after,.ms-cost.ms-2b::before,.ms-cost.ms-2g::after,.ms-cost.ms-2g::before,.ms-cost.ms-2r::after,.ms-cost.ms-2r::before,.ms-cost.ms-2u::after,.ms-cost.ms-2u::before,.ms-cost.ms-2w::after,.ms-cost.ms-2w::before,.ms-cost.ms-bg::after,.ms-cost.ms-bg::before,.ms-cost.ms-br::after,.ms-cost.ms-br::before,.ms-cost.ms-gu::after,.ms-cost.ms-gu::before,.ms-cost.ms-gw::after,.ms-cost.ms-gw::before,.ms-cost.ms-rg::after,.ms-cost.ms-rg::before,.ms-cost.ms-rw::after,.ms-cost.ms-rw::before,.ms-cost.ms-ub::after,.ms-cost.ms-ub::before,.ms-cost.ms-ur::after,.ms-cost.ms-ur::before,.ms-cost.ms-wb::after,.ms-cost.ms-wb::before,.ms-cost.ms-wu::after,.ms-cost.ms-wu::before{font-size:.55em!important;position:absolute}.ms-cost.ms-2b::before,.ms-cost.ms-2g::before,.ms-cost.ms-2r::before,.ms-cost.ms-2u::before,.ms-cost.ms-2w::before,.ms-cost.ms-bg::before,.ms-cost.ms-br::before,.ms-cost.ms-gu::before,.ms-cost.ms-gw::before,.ms-cost.ms-rg::before,.ms-cost.ms-rw::before,.ms-cost.ms-ub::before,.ms-cost.ms-ur::before,.ms-cost.ms-wb::before,.ms-cost.ms-wu::before{top:-.38em;left:.28em}.ms-cost.ms-2b::after,.ms-cost.ms-2g::after,.ms-cost.ms-2r::after,.ms-cost.ms-2u::after,.ms-cost.ms-2w::after,.ms-cost.ms-bg::after,.ms-cost.ms-br::after,.ms-cost.ms-gu::after,.ms-cost.ms-gw::after,.ms-cost.ms-rg::after,.ms-cost.ms-rw::after,.ms-cost.ms-ub::after,.ms-cost.ms-ur::after,.ms-cost.ms-wb::after,.ms-cost.ms-wu::after{top:.5em;left:1em}.ms-cost.ms-wu{background:#edf2b0;background:-moz-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#edf2b0),color-stop(50%,#edf2b0),color-stop(50%,#a6c1dd),color-stop(100%,#a6c1dd));background:-webkit-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);background:-o-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);background:-ms-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);background:linear-gradient(135deg,#edf2b0 0,#edf2b0 50%,#a6c1dd 50%,#a6c1dd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#a6c1dd', GradientType=1)}.ms-cost.ms-wb{background:#edf2b0;background:-moz-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#edf2b0),color-stop(50%,#edf2b0),color-stop(50%,#9c9188),color-stop(100%,#9c9188));background:-webkit-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);background:-o-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);background:-ms-linear-gradient(-45deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);background:linear-gradient(135deg,#edf2b0 0,#edf2b0 50%,#9c9188 50%,#9c9188 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2b0', endColorstr='#9c9188', GradientType=1)}.ms-cost.ms-ub{background:#a6c1dd;background:-moz-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#a6c1dd),color-stop(50%,#a6c1dd),color-stop(50%,#9c9188),color-stop(100%,#9c9188));background:-webkit-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);background:-o-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);background:-ms-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);background:linear-gradient(135deg,#a6c1dd 0,#a6c1dd 50%,#9c9188 50%,#9c9188 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#9c9188', GradientType=1)}.ms-cost.ms-ur{background:#a6c1dd;background:-moz-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#a6c1dd),color-stop(50%,#a6c1dd),color-stop(50%,#db8664),color-stop(100%,#db8664));background:-webkit-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);background:-o-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);background:-ms-linear-gradient(-45deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);background:linear-gradient(135deg,#a6c1dd 0,#a6c1dd 50%,#db8664 50%,#db8664 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6c1dd', endColorstr='#db8664', GradientType=1)}.ms-cost.ms-br{background:#aca29a;background:-moz-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#aca29a),color-stop(50%,#aca29a),color-stop(50%,#db8664),color-stop(100%,#db8664));background:-webkit-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);background:-o-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);background:-ms-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);background:linear-gradient(135deg,#aca29a 0,#aca29a 50%,#db8664 50%,#db8664 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#db8664', GradientType=1)}.ms-cost.ms-bg{background:#aca29a;background:-moz-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#aca29a),color-stop(50%,#aca29a),color-stop(50%,#93b483),color-stop(100%,#93b483));background:-webkit-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);background:-o-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);background:-ms-linear-gradient(-45deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);background:linear-gradient(135deg,#aca29a 0,#aca29a 50%,#93b483 50%,#93b483 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca29a', endColorstr='#93b483', GradientType=1)}.ms-cost.ms-rw{background:#db8664;background:-moz-linear-gradient(-45deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#db8664),color-stop(50%,#db8664),color-stop(50%,#edf2b0),color-stop(100%,#edf2b0));background:-webkit-linear-gradient(-45deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);background:-o-linear-gradient(-45deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);background:-ms-linear-gradient(-45deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);background:linear-gradient(135deg,#db8664 0,#db8664 50%,#edf2b0 50%,#edf2b0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#edf2b0', GradientType=1)}.ms-cost.ms-rg{background:#db8664;background:-moz-linear-gradient(-45deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#db8664),color-stop(50%,#db8664),color-stop(50%,#93b483),color-stop(100%,#93b483));background:-webkit-linear-gradient(-45deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);background:-o-linear-gradient(-45deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);background:-ms-linear-gradient(-45deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);background:linear-gradient(135deg,#db8664 0,#db8664 50%,#93b483 50%,#93b483 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8664', endColorstr='#93b483', GradientType=1)}.ms-cost.ms-gw{background:#93b483;background:-moz-linear-gradient(-45deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#93b483),color-stop(50%,#93b483),color-stop(50%,#edf2b0),color-stop(100%,#edf2b0));background:-webkit-linear-gradient(-45deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);background:-o-linear-gradient(-45deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);background:-ms-linear-gradient(-45deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);background:linear-gradient(135deg,#93b483 0,#93b483 50%,#edf2b0 50%,#edf2b0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#edf2b0', GradientType=1)}.ms-cost.ms-gu{background:#93b483;background:-moz-linear-gradient(-45deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#93b483),color-stop(50%,#93b483),color-stop(50%,#b5cde3),color-stop(100%,#b5cde3));background:-webkit-linear-gradient(-45deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);background:-o-linear-gradient(-45deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);background:-ms-linear-gradient(-45deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);background:linear-gradient(135deg,#93b483 0,#93b483 50%,#b5cde3 50%,#b5cde3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b483', endColorstr='#b5cde3', GradientType=1)}.ms-cost.ms-2w{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#edf2b0),color-stop(100%,#edf2b0));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);background:linear-gradient(135deg,#beb9b2 0,#beb9b2 50%,#edf2b0 50%,#edf2b0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#edf2b0', GradientType=1)}.ms-cost.ms-2u{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#b5cde3),color-stop(100%,#b5cde3));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);background:linear-gradient(135deg,#beb9b2 0,#beb9b2 50%,#b5cde3 50%,#b5cde3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#b5cde3', GradientType=1)}.ms-cost.ms-2b{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#9c9188),color-stop(100%,#9c9188));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);background:linear-gradient(135deg,#beb9b2 0,#beb9b2 50%,#9c9188 50%,#9c9188 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#9c9188', GradientType=1)}.ms-cost.ms-2r{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#db8664),color-stop(100%,#db8664));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);background:linear-gradient(135deg,#beb9b2 0,#beb9b2 50%,#db8664 50%,#db8664 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#beb9b2', endColorstr='#db8664', GradientType=1)}.ms-cost.ms-2g{background:#beb9b2;background:-moz-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#93b483 50%,#93b483 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#beb9b2),color-stop(50%,#beb9b2),color-stop(50%,#93b483),color-stop(100%,#93b483));background:-webkit-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#93b483 50%,#93b483 100%);background:-o-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#93b483 50%,#93b483 100%);background:-ms-linear-gradient(-45deg,#beb9b2 0,#beb9b2 50%,#93b483 50%,#93b483 100%);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-bp::before,.ms-cost.ms-gp::before,.ms-cost.ms-p::before,.ms-cost.ms-rp::before,.ms-cost.ms-up::before,.ms-cost.ms-wp::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-tap-alt::before{display:inline-block;-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);padding-left:.06em;padding-bottom:.1em}.ms-cost.ms-s::before{color:#fff;-webkit-text-stroke:2px #fff;font-size:.85em;top:-.05em;position:relative;display:inline-block}.ms-cost.ms-s::after{content:"\e619";position:absolute;color:#333;margin-left:-.9em;font-size:1.1em}.ms-cost.ms-untap{background-color:#111;color:#fff}.ms-cost.ms-shadow{box-shadow:-.06em .07em 0 #111,0 .06em 0 #111}.ms-cost.ms-shadow.ms-untap{box-shadow:-.06em .07em 0 #fff,0 .06em 0 #fff}.ms-split{position:relative;width:1.3em;height:1.3em}.ms-split::after,.ms-split::before{font-size:.55em!important;position:absolute}.ms-split::before{top:-.38em;left:.28em}.ms-split::after{top:.5em;left:1em}span.ms-half{width:.675em;overflow:hidden;display:inline-block;margin-left:.675em}span.ms-half>.ms-cost{margin-left:-.675em}.ms-half{width:.675em;margin-left:.675em;overflow:hidden;border-radius:0 1em 1em 0}.ms-half::before{margin-left:-.65em}.ms-100{width:2.4em}.ms-1000000{width:5.4em}.ms-loyalty-down,.ms-loyalty-start,.ms-loyalty-up,.ms-loyalty-zero{color:#111;font-size:21px;position:relative;text-align:center;line-height:.9em}.ms-loyalty-start{font-size:25px}.ms-loyalty-0::after,.ms-loyalty-10::after,.ms-loyalty-11::after,.ms-loyalty-12::after,.ms-loyalty-13::after,.ms-loyalty-14::after,.ms-loyalty-15::after,.ms-loyalty-16::after,.ms-loyalty-17::after,.ms-loyalty-18::after,.ms-loyalty-19::after,.ms-loyalty-1::after,.ms-loyalty-20::after,.ms-loyalty-25::after,.ms-loyalty-2::after,.ms-loyalty-3::after,.ms-loyalty-4::after,.ms-loyalty-5::after,.ms-loyalty-6::after,.ms-loyalty-7::after,.ms-loyalty-8::after,.ms-loyalty-9::after,.ms-loyalty-x::after{color:#fff;display:inline-block;font-size:.5em;font-family:MPlantin,Garamond,Palatino,'Times New Roman',Times,serif;position:absolute;left:0;line-height:2em;width:100%;text-align:center}.ms-loyalty-0::after{content:"0"}.ms-loyalty-up.ms-loyalty-1::after{content:"+1"}.ms-loyalty-up.ms-loyalty-2::after{content:"+2"}.ms-loyalty-up.ms-loyalty-3::after{content:"+3"}.ms-loyalty-up.ms-loyalty-4::after{content:"+4"}.ms-loyalty-up.ms-loyalty-5::after{content:"+5"}.ms-loyalty-up.ms-loyalty-6::after{content:"+6"}.ms-loyalty-up.ms-loyalty-7::after{content:"+7"}.ms-loyalty-up.ms-loyalty-8::after{content:"+8"}.ms-loyalty-up.ms-loyalty-9::after{content:"+9"}.ms-loyalty-up.ms-loyalty-10::after{content:"+10"}.ms-loyalty-up.ms-loyalty-11::after{content:"+11"}.ms-loyalty-up.ms-loyalty-12::after{content:"+12"}.ms-loyalty-up.ms-loyalty-13::after{content:"+13"}.ms-loyalty-up.ms-loyalty-14::after{content:"+14"}.ms-loyalty-up.ms-loyalty-15::after{content:"+15"}.ms-loyalty-up.ms-loyalty-16::after{content:"+16"}.ms-loyalty-up.ms-loyalty-17::after{content:"+17"}.ms-loyalty-up.ms-loyalty-18::after{content:"+18"}.ms-loyalty-up.ms-loyalty-19::after{content:"+19"}.ms-loyalty-up.ms-loyalty-20::after{content:"+20"}.ms-loyalty-up.ms-loyalty-25::after{content:"+25"}.ms-loyalty-up.ms-loyalty-x::after{content:"+X"}.ms-loyalty-start.ms-loyalty-1::after{content:"1"}.ms-loyalty-start.ms-loyalty-2::after{content:"2"}.ms-loyalty-start.ms-loyalty-3::after{content:"3"}.ms-loyalty-start.ms-loyalty-4::after{content:"4"}.ms-loyalty-start.ms-loyalty-5::after{content:"5"}.ms-loyalty-start.ms-loyalty-6::after{content:"6"}.ms-loyalty-start.ms-loyalty-7::after{content:"7"}.ms-loyalty-start.ms-loyalty-8::after{content:"8"}.ms-loyalty-start.ms-loyalty-9::after{content:"9"}.ms-loyalty-start.ms-loyalty-10::after{content:"10"}.ms-loyalty-start.ms-loyalty-11::after{content:"11"}.ms-loyalty-start.ms-loyalty-12::after{content:"12"}.ms-loyalty-start.ms-loyalty-13::after{content:"13"}.ms-loyalty-start.ms-loyalty-14::after{content:"14"}.ms-loyalty-start.ms-loyalty-15::after{content:"15"}.ms-loyalty-start.ms-loyalty-16::after{content:"16"}.ms-loyalty-start.ms-loyalty-17::after{content:"17"}.ms-loyalty-start.ms-loyalty-18::after{content:"18"}.ms-loyalty-start.ms-loyalty-19::after{content:"19"}.ms-loyalty-start.ms-loyalty-20::after{content:"20"}.ms-loyalty-start.ms-loyalty-25::after{content:"25"}.ms-loyalty-start.ms-loyalty-x::after{content:"X"}.ms-loyalty-down::after{line-height:1.8em}.ms-loyalty-down.ms-loyalty-1::after{content:"-1"}.ms-loyalty-down.ms-loyalty-2::after{content:"-2"}.ms-loyalty-down.ms-loyalty-3::after{content:"-3"}.ms-loyalty-down.ms-loyalty-4::after{content:"-4"}.ms-loyalty-down.ms-loyalty-5::after{content:"-5"}.ms-loyalty-down.ms-loyalty-6::after{content:"-6"}.ms-loyalty-down.ms-loyalty-7::after{content:"-7"}.ms-loyalty-down.ms-loyalty-8::after{content:"-8"}.ms-loyalty-down.ms-loyalty-9::after{content:"-9"}.ms-loyalty-down.ms-loyalty-10::after{content:"-10"}.ms-loyalty-down.ms-loyalty-11::after{content:"-11"}.ms-loyalty-down.ms-loyalty-12::after{content:"-12"}.ms-loyalty-down.ms-loyalty-13::after{content:"-13"}.ms-loyalty-down.ms-loyalty-14::after{content:"-14"}.ms-loyalty-down.ms-loyalty-15::after{content:"-15"}.ms-loyalty-down.ms-loyalty-16::after{content:"-16"}.ms-loyalty-down.ms-loyalty-17::after{content:"-17"}.ms-loyalty-down.ms-loyalty-18::after{content:"-18"}.ms-loyalty-down.ms-loyalty-19::after{content:"-19"}.ms-loyalty-down.ms-loyalty-20::after{content:"-20"}.ms-loyalty-down.ms-loyalty-25::after{content:"-25"}.ms-loyalty-down.ms-loyalty-x::after{content:"-X"}.ms-saga-1::after,.ms-saga-2::after,.ms-saga-3::after,.ms-saga-4::after,.ms-saga-5::after{color:#fff;display:inline-block;font-size:.6em;font-family:MPlantin,Garamond,Palatino,'Times New Roman',Times,serif;position:absolute;left:0;line-height:1.75em;width:100%;text-align:center}.ms-saga-1::after{content:"I"}.ms-saga-2::after{content:"II"}.ms-saga-3::after{content:"III"}.ms-saga-4::after{content:"IV"}.ms-saga-5::after{content:"V"}.ms-dfc{color:#111;border:.05em solid #111;border-radius:2em;padding:.025em}.ms-2x{font-size:1.75em}.ms-3x{font-size:2.25em}.ms-4x{font-size:3em}.ms-5x{font-size:3.75em}.ms-6x{font-size:4.5em}.ms-duo{color:#fff}.ms-duo::after{color:#000;content:'';display:block;font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.ms-duo.ms-multicolor::after{content:"\e986"}.ms-duo-color::before{color:#010101}.ms-duo-color.ms-multicolor::after{color:#cca753}.ms-duo-color.ms-multicolor.ms-grad::after{background:linear-gradient(45deg,#cca54f 0,#e0d3bb 50%,#cca54f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ms-ci{border-radius:100%;box-shadow:inset 0 0 1px #fff;line-height:.95em;width:1em;height:1em}.ms-ci::before{color:#010101}.ms-ci-1::before{content:"\e98a"}.ms-ci-2::before{content:"\e98b"}.ms-ci-3::before{content:"\e98c"}.ms-ci-4::before{content:"\e98d"}.ms-ci-5::before{content:"\e98e"}.ms-ci-w{background:#fff}.ms-ci-u{background:#3b6ba0}.ms-ci-b{background:#383431}.ms-ci-r{background:#c6553e}.ms-ci-g{background:#3d684b}.ms-ci-wu{background:conic-gradient(#fff 45deg,#3b6ba0 45deg 225deg,#fff 225deg)}.ms-ci-wb{background:conic-gradient(#fff 45deg,#383431 45deg 225deg,#fff 225deg)}.ms-ci-ub{background:conic-gradient(#3b6ba0 45deg,#383431 45deg 225deg,#3b6ba0 225deg)}.ms-ci-ur{background:conic-gradient(#3b6ba0 45deg,#c6553e 45deg 225deg,#3b6ba0 225deg)}.ms-ci-bg{background:conic-gradient(#383431 45deg,#3d684b 45deg 225deg,#383431 225deg)}.ms-ci-br{background:conic-gradient(#383431 45deg,#c6553e 45deg 225deg,#383431 225deg)}.ms-ci-rw{background:conic-gradient(#c6553e 45deg,#fff 45deg 225deg,#c6553e 225deg)}.ms-ci-rg{background:conic-gradient(#c6553e 45deg,#3d684b 45deg 225deg,#c6553e 225deg)}.ms-ci-gu{background:conic-gradient(#3d684b 45deg,#3b6ba0 45deg 225deg,#3d684b 225deg)}.ms-ci-gw{background:conic-gradient(#3d684b 45deg,#fff 45deg 225deg,#3d684b 225deg)}.ms-ci-bant,.ms-ci-wug{background:conic-gradient(#3b6ba0 60deg,#3d684b 60deg 180deg,#fff 180deg 300deg,#3b6ba0 300deg)}.ms-ci-esper,.ms-ci-ubw{background:conic-gradient(#383431 60deg,#fff 60deg 180deg,#3b6ba0 180deg 300deg,#383431 300deg)}.ms-ci-bru,.ms-ci-grixis{background:conic-gradient(#c6553e 60deg,#3b6ba0 60deg 180deg,#383431 180deg 300deg,#c6553e 300deg)}.ms-ci-jund,.ms-ci-rgb{background:conic-gradient(#3d684b 60deg,#383431 60deg 180deg,#c6553e 180deg 300deg,#3d684b 300deg)}.ms-ci-gwr,.ms-ci-naya{background:conic-gradient(#fff 60deg,#c6553e 60deg 180deg,#3d684b 180deg 300deg,#fff 300deg)}.ms-ci-abzan,.ms-ci-junk,.ms-ci-wbg{background:conic-gradient(#383431 60deg,#3d684b 60deg 180deg,#fff 180deg 300deg,#383431 300deg)}.ms-ci-jeskai,.ms-ci-urw{background:conic-gradient(#c6553e 60deg,#fff 60deg 180deg,#3b6ba0 180deg 300deg,#c6553e 300deg)}.ms-ci-bgu,.ms-ci-bug,.ms-ci-sultai{background:conic-gradient(#3d684b 60deg,#3b6ba0 60deg 180deg,#383431 180deg 300deg,#3d684b 300deg)}.ms-ci-mardu,.ms-ci-rwb{background:conic-gradient(#fff 60deg,#383431 60deg 180deg,#c6553e 180deg 300deg,#fff 300deg)}.ms-ci-gur,.ms-ci-rug,.ms-ci-temur{background:conic-gradient(#3b6ba0 60deg,#c6553e 60deg 180deg,#3d684b 180deg 300deg,#3b6ba0 300deg)}.ms-ci-glint,.ms-ci-ubrg{background:conic-gradient(#3b6ba0 45deg,#383431 45deg 135deg,#c6553e 135deg 225deg,#3d684b 225deg 315deg,#3b6ba0 315deg)}.ms-ci-brgw,.ms-ci-dune{background:conic-gradient(#383431 45deg,#c6553e 45deg 135deg,#3d684b 135deg 225deg,#fff 225deg 315deg,#383431 315deg)}.ms-ci-ink,.ms-ci-rgwu{background:conic-gradient(#c6553e 45deg,#3d684b 45deg 135deg,#fff 135deg 225deg,#3b6ba0 225deg 315deg,#c6553e 315deg)}.ms-ci-gwub,.ms-ci-witch{background:conic-gradient(#3d684b 45deg,#fff 45deg 135deg,#3b6ba0 135deg 225deg,#383431 225deg 315deg,#3d684b 315deg)}.ms-ci-wubr,.ms-ci-yore{background:conic-gradient(#fff 45deg,#3b6ba0 45deg 135deg,#383431 135deg 225deg,#c6553e 225deg 315deg,#fff 315deg)}.ms-ci-5{background:conic-gradient(#fff 36deg,#3b6ba0 36deg 108deg,#383431 108deg 180deg,#c6553e 180deg 252deg,#3d684b 252deg 324deg,#fff 324deg)}.ms-mechanic{background:linear-gradient(0deg,#c8913b 0,#ecc65a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
\ No newline at end of file
diff --git a/fonts/mana.eot b/fonts/mana.eot
index 08101c2..e3d8527 100644
Binary files a/fonts/mana.eot and b/fonts/mana.eot differ
diff --git a/fonts/mana.svg b/fonts/mana.svg
index a5ac075..f3d1e23 100644
--- a/fonts/mana.svg
+++ b/fonts/mana.svg
@@ -192,4 +192,9 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/fonts/mana.ttf b/fonts/mana.ttf
index 46be61d..d1abdaa 100644
Binary files a/fonts/mana.ttf and b/fonts/mana.ttf differ
diff --git a/fonts/mana.woff b/fonts/mana.woff
index ecd9490..c7a8796 100644
Binary files a/fonts/mana.woff and b/fonts/mana.woff differ
diff --git a/fonts/mana.woff2 b/fonts/mana.woff2
index 06096f5..a86aa5f 100644
Binary files a/fonts/mana.woff2 and b/fonts/mana.woff2 differ
diff --git a/index.html b/index.html
index c832c5a..9b42f19 100644
--- a/index.html
+++ b/index.html
@@ -182,6 +182,44 @@
+ Color indicators
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Future Sight and other type symbols
diff --git a/less/colors.less b/less/colors.less
new file mode 100644
index 0000000..541212d
--- /dev/null
+++ b/less/colors.less
@@ -0,0 +1,259 @@
+// color indicator circles
+
+.@{ms-prefix}-ci {
+
+ // base styles
+ border-radius: 100%;
+ box-shadow: inset 0 0 1px #fff; // to remove spill over
+ line-height: 0.95em; // shifts the border up a touch
+ width: 1em;
+ height: 1em;
+
+ // set the border color
+ &::before { color: @ms-border-black; }
+
+ // borders based on number of colors in identity
+ &-1::before { content: "\e98a"; }
+ &-2::before { content: "\e98b"; }
+ &-3::before { content: "\e98c"; }
+ &-4::before { content: "\e98d"; }
+ &-5::before { content: "\e98e"; }
+
+ // 1 color backgrounds
+ &-w { background: @ms-white; }
+ &-u { background: @ms-blue; }
+ &-b { background: @ms-black; }
+ &-r { background: @ms-red; }
+ &-g { background: @ms-green; }
+
+ // 2 color backgrounds
+ &-wu {
+ background: conic-gradient(
+ @ms-white 45deg,
+ @ms-blue 45deg 225deg,
+ @ms-white 225deg
+ );
+ }
+ &-wb {
+ background: conic-gradient(
+ @ms-white 45deg,
+ @ms-black 45deg 225deg,
+ @ms-white 225deg
+ );
+ }
+ &-ub {
+ background: conic-gradient(
+ @ms-blue 45deg,
+ @ms-black 45deg 225deg,
+ @ms-blue 225deg
+ );
+ }
+ &-ur {
+ background: conic-gradient(
+ @ms-blue 45deg,
+ @ms-red 45deg 225deg,
+ @ms-blue 225deg
+ );
+ }
+ &-bg {
+ background: conic-gradient(
+ @ms-black 45deg,
+ @ms-green 45deg 225deg,
+ @ms-black 225deg
+ );
+ }
+ &-br {
+ background: conic-gradient(
+ @ms-black 45deg,
+ @ms-red 45deg 225deg,
+ @ms-black 225deg
+ );
+ }
+ &-rw {
+ background: conic-gradient(
+ @ms-red 45deg,
+ @ms-white 45deg 225deg,
+ @ms-red 225deg
+ );
+ }
+ &-rg {
+ background: conic-gradient(
+ @ms-red 45deg,
+ @ms-green 45deg 225deg,
+ @ms-red 225deg
+ );
+ }
+ &-gu {
+ background: conic-gradient(
+ @ms-green 45deg,
+ @ms-blue 45deg 225deg,
+ @ms-green 225deg
+ );
+ }
+ &-gw {
+ background: conic-gradient(
+ @ms-green 45deg,
+ @ms-white 45deg 225deg,
+ @ms-green 225deg
+ );
+ }
+
+ // 3-color backgrounds
+ &-wug,
+ &-bant {
+ background: conic-gradient(
+ @ms-blue 60deg,
+ @ms-green 60deg 180deg,
+ @ms-white 180deg 300deg,
+ @ms-blue 300deg
+ );
+ }
+ &-ubw,
+ &-esper {
+ background: conic-gradient(
+ @ms-black 60deg,
+ @ms-white 60deg 180deg,
+ @ms-blue 180deg 300deg,
+ @ms-black 300deg
+ );
+ }
+ &-bru,
+ &-grixis {
+ background: conic-gradient(
+ @ms-red 60deg,
+ @ms-blue 60deg 180deg,
+ @ms-black 180deg 300deg,
+ @ms-red 300deg
+ );
+ }
+ &-rgb,
+ &-jund {
+ background: conic-gradient(
+ @ms-green 60deg,
+ @ms-black 60deg 180deg,
+ @ms-red 180deg 300deg,
+ @ms-green 300deg
+ );
+ }
+ &-gwr,
+ &-naya {
+ background: conic-gradient(
+ @ms-white 60deg,
+ @ms-red 60deg 180deg,
+ @ms-green 180deg 300deg,
+ @ms-white 300deg
+ );
+ }
+ &-wbg,
+ &-abzan,
+ &-junk {
+ background: conic-gradient(
+ @ms-black 60deg,
+ @ms-green 60deg 180deg,
+ @ms-white 180deg 300deg,
+ @ms-black 300deg
+ );
+ }
+ &-urw,
+ &-jeskai {
+ background: conic-gradient(
+ @ms-red 60deg,
+ @ms-white 60deg 180deg,
+ @ms-blue 180deg 300deg,
+ @ms-red 300deg
+ );
+ }
+ &-bgu,
+ &-sultai,
+ &-bug {
+ background: conic-gradient(
+ @ms-green 60deg,
+ @ms-blue 60deg 180deg,
+ @ms-black 180deg 300deg,
+ @ms-green 300deg
+ );
+ }
+ &-rwb,
+ &-mardu {
+ background: conic-gradient(
+ @ms-white 60deg,
+ @ms-black 60deg 180deg,
+ @ms-red 180deg 300deg,
+ @ms-white 300deg
+ );
+ }
+ &-gur,
+ &-temur,
+ &-rug {
+ background: conic-gradient(
+ @ms-blue 60deg,
+ @ms-red 60deg 180deg,
+ @ms-green 180deg 300deg,
+ @ms-blue 300deg
+ );
+ }
+
+ // 4 color backgrounds
+ &-ubrg,
+ &-glint {
+ background: conic-gradient(
+ @ms-blue 45deg,
+ @ms-black 45deg 135deg,
+ @ms-red 135deg 225deg,
+ @ms-green 225deg 315deg,
+ @ms-blue 315deg
+ );
+ }
+ &-brgw,
+ &-dune {
+ background: conic-gradient(
+ @ms-black 45deg,
+ @ms-red 45deg 135deg,
+ @ms-green 135deg 225deg,
+ @ms-white 225deg 315deg,
+ @ms-black 315deg
+ );
+ }
+ &-rgwu,
+ &-ink {
+ background: conic-gradient(
+ @ms-red 45deg,
+ @ms-green 45deg 135deg,
+ @ms-white 135deg 225deg,
+ @ms-blue 225deg 315deg,
+ @ms-red 315deg
+ );
+ }
+ &-gwub,
+ &-witch {
+ background: conic-gradient(
+ @ms-green 45deg,
+ @ms-white 45deg 135deg,
+ @ms-blue 135deg 225deg,
+ @ms-black 225deg 315deg,
+ @ms-green 315deg
+ );
+ }
+ &-wubr,
+ &-yore {
+ background: conic-gradient(
+ @ms-white 45deg,
+ @ms-blue 45deg 135deg,
+ @ms-black 135deg 225deg,
+ @ms-red 225deg 315deg,
+ @ms-white 315deg
+ );
+ }
+
+ // 5 color background
+ &-5 {
+ background: conic-gradient(
+ @ms-white 36deg,
+ @ms-blue 36deg 108deg,
+ @ms-black 108deg 180deg,
+ @ms-red 180deg 252deg,
+ @ms-green 252deg 324deg,
+ @ms-white 324deg
+ );
+ }
+}
\ No newline at end of file
diff --git a/less/cost.less b/less/cost.less
index 44eb1b1..7b630fe 100644
--- a/less/cost.less
+++ b/less/cost.less
@@ -3,7 +3,7 @@
.@{ms-prefix}-cost {
// Base cost styles
- background-color: #BEB9B2;
+ background-color: @ms-base-colorless;
border-radius: 1em;
color: #111;
font-size: 0.95em;
@@ -15,23 +15,23 @@
// Single symbols
&.@{ms-prefix}-w,
&.@{ms-prefix}-wp {
- background-color: #F0F2C0;
+ background-color: @ms-base-white;
}
&.@{ms-prefix}-u,
&.@{ms-prefix}-up {
- background-color: #B5CDE3;
+ background-color: @ms-base-blue;
}
&.@{ms-prefix}-b,
&.@{ms-prefix}-bp {
- background-color: #ACA29A;
+ background-color: @ms-base-black;
}
&.@{ms-prefix}-r,
&.@{ms-prefix}-rp {
- background-color: #DB8664;
+ background-color: @ms-base-red;
}
&.@{ms-prefix}-g,
&.@{ms-prefix}-gp {
- background-color: #93B483;
+ background-color: @ms-base-green;
}
// Split symbols
diff --git a/less/duo.less b/less/duo.less
index 23a45d2..bc99d30 100644
--- a/less/duo.less
+++ b/less/duo.less
@@ -1,3 +1,5 @@
+// dual-layered symbol handling
+
.@{ms-prefix}-duo {
// base border styles
@@ -24,7 +26,7 @@
// colorized versions
&-color {
&::before {
- color: #000;
+ color: @ms-border-black;
}
&.@{ms-prefix}-multicolor {
&::after {
diff --git a/less/mana.less b/less/mana.less
index ac8ae9c..5fd33ae 100644
--- a/less/mana.less
+++ b/less/mana.less
@@ -7,4 +7,5 @@
@import "dfc.less";
@import "sizes.less";
@import "duo.less";
+@import "colors.less";
@import "extras.less";
\ No newline at end of file
diff --git a/less/variables.less b/less/variables.less
index 65234ea..fece7be 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -1,11 +1,25 @@
// base variables
@ms-font-path: '../fonts';
-@ms-version: '1.9.4';
+@ms-version: '1.10.0';
@ms-font-size-base: 14px;
@ms-prefix: ms;
@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;
-// colors
+// mana colors
+@ms-border-black: #010101;
+@ms-base-colorless: #beb9b2;
+@ms-base-white: #f0f2c0;
+@ms-base-blue: #b5cde3;
+@ms-base-black: #aca29a;
+@ms-base-red: #db8664;
+@ms-base-green: #93b483;
+@ms-white: #fff;
+@ms-blue: #3b6ba0;
+@ms-black: #383431;
+@ms-red: #c6553e;
+@ms-green: #3d684b;
+
+// project colors
@ms-multicolor-flat: #cca753;
@ms-multicolor-grad: linear-gradient(45deg, #cca54f 0%, #e0d3bb 50%, #cca54f 100%);
@ms-ability-grad: linear-gradient(0deg, #c8913b 0%, #ecc65a 100%);
\ No newline at end of file
diff --git a/package.json b/package.json
index f626a63..1329ee7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "mana-font",
- "version": "1.9.4",
+ "version": "1.10.0",
"description": "Magic: the Gathering mana symbol pictographic font",
"main": "css/mana.css",
"repository": {
diff --git a/sass/_colors.scss b/sass/_colors.scss
new file mode 100644
index 0000000..c3fb236
--- /dev/null
+++ b/sass/_colors.scss
@@ -0,0 +1,259 @@
+// color indicator circles
+
+.#{$ms-prefix}-ci {
+
+ // base styles
+ border-radius: 100%;
+ box-shadow: inset 0 0 1px #fff; // to remove spill over
+ line-height: 0.95em; // shifts the border up a touch
+ width: 1em;
+ height: 1em;
+
+ // set the border color
+ &::before { color: $ms-border-black; }
+
+ // borders based on number of colors in identity
+ &-1::before { content: "\e98a"; }
+ &-2::before { content: "\e98b"; }
+ &-3::before { content: "\e98c"; }
+ &-4::before { content: "\e98d"; }
+ &-5::before { content: "\e98e"; }
+
+ // 1 color backgrounds
+ &-w { background: $ms-white; }
+ &-u { background: $ms-blue; }
+ &-b { background: $ms-black; }
+ &-r { background: $ms-red; }
+ &-g { background: $ms-green; }
+
+ // 2 color backgrounds
+ &-wu {
+ background: conic-gradient(
+ $ms-white 45deg,
+ $ms-blue 45deg 225deg,
+ $ms-white 225deg
+ );
+ }
+ &-wb {
+ background: conic-gradient(
+ $ms-white 45deg,
+ $ms-black 45deg 225deg,
+ $ms-white 225deg
+ );
+ }
+ &-ub {
+ background: conic-gradient(
+ $ms-blue 45deg,
+ $ms-black 45deg 225deg,
+ $ms-blue 225deg
+ );
+ }
+ &-ur {
+ background: conic-gradient(
+ $ms-blue 45deg,
+ $ms-red 45deg 225deg,
+ $ms-blue 225deg
+ );
+ }
+ &-bg {
+ background: conic-gradient(
+ $ms-black 45deg,
+ $ms-green 45deg 225deg,
+ $ms-black 225deg
+ );
+ }
+ &-br {
+ background: conic-gradient(
+ $ms-black 45deg,
+ $ms-red 45deg 225deg,
+ $ms-black 225deg
+ );
+ }
+ &-rw {
+ background: conic-gradient(
+ $ms-red 45deg,
+ $ms-white 45deg 225deg,
+ $ms-red 225deg
+ );
+ }
+ &-rg {
+ background: conic-gradient(
+ $ms-red 45deg,
+ $ms-green 45deg 225deg,
+ $ms-red 225deg
+ );
+ }
+ &-gu {
+ background: conic-gradient(
+ $ms-green 45deg,
+ $ms-blue 45deg 225deg,
+ $ms-green 225deg
+ );
+ }
+ &-gw {
+ background: conic-gradient(
+ $ms-green 45deg,
+ $ms-white 45deg 225deg,
+ $ms-green 225deg
+ );
+ }
+
+ // 3-color backgrounds
+ &-wug,
+ &-bant {
+ background: conic-gradient(
+ $ms-blue 60deg,
+ $ms-green 60deg 180deg,
+ $ms-white 180deg 300deg,
+ $ms-blue 300deg
+ );
+ }
+ &-ubw,
+ &-esper {
+ background: conic-gradient(
+ $ms-black 60deg,
+ $ms-white 60deg 180deg,
+ $ms-blue 180deg 300deg,
+ $ms-black 300deg
+ );
+ }
+ &-bru,
+ &-grixis {
+ background: conic-gradient(
+ $ms-red 60deg,
+ $ms-blue 60deg 180deg,
+ $ms-black 180deg 300deg,
+ $ms-red 300deg
+ );
+ }
+ &-rgb,
+ &-jund {
+ background: conic-gradient(
+ $ms-green 60deg,
+ $ms-black 60deg 180deg,
+ $ms-red 180deg 300deg,
+ $ms-green 300deg
+ );
+ }
+ &-gwr,
+ &-naya {
+ background: conic-gradient(
+ $ms-white 60deg,
+ $ms-red 60deg 180deg,
+ $ms-green 180deg 300deg,
+ $ms-white 300deg
+ );
+ }
+ &-wbg,
+ &-abzan,
+ &-junk {
+ background: conic-gradient(
+ $ms-black 60deg,
+ $ms-green 60deg 180deg,
+ $ms-white 180deg 300deg,
+ $ms-black 300deg
+ );
+ }
+ &-urw,
+ &-jeskai {
+ background: conic-gradient(
+ $ms-red 60deg,
+ $ms-white 60deg 180deg,
+ $ms-blue 180deg 300deg,
+ $ms-red 300deg
+ );
+ }
+ &-bgu,
+ &-sultai,
+ &-bug {
+ background: conic-gradient(
+ $ms-green 60deg,
+ $ms-blue 60deg 180deg,
+ $ms-black 180deg 300deg,
+ $ms-green 300deg
+ );
+ }
+ &-rwb,
+ &-mardu {
+ background: conic-gradient(
+ $ms-white 60deg,
+ $ms-black 60deg 180deg,
+ $ms-red 180deg 300deg,
+ $ms-white 300deg
+ );
+ }
+ &-gur,
+ &-temur,
+ &-rug {
+ background: conic-gradient(
+ $ms-blue 60deg,
+ $ms-red 60deg 180deg,
+ $ms-green 180deg 300deg,
+ $ms-blue 300deg
+ );
+ }
+
+ // 4 color backgrounds
+ &-ubrg,
+ &-glint {
+ background: conic-gradient(
+ $ms-blue 45deg,
+ $ms-black 45deg 135deg,
+ $ms-red 135deg 225deg,
+ $ms-green 225deg 315deg,
+ $ms-blue 315deg
+ );
+ }
+ &-brgw,
+ &-dune {
+ background: conic-gradient(
+ $ms-black 45deg,
+ $ms-red 45deg 135deg,
+ $ms-green 135deg 225deg,
+ $ms-white 225deg 315deg,
+ $ms-black 315deg
+ );
+ }
+ &-rgwu,
+ &-ink {
+ background: conic-gradient(
+ $ms-red 45deg,
+ $ms-green 45deg 135deg,
+ $ms-white 135deg 225deg,
+ $ms-blue 225deg 315deg,
+ $ms-red 315deg
+ );
+ }
+ &-gwub,
+ &-witch {
+ background: conic-gradient(
+ $ms-green 45deg,
+ $ms-white 45deg 135deg,
+ $ms-blue 135deg 225deg,
+ $ms-black 225deg 315deg,
+ $ms-green 315deg
+ );
+ }
+ &-wubr,
+ &-yore {
+ background: conic-gradient(
+ $ms-white 45deg,
+ $ms-blue 45deg 135deg,
+ $ms-black 135deg 225deg,
+ $ms-red 225deg 315deg,
+ $ms-white 315deg
+ );
+ }
+
+ // 5 color background
+ &-5 {
+ background: conic-gradient(
+ $ms-white 36deg,
+ $ms-blue 36deg 108deg,
+ $ms-black 108deg 180deg,
+ $ms-red 180deg 252deg,
+ $ms-green 252deg 324deg,
+ $ms-white 324deg
+ );
+ }
+}
\ No newline at end of file
diff --git a/sass/_cost.scss b/sass/_cost.scss
index cff3c69..3b064cd 100644
--- a/sass/_cost.scss
+++ b/sass/_cost.scss
@@ -2,7 +2,7 @@
.#{$ms-prefix}-cost {
- background-color: #BEB9B2;
+ background-color: $ms-base-colorless;
border-radius: 1em;
color: #111;
font-size: 0.95em;
@@ -14,23 +14,23 @@
// single costs
&.#{$ms-prefix}-w,
&.#{$ms-prefix}-wp {
- background-color: #F0F2C0;
+ background-color: $ms-base-white;
}
&.#{$ms-prefix}-u,
&.#{$ms-prefix}-up {
- background-color: #B5CDE3;
+ background-color: $ms-base-blue;
}
&.#{$ms-prefix}-b,
&.#{$ms-prefix}-bp {
- background-color: #ACA29A;
+ background-color: $ms-base-black;
}
&.#{$ms-prefix}-r,
&.#{$ms-prefix}-rp {
- background-color: #DB8664;
+ background-color: $ms-base-red;
}
&.#{$ms-prefix}-g,
&.#{$ms-prefix}-gp {
- background-color: #93B483;
+ background-color: $ms-base-green;
}
// split costs
diff --git a/sass/_duo.scss b/sass/_duo.scss
index 40fffce..517ab1b 100644
--- a/sass/_duo.scss
+++ b/sass/_duo.scss
@@ -24,14 +24,14 @@
// colorized versions
&-color {
&::before {
- color: #000;
+ color: $ms-border-black;
}
&.#{$ms-prefix}-multicolor {
&::after {
- color: @ms-multicolor-flat;
+ color: $ms-multicolor-flat;
}
&.#{$ms-prefix}-grad::after {
- background: @ms-multicolor-grad;
+ background: $ms-multicolor-grad;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
diff --git a/sass/_variables.scss b/sass/_variables.scss
index 606b953..c84d17c 100644
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@@ -5,6 +5,20 @@ $ms-font-size-base: 14px !default;
$ms-prefix: ms !default;
$ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default;
+// mana colors
+$ms-border-black: #010101;
+$ms-base-colorless: #beb9b2;
+$ms-base-white: #f0f2c0;
+$ms-base-blue: #b5cde3;
+$ms-base-black: #aca29a;
+$ms-base-red: #db8664;
+$ms-base-green: #93b483;
+$ms-white: #fff;
+$ms-blue: #3b6ba0;
+$ms-black: #383431;
+$ms-red: #c6553e;
+$ms-green: #3d684b;
+
// colors
$ms-multicolor-flat: #cca753;
$ms-multicolor-grad: linear-gradient(45deg, #cca54f 0%, #e0d3bb 50%, #cca54f 100%);
\ No newline at end of file
diff --git a/sass/mana.scss b/sass/mana.scss
index 42d1294..6948d71 100644
--- a/sass/mana.scss
+++ b/sass/mana.scss
@@ -7,4 +7,5 @@
@import "dfc";
@import "sizes";
@import "duo";
+@import "colors";
@import "extras";
\ No newline at end of file