:root{--font-size: 20px}body{margin:0;padding:0;background:url(//dvboxcdn.com/backgrounds/grass.jpg);font-family:Aclonica,sans-serif;font-size:var(--font-size)}body.eerie{background:url(//dvboxcdn.com/themes/eerie.webp)}body.fire{background:url(//dvboxcdn.com/themes/fire.webp)}body.spooky{background:url(//dvboxcdn.com/themes/spooky.webp)}body.sun{background:url(//dvboxcdn.com/themes/sun.webp)}body.water{background:url(//dvboxcdn.com/themes/water.webp)}body.wonderland{background:url(//dvboxcdn.com/themes/wonderland.webp)}body.submerged{background:url(//dvboxcdn.com/skies/submerged.webp);background-attachment:fixed;background-position:center;background-size:cover;background-repeat:no-repeat}.slate{background:url(//dvboxcdn.com/backgrounds/slate.jpg);color:#fff;text-shadow:-1px -1px 5px black}.slate a{color:#deffff}.sandbox{background:url(//dvboxcdn.com/backgrounds/sandstone.jpg)}table{margin:2ex auto;font-size:var(--font-size)}th{font-weight:400;background:#000;color:#fff}table.list tr:hover td{background:#deffde}.linkish{cursor:pointer}.rifty{background:url(//dvboxcdn.com/backgrounds/rifty.jpg);color:#fff}.rifty td{color:#fff}.rifty table.list tr:hover td{background:#210021}.rifty a{color:#ccf}div.help_icon{position:absolute;right:2em;z-index:2;margin:0;border:2px solid black;border-radius:50%;padding:.25ex;width:1em;height:1em;background:url(//dvboxcdn.com/backgrounds/slate.jpg);text-align:center;color:#fff;cursor:pointer}div.dragon-cards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}div.dragon-cards>*{margin:1em 1ex;flex:initial;width:175px}div.dragon-cards div.card{scroll-margin-top:6ex}div.precis{margin:2ex auto;border:2px solid #808080;border-radius:1ex}div.gists{display:flex}div.gists div{margin:.5ex 0em}div.gists>div{margin:1ex 2em}div.gists div.image{flex-basis:25%;display:flex;justify-content:center;align-items:center}div.gists div.flags{flex-basis:25%;display:flex;align-items:center}div.gists div.info{flex-basis:50%}div.precis div.name h3{margin:0;font-size:120%;font-weight:700}div.controls{margin:2ex auto;border:2px solid #808080;border-radius:1ex;background:#00000012}div.controls div.controls{margin:2ex 2em}div.controls h2,div.controls p{text-align:center}div.controls div.row{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;margin:1ex auto}div.controls div.row.breakable{flex-wrap:wrap}div.controls div.row>*{margin:.5ex .5em;flex:initial}div.controls div.field{display:flex;align-items:center}div.controls div.field>*{margin:0 .5em;flex:initial}div.controls input{border:none;border-radius:5px;font-family:Aclonica,sans-serif;font-size:var(--font-size);width:15em}div.controls select{border:1px solid;border-radius:5px;font-family:Aclonica,sans-serif;font-size:var(--font-size)}div.controls button{border:none;border-radius:5px;font-family:Aclonica,sans-serif;font-size:var(--font-size)}.input{position:relative;display:inline-block;margin:0 auto;border:none;border-radius:4px;background:#fcfff4;background:linear-gradient(to bottom,#fcfff4,#dfe5d7 40%,#b3bead);box-shadow:inset 0 1px 1px #fff,0 1px 3px #00000080}.input+.input{margin-left:1em}.input button{margin:calc(var(--font-size) * .2);box-shadow:inset 0 1px 1px #00000080,0 1px #fff;padding:3px 1em;background:#222;background:linear-gradient(to bottom,#222,#45484d);color:#fff}.input button:hover{color:#3c3}.input button:active{transform:scale(.96)}.input button:disabled{color:#333;cursor:not-allowed}.input button.active{color:#3c3}.input input{margin:calc(var(--font-size) * .2);box-shadow:inset 0 1px 1px #00000080,0 1px #fff;padding:3px 1em;background:#222;background:linear-gradient(to bottom,#222,#45484d);color:#3ff}.checkbox{width:calc(var(--font-size) * 1.4);height:calc(var(--font-size) * 1.4)}.checkbox label{position:absolute;left:calc(var(--font-size) * .2);top:calc(var(--font-size) * .2);transition:left .2s;margin:0!important;width:var(--font-size);height:var(--font-size);background:#222;background:linear-gradient(to bottom,#222,#45484d);box-shadow:inset 0 1px 1px #00000080,0 1px #fff;cursor:pointer}.checkbox label:after{content:"";position:absolute;left:calc(var(--font-size) * .2);top:calc(var(--font-size) * .2);border:3px solid #33ff33;border-top:none;border-right:none;width:calc(var(--font-size) * .45);height:calc(var(--font-size) * .25);background:transparent;opacity:0;rotate:-45deg}.checkbox label:hover:after{opacity:.3}.checkbox input[type=checkbox]{visibility:hidden}.checkbox input[type=checkbox]:checked+label:after{opacity:1}.slider{width:calc(var(--font-size) * 2.4)}.slider label:after{content:"<";position:absolute;left:0;top:0;border:none;width:var(--font-size);height:var(--font-size);text-align:center;opacity:1;color:#fcfff4;rotate:0deg;transition:rotate .2s}.slider label:hover:after{opacity:1}.slider input[type=checkbox]:checked+label{position:absolute;left:calc(var(--font-size) * 1.2)}.slider input[type=checkbox]:checked+label:after{rotate:180deg}