diff --git a/src/components/portal/Single/Mugic.js b/src/components/portal/Single/Mugic.js
index 997acb3..f8a3ea7 100644
--- a/src/components/portal/Single/Mugic.js
+++ b/src/components/portal/Single/Mugic.js
@@ -59,7 +59,11 @@ export default class SingleMugic extends React.Component {
       return(<PageNotFound location={this.props.location}/>);
     }
 
-    // TODO mugic card details
+    let cost = [];
+    for (let i = 0; i < card_data.gsx$cost; i++) {
+      cost.push(<img key={i} className="icon" src={"/src/img/icons/mugic/"+tribe.toLowerCase()+".png"} alt="mugic counter"/>);
+    }
+
     // TODO mugic splash art
     return (
       <div className={tribe.toLowerCase()}>
@@ -76,10 +80,40 @@ export default class SingleMugic extends React.Component {
           {mugic.gsx$details}
         </div>
         <hr />
+        <div>
+          <strong>Card ID: </strong>
+          {card_data.gsx$cardid}
+        </div>
+        <hr />
+        <div>
+          <strong>Set: </strong>
+          {card_data.gsx$set}
+        </div>
+        <hr />
+        <div>
+          <strong>Rarity: </strong>
+          {card_data.gsx$rarity}
+        </div>
+        <hr />
         <div>
           <strong>Tribe: </strong>
           <img className="icon" style={{width: "20px"}} src={"/src/img/icons/tribes/"+tribe.toLowerCase()+".png"}></img>{tribe}
         </div>
+        <hr />
+        <div>
+          <strong>Cost: </strong>
+          {cost}
+        </div>
+        <hr />
+        <div>
+          <strong>Ability:</strong><br />
+          {card_data.gsx$ability}
+        </div>
+        <hr />
+        <div>
+          <strong>Flavortext:</strong><br />
+          {card_data.gsx$flavortext}
+        </div>
       </div>
     );
   }
diff --git a/src/img/icons/mugic/danian.png b/src/img/icons/mugic/danian.png
new file mode 100644
index 0000000..2c754b9
Binary files /dev/null and b/src/img/icons/mugic/danian.png differ
diff --git a/src/img/icons/mugic/m'arrillian.png b/src/img/icons/mugic/m'arrillian.png
new file mode 100644
index 0000000..ed7bd33
Binary files /dev/null and b/src/img/icons/mugic/m'arrillian.png differ
diff --git a/src/img/icons/mugic/mipedian.png b/src/img/icons/mugic/mipedian.png
new file mode 100644
index 0000000..18e7e28
Binary files /dev/null and b/src/img/icons/mugic/mipedian.png differ
diff --git a/src/img/icons/mugic/overworld.png b/src/img/icons/mugic/overworld.png
new file mode 100644
index 0000000..efcec8d
Binary files /dev/null and b/src/img/icons/mugic/overworld.png differ
diff --git a/src/img/icons/mugic/underworld.png b/src/img/icons/mugic/underworld.png
new file mode 100644
index 0000000..1e23cda
Binary files /dev/null and b/src/img/icons/mugic/underworld.png differ