#title h2,h1{text-align:center}#content_wrapper,#title .label{background:#fafafa;border-right:1px solid #e1e1e1;box-shadow:1px 1px 1px 1px rgba(0,0,0,.25),1px 0 2px 0 rgba(0,0,0,.1)}#title .click_message,hr{display:none}#content_wrapper,#title,#title .label,.tools,img{box-shadow:1px 1px 1px 1px rgba(0,0,0,.25),1px 0 2px 0 rgba(0,0,0,.1)}@font-face{font-family:'Noto Serif';font-style:normal;font-weight:400;src:local('Noto Serif'),local('NotoSerif'),url(http://fonts.gstatic.com/s/notoserif/v4/eCpfeMZI7q4jLksXVRWPQy3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:'Noto Serif';font-style:normal;font-weight:700;src:local('Noto Serif Bold'),local('NotoSerif-Bold'),url(http://fonts.gstatic.com/s/notoserif/v4/lJAvZoKA5NttpPc9yc6lPfEr6Hm6RMS0v1dtXsGir4g.ttf) format('truetype')}@font-face{font-family:'Noto Serif';font-style:italic;font-weight:400;src:local('Noto Serif Italic'),local('NotoSerif-Italic'),url(http://fonts.gstatic.com/s/notoserif/v4/HQXBIwLHsOJCNEQeX9kNz4nF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}html{font-size:14pt}body{background:fixed #78909C;font-family:'Noto Serif',serif;font-size:1rem;line-height:1.6em;overflow-y:scroll;color:rgba(0,0,0,.9)}#qualities h2,#title h1,#title h2,h1{font-family:'Arima Madurai',cursive}h1{font-size:2.5rem;letter-spacing:2px;margin:1em 0;font-weight:400}p{margin:0;-webkit-transition:text-indent .25s ease;transition:text-indent .25s ease}#content p{text-indent:2rem;line-height:1.6rem}#content h1{line-height:2rem}#content h1+p{text-indent:0}#page{margin:0 auto;position:relative}#mid_panel{margin:0 10.5rem}#content,#title,#title .label,.tools{border-radius:2px}#title{max-width:28em;margin:2.2rem auto 1.1rem;padding:2.6rem;cursor:pointer;border-radius:.5rem;background:#5c5c7d;border-bottom:1px solid #464660;border-right:1px solid #464660}#title .label{border-bottom:1px solid #e1e1e1;overflow:hidden;padding:1.5rem;margin:auto;max-width:18rem;position:relative}#title h2,#title h3{margin:1.1em 0 0;font-weight:400}#title h1{font-size:3.25rem;line-height:1em;font-weight:400;padding:0;border-bottom:none;margin:.5rem 0}#title h2{font-size:1.5em}#title h3{font-size:1em;text-align:center}#title .click_message,#title .noscript_message{position:absolute;font-size:.9em;left:0;right:0;text-align:center;bottom:0;font-style:italic}#content_wrapper{border-bottom:1px solid #e1e1e1;max-width:28em;position:relative;margin:.6em auto 1.1em;padding:2.8em;display:none;overflow:auto;border-radius:.2rem}span.drop+p{text-indent:-.4em}#content h1+img+p,#content h1+p,#info_panel p+p,#legal 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 .5s ease-in-out;-webkit-animation:fadeIn .5s ease-in-out}hr a{animation:fadeInA .5s ease-in-out;-webkit-animation:fadeInA .5s ease-in-out}p+hr{display:block}#content h1+img+p:first-line,#content h1+p:first-line{font-weight:400;font-style:italic}#content h1+img+p:first-letter,#content h1+p:first-letter{display:block;width:1rem;height:1rem;position:relative;float:left;font-weight:400;font-style:italic;font-size:2rem;margin-right:-.1rem}#content_library,#legal,#menu,#toolbar,#ui_library{display:none}ul{margin:0;padding:0 0 0 1em}ul.options{padding:0;margin-top:.5em;margin-bottom:.7em;list-style-type:none;border-radius:4px}ul.options li{border-bottom:1px solid rgba(255,255,255,.3);padding:.5em;text-align:center}ul.options li a{color:#a40e65;transition:color .2s ease-in}ul.options li a:hover{color:#d31282}ul.options li:hover{background:linear-gradient(to right,rgba(233,184,249,0) 0,rgba(233,184,249,.8) 50%,rgba(233,184,249,0) 100%);cursor:pointer}ul.options li:last-child{border-bottom:none}h1:first-child{margin-top:0}a{color:#0ea498;text-decoration:none;border-bottom:1px solid transparent;transition:color .1s ease-in}a.raw{border-bottom:1px dashed #0ea498}a:hover{color:#12d3c4}a.asides{color:#a40e65}a.asides:hover{color:#d31282}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;display:none}.tools{padding:.6em;width:9rem;background:#fafafa;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}.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;font-weight:400;padding-bottom:0;margin-bottom:0}.buttons{padding-top:.6em;margin-top:.6em;border-top:1px solid #321;text-align:center}.buttons button{font-size:.8em;background:#20aba0;color:#EDEDDE;border:1px solid rgba(0,0,0,.2);padding:.3em 1em;cursor:pointer;border-radius:2px;box-shadow:rgba(0,0,0,.4) 0 0 2px 0}.buttons button:hover{background:#52dfd4}.buttons button[disabled],.buttons button[disabled]:hover{background:#105550;color:#20aba0;cursor:default}.buttons button+button{margin-left:.3rem}#legal{max-width:33em;margin:1em auto 0;padding-bottom:2.2em}#legal p{font-size:.7rem;line-height:1.3rem;margin-bottom:.5rem;color:#d0d0d0}#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;font-weight:400;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:#5c5c7d;width:0;height:.75em}.progress_bar span{z-index:100}.progress_bar .name{font-weight:400}.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{color:transparent}to{color:#000}}@-webkit-keyframes fadeIn{from{color:transparent}to{color:#000}}@keyframes fadeInA{0%{color:transparentize(#0ea498,1)}100%{color:transparentize(#0ea498,0)}}@-webkit-keyframes fadeInA{from{color:transparentize(#0ea498,1)}to{color:transparentize(#0ea498,0)}}@keyframes fadeInS{0%{color:transparentize(#a40e65,1)}100%{color:#a40e65}}@-webkit-keyframes fadeInS{from{color:transparentize(#a40e65,1)}to{color:#a40e65}}.fade{animation:fadeIn .5s ease-in-out;-webkit-animation:fadeIn .5s ease-in-out}.fade a{animation:fadeInA .5s ease-in-out;-webkit-animation:fadeInA .5s ease-in-out}@media screen and (max-width:715px){#toolbar,.tools{background:#fafafa}#character_panel,#info_panel,#menu{display:none}#menu,#mid_panel,body{margin:0}#title,#title .label,.tools{box-shadow:none}body{line-height:1.5rem;-webkit-text-size-adjust:none}#page{padding-top:1.9em;margin:.5em}#title{margin-top:20px;padding:1em .5em;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}#menu-button,#toolbar{box-shadow:1px 1px 1px 1px rgba(0,0,0,.25),1px 0 2px 0 rgba(0,0,0,.1)}#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;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}#toolbar h1{float:left;font-weight:400;font-size:22px;margin:8px 0 0;padding:0 10px;color:#6cc}#toolbar .nav{float:right;margin:0}.icon-menu{width:1.5rem;height:1.5rem}.menubars{fill:#a0a0a0}#menu{top:52px;font-size:16px;background:#f0f0dd;z-index:200;list-style-type:none;padding:10px 0 0}#menu-button{position:relative;display:block;background:#5c5c7d;border-bottom:1px solid #464660;border-right:1px solid #464660;width:3rem;font-size:1rem;padding:.2rem;border-radius:2px;text-align:center;color:#000}#menu-button:hover{background:#9191ae}#menu-button:active{background:#9191ae;box-shadow:none}#menu li{border-bottom:1px solid rgba(0,0,0,.25)}#menu a{display:block;padding:10px 20px}}