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