@font-face{font-family:SketchGothic;src:url(/static/font/sketchgothicschool.ttf)}@font-face{font-family:casino_handregular;src:url(../font/casino_hand-webfont.eot);src:url(../font/casino_hand-webfont.eot?#iefix) format("embedded-opentype"),url(../font/casino_hand-webfont.woff) format("woff"),url(../font/casino_hand-webfont.ttf) format("truetype"),url(../font/casino_hand-webfont.svg#casino_handregular) format("svg");font-weight:400;font-style:normal}sub{font-size:1.2rem;bottom:1.2rem}.button{border-radius:100px}.section{padding:1rem 0 2rem;text-align:center}.section-description,.section-heading{margin-bottom:1.2rem}.hero{text-align:center;font-size:2.8rem;font-family:SketchGothic,Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif}.hero-images{position:relative}.hero-image{position:relative;max-width:80%;margin:3rem auto -12rem}.hero-image+.hero-image{display:none}.subtitle{text-align:center;padding-bottom:3rem}.subtitle::after{content:"Just a DnD encounter builder and combat tracker, clean and simple."}.disabled{color:grey;pointer-events:none}tr{height:24px}tr.selected{background-color:rgba(128,128,128,.3)}h1.gothic,h2.gothic,h3.gothic,h4.gothic,h5.gothic,h6.gothic{font-family:SketchGothic,Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center}hr{display:block;border:0;height:52px;background-image:url(/static/img/sep0.png);background-repeat:no-repeat;background-position:center}.tooltip{position:relative;display:inline-block;cursor:pointer;vertical-align:middle}.tooltip .tooltiptext{visibility:hidden;background-color:#f9f4db;color:#000;box-shadow:3px 3px 3px 1px rgba(0,0,0,.3);text-align:center;padding:5px 0;border-radius:6px;font-size:1.2rem;text-align:left;padding:6px;position:absolute;z-index:1;font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;margin-left:10px;line-height:1.3}.tooltip .tooltiptext img{float:right;max-height:30%;max-width:30%;border-radius:6px}.tooltip .tooltiptext::after{content:"";position:absolute;left:-10px;top:5px;bottom:auto;border-width:10px 10px 10px 0;border-style:solid;display:block;width:0;border-color:transparent #f9f4db}.tooltip .conditiontooltiptext{visibility:hidden;width:130px;background-color:#f9f4db;color:#000;box-shadow:3px 3px 3px 1px rgba(0,0,0,.3);text-align:center;padding:5px 0;border-radius:6px;font-size:1.2rem;text-align:left;padding:6px;position:absolute;z-index:1;font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;margin-left:10px}.tooltip .conditiontooltiptext img{float:right;max-height:30%;max-width:30%;border-radius:6px}.tooltip .conditiontooltiptext p{margin-bottom:.2rem;-webkit-transition:transform .25s ease-in-out;-moz-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.tooltip .conditiontooltiptext p:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.tooltip .conditiontooltiptext::after{content:"";position:absolute;left:-10px;top:5px;bottom:auto;border-width:10px 10px 10px 0;border-style:solid;display:block;width:0;border-color:transparent #f9f4db}.primary-nav a{cursor:pointer}.primary-nav p{text-align:center}.primary-nav i{-webkit-transition:transform .25s ease-in-out;-moz-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.primary-nav i:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fffef0;margin:10% auto;padding:20px;border:1px solid #0f5a0f;width:80%}.modal-content p{font-size:2.8rem}.close{color:#aaa;float:right;font-size:28px;font-weight:700;-webkit-transition:transform .25s ease-in-out;-moz-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.close:focus,.close:hover{color:#0f5a0f;text-decoration:none;cursor:pointer;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}#addCharacter{height:0;max-height:100px;transition:height .25s ease-in-out}#addCharacter.show{height:100px}#addMonster{height:0;overflow:hidden;transition:height .25s ease-in-out}#addMonster.show{height:auto;overflow:auto}.monsterInfo{font-size:80%}#characters{margin-top:25px}#monsters{margin-top:25px}#creature{padding-top:20px}#creature:hover{background-color:#f3ecda}#creatureInfo{font-size:80%}#creatureInfo img{max-width:100%}#combat{height:0;transition:height .15s ease-in-out}#combat.show{height:auto}#footer{font-size:1.1rem;margin-top:25px}#parchment{position:absolute;display:flex;width:75%;min-height:80%;top:0;left:50%;transform:translate(-50%,0);margin:2em 0;padding:4em;box-shadow:4px 5px 20px #000,0 0 125px #8f5922 inset;background:#fffef0;filter:url(#wavy2);z-index:-9999}#sparkles{position:absolute;left:0;bottom:0;display:none}#nav{padding-bottom:3rem;transition-property:all;transition-duration:1s;transform:rotateX(0);transform-origin:top}#content{position:relative}.content1{height:0;overflow:hidden;transition-property:height;transition-duration:2s;perspective:1000px;transform-style:preserve-3d}.content2{-webkit-transition:opacity 2s ease-in;-moz-transition:opacity 2s ease-in;-ms-transition:opacity 2s ease-in;-o-transition:opacity 2s ease-in;transition:opacity 2s ease-in;opacity:0}.content3{height:56px;transition-property:all;transition-duration:2s;transform:rotateX(-90deg);transform-origin:top}.encounter-link{color:#0f5a0f;cursor:pointer}.encounter-link i{-webkit-transition:transform .25s ease-in-out;-moz-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}.encounter-link i:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.tour-banner{font-family:casino_handregular,Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:4rem}.tour-banner a{border:1px solid #111;border-radius:8px;color:#fff;background-color:#0f5a0f;padding:8px 12px}.tour-banner a:hover{color:#0f5a0f;background-color:#fff}.introjs-overlay{pointer-events:none}.introjs-helperLayer{pointer-events:none;mix-blend-mode:overlay!important}#combatTurnAdvance{position:fixed;bottom:5%;right:5%;z-index:9999999}.defeated{background-color:rgba(255,0,0,.2)}.dead p{text-decoration:line-through;text-decoration-style:wavy;text-decoration-color:red}.loading{background-color:#fff;background-image:url(/static/img/loading-spinner.gif);background-size:20px 20px;background-position:right center;background-repeat:no-repeat}.difficulty-easy{color:green;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.difficulty-medium{color:#ff0;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.difficulty-hard{color:orange;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.difficulty-deadly{color:red;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}@media(max-width:549px){p{margin-bottom:1.2rem}h4{font-size:1.9rem}.hero{padding-top:2em;font-size:4rem;font-family:SketchGothic,Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif}#addCharacter.show{max-height:500px;height:500px;overflow:hidden}.creatureAc::before{content:"AC: "}.creatureHp::before{content:"HP: "}.creatureInit::before{content:"Init: "}.creatureCond::before{content:"Cond: "}.creatureCr::before{content:"CR: "}.creatureHd::before{content:"Cond: "}.creatureSaves::before{content:"Saves: "}#parchment{height:110%}.subtitle::after{content:"DnD encounter builder and combat tracker."}.tour-banner{font-size:4rem}}.ads div{margin:20px auto}@media (min-width:550px){#managerNav{background-color:#fffef0;z-index:999999}.section{padding:2rem 0 3rem}.hero{padding-bottom:2rem;text-align:center;font-family:SketchGothic,Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif}.phone{position:absolute;top:-7rem;right:3rem;max-height:362px;z-index:3}.phone+.phone{top:-6rem;display:block;max-width:73.8%;right:0;z-index:2;max-height:338px}.hero-heading{font-size:5.4rem}#parchment{width:70%}.tour-banner{font-size:4rem}}@media (min-width:750px){.hero-heading{font-size:5.6rem}.section{padding:2rem 0 3rem}.hero{padding:3rem 0 4rem}.section-description{max-width:60%;margin-left:auto;margin-right:auto}.phone{top:-14rem;right:5rem;max-height:510px}.phone+.phone{top:-12rem;max-height:472px}.categories{padding:3rem 0 2rem}#parchment{width:80%}.tour-banner{font-size:4.5rem}}@media (min-width:1000px){.section{padding:3rem 0 2rem}.hero{padding:4rem 0}.hero-heading{font-size:10rem}.phone{top:-16rem;max-height:615px}.phone+.phone{top:-14rem;max-height:570px}#parchment{width:85%}}