@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: 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'); font-weight: normal; 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-p::before, .ms-wp::before, .ms-up::before, .ms-bp::before, .ms-rp::before, .ms-gp::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-tribal::before, .ms-multiple::before { content: "\e925"; } .ms-vanguard::before { content: "\e971"; } .ms-multicolor::before { content: "\e985"; } .ms-wu::before, .ms-wb::before, .ms-rw::after, .ms-gw::after, .ms-2w::after { content: "\e600"; } .ms-ub::before, .ms-ur::before, .ms-wu::after, .ms-gu::after, .ms-2u::after { content: "\e601"; } .ms-br::before, .ms-bg::before, .ms-wb::after, .ms-ub::after, .ms-2b::after { content: "\e602"; } .ms-rw::before, .ms-rg::before, .ms-ur::after, .ms-br::after, .ms-2r::after { content: "\e603"; } .ms-gw::before, .ms-gu::before, .ms-bg::after, .ms-rg::after, .ms-2g::after { content: "\e604"; } .ms-2w::before, .ms-2u::before, .ms-2b::before, .ms-2r::before, .ms-2g::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-static::before, .ms-ability-enchant::before, .ms-ability-improvise::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-triggered::before, .ms-ability-fabricate::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: 0.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-wu, .ms-cost.ms-wb, .ms-cost.ms-ub, .ms-cost.ms-ur, .ms-cost.ms-br, .ms-cost.ms-bg, .ms-cost.ms-rw, .ms-cost.ms-rg, .ms-cost.ms-gw, .ms-cost.ms-gu, .ms-cost.ms-2w, .ms-cost.ms-2u, .ms-cost.ms-2b, .ms-cost.ms-2r, .ms-cost.ms-2g { position: relative; width: 1.3em; height: 1.3em; } .ms-cost.ms-wu::before, .ms-cost.ms-wb::before, .ms-cost.ms-ub::before, .ms-cost.ms-ur::before, .ms-cost.ms-br::before, .ms-cost.ms-bg::before, .ms-cost.ms-rw::before, .ms-cost.ms-rg::before, .ms-cost.ms-gw::before, .ms-cost.ms-gu::before, .ms-cost.ms-2w::before, .ms-cost.ms-2u::before, .ms-cost.ms-2b::before, .ms-cost.ms-2r::before, .ms-cost.ms-2g::before, .ms-cost.ms-wu::after, .ms-cost.ms-wb::after, .ms-cost.ms-ub::after, .ms-cost.ms-ur::after, .ms-cost.ms-br::after, .ms-cost.ms-bg::after, .ms-cost.ms-rw::after, .ms-cost.ms-rg::after, .ms-cost.ms-gw::after, .ms-cost.ms-gu::after, .ms-cost.ms-2w::after, .ms-cost.ms-2u::after, .ms-cost.ms-2b::after, .ms-cost.ms-2r::after, .ms-cost.ms-2g::after { font-size: 0.55em !important; position: absolute; } .ms-cost.ms-wu::before, .ms-cost.ms-wb::before, .ms-cost.ms-ub::before, .ms-cost.ms-ur::before, .ms-cost.ms-br::before, .ms-cost.ms-bg::before, .ms-cost.ms-rw::before, .ms-cost.ms-rg::before, .ms-cost.ms-gw::before, .ms-cost.ms-gu::before, .ms-cost.ms-2w::before, .ms-cost.ms-2u::before, .ms-cost.ms-2b::before, .ms-cost.ms-2r::before, .ms-cost.ms-2g::before { top: -0.38em; left: 0.28em; } .ms-cost.ms-wu::after, .ms-cost.ms-wb::after, .ms-cost.ms-ub::after, .ms-cost.ms-ur::after, .ms-cost.ms-br::after, .ms-cost.ms-bg::after, .ms-cost.ms-rw::after, .ms-cost.ms-rg::after, .ms-cost.ms-gw::after, .ms-cost.ms-gu::after, .ms-cost.ms-2w::after, .ms-cost.ms-2u::after, .ms-cost.ms-2b::after, .ms-cost.ms-2r::after, .ms-cost.ms-2g::after { top: 0.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-p::before, .ms-cost.ms-wp::before, .ms-cost.ms-up::before, .ms-cost.ms-bp::before, .ms-cost.ms-rp::before, .ms-cost.ms-gp::before { 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: 0.06em; padding-bottom: 0.1em; } .ms-cost.ms-s::before { color: #fff; -webkit-text-stroke: 2px #fff; font-size: 0.85em; top: -0.05em; position: relative; display: inline-block; } .ms-cost.ms-s::after { content: "\e619"; position: absolute; color: #333; margin-left: -0.9em; font-size: 1.1em; } .ms-cost.ms-untap { background-color: #111; color: #fff; } .ms-cost.ms-shadow { box-shadow: -0.06em 0.07em 0 #111, 0 0.06em 0 #111; } .ms-cost.ms-shadow.ms-untap { box-shadow: -0.06em 0.07em 0 #fff, 0 0.06em 0 #fff; } /** * Split costs (separate handling) */ .ms-split { position: relative; width: 1.3em; height: 1.3em; } .ms-split::before, .ms-split::after { font-size: 0.55em !important; position: absolute; } .ms-split::before { top: -0.38em; left: 0.28em; } .ms-split::after { top: 0.5em; left: 1em; } /** * Half costs */ span.ms-half { width: 0.675em; overflow: hidden; display: inline-block; margin-left: 0.675em; } span.ms-half > .ms-cost { margin-left: -0.675em; } .ms-half { width: 0.675em; margin-left: 0.675em; overflow: hidden; border-radius: 0 1em 1em 0; } .ms-half::before { margin-left: -0.65em; } /** * Un-set costs */ .ms-100 { width: 2.4em; } .ms-1000000 { width: 5.4em; } /** * Planeswalker symbols */ .ms-loyalty-up, .ms-loyalty-down, .ms-loyalty-zero, .ms-loyalty-start { color: #111; font-size: 21px; position: relative; text-align: center; line-height: 0.9em; } .ms-loyalty-start { font-size: 25px; } .ms-loyalty-0::after, .ms-loyalty-1::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-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-20::after, .ms-loyalty-25::after, .ms-loyalty-x::after { color: #fff; display: inline-block; font-size: 0.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"; } /** * Saga loyalty */ .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: 0.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: 0.05em solid #111; border-radius: 2em; padding: 0.025em; } /* * Larger sizes */ .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; }