body{margin:0}#deckbuilder{background:#000;color:rgba(255,255,255,0.85);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:'Source Sans Pro','Open Sans','Helvetica','Arial',sans-serif;font-size:13px;height:100%;margin:0;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;}#deckbuilder *::-webkit-scrollbar{background:rgba(255,255,255,0.15);height:10px;width:10px}#deckbuilder *::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.15)}#deckbuilder a{color:#00b7ff}#deckbuilder input{font-family:inherit;font-size:inherit}#deckbuilder .gradient-free,#deckbuilder .gradient-common{background:-webkit-radial-gradient(rgba(255,255,255,0.2), transparent);background:-moz-radial-gradient(rgba(255,255,255,0.2), transparent);background:-o-radial-gradient(rgba(255,255,255,0.2), transparent);background:-ms-radial-gradient(rgba(255,255,255,0.2), transparent);background:radial-gradient(rgba(255,255,255,0.2), transparent)}#deckbuilder .gradient-rare{background:-webkit-radial-gradient(rgba(0,112,221,0.2), transparent);background:-moz-radial-gradient(rgba(0,112,221,0.2), transparent);background:-o-radial-gradient(rgba(0,112,221,0.2), transparent);background:-ms-radial-gradient(rgba(0,112,221,0.2), transparent);background:radial-gradient(rgba(0,112,221,0.2), transparent)}#deckbuilder .gradient-epic{background:-webkit-radial-gradient(rgba(163,53,238,0.2), transparent);background:-moz-radial-gradient(rgba(163,53,238,0.2), transparent);background:-o-radial-gradient(rgba(163,53,238,0.2), transparent);background:-ms-radial-gradient(rgba(163,53,238,0.2), transparent);background:radial-gradient(rgba(163,53,238,0.2), transparent)}#deckbuilder .gradient-legendary{background:-webkit-radial-gradient(rgba(255,128,0,0.2), transparent);background:-moz-radial-gradient(rgba(255,128,0,0.2), transparent);background:-o-radial-gradient(rgba(255,128,0,0.2), transparent);background:-ms-radial-gradient(rgba(255,128,0,0.2), transparent);background:radial-gradient(rgba(255,128,0,0.2), transparent)}#deckbuilder .header{border-bottom:1px solid rgba(255,255,255,0.15);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;line-height:40px;padding:0 2em;}#deckbuilder .header a{color:inherit;text-decoration:none;}#deckbuilder .header a:hover{color:#fff}#deckbuilder .header h1{font-size:1em;letter-spacing:1px;margin:0;text-transform:uppercase}#deckbuilder .header p{margin:0}#deckbuilder .header input{margin:0 0 0 1em;vertical-align:middle}#deckbuilder .header span{margin:0 0 0 1em}#deckbuilder .header label{margin:0 0 0 .25em}#deckbuilder .header .author{color:#696969}#deckbuilder .content{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto}#deckbuilder .builder{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}#deckbuilder .heroes{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 auto 0 auto;text-align:center;width:420px;}#deckbuilder .heroes ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin:0 auto;padding:0}#deckbuilder .heroes li{cursor:pointer;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin:10px;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);overflow:hidden;position:relative;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}#deckbuilder .heroes li:hover{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}#deckbuilder .heroes li:hover .name{-webkit-transition:all 0.2s 0.2s;-moz-transition:all 0.2s 0.2s;-o-transition:all 0.2s 0.2s;-ms-transition:all 0.2s 0.2s;transition:all 0.2s 0.2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#deckbuilder .heroes li:active{-webkit-transform:scale(.97);-moz-transform:scale(.97);-o-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}#deckbuilder .heroes a{color:inherit;text-decoration:none}#deckbuilder .heroes img{display:block;visibility:hidden;}#deckbuilder .heroes img.loaded{border-radius:50%;-webkit-animation:fadeInRotateInY 1s;-moz-animation:fadeInRotateInY 1s;-o-animation:fadeInRotateInY 1s;-ms-animation:fadeInRotateInY 1s;animation:fadeInRotateInY 1s;visibility:visible}#deckbuilder .heroes .name{background:rgba(0,0,0,0.5);bottom:0;color:#fff;display:block;font-weight:bold;left:0;padding:.5em 0;position:absolute;right:0;text-shadow:0 0 1px #000;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}#deckbuilder .heroes button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;outline:none;padding:0;}#deckbuilder .heroes button:hover{color:#fff}#deckbuilder .heroes p{padding:0 10px;text-align:right}#deckbuilder .cards{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;text-align:center;-webkit-transition:background-image 0.2s;-moz-transition:background-image 0.2s;-o-transition:background-image 0.2s;-ms-transition:background-image 0.2s;transition:background-image 0.2s;}#deckbuilder .cards h1{margin-top:2em;margin-bottom:0}#deckbuilder .cards img{display:block;pointer-events:none}#deckbuilder .cards li{cursor:pointer;display:block;margin:0;padding:0;position:relative;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-ms-transition:opacity 0.2s;transition:opacity 0.2s;z-index:0}#deckbuilder .cards li:hover:before{bottom:0;-webkit-box-shadow:0 0 12px 6px #fff;box-shadow:0 0 12px 6px #fff;content:'';left:0;margin:20px;margin-bottom:23px;margin-top:53px;position:absolute;right:0;top:0;z-index:-1}#deckbuilder .cards li:active{-webkit-transform:scale(.98);-moz-transform:scale(.98);-o-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}#deckbuilder .cards li.unavailable{cursor:default;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}#deckbuilder .cards li.unavailable:active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}#deckbuilder .cards ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}#deckbuilder .deck{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-left:1px solid rgba(255,255,255,0.15);width:240px;}#deckbuilder .deck ul{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;list-style-type:none;margin:0;overflow:hidden;overflow-y:auto;padding:0}#deckbuilder .deck li{-webkit-animation:rotateIn 1s;-moz-animation:rotateIn 1s;-o-animation:rotateIn 1s;-ms-animation:rotateIn 1s;animation:rotateIn 1s;background:#111;-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#aaa;display:block;line-height:30px;margin:0;position:relative;}#deckbuilder .deck li.common{color:#fff}#deckbuilder .deck li.rare{color:#0070dd}#deckbuilder .deck li.epic{color:#a335ee}#deckbuilder .deck li.legendary{color:#ff8000}#deckbuilder .deck li:hover:after{background:rgba(255,255,255,0.1);content:'';height:100%;left:0;position:absolute;top:0;width:100%}#deckbuilder .deck .image{background-position:50% 25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:50%;height:100%;top:0;width:50%;}#deckbuilder .deck .image:after{background-image:-webkit-linear-gradient(0deg, #111, transparent);background-image:-moz-linear-gradient(0deg, #111, transparent);background-image:-o-linear-gradient(0deg, #111, transparent);background-image:-ms-linear-gradient(0deg, #111, transparent);background-image:linear-gradient(90deg, #111, transparent);content:'';height:100%;left:0;position:absolute;top:0;width:100%}#deckbuilder .deck .content{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:relative}#deckbuilder .deck .mana{background:#15a;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;text-align:center;width:30px}#deckbuilder .deck .name{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;padding:0 10px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#deckbuilder .deck .count{background:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#ffd700;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:30px;padding:0 10px;text-align:center}#deckbuilder .mana-curve{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:60px;margin:0;padding:5px 10px 5px 9px;}#deckbuilder .mana-curve > div{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative}#deckbuilder .mana-curve .bar{background:#f90;bottom:0;border-left:1px solid #000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;-webkit-transition:height 0.4s;-moz-transition:height 0.4s;-o-transition:height 0.4s;-ms-transition:height 0.4s;transition:height 0.4s;width:100%}#card-tooltip{position:absolute;width:200px;height:303px}@-moz-keyframes rotateIn{from{-webkit-transform:perspective(1000px) rotateX(90deg);-moz-transform:perspective(1000px) rotateX(90deg);-o-transform:perspective(1000px) rotateX(90deg);-ms-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}to{-webkit-transform:perspective(1000px) rotateX(0);-moz-transform:perspective(1000px) rotateX(0);-o-transform:perspective(1000px) rotateX(0);-ms-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@-webkit-keyframes rotateIn{from{-webkit-transform:perspective(1000px) rotateX(90deg);-moz-transform:perspective(1000px) rotateX(90deg);-o-transform:perspective(1000px) rotateX(90deg);-ms-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}to{-webkit-transform:perspective(1000px) rotateX(0);-moz-transform:perspective(1000px) rotateX(0);-o-transform:perspective(1000px) rotateX(0);-ms-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@-o-keyframes rotateIn{from{-webkit-transform:perspective(1000px) rotateX(90deg);-moz-transform:perspective(1000px) rotateX(90deg);-o-transform:perspective(1000px) rotateX(90deg);-ms-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}to{-webkit-transform:perspective(1000px) rotateX(0);-moz-transform:perspective(1000px) rotateX(0);-o-transform:perspective(1000px) rotateX(0);-ms-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@keyframes rotateIn{from{-webkit-transform:perspective(1000px) rotateX(90deg);-moz-transform:perspective(1000px) rotateX(90deg);-o-transform:perspective(1000px) rotateX(90deg);-ms-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}to{-webkit-transform:perspective(1000px) rotateX(0);-moz-transform:perspective(1000px) rotateX(0);-o-transform:perspective(1000px) rotateX(0);-ms-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@-moz-keyframes fadeInRotateInY{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:perspective(1000px) rotateY(90deg);-moz-transform:perspective(1000px) rotateY(90deg);-o-transform:perspective(1000px) rotateY(90deg);-ms-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}to{opacity:1;-ms-filter:none;filter:none;-webkit-transform:perspective(1000px) rotateY(0);-moz-transform:perspective(1000px) rotateY(0);-o-transform:perspective(1000px) rotateY(0);-ms-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@-webkit-keyframes fadeInRotateInY{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:perspective(1000px) rotateY(90deg);-moz-transform:perspective(1000px) rotateY(90deg);-o-transform:perspective(1000px) rotateY(90deg);-ms-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}to{opacity:1;-ms-filter:none;filter:none;-webkit-transform:perspective(1000px) rotateY(0);-moz-transform:perspective(1000px) rotateY(0);-o-transform:perspective(1000px) rotateY(0);-ms-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@-o-keyframes fadeInRotateInY{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:perspective(1000px) rotateY(90deg);-moz-transform:perspective(1000px) rotateY(90deg);-o-transform:perspective(1000px) rotateY(90deg);-ms-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}to{opacity:1;-ms-filter:none;filter:none;-webkit-transform:perspective(1000px) rotateY(0);-moz-transform:perspective(1000px) rotateY(0);-o-transform:perspective(1000px) rotateY(0);-ms-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@keyframes fadeInRotateInY{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:perspective(1000px) rotateY(90deg);-moz-transform:perspective(1000px) rotateY(90deg);-o-transform:perspective(1000px) rotateY(90deg);-ms-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}to{opacity:1;-ms-filter:none;filter:none;-webkit-transform:perspective(1000px) rotateY(0);-moz-transform:perspective(1000px) rotateY(0);-o-transform:perspective(1000px) rotateY(0);-ms-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}