Showing preview only (442K chars total). Download the full file or copy to clipboard to get everything.
Repository: andrewgioia/Mana
Branch: master
Commit: 6ca9e696d3bd
Files: 38
Total size: 426.1 KB
Directory structure:
gitextract_ciu4qj8p/
├── .gitignore
├── CHANGELOG.md
├── README.md
├── css/
│ └── mana.css
├── docs/
│ ├── CNAME
│ ├── assets/
│ │ └── docs.css
│ ├── attributes.html
│ ├── cheatsheet.html
│ ├── fonts/
│ │ └── beleren.otf
│ ├── icons.html
│ └── index.html
├── index.html
├── less/
│ ├── colors.less
│ ├── core.less
│ ├── cost.less
│ ├── dfc.less
│ ├── duo.less
│ ├── extras.less
│ ├── icons.less
│ ├── loyalty.less
│ ├── mana.less
│ ├── path.less
│ ├── sizes.less
│ └── variables.less
├── package.json
└── sass/
├── _aliases.scss
├── _colors.scss
├── _core.scss
├── _cost.scss
├── _dfc.scss
├── _duo.scss
├── _extras.scss
├── _icons.scss
├── _loyalty.scss
├── _path.scss
├── _sizes.scss
├── _variables.scss
└── mana.scss
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
.idea
.DS_Store
node_modules
================================================
FILE: CHANGELOG.md
================================================
# Changelog
All notable changes to this project will be documented in this file.
## Unreleased
* v2.0 updates to add all digital product tokens and counter symbols, fix the core numbered casting cost icons, and modernize this project.
* Update this changelog for better formatting
* Crop original full-width symbols to actual width
## Versions
### [1.18.0] 2024-11-10 Magic Duels ability symbols!
#### Added
* Finally traced, handdrew, and placed all 56 available Magic Duels ability symbols. This was a labor of love more than anything else as I cannot imagine who is using these, but it gets us to completion of all of the official ability symbols. All of these are available in the format `.ms-ability-duels-{name}`, but for the ones where there are no current Arena/MODO symbol I've aliased those without `duels` for convenience ([#85](https://github.com/andrewgioia/mana/issues/85))
#### Changed
* Duels had a higher resolution source for Reach, which is the only one of these that has the same current ability symbol. That one has been replaced with this better version.
### [1.17.1] 2024-11-08 Colorless split costs
#### Added
* Split costs now support the colorless split mana symbols on [Ulalek, Fused Atrocity](https://scryfall.com/card/m3c/4/ulalek-fused-atrocity) ([#139](https://github.com/andrewgioia/mana/issues/139))
### [1.17.0] 2024-11-06 2024 abilities
* Note this release has not updated the LESS source files. It's become too much to maintain both sadly and LESS will be deprecated/removed going forward.
* Note also that bower.json has been removed. Mana has not been published there for a while and will only be officially published to NPM.
#### Added
* Pawprint cost symbol ([#129](https://github.com/andrewgioia/mana/issues/129))
* Land Drop (D) and Legendary Mana (L) cost symbols from Mystery Booster 2 ([#134](https://github.com/andrewgioia/mana/issues/134))
* 4th Edition tap symbol ([#124](https://github.com/andrewgioia/mana/issues/124))
* Updated lifelink ability symbol ([#126](https://github.com/andrewgioia/mana/issues/126))
* Arena Power and Toughness symbols from the new player experience ([#119](https://github.com/andrewgioia/mana/issues/119))
* Mana Screw flavor watermark ([#115](https://github.com/andrewgioia/mana/issues/115))
* Rad counter on MTGO ([#132](https://github.com/andrewgioia/mana/issues/132))
* Brick, Deathtouch, and Charge punchout counters ([#116](https://github.com/andrewgioia/mana/issues/116)). Goad and Finality added as aliases for the identical ability icons.
* Party class watermarks for Cleric, Rogue, Warrior, and Wizard ([#136](https://github.com/andrewgioia/mana/issues/136))
* Exalted ability symbol from MH3 ([#128](https://github.com/andrewgioia/mana/issues/128))
* MKM ability symbols for Cloak, Case Solved, Collect Evidence, Disguise, Suspect, and Surveil ([#121](https://github.com/andrewgioia/mana/issues/121))
* Print Case Solved symbol ([#118](https://github.com/andrewgioia/mana/issues/118))
* LCI ability symbols for Craft, Descend, and Discover ([#117](https://github.com/andrewgioia/mana/issues/117))
* KTK ability symbols for Delve, Ferocious, Outlast, and Morph ([#120](https://github.com/andrewgioia/mana/issues/120))
* OTJ ability symbols for Plot, Saddle, Spree, and Crime ([#125](https://github.com/andrewgioia/mana/issues/125))
* Spree card frame indicator ([#125](https://github.com/andrewgioia/mana/issues/125))
* BLB ability symbols for Gift, Offspring, Valiant, Forage, and Expend ([#130](https://github.com/andrewgioia/mana/issues/130))
* DSK ability symbols for Survival, Impending, Manifest Dread, and Eerie ([#133](https://github.com/andrewgioia/mana/issues/133))
#### Changed
* **Breaking change:** with Pawprint now being {P}, Phyrexian has been moved to {H} instead. This changes the class names for these mana costs as of this version, so all `.ms-p` will now show the Pawprint instead of the Phyrexian symbol. Please replace Phyrexian with `.ms-h`. Sorry about this!
* Revised tap symbol aliased to `tap-3ed` in addition to `tap-alt`, to account for the other alternate tap symbol.
* Lifelink symbol has been updated following Arena's update. The previous one has been changed to `lifelink-original`.
#### Fixed
* Documented Goad, Commander, and Ticket symbols that were previously added ([#135](https://github.com/andrewgioia/mana/issues/135))
### [1.16.1] 2024-10-28 Watermark documentation
#### Added
* Watermark for Trump Katsumai added ([#114](https://github.com/andrewgioia/mana/issues/114))
* Documentation now updated for that massive watermark project I abandoned :( All 90+ watermarks are in and on the icons page, finally back here and getting the repo up to speed again. ([#34](https://github.com/andrewgioia/mana/issues/34))
* Documented Improvise, Ring Bearer, Amass Orcs, and The Ring Tempts You abilities. [#107](https://github.com/andrewgioia/mana/issues/107))
#### Changed
* Moved the documentation to the `./docs` folder like Keyrune, no more `gh-pages` branch.
### [1.16.0] 2023-09-20 Complete set of card watermarks
* **Added:** 90 watermarks added/aliased, nearing the complete set of all watermarks save for 2. ([#34](https://github.com/andrewgioia/mana/issues/34))
### [1.15.9] 2023-09-10 WOE ability symbols, Haktos and Robber symbols, loyalty VI
* **Added:** WOE ability symbols for Bargain, Celebration, and the 6 role tokens (Cursed, Monster, Royal, Sorceror, Wicked, and Young Hero) ([#111](https://github.com/andrewgioia/mana/issues/111))
* **Added:** Arena-only "ability" symbols used for Haktos the Unscarred and Robber of the Rich ([#112](https://github.com/andrewgioia/mana/issues/112))
* **Added:** Magic Online void counter ([#109](https://github.com/andrewgioia/mana/issues/109))
* **Changed:** Saga loyalty now goes up to VI for the new WOE card, Long List of the Ents ([#110](https://github.com/andrewgioia/mana/issues/110))
### [1.15.8] 2023-07-20 LTR ability symbols
* **Added:** LTR ability symbols for The Ring Tempts You, Ring Bearer, and Amass Orcs ([#107](https://github.com/andrewgioia/mana/issues/107))
* **Added:** Improvise ability symbol ([#108](https://github.com/andrewgioia/mana/issues/108))
* **Changed:** `.ability-amass` is now aliased as `.ability-amass-zombies` to provide a differentiator from LTR's Amass Orcs.
### [1.15.7] 2023-05-29 Fix to .ms-defense-print
* **Fixed:** resolved a spacing issue for the .ms-defense-print utility class
### [1.15.6] 2023-05-29 Spring 2023 abilities, DFCs, Defense loyalty
* **Added:** DFC symbols for front and back, as well as "face down" and the various meld cards on Arena ([#102](https://github.com/andrewgioia/mana/issues/102))
* **Added:** Defense loyalty symbol and utility classes for battle cards ([#103](https://github.com/andrewgioia/mana/issues/103))
* **Added:** Battle type symbol and Siege subtype symbol ([#105](https://github.com/andrewgioia/mana/issues/105))
* **Added:** Arena ability symbols for Backup and Incubate ([#105](https://github.com/andrewgioia/mana/issues/105))
* **Changed:** Enrage has a new ability symbol in Arena with the old one aliased; the old symbol is also now the new "marked with damage" symbol in arena ([#104](https://github.com/andrewgioia/mana/issues/104))
* **Changed:** Convoke's ability symbol was also changed, with the old one alised as well ([#105](https://github.com/andrewgioia/mana/issues/105))
### [1.15.5] 2023-03-11 DFC and loyalty updates
* **Added:** DFC symbols for Saga and the flip side, Saga creatures, from NEO ([#98](https://github.com/andrewgioia/mana/issues/98))
* **Added:** New outlined version of the loyalty symbol that shows up on certain Unfinity cards ([#97](https://github.com/andrewgioia/mana/issues/97))
* **Added:** The "can't block or must attack" symbol in Arena, labeled "combat condition" here as an ability symbol ([#100](https://github.com/andrewgioia/mana/issues/100))
* **Fixed:** Loyalty line heights have been corrected cross browser ([#96](https://github.com/andrewgioia/mana/issues/96))
### [1.15.4] 2023-03-08 PRs 81 and 82
* **Added:** Goad ability symbol ([#101](https://github.com/andrewgioia/mana/issues/101))
* **Added:** Land MDFC symbol ([#58](https://github.com/andrewgioia/mana/issues/58))
* **Added:** Commander type symbol ([#59](https://github.com/andrewgioia/mana/issues/59))
* **Added:** Loyalty level up card text symbol ([#60](https://github.com/andrewgioia/mana/issues/60))
* **Added:** Zone icons from MTGA ([#62](https://github.com/andrewgioia/mana/issues/62))
* **Fixed:** CSS font name now matches compiled font name ([#87](https://github.com/andrewgioia/mana/issues/87))
* **Merged:** ([PR #81])(https://github.com/andrewgioia/mana/pull/81) by @Lisstem fixes apostrophe bug in `_variables.scss`
* **Merged:** ([PR #82])(https://github.com/andrewgioia/mana/pull/82) by @Lisstem adds missing saga loyalty to `_loyalty.scss`
### [1.15.3] 2023-03-04 Remaining split Phyrexian classes
* **Added:** All other split Phyrexian mana classes introduced recently ([#86](https://github.com/andrewgioia/mana/issues/86))
### [1.15.2] 2023-03-04 GUP and GWP classes (@Araneline)
* **Merged:** ([PR #93](https://github.com/andrewgioia/mana/pull/93)) by @Araneline to add support for the GUP and GWP split phyrexian classes
### [1.15.1] 2023-03-03 Fabricate
* **Added:** Ticket symbol from Unfinity ([#92](https://github.com/andrewgioia/mana/issues/92))
* **Changed:** Dungeon now has an alias as a card type (`.ms-dungeon`) ([#84](https://github.com/andrewgioia/mana/issues/84))
* **Fixed:** Fabricate has its own correct symbol now. It had previously been aliased and this got messed up in the last build.
### [1.15.0] 2023-03-03 Backlog of Arena ability and counter symbols
* **Added:** Finally added the huge backlog of Arena ability symbols: fabricate, changeling, domain, day/night, daybound/nightbound, coven, investigate, decayed, cleave, disturb, exploit, training, channel, ninjutsu, reconfigure, blitz, alliance, obscura (not sure what this corresponds to), casualty, hideaway, read ahead, enlist, specialist, unearth, meld, prototype, toxic, phyrexian, corrupted, and for mirrodin!
* Big thanks to @ThePieBandit for the motivation and asset help!
* **Added:** 2 missing Arena counters: stun and shield
### [1.14.0] 2021-07-14 Strixhaven schools
* **Added:** Lorehold, Prismari, Silverquill, Quandrix, and Witherbloom school symbols added, including dual layered support
### [1.13.0] 2021-07-10 D20, alternate white symbols, basic ligature support
* **Added:** D20 ability symbol from Arena
* **Added:** Alternate white mana symbols (the original pre-Ice Age symbol and the recent List variant) ([#70](https://github.com/andrewgioia/mana/issues/70))
* **Added:** Arena's snow mana symbol variant ([#69](https://github.com/andrewgioia/mana/issues/69))
* **Fixed:** Missing variable in `_variables.scss` for `.ms-ability-grad` added ([#64](https://github.com/andrewgioia/mana/issues/64) and [#76](https://github.com/andrewgioia/mana/issues/76))
* **Fixed:** Kicker icon is no longer overwritten by the static ability icon in the Sass version ([#65](https://github.com/andrewgioia/mana/issues/65))
### [1.12.1] 2021-07-08 SVG files
* **Added:** missing SVG files for the most recent abilities and type symbols.
### [1.12.0] 2021-07-08 AFR abilities
* **Added:** Only seems to be 1 ability symbol in Arena for AFR: venturing into the dungeon. Wizards calls this "Dungeon" so we're naming it that as well.
### [1.11.0] 2021-07-06 More Arena ability symbols
* **Added:** Ability symbols for Boast, Foretell, Magecraft, Learn, and Ward
* **Added:** Lesson DFC symbol
### [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.
### [1.9.3] 2020-09-23 Corrects evergreen class name
* **Fixed:** It's not evergreen abilities that get colorized in Arena, it's set-specific mechanics/abilities. The class name is corrected to be `.ms-mechanic`.
### [1.9.2] 2020-09-23 Adds evergreen color support
* **Added:** Class `.ms-evergreen` on ability symbols will apply the gold gradient effect in Arena.
### [1.9.1] 2020-09-04 Modal DFC symbols and Multicolor/duo support
* **Added:** Two new double-faced symbols for `modal-face` and `modal-back` added, from [Zendikar Rising](https://scryfall.com/card/znr/264/riverglide-pathway-lavaglide-pathway) [#54](https://github.com/andrewgioia/mana/issues/54)
* **Added:** Multicolor symbol with dual-layer support; add `.ms-duo` and the multicolor symbol uses both glyph layers, and adding `.ms-grad` makes it look like the Arena one with a gold gradient background [#43](https://github.com/andrewgioia/mana/issues/43)
### [1.9.0] 2020-09-03 All Arena ability symbols!
* **Added:** Excited to add _all_ 53 ability symbols from Arena! This was a big task as many had to be drawn from scratch! [#41](https://github.com/andrewgioia/mana/issues/41), [#53](https://github.com/andrewgioia/mana/issues/53), [#52](https://github.com/andrewgioia/mana/issues/52), and [#44](https://github.com/andrewgioia/mana/issues/44)
* **Fixed:** Some outdated SVG issues with the existing type symbols have been corrected
* **Added:** SVGs are now shipped [#51](https://github.com/andrewgioia/mana/issues/51)
### [1.8.0] 2020-08-21 Arena ability initial release
* **Added:** All ability symbols from Arena [#41](https://github.com/andrewgioia/mana/issues/41)
* **Fixed:** All .scss files are cleaner and a bit more optimized; probably going to move to Sass soon
### [1.7.0] 2020-08-20 Birthday release with MODO counters!
* **Added:** All counters from Magic Online [#39](https://github.com/andrewgioia/mana/issues/39)
* **Fixed:** Cleaned up some NPM package info and project meta data
### [1.6.0] 2020-01-30 Saga and Acorn symbols
* **Added:** Acorn counter symbol from Unsanctioned ([#48](https://github.com/andrewgioia/Mana/issues/48))
* **Added:** Saga hexagon symbol from saga cards ([#47](https://github.com/andrewgioia/Mana/issues/47), [#35](https://github.com/andrewgioia/Mana/issues/35))
* **Fixed:** All current loyalties are now supported, including -25 ([#42](https://github.com/andrewgioia/Mana/issues/42)) and -X ([#45](https://github.com/andrewgioia/Mana/issues/45))
### Previous (to fix)
* v1.5.0 - updated readme on editing the source; new icons for MTGO counters
* v1.4.1 - half mana symbol fix using just the icon element (issue #6)
* v1.4.0 - big update: artist, Poleis, power/toughness, DFC enchantment, and multiple type symbols added; simplified split cost handling; more planeswalker loyalties; SASS support
* v1.3.2 - incrementing for new npm publish and jsDelivr note; fixed docs
* v1.3.1 - fixed class name issue for 1,000,000 symbol
* v1.3.0 - added Guild and Clan symbols
* v1.2.0 - added DFC symbols for the Origins planeswalkers (ignite and spark) and the Eldritch Moon meld cards (emrakul and moon)
* v1.1.0 - added the new Energy symbol
* v1.0.1 - added classes for -12 and -14 loyalty (sorry Jace and Karn!)
* v1.0 - new documentation page at http://andrewgioia.github.io/Mana/
* v0.6 - adding double-faced card symbols (day, night)
* v0.5 - adding the new colorless wastes symbol
* v0.4 - adding classes for 16, 17, 18, 19, and 20 symbols
* v0.3 - phyrexian mana classes use MTGJson standard; project-specific LESS prefix added (@JayGray)
* v0.2 - Flashback symbol added
* v0.1 - initial font creation and CSS/LESS files added
================================================
FILE: README.md
================================================
# Mana v1.18.0
## The Magic: the Gathering mana symbol font!
**View the [documentation site](https://mana.andrewgioia.com) to see Mana in action!**
Mana is a complete set of Magic: the Gathering mana, tap, and card type symbols as a pictographic font. You can use this font anywhere you want to display mana and tap symbols—in your MtG app or website, documents, card images, anything!
## Installation
The easiest way to get Mana into your project is to use the NPM package:
```shell
$> npm install mana-font
```
Bower is still supported but given their notice to migrate away from it I recommend NPM if you're using a package manager. This project is registered as 'mana-font' with [NPM](https://docs.npmjs.com/getting-started/what-is-npm) and `mana` with [Bower](https://bower.io/#getting-started). Just install using the above commands in your project and you can edit anything as needed.
You can also download the [zip file](https://github.com/andrewgioia/mana/archive/master.zip) here at Github and use the font files and CSS files in your project as needed.
## Using Mana in your project
Each mana symbol has its own font character. Display them in a manner similar to any icon font, like [Keyrune](https://keyrune.andrewgioia.com), using the `<i class="ms ms-g"></i>` element and class syntax. Class name codes are based on textual mana symbol codes (like g for Green or 3 for, well, {3}).
To use Mana, move the web font files to your `/fonts` directory and include the `mana.min.css` stylesheet in your `<head>`:
```html
<link href="css/mana.min.css" rel="stylesheet" type="text/css" />
```
You can also include Mana via CDN thanks to the amazing [jsDelivr](http://jsdelivr.com) project! To include the latest version, reference:
```html
<link href="//cdn.jsdelivr.net/npm/mana-font@latest/css/mana.min.css" rel="stylesheet" type="text/css" />
```
Replace `mana.min.css` with `mana.css` for the unminified version, if you need that.
## Editing the source
You can edit the Sass or Less source files and compile Mana to fit your needs, add custom classes, or extend it in your project.
The `mana.svg` font file contains every glyph used in Mana. If you'd like to completely decompile it, you can view the SVG coordinates in any text editor or upload it to an SVG font editor like [IcoMoon](https://icomoon.io) (which I use for Mana and Keyrune) or [Birdfont](https://birdfont.org).
To add new icons, I recommend first creating a project in IcoMoon and uploading Mana into it. Draw any new glyphs in a vector/SVG editor of your choice export them as SVGs. Then upload each individual glyphs to your IcoMoon project and generate the font files when you're ready. You can add them to your project the same way you would with Mana (putting the font files in a `/fonts` directory and referencing them in your CSS file with an `@font-face` declaration).
## Using Mana in desktop software
If you'd like to use Mana as a desktop font (e.g., in a Word document) there are a few steps and things to know. First, to get it loaded on your system just download the [latest zip file](https://github.com/andrewgioia/mana/archive/master.zip), extract it, and navigate to `mana-master\fonts`. In there, install the `mana.ttf` font (typically by double clicking it).
Mana uses [private use characters](https://en.wikipedia.org/wiki/Private_Use_Areas) for the font glyphs so you unfortunately can't normally "type" anything in Word to see the symbols. To do so, open up the [Mana Cheatsheet](https://mana.andrewgioia.com/cheatsheet.html) and copy the symbol you want, then paste it into Word (or whatever software you're using).
## License
All mana, tap, and card type symbol images are copyright Wizards of the Coast ([http://magicthegathering.com](http://magicthegathering.com))
The Mana font is licensed under the the SIL OFL 1.1 ([http://scripts.sil.org/OFL](http://scripts.sil.org/OFL))
Mana CSS, LESS, and Sass files are licensed under the MIT License ([http://opensource.org/licenses/mit-license.html](http://opensource.org/licenses/mit-license.html))
Attribution is **greatly appreciated** but not required!
================================================
FILE: css/mana.css
================================================
@font-face {
font-family: "Mana";
src: url("../fonts/mana.eot?v=1.18.0");
src: url("../fonts/mana.eot?#iefix&v=1.18.0") format("embedded-opentype"), url("../fonts/mana.woff?v=1.18.0") format("woff"), url("../fonts/mana.ttf?v=1.18.0") format("truetype"), url("../fonts/mana.svg?v=1.18.0#mana") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "MPlantin";
src: url("../fonts/mplantin.eot?v=1.18.0");
src: url("../fonts/mplantin.eot?#iefix&v=1.18.0") format("embedded-opentype"), url("../fonts/mplantin.woff?v=1.18.0") format("woff"), url("../fonts/mplantin.ttf?v=1.18.0") format("truetype"), url("../fonts/mplantin.svg?v=1.18.0#mplantin") format("svg");
font-weight: normal;
font-style: normal;
}
.ms {
display: inline-block;
font: normal normal normal 14px 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-mana-b: #a7999e;
--ms-mana-c: #d0c6bb;
--ms-mana-g: #9fcba6;
--ms-mana-r: #f19b79;
--ms-mana-u: #bcdaf7;
--ms-mana-w: #fdfbce;
}
.ms-w::before {
content: "\e600";
}
.ms-w-original::before {
content: "\e997";
}
.ms-w-list::before {
content: "\e998";
}
.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 {
margin-left: inherit !important;
}
.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-s::before {
content: "\e619";
}
.ms-s-mtga::before {
content: "\e996";
}
.ms-c::before {
content: "\e904";
}
.ms-e::before, .ms-energy::before {
content: "\e907";
}
.ms-acorn::before {
content: "\e929";
}
.ms-ticket::before, .ms-tk::before {
content: "\e9c4";
}
.ms-1-2::before {
content: "\e902";
}
.ms-infinity::before {
content: "\e903";
}
.ms-l::before {
content: "\ea2d";
}
.ms-d::before {
content: "\ea2e";
}
.ms-spree::before {
content: "\ea55";
}
.ms-h::before, .ms-watermark-phyrexian::before {
content: "\e618";
}
.ms-paw::before {
content: "\ea32";
}
.ms-p::before {
content: "\e618";
}
.ms-tap::before {
content: "\e61a";
}
.ms-untap::before {
content: "\e61b";
}
.ms-tap-alt::before, .ms-tap-3ed::before {
content: "\e61c";
}
.ms-tap-4ed::before {
content: "\ea31";
}
.ms-chaos::before {
content: "\e61d";
}
.ms-artifact::before {
content: "\e61e";
}
.ms-battle::before {
content: "\e9d1";
}
.ms-battle-siege::before {
content: "\e9d2";
}
.ms-commander::before {
content: "\e9c6";
}
.ms-conspiracy::before {
content: "\e972";
}
.ms-creature::before {
content: "\e61f";
}
.ms-enchantment::before {
content: "\e620";
}
.ms-dungeon::before {
content: "\e995";
}
.ms-instant::before {
content: "\e621";
}
.ms-land::before {
content: "\e622";
}
.ms-multicolor::before {
content: "\e985";
}
.ms-phenomenon::before {
content: "\e96e";
}
.ms-plane::before {
content: "\e96f";
}
.ms-planeswalker::before, .ms-watermark-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-hand::before {
content: "\e9ca";
}
.ms-library::before {
content: "\e9cb";
}
.ms-graveyard::before {
content: "\e9cc";
}
.ms-exile::before {
content: "\e9cd";
}
.ms-wu::before, .ms-wb::before, .ms-rw::after, .ms-gw::after, .ms-2w::after, .ms-cw::after {
content: "\e600";
}
.ms-ub::before, .ms-ur::before, .ms-wu::after, .ms-gu::after, .ms-2u::after, .ms-cu::after {
content: "\e601";
}
.ms-br::before, .ms-bg::before, .ms-wb::after, .ms-ub::after, .ms-2b::after, .ms-cb::after {
content: "\e602";
}
.ms-rw::before, .ms-rg::before, .ms-ur::after, .ms-br::after, .ms-2r::after, .ms-cr::after {
content: "\e603";
}
.ms-gw::before, .ms-gu::before, .ms-bg::after, .ms-rg::after, .ms-2g::after, .ms-cg::after {
content: "\e604";
}
.ms-2w::before, .ms-2u::before, .ms-2b::before, .ms-2r::before, .ms-2g::before {
content: "\e607";
}
.ms-cw::before, .ms-cu::before, .ms-cb::before, .ms-cr::before, .ms-cg::before {
content: "\e904";
}
.ms-wp::before, .ms-up::before, .ms-bp::before, .ms-rp::before, .ms-gp::before, .ms-wup::before, .ms-wup::after, .ms-wbp::before, .ms-wbp::after, .ms-ubp::before, .ms-ubp::after, .ms-urp::before, .ms-urp::after, .ms-brp::before, .ms-brp::after, .ms-bgp::before, .ms-bgp::after, .ms-rwp::before, .ms-rwp::after, .ms-rgp::before, .ms-rgp::after, .ms-gwp::before, .ms-gwp::after, .ms-gup::before, .ms-gup::after {
content: "\e618";
}
.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-defense::before {
content: "\e9d7";
}
.ms-defense-border::before {
content: "\e9d8";
}
.ms-level::before {
content: "\e9c7";
}
.ms-level::after {
content: "\e9c8";
}
.ms-dfc-back::before {
content: "\e9d4";
}
.ms-dfc-day::before {
content: "\e906";
}
.ms-dfc-emrakul::before {
content: "\e90a";
}
.ms-dfc-enchantment::before {
content: "\e920";
}
.ms-dfc-facedown::before {
content: "\e9d6";
}
.ms-dfc-front::before {
content: "\e9d3";
}
.ms-dfc-ignite::before {
content: "\e908";
}
.ms-dfc-land::before {
content: "\e9c5";
}
.ms-dfc-lesson::before {
content: "\e98f";
}
.ms-dfc-meld::before {
content: "\e9d5";
}
.ms-dfc-modal-back::before {
content: "\e984";
}
.ms-dfc-modal-face::before {
content: "\e983";
}
.ms-dfc-moon::before {
content: "\e90b";
}
.ms-dfc-night::before {
content: "\e905";
}
.ms-dfc-saga::before {
content: "\e9cf";
}
.ms-dfc-saga-creature::before {
content: "\e9d0";
}
.ms-dfc-spark::before {
content: "\e909";
}
.ms-flashback::before {
content: "\e629";
}
.ms-power::before {
content: "\e921";
}
.ms-power-mtga::before {
content: "\ea2f";
}
.ms-toughness::before {
content: "\e922";
}
.ms-toughness-mtga::before {
content: "\ea30";
}
.ms-artist-brush::before {
content: "\e923";
}
.ms-artist-nib::before {
content: "\e924";
}
.ms-guild-azorius::before, .ms-watermark-azorius::before {
content: "\e90c";
}
.ms-guild-boros::before, .ms-watermark-boros::before {
content: "\e90d";
}
.ms-guild-dimir::before, .ms-watermark-dimir::before {
content: "\e90e";
}
.ms-guild-golgari::before, .ms-watermark-golgari::before {
content: "\e90f";
}
.ms-guild-gruul::before, .ms-watermark-gruul::before {
content: "\e910";
}
.ms-guild-izzet::before, .ms-watermark-izzet::before {
content: "\e911";
}
.ms-guild-orzhov::before, .ms-watermark-orzhov::before {
content: "\e912";
}
.ms-guild-rakdos::before, .ms-watermark-rakdos::before {
content: "\e913";
}
.ms-guild-selesnya::before, .ms-watermark-selesnya::before {
content: "\e914";
}
.ms-guild-simic::before, .ms-watermark-simic::before {
content: "\e915";
}
.ms-clan-abzan::before, .ms-watermark-abzan::before {
content: "\e916";
}
.ms-clan-jeskai::before, .ms-watermark-jeskai::before {
content: "\e917";
}
.ms-clan-mardu::before, .ms-watermark-mardu::before {
content: "\e918";
}
.ms-clan-sultai::before, .ms-watermark-sultai::before {
content: "\e919";
}
.ms-clan-temur::before, .ms-watermark-temur::before {
content: "\e91a";
}
.ms-clan-atarka::before, .ms-watermark-atarka::before {
content: "\e91b";
}
.ms-clan-dromoka::before, .ms-watermark-dromoka::before {
content: "\e91c";
}
.ms-clan-kolaghan::before, .ms-watermark-kolaghan::before {
content: "\e91d";
}
.ms-clan-ojutai::before, .ms-watermark-ojutai::before {
content: "\e91e";
}
.ms-clan-silumgar::before, .ms-watermark-silumgar::before {
content: "\e91f";
}
.ms-party-cleric::before {
content: "\ea59";
}
.ms-party-rogue::before {
content: "\ea58";
}
.ms-party-warrior::before {
content: "\ea57";
}
.ms-party-wizard::before {
content: "\ea56";
}
.ms-polis-setessa::before {
content: "\e926";
}
.ms-polis-akros::before {
content: "\e927";
}
.ms-polis-meletis::before {
content: "\e928";
}
.ms-school-lorehold::before, .ms-watermark-lorehold::before {
content: "\e99a";
}
.ms-school-prismari::before, .ms-watermark-prismari::before {
content: "\e99c";
}
.ms-school-quandrix::before, .ms-watermark-quandrix::before {
content: "\e99e";
}
.ms-school-silverquill::before, .ms-watermark-silverquill::before {
content: "\e9a0";
}
.ms-school-witherbloom::before, .ms-watermark-witherbloom::before {
content: "\e9a2";
}
.ms-counter-arrow::before {
content: "\e92b";
}
.ms-counter-brick::before {
content: "\e92c";
}
.ms-counter-brick-print::before {
content: "\ea52";
}
.ms-counter-charge::before {
content: "\e92d";
}
.ms-counter-charge-print::before {
content: "\ea53";
}
.ms-counter-damage::before {
content: "\e9dd";
}
.ms-counter-deathtouch::before {
content: "\ea51";
}
.ms-counter-devotion::before {
content: "\e92e";
}
.ms-counter-doom::before {
content: "\e92f";
}
.ms-counter-echo::before {
content: "\e930";
}
.ms-counter-finality::before, .ms-ability-finality::before {
content: "\ea54";
}
.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-minus-uneven::before {
content: "\e943";
}
.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-plus-uneven::before {
content: "\e944";
}
.ms-counter-rad::before {
content: "\ea50";
}
.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-verse::before {
content: "\e945";
}
.ms-counter-void::before {
content: "\e9ec";
}
.ms-counter-vortex::before {
content: "\e946";
}
.ms-counter-shield::before {
content: "\e9c3";
}
.ms-counter-stun::before {
content: "\e9c2";
}
.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-alliance::before {
content: "\e9b5";
}
.ms-ability-amass-orcs::before {
content: "\e9e0";
}
.ms-ability-amass-zombies::before, .ms-ability-amass::before {
content: "\e97a";
}
.ms-ability-ascend::before {
content: "\e94a";
}
.ms-ability-backup::before {
content: "\e9d9";
}
.ms-ability-bargain::before {
content: "\e9e2";
}
.ms-ability-blitz::before {
content: "\e9b4";
}
.ms-ability-boast::before {
content: "\e991";
}
.ms-ability-case-solved::before {
content: "\ea39";
}
.ms-ability-case-solved-print::before {
content: "\ea3a";
}
.ms-ability-casualty::before {
content: "\e9b7";
}
.ms-ability-celebration::before {
content: "\e9e3";
}
.ms-ability-changeling::before {
content: "\e9a6";
}
.ms-ability-channel::before {
content: "\e9b1";
}
.ms-ability-cleave::before {
content: "\e9ad";
}
.ms-ability-cloak::before {
content: "\ea35";
}
.ms-ability-collect-evidence::before {
content: "\ea36";
}
.ms-ability-combat-condition::before {
content: "\e9ce";
}
.ms-ability-companion::before {
content: "\e97b";
}
.ms-ability-constellation::before {
content: "\e97c";
}
.ms-ability-convoke-original::before {
content: "\e949";
}
.ms-ability-convoke::before {
content: "\e9da";
}
.ms-ability-corrupted::before {
content: "\e9c0";
}
.ms-ability-craft::before {
content: "\ea3f";
}
.ms-ability-crime::before {
content: "\ea45";
}
.ms-ability-coven::before {
content: "\e9aa";
}
.ms-ability-d20::before {
content: "\e999";
}
.ms-ability-day-night::before {
content: "\e9a8";
}
.ms-ability-daybound-nightbound::before {
content: "\e9a9";
}
.ms-ability-deathtouch::before {
content: "\e94b";
}
.ms-ability-decayed::before {
content: "\e9ac";
}
.ms-ability-defender::before {
content: "\e94c";
}
.ms-ability-delve::before {
content: "\ea3b";
}
.ms-ability-descend::before {
content: "\ea41";
}
.ms-ability-devotion::before {
content: "\e97d";
}
.ms-ability-discover::before {
content: "\ea40";
}
.ms-ability-disguise::before {
content: "\ea34";
}
.ms-ability-disturb::before {
content: "\e9ae";
}
.ms-ability-domain::before {
content: "\e9a7";
}
.ms-ability-double-strike::before {
content: "\e94d";
}
.ms-ability-dungeon::before {
content: "\e995";
}
.ms-ability-eerie::before {
content: "\ea4d";
}
.ms-ability-embalm::before {
content: "\e97e";
}
.ms-ability-enlist::before {
content: "\e9ba";
}
.ms-ability-enrage::before {
content: "\e9dc";
}
.ms-ability-enrage-original::before {
content: "\e94e";
}
.ms-ability-escape::before {
content: "\e969";
}
.ms-ability-eternalize::before {
content: "\e97f";
}
.ms-ability-exalted::before {
content: "\ea33";
}
.ms-ability-expend::before {
content: "\ea4a";
}
.ms-ability-exploit::before {
content: "\e9af";
}
.ms-ability-explore::before {
content: "\e94f";
}
.ms-ability-fabricate::before {
content: "\e9a5";
}
.ms-ability-ferocious::before {
content: "\ea3c";
}
.ms-ability-first-strike::before {
content: "\e950";
}
.ms-ability-flash::before {
content: "\e951";
}
.ms-ability-flying::before {
content: "\e952";
}
.ms-ability-for-mirrodin::before {
content: "\e9c1";
}
.ms-ability-forage::before {
content: "\ea49";
}
.ms-ability-foretell::before, .ms-watermark-foretell::before {
content: "\e990";
}
.ms-ability-gift::before {
content: "\ea46";
}
.ms-ability-goad::before, .ms-counter-goad::before {
content: "\e9c9";
}
.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-hideaway::before {
content: "\e9b8";
}
.ms-ability-impending::before {
content: "\ea4c";
}
.ms-ability-improvise::before {
content: "\e9de";
}
.ms-ability-incubate::before {
content: "\e9db";
}
.ms-ability-indestructible::before {
content: "\e95a";
}
.ms-ability-investigate::before {
content: "\e9ab";
}
.ms-ability-jumpstart::before {
content: "\e95b";
}
.ms-ability-kicker::before {
content: "\e989";
}
.ms-ability-landfall::before {
content: "\e988";
}
.ms-ability-learn::before {
content: "\e994";
}
.ms-ability-lifelink::before {
content: "\ea4b";
}
.ms-ability-lifelink-original::before {
content: "\e95c";
}
.ms-ability-magecraft::before {
content: "\e993";
}
.ms-ability-manifest-dread::before {
content: "\ea4f";
}
.ms-ability-meld::before {
content: "\e9bd";
}
.ms-ability-menace::before {
content: "\e95d";
}
.ms-ability-mentor::before {
content: "\e95e";
}
.ms-ability-morph::before {
content: "\ea3e";
}
.ms-ability-mutate::before {
content: "\e980";
}
.ms-ability-ninjutsu::before {
content: "\e9b2";
}
.ms-ability-obscura::before {
content: "\e9b6";
}
.ms-ability-offspring::before {
content: "\ea47";
}
.ms-ability-outlast::before {
content: "\ea3d";
}
.ms-ability-party::before {
content: "\e987";
}
.ms-ability-phyrexian::before {
content: "\e618";
}
.ms-ability-plot::before {
content: "\ea42";
}
.ms-ability-proliferate::before {
content: "\e981";
}
.ms-ability-prototype::before {
content: "\e9be";
}
.ms-ability-prowess::before {
content: "\e982";
}
.ms-ability-raid::before {
content: "\e95f";
}
.ms-ability-reach::before {
content: "\e960";
}
.ms-ability-read-ahead::before {
content: "\e9b9";
}
.ms-ability-reconfigure::before {
content: "\e9b3";
}
.ms-ability-revolt::before {
content: "\e961";
}
.ms-ability-ring-bearer::before {
content: "\e9df";
}
.ms-ability-riot::before {
content: "\e973";
}
.ms-ability-role-cursed::before {
content: "\e9e6";
}
.ms-ability-role-monster::before {
content: "\e9e7";
}
.ms-ability-role-royal::before {
content: "\e9e8";
}
.ms-ability-role-sorceror::before {
content: "\e9e9";
}
.ms-ability-role-wicked::before {
content: "\e9ea";
}
.ms-ability-role-young-hero::before {
content: "\e9eb";
}
.ms-ability-saddle::before {
content: "\ea43";
}
.ms-ability-specialize::before {
content: "\e9bb";
}
.ms-ability-spectacle::before {
content: "\e96b";
}
.ms-ability-spree::before {
content: "\ea44";
}
.ms-ability-static::before, .ms-ability-enchant::before {
content: "\e962";
}
.ms-ability-summoning-sickness::before {
content: "\e96a";
}
.ms-ability-surveil::before {
content: "\ea38";
}
.ms-ability-surveil-original::before {
content: "\e963";
}
.ms-ability-survival::before {
content: "\ea4e";
}
.ms-ability-suspect::before {
content: "\ea37";
}
.ms-ability-the-ring-tempts-you::before {
content: "\e9e1";
}
.ms-ability-toxic::before {
content: "\e9bf";
}
.ms-ability-training::before {
content: "\e9b0";
}
.ms-ability-trample::before {
content: "\e964";
}
.ms-ability-transform::before {
content: "\e965";
}
.ms-ability-triggered::before {
content: "\e966";
}
.ms-ability-undergrowth::before {
content: "\e967";
}
.ms-ability-unearth::before {
content: "\e9bc";
}
.ms-ability-valiant::before {
content: "\ea48";
}
.ms-ability-vigilance::before {
content: "\e968";
}
.ms-ability-ward::before {
content: "\e992";
}
.ms-ability-haktos-the-unscarred::before {
content: "\e9e4";
}
.ms-ability-robber-of-the-rich::before {
content: "\e9e5";
}
.ms-ability-duels-annihilator::before, .ms-ability-annihilator::before {
content: "\ea5a";
}
.ms-ability-duels-battle-cry::before, .ms-ability-battle-cry::before {
content: "\ea5b";
}
.ms-ability-duels-unblockable::before, .ms-ability-unblockable::before {
content: "\ea5c";
}
.ms-ability-duels-cannot-block::before, .ms-ability-cannot-block::before {
content: "\ea5d";
}
.ms-ability-duels-cannot-untap::before, .ms-ability-cannot-untap::before {
content: "\ea5e";
}
.ms-ability-duels-cohort::before, .ms-ability-cohort::before {
content: "\ea5f";
}
.ms-ability-duels-copy::before, .ms-ability-copy::before {
content: "\ea60";
}
.ms-ability-duels-deathtouch::before {
content: "\ea61";
}
.ms-ability-duels-defender::before {
content: "\ea62";
}
.ms-ability-duels-delirium::before, .ms-ability-delirium::before {
content: "\ea63";
}
.ms-ability-duels-detain::before, .ms-ability-detain::before {
content: "\ea64";
}
.ms-ability-duels-double-strike::before {
content: "\ea65";
}
.ms-ability-duels-dfc::before, .ms-ability-dfc::before {
content: "\ea66";
}
.ms-ability-duels-evolve::before, .ms-ability-evolve::before {
content: "\ea67";
}
.ms-ability-duels-exalted::before {
content: "\ea68";
}
.ms-ability-duels-exile::before, .ms-ability-exile::before {
content: "\ea69";
}
.ms-ability-duels-fading::before, .ms-ability-fading::before {
content: "\ea6a";
}
.ms-ability-duels-fear::before, .ms-ability-fear::before {
content: "\ea6b";
}
.ms-ability-duels-first-strike::before {
content: "\ea6c";
}
.ms-ability-duels-flying::before {
content: "\ea6d";
}
.ms-ability-duels-forestwalk::before, .ms-ability-forestwalk::before {
content: "\ea6e";
}
.ms-ability-duels-haste::before {
content: "\ea6f";
}
.ms-ability-duels-haunt::before, .ms-ability-haunt::before {
content: "\ea70";
}
.ms-ability-duels-hexproof::before {
content: "\ea71";
}
.ms-ability-duels-indestructible::before {
content: "\ea72";
}
.ms-ability-duels-infect::before, .ms-ability-infect::before {
content: "\ea73";
}
.ms-ability-duels-ingest::before, .ms-ability-ingest::before {
content: "\ea74";
}
.ms-ability-duels-intimidate::before, .ms-ability-intimidate::before {
content: "\ea75";
}
.ms-ability-duels-islandwalk::before, .ms-ability-islandwalk::before {
content: "\ea76";
}
.ms-ability-duels-legendary::before, .ms-ability-legendary::before {
content: "\ea77";
}
.ms-ability-duels-lifelink::before {
content: "\ea78";
}
.ms-ability-duels-menace::before {
content: "\ea79";
}
.ms-ability-duels-monstrous::before, .ms-ability-monstrous::before {
content: "\ea7a";
}
.ms-ability-duels-mountainwalk::before, .ms-ability-mountainwalk::before {
content: "\ea7b";
}
.ms-ability-duels-must-attack::before, .ms-ability-must-attack::before {
content: "\ea7c";
}
.ms-ability-duels-plainswalk::before, .ms-ability-plainswalk::before {
content: "\ea7d";
}
.ms-ability-duels-prevent-damage::before, .ms-ability-prevent-damage::before {
content: "\ea7e";
}
.ms-ability-duels-protection-black::before, .ms-ability-protection-black::before {
content: "\ea7f";
}
.ms-ability-duels-protection-blue::before, .ms-ability-protection-blue::before {
content: "\ea80";
}
.ms-ability-duels-protection-green::before, .ms-ability-protection-green::before {
content: "\ea81";
}
.ms-ability-duels-protection-red::before, .ms-ability-protection-red::before {
content: "\ea82";
}
.ms-ability-duels-protection-white::before, .ms-ability-protection-white::before {
content: "\ea83";
}
.ms-ability-duels-protection::before, .ms-ability-protection::before {
content: "\ea84";
}
.ms-ability-duels-rally::before, .ms-ability-rally::before {
content: "\ea85";
}
.ms-ability-duels-regenerate::before, .ms-ability-regenerate::before {
content: "\ea86";
}
.ms-ability-duels-renowned::before, .ms-ability-renowned::before {
content: "\ea87";
}
.ms-ability-duels-shroud::before, .ms-ability-shroud::before {
content: "\ea88";
}
.ms-ability-duels-skulk::before, .ms-ability-skulk::before {
content: "\ea89";
}
.ms-ability-duels-soulshift::before, .ms-ability-soulshift::before {
content: "\ea8a";
}
.ms-ability-duels-swampwalk::before, .ms-ability-swampwalk::before {
content: "\ea8b";
}
.ms-ability-duels-temporary-control::before, .ms-ability-temporary-control::before {
content: "\ea8c";
}
.ms-ability-duels-totem-armor::before, .ms-ability-totem-armor::before {
content: "\ea8d";
}
.ms-ability-duels-trample::before {
content: "\ea8e";
}
.ms-ability-duels-undying::before, .ms-ability-undying::before {
content: "\ea8f";
}
.ms-ability-duels-vigilance::before {
content: "\ea90";
}
.ms-watermark-agentsofsneak::before {
content: "\ea08";
}
.ms-watermark-arena::before {
content: "\ea1e";
}
.ms-watermark-brokers::before {
content: "\ea0d";
}
.ms-watermark-cabaretti::before {
content: "\ea0e";
}
.ms-watermark-colorpie::before {
content: "\e9f0";
}
.ms-watermark-conspiracy::before {
content: "\ea12";
}
.ms-watermark-corocoro::before {
content: "\ea15";
}
.ms-watermark-crossbreedlabs::before {
content: "\ea09";
}
.ms-watermark-cutiemark-apples::before {
content: "\ea27";
}
.ms-watermark-cutiemark-balloons::before {
content: "\ea28";
}
.ms-watermark-cutiemark-butterflies::before {
content: "\ea29";
}
.ms-watermark-cutiemark-gems::before {
content: "\ea04";
}
.ms-watermark-cutiemark-rainbow::before {
content: "\ea2a";
}
.ms-watermark-cutiemark-sparkle::before {
content: "\ea05";
}
.ms-watermark-cutiemark-waningmoon::before {
content: "\ea06";
}
.ms-watermark-cutiemark-waxingmoon::before {
content: "\ea07";
}
.ms-watermark-dci::before {
content: "\ea1d";
}
.ms-watermark-dengekimaoh::before {
content: "\ea14";
}
.ms-watermark-desparked::before {
content: "\e9f1";
}
.ms-watermark-dnd::before {
content: "\ea17";
}
.ms-watermark-flavor-aestheticconsultation::before {
content: "\e9f2";
}
.ms-watermark-flavor-farewelltoarms::before {
content: "\e9f3";
}
.ms-watermark-flavor-monkeymonkeymonkey::before {
content: "\e9f4";
}
.ms-watermark-flavor-moxlotus::before {
content: "\e9f5";
}
.ms-watermark-flavor-myfirsttome::before {
content: "\e9f6";
}
.ms-watermark-flavor-shoetree::before {
content: "\e9f7";
}
.ms-watermark-flavor-whenfluffybunniesattack::before {
content: "\e9f8";
}
.ms-watermark-flavor-manascrew::before {
content: "\ea2c";
}
.ms-watermark-fnm::before {
content: "\ea16";
}
.ms-watermark-goblinexplosioneers::before {
content: "\ea0a";
}
.ms-watermark-grandprix::before {
content: "\ea1f";
}
.ms-watermark-grandprix2::before {
content: "\ea20";
}
.ms-watermark-herospath::before {
content: "\ea02";
}
.ms-watermark-herospath-1::before {
content: "\e9f9";
}
.ms-watermark-herospath-2::before {
content: "\e9fa";
}
.ms-watermark-herospath-3::before {
content: "\e9fb";
}
.ms-watermark-herospath-4::before {
content: "\e9fc";
}
.ms-watermark-herospath-5::before {
content: "\e9fd";
}
.ms-watermark-herospath-6::before {
content: "\e9fe";
}
.ms-watermark-herospath-7::before {
content: "\e9ff";
}
.ms-watermark-herospath-8::before {
content: "\ea00";
}
.ms-watermark-herospath-9::before {
content: "\ea01";
}
.ms-watermark-japanjunior::before {
content: "\ea24";
}
.ms-watermark-judgeacademy::before {
content: "\ea13";
}
.ms-watermark-junior::before {
content: "\ea23";
}
.ms-watermark-juniorapac::before {
content: "\ea21";
}
.ms-watermark-junioreurope::before {
content: "\ea22";
}
.ms-watermark-leagueofdastardlydoom::before {
content: "\ea0b";
}
.ms-watermark-maestros::before {
content: "\ea0f";
}
.ms-watermark-mirran::before {
content: "\ea03";
}
.ms-watermark-mps::before {
content: "\ea1a";
}
.ms-watermark-mtg::before {
content: "\e9ed";
}
.ms-watermark-mtg10::before {
content: "\e9ee";
}
.ms-watermark-mtg15::before {
content: "\e9ef";
}
.ms-watermark-nerf::before {
content: "\ea19";
}
.ms-watermark-obscura::before {
content: "\ea10";
}
.ms-watermark-orderofthewidget::before {
content: "\ea0c";
}
.ms-watermark-protour::before {
content: "\ea26";
}
.ms-watermark-riveteers::before {
content: "\ea11";
}
.ms-watermark-scholarship::before {
content: "\ea25";
}
.ms-watermark-transformers::before {
content: "\ea18";
}
.ms-watermark-trumpkatsumai::before {
content: "\ea2b";
}
.ms-watermark-wotc::before {
content: "\ea1b";
}
.ms-watermark-wpn::before {
content: "\ea1c";
}
.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, .ms-cost.ms-cw, .ms-cost.ms-cu, .ms-cost.ms-cb, .ms-cost.ms-cr, .ms-cost.ms-cg, .ms-cost.ms-wup, .ms-cost.ms-wbp, .ms-cost.ms-ubp, .ms-cost.ms-urp, .ms-cost.ms-brp, .ms-cost.ms-bgp, .ms-cost.ms-rwp, .ms-cost.ms-rgp, .ms-cost.ms-gwp, .ms-cost.ms-gup {
--ms-split-top: var(--ms-mana-c);
--ms-split-bottom: var(--ms-mana-u);
background: var(--ms-split-top);
background: -moz-linear-gradient(135deg, var(--ms-split-top) 0%, var(--ms-split-top) 50%, var(--ms-split-bottom) 50%, var(--ms-split-bottom) 100%);
background: -webkit-linear-gradient(135deg, var(--ms-split-top) 0%, var(--ms-split-top) 50%, var(--ms-split-bottom) 50%, var(--ms-split-bottom) 100%);
background: linear-gradient(135deg, var(--ms-split-top) 0%, var(--ms-split-top) 50%, var(--ms-split-bottom) 50%, var(--ms-split-bottom) 100%);
position: relative;
width: 1.3em;
height: 1.3em;
}
.ms-cost.ms-wu::before, .ms-cost.ms-wu::after, .ms-cost.ms-wb::before, .ms-cost.ms-wb::after, .ms-cost.ms-ub::before, .ms-cost.ms-ub::after, .ms-cost.ms-ur::before, .ms-cost.ms-ur::after, .ms-cost.ms-br::before, .ms-cost.ms-br::after, .ms-cost.ms-bg::before, .ms-cost.ms-bg::after, .ms-cost.ms-rw::before, .ms-cost.ms-rw::after, .ms-cost.ms-rg::before, .ms-cost.ms-rg::after, .ms-cost.ms-gw::before, .ms-cost.ms-gw::after, .ms-cost.ms-gu::before, .ms-cost.ms-gu::after, .ms-cost.ms-2w::before, .ms-cost.ms-2w::after, .ms-cost.ms-2u::before, .ms-cost.ms-2u::after, .ms-cost.ms-2b::before, .ms-cost.ms-2b::after, .ms-cost.ms-2r::before, .ms-cost.ms-2r::after, .ms-cost.ms-2g::before, .ms-cost.ms-2g::after, .ms-cost.ms-cw::before, .ms-cost.ms-cw::after, .ms-cost.ms-cu::before, .ms-cost.ms-cu::after, .ms-cost.ms-cb::before, .ms-cost.ms-cb::after, .ms-cost.ms-cr::before, .ms-cost.ms-cr::after, .ms-cost.ms-cg::before, .ms-cost.ms-cg::after, .ms-cost.ms-wup::before, .ms-cost.ms-wup::after, .ms-cost.ms-wbp::before, .ms-cost.ms-wbp::after, .ms-cost.ms-ubp::before, .ms-cost.ms-ubp::after, .ms-cost.ms-urp::before, .ms-cost.ms-urp::after, .ms-cost.ms-brp::before, .ms-cost.ms-brp::after, .ms-cost.ms-bgp::before, .ms-cost.ms-bgp::after, .ms-cost.ms-rwp::before, .ms-cost.ms-rwp::after, .ms-cost.ms-rgp::before, .ms-cost.ms-rgp::after, .ms-cost.ms-gwp::before, .ms-cost.ms-gwp::after, .ms-cost.ms-gup::before, .ms-cost.ms-gup::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, .ms-cost.ms-cw::before, .ms-cost.ms-cu::before, .ms-cost.ms-cb::before, .ms-cost.ms-cr::before, .ms-cost.ms-cg::before, .ms-cost.ms-wup::before, .ms-cost.ms-wbp::before, .ms-cost.ms-ubp::before, .ms-cost.ms-urp::before, .ms-cost.ms-brp::before, .ms-cost.ms-bgp::before, .ms-cost.ms-rwp::before, .ms-cost.ms-rgp::before, .ms-cost.ms-gwp::before, .ms-cost.ms-gup::before {
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, .ms-cost.ms-cw::after, .ms-cost.ms-cu::after, .ms-cost.ms-cb::after, .ms-cost.ms-cr::after, .ms-cost.ms-cg::after, .ms-cost.ms-wup::after, .ms-cost.ms-wbp::after, .ms-cost.ms-ubp::after, .ms-cost.ms-urp::after, .ms-cost.ms-brp::after, .ms-cost.ms-bgp::after, .ms-cost.ms-rwp::after, .ms-cost.ms-rgp::after, .ms-cost.ms-gwp::after, .ms-cost.ms-gup::after {
top: 0.5em;
left: 1em;
}
.ms-cost.ms-wu, .ms-cost.ms-wup {
--ms-split-top: var(--ms-mana-w);
}
.ms-cost.ms-wb, .ms-cost.ms-wbp {
--ms-split-top: var(--ms-mana-w);
--ms-split-bottom: var(--ms-mana-b);
}
.ms-cost.ms-ub, .ms-cost.ms-ubp {
--ms-split-top: var(--ms-mana-u);
--ms-split-bottom: var(--ms-mana-b);
}
.ms-cost.ms-ur, .ms-cost.ms-urp {
--ms-split-top: var(--ms-mana-u);
--ms-split-bottom: var(--ms-mana-r);
}
.ms-cost.ms-br, .ms-cost.ms-brp {
--ms-split-top: var(--ms-mana-b);
--ms-split-bottom: var(--ms-mana-r);
}
.ms-cost.ms-bg, .ms-cost.ms-bgp {
--ms-split-top: var(--ms-mana-b);
--ms-split-bottom: var(--ms-mana-g);
}
.ms-cost.ms-rw, .ms-cost.ms-rwp {
--ms-split-top: var(--ms-mana-r);
--ms-split-bottom: var(--ms-mana-w);
}
.ms-cost.ms-rg, .ms-cost.ms-rgp {
--ms-split-top: var(--ms-mana-r);
--ms-split-bottom: var(--ms-mana-g);
}
.ms-cost.ms-gw, .ms-cost.ms-gwp {
--ms-split-top: var(--ms-mana-g);
--ms-split-bottom: var(--ms-mana-w);
}
.ms-cost.ms-gu, .ms-cost.ms-gup {
--ms-split-top: var(--ms-mana-g);
}
.ms-cost.ms-2w, .ms-cost.ms-cw {
--ms-split-bottom: var(--ms-mana-w);
}
.ms-cost.ms-2b, .ms-cost.ms-cb {
--ms-split-bottom: var(--ms-mana-b);
}
.ms-cost.ms-2r, .ms-cost.ms-cr {
--ms-split-bottom: var(--ms-mana-r);
}
.ms-cost.ms-2g, .ms-cost.ms-cg {
--ms-split-bottom: var(--ms-mana-g);
}
.ms-cost.ms-p::before {
display: inline-block;
-moz-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.ms-cost.ms-wp::before, .ms-cost.ms-up::before, .ms-cost.ms-bp::before, .ms-cost.ms-rp::before, .ms-cost.ms-gp::before, .ms-cost.ms-cw::before, .ms-cost.ms-cu::before, .ms-cost.ms-cb::before, .ms-cost.ms-cr::before, .ms-cost.ms-cg::before, .ms-cost.ms-wup::before, .ms-cost.ms-wbp::before, .ms-cost.ms-ubp::before, .ms-cost.ms-urp::before, .ms-cost.ms-brp::before, .ms-cost.ms-bgp::before, .ms-cost.ms-rwp::before, .ms-cost.ms-rgp::before, .ms-cost.ms-gwp::before, .ms-cost.ms-gup::before, .ms-cost.ms-wup::after, .ms-cost.ms-wbp::after, .ms-cost.ms-ubp::after, .ms-cost.ms-urp::after, .ms-cost.ms-brp::after, .ms-cost.ms-bgp::after, .ms-cost.ms-rwp::after, .ms-cost.ms-rgp::after, .ms-cost.ms-gwp::after, .ms-cost.ms-gup::after {
display: inline-block;
transform: scale(1.2) translateX(0.01rem) translateY(-0.03rem);
}
.ms-cost.ms-tap-alt::before {
display: inline-block;
transform: scale(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-s-mtga::before {
color: #fff;
}
.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;
}
.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;
}
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;
}
.ms-100 {
width: 2.4em;
}
.ms-1000000 {
width: 5.4em;
}
/**
* planeswalker and other loyalty symbols */
.ms-loyalty-up, .ms-loyalty-down, .ms-loyalty-zero, .ms-loyalty-start {
color: #111;
font-size: 1.5em;
position: relative;
text-align: center;
}
.ms-loyalty-start {
font-size: 2em;
}
.ms-loyalty-zero::after {
line-height: 2.1em !important;
}
.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: 2.25em;
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: "+10";
}
.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: 2em;
}
.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-loyalty-outline::before {
color: transparent;
-webkit-text-stroke: 0.03em #111;
}
.ms-loyalty-outline::after {
color: #111;
}
.ms-loyalty-outline.ms-loyalty-start {
font-size: 1.6em;
}
.ms-saga {
color: #111;
}
.ms-saga-1::after, .ms-saga-2::after, .ms-saga-3::after, .ms-saga-4::after, .ms-saga-5::after, .ms-saga-6::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: 2em;
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-saga-6::after {
content: "VI";
}
.ms-level > span {
font-size: 0.33em;
position: absolute;
left: 0;
top: 0;
color: #000;
font-family: "MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif";
width: 76%;
text-align: center;
line-height: 3.8;
}
.ms-level::after {
color: rgba(0, 0, 0, 0.25);
display: block;
font-size: 1em;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.ms-defense {
color: #111;
font-size: 1.5em;
position: relative;
text-align: center;
}
.ms-defense-0::after, .ms-defense-1::after, .ms-defense-2::after, .ms-defense-3::after, .ms-defense-4::after, .ms-defense-5::after, .ms-defense-6::after, .ms-defense-7::after, .ms-defense-8::after, .ms-defense-9::after, .ms-defense-10::after, .ms-defense-11::after, .ms-defense-12::after, .ms-defense-13::after, .ms-defense-14::after, .ms-defense-15::after, .ms-defense-16::after, .ms-defense-17::after, .ms-defense-18::after, .ms-defense-19::after, .ms-defense-20::after, .ms-defense-25::after, .ms-defense-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: 2.25em;
width: 100%;
text-align: center;
}
.ms-defense-0::after {
content: "0";
}
.ms-defense-1::after {
content: "1";
}
.ms-defense-2::after {
content: "2";
}
.ms-defense-3::after {
content: "3";
}
.ms-defense-4::after {
content: "4";
}
.ms-defense-5::after {
content: "5";
}
.ms-defense-6::after {
content: "6";
}
.ms-defense-7::after {
content: "7";
}
.ms-defense-8::after {
content: "8";
}
.ms-defense-9::after {
content: "9";
}
.ms-defense-10::after {
content: "10";
}
.ms-defense-11::after {
content: "11";
}
.ms-defense-12::after {
content: "12";
}
.ms-defense-13::after {
content: "13";
}
.ms-defense-14::after {
content: "14";
}
.ms-defense-15::after {
content: "15";
}
.ms-defense-16::after {
content: "16";
}
.ms-defense-17::after {
content: "17";
}
.ms-defense-18::after {
content: "18";
}
.ms-defense-19::after {
content: "19";
}
.ms-defense-20::after {
content: "20";
}
.ms-defense-25::after {
content: "25";
}
.ms-defense-outline::before {
content: "\e9d8";
}
.ms-defense-outline::after {
color: #111;
}
.ms-defense-print {
display: list-item;
list-style-position: inside;
width: 0.9em;
}
.ms-defense-print::before {
color: #fff;
content: "\e9d8";
position: absolute;
left: 0;
top: 0;
text-shadow: 0 0 5px #333;
}
.ms-defense-print::marker {
content: "\e9d7";
color: #111;
}
.ms-dfc {
color: #111;
border: 0.05em solid #111;
border-radius: 2em;
padding: 0.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;
}
/*
* Fixed width */
.ms-fw {
width: 1em;
text-align: center;
}
.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.ms-school-lorehold::after {
content: "\e99b";
}
.ms-duo.ms-school-prismari::after {
content: "\e99d";
}
.ms-duo.ms-school-quandrix::after {
content: "\e99f";
}
.ms-duo.ms-school-silverquill::after {
content: "\e9a1";
}
.ms-duo.ms-school-witherbloom::before {
content: "\e9a3";
}
.ms-duo.ms-school-witherbloom::after {
content: "\e9a4";
}
.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-duo-color.ms-school-lorehold::before {
color: #a03731;
}
.ms-duo-color.ms-school-lorehold::after {
color: #e4e8c7;
}
.ms-duo-color.ms-school-prismari::before {
color: #a23431;
}
.ms-duo-color.ms-school-prismari::after {
color: #322f5c;
}
.ms-duo-color.ms-school-quandrix::before {
color: #352e5f;
}
.ms-duo-color.ms-school-quandrix::after {
color: #519e52;
}
.ms-duo-color.ms-school-silverquill::before {
color: #181616;
}
.ms-duo-color.ms-school-silverquill::after {
color: #e5e9ca;
}
.ms-duo-color.ms-school-witherbloom::before {
color: #2f312d;
}
.ms-duo-color.ms-school-witherbloom::after {
color: #4f9b4f;
}
.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, .ms-ci-uw, .ms-ci-azorius {
background: conic-gradient(#fff 45deg, #3b6ba0 45deg 225deg, #fff 225deg);
}
.ms-ci-wb, .ms-ci-bw, .ms-ci-orzhov {
background: conic-gradient(#fff 45deg, #383431 45deg 225deg, #fff 225deg);
}
.ms-ci-ub, .ms-ci-bu, .ms-ci-dimir {
background: conic-gradient(#3b6ba0 45deg, #383431 45deg 225deg, #3b6ba0 225deg);
}
.ms-ci-ur, .ms-ci-ru, .ms-ci-izzet {
background: conic-gradient(#3b6ba0 45deg, #c6553e 45deg 225deg, #3b6ba0 225deg);
}
.ms-ci-bg, .ms-ci-gb, .ms-ci-golgari, .ms-ci-rock {
background: conic-gradient(#383431 45deg, #3d684b 45deg 225deg, #383431 225deg);
}
.ms-ci-br, .ms-ci-rb, .ms-ci-rakdos {
background: conic-gradient(#383431 45deg, #c6553e 45deg 225deg, #383431 225deg);
}
.ms-ci-rw, .ms-ci-wr, .ms-ci-boros {
background: conic-gradient(#c6553e 45deg, #fff 45deg 225deg, #c6553e 225deg);
}
.ms-ci-rg, .ms-ci-gr, .ms-ci-gruul {
background: conic-gradient(#c6553e 45deg, #3d684b 45deg 225deg, #c6553e 225deg);
}
.ms-ci-gu, .ms-ci-ug, .ms-ci-simic {
background: conic-gradient(#3d684b 45deg, #3b6ba0 45deg 225deg, #3d684b 225deg);
}
.ms-ci-gw, .ms-ci-wg, .ms-ci-selesnya {
background: conic-gradient(#3d684b 45deg, #fff 45deg 225deg, #3d684b 225deg);
}
.ms-ci-wug, .ms-ci-wgu, .ms-ci-ugw, .ms-ci-uwg, .ms-ci-gwu, .ms-ci-guw, .ms-ci-bant {
background: conic-gradient(#3b6ba0 60deg, #3d684b 60deg 180deg, #fff 180deg 300deg, #3b6ba0 300deg);
}
.ms-ci-ubw, .ms-ci-uwb, .ms-ci-buw, .ms-ci-bwu, .ms-ci-wub, .ms-ci-wbu, .ms-ci-esper {
background: conic-gradient(#383431 60deg, #fff 60deg 180deg, #3b6ba0 180deg 300deg, #383431 300deg);
}
.ms-ci-bru, .ms-ci-bur, .ms-ci-rbu, .ms-ci-rub, .ms-ci-ubr, .ms-ci-urb, .ms-ci-grixis {
background: conic-gradient(#c6553e 60deg, #3b6ba0 60deg 180deg, #383431 180deg 300deg, #c6553e 300deg);
}
.ms-ci-rgb, .ms-ci-rbg, .ms-ci-grb, .ms-ci-gbr, .ms-ci-brg, .ms-ci-bgr, .ms-ci-jund {
background: conic-gradient(#3d684b 60deg, #383431 60deg 180deg, #c6553e 180deg 300deg, #3d684b 300deg);
}
.ms-ci-gwr, .ms-ci-grw, .ms-ci-wgr, .ms-ci-wrg, .ms-ci-rgw, .ms-ci-rwg, .ms-ci-naya {
background: conic-gradient(#fff 60deg, #c6553e 60deg 180deg, #3d684b 180deg 300deg, #fff 300deg);
}
.ms-ci-wbg, .ms-ci-wgb, .ms-ci-bwg, .ms-ci-bgw, .ms-ci-gwb, .ms-ci-gbw, .ms-ci-abzan, .ms-ci-junk, .ms-ci-necra {
background: conic-gradient(#383431 60deg, #3d684b 60deg 180deg, #fff 180deg 300deg, #383431 300deg);
}
.ms-ci-urw, .ms-ci-uwr, .ms-ci-ruw, .ms-ci-rwu, .ms-ci-wur, .ms-ci-wru, .ms-ci-jeskai, .ms-ci-raka {
background: conic-gradient(#c6553e 60deg, #fff 60deg 180deg, #3b6ba0 180deg 300deg, #c6553e 300deg);
}
.ms-ci-bgu, .ms-ci-bug, .ms-ci-gbu, .ms-ci-gub, .ms-ci-ubg, .ms-ci-ugb, .ms-ci-sultai, .ms-ci-bug, .ms-ci-ana {
background: conic-gradient(#3d684b 60deg, #3b6ba0 60deg 180deg, #383431 180deg 300deg, #3d684b 300deg);
}
.ms-ci-rwb, .ms-ci-rbw, .ms-ci-wrb, .ms-ci-wbr, .ms-ci-brw, .ms-ci-bwr, .ms-ci-mardu, .ms-ci-dega {
background: conic-gradient(#fff 60deg, #383431 60deg 180deg, #c6553e 180deg 300deg, #fff 300deg);
}
.ms-ci-gur, .ms-ci-gru, .ms-ci-ugr, .ms-ci-urg, .ms-ci-rgu, .ms-ci-rug, .ms-ci-temur, .ms-ci-ceta {
background: conic-gradient(#3b6ba0 60deg, #c6553e 60deg 180deg, #3d684b 180deg 300deg, #3b6ba0 300deg);
}
.ms-ci-ubrg, .ms-ci-ubgr, .ms-ci-ugbr, .ms-ci-ugrb, .ms-ci-urbg, .ms-ci-urgb, .ms-ci-bgru, .ms-ci-bgur, .ms-ci-brgu, .ms-ci-brug, .ms-ci-bugr, .ms-ci-burg, .ms-ci-gbru, .ms-ci-gbur, .ms-ci-grbu, .ms-ci-grub, .ms-ci-gubr, .ms-ci-gurb, .ms-ci-rbgu, .ms-ci-rbug, .ms-ci-rgbu, .ms-ci-rgub, .ms-ci-rubg, .ms-ci-rugb, .ms-ci-glint {
background: conic-gradient(#3b6ba0 45deg, #383431 45deg 135deg, #c6553e 135deg 225deg, #3d684b 225deg 315deg, #3b6ba0 315deg);
}
.ms-ci-brgw, .ms-ci-bgrw, .ms-ci-bgwr, .ms-ci-brwg, .ms-ci-bwgr, .ms-ci-bwrg, .ms-ci-gbrw, .ms-ci-gbwr, .ms-ci-grbw, .ms-ci-grwb, .ms-ci-gwbr, .ms-ci-gwrb, .ms-ci-rbgw, .ms-ci-rbwg, .ms-ci-rgbw, .ms-ci-rgwb, .ms-ci-rwbg, .ms-ci-rwgb, .ms-ci-wbgr, .ms-ci-wbrg, .ms-ci-wgbr, .ms-ci-wgrb, .ms-ci-wrbg, .ms-ci-wrgb, .ms-ci-dune {
background: conic-gradient(#383431 45deg, #c6553e 45deg 135deg, #3d684b 135deg 225deg, #fff 225deg 315deg, #383431 315deg);
}
.ms-ci-rgwu, .ms-ci-gruw, .ms-ci-grwu, .ms-ci-gurw, .ms-ci-guwr, .ms-ci-gwru, .ms-ci-gwur, .ms-ci-rguw, .ms-ci-rugw, .ms-ci-ruwg, .ms-ci-rwgu, .ms-ci-rwug, .ms-ci-ugrw, .ms-ci-ugwr, .ms-ci-urgw, .ms-ci-urwg, .ms-ci-uwgr, .ms-ci-uwrg, .ms-ci-wgru, .ms-ci-wgur, .ms-ci-wrgu, .ms-ci-wrug, .ms-ci-wugr, .ms-ci-wurg, .ms-ci-ink {
background: conic-gradient(#c6553e 45deg, #3d684b 45deg 135deg, #fff 135deg 225deg, #3b6ba0 225deg 315deg, #c6553e 315deg);
}
.ms-ci-gwub, .ms-ci-bguw, .ms-ci-bgwu, .ms-ci-bugw, .ms-ci-buwg, .ms-ci-bwgu, .ms-ci-bwug, .ms-ci-gbuw, .ms-ci-gbwu, .ms-ci-gubw, .ms-ci-guwb, .ms-ci-gwbu, .ms-ci-ubgw, .ms-ci-ubwg, .ms-ci-ugbw, .ms-ci-ugwb, .ms-ci-uwbg, .ms-ci-uwgb, .ms-ci-wbgu, .ms-ci-wbug, .ms-ci-wgbu, .ms-ci-wgub, .ms-ci-wubg, .ms-ci-wugb, .ms-ci-witch {
background: conic-gradient(#3d684b 45deg, #fff 45deg 135deg, #3b6ba0 135deg 225deg, #383431 225deg 315deg, #3d684b 315deg);
}
.ms-ci-wubr, .ms-ci-bruw, .ms-ci-brwu, .ms-ci-burw, .ms-ci-buwr, .ms-ci-bwru, .ms-ci-bwur, .ms-ci-rbuw, .ms-ci-rbwu, .ms-ci-rubw, .ms-ci-ruwb, .ms-ci-rwbu, .ms-ci-rwub, .ms-ci-ubrw, .ms-ci-ubwr, .ms-ci-urbw, .ms-ci-urwb, .ms-ci-uwbr, .ms-ci-uwrb, .ms-ci-wbru, .ms-ci-wbur, .ms-ci-wrbu, .ms-ci-wrub, .ms-ci-wurb, .ms-ci-yore {
background: conic-gradient(#fff 45deg, #3b6ba0 45deg 135deg, #383431 135deg 225deg, #c6553e 225deg 315deg, #fff 315deg);
}
.ms-ci-wubrg, .ms-ci-bgruw, .ms-ci-bgrwu, .ms-ci-bgurw, .ms-ci-bguwr, .ms-ci-bgwru, .ms-ci-bgwur, .ms-ci-brguw, .ms-ci-brgwu, .ms-ci-brugw, .ms-ci-bruwg, .ms-ci-brwgu, .ms-ci-brwug, .ms-ci-bugrw, .ms-ci-bugwr, .ms-ci-burgw, .ms-ci-burwg, .ms-ci-buwgr, .ms-ci-buwrg, .ms-ci-bwgru, .ms-ci-bwgur, .ms-ci-bwrgu, .ms-ci-bwrug, .ms-ci-bwugr, .ms-ci-bwurg, .ms-ci-gbruw, .ms-ci-gbrwu, .ms-ci-gburw, .ms-ci-gbuwr, .ms-ci-gbwru, .ms-ci-gbwur, .ms-ci-grbuw, .ms-ci-grbwu, .ms-ci-grubw, .ms-ci-gruwb, .ms-ci-grwbu, .ms-ci-grwub, .ms-ci-gubrw, .ms-ci-gubwr, .ms-ci-gurbw, .ms-ci-gurwb, .ms-ci-guwbr, .ms-ci-guwrb, .ms-ci-gwbru, .ms-ci-gwbur, .ms-ci-gwrbu, .ms-ci-gwrub, .ms-ci-gwubr, .ms-ci-gwurb, .ms-ci-rbguw, .ms-ci-rbgwu, .ms-ci-rbugw, .ms-ci-rbuwg, .ms-ci-rbwgu, .ms-ci-rbwug, .ms-ci-rgbuw, .ms-ci-rgbwu, .ms-ci-rgubw, .ms-ci-rguwb, .ms-ci-rgwbu, .ms-ci-rgwub, .ms-ci-rubgw, .ms-ci-rubwg, .ms-ci-rugbw, .ms-ci-rugwb, .ms-ci-ruwbg, .ms-ci-ruwgb, .ms-ci-rwbgu, .ms-ci-rwbug, .ms-ci-rwgbu, .ms-ci-rwgub, .ms-ci-rwubg, .ms-ci-rwugb, .ms-ci-ubgrw, .ms-ci-ubgwr, .ms-ci-ubrgw, .ms-ci-ubrwg, .ms-ci-ubwgr, .ms-ci-ubwrg, .ms-ci-ugbrw, .ms-ci-ugbwr, .ms-ci-ugrbw, .ms-ci-ugrwb, .ms-ci-ugwbr, .ms-ci-ugwrb, .ms-ci-urbgw, .ms-ci-urbwg, .ms-ci-urgbw, .ms-ci-urgwb, .ms-ci-urwbg, .ms-ci-urwgb, .ms-ci-uwbgr, .ms-ci-uwbrg, .ms-ci-uwgbr, .ms-ci-uwgrb, .ms-ci-uwrbg, .ms-ci-uwrgb, .ms-ci-wbgru, .ms-ci-wbgur, .ms-ci-wbrgu, .ms-ci-wbrug, .ms-ci-wbugr, .ms-ci-wburg, .ms-ci-wgbru, .ms-ci-wgbur, .ms-ci-wgrbu, .ms-ci-wgrub, .ms-ci-wgubr, .ms-ci-wgurb, .ms-ci-wrbgu, .ms-ci-wrbug, .ms-ci-wrgbu, .ms-ci-wrgub, .ms-ci-wrubg, .ms-ci-wrugb, .ms-ci-wubgr, .ms-ci-wugbr, .ms-ci-wugrb, .ms-ci-wurbg, .ms-ci-wurgb, .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;
}
/*# sourceMappingURL=mana.css.map */
================================================
FILE: docs/CNAME
================================================
mana.andrewgioia.com
================================================
FILE: docs/assets/docs.css
================================================
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
@font-face {
font-family: 'Beleren';
src: url( '../fonts/beleren.eot' );
src: url( '../fonts/beleren.woff' ) format( 'woff' ),
url( '../fonts/beleren.ttf' ) format( 'truetype' ),
url( '../fonts/beleren.svg' ) format( 'svg' );
font-weight: normal;
font-style: normal;
}
body {
background: #fff;
color: #333;
font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
margin: 0;
padding: 0;
}
.wrapper {
max-width: 1080px;
width: 80%;
margin: 0 auto;
}
a {
color: #007185;
text-decoration: none;
}
a:hover {
color: #263D41;
}
section#banner {
background: #b6c1b0;
color: #555;
padding: 12px 0;
text-align: right;
text-shadow: 0 1px 0 #bacec2;
}
section#banner .item {
display: inline-block;
margin-left: 15px;
}
section#banner .logo {
color: #333;
float: left;
font-family: Beleren;
font-size: 18px;
margin-top: -2px;
}
header {
background: #d3d8c1;
border-bottom: 1px solid #adb7a7;
color: #333;
margin: 0;
overflow-y: hidden;
padding: 25px 0 15px;
}
header.main {
height: 272px;
}
.bigicon {
float: right;
font-size: 364px;
line-height: 200px;
margin-top: -40px;
text-shadow: 0 2px 0 #fff;
}
header .vs {
margin-left: 5px;
}
p {
font-size: 16px;
line-height: 1.6em;
margin: 20px 0;
}
section.icons p {
margin-left: 25px;
}
ul {
margin: 0;
}
li {
margin: 0 0 10px;
}
h1 {
color: #444;
margin: 0;
font-family: Beleren;
font-size: 64px;
font-weight: lighter;
padding: 0 0 20px;
text-shadow: 0 1px 0 #fff;
}
h1.sub {
font-size: 48px;
padding: 0 0 15px;
}
h2 {
color: #444;
font-family: Beleren;
font-size: 30px;
font-weight: lighter;
margin: 0;
padding: 0 0 30px;
text-shadow: 0 1px 0 #fff;
}
h2.sub {
font-size: 26px;
padding: 0 0 20px;
}
h3 {
color: #444;
font-size: 19px;
font-weight: normal;
line-height: 1.6em;
padding-bottom: 20px;
text-align: left;
}
h4 {
color: #61605B;
font-family: Beleren;
font-size: 24px;
font-weight: lighter;
margin: 15px 0 5px;
text-align: left;
}
h5 {
color: #555;
font-size: 17px;
font-weight: bold;
margin: 15px 0 5px;
padding: 0;
}
main {
margin: 0;
padding: 20px 0 25px;
}
main section.content {
padding: 0 0 10px;
}
blockquote,
code {
font-family: Inconsolate, 'Courier New', Courier, monospace;
}
code {
background: #F7EEF1;
color: #BB073B;
padding: 1px 3px;
border-radius: 2px;
}
blockquote {
background: #eee;
border-bottom: 1px solid #d3d8c1;
line-height: 1.4em;
padding: 20px 20px 18px;
margin: 20px 0 25px;
border-radius: 4px;
}
.button {
background: #008eae;
border-bottom: 2px solid #166075;
color: #fff;
display: inline-block;
font-size: 20px;
padding: 10px 18px 9px;
border-radius: 4px;
text-shadow: 0 1px 0 #333;
}
.button:hover {
background: #00809F;
border-bottom-color: #155A6E;
color: #fff;
}
.button .ms {
margin-right: 5px;
position: relative;
top: -2px;
}
.button.vs {
background: #666;
border-bottom-color: #333;
}
.button.vs:hover {
background: #555;
border-bottom-color: #222;
}
.button.dl.float-right {
margin-top: -10px;
}
.icons {
padding: 10px 0 5px;
}
.icon {
border-radius: 5px;
display: inline-block;
overflow: hidden;
width: 24.5%;
}
.icon span {
display: inline-block;
padding: 9px 10px;
white-space: nowrap;
}
.icon:hover {
background: #eee;
position: relative;
margin-top: -4px;
margin-bottom: -5px;
}
.icon:nth-of-type(4n+1):not(:has(+ .icon)):hover {
margin-bottom: -3.5px; /* no idea why */
}
.icon .ms {
font-size: 22px;
margin-right: 5px;
margin-top: -3px;
text-align: center;
width: 32px;
}
.icon .ms-100 {
font-size: 1rem;
}
.icon .ms-1000000 {
font-size: 0.75rem;
}
.icon:hover .ms {
font-size: 32px;
text-shadow: 0 1px 0 #fff;
}
.icon:hover .ms-100,
.icon:hover .ms-1000000 {
font-size: 1.25rem;
}
.icon:hover .ms.ms-duo {
text-shadow: none;
}
.icon em {
color: #999;
font-size: 13px;
font-style: normal;
}
.icons.indicators .icon .ms {
width: 22px;
margin: -2px 10px 0 5px;
}
.icons.indicators .icon:hover .ms {
margin: 0 5px -1px 0;
width: 32px;
text-shadow: none;
}
.vectors {
padding: 10px 0 0;
}
.utf {
display: inline-block;
width: 33.333%;
float: left;
padding: 6px 0;
}
.vectors.overflow .utf {
overflow-x: hidden;
white-space: nowrap;
}
.utf.long {
width: 33%;
}
.utf i {
display: inline-block;
vertical-align: top;
padding: 0 5px 0 0;
text-align: center;
width: 1.25em;
font: normal normal normal 16px/1 Mana;
font-size: 1.25em;
text-rendering: auto;
transform: translate(0, 0);
speak: none;
text-transform: none;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.utf i.long {
text-align: left;
width: auto;
}
.utf code {
background-color: #f5f5f5;
color: #555;
margin-left: 3px;
}
@media (min-width: 1600px) {
.utf {
display: inline-block;
width: 25%;
float: left;
padding: 6px 0;
}
}
.example {
font-size: 16px;
padding: 15px 0 0;
width: 200px;
}
.example .each {
display: block;
padding-top: 1px;
padding-bottom: 7px;
}
.explanation {
margin-left: 200px;
}
footer {
border-top: 1px solid #eee;
margin-top: 20px;
padding: 10px 0 30px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.clear {
clear: both;
}
.e { color: #63A35C; }
.a { color: #795DA3; }
.v { color: #183691; }
================================================
FILE: docs/attributes.html
================================================
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Attributes and Examples | Mana</title>
<link rel="stylesheet" href="assets/mana.min.css" />
<link rel="stylesheet" href="assets/docs.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head>
<body>
<section id="banner">
<div class="wrapper">
<a href="index.html" class="logo"><i class="ms ms-g" style="top:-2px;position:relative;"></i> Mana</a>
<a href="index.html" class="item">Home</a>
<a href="icons.html" class="item">Mana Icons</a>
<a href="attributes.html" class="item">Attributes</a>
<a href="https://github.com/andrewgioia/mana" class="item">GitHub Project</a>
<span class="item">
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
</span>
<span class="item">
Created by
<a href="https://andrewgioia.com">Andrew Gioia</a>
</span>
</div>
</section>
<header>
<div class="wrapper">
<h1 class="sub">Mana & Card Icons</h1>
<a class="dl button float-right" href="https://github.com/andrewgioia/mana/archive/master.zip">
<i class="ms ms-instant"></i>
Download
</a>
<h2 class="sub">Complete set of Magic mana and card symbol font icons</h2>
</div>
</header>
<main>
<div class="wrapper">
<section>
<h3><strong>Mana</strong> has some built in icon options to easily change the <strong>size and position</strong>, convert the mana symbols to the <strong>casting costs</strong>, and create planeswalker <strong>loyalty symbols</strong> with numbers. Take a look below at examples of each option with the class names to implement them.</h3>
</section>
<section class="content">
<h4>The Basic Icon</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-u"></i> .ms-u
</span>
</div>
<div class="explanation">
<p>You can place Mana icons anywhere using the CSS classname prefix <code>ms</code> (for "mana symbol") and then the mana/card symbol's <a href="icons.html">suffix</a>.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-u"</span>></<span class="e">i</span>> <br />
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Creating a Casting Cost</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-g ms-cost"></i> .ms-cost
</span>
<span class="each">
<i class="ms ms-r ms-cost ms-shadow"></i> + .ms-shadow
</span>
</div>
<div class="explanation">
<p>Add the <code>.ms-cost</code> class to create a casting cost circle around the symbol. Append the <code>.ms-shadow</code> class to add a drop shadow.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-g ms-cost"</span>></<span class="e">i</span>> <br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-cost ms-shadow"</span>></<span class="e">i</span>>
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Split Casting Costs</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-wu ms-split ms-cost"></i> .ms-wu
</span>
<span class="each">
<i class="ms ms-bgp ms-split ms-cost"></i> .ms-bgp
</span>
<span class="each">
<i class="ms ms-cr ms-split ms-cost"></i> .ms-cr
</span>
<span class="each">
<i class="ms ms-2b ms-split ms-cost ms-shadow"></i> + .ms-shadow
</span>
</div>
<div class="explanation">
<p><strong>New:</strong> You no longer need the <code>.ms-split</code> class name, simply identifying a split or hybrid cost will now automatically handle the split styles.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-wu ms-cost"</span>></<span class="e">i</span>><br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-2b ms-cost ms-shadow"</span>></<span class="e">i</span>>
</blockquote>
<p>For backwards compatibility and full control you can still use create split and hybrid casting costs separately with the <code>.ms-split</code> class along with the 2-symbols' codes. This works for color pairs and the "2" with a color.</p>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Half Mana Casting Costs</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-w ms-half ms-cost"></i></span> .ms-half
</span>
</div>
<div class="explanation">
<p>Even though there's only been <a href="http://magiccards.info/uh/en/16.html"><strike>one</strike></a> <a href="https://scryfall.com/card/unh/82/monss-goblin-waiters">two</a> of these ever printed you can still create them :P Half costs <a href="https://github.com/andrewgioia/Mana/issues/6">used to require a wrapping element</a> but as of v1.4.1 they are a regular single element:</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-w ms-half ms-cost"</span>></<span class="e">i</span>><br />
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Planeswalker Symbols</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-loyalty-up ms-loyalty-3"></i> .ms-loyalty-up
</span>
<span class="each">
<i class="ms ms-loyalty-down ms-loyalty-2"></i> .ms-loyalty-down
</span>
</div>
<div class="explanation">
<p>You can create planewalker loyalty symbols for the starting value, zero, and ticking up or down. The number that appears is based on a class you add, like <code>.ms-loyalty-4</code>. Currently numbers 0-20 are supported for start, up, and down.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-loyalty-up ms-loyalty-3"</span>></<span class="e">i</span>><br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-loyalty-down ms-loyalty-2"</span>></<span class="e">i</span>>
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Saga Symbols</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-saga ms-saga-1 ms-2x"></i> .ms-saga-1
</span>
<span class="each">
<i class="ms ms-saga ms-saga-4 ms-2x"></i> .ms-saga-4
</span>
</div>
<div class="explanation">
<p>Saga symbols are supported natively up to V, even though only IV has ever been printed. The number that appears inside the hexagon is based on a class you add, like <code>.ms-saga-2</code>.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-saga ms-saga-1"</span>></<span class="e">i</span>><br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-saga ms-saga-4"</span>></<span class="e">i</span>>
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Battle Symbols</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-defense ms-defense-1 ms-2x"></i> .ms-defense
</span>
<span class="each">
<i class="ms ms-defense ms-defense-outline ms-defense-3 ms-2x"></i> .ms-defense-outline
</span>
<span class="each">
<i class="ms ms-defense ms-defense-print ms-defense-5 ms-2x"></i> .ms-defense-print
</span>
</div>
<div class="explanation">
<p>Battle cards have a unique defense box and values are supported from 0-20 using utility classes similar to Loyalty and Sagas, in the format <code>.ms-defense-2</code>.</p>
<p>There are 3 variations of the symbol that you can display. The simplest is just the black background with a white number (<code>.ms-defense</code>). An outline version has a black border with black number and white inside (<code>.ms-defense-outline</code>). Finally the full "print" version uses 3 layers and mimics the way the defense box is printed on cards; use this with <code>.ms-defense-print</code>.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-defense ms-defense-1"</span>></<span class="e">i</span>><br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-defense ms-defense-outline ms-defense-3"</span>></<span class="e">i</span>><br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-defense ms-defense-print ms-defense-5"</span>></<span class="e">i</span>>
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Increase the Symbol's Size</h4>
<div class="example float-left">
<span class="each">
<i class="ms ms-r ms-2x"></i> .ms-2x
</span>
<span class="each">
<i class="ms ms-r ms-3x"></i> .ms-3x
</span>
<span class="each">
<i class="ms ms-r ms-4x"></i> .ms-4x
</span>
<span class="each">
<i class="ms ms-r ms-5x"></i> .ms-5x
</span>
<span class="each">
<i class="ms ms-r ms-6x"></i> .ms-6x
</span>
</div>
<div class="explanation">
<p>To conveniently increase the size of a mana or card symbol you can append the classes <code>ms-2x</code>, <code>ms-3x</code>, <code>ms-4x</code>, <code>ms-4x</code>, and <code>ms-6x</code>. These classes increase the size by a factor equal to class name number.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-2x"</span>></<span class="e">i</span>> ms-2x<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-3x"</span>></<span class="e">i</span>> ms-3x<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-4x"</span>></<span class="e">i</span>> ms-4x<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-5x"</span>></<span class="e">i</span>> ms-5x<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-r ms-6x"</span>></<span class="e">i</span>> ms-6x
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Fixed Width</h4>
<div class="example float-left">
<span class="each"><i class="ms ms-planeswalker ms-fw"></i> Planeswalker</span>
<span class="each"><i class="ms ms-land ms-fw"></i> Land</span>
</div>
<div class="explanation">
<p>Some of the card symbols are variable width by default, if you put them in a list they may stack irregularly. To fix their width to a standard size, just append the class <code>.ms-fw</code> and the symbols will have a constant width and centered icon.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-planeswalker ms-fw"</span>></<span class="e">i</span>> Planeswalker symbol<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-land ms-fw"</span>></<span class="e">i</span>> Land symbol
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Dual-Layered Symbols</h4>
<div class="example float-left">
<span class="each"><i class="ms ms-2x ms-multicolor"></i> One layer</span>
<span class="each"><i class="ms ms-2x ms-multicolor ms-duo"></i> Two layers</span>
<span class="each"><i class="ms ms-2x ms-multicolor ms-duo ms-duo-color ms-grad"></i> Two with color</span>
<span class="each"><i class="ms ms-2x ms-school-prismari ms-duo ms-duo-color"></i> Prismari</span>
</div>
<div class="explanation">
<p>The <a href="https://mtg.gamepedia.com/Multicolored">multicolor symbol</a> has 2 layers and the only way to reliably achieve this is with 2 glyphs. Add <code>.ms-duo</code> and <code>.ms-multicolor</code> will add the background layer and knock out the foreground. If you add <code>.ms-duo-color</code> and optionally <code>.ms-grad</code> it will colorize it like the official symbol.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor"</span>></<span class="e">i</span>> One layer<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo"</span>></<span class="e">i</span>> Two layers<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo ms-duo-color ms-grad"</span>></<span class="e">i</span>> Complete multicolor symbol
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-school-prismari ms-duo ms-duo-color"</span>></<span class="e">i</span>> Prismari colored symbol
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Arena Abilites and MODO Counters</h4>
<div class="example float-left">
<span class="each"><i class="ms ms-2x ms-ability-flying"></i> Evergreen ability</span>
<span class="each"><i class="ms ms-2x ms-ability-adventure ms-mechanic"></i> Set-specific ability</span>
<span class="each"><i class="ms ms-2x ms-counter-plus"></i> MODO counter</span>
</div>
<div class="explanation">
<p>Mana has full Arena and Modo ability and counter coverage. You can apply the set-specific gold gradient that Arena uses on abilities with <code>.ms-mechanic</code>.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ability-flying"</span>></<span class="e">i</span>> Evergreen ability<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ability-adventure ms-mechanic"</span>></<span class="e">i</span>> Set-specific ability<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-counter-plus"</span>></<span class="e">i</span>> MODO counter
</blockquote>
</div>
<div class="clear"></div>
</section>
<section class="content">
<h4>Card Color Indicators</h4>
<div class="example float-left">
<span class="each"><i class="ms ms-2x ms-ci ms-ci-1 ms-ci-g"></i> Green</span>
<span class="each"><i class="ms ms-2x ms-ci ms-ci-2 ms-ci-rg"></i> Red/Green</span>
<span class="each"><i class="ms ms-2x ms-ci ms-ci-3 ms-ci-gur"></i> Red/Green/Blue</span>
</div>
<div class="explanation">
<p>Some cards use color indicator circles on their alternate faces to indicate that the card is still a certain color identity. Mana supports all 31 variations, though only about 10 different color combinations exist on cards currently.</p>
<blockquote>
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ci ms-ci-1 ms-ci-g"</span>></<span class="e">i</span>> Green<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ci ms-ci-2 ms-ci-rg"</span>></<span class="e">i</span>> Red/Green<br />
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-ci ms-ci-3 ms-ci-gur"</span>></<span class="e">i</span>> Red/Green/Blue<br />
</blockquote>
<p>To display these, use class <code>.ms-ci</code> and then <code>.ms-ci-X</code> where "X" is the number of colors in the identity. Then add the corresponding color class, like <code>.ms-ci-wug</code>.</p>
<p>Importantly, the only SVGs used to display these are the borders, and there are 5 different border glyphs. The colors themselves are displayed using the <code>background: conic-gradient();</code> CSS attribute, which you can view the support for on <a href="https://caniuse.com/css-conic-gradients" target="blank">Can I Use</a>. TL;DR: it has almost universal practical browser support.</p>
</div>
</section>
</div>
</main>
<footer>
<div class="wrapper">
<div class="float-left">
<p>Made with ♥ by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
</div>
<div class="float-right" style="text-align: right;">
<p>
All mana images and card symbols © <a href="http://magicthegathering.com">Wizards of the Coast</a><br />
The Mana font is licensed under the the <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
Mana CSS, LESS, and Sass files are licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a><br />
</p>
</div>
<div class="clear"></div>
</div>
</footer>
</body>
</html>
================================================
FILE: docs/cheatsheet.html
================================================
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Icon Cheatsheet | Mana</title>
<link rel="stylesheet" href="assets/mana.min.css" />
<link rel="stylesheet" href="assets/docs.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head>
<body>
<section id="banner">
<div class="wrapper">
<a href="index.html" class="logo"><i class="ms ms-g" style="top:-2px;position:relative;"></i> Mana</a>
<a href="index.html" class="item">Home</a>
<a href="icons.html" class="item">Mana Icons</a>
<a href="attributes.html" class="item">Attributes</a>
<a href="http://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
<span class="item">
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
</span>
<span class="item">
Created by
<a href="http://andrewgioia.com">Andrew Gioia</a>
</span>
</div>
</section>
<header>
<div class="wrapper">
<h1 class="sub">Mana & Card Icons</h1>
<a class="dl button float-right" href="https://github.com/andrewgioia/Mana/archive/master.zip">
<i class="ms ms-instant"></i>
Download
</a>
<h2 class="sub">The complete Mana copy-able reference</h2>
</div>
</header>
<main>
<div class="wrapper">
<section>
<h3>
To use Mana on the desktop, install mana.otf, set it
as the font in your application, then copy and paste the
icons (not the unicode) directly from this page into
your designs. The UTF8 representation is provided as
a reference as well.
</h3>
</section>
<section class="content">
<h4>Icons, CSS Class, and Unicode</h4>
<div class="vectors">
<span class="utf"><i></i> ms-w <code>&#xe600;</code></span>
<span class="utf"><i></i> ms-u <code>&#xe601;</code></span>
<span class="utf"><i></i> ms-b <code>&#xe602;</code></span>
<span class="utf"><i></i> ms-r <code>&#xe603;</code></span>
<span class="utf"><i></i> ms-g <code>&#xe604;</code></span>
<span class="utf"><i></i> ms-w-original <code>&#xe997;</code></span>
<span class="utf"><i></i> ms-w-list <code>&#xe998;</code></span>
<span class="utf"><i></i> ms-c <code>&#xe904;</code></span>
<span class="utf"><i></i> ms-0 <code>&#xe605;</code></span>
<span class="utf"><i></i> ms-1 <code>&#xe606;</code></span>
<span class="utf"><i></i> ms-2 <code>&#xe607;</code></span>
<span class="utf"><i></i> ms-3 <code>&#xe608;</code></span>
<span class="utf"><i></i> ms-4 <code>&#xe609;</code></span>
<span class="utf"><i></i> ms-5 <code>&#xe60a;</code></span>
<span class="utf"><i></i> ms-6 <code>&#xe60b;</code></span>
<span class="utf"><i></i> ms-7 <code>&#xe60c;</code></span>
<span class="utf"><i></i> ms-8 <code>&#xe60d;</code></span>
<span class="utf"><i></i> ms-9 <code>&#xe60e;</code></span>
<span class="utf"><i></i> ms-10 <code>&#xe60f;</code></span>
<span class="utf"><i></i> ms-11 <code>&#xe610;</code></span>
<span class="utf"><i></i> ms-12 <code>&#xe611;</code></span>
<span class="utf"><i></i> ms-13 <code>&#xe612;</code></span>
<span class="utf"><i></i> ms-14 <code>&#xe613;</code></span>
<span class="utf"><i></i> ms-15 <code>&#xe614;</code></span>
<span class="utf"><i></i> ms-16 <code>&#xe62a;</code></span>
<span class="utf"><i></i> ms-17 <code>&#xe62b;</code></span>
<span class="utf"><i></i> ms-18 <code>&#xe62c;</code></span>
<span class="utf"><i></i> ms-19 <code>&#xe62d;</code></span>
<span class="utf"><i></i> ms-20 <code>&#xe62e;</code></span>
<span class="utf"><i></i> ms-x <code>&#xe615;</code></span>
<span class="utf"><i></i> ms-y <code>&#xe616;</code></span>
<span class="utf"><i></i> ms-z <code>&#xe617;</code></span>
<span class="utf"><i></i> ms-d <code>&#xea2e;</code></span>
<span class="utf"><i></i> ms-e <code>&#xe907;</code></span>
<span class="utf"><i></i> ms-h <code>&#xe618;</code></span>
<span class="utf"><i></i> ms-l <code>&#xea2d;</code></span>
<span class="utf"><i></i> ms-paw <code>&#xea32;</code></span>
<span class="utf"><i></i> ms-s <code>&#xe619;</code></span>
<span class="utf"><i></i> ms-s-mtga <code>&#xe996;</code></span>
<div class="clear"></div>
</div>
<div class="vectors">
<span class="utf"><i></i> ms-1-2 <code>&#xe902;</code></span>
<span class="utf"><i></i> ms-acorn <code>&#xe929;</code></span>
<span class="utf"><i></i> ms-artist-brush <code>&#xe923;</code></span>
<span class="utf"><i></i> ms-artist-nib <code>&#xe924;</code></span>
<span class="utf"><i></i> ms-chaos <code>&#xe61d;</code></span>
<span class="utf"><i></i> ms-defense <code>&#xe9d7;</code></span>
<span class="utf"><i></i> ms-defense-outline <code>&#xe9d8;</code></span>
<span class="utf"><i></i> ms-infinity <code>&#xe903;</code></span>
<span class="utf"><i></i> ms-level <code>&#xe9c7;</code></span>
<span class="utf"><i></i> ms-level-border <code>&#xe9c8;</code></span>
<span class="utf"><i></i> ms-loyalty-up <code>&#xe627;</code></span>
<span class="utf"><i></i> ms-loyalty-down <code>&#xe625;</code></span>
<span class="utf"><i></i> ms-loyalty-zero <code>&#xe626;</code></span>
<span class="utf"><i></i> ms-loyalty-start <code>&#xe628;</code></span>
<span class="utf"><i></i> ms-multicolor <code>&#xe985;</code></span>
<span class="utf"><i></i> ms-power <code>&#xe921;</code></span>
<span class="utf"><i></i> ms-power-mtga <code>&#xea2f;</code></span>
<span class="utf"><i></i> ms-saga <code>&#xe92a;</code></span>
<span class="utf"><i></i> ms-spree <code>&#xea55;</code></span>
<span class="utf"><i></i> ms-tap <code>&#xe61a;</code></span>
<span class="utf"><i></i> ms-tap-3ed <code>&#xe61c;</code></span>
<span class="utf"><i></i> ms-tap-4ed <code>&#xea31;</code></span>
<span class="utf"><i></i> ms-ticket <code>&#xe9c4;</code></span>
<span class="utf"><i></i> ms-toughness <code>&#xe922;</code></span>
<span class="utf"><i></i> ms-toughness-mtga <code>&#xea30;</code></span>
<span class="utf"><i></i> ms-untap <code>&#xe61b;</code></span>
<span class="utf"><i></i> ms-ci-1 <code>&#xe98a;</code></span>
<span class="utf"><i></i> ms-ci-2 <code>&#xe98b;</code></span>
<span class="utf"><i></i> ms-ci-3 <code>&#xe98c;</code></span>
<span class="utf"><i></i> ms-ci-4 <code>&#xe98d;</code></span>
<span class="utf"><i></i> ms-ci-5 <code>&#xe98e;</code></span>
<div class="clear"></div>
</div>
<div class="vectors">
<span class="utf"><i style="width:auto;"></i> ms-100 <code>&#xe900;</code></span>
<span class="utf long"><i class="long"></i> ms-1000000 <code>&#xe901;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i></i> ms-artifact <code>&#xe61e;</code></span>
<span class="utf"><i></i> ms-battle <code>&#xe9d1;</code></span>
<span class="utf"><i></i> ms-battle-siege <code>&#xe9d2;</code></span>
<span class="utf"><i></i> ms-commander <code>&#xe9c6;</code></span>
<span class="utf"><i></i> ms-conspiracy <code>&#xe972;</code></span>
<span class="utf"><i></i> ms-creature <code>&#xe61f;</code></span>
<span class="utf"><i></i> ms-enchantment <code>&#xe620;</code></span>
<span class="utf"><i></i> ms-flashback <code>&#xe629;</code></span>
<span class="utf"><i></i> ms-instant <code>&#xe621;</code></span>
<span class="utf"><i></i> ms-land <code>&#xe622;</code></span>
<span class="utf"><i></i> ms-multiple <code>&#xe925;</code></span>
<span class="utf"><i></i> ms-phenomenon <code>&#xe96e;</code></span>
<span class="utf"><i></i> ms-plane <code>&#xe96f;</code></span>
<span class="utf"><i></i> ms-planeswalker <code>&#xe623;</code></span>
<span class="utf"><i></i> ms-rarity <code>&#xe96c;</code></span>
<span class="utf"><i></i> ms-scheme <code>&#xe970;</code></span>
<span class="utf"><i></i> ms-sorcery <code>&#xe624;</code></span>
<span class="utf"><i></i> ms-token <code>&#xe96d;</code></span>
<span class="utf"><i></i> ms-tribal <code>&#xe925;</code></span>
<span class="utf"><i></i> ms-vanguard <code>&#xe971;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i></i> ms-dfc-night <code>&#xe905;</code></span>
<span class="utf"><i></i> ms-dfc-day <code>&#xe906;</code></span>
<span class="utf"><i></i> ms-dfc-spark <code>&#xe909;</code></span>
<span class="utf"><i></i> ms-dfc-ignite <code>&#xe908;</code></span>
<span class="utf"><i></i> ms-dfc-moon <code>&#xe90b;</code></span>
<span class="utf"><i></i> ms-dfc-emrakul <code>&#xe90a;</code></span>
<span class="utf"><i></i> ms-dfc-enchantment <code>&#xe920;</code></span>
<span class="utf"><i></i> ms-dfc-land <code>&#xe9c5;</code></span>
<span class="utf"><i></i> ms-dfc-lesson <code>&#xe98f;</code></span>
<span class="utf"><i></i> ms-dfc-front <code>&#xe9d3;</code></span>
<span class="utf"><i></i> ms-dfc-back <code>&#xe9d4;</code></span>
<span class="utf"><i></i> ms-dfc-meld <code>&#xe9d5;</code></span>
<span class="utf"><i></i> ms-dfc-facedown <code>&#xe9d6;</code></span>
<span class="utf"><i></i> ms-dfc-modal-face <code>&#xe983;</code></span>
<span class="utf"><i></i> ms-dfc-modal-back <code>&#xe984;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i></i> ms-guild-azorius <code>&#xe90c;</code></span>
<span class="utf"><i></i> ms-guild-boros <code>&#xe90d;</code></span>
<span class="utf"><i></i> ms-guild-dimir <code>&#xe90e;</code></span>
<span class="utf"><i></i> ms-guild-golgari <code>&#xe90f;</code></span>
<span class="utf"><i></i> ms-guild-gruul <code>&#xe910;</code></span>
<span class="utf"><i></i> ms-guild-izzet <code>&#xe911;</code></span>
<span class="utf"><i></i> ms-guild-orzhov <code>&#xe912;</code></span>
<span class="utf"><i></i> ms-guild-rakdos <code>&#xe913;</code></span>
<span class="utf"><i></i> ms-guild-selesnya <code>&#xe914;</code></span>
<span class="utf"><i></i> ms-guild-simic <code>&#xe915;</code></span>
<span class="utf"><i></i> ms-clan-abzan <code>&#xe916;</code></span>
<span class="utf"><i></i> ms-clan-jeskai <code>&#xe917;</code></span>
<span class="utf"><i></i> ms-clan-mardu <code>&#xe918;</code></span>
<span class="utf"><i></i> ms-clan-sultai <code>&#xe919;</code></span>
<span class="utf"><i></i> ms-clan-temur <code>&#xe91a;</code></span>
<span class="utf"><i></i> ms-clan-atarka <code>&#xe91b;</code></span>
<span class="utf"><i></i> ms-clan-dromoka <code>&#xe91c;</code></span>
<span class="utf"><i></i> ms-clan-ojutai <code>&#xe91d;</code></span>
<span class="utf"><i></i> ms-clan-kolaghan <code>&#xe91e;</code></span>
<span class="utf"><i></i> ms-clan-silumgar <code>&#xe91f;</code></span>
<span class="utf"><i></i> ms-party-cleric <code>&#xea59;</code></span>
<span class="utf"><i></i> ms-party-rogue <code>&#xea58;</code></span>
<span class="utf"><i></i> ms-party-warrior <code>&#xea57;</code></span>
<span class="utf"><i></i> ms-party-wizard <code>&#xea56;</code></span>
<span class="utf"><i></i> ms-polis-setessa <code>&#xe926;</code></span>
<span class="utf"><i></i> ms-polis-akros <code>&#xe927;</code></span>
<span class="utf"><i></i> ms-polis-meletis <code>&#xe928;</code></span>
<span class="utf"><i></i> ms-school-lorehold <code>&#xe99a;</code></span>
<span class="utf"><i></i> ms-school-prismari <code>&#xe99c;</code></span>
<span class="utf"><i></i> ms-school-quandrix <code>&#xe99e;</code></span>
<span class="utf"><i></i> ms-school-silverquill <code>&#xe9a0;</code></span>
<span class="utf"><i></i> ms-school-witherbloom <code>&#xe9a2;</code></span>
<span class="utf"><i></i> ms-school-brokers <code>&#xea0d;</code></span>
<span class="utf"><i></i> ms-school-cabaretti <code>&#xea0e;</code></span>
<span class="utf"><i></i> ms-school-maestros <code>&#xea0e;</code></span>
<span class="utf"><i></i> ms-school-obscura <code>&#xea10;</code></span>
<span class="utf"><i></i> ms-school-riveteers <code>&#xea11;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i></i> ms-ability-activated <code>&#xe947;</code></span>
<span class="utf"><i></i> ms-ability-adamant <code>&#xe974;</code></span>
<span class="utf"><i></i> ms-ability-adapt <code>&#xe975;</code></span>
<span class="utf"><i></i> ms-ability-addendum <code>&#xe976;</code></span>
<span class="utf"><i></i> ms-ability-adventure <code>&#xe948;</code></span>
<span class="utf"><i></i> ms-ability-afflict <code>&#xe977;</code></span>
<span class="utf"><i></i> ms-ability-afterlife <code>&#xe978;</code></span>
<span class="utf"><i></i> ms-ability-aftermath <code>&#xe979;</code></span>
<span class="utf"><i></i> ms-ability-alliance <code>&#xe9b5;</code></span>
<span class="utf"><i></i> ms-ability-amass <code>&#xe97a;</code></span>
<span class="utf"><i></i> ms-ability-amass-orcs <code>&#xe9e0;</code></span>
<span class="utf"><i></i> ms-ability-ascend <code>&#xe94a;</code></span>
<span class="utf"><i></i> ms-ability-backup <code>&#xe9d9;</code></span>
<span class="utf"><i></i> ms-ability-bargain <code>&#xe9e2;</code></span>
<span class="utf"><i></i> ms-ability-blitz <code>&#xe9b4;</code></span>
<span class="utf"><i></i> ms-ability-boast <code>&#xe991;</code></span>
<span class="utf"><i></i> ms-ability-case-solved <code>&#xea39;</code></span>
<span class="utf"><i></i> ms-ability-case-solved-print <code>&#xea3a;</code></span>
<span class="utf"><i></i> ms-ability-casualty <code>&#xe9b7;</code></span>
<span class="utf"><i></i> ms-ability-celebration <code>&#xe9e3;</code></span>
<span class="utf"><i></i> ms-ability-changeling <code>&#xe9a6;</code></span>
<span class="utf"><i></i> ms-ability-channel <code>&#xe9b1;</code></span>
<span class="utf"><i></i> ms-ability-cleave <code>&#xe9ad;</code></span>
<span class="utf"><i></i> ms-ability-cloak <code>&#xea35;</code></span>
<span class="utf"><i></i> ms-ability-collect-evidence <code>&#xea36;</code></span>
<span class="utf"><i></i> ms-ability-companion <code>&#xe97b;</code></span>
<span class="utf"><i></i> ms-ability-constellation <code>&#xe97c;</code></span>
<span class="utf"><i></i> ms-ability-convoke <code>&#xe9da;</code></span>
<span class="utf"><i></i> ms-ability-convoke-original <code>&#xe949;</code></span>
<span class="utf"><i></i> ms-ability-corrupted <code>&#xe9c0;</code></span>
<span class="utf"><i></i> ms-ability-coven <code>&#xe9aa;</code></span>
<span class="utf"><i></i> ms-ability-craft <code>&#xea3f;</code></span>
<span class="utf"><i></i> ms-ability-crime <code>&#xea45;</code></span>
<span class="utf"><i></i> ms-ability-d20 <code>&#xe999;</code></span>
<span class="utf"><i></i> ms-ability-day-night <code>&#xe9a8;</code></span>
<span class="utf"><i></i> ms-ability-daybound-nightbound <code>&#xe9a9;</code></span>
<span class="utf"><i></i> ms-ability-deathtouch <code>&#xe94b;</code></span>
<span class="utf"><i></i> ms-ability-decayed <code>&#xe9ac;</code></span>
<span class="utf"><i></i> ms-ability-defender <code>&#xe94c;</code></span>
<span class="utf"><i></i> ms-ability-delve <code>&#xea3b;</code></span>
<span class="utf"><i></i> ms-ability-descend <code>&#xea41;</code></span>
<span class="utf"><i></i> ms-ability-devotion <code>&#xe97d;</code></span>
<span class="utf"><i></i> ms-ability-discover <code>&#xea40;</code></span>
<span class="utf"><i></i> ms-ability-disguise <code>&#xea34;</code></span>
<span class="utf"><i></i> ms-ability-disturb <code>&#xe9ae;</code></span>
<span class="utf"><i></i> ms-ability-domain <code>&#xe9a7;</code></span>
<span class="utf"><i></i> ms-ability-double-strike <code>&#xe94d;</code></span>
<span class="utf"><i></i> ms-ability-dungeon <code>&#xe995;</code></span>
<span class="utf"><i></i> ms-ability-eerie <code>&#xea4d;</code></span>
<span class="utf"><i></i> ms-ability-embalm <code>&#xe97e;</code></span>
<span class="utf"><i></i> ms-ability-enlist <code>&#xe9ba;</code></span>
<span class="utf"><i></i> ms-ability-enrage <code>&#xe9dc;</code></span>
<span class="utf"><i></i> ms-ability-enrage-original <code>&#xe94e;</code></span>
<span class="utf"><i></i> ms-ability-escape <code>&#xe969;</code></span>
<span class="utf"><i></i> ms-ability-eternalize <code>&#xe97f;</code></span>
<span class="utf"><i></i> ms-ability-exalted <code>&#xea33;</code></span>
<span class="utf"><i></i> ms-ability-expend <code>&#xea4a;</code></span>
<span class="utf"><i></i> ms-ability-exploit <code>&#xe9af;</code></span>
<span class="utf"><i></i> ms-ability-explore <code>&#xe94f;</code></span>
<span class="utf"><i></i> ms-ability-ferocious <code>&#xea3c;</code></span>
<span class="utf"><i></i> ms-ability-first-strike <code>&#xe950;</code></span>
<span class="utf"><i></i> ms-ability-flash <code>&#xe951;</code></span>
<span class="utf"><i></i> ms-ability-flying <code>&#xe952;</code></span>
<span class="utf"><i></i> ms-ability-for-mirrodin <code>&#xe9c1;</code></span>
<span class="utf"><i></i> ms-ability-forage <code>&#xea49;</code></span>
<span class="utf"><i></i> ms-ability-foretell <code>&#xe990;</code></span>
<span class="utf"><i></i> ms-ability-gift <code>&#xea46;</code></span>
<span class="utf"><i></i> ms-ability-goad <code>&#xe9c9;</code></span>
<span class="utf"><i></i> ms-ability-haktos-the-unscarred <code>&#xe9e4;</code></span>
<span class="utf"><i></i> ms-ability-haste <code>&#xe953;</code></span>
<span class="utf"><i></i> ms-ability-hexproof <code>&#xe954;</code></span>
<span class="utf"><i></i> ms-ability-hexproof-black <code>&#xe955;</code></span>
<span class="utf"><i></i> ms-ability-hexproof-blue <code>&#xe956;</code></span>
<span class="utf"><i></i> ms-ability-hexproof-green <code>&#xe957;</code></span>
<span class="utf"><i></i> ms-ability-hexproof-red <code>&#xe958;</code></span>
<span class="utf"><i></i> ms-ability-hexproof-white <code>&#xe959;</code></span>
<span class="utf"><i></i> ms-ability-hideaway <code>&#xe9b8;</code></span>
<span class="utf"><i></i> ms-ability-impending <code>&#xea4c;</code></span>
<span class="utf"><i></i> ms-ability-improvise <code>&#xe9de;</code></span>
<span class="utf"><i></i> ms-ability-incubate <code>&#xe9db;</code></span>
<span class="utf"><i></i> ms-ability-indestructible <code>&#xe95a;</code></span>
<span class="utf"><i></i> ms-ability-investigate <code>&#xe9ab;</code></span>
<span class="utf"><i></i> ms-ability-jumpstart <code>&#xe95b;</code></span>
<span class="utf"><i></i> ms-ability-kicker <code>&#xe989;</code></span>
<span class="utf"><i></i> ms-ability-landfall <code>&#xe988;</code></span>
<span class="utf"><i></i> ms-ability-learn <code>&#xe994;</code></span>
<span class="utf"><i></i> ms-ability-lifelink <code>&#xea4b;</code></span>
<span class="utf"><i></i> ms-ability-lifelink-original <code>&#xe95c;</code></span>
<span class="utf"><i></i> ms-ability-magecraft <code>&#xe993;</code></span>
<span class="utf"><i></i> ms-ability-manifest-dread <code>&#xea4f;</code></span>
<span class="utf"><i></i> ms-ability-meld <code>&#xe9bd;</code></span>
<span class="utf"><i></i> ms-ability-menace <code>&#xe95d;</code></span>
<span class="utf"><i></i> ms-ability-mentor <code>&#xe95e;</code></span>
<span class="utf"><i></i> ms-ability-morph <code>&#xea3e;</code></span>
<span class="utf"><i></i> ms-ability-mutate <code>&#xe980;</code></span>
<span class="utf"><i></i> ms-ability-ninjutsu <code>&#xe9b2;</code></span>
<span class="utf"><i></i> ms-ability-obscura <code>&#xe9b6;</code></span>
<span class="utf"><i></i> ms-ability-offspring <code>&#xea47;</code></span>
<span class="utf"><i></i> ms-ability-outlast <code>&#xea3d;</code></span>
<span class="utf"><i></i> ms-ability-party <code>&#xe987;</code></span>
<span class="utf"><i></i> ms-ability-phyrexian <code>&#xe618;</code></span>
<span class="utf"><i></i> ms-ability-plot <code>&#xea42;</code></span>
<span class="utf"><i></i> ms-ability-proliferate <code>&#xe981;</code></span>
<span class="utf"><i></i> ms-ability-prototype <code>&#xe9be;</code></span>
<span class="utf"><i></i> ms-ability-prowess <code>&#xe982;</code></span>
<span class="utf"><i></i> ms-ability-raid <code>&#xe95f;</code></span>
<span class="utf"><i></i> ms-ability-reach <code>&#xe960;</code></span>
<span class="utf"><i></i> ms-ability-read-ahead <code>&#xe9b9;</code></span>
<span class="utf"><i></i> ms-ability-reconfigure <code>&#xe9b3;</code></span>
<span class="utf"><i></i> ms-ability-revolt <code>&#xe961;</code></span>
<span class="utf"><i></i> ms-ability-ring-bearer <code>&#xe9df;</code></span>
<span class="utf"><i></i> ms-ability-riot <code>&#xe973;</code></span>
<span class="utf"><i></i> ms-ability-robber-of-the-rich <code>&#xe9e5;</code></span>
<span class="utf"><i></i> ms-ability-role-cursed <code>&#xe9e6;</code></span>
<span class="utf"><i></i> ms-ability-role-monster <code>&#xe9e7;</code></span>
<span class="utf"><i></i> ms-ability-role-royal <code>&#xe9e8;</code></span>
<span class="utf"><i></i> ms-ability-role-sorceror <code>&#xe9e9;</code></span>
<span class="utf"><i></i> ms-ability-role-wicked <code>&#xe9ea;</code></span>
<span class="utf"><i></i> ms-ability-role-young-hero <code>&#xe9eb;</code></span>
<span class="utf"><i></i> ms-ability-saddle <code>&#xea43;</code></span>
<span class="utf"><i></i> ms-ability-specialize <code>&#xe9bb;</code></span>
<span class="utf"><i></i> ms-ability-spectacle <code>&#xe96b;</code></span>
<span class="utf"><i></i> ms-ability-spree <code>&#xea44;</code></span>
<span class="utf"><i></i> ms-ability-static <code>&#xe962;</code></span>
<span class="utf"><i></i> ms-ability-summoning-sickness <code>&#xe96a;</code></span>
<span class="utf"><i></i> ms-ability-survival <code>&#xea4e;</code></span>
<span class="utf"><i></i> ms-ability-surveil <code>&#xea38;</code></span>
<span class="utf"><i></i> ms-ability-surveil-original <code>&#xe963;</code></span>
<span class="utf"><i></i> ms-ability-suspect <code>&#xea37;</code></span>
<span class="utf"><i></i> ms-ability-the-ring-tempts-you <code>&#xe9e1;</code></span>
<span class="utf"><i></i> ms-ability-toxic <code>&#xe9bf;</code></span>
<span class="utf"><i></i> ms-ability-training <code>&#xe9b0;</code></span>
<span class="utf"><i></i> ms-ability-trample <code>&#xe964;</code></span>
<span class="utf"><i></i> ms-ability-transform <code>&#xe965;</code></span>
<span class="utf"><i></i> ms-ability-triggered <code>&#xe966;</code></span>
<span class="utf"><i></i> ms-ability-unearth <code>&#xe9bc;</code></span>
<span class="utf"><i></i> ms-ability-undergrowth <code>&#xe967;</code></span>
<span class="utf"><i></i> ms-ability-valiant <code>&#xea48;</code></span>
<span class="utf"><i></i> ms-ability-vigilance <code>&#xe968;</code></span>
<span class="utf"><i></i> ms-ability-ward <code>&#xe992;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i></i> ms-ability-duels-annihilator <code>&#xea5a;</code></span>
<span class="utf"><i></i> ms-ability-duels-battle-cry <code>&#xea5b;</code></span>
<span class="utf"><i></i> ms-ability-duels-unblockable <code>&#xea5c;</code></span>
<span class="utf"><i></i> ms-ability-duels-cannot-block <code>&#xea5d</code></span>
<span class="utf"><i></i> ms-ability-duels-cannot-untap <code>&#xea5e;</code></span>
<span class="utf"><i></i> ms-ability-duels-cohort <code>&#xea5f;</code></span>
<span class="utf"><i></i> ms-ability-duels-copy <code>&#xea60;</code></span>
<span class="utf"><i></i> ms-ability-duels-deathtouch <code>&#xea61;</code></span>
<span class="utf"><i></i> ms-ability-duels-defender <code>&#xea62;</code></span>
<span class="utf"><i></i> ms-ability-duels-delirium <code>&#xea63;</code></span>
<span class="utf"><i></i> ms-ability-duels-detain <code>&#xea64;</code></span>
<span class="utf"><i></i> ms-ability-duels-double-strike <code>&#xea65;</code></span>
<span class="utf"><i></i> ms-ability-duels-dfc <code>&#xea66;</code></span>
<span class="utf"><i></i> ms-ability-duels-evolve <code>&#xea67;</code></span>
<span class="utf"><i></i> ms-ability-duels-exalted <code>&#xea68;</code></span>
<span class="utf"><i></i> ms-ability-duels-exile <code>&#xea69;</code></span>
<span class="utf"><i></i> ms-ability-duels-fading <code>&#xea6a;</code></span>
<span class="utf"><i></i> ms-ability-duels-fear <code>&#xea6b;</code></span>
<span class="utf"><i></i> ms-ability-duels-first-strike <code>&#xea6c;</code></span>
<span class="utf"><i></i> ms-ability-duels-flying <code>&#xea6d;</code></span>
<span class="utf"><i></i> ms-ability-duels-forestwalk <code>&#xea6e;</code></span>
<span class="utf"><i></i> ms-ability-duels-haste <code>&#xea6f;</code></span>
<span class="utf"><i></i> ms-ability-duels-haunt <code>&#xea70;</code></span>
<span class="utf"><i></i> ms-ability-duels-hexproof <code>&#xea71;</code></span>
<span class="utf"><i></i> ms-ability-duels-indestructible <code>&#xea72;</code></span>
<span class="utf"><i></i> ms-ability-duels-infect <code>&#xea73;</code></span>
<span class="utf"><i></i> ms-ability-duels-ingest <code>&#xea74;</code></span>
<span class="utf"><i></i> ms-ability-duels-intimidate <code>&#xea75;</code></span>
<span class="utf"><i></i> ms-ability-duels-islandwalk <code>&#xea76;</code></span>
<span class="utf"><i></i> ms-ability-duels-legendary <code>&#xea77;</code></span>
<span class="utf"><i></i> ms-ability-duels-lifelink <code>&#xea78;</code></span>
<span class="utf"><i></i> ms-ability-duels-menace <code>&#xea79;</code></span>
<span class="utf"><i></i> ms-ability-duels-monstrous <code>&#xea7a;</code></span>
<span class="utf"><i></i> ms-ability-duels-mountainwalk <code>&#xea7b;</code></span>
<span class="utf"><i></i> ms-ability-duels-must-attack <code>&#xea7c;</code></span>
<span class="utf"><i></i> ms-ability-duels-plainswalk <code>&#xea7d;</code></span>
<span class="utf"><i></i> ms-ability-duels-prevent-damage <code>&#xea7e;</code></span>
<span class="utf"><i></i> ms-ability-duels-protection-black <code>&#xea7f;</code></span>
<span class="utf"><i></i> ms-ability-duels-protection-blue <code>&#xea80;</code></span>
<span class="utf"><i></i> ms-ability-duels-protection-green <code>&#xea81;</code></span>
<span class="utf"><i></i> ms-ability-duels-protection-red <code>&#xea82;</code></span>
<span class="utf"><i></i> ms-ability-duels-protection-white <code>&#xea83;</code></span>
<span class="utf"><i></i> ms-ability-duels-protection <code>&#xea84;</code></span>
<span class="utf"><i></i> ms-ability-duels-rally <code>&#xea85;</code></span>
<span class="utf"><i></i> ms-ability-duels-regenerate <code>&#xea86;</code></span>
<span class="utf"><i></i> ms-ability-duels-renowned <code>&#xea87;</code></span>
<span class="utf"><i></i> ms-ability-duels-shroud <code>&#xea88;</code></span>
<span class="utf"><i></i> ms-ability-duels-skulk <code>&#xea89;</code></span>
<span class="utf"><i></i> ms-ability-duels-soulshift <code>&#xea8a;</code></span>
<span class="utf"><i></i> ms-ability-duels-swampwalk <code>&#xea8b;</code></span>
<span class="utf"><i></i> ms-ability-duels-temporary-control <code>&#xea8c;</code></span>
<span class="utf"><i></i> ms-ability-duels-totem-armor <code>&#xea8d;</code></span>
<span class="utf"><i></i> ms-ability-duels-trample <code>&#xea8e;</code></span>
<span class="utf"><i></i> ms-ability-duels-undying <code>&#xea8f;</code></span>
<span class="utf"><i></i> ms-ability-duels-vigilance <code>&#xea90;</code></span>
</div>
<div class="vectors overflow">
<span class="utf"><i></i> ms-counter-arrow <code>&#xe92b;</code></span>
<span class="utf"><i></i> ms-counter-brick <code>&#xe92c;</code></span>
<span class="utf"><i></i> ms-counter-brick-print <code>&#xea52;</code></span>
<span class="utf"><i></i> ms-counter-charge <code>&#xe92d;</code></span>
<span class="utf"><i></i> ms-counter-charge-print <code>&#xea53;</code></span>
<span class="utf"><i></i> ms-counter-damage <code>&#xe9dd;</code></span>
<span class="utf"><i></i> ms-counter-deathtouch <code>&#xea51;</code></span>
<span class="utf"><i></i> ms-counter-devotion <code>&#xe92e;</code></span>
<span class="utf"><i></i> ms-counter-doom <code>&#xe92f;</code></span>
<span class="utf"><i></i> ms-counter-echo <code>&#xe930;</code></span>
<span class="utf"><i></i> ms-counter-finality <code>&#xea54;</code></span>
<span class="utf"><i></i> ms-counter-flame <code>&#xe931;</code></span>
<span class="utf"><i></i> ms-counter-flood <code>&#xe932;</code></span>
<span class="utf"><i></i> ms-counter-fungus <code>&#xe933;</code></span>
<span class="utf"><i></i> ms-counter-gold <code>&#xe934;</code></span>
<span class="utf"><i></i> ms-counter-ki <code>&#xe935;</code></span>
<span class="utf"><i></i> ms-counter-lore <code>&#xe936;</code></span>
<span class="utf"><i></i> ms-counter-loyalty <code>&#xe937;</code></span>
<span class="utf"><i></i> ms-counter-mining <code>&#xe938;</code></span>
<span class="utf"><i></i> ms-counter-minus <code>&#xe939;</code></span>
<span class="utf"><i></i> ms-counter-minus-uneven <code>&#xe943;</code></span>
<span class="utf"><i></i> ms-counter-muster <code>&#xe93a;</code></span>
<span class="utf"><i></i> ms-counter-paw <code>&#xe93b;</code></span>
<span class="utf"><i></i> ms-counter-pin <code>&#xe93c;</code></span>
<span class="utf"><i></i> ms-counter-plus <code>&#xe93d;</code></span>
<span class="utf"><i></i> ms-counter-plus-uneven <code>&#xe944;</code></span>
<span class="utf"><i></i> ms-counter-rad <code>&#xea50;</code></span>
<span class="utf"><i></i> ms-counter-scream <code>&#xe93e;</code></span>
<span class="utf"><i></i> ms-counter-shield <code>&#xe9c3;</code></span>
<span class="utf"><i></i> ms-counter-skeleton <code>&#xe93f;</code></span>
<span class="utf"><i></i> ms-counter-skull <code>&#xe940;</code></span>
<span class="utf"><i></i> ms-counter-stun <code>&#xe9c2;</code></span>
<span class="utf"><i></i> ms-counter-slime <code>&#xe941;</code></span>
<span class="utf"><i></i> ms-counter-time <code>&#xe942;</code></span>
<span class="utf"><i></i> ms-counter-verse <code>&#xe945;</code></span>
<span class="utf"><i></i> ms-counter-void <code>&#xe9ec;</code></span>
<span class="utf"><i></i> ms-counter-vortex <code>&#xe946;</code></span>
<div class="clear"></div>
</div>
<div class="vectors overflow">
<span class="utf"><i></i> ms-watermark-agentsofsneak <code>&#xea08;</code></span>
<span class="utf"><i></i> ms-watermark-arena <code>&#xea1e;</code></span>
<span class="utf"><i></i> ms-watermark-colorpie <code>&#xe9f0;</code></span>
<span class="utf"><i></i> ms-watermark-conspiracy <code>&#xea12;</code></span>
<span class="utf"><i></i> ms-watermark-corocoro <code>&#xea15;</code></span>
<span class="utf"><i></i> ms-watermark-crossbreedlabs <code>&#xea09;</code></span>
<span class="utf"><i></i> ms-watermark-cutiemark-apples <code>&#xea27;</code></span>
<span class="utf"><i></i> ms-watermark-cutiemark-balloons <code>&#xea28;</code></span>
<span class="utf"><i></i> ms-watermark-cutiemark-butterflies <code>&#xea29;</code></span>
<span class="utf"><i></i> ms-watermark-cutiemark-gems <code>&#xea04;</code></span>
<span class="utf"><i></i> ms-watermark-cutiemark-rainbow <code>&#xea2a;</code></span>
<span class="utf"><i></i> ms-watermark-cutiemark-sparkle <code>&#xea05;</code></span>
<span class="utf"><i></i> ms-watermark-cutiemark-waningmoon <code>&#xea06;</code></span>
<span class="utf"><i></i> ms-watermark-cutiemark-waxingmoon <code>&#xea07;</code></span>
<span class="utf"><i></i> ms-watermark-dci <code>&#xea1d;</code></span>
<span class="utf"><i></i> ms-watermark-dengekimaoh <code>&#xea14;</code></span>
<span class="utf"><i></i> ms-watermark-desparked <code>&#xe9f1;</code></span>
<span class="utf"><i></i> ms-watermark-dnd <code>&#xea17;</code></span>
<span class="utf"><i></i> ms-watermark-flavor-aestheticconsultation <code>&#xe9f2;</code></span>
<span class="utf"><i></i> ms-watermark-flavor-farewelltoarms <code>&#xe9f8;</code></span>
<span class="utf"><i></i> ms-watermark-flavor-manascrew <code>&#xea2c;</code></span>
<span class="utf"><i></i> ms-watermark-flavor-monkeymonkeymonkey <code>&#xe9f7;</code></span>
<span class="utf"><i></i> ms-watermark-flavor-moxlotus <code>&#xe9f5;</code></span>
<span class="utf"><i></i> ms-watermark-flavor-myfirsttome <code>&#xe9f6;</code></span>
<span class="utf"><i></i> ms-watermark-flavor-shoetree <code>&#xe9f7;</code></span>
<span class="utf"><i></i> ms-watermark-flavor-whenfluffybunniesattack <code>&#xe9f8;</code></span>
<span class="utf"><i></i> ms-watermark-fnm <code>&#xea16;</code></span>
<span class="utf"><i></i> ms-watermark-goblinexplosioneers <code>&#xea0a;</code></span>
<span class="utf"><i></i> ms-watermark-grandprix <code>&#xea1f;</code></span>
<span class="utf"><i></i> ms-watermark-grandprix2 <code>&#xea20;</code></span>
<span class="utf"><i></i> ms-watermark-herospath <code>&#xea02;</code></span>
<span class="utf"><i></i> ms-watermark-herospath-1 <code>&#xe9f9;</code></span>
<span class="utf"><i></i> ms-watermark-herospath-2 <code>&#xe9fa;</code></span>
<span class="utf"><i></i> ms-watermark-herospath-3 <code>&#xe9fb;</code></span>
<span class="utf"><i></i> ms-watermark-herospath-4 <code>&#xe9fc;</code></span>
<span class="utf"><i></i> ms-watermark-herospath-5 <code>&#xe9fd;</code></span>
<span class="utf"><i></i> ms-watermark-herospath-6 <code>&#xe9fe;</code></span>
<span class="utf"><i></i> ms-watermark-herospath-7 <code>&#xe9ff;</code></span>
<span class="utf"><i></i> ms-watermark-herospath-8 <code>&#xea00;</code></span>
<span class="utf"><i></i> ms-watermark-herospath-9 <code>&#xea01;</code></span>
<span class="utf"><i></i> ms-watermark-japanjunior <code>&#xea24;</code></span>
<span class="utf"><i></i> ms-watermark-judgeacademy <code>&#xea13;</code></span>
<span class="utf"><i></i> ms-watermark-junior <code>&#xea23;</code></span>
<span class="utf"><i></i> ms-watermark-juniorapac <code>&#xea21;</code></span>
<span class="utf"><i></i> ms-watermark-junioreurope <code>&#xea22;</code></span>
<span class="utf"><i></i> ms-watermark-leagueofdastardlydoom <code>&#xea0b;</code></span>
<span class="utf"><i></i> ms-watermark-mirran <code>&#xea03;</code></span>
<span class="utf"><i></i> ms-watermark-mps <code>&#xea1a;</code></span>
<span class="utf"><i></i> ms-watermark-mtg <code>&#xe9ed;</code></span>
<span class="utf"><i></i> ms-watermark-mtg10 <code>&#xe9ee;</code></span>
<span class="utf"><i></i> ms-watermark-mtg15 <code>&#xe9ef;</code></span>
<span class="utf"><i></i> ms-watermark-nerf <code>&#xea19;</code></span>
<span class="utf"><i></i> ms-watermark-orderofthewidget <code>&#xea0c;</code></span>
<span class="utf"><i></i> ms-watermark-protour <code>&#xea26;</code></span>
<span class="utf"><i></i> ms-watermark-scholarship <code>&#xea25;</code></span>
<span class="utf"><i></i> ms-watermark-transformers <code>&#xea18;</code></span>
<span class="utf"><i></i> ms-watermark-trumpkatsumai <code>&#xea2b;</code></span>
<span class="utf"><i></i> ms-watermark-wotc <code>&#xea1b;</code></span>
<span class="utf"><i></i> ms-watermark-wpn <code>&#xea1c;</code></span>
<div class="clear"></div>
</div>
</section>
</div>
</main>
<footer>
<div class="wrapper">
<div class="float-left">
<p>Made with ♥ by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
</div>
<div class="float-right" style="text-align: right;">
<p>
All mana images and card symbols © <a href="http://magicthegathering.com">Wizards of the Coast</a><br />
The Mana font is licensed under the the <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
Mana CSS, LESS, and Sass files are licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a><br />
</p>
</div>
<div class="clear"></div>
</div>
</footer>
</body>
</html>
================================================
FILE: docs/icons.html
================================================
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Mana Icons | Mana</title>
<link rel="stylesheet" href="assets/mana.min.css" />
<link rel="stylesheet" href="assets/docs.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head>
<body>
<section id="banner">
<div class="wrapper">
<a href="index.html" class="logo"><i class="ms ms-g" style="top:-2px;position:relative;"></i> Mana</a>
<a href="index.html" class="item">Home</a>
<a href="icons.html" class="item">Mana Icons</a>
<a href="attributes.html" class="item">Attributes</a>
<a href="https://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
<span class="item">
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
</span>
<span class="item">
Created by
<a href="http://andrewgioia.com">Andrew Gioia</a>
</span>
</div>
</section>
<header>
<div class="wrapper">
<h1 class="sub">Mana & Card Icons</h1>
<a class="dl button float-right" href="https://github.com/andrewgioia/mana/archive/master.zip">
<i class="ms ms-instant"></i>
Download
</a>
<h2 class="sub">Complete set of Magic mana and card symbol font icons</h2>
</div>
</header>
<main>
<div class="wrapper">
<section>
<h3>
View the full list of mana symbols and other Magic card symboles.
To see all the different variations and casting cost styles, check out the <a href="attributes.html">Attributes</a> page.
To use the symbols on your desktop or just get the vectors, check out the <a href="cheatsheet.html">Cheatsheet</a>.
</h3>
</section>
<section class="content icons">
<h4>Mana & Resource Symbols</h4>
<div class="icons">
<div class="icon" id="w" name="W">
<span><i class="ms ms-w"></i> White <em>(w)</em></span>
</div>
<div class="icon" id="u" name="U">
<span><i class="ms ms-u"></i> Blue <em>(u)</em></span>
</div>
<div class="icon" id="b" name="B">
<span><i class="ms ms-b"></i> Black <em>(b)</em></span>
</div>
<div class="icon" id="r" name="R">
<span><i class="ms ms-r"></i> Red <em>(r)</em></span>
</div>
<div class="icon" id="g" name="G">
<span><i class="ms ms-g"></i> Green <em>(g)</em></span>
</div>
<div class="icon" id="w-original" name="W (Original)">
<span><i class="ms ms-w-original"></i> White (Original) <em>(w-original)</em></span>
</div>
<div class="icon" id="w-list" name="W (List)">
<span><i class="ms ms-w-list"></i> White (List) <em>(w-list)</em></span>
</div>
<div class="icon" id="c" name="C">
<span><i class="ms ms-c"></i> Colorless Mana <em>(c)</em></span>
</div>
<div class="icon" id="h" name="H">
<span><i class="ms ms-h"></i> Phyrexian Mana <em>(h)</em></span>
</div>
<div class="icon" id="s" name="Snow">
<span><i class="ms ms-s"></i> Snow Mana <em>(s)</em></span>
</div>
<div class="icon" id="s-mtga" name="Snow (MTGA)">
<span><i class="ms ms-s-mtga"></i> Snow Mana (MTGA) <em>(s-mtga)</em></span>
</div>
<div class="icon" id="x" name="X">
<span><i class="ms ms-x"></i> X <em>(x)</em></span>
</div>
<div class="icon" id="y" name="Y">
<span><i class="ms ms-y"></i> Y <em>(y)</em></span>
</div>
<div class="icon" id="z" name="Z">
<span><i class="ms ms-z"></i> Z <em>(z)</em></span>
</div>
<div class="icon" id="0" name="0">
<span><i class="ms ms-0"></i> 0 <em>(0)</em></span>
</div>
<div class="icon" id="1" name="1">
<span><i class="ms ms-1"></i> 1 <em>(1)</em></span>
</div>
<div class="icon" id="2" name="2">
<span><i class="ms ms-2"></i> 2 <em>(2)</em></span>
</div>
<div class="icon" id="3" name="3">
<span><i class="ms ms-3"></i> 3 <em>(3)</em></span>
</div>
<div class="icon" id="4" name="4">
<span><i class="ms ms-4"></i> 4 <em>(4)</em></span>
</div>
<div class="icon" id="5" name="5">
<span><i class="ms ms-5"></i> 5 <em>(5)</em></span>
</div>
<div class="icon" id="6" name="6">
<span><i class="ms ms-6"></i> 6 <em>(6)</em></span>
</div>
<div class="icon" id="7" name="7">
<span><i class="ms ms-7"></i> 7 <em>(7)</em></span>
</div>
<div class="icon" id="8" name="8">
<span><i class="ms ms-8"></i> 8 <em>(8)</em></span>
</div>
<div class="icon" id="9" name="9">
<span><i class="ms ms-9"></i> 9 <em>(9)</em></span>
</div>
<div class="icon" id="10" name="10">
<span><i class="ms ms-10"></i> 10 <em>(10)</em></span>
</div>
<div class="icon" id="11" name="11">
<span><i class="ms ms-11"></i> 11 <em>(11)</em></span>
</div>
<div class="icon" id="12" name="12">
<span><i class="ms ms-12"></i> 12 <em>(12)</em></span>
</div>
<div class="icon" id="13" name="13">
<span><i class="ms ms-13"></i> 13 <em>(13)</em></span>
</div>
<div class="icon" id="14" name="14">
<span><i class="ms ms-14"></i> 14 <em>(14)</em></span>
</div>
<div class="icon" id="15" name="15">
<span><i class="ms ms-15"></i> 15 <em>(15)</em></span>
</div>
<div class="icon" id="16" name="16">
<span><i class="ms ms-16"></i> 16 <em>(16)</em></span>
</div>
<div class="icon" id="17" name="17">
<span><i class="ms ms-17"></i> 17 <em>(17)</em></span>
</div>
<div class="icon" id="18" name="18">
<span><i class="ms ms-18"></i> 18 <em>(18)</em></span>
</div>
<div class="icon" id="19" name="19">
<span><i class="ms ms-19"></i> 19 <em>(19)</em></span>
</div>
<div class="icon" id="20" name="20">
<span><i class="ms ms-20"></i> 20 <em>(20)</em></span>
</div>
<div class="icon" id="1-2" name="1/2">
<span><i class="ms ms-1-2"></i> 1/2 <em>(1-2)</em></span>
</div>
<div class="icon" id="infinity" name="Infinity">
<span><i class="ms ms-infinity"></i> Infinity <em>(infinity)</em></span>
</div>
<div class="icon" id="100" name="100">
<span><i class="ms ms-100 ms-fw"></i> 100 <em>(100)</em></span>
</div>
<div class="icon" id="1000000" name="1000000">
<span><i class="ms ms-1000000 ms-fw"></i> 1,000,000 <em>(1000000)</em></span>
</div>
<div class="icon" id="e" name="Energy">
<span><i class="ms ms-e"></i> Energy <em>(e)</em></span>
</div>
<div class="icon" id="paw" name="Paw">
<span><i class="ms ms-paw"></i> Pawprint <em>(paw)</em></span>
</div>
<div class="icon" id="d" name="Land Drop">
<span><i class="ms ms-d"></i> Land Drop <em>(d)</em></span>
</div>
<div class="icon" id="l" name="Legendary Mana">
<span><i class="ms ms-l"></i> Legendary Mana <em>(l)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Card Symbols</h4>
<div class="icons">
<div class="icon" id="tap" name="Tap">
<span><i class="ms ms-tap"></i> Tap <em>(tap)</em></span>
</div>
<div class="icon" id="untap" name="Untap">
<span><i class="ms ms-untap"></i> Untap <em>(untap)</em></span>
</div>
<div class="icon" id="tap-alt" name="Tap (Alt)">
<span><i class="ms ms-tap-3ed"></i> Tap (3ed) <em>(tap-3ed)</em></span>
</div>
<div class="icon" id="tap-alt" name="Tap (Alt)">
<span><i class="ms ms-tap-4ed"></i> Tap (4ed) <em>(tap-4ed)</em></span>
</div>
<div class="icon" id="chaos" name="Chaos">
<span><i class="ms ms-chaos"></i> Chaos <em>(chaos)</em></span>
</div>
<div class="icon" id="flashback" name="Flashback">
<span><i class="ms ms-flashback"></i> Flashback <em>(flashback)</em></span>
</div>
<div class="icon" id="power" name="Power">
<span><i class="ms ms-power"></i> Power <em>(power)</em></span>
</div>
<div class="icon" id="toughness" name="Toughness">
<span><i class="ms ms-toughness"></i> Toughness <em>(toughness)</em></span>
</div>
<div class="icon" id="power-mtga" name="Power (Arena)">
<span><i class="ms ms-power-mtga"></i> Power (Arena) <em>(power-mtga)</em></span>
</div>
<div class="icon" id="toughness-mtga" name="Toughness (Arena)">
<span><i class="ms ms-toughness-mtga"></i> Toughness (Arena) <em>(toughness-mtga)</em></span>
</div>
<div class="icon" id="artist-brush" name="Artist (Brush)">
<span><i class="ms ms-artist-brush"></i> Artist (Brush) <em>(artist-brush)</em></span>
</div>
<div class="icon" id="artist-nib" name="Artist (Nib)">
<span><i class="ms ms-artist-nib"></i> Artist (Nib) <em>(artist-nib)</em></span>
</div>
<div class="icon" id="saga" name="Saga">
<span><i class="ms ms-saga ms-saga-1"></i> Saga <em>(saga)</em></span>
</div>
<div class="icon" id="acorn" name="Acorn">
<span><i class="ms ms-acorn"></i> Acorn <em>(acorn)</em></span>
</div>
<div class="icon" id="ticket" name="Ticket">
<span><i class="ms ms-ticket"></i> Ticket <em>(ticket)</em></span>
</div>
<div class="icon" id="rarity" name="Rarity">
<span><i class="ms ms-rarity"></i> Rarity <em>(rarity)</em></span>
</div>
<div class="icon" id="multicolor" name="Multicolor">
<span><i class="ms ms-multicolor ms-duo"></i> Multicolor <em>(multicolor)</em></span>
</div>
<div class="icon" id="spree" name="Spree">
<span><i class="ms ms-spree"></i> Spree <em>(spree)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Loyalty Symbols</h4>
<div class="icons">
<div class="icon" id="loyalty-up" name="Loyalty Up">
<span><i class="ms ms-loyalty-up"></i> Loyalty Up <em>(loyalty-up)</em></span>
</div>
<div class="icon" id="loyalty-down" name="Loyalty Down">
<span><i class="ms ms-loyalty-down"></i> Loyalty Down <em>(loyalty-down)</em></span>
</div>
<div class="icon" id="loyalty-zero" name="Loyalty Zero">
<span><i class="ms ms-loyalty-zero"></i> Loyalty Zero <em>(loyalty-zero)</em></span>
</div>
<div class="icon" id="loyalty-start" name="Loyalty Start">
<span><i class="ms ms-loyalty-start"></i> Loyalty Start <em>(loyalty-start)</em></span>
</div>
<div class="icon" id="level" name="Level">
<span><i class="ms ms-level"></i> Level <em>(level)</em></span>
</div>
<div class="icon" id="defense" name="Defense">
<span><i class="ms ms-defense"></i> Defense <em>(defense)</em></span>
</div>
<div class="icon" id="defense-outline" name="Defense Outline">
<span><i class="ms ms-defense-outline"></i> Defense Outline <em>(defense-outline)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Double-Faced Cards</h4>
<div class="icons">
<div class="icon" id="dfc-day" name="Day">
<span><i class="ms ms-dfc-day"></i> Day <em>(dfc-day)</em></span>
</div>
<div class="icon" id="dfc-night" name="Night">
<span><i class="ms ms-dfc-night"></i> Night <em>(dfc-night)</em></span>
</div>
<div class="icon" id="dfc-spark" name="Spark">
<span><i class="ms ms-dfc-spark"></i> Spark <em>(dfc-spark)</em></span>
</div>
<div class="icon" id="dfc-ignite" name="Ignite">
<span><i class="ms ms-dfc-ignite"></i> Ignite <em>(dfc-ignite)</em></span>
</div>
<div class="icon" id="dfc-moon" name="Moon">
<span><i class="ms ms-dfc-moon"></i> Moon <em>(dfc-moon)</em></span>
</div>
<div class="icon" id="dfc-emrakul" name="Emrakul">
<span><i class="ms ms-dfc-emrakul"></i> Emrakul <em>(dfc-emrakul)</em></span>
</div>
<div class="icon" id="dfc-enchantment" name="Enchantment">
<span><i class="ms ms-dfc-enchantment"></i> Enchantment <em>(dfc-enchantment)</em></span>
</div>
<div class="icon" id="dfc-land" name="Emrakul">
<span><i class="ms ms-dfc-land"></i> Land <em>(dfc-land)</em></span>
</div>
<div class="icon" id="dfc-lesson" name="Lesson">
<span><i class="ms ms-dfc-lesson"></i> Lesson <em>(dfc-lesson)</em></span>
</div>
<div class="icon" id="dfc-front" name="Front">
<span><i class="ms ms-dfc-front"></i> Front <em>(dfc-front)</em></span>
</div>
<div class="icon" id="dfc-back" name="Back">
<span><i class="ms ms-dfc-back"></i> Back <em>(dfc-back)</em></span>
</div>
<div class="icon" id="dfc-meld" name="Meld">
<span><i class="ms ms-dfc-meld"></i> Meld <em>(dfc-meld)</em></span>
</div>
<div class="icon" id="dfc-facedown" name="Face Down">
<span><i class="ms ms-dfc-facedown"></i> Face Down <em>(dfc-facedown)</em></span>
</div>
<div class="icon" id="dfc-modal-face" name="DFC Modal Face">
<span><i class="ms ms-dfc-modal-face"></i> Modal (Face) <em>(dfc-modal-face)</em></span>
</div>
<div class="icon" id="dfc-modal-back" name="DFC Modal Back)">
<span><i class="ms ms-dfc-modal-back"></i> Modal (Back) <em>(dfc-modal-back)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Card Types</h4>
<div class="icons">
<div class="icon" id="artifact" name="Artifact">
<span><i class="ms ms-artifact"></i> Artifact <em>(artifact)</em></span>
</div>
<div class="icon" id="creature" name="Creature">
<span><i class="ms ms-creature"></i> Creature <em>(creature)</em></span>
</div>
<div class="icon" id="enchantment" name="Enchantment">
<span><i class="ms ms-enchantment"></i> Enchantment <em>(enchantment)</em></span>
</div>
<div class="icon" id="instant" name="Instant">
<span><i class="ms ms-instant"></i> Instant <em>(instant)</em></span>
</div>
<div class="icon" id="land" name="Land">
<span><i class="ms ms-land"></i> Land <em>(land)</em></span>
</div>
<div class="icon" id="planeswalker" name="Planeswalker">
<span><i class="ms ms-planeswalker"></i> Planeswalker <em>(planeswalker)</em></span>
</div>
<div class="icon" id="sorcery" name="Sorcery">
<span><i class="ms ms-sorcery"></i> Sorcery <em>(sorcery)</em></span>
</div>
<div class="icon" id="tribal" name="Tribal">
<span><i class="ms ms-tribal"></i> Tribal <em>(tribal, multiple)</em></span>
</div>
<div class="icon" id="plane" name="Plane">
<span><i class="ms ms-plane"></i> Plane <em>(plane)</em></span>
</div>
<div class="icon" id="phenomenon" name="Phenomenon">
<span><i class="ms ms-phenomenon"></i> Phenomenon <em>(phenomenon)</em></span>
</div>
<div class="icon" id="scheme" name="Scheme">
<span><i class="ms ms-scheme"></i> Scheme <em>(scheme)</em></span>
</div>
<div class="icon" id="conspiracy" name="Conspiracy">
<span><i class="ms ms-conspiracy"></i> Conspiracy <em>(conspiracy)</em></span>
</div>
<div class="icon" id="vanguard" name="Vanguard">
<span><i class="ms ms-vanguard"></i> Vanguard <em>(vanguard)</em></span>
</div>
<div class="icon" id="token" name="Token">
<span><i class="ms ms-token"></i> Token <em>(token)</em></span>
</div>
<div class="icon" id="battle" name="Battle">
<span><i class="ms ms-battle"></i> Battle <em>(battle)</em></span>
</div>
<div class="icon" id="battle-siege" name="Battle - Siege">
<span><i class="ms ms-battle-siege"></i> Battle - Siege <em>(battle-siege)</em></span>
</div>
<div class="icon" id="commander" name="Commander">
<span><i class="ms ms-commander"></i> Commander <em>(commander)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Color Indicators</h4>
<div class="icons indicators">
<div class="icon" id="ci-u" name="Color Indicator: White">
<span><i class="ms ms-ci ms-ci-1 ms-ci-u"></i> Blue <em>(ci-u)</em></span>
</div>
<div class="icon" id="ci-w" name="Color Indicator: White">
<span><i class="ms ms-ci ms-ci-1 ms-ci-w"></i> White <em>(ci-w)</em></span>
</div>
<div class="icon" id="ci-b" name="Color Indicator: Black">
<span><i class="ms ms-ci ms-ci-1 ms-ci-b"></i> Black <em>(ci-b)</em></span>
</div>
<div class="icon" id="ci-r" name="Color Indicator: Red">
<span><i class="ms ms-ci ms-ci-1 ms-ci-r"></i> Red <em>(ci-r)</em></span>
</div>
<div class="icon" id="ci-g" name="Color Indicator: Green">
<span><i class="ms ms-ci ms-ci-1 ms-ci-g"></i> Green <em>(ci-g)</em></span>
</div>
<div class="icon" id="ci-wu" name="Color Indicator: White/Blue">
<span><i class="ms ms-ci ms-ci-2 ms-ci-wu"></i> WU <em>(ci-wu)</em></span>
</div>
<div class="icon" id="ci-wb" name="Color Indicator: White/Black">
<span><i class="ms ms-ci ms-ci-2 ms-ci-wb"></i> WB <em>(ci-wb)</em></span>
</div>
<div class="icon" id="ci-ub" name="Color Indicator: Blue/Black">
<span><i class="ms ms-ci ms-ci-2 ms-ci-ub"></i> UB <em>(ci-ub)</em></span>
</div>
<div class="icon" id="ci-ur" name="Color Indicator: Blue/Red">
<span><i class="ms ms-ci ms-ci-2 ms-ci-ur"></i> UR <em>(ci-ur)</em></span>
</div>
<div class="icon" id="ci-bg" name="Color Indicator: Black/Green">
<span><i class="ms ms-ci ms-ci-2 ms-ci-bg"></i> BG <em>(ci-bg)</em></span>
</div>
<div class="icon" id="ci-br" name="Color Indicator: Black/Red">
<span><i class="ms ms-ci ms-ci-2 ms-ci-br"></i> BR <em>(ci-br)</em></span>
</div>
<div class="icon" id="ci-rw" name="Color Indicator: Red/White">
<span><i class="ms ms-ci ms-ci-2 ms-ci-rw"></i> RW <em>(ci-rw)</em></span>
</div>
<div class="icon" id="ci-rg" name="Color Indicator: Red/Green">
<span><i class="ms ms-ci ms-ci-2 ms-ci-rg"></i> RG <em>(ci-rg)</em></span>
</div>
<div class="icon" id="ci-gu" name="Color Indicator: Green/Blue">
<span><i class="ms ms-ci ms-ci-2 ms-ci-gu"></i> GU <em>(ci-gu)</em></span>
</div>
<div class="icon" id="ci-gw" name="Color Indicator: Green/White">
<span><i class="ms ms-ci ms-ci-2 ms-ci-gw"></i> GW <em>(ci-gw)</em></span>
</div>
<div class="icon" id="ci-wug" name="Color Indicator: White/Blue/Green">
<span><i class="ms ms-ci ms-ci-3 ms-ci-wug"></i> Bant <em>(ci-wug)</em></span>
</div>
<div class="icon" id="ci-ubw" name="Color Indicator: Blue/Black/White">
<span><i class="ms ms-ci ms-ci-3 ms-ci-ubw"></i> Esper <em>(ci-ubw)</em></span>
</div>
<div class="icon" id="ci-bru" name="Color Indicator: Black/Red/Blue">
<span><i class="ms ms-ci ms-ci-3 ms-ci-bru"></i> Grixis <em>(ci-bru)</em></span>
</div>
<div class="icon" id="ci-rgb" name="Color Indicator: Red/Green/Black">
<span><i class="ms ms-ci ms-ci-3 ms-ci-rgb"></i> Jund <em>(ci-rgb)</em></span>
</div>
<div class="icon" id="ci-gwr" name="Color Indicator: Gren/White/Red">
<span><i class="ms ms-ci ms-ci-3 ms-ci-gwr"></i> Naya <em>(ci-gwr)</em></span>
</div>
<div class="icon" id="ci-wbg" name="Color Indicator: White/Black/Green">
<span><i class="ms ms-ci ms-ci-3 ms-ci-wbg"></i> Junk/Abzan <em>(ci-wbg)</em></span>
</div>
<div class="icon" id="ci-urw" name="Color Indicator: Blue/Red/White">
<span><i class="ms ms-ci ms-ci-3 ms-ci-urw"></i> Jeskai <em>(ci-urw)</em></span>
</div>
<div class="icon" id="ci-bgu" name="Color Indicator: Black/Green/Blue">
<span><i class="ms ms-ci ms-ci-3 ms-ci-bgu"></i> BUG/Sultai <em>(ci-bgu)</em></span>
</div>
<div class="icon" id="ci-rwb" name="Color Indicator: Red/White/Black">
<span><i class="ms ms-ci ms-ci-3 ms-ci-rwb"></i> Mardu <em>(ci-rwb)</em></span>
</div>
<div class="icon" id="ci-gur" name="Color Indicator: Green/Blue/Red">
<span><i class="ms ms-ci ms-ci-3 ms-ci-gur"></i> RUG/Temur <em>(ci-gur)</em></span>
</div>
<div class="icon" id="ci-ubrg" name="Color Indicator: Blue/Black/Red/Green">
<span><i class="ms ms-ci ms-ci-4 ms-ci-ubrg"></i> UBRG <em>(ci-ubrg)</em></span>
</div>
<div class="icon" id="ci-brgw" name="Color Indicator: Black/Red/Green/White">
<span><i class="ms ms-ci ms-ci-4 ms-ci-brgw"></i> BRGW <em>(ci-brgw)</em></span>
</div>
<div class="icon" id="ci-rgwu" name="Color Indicator: Red/Green/White/Blue">
<span><i class="ms ms-ci ms-ci-4 ms-ci-rgwu"></i> RGWU <em>(ci-rgwu)</em></span>
</div>
<div class="icon" id="ci-gwub" name="Color Indicator: Green/White/Blue/Black">
<span><i class="ms ms-ci ms-ci-4 ms-ci-gwub"></i> GWUB <em>(ci-gwub)</em></span>
</div>
<div class="icon" id="ci-wubr" name="Color Indicator: White/Blue/Black/Red">
<span><i class="ms ms-ci ms-ci-4 ms-ci-wubr"></i> WUBR <em>(ci-wubr)</em></span>
</div>
<div class="icon" id="ci-5" name="Color Indicator: White/Blue/Black/Red/Green">
<span><i class="ms ms-ci ms-ci-5"></i> WUBRG <em>(ci-5)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Magic Online Counters</h4>
<div class="icons">
<div class="icon" id="counter-arrow" name="Arrow Counter">
<span><i class="ms ms-counter-arrow ms-2x"></i> Arrow <em>(counter-arrow)</em></span>
</div>
<div class="icon" id="counter-brick" name="Brick Counter">
<span><i class="ms ms-counter-brick ms-2x"></i> Brick <em>(counter-brick)</em></span>
</div>
<div class="icon" id="counter-charge" name="Charge Counter">
<span><i class="ms ms-counter-charge ms-2x"></i> Charge <em>(counter-charge)</em></span>
</div>
<div class="icon" id="counter-devotion" name="Devotion Counter">
<span><i class="ms ms-counter-devotion ms-2x"></i> Devotion <em>(counter-devotion)</em></span>
</div>
<div class="icon" id="counter-doom" name="Doom Counter">
<span><i class="ms ms-counter-doom ms-2x"></i> Doom <em>(counter-doom)</em></span>
</div>
<div class="icon" id="counter-echo" name="Echo Counter">
<span><i class="ms ms-counter-echo ms-2x"></i> Echo <em>(counter-echo)</em></span>
</div>
<div class="icon" id="counter-flame" name="Flame Counter">
<span><i class="ms ms-counter-flame ms-2x"></i> Flame <em>(counter-flame)</em></span>
</div>
<div class="icon" id="counter-flood" name="Flood Counter">
<span><i class="ms ms-counter-flood ms-2x"></i> Flood <em>(counter-flood)</em></span>
</div>
<div class="icon" id="counter-fungus" name="Fungus Counter">
<span><i class="ms ms-counter-fungus ms-2x"></i> Fungus <em>(counter-fungus)</em></span>
</div>
<div class="icon" id="counter-gold" name="Gold Counter">
<span><i class="ms ms-counter-gold ms-2x"></i> Gold <em>(counter-gold)</em></span>
</div>
<div class="icon" id="counter-ki" name="Ki Counter">
<span><i class="ms ms-counter-ki ms-2x"></i> Ki <em>(counter-ki)</em></span>
</div>
<div class="icon" id="counter-lore" name="Lore Counter">
<span><i class="ms ms-counter-lore ms-2x"></i> Lore <em>(counter-lore)</em></span>
</div>
<div class="icon" id="counter-loyalty" name="Loyalty Counter">
<span><i class="ms ms-counter-loyalty ms-2x"></i> Loyalty <em>(counter-loyalty)</em></span>
</div>
<div class="icon" id="counter-mining" name="Mining Counter">
<span><i class="ms ms-counter-mining ms-2x"></i> Mining <em>(counter-mining)</em></span>
</div>
<div class="icon" id="counter-minus" name="Minus Counter">
<span><i class="ms ms-counter-minus ms-2x"></i> Minus <em>(counter-minus)</em></span>
</div>
<div class="icon" id="counter-minus-uneven" name="Uneven Minus Counter">
<span><i class="ms ms-counter-minus-uneven ms-2x"></i> Minus (Uneven) <em>(counter-minus-uneven)</em></span>
</div>
<div class="icon" id="counter-muster" name="Muster Counter">
<span><i class="ms ms-counter-muster ms-2x"></i> Muster <em>(counter-muster)</em></span>
</div>
<div class="icon" id="counter-paw" name="Paw Counter">
<span><i class="ms ms-counter-paw ms-2x"></i> Paw <em>(counter-paw)</em></span>
</div>
<div class="icon" id="counter-pin" name="Pin Counter">
<span><i class="ms ms-counter-pin ms-2x"></i> Pin <em>(counter-pin)</em></span>
</div>
<div class="icon" id="counter-plus" name="Plus Counter">
<span><i class="ms ms-counter-plus ms-2x"></i> Plus <em>(counter-plus)</em></span>
</div>
<div class="icon" id="counter-rad" name="Rad Counter">
<span><i class="ms ms-counter-rad ms-2x"></i> Rad <em>(counter-rad)</em></span>
</div>
<div class="icon" id="counter-plus-uneven" name="Uneven Plus Counter">
<span><i class="ms ms-counter-plus-uneven ms-2x"></i> Plus (Uneven) <em>(counter-plus-uneven)</em></span>
</div>
<div class="icon" id="counter-scream" name="Scream Counter">
<span><i class="ms ms-counter-scream ms-2x"></i> Scream <em>(counter-scream)</em></span>
</div>
<div class="icon" id="counter-skeleton" name="Skeleton Counter">
<span><i class="ms ms-counter-skeleton ms-2x"></i> Skeleton <em>(counter-skeleton)</em></span>
</div>
<div class="icon" id="counter-skull" name="Skull Counter">
<span><i class="ms ms-counter-skull ms-2x"></i> Skull <em>(counter-skull)</em></span>
</div>
<div class="icon" id="counter-slime" name="Slime Counter">
<span><i class="ms ms-counter-slime ms-2x"></i> Slime <em>(counter-slime)</em></span>
</div>
<div class="icon" id="counter-time" name="Time Counter">
<span><i class="ms ms-counter-time ms-2x"></i> Time <em>(counter-time)</em></span>
</div>
<div class="icon" id="counter-verse" name="Verse Counter">
<span><i class="ms ms-counter-verse ms-2x"></i> Verse <em>(counter-verse)</em></span>
</div>
<div class="icon" id="counter-void" name="Void Counter">
<span><i class="ms ms-counter-void ms-2x"></i> Void <em>(counter-void)</em></span>
</div>
<div class="icon" id="counter-vortex" name="Vortex Counter">
<span><i class="ms ms-counter-vortex ms-2x"></i> Vortex <em>(counter-vortex)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Arena Exclusive Counters</h4>
<div class="icons">
<div class="icon" id="counter-damage" name="Marked for Damage">
<span><i class="ms ms-counter-damage ms-2x"></i> Damaged <em>(counter-damage)</em></span>
</div>
<div class="icon" id="counter-shield" name="Shield Counter">
<span><i class="ms ms-counter-shield ms-2x"></i> Shield <em>(counter-shield)</em></span>
</div>
<div class="icon" id="counter-stun" name="Stun Counter">
<span><i class="ms ms-counter-stun ms-2x"></i> Stun <em>(counter-stun)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Print/Punch-out Counters</h4>
<div class="icons">
<div class="icon" id="counter-brick-print" name="Brick">
<span><i class="ms ms-counter-brick-print ms-2x"></i> Brick <em>(counter-brick-print)</em></span>
</div>
<div class="icon" id="counter-charge-print" name="Charge">
<span><i class="ms ms-counter-charge-print ms-2x"></i> Charge <em>(counter-charge-print)</em></span>
</div>
<div class="icon" id="counter-deathtouch" name="Deathtouch">
<span><i class="ms ms-counter-deathtouch ms-2x"></i> Deathtouch <em>(counter-deathtouch)</em></span>
</div>
<div class="icon" id="counter-finality" name="Finality">
<span><i class="ms ms-counter-finality ms-2x"></i> Finality <em>(counter-finality)</em></span>
</div>
<div class="icon" id="counter-goad" name="Deathtouch">
<span><i class="ms ms-counter-goad ms-2x"></i> Goad <em>(counter-goad)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Arena Ability Symbols</h4>
<div class="icons">
<div class="icon" id="activated" name="Activated Ability">
<span><i class="ms ms-ability-activated"></i> Activated <em>(ability-activated)</em></span>
</div>
<div class="icon" id="adamant" name="Adamant">
<span><i class="ms ms-ability-adamant"></i> Adamant <em>(ability-adamant)</em></span>
</div>
<div class="icon" id="adapt" name="Adapt">
<span><i class="ms ms-ability-adapt"></i> Adapt <em>(ability-adapt)</em></span>
</div>
<div class="icon" id="addendum" name="Addendum">
<span><i class="ms ms-ability-addendum"></i> Addendum <em>(ability-addendum)</em></span>
</div>
<div class="icon" id="adventure" name="Adventure">
<span><i class="ms ms-ability-adventure"></i> Adventure <em>(ability-adventure)</em></span>
</div>
<div class="icon" id="afflict" name="Afflict">
<span><i class="ms ms-ability-afflict"></i> Afflict <em>(ability-afflict)</em></span>
</div>
<div class="icon" id="afterlife" name="Afterlife">
<span><i class="ms ms-ability-afterlife"></i> Afterlife <em>(ability-afterlife)</em></span>
</div>
<div class="icon" id="aftermath" name="Aftermath">
<span><i class="ms ms-ability-aftermath"></i> Aftermath <em>(ability-aftermath)</em></span>
</div>
<div class="icon" id="alliance" name="Alliance">
<span><i class="ms ms-ability-alliance"></i> Alliance <em>(ability-alliance)</em></span>
</div>
<div class="icon" id="amass" name="Amass">
<span><i class="ms ms-ability-amass"></i> Amass <em>(ability-amass)</em></span>
</div>
<div class="icon" id="amass-orcs" name="Amass Orcs">
<span><i class="ms ms-ability-amass-orcs"></i> Amass Orcs <em>(ability-amass-orcs)</em></span>
</div>
<div class="icon" id="ascend" name="Ascend">
<span><i class="ms ms-ability-ascend"></i> Ascend <em>(ability-ascend)</em></span>
</div>
<div class="icon" id="backup" name="Backup">
<span><i class="ms ms-ability-backup"></i> Backup <em>(ability-backup)</em></span>
</div>
<div class="icon" id="bargain" name="Bargain">
<span><i class="ms ms-ability-bargain"></i> Bargain <em>(ability-bargain)</em></span>
</div>
<div class="icon" id="blitz" name="Blitz">
<span><i class="ms ms-ability-blitz"></i> Blitz <em>(ability-blitz)</em></span>
</div>
<div class="icon" id="boast" name="Boast">
<span><i class="ms ms-ability-boast"></i> Boast <em>(ability-boast)</em></span>
</div>
<div class="icon" id="case-solved" name="Case Solved">
<span><i class="ms ms-ability-case-solved"></i> Case Solved <em>(ability-case-solved)</em></span>
</div>
<div class="icon" id="case-solved-print" name="Case Solved (Print)">
<span><i class="ms ms-ability-case-solved-print"></i> Case Solved (Print) <em>(ability-case-solved-print)</em></span>
</div>
<div class="icon" id="casualty" name="Casualty">
<span><i class="ms ms-ability-casualty"></i> Casualty <em>(ability-casualty)</em></span>
</div>
<div class="icon" id="changeling" name="Changeling">
<span><i class="ms ms-ability-changeling"></i> Changeling <em>(ability-changeling)</em></span>
</div>
<div class="icon" id="celebration" name="Celebration">
<span><i class="ms ms-ability-celebration"></i> Celebration <em>(ability-celebration)</em></span>
</div>
<div class="icon" id="channel" name="Channel">
<span><i class="ms ms-ability-channel"></i> Channel <em>(ability-channel)</em></span>
</div>
<div class="icon" id="cleave" name="Cleave">
<span><i class="ms ms-ability-cleave"></i> Cleave <em>(ability-cleave)</em></span>
</div>
<div class="icon" id="cloak" name="Cloak">
<span><i class="ms ms-ability-cloak"></i> Cloak <em>(ability-cloak)</em></span>
</div>
<div class="icon" id="collect-evidence" name="Collect Evidence">
<span><i class="ms ms-ability-collect-evidence"></i> Collect Evidence <em>(ability-collect-evidence)</em></span>
</div>
<div class="icon" id="companion" name="Companion">
<span><i class="ms ms-ability-companion"></i> Companion <em>(ability-companion)</em></span>
</div>
<div class="icon" id="constellation" name="Constellation">
<span><i class="ms ms-ability-constellation"></i> Constellation <em>(ability-constellation)</em></span>
</div>
<div class="icon" id="convoke" name="Convoke">
<span><i class="ms ms-ability-convoke"></i> Convoke <em>(ability-convoke)</em></span>
</div>
<div class="icon" id="convoke-original" name="Convoke (Original)">
<span><i class="ms ms-ability-convoke-original"></i> Convoke (Original) <em>(ability-convoke-original)</em></span>
</div>
<div class="icon" id="corrupted" name="Corrupted">
<span><i class="ms ms-ability-corrupted"></i> Corrupted <em>(ability-corrupted)</em></span>
</div>
<div class="icon" id="coven" name="Coven">
<span><i class="ms ms-ability-coven"></i> Coven <em>(ability-coven)</em></span>
</div>
<div class="icon" id="craft" name="Craft">
<span><i class="ms ms-ability-craft"></i> Craft <em>(ability-craft)</em></span>
</div>
<div class="icon" id="crime" name="Crime">
<span><i class="ms ms-ability-crime"></i> Crime <em>(ability-crime)</em></span>
</div>
<div class="icon" id="d20" name="D20">
<span><i class="ms ms-ability-d20"></i> D20 <em>(ability-d20)</em></span>
</div>
<div class="icon" id="day-night" name="Day/Night">
<span><i class="ms ms-ability-day-night"></i> Day/Night <em>(ability-day-night)</em></span>
</div>
<div class="icon" id="daybound-nightbound" name="Daybound/Nightbound">
<span><i class="ms ms-ability-daybound-nightbound"></i> Daybound/Nightbound <em>(ability-daybound-nightbound)</em></span>
</div>
<div class="icon" id="deathtouch" name="Deathtouch">
<span><i class="ms ms-ability-deathtouch"></i> Deathtouch <em>(ability-deathtouch)</em></span>
</div>
<div class="icon" id="decayed" name="Decayed">
<span><i class="ms ms-ability-decayed"></i> Decayed <em>(ability-decayed)</em></span>
</div>
<div class="icon" id="defender" name="Defender">
<span><i class="ms ms-ability-defender"></i> Defender <em>(ability-defender)</em></span>
</div>
<div class="icon" id="delve" name="Delve">
<span><i class="ms ms-ability-delve"></i> Delve <em>(ability-delve)</em></span>
</div>
<div class="icon" id="descend" name="Descend">
<span><i class="ms ms-ability-descend"></i> Descend <em>(ability-descend)</em></span>
</div>
<div class="icon" id="devotion" name="Devotion">
<span><i class="ms ms-ability-devotion"></i> Devotion <em>(ability-devotion)</em></span>
</div>
<div class="icon" id="discover" name="Discover">
<span><i class="ms ms-ability-discover"></i> Discover <em>(ability-discover)</em></span>
</div>
<div class="icon" id="disguise" name="Disguise">
<span><i class="ms ms-ability-disguise"></i> Disguise <em>(ability-disguise)</em></span>
</div>
<div class="icon" id="disturb" name="Disturb">
<span><i class="ms ms-ability-disturb"></i> Disturb <em>(ability-disturb)</em></span>
</div>
<div class="icon" id="domain" name="Domain">
<span><i class="ms ms-ability-domain"></
gitextract_ciu4qj8p/
├── .gitignore
├── CHANGELOG.md
├── README.md
├── css/
│ └── mana.css
├── docs/
│ ├── CNAME
│ ├── assets/
│ │ └── docs.css
│ ├── attributes.html
│ ├── cheatsheet.html
│ ├── fonts/
│ │ └── beleren.otf
│ ├── icons.html
│ └── index.html
├── index.html
├── less/
│ ├── colors.less
│ ├── core.less
│ ├── cost.less
│ ├── dfc.less
│ ├── duo.less
│ ├── extras.less
│ ├── icons.less
│ ├── loyalty.less
│ ├── mana.less
│ ├── path.less
│ ├── sizes.less
│ └── variables.less
├── package.json
└── sass/
├── _aliases.scss
├── _colors.scss
├── _core.scss
├── _cost.scss
├── _dfc.scss
├── _duo.scss
├── _extras.scss
├── _icons.scss
├── _loyalty.scss
├── _path.scss
├── _sizes.scss
├── _variables.scss
└── mana.scss
Condensed preview — 38 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (460K chars).
[
{
"path": ".gitignore",
"chars": 28,
"preview": ".idea\n.DS_Store\nnode_modules"
},
{
"path": "CHANGELOG.md",
"chars": 15812,
"preview": "# Changelog\n\nAll notable changes to this project will be documented in this file.\n\n## Unreleased\n\n* v2.0 updates to add "
},
{
"path": "README.md",
"chars": 4135,
"preview": "# Mana v1.18.0\n\n## The Magic: the Gathering mana symbol font!\n\n**View the [documentation site](https://mana.andrewgioia."
},
{
"path": "css/mana.css",
"chars": 54267,
"preview": "@font-face {\n font-family: \"Mana\";\n src: url(\"../fonts/mana.eot?v=1.18.0\");\n src: url(\"../fonts/mana.eot?#iefix&v=1.1"
},
{
"path": "docs/CNAME",
"chars": 20,
"preview": "mana.andrewgioia.com"
},
{
"path": "docs/assets/docs.css",
"chars": 6787,
"preview": "@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');\n@font-face {\n font-family: 'Beler"
},
{
"path": "docs/attributes.html",
"chars": 21110,
"preview": "<head>\n <meta charset=\"utf-8\" />\n <meta http-equiv=\"X-UA-Compatible\" content=\"chrome=1\" />\n <title>Attributes a"
},
{
"path": "docs/cheatsheet.html",
"chars": 50272,
"preview": "<head>\n <meta charset=\"utf-8\" />\n <meta http-equiv=\"X-UA-Compatible\" content=\"chrome=1\" />\n <title>Icon Cheatsh"
},
{
"path": "docs/icons.html",
"chars": 103535,
"preview": "<head>\n <meta charset=\"utf-8\" />\n <meta http-equiv=\"X-UA-Compatible\" content=\"chrome=1\" />\n <title>Mana Icons |"
},
{
"path": "docs/index.html",
"chars": 6371,
"preview": "<!doctype html>\n<html>\n<head>\n <meta charset=\"utf-8\" />\n <meta http-equiv=\"X-UA-Compatible\" content=\"chrome=1\" />\n"
},
{
"path": "index.html",
"chars": 46781,
"preview": "<!doctype html>\n<html>\n<head>\n <meta charset=\"utf-8\" />\n <meta http-equiv=\"X-UA-Compatible\" content=\"chrome=1\" />\n"
},
{
"path": "less/colors.less",
"chars": 9878,
"preview": "// color indicator circles\n\n.@{ms-prefix}-ci {\n\n // base styles\n border-radius: 100%;\n box-shadow: inset 0 0 1p"
},
{
"path": "less/core.less",
"chars": 396,
"preview": "// base\n\n.@{ms-prefix} {\n display: inline-block;\n font: normal normal normal @ms-font-size-base/1 Mana;\n font-s"
},
{
"path": "less/cost.less",
"chars": 19710,
"preview": "// cost style\n\n.@{ms-prefix}-cost {\n\n // Base cost styles\n background-color: @ms-base-colorless;\n border-radius"
},
{
"path": "less/dfc.less",
"chars": 137,
"preview": "// double faced cards\n\n.@{ms-prefix}-dfc {\n color: #111;\n border: .05em solid #111;\n border-radius: 2em;\n pa"
},
{
"path": "less/duo.less",
"chars": 2230,
"preview": "// dual-layered symbol handling\n\n.@{ms-prefix}-duo {\n\n // base border styles\n &::after {\n color: #000;\n "
},
{
"path": "less/extras.less",
"chars": 167,
"preview": "// evergreen ability coloring\n.@{ms-prefix}-mechanic {\n background: @ms-ability-grad;\n -webkit-background-clip: te"
},
{
"path": "less/icons.less",
"chars": 18106,
"preview": "// symbols\n\n.@{ms-prefix} {\n\n // resources\n &-w::before { content: \"\\e600\"; }\n &-w-original::before { content: "
},
{
"path": "less/loyalty.less",
"chars": 8937,
"preview": "/**\n * planeswalker and other loyalty symbols */\n\n.@{ms-prefix}-loyalty {\n\n // all\n &-up,\n &-down,\n &-zero,\n"
},
{
"path": "less/mana.less",
"chars": 242,
"preview": "@import \"variables.less\";\n@import \"path.less\";\n@import \"core.less\";\n@import \"icons.less\";\n@import \"cost.less\";\n@import \""
},
{
"path": "less/path.less",
"chars": 992,
"preview": "// fonts\n\n@font-face {\n font-family: 'Mana';\n src:url( '@{ms-font-path}/mana.eot?v=@{ms-version}' );\n src:url( "
},
{
"path": "less/sizes.less",
"chars": 304,
"preview": "/*\n * Larger sizes */\n\n.@{ms-prefix}-2x { font-size: 1.75em; }\n.@{ms-prefix}-3x { font-size: 2.25em; }\n.@{ms-prefix}-4x "
},
{
"path": "less/variables.less",
"chars": 676,
"preview": "// base variables\n@ms-font-path: '../fonts';\n@ms-version: '1.16.0';\n@ms-font-size-base: 14px;\n@ms-prefix: ms;\n@ms-serif-"
},
{
"path": "package.json",
"chars": 1128,
"preview": "{\n \"name\": \"mana-font\",\n \"version\": \"1.18.0\",\n \"description\": \"Magic: the Gathering mana symbol pictographic font\",\n "
},
{
"path": "sass/_aliases.scss",
"chars": 9071,
"preview": "@use \"variables\";\n@use \"colors\";\n@use \"icons\";\n\n// color indicator convenience classes\n.#{variables.$ms-prefix}-ci {\n\n "
},
{
"path": "sass/_colors.scss",
"chars": 7976,
"preview": "@use \"variables\";\n\n// color indicator circles\n\n.#{variables.$ms-prefix}-ci {\n\n // base styles\n border-radius: 100%"
},
{
"path": "sass/_core.scss",
"chars": 598,
"preview": "@use \"variables\";\n\n// base\n.#{variables.$ms-prefix} {\n display: inline-block;\n font: normal normal normal variable"
},
{
"path": "sass/_cost.scss",
"chars": 9186,
"preview": "@use \"variables\";\n\n// costs\n\n.#{variables.$ms-prefix}-cost {\n\n background-color: variables.$ms-base-colorless;\n bo"
},
{
"path": "sass/_dfc.scss",
"chars": 171,
"preview": "@use \"variables\";\n\n// double-faced specifics\n\n.#{variables.$ms-prefix}-dfc {\n color: #111;\n border: .05em solid #1"
},
{
"path": "sass/_duo.scss",
"chars": 2312,
"preview": "@use \"variables\";\n\n.#{variables.$ms-prefix}-duo {\n\n // base border styles\n &::after {\n color: #000;\n "
},
{
"path": "sass/_extras.scss",
"chars": 177,
"preview": "@use \"variables\";\n\n.#{variables.$ms-prefix}-mechanic {\n background: variables.$ms-ability-grad;\n -webkit-backgroun"
},
{
"path": "sass/_icons.scss",
"chars": 24145,
"preview": "@use \"variables\";\n\n// symbols\n\n.#{variables.$ms-prefix} {\n\n // resources\n &-w::before { content: \"\\e600\"; }\n &-"
},
{
"path": "sass/_loyalty.scss",
"chars": 8098,
"preview": "@use \"variables\";\n\n/**\n * planeswalker and other loyalty symbols */\n\n.#{variables.$ms-prefix}-loyalty {\n\n // all\n "
},
{
"path": "sass/_path.scss",
"chars": 1231,
"preview": "@use \"variables\";\n\n// fonts\n\n@font-face {\n font-family: 'Mana';\n src:url( '#{variables.$ms-font-path}/mana.eot?v=#"
},
{
"path": "sass/_sizes.scss",
"chars": 376,
"preview": "@use \"variables\";\n\n// sizes\n\n.#{variables.$ms-prefix}-2x { font-size: 1.75em; }\n.#{variables.$ms-prefix}-3x { font-size:"
},
{
"path": "sass/_variables.scss",
"chars": 758,
"preview": "// base variables\n$ms-font-path: '../fonts' !default;\n$ms-version: '1.18.0' !default;\n$ms-font-size-base: 14px !default;"
},
{
"path": "sass/mana.scss",
"chars": 170,
"preview": "@use \"variables\";\n@use \"path\";\n@use \"core\";\n@use \"icons\";\n@use \"cost\";\n@use \"loyalty\";\n@use \"dfc\";\n@use \"sizes\";\n@use \"d"
}
]
// ... and 1 more files (download for full content)
About this extraction
This page contains the full source code of the andrewgioia/Mana GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 38 files (426.1 KB), approximately 135.1k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.