diff --git a/CHANGELOG.md b/CHANGELOG.md index 96c9cc8..063d1c5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,11 @@ All notable changes to this project will be documented in this file. ## Versions +### [1.9.1] 2020-09-04 Modal DFC symbols and Multicolor/duo support + +* **Added:** Two new double-faced symbols for `modal-face` and `modal-back` added, from [Zendikar Rising](https://scryfall.com/card/znr/264/riverglide-pathway-lavaglide-pathway) [#54](https://github.com/andrewgioia/mana/issues/54) +* **Added:** Multicolor symbol with dual-layer support; add `.ms-duo` and the multicolor symbol uses both glyph layers, and adding `.ms-grad` makes it look like the Arena one with a gold gradient background [#43](https://github.com/andrewgioia/mana/issues/43) + ### [1.9.0] 2020-09-03 All Arena ability symbols! * **Added:** Excited to add _all_ 53 ability symbols from Arena! This was a big task as many had to be drawn from scratch! [#41](https://github.com/andrewgioia/mana/issues/41), [#53](https://github.com/andrewgioia/mana/issues/53), [#52](https://github.com/andrewgioia/mana/issues/52), and [#44](https://github.com/andrewgioia/mana/issues/44) diff --git a/README.md b/README.md index e2df2dc..1506af7 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Mana v1.9.0 +# Mana v1.9.1 ## The Magic: the Gathering mana symbol font! @@ -16,11 +16,11 @@ $> npm install mana-font Bower is still supported but given their notice to migrate away from it I recommend NPM if you're using a package manager. This project is registered as 'mana-font' with [NPM](https://docs.npmjs.com/getting-started/what-is-npm) and `mana` with [Bower](https://bower.io/#getting-started). Just install using the above commands in your project and you can edit anything as needed. -You can also download the [zip file](https://github.com/andrewgioia/Mana/archive/master.zip) here at Github and use the font files and CSS files in your project as needed. +You can also download the [zip file](https://github.com/andrewgioia/mana/archive/master.zip) here at Github and use the font files and CSS files in your project as needed. ## Using Mana in your project -Each mana symbol has its own font character. Display them in a manner similar to any icon font, like [Keyrune](http://andrewgioia.github.io/Keyrune), using the `` element and class syntax. Class name codes are based on textual mana symbol codes (like g for Green or 3 for, well, {3}). +Each mana symbol has its own font character. Display them in a manner similar to any icon font, like [Keyrune](https://keyrune.andrewgioia.com), using the `` element and class syntax. Class name codes are based on textual mana symbol codes (like g for Green or 3 for, well, {3}). To use Mana, move the web font files to your `/fonts` directory and include the `mana.min.css` stylesheet in your ``: @@ -46,9 +46,9 @@ To add new icons, I recommend first creating a project in IcoMoon and uploading ## Using Mana in desktop software -If you'd like to use Mana as a desktop font (e.g., in a Word document) there are a few steps and things to know. First, to get it loaded on your system just download the [latest zip file](https://github.com/andrewgioia/Mana/archive/master.zip), extract it, and navigate to `Mana-master\fonts`. In there, install the `mana.ttf` font (typically by double clicking it). +If you'd like to use Mana as a desktop font (e.g., in a Word document) there are a few steps and things to know. First, to get it loaded on your system just download the [latest zip file](https://github.com/andrewgioia/mana/archive/master.zip), extract it, and navigate to `mana-master\fonts`. In there, install the `mana.ttf` font (typically by double clicking it). -Mana uses [private use characters](https://en.wikipedia.org/wiki/Private_Use_Areas) for the font glyphs so you unfortunately can't normally "type" anything in Word to see the symbols. To do so, open up the [Mana Cheatsheet](http://andrewgioia.github.io/Mana/cheatsheet.html) and copy the symbol you want, then paste it into Word (or whatever software you're using). +Mana uses [private use characters](https://en.wikipedia.org/wiki/Private_Use_Areas) for the font glyphs so you unfortunately can't normally "type" anything in Word to see the symbols. To do so, open up the [Mana Cheatsheet](https://mana.andrewgioia.com/cheatsheet.html) and copy the symbol you want, then paste it into Word (or whatever software you're using). ## License diff --git a/bower.json b/bower.json index 0eacccf..0ac4a4a 100644 --- a/bower.json +++ b/bower.json @@ -1,7 +1,7 @@ { "name": "mana", "homepage": "https://github.com/andrewgioia/mana", - "version": "1.9.0", + "version": "1.9.1", "authors": [ "Andrew Gioia " ], diff --git a/css/mana.css b/css/mana.css index 7c34515..00063a8 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.0'); - src: url('../fonts/mana.eot?#iefix&v=1.9.0') format('embedded-opentype'), url('../fonts/mana.woff?v=1.9.0') format('woff'), url('../fonts/mana.ttf?v=1.9.0') format('truetype'), url('../fonts/mana.svg?v=1.9.0#mana') format('svg'); + src: url('../fonts/mana.eot?v=1.9.1'); + src: url('../fonts/mana.eot?#iefix&v=1.9.1') format('embedded-opentype'), url('../fonts/mana.woff?v=1.9.1') format('woff'), url('../fonts/mana.ttf?v=1.9.1') format('truetype'), url('../fonts/mana.svg?v=1.9.1#mana') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MPlantin'; - src: url('../fonts/mplantin.eot?v=1.9.0'); - src: url('../fonts/mplantin.eot?#iefix&v=1.9.0') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.9.0') format('woff'), url('../fonts/mplantin.ttf?v=1.9.0') format('truetype'), url('../fonts/mplantin.svg?v=1.9.0#mplantin') format('svg'); + src: url('../fonts/mplantin.eot?v=1.9.1'); + src: url('../fonts/mplantin.eot?#iefix&v=1.9.1') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.9.1') format('woff'), url('../fonts/mplantin.ttf?v=1.9.1') format('truetype'), url('../fonts/mplantin.svg?v=1.9.1#mplantin') format('svg'); font-weight: normal; font-style: normal; } @@ -200,6 +200,9 @@ .ms-vanguard::before { content: "\e971"; } +.ms-multicolor::before { + content: "\e985"; +} .ms-wu::before, .ms-wb::before, .ms-rw::after, @@ -281,6 +284,12 @@ .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"; } @@ -1258,8 +1267,6 @@ span.ms-half > .ms-cost { .ms-saga-5::after { content: "V"; } -/** - * Double faced cards */ .ms-dfc { color: #111; border: 0.05em solid #111; @@ -1283,3 +1290,31 @@ span.ms-half > .ms-cost { .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; +} diff --git a/css/mana.min.css b/css/mana.min.css index e3629cb..9b26620 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.0);src:url(../fonts/mana.eot?#iefix&v=1.9.0) format('embedded-opentype'),url(../fonts/mana.woff?v=1.9.0) format('woff'),url(../fonts/mana.ttf?v=1.9.0) format('truetype'),url(../fonts/mana.svg?v=1.9.0#mana) format('svg');font-weight:400;font-style:normal}@font-face{font-family:MPlantin;src:url(../fonts/mplantin.eot?v=1.9.0);src:url(../fonts/mplantin.eot?#iefix&v=1.9.0) format('embedded-opentype'),url(../fonts/mplantin.woff?v=1.9.0) format('woff'),url(../fonts/mplantin.ttf?v=1.9.0) format('truetype'),url(../fonts/mplantin.svg?v=1.9.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-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-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-lifelink::before{content:"\e95c"}.ms-ability-menace::before{content:"\e95d"}.ms-ability-mentor::before{content:"\e95e"}.ms-ability-mutate::before{content:"\e980"}.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-kicker::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} \ No newline at end of file +@font-face{font-family:Mana;src:url(../fonts/mana.eot?v=1.9.1);src:url(../fonts/mana.eot?#iefix&v=1.9.1) format('embedded-opentype'),url(../fonts/mana.woff?v=1.9.1) format('woff'),url(../fonts/mana.ttf?v=1.9.1) format('truetype'),url(../fonts/mana.svg?v=1.9.1#mana) format('svg');font-weight:400;font-style:normal}@font-face{font-family:MPlantin;src:url(../fonts/mplantin.eot?v=1.9.1);src:url(../fonts/mplantin.eot?#iefix&v=1.9.1) format('embedded-opentype'),url(../fonts/mplantin.woff?v=1.9.1) format('woff'),url(../fonts/mplantin.ttf?v=1.9.1) format('truetype'),url(../fonts/mplantin.svg?v=1.9.1#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-lifelink::before{content:"\e95c"}.ms-ability-menace::before{content:"\e95d"}.ms-ability-mentor::before{content:"\e95e"}.ms-ability-mutate::before{content:"\e980"}.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-kicker::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} \ No newline at end of file diff --git a/fonts/mana.eot b/fonts/mana.eot index 4fc5501..8a8a14c 100644 Binary files a/fonts/mana.eot and b/fonts/mana.eot differ diff --git a/fonts/mana.svg b/fonts/mana.svg index 10b96c4..6bc4cca 100644 --- a/fonts/mana.svg +++ b/fonts/mana.svg @@ -185,4 +185,8 @@ + + + + \ No newline at end of file diff --git a/fonts/mana.ttf b/fonts/mana.ttf index bcfb63b..93ddca2 100644 Binary files a/fonts/mana.ttf and b/fonts/mana.ttf differ diff --git a/fonts/mana.woff b/fonts/mana.woff index ad16f16..160851c 100644 Binary files a/fonts/mana.woff and b/fonts/mana.woff differ diff --git a/fonts/mana.woff2 b/fonts/mana.woff2 index 508a93d..eb93a02 100644 Binary files a/fonts/mana.woff2 and b/fonts/mana.woff2 differ diff --git a/index.html b/index.html index af93883..18c9b78 100644 --- a/index.html +++ b/index.html @@ -198,7 +198,8 @@ -    +
+ @@ -225,6 +226,9 @@ +    + +

