body{margin:5px;padding:0}header{background-color:gray;margin-bottom:10px;font-family:Arial,sans-serif;font-size:1em;display:table;width:100%}header nav{display:table-row}header ul{padding:0 10px;margin:0}header input{background-color:gray}header li{display:table-cell;white-space:nowrap;padding:20px 0;margin:0 15px}header li.fill{width:100%}header li.li-header{padding-right:20px}header li.current-page{background-color:#cbcbcb}header a,header h1,header li{color:#1d1d1d;vertical-align:middle}header nav a{padding:5px 5px;text-decoration:none;cursor:pointer}footer{background-color:gray;font-family:Arial,sans-serif;font-size:1em;display:table;width:100%;padding:10px 0}footer .privacy-policy{float:left}footer .donate-form{float:right}footer .donate-form input{background-color:transparent}.card{border:1px solid #000;border-radius:4px;padding:0;margin:0;overflow:hidden;font-size:10px;position:relative;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.card:hover .set{width:21px}.card:hover .subfaction{left:25px}.card:hover .subfaction img{width:21px}.set{background-color:#696969;position:absolute;top:12px;left:0;width:12px;margin:1px 1px;border-radius:25%;box-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.subfaction{position:absolute;top:12px;left:15px}.subfaction img{width:12px;margin:1px 1px;border-radius:10px;box-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.level{position:absolute;bottom:0;left:50%;margin:1px -8px;width:16px}.commander .level{left:auto;right:0;margin:1px 0}.commander .portrait{border:solid;border-width:5px;color:gold;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:-2px 0 #000,0 5px #000,1px 0 #000,0 -1px #000}.fusion{position:absolute;bottom:0;left:50%;margin:1px -14px;width:28px}.faction{position:absolute;min-height:10px;bottom:0;width:100%;z-index:0;border-top:solid;border-width:.1em;border-color:grey}.aether .faction{background-color:#4682b4}.chaos .faction{background-color:maroon}.wyld .faction{background-color:#556b2f}.void .faction{background-color:purple}.factionless .faction{background-color:grey}.aether.commander{background-image:linear-gradient(steelblue,#000)}.chaos.commander{background-image:linear-gradient(maroon,#000)}.wyld.commander{background-image:linear-gradient(darkolivegreen,#000)}.void.commander{background-image:linear-gradient(purple,#000)}.factionless.commander{background-image:linear-gradient(grey,#000)}img[src='Error.src']{display:none}.card-name{position:absolute;font-weight:700;white-space:nowrap;color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:100%}.card-name:hover{overflow:inherit;-ms-text-overflow:inherit;-o-text-overflow:inherit;text-overflow:inherit;white-space:inherit;z-index:100;color:#000;text-shadow:none;border-bottom:solid;border-width:1px;background-color:#fff}.card-id{display:none}.card-name:hover .card-id{display:block}.card-attack,.card-health,.delay,.multiplier{position:absolute;font-weight:700;width:12px;text-align:center;color:#fff;z-index:99;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}.card .multiplier{left:auto;right:4px;top:50%;width:initial}.item.card .multiplier{top:82%}.card img.multiplier{width:30px;height:18px;right:-2px;top:48%}.item.card img.multiplier{top:80%}.weight{position:absolute;font-weight:700;width:12px;text-align:center;color:#fff;z-index:99;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;right:0;width:50px;height:18px}.item.card .weight{top:22%}.item.card img.weight{top:20%}.card-attack{left:4px;bottom:7px;border:none;box-shadow:none;-ms-transform:rotate(-11deg);-webkit-transform:rotate(-11deg);-moz-transform:rotate(-11deg);-o-transform:rotate(-11deg);transform:rotate(-11deg)}.card .attack{position:absolute;z-index:98;left:0;width:20px;bottom:0}.card.commander .health{left:0}.card-health{right:5px;bottom:6px;-ms-transform:rotate(7deg);-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg)}.card .health{position:absolute;z-index:98;right:0;width:20px;bottom:2px}.commander .card-health{left:3px}.card .delay{left:auto;right:4px;top:4px;margin:initial}.field .card .delay{position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px}.card .timer{position:absolute;z-index:98;top:0;right:0;left:auto;width:20px}.field .card .timer{position:absolute;z-index:98;top:50px;left:32px;width:20px}.increased{color:#90ee90}.imbued{color:#1e90ff}.decreased{color:red}.card-skills-short{position:absolute;bottom:0;width:100%;height:40px;text-align:center;background-image:linear-gradient(0,rgba(0,0,0,.9),rgba(0,0,0,.8) 80%,rgba(0,0,0,.7) 85%,rgba(0,0,0,0))}.card-skills-short img{margin-top:12px;width:12px}.card-skills-detailed{position:absolute;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;bottom:0;padding:10px 20px 22px 13px;left:0;text-align:left;background-image:linear-gradient(0,rgba(0,0,0,.9),rgba(0,0,0,.8) 80%,rgba(0,0,0,.7) 85%,rgba(0,0,0,0));color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;white-space:nowrap}.card-skills-detailed img{width:12px}.card-skills{visibility:hidden}.card-skills img{width:12px}.card-skills-short:hover~.card-skills,.card-skills:hover{position:absolute;width:90%;height:auto;bottom:13px;border:solid;border-color:grey;background-color:#fff;border-radius:5px;z-index:99;visibility:visible}.card-statuses img{width:12px}.hidden{position:absolute;font-weight:700;padding:1px;top:13px;width:100%;text-align:center}.card-statuses,.card-statuses:hover,.hidden:hover~.card-statuses{position:absolute;top:13px;width:90%;border:solid;background-color:#fff;border-radius:5px;z-index:100;visibility:visible}.card-buffs,.card-debuffs{border:solid;border-radius:5px}.card-buffs{border-color:green}.card-debuffs{border-color:red}.left{-ms-transform:rotate(-7deg) translate(0,5px);-webkit-transform:rotate(-7deg) translate(0,5px);-moz-transform:rotate(-7deg) translate(0,5px);-o-transform:rotate(-7deg) translate(0,5px);transform:rotate(-7deg) translate(0,5px)}.right{-ms-transform:rotate(7deg) translate(0,5px);-webkit-transform:rotate(7deg) translate(0,5px);-moz-transform:rotate(7deg) translate(0,5px);-o-transform:rotate(7deg) translate(0,5px);transform:rotate(7deg) translate(0,5px)}.hand .card{margin-left:2px;margin-right:2px}.float-left{display:block}.hand{position:relative;left:80px}.field{width:100%;display:inline-block;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.field .float-left{border-top-style:solid;border-bottom-style:solid;padding:5px;height:120px;margin-bottom:5px}.float-left .card{width:84px;height:120px;margin:2px;display:inline-block;vertical-align:top}.float-left .spacer{float:left;height:100%;border:solid;border-width:1px;margin-right:5px}.inactive i{-webkit-filter:blur(1px) grayscale(70%);filter:blur(1px) grayscale(70%)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.inactive i{box-shadow:inset 0 0 0 42px rgba(0,0,0,.75)}}.frozen:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;opacity:.4;background-color:#0ff;z-index:1000}.item-image{position:absolute;width:48px;left:18px;top:34px}.overlay{font:100% Helvetica,sans-serif;color:gray;height:100%;width:100%;position:absolute;z-index:999;left:0;top:0;overflow-y:visible;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}.overlay .overlay-fog{position:absolute;top:0;left:0;width:0;height:0;box-shadow:0 0 0 9999px rgba(0,0,0,.75);border-radius:5px}.overlay .overlay-content{position:relative;top:0;padding:10px 0;background-color:#000;background-color:rgba(0,0,0,.5);width:100%;text-align:center}.overlay .overlay a:focus,.overlay a:hover{color:#f1f1f1}.overlay a.disabled{opacity:.5;pointer-events:none;cursor:default}.overlay a.button{color:gray;border:outset #cbcbcb;background-color:#e2e2e2;border-radius:5px;border-width:3px;padding:5px 10px;margin:5px 15px;border-style:outset;text-decoration:none}.overlay .overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}.modal{display:none;position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;background-color:rgba(255,255,255,.8);z-index:1000}.modal span{font-size:24px;font-weight:700;display:inline-block;margin-top:200px}body.loading{overflow:hidden}body.loading .modal{display:block}