#qualities h2,#title h1,#title h2,.buttons button,body,h1{font-family:Caudex,serif}#mid_panel,#page,body{padding:0;margin:0}#page,#title,body,p{margin:0}@font-face{font-family:Caudex;font-style:normal;font-weight:400;src:local('Caudex'),url(https://fonts.gstatic.com/s/caudex/v6/03NMplHkN8ROgyklztlsOQ.ttf) format('truetype')}@font-face{font-family:Caudex;font-style:normal;font-weight:700;src:local('Caudex Bold'),local('Caudex-Bold'),url(https://fonts.gstatic.com/s/caudex/v6/7-zMWCNNzmNM428U56wMq6CWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Caudex;font-style:italic;font-weight:400;src:local('Caudex Italic'),local('Caudex-Italic'),url(https://fonts.gstatic.com/s/caudex/v6/K5QBFHw80aDkL3kZuzhkSfesZW2xOQ-xsNqO47m55DA.ttf) format('truetype')}@font-face{font-family:Caudex;font-style:italic;font-weight:700;src:local('Caudex Bold Italic'),local('Caudex-BoldItalic'),url(https://fonts.gstatic.com/s/caudex/v6/_KqFrbEZy5WPWJPByz6OJJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}html{font-size:18px}body{background:fixed #ffffe0;font-size:1rem;line-height:1.6em;overflow-y:scroll;color:rgba(0,0,0,.8)}h1{font-size:2rem;letter-spacing:2px;margin:1em 0;text-align:center;font-weight:400}p{-webkit-transition:text-indent .25s ease;transition:text-indent .25s ease}#content p{text-indent:2rem;line-height:1.6rem;margin-bottom:.5rem}#content h1{margin:0 0 1rem;font-weight:700;border-bottom:1px solid #000;line-height:3rem}#content h1+p{text-indent:0}#page{position:relative}#mid_panel{width:100%}#content,#title,#title .label,.tools{border-radius:2px}#title{width:100%;background:linear-gradient(rgba(170,160,144,.9),rgba(170,160,144,.8)),url(../img/marble_paper.jpg);cursor:pointer;border-radius:0;box-shadow:1px 1px 1px 1px rgba(0,0,0,.2)}#title .label{overflow:hidden;padding:3rem 0;margin:auto;max-width:32rem;position:relative}#title .click_message,#title .noscript_message{position:absolute;left:0;right:0;bottom:0;font-style:italic}#title h1{font-size:6rem;line-height:1em;font-weight:700;text-shadow:1px 1px 1px #fff;padding:0;border-bottom:none;margin:1rem 0}#title h2{font-size:1.25rem;font-weight:700;text-align:center;margin:0;text-shadow:1px 1px 1px rgba(255,255,255,.5)}#title .click_message,#title h3{font-size:1rem;font-weight:700;text-align:center}#title h3{margin:1.1em 0 0}#title .click_message{display:none;text-shadow:1px 1px 10px #fff}.segue,ul.options li a{transition:color .2s ease-in;text-shadow:0 0 8px rgba(128,0,64,.6)}#title .noscript_message{font-size:.9em;text-align:center}#content_wrapper{max-width:32rem;position:relative;margin:2rem auto 4rem;padding:0;display:none;overflow:auto;border-radius:.2rem}span.drop+p{text-indent:-.4em}#info_panel #legal p+p,#info_panel p+p{text-indent:0}hr{border:none;background-color:rgba(128,128,128,.5);margin:-1px 0 -1px -2.8em;width:1em;height:1px;float:left;animation:fadeIn .8s both ease-in-out;-webkit-animation:fadeIn .8s both ease-in-out;display:none}p+hr{display:block}#content_library,#menu,#toolbar,#tools_wrapper,#ui_library{display:none}.segue{color:#800040}.segue:hover{color:#b3005a}ul{margin:0;padding:0 0 0 1em}ul.options{padding:0;margin-top:.5em;margin-bottom:.7em;list-style-type:none}ul.options li{border-bottom:1px solid rgba(255,255,255,.3);padding:.1rem;line-height:1rem;text-align:center}ul.options li a{color:#800040}#info_panel #legal p,#info_panel #legal p a,#info_panel #legal:hover p,#info_panel #legal:hover p a{transition:color .25s ease-in-out}ul.options li a:hover{color:#b3005a}ul.options li:hover{background:linear-gradient(to right,rgba(192,192,192,0) 0,rgba(192,192,192,0) 30%,rgba(192,192,192,.5) 50%,rgba(192,192,192,0) 70%,rgba(192,192,192,0) 100%);cursor:pointer}ul.options li:last-child{border-bottom:none}h1:first-child{margin-top:0}a{color:#400080;text-decoration:none;font-weight:700;border-bottom:1px solid transparent;transition:color .1s ease-in}#qualities h2,.progress_bar .name,.tools h1{font-weight:400}a.raw{border-bottom:1px dashed #400080}a:hover{color:#5900b3}img{float:right;margin:1.1em 0 1.1em 1.1em}img.float_left{float:left;margin:1.1em 1.1em 1.1em 0}#tools_wrapper{position:fixed;width:100%;max-width:56em;top:2.2em;left:0;right:0;margin:0 auto;z-index:1000}.tools{padding:.6em;width:9rem}.tools p{font-size:.95em;line-height:1.5em}.tools.left{float:left;left:.4em}.tools.right{float:right;right:.4em}.tools h1{font-size:1.5rem;padding-bottom:0;margin-bottom:0}.buttons{margin-top:.6em;text-align:center}.buttons button{font-size:.8em;background:#606060;color:#f0f0f0;border:none;padding:.3em 1em;cursor:pointer;border-radius:2px}.buttons button:hover{background:#939393}.buttons button[disabled],.buttons button[disabled]:hover{background:#2d2d2d;color:#606060;cursor:default}.buttons button+button{margin-left:.2rem}#info_panel #legal{position:fixed;bottom:0;left:0;max-width:33em;margin:0;padding-left:1rem;padding-bottom:.5rem;display:none}#info_panel #legal p{font-size:.6rem;line-height:.6rem;margin-bottom:.5rem;color:#d0d0d0}#info_panel #legal p a{color:#f3e6ff}#info_panel #legal:hover p{color:#404040}#info_panel #legal:hover p a{color:#400080}#character{font-size:.9rem;line-height:1.4em}#character_text,#qualities .quality{position:relative;clear:both;overflow:hidden;margin:0 -.25em;padding:0 .25em}#character_text{margin-bottom:.6em}#character_text_content{position:relative;z-index:100}#qualities span{position:relative;z-index:100;display:block}#qualities span.name{float:left}#qualities span.value,.progress_bar .value{float:right}#g_inventory .qualities_in_group div .name{width:100%}#g_inventory .qualities_in_group div .value{width:90%}.highlight{background:rgba(255,255,255,.75);position:absolute;left:-4px;right:-4px;top:0;bottom:0}#qualities h2{margin:.5em 0 .25em;font-size:1.5rem;border-bottom:1px solid rgba(0,0,0,.5);text-align:left}.progress_bar{position:relative;left:-2em;margin:0}.progress_bar_track{z-index:100;background:rgba(0,0,0,.1);height:.75em;width:26.6em;clear:both}.progress_bar_color{background:#FF9800;width:0;height:.75em}.progress_bar span{z-index:100}.progress_bar .left_label{float:left}.progress_bar .right_label{float:right}#info_panel p{font-style:italic;font-size:.8rem;margin-bottom:.8rem}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.new{color:#000;animation:fadeIn .8s both ease-in-out;-webkit-animation:fadeIn .8s both ease-in-out}#content .banner{border-left:1px solid #000;padding-left:1rem;padding-bottom:1rem}#content .banner h1{border-bottom:none;text-align:left;font-size:4rem;line-height:4rem;font-weight:700}#content .banner h2{font-size:1rem;line-height:1.25rem;margin:0}@media screen and (max-width:715px){#page,#title{width:100%;margin:0}#character_panel,#info_panel,#menu{display:none}#menu,#menu-button{background:#303030}#title,#title .label,.tools{box-shadow:none}#info_panel,#menu,#mid_panel,#page,#title,#toolbar .nav,body{margin:0}body{line-height:1.5rem;-webkit-text-size-adjust:none}#page{padding-top:48px}#title{padding:0;max-width:100%}#title h1{font-size:3rem;line-height:4rem}#title .label{font-size:.65em;max-width:80%;padding:2em}#tools_wrapper{position:static;display:block}.tools{position:relative;width:auto}#menu,#toolbar{position:fixed;left:0;right:0}.tools.left{left:0}#info_panel{width:100%;padding:0}#content_wrapper{width:auto;padding:2em;border-radius:0}#content{font-size:16px;line-height:1.5em}#content h1{margin-bottom:1rem}#toolbar{z-index:300;top:0;height:36px;padding:8px;overflow:hidden;background:#202020}#toolbar h1{float:left;font-weight:400;font-size:22px;margin:8px 0 0;padding:0 10px;color:#fc6}#toolbar .nav{float:right}.icon-menu{width:1.5rem;height:1.5rem}.menubars{fill:#a0a0a0}#menu{top:52px;font-size:16px;z-index:200;list-style-type:none;padding:10px 0 0;box-shadow:2px 2px 0 0 rgba(0,0,0,.4)}#menu li{align:center;border-bottom:1px solid rgba(0,0,0,.25)}#menu li a{color:#f0f0f0}#menu li a:active{color:#fff}#menu-button{position:relative;display:block;width:1rem;height:1rem;padding:.25rem;border-radius:2px;text-align:center;color:#000;content:""}#menu-button:hover{background:#505050}#menu-button:active{background:#505050;box-shadow:none}#menu-button img{padding:0;margin:0;width:100%;height:100%}#menu a{display:block;padding:10px 20px}#info_panel #legal{position:relative;float:none;margin-top:30vh}#info_panel #legal p{text-align:center;color:rgba(0,0,0,.8)}#info_panel #legal p a{color:#400080}.buttons{margin-top:2rem}}