Guild Symbols

diff --git a/less/dfc.less b/less/dfc.less index 39963ed..ce24638 100644 --- a/less/dfc.less +++ b/less/dfc.less @@ -1,9 +1,8 @@ -/** - * Double faced cards */ +// double faced cards .@{ms-prefix}-dfc { color: #111; border: .05em solid #111; border-radius: 2em; padding: 0.025em; -} +} \ No newline at end of file diff --git a/less/duo.less b/less/duo.less new file mode 100644 index 0000000..23a45d2 --- /dev/null +++ b/less/duo.less @@ -0,0 +1,41 @@ +.@{ms-prefix}-duo { + + // base border styles + &::after { + color: #000; + content: ''; + display: block; + font-size: 1em; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + } + + // set default inner to black unless we're adding color to the background + color: #fff; + + // multicolor symbol + &.@{ms-prefix}-multicolor::after { + content: "\e986"; + } + + // colorized versions + &-color { + &::before { + color: #000; + } + &.@{ms-prefix}-multicolor { + &::after { + color: @ms-multicolor-flat; + } + &.@{ms-prefix}-grad::after { + background: @ms-multicolor-grad; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + } + +} \ No newline at end of file diff --git a/less/icons.less b/less/icons.less index b88b06f..e7de754 100644 --- a/less/icons.less +++ b/less/icons.less @@ -70,6 +70,7 @@ &-tribal::before, &-multiple::before { content: "\e925"; } &-vanguard::before { content: "\e971"; } + &-multicolor::before { content: "\e985"; } // splits &-wu::before, @@ -124,6 +125,8 @@ &-emrakul::before { content: "\e90a"; } &-moon::before { content: "\e90b"; } &-enchantment::before { content: "\e920"; } + &-modal-face::before { content: "\e983"; } + &-modal-back::before { content: "\e984"; } } // other card elements diff --git a/less/mana.less b/less/mana.less index 0bf3b14..bb2ea2f 100644 --- a/less/mana.less +++ b/less/mana.less @@ -5,4 +5,5 @@ @import "cost.less"; @import "loyalty.less"; @import "dfc.less"; -@import "sizes.less"; \ No newline at end of file +@import "sizes.less"; +@import "duo.less"; \ No newline at end of file diff --git a/less/variables.less b/less/variables.less index 8411ca8..3ea91b8 100644 --- a/less/variables.less +++ b/less/variables.less @@ -1,5 +1,10 @@ +// base variables @ms-font-path: '../fonts'; -@ms-version: '1.9.0'; +@ms-version: '1.9.1'; @ms-font-size-base: 14px; @ms-prefix: ms; -@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif; \ No newline at end of file +@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif; + +// 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/package.json b/package.json index 2c3f8be..5fab49d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mana-font", - "version": "1.9.0", + "version": "1.9.1", "description": "Magic: the Gathering mana symbol pictographic font", "main": "css/mana.css", "repository": { diff --git a/sass/_duo.scss b/sass/_duo.scss new file mode 100644 index 0000000..40fffce --- /dev/null +++ b/sass/_duo.scss @@ -0,0 +1,41 @@ +.#{$ms-prefix}-duo { + + // base border styles + &::after { + color: #000; + content: ''; + display: block; + font-size: 1em; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + } + + // set default inner to black unless we're adding color to the background + color: #fff; + + // multicolor symbol + &.#{$ms-prefix}-multicolor::after { + content: "\e986"; + } + + // colorized versions + &-color { + &::before { + color: #000; + } + &.#{$ms-prefix}-multicolor { + &::after { + color: @ms-multicolor-flat; + } + &.#{$ms-prefix}-grad::after { + background: @ms-multicolor-grad; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + } + +} \ No newline at end of file diff --git a/sass/_icons.scss b/sass/_icons.scss index 795d545..a3a7cb5 100644 --- a/sass/_icons.scss +++ b/sass/_icons.scss @@ -70,6 +70,7 @@ &-tribal::before, &-multiple::before { content: "\e925"; } &-vanguard::before { content: "\e971"; } + &-multicolor::before { content: "\e985"; } // splits &-wu::before, @@ -124,6 +125,8 @@ &-emrakul::before { content: "\e90a"; } &-moon::before { content: "\e90b"; } &-enchantment::before { content: "\e920"; } + &-modal-face::before { content: "\e983"; } + &-modal-back::before { content: "\e984"; } } // other card elements diff --git a/sass/_variables.scss b/sass/_variables.scss index 197d794..dc1ce23 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -1,5 +1,10 @@ +// base variables $ms-font-path: '../fonts' !default; -$ms-version: '1.9.0' !default; +$ms-version: '1.9.1' !default; $ms-font-size-base: 14px !default; $ms-prefix: ms !default; -$ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default; \ No newline at end of file +$ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default; + +// 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 c4c8c5d..49c400b 100644 --- a/sass/mana.scss +++ b/sass/mana.scss @@ -5,4 +5,5 @@ @import "cost"; @import "loyalty"; @import "dfc"; -@import "sizes"; \ No newline at end of file +@import "sizes"; +@import "duo"; \ No newline at end of file