Need help?
Johan (BCHR-077) - Chronicles Foreign Black Border
$0.00
Shipping calculated at checkout.
MTG-BCHR-077-J1QYU2QKJX-1
Quantity
<div class="trove-card-description__details">
<div class="trove-card-detail">
<label>Casting Cost</label><div>
<img class="mtg-icon" src="https://c2.scryfall.com/file/scryfall-symbols/card-symbols/3.svg"><img class="mtg-icon" src="https://c2.scryfall.com/file/scryfall-symbols/card-symbols/R.svg"><img class="mtg-icon" src="https://c2.scryfall.com/file/scryfall-symbols/card-symbols/G.svg"><img class="mtg-icon" src="https://c2.scryfall.com/file/scryfall-symbols/card-symbols/W.svg">
</div>
</div>
<div class="trove-card-detail">
<label>Card Type</label>Legendary Creature — Human Wizard</div>
<div class="trove-card-detail">
<label>Rarity</label>Rare</div>
<div class="trove-card-detail">
<label>Artist</label>Mark Tedin</div>
<div class="trove-card-detail">
<label>Power/Toughness</label>5/4</div>
<div class="trove-card-detail" style="justify-content: space-between;}">
<label>Legalities</label>
<a href="#" onclick="toggleLegality()">
<svg class="legalities-closed d-block" style="width:24px;height:24px" viewbox="0 0 24 24"><path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path></svg>
<svg class="legalities-open d-none" style="width:24px;height:24px" viewbox="0 0 24 24"><path fill="currentColor" d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"></path></svg>
</a>
</div>
<div class="trove-card-detail d-none" id="trove-card-detail-legalities"><div class="row">
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Standard</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Future</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Historic</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Timeless</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Gladiator</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Pioneer</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Modern</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Legacy</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Pauper</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Vintage</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Penny</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Commander</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Oathbreaker</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Standardbrawl</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Brawl</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Alchemy</div>
<div class="col-6">
<div class="badge badge-not-legal">NOT LEGAL</div>Pauper Commander</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Duel</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Oldschool</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Premodern</div>
<div class="col-6">
<div class="badge badge-legal">LEGAL</div>Predh</div>
</div></div>
<div class="trove-card-detail trove-card-detail--summary"><div>At the beginning of combat on your turn, you may have Johan gain "Johan can't attack" until end of combat. If you do, attacking doesn't cause creatures you control to tap this combat if Johan is untapped.</div></div>
</div>
<script>
function toggleLegality(e) {
var element = document.getElementById("trove-card-detail-legalities")
var closed = document.querySelector(".legalities-closed")
var open = document.querySelector(".legalities-open")
if (element.classList.contains('d-none')) {
element.classList.add("d-block")
closed.classList.add("d-none")
open.classList.add("d-block")
element.classList.remove("d-none")
closed.classList.remove("d-block")
open.classList.remove("d-none")
}
else {
element.classList.add("d-none")
closed.classList.add("d-block")
open.classList.add("d-none")
element.classList.remove("d-block")
closed.classList.remove("d-none")
open.classList.remove("d-block")
}
}
</script>
<style>
.trove-card-description__details .d-none {
display: none!important;
}
.trove-card-description__details .d-block {
display: block!important;
}
.trove-card-description__details .row {
display: flex;
flex-wrap: wrap;
}
.trove-card-description__details .col-6 {
flex: 0 0 50%;
max-width: 50%;
display: flex;
}
.trove-card-description__details .badge {
display: inline-block;
padding: 0.25rem 0.5rem;
text-align: center;
margin: 0 0.5rem 0.5rem 0;
width: 130px;
flex: 0 0 130px;
border-radius: 0;
}
.trove-card-description__details a {
font-size: 1rem;
}
.trove-card-description__details .badge-legal {
background-color: #6B6B6B;
color: white;
}
.trove-card-description__details .badge-not-legal {
background-color: #BBBBBB;
color: white;
}
.trove-card-description__details .legality-status {
display: inline-block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: 28px;
}
.trove-card-description__details .mtg-icon {
width: 16px;
height: 16px;
}
.trove-card-description__details .trove-card-detail {
display: flex;
align-items: center;
padding: 0.5rem 0.5rem 0.5rem 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.trove-card-description__details .trove-card-detail trove-card-detail--summary {
display: flex;
flex-direction: column;
padding: 0.5rem 0.5rem 0.5rem 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.trove-card-description__details .trove-card-detail label {
font-weight: 600;
width: 160px;
flex: 0 0 160px;
margin-bottom: 0;
}
</style>
Explore similar cards
Select a detail to search Trove’s catalog without leaving the website.
Johan (BCHR-077) - Chronicles Foreign Black Border
Near Mint
$0.00
