*{box-sizing:border-box}a{color:#440d81}html{margin:0;display:flex;flex-flow:row nowrap;justify-content:center;min-height:100%;font-family:Sans-Serif;background:#bbb}body,main{margin:0;width:100%;display:flex;flex-flow:row nowrap;background:#ddd;justify-content:flex-start}input[type=number]{width:50px}p,ul{margin:0}.hidden{display:none}.title{font-family:Roman,Serif}.table{position:relative;width:100%;height:100%;display:flex;flex-flow:row nowrap;background:#aaa;justify-content:start;padding-left:20px}.mat{box-shadow:0 0 15px 5px #444;width:1050px;display:flex;flex-flow:column nowrap;background:#eee;justify-content:start;align-items:center;gap:15px}.paper{width:1000px}.table2{position:absolute;width:100%;height:100%;left:0;right:0;overflow-x:hidden;pointer-events:none}.main{display:flex;flex-direction:column}.row{display:flex;flex-flow:row nowrap}.roww{display:flex;flex-flow:row wrap}.col{display:flex;flex-flow:column nowrap}.f0{flex:0 0 0px}.f1{flex:1 0 0px}.f2{flex:2 0 0px}.f3{flex:3 0 0px}.f4{flex:4 0 0px}.f5{flex:5 0 0px}.f6{flex:6 0 0px}.f7{flex:7 0 0px}.f8{flex:8 0 0px}.f9{flex:9 0 0px}.f10{flex:10 0 0px}.f11{flex:11 0 0px}.f12{flex:12 0 0px}.f13{flex:13 0 0px}.f14{flex:14 0 0px}.f15{flex:15 0 0px}.f16{flex:16 0 0px}.f17{flex:17 0 0px}.f18{flex:18 0 0px}.f19{flex:19 0 0px}.f20{flex:20 0 0px}.s10{flex:0 0 10px}.g2{gap:2px}.g5{gap:5px}.g10{gap:10px}.g15{gap:15px}.g20{gap:20px}.jspace{justify-content:space-between}.jaround{justify-content:space-around}.jcenter{justify-content:center}.jend{justify-content:flex-end}.astart{align-items:flex-start}.acenter{align-items:center}.astretch{align-items:stretch}.inset{border-top:1px solid rgba(0,0,0,.4);border-left:1px solid rgba(0,0,0,.4);border-radius:0px;white-space:nowrap}.inset-mid{border-top:1px solid rgba(0,0,0,.4)}.inset-hmid{border-left:1px solid rgba(0,0,0,.4)}.inset-header{color:#444;white-space:nowrap}.inset-body{white-space:nowrap}a.compendium{color:#222;text-decoration:none;position:relative}a.compendium-lite{color:#440d81;text-decoration:none;position:relative}.customized{color:blue}a.compendium::before{content:"";position:absolute;left:0;bottom:-1px;width:90%;height:4px;background:rgba(113,73,171,.5)}.disabled{color:#888}.question{margin-top:15px}li:nth-child(1)>.question{margin-top:10px}.answer{margin-top:10px}.heading{margin-top:15px}.nocutoff{padding-bottom:10px}.red-light{color:#bb7d65}.orange-light{color:#a77}.blue-light{color:#5f7ba8}.green-light{color:#7a7}.gray-light{color:#888}.crumb-box{display:flex;flex-flow:column nowrap;align-items:stretch;align-self:stretch}.crumb-shadow{height:6px;background:linear-gradient(to bottom, #888, #eeeeee)}.crumbs{display:flex;flex-flow:row nowrap;align-self:stretch;justify-content:space-between;background-color:#bbb;padding:5px;border-bottom:2px solid #444;box-shadow:0px 15px 10px -10px rgba(0,0,0,.4)}.crumb-name{font-size:120%}.icon{display:flex;align-items:center;font-size:200%}.color-rest{color:#4a3b0d}.color-health{color:#772e2e}.color-mana{color:#702c88}.color-grit{color:#262}.color-exhaustion{color:#4a3b0d}.color-doomed{color:#702c88}.color-empty{color:#999}.sidebar{padding:10px;border-left:2px solid #888;border-right:2px solid #888;border-radius:0px;background:#eee;position:absolute;right:-400px;height:100%;width:400px;box-shadow:0 0 10px 5px rgba(0,0,0,.4);transition:right .2s ease-out;pointer-events:auto}.sidebar.active{right:calc(100% - 100vw)}.sidebar h2{margin-top:0;margin-bottom:0;padding:0}.sidebar h3{margin-top:10px;margin-bottom:0;padding:0}.sidebar p{padding-top:10px}.sidebar ul{padding-left:15px}.sidebar li{margin-top:5px}th,td{vertical-align:top}tr:nth-child(odd){background-color:#c8bfd0}table.doublefield{width:100%;border-collapse:collapse}table.doublefield td:nth-child(3){border-left:5px solid #fff}.scroll-outer{display:flex;min-height:0}.scroll-outer>.scroll-inner{overflow-y:scroll;min-height:0}.infinite{border:1px solid #aaa;display:flex;flex-flow:column nowrap;overflow-y:scroll;padding:4px}.tool{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;flex:0 0 400px;border:1px solid rgba(0,0,0,.4);width:400px;height:100px;font-size:110%;font-family:Sans-Serif}.tool:not(.enabled){background-color:#bbb}.tool.enabled{background-color:#ddd}.tool.enabled:hover{background-color:#e0d0f0}.toolname{color:#222;margin-left:20px}.tool>a>.filler{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.character{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;border:1px solid rgba(0,0,0,.4);flex:0 0 322px;height:60px;font-family:Sans-Serif}.character:not(.enabled){background-color:#bbb}.character.enabled{background-color:#ddd}.character.enabled:hover{background-color:#e0d0f0}.character .edit-link,.delete-link{z-index:5;margin-bottom:5px;text-decoration:none}.character .edit-link{margin-left:5px}.character .delete-link{color:#900;margin-right:5px}.character-name{color:#222;font-size:110%;font-weight:500;margin-left:5px;margin-top:5px}.character-name>a>.filler{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.sheet{font-family:Sans-Serif}.body-left{flex:0 0 320px;justify-content:flex-start}.attr-box{flex:0 0 80px;width:80px;height:80px;justify-content:center;align-items:center}.tla{color:#444;font-size:110%;font-weight:bold;font-family:Serif}.attr-value{font-size:110%}.open-dot{color:#666;font-weight:bold}.closed-dot{color:#666;font-weight:bold}.skill-value{display:inline-block;text-align:right;width:25px}.skill-label{color:#444}.attr-banner-1{position:relative;border-top:1px solid #111;border-bottom:1px solid #111;background-color:#ddd;font-size:90%;margin:5px 0 0 0;padding:2px 0 2px 5px;color:#222;white-space:nowrap;text-transform:uppercase}.attr-banner-1:after{content:"";background-color:#ddd;border-right:1px solid #888;border-top:1px solid #888;transform:translateY(7.5%) translateX(50%) scale(1.19, 1.19) rotate(45deg);position:absolute;right:0px;top:3px;height:13px;width:13px}.skills{padding-left:5px}.skills-knowledge-header{padding:4px 0 2px 10px;color:#444;white-space:nowrap;font-size:80%;font-family:Sans-Serif;text-transform:uppercase}.flat-box{position:relative;padding-top:5px;padding-left:5px;padding-right:5px;border-left:2px solid #888;border-right:2px solid #888}.flat-box .flat-box-inner{position:relative;border:2px solid #888;padding:8px 8px}.flat-box-pri{padding-bottom:5px;border-top:2px solid #888;border-bottom:2px solid #888;margin-bottom:10px}.flat-box-mig{border-top:2px solid #888}.flat-box-agi{padding-bottom:5px;border-bottom:2px solid #888;margin-bottom:10px}.flat-box-cha{border-top:2px solid #888}.flat-box-int{padding-bottom:5px;border-bottom:2px solid #888}.fancy{position:relative;padding:5px;border:2px solid #888}.fancy:before,.fancy:after{content:"•";line-height:10px;position:absolute;width:10px;height:10px;font-size:14px;color:#888;border:2px solid #888;top:5px;text-align:center}.fancy:before{left:5px}.fancy:after{right:5px}.fancy .fancy-inner{position:relative;border:2px solid #888;padding:8px 22px}.fancy .fancy-inner:before,.fancy .fancy-inner:after{content:"•";line-height:10px;position:absolute;width:10px;height:10px;font-size:14px;color:#888;border:2px solid #888;bottom:-2px;text-align:center}.fancy .fancy-inner:before{left:-2px}.fancy .fancy-inner:after{right:-2px}.fancy .fancy-inner.logo-r{padding:8px 22px 8px 35px}.fancy-inset{white-space:nowrap}.fancy-inset-header{color:#444;white-space:nowrap;font-size:80%;font-family:Sans-Serif;text-transform:uppercase}.fancy-inset-mid{margin-top:5px}.fancy-dotted{border-bottom:2px dotted rgba(0,0,0,.8)}.res-box{position:relative;padding:5px;border:2px solid #888}.res-box-inner{border:2px solid #888;padding:5px 5px}.sphere-container{position:relative}.sphere-dummy{margin-top:100%}.res-sphere{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:500px}.res-sphere-inner{height:100%;border-radius:200px;border:2px solid #888}.combat-value-inline{text-align:right}.combat-value-inline-2{text-align:left}.plain-box{position:relative;padding:5px;border:2px solid #888}.plain-box .plain-box-inner{border:2px solid #888;padding:5px 5px}.logo{position:relative;height:110px}.logo img{top:-5px;left:-42px;position:absolute;height:130px;z-index:50}.tab-group{border-bottom:2px solid rgba(0,0,0,.4);position:relative}.tab-header{border:1px solid rgba(0,0,0,.32);border-bottom:2px solid rgba(0,0,0,.32);margin:3px 3px 0 3px;padding:2px 5px;cursor:pointer;color:#222;position:relative;bottom:-2px;border-top-left-radius:3px;border-top-right-radius:3px}.tab-header:nth-child(1){margin-left:0}.tab-header.active{border-top:1px solid rgba(0,0,0,.6);border-left:1px solid rgba(0,0,0,.6);border-right:1px solid rgba(0,0,0,.6);border-bottom:0;padding-bottom:3px}.tab-header::before{content:"";width:18px;display:inline-block}.tab-header.active:nth-child(1){margin-left:0}.tab-header:not(.faulty):not(.useful){background:#eee;color:#666}.tab-header:not(.faulty):not(.useful)::before{content:"✓";width:18px;display:inline-block}.tab-header.active:not(.faulty):not(.useful){background:#eee}.tab-header.useful:not(.faulty){background:#eee}.tab-header.active.useful:not(.faulty){background:#eee}.tab-header.faulty{background:#cbb}.tab-header.active.faulty{background:#cbb}.all-steps{height:100%}.step-left{width:170px}.stl-bars{display:flex;flex-flow:column nowrap;justify-content:space-between}.step-bar-body{display:flex;flex-flow:row nowrap;justify-content:center;border-top:1px solid rgba(0,0,0,.4);border-left:1px solid rgba(0,0,0,.4);white-space:nowrap;gap:5px}.stl-arrows{display:flex;flex-flow:column wrap;justify-content:space-evenly}.button-current{background-color:rgba(128,128,0,.4)}.step-right-header{width:140px;color:#444}.tab-selected{background-color:rgba(128,128,0,.4)}.shop-item-inputs{margin-left:15px}a.compendium.illegal{color:darkred}.illegal{color:darkred}.inv-list{height:200px;width:500px}.stripe{flex-flow:column nowrap;justify-content:flex-start;display:flex}.belt{margin-top:10px;margin-bottom:10px;display:flex;flex-flow:row wrap;gap:10px}.belt-preface{display:flex;flex-flow:row wrap;gap:5px}.belt.check-belt,.belt.defense-belt,.belt.damage-belt{display:flex;flex-flow:column wrap;align-items:flex-start;gap:5px}.belt-formula{display:flex;flex-flow:column wrap;gap:5px}.belt-list{margin-left:10px}.belt-inputs{display:flex;flex-flow:row wrap;gap:5px}.belt-events{display:flex;flex-flow:row wrap;gap:5px}.summary-list{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;gap:10px}.summary{border:3px solid #ccc;border-radius:0px;overflow:hidden;display:flex;position:relative}.summary-name{width:130px}.summary.selected{border:3px solid #7d54c2}.updater-link{position:absolute;border-right:1px solid #666;border-bottom:1px solid #666;left:0;top:0;right:0;bottom:0;width:49px;height:49px}.updater-link.selected{border-right:1px solid orange;border-bottom:1px solid orange}.summary-tb{display:flex;flex-flow:column wrap}.inner-summary{width:140px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-end;gap:5px}.hp-bar{width:15px;display:flex;flex-flow:column-reverse wrap;justify-content:flex-start;align-items:flex-end;gap:0px}.hp-dot{width:15px;background:green}.hp-hollow{width:15px;background:#cdc}.ap-bar{width:15px;display:flex;flex-flow:column-reverse wrap;justify-content:flex-start;align-items:flex-end;gap:5px}.ap-dot{width:15px;height:15px;background:#660}.ap-hollow{width:15px;height:15px;background:#cca}.portrait,.portrait img{width:100px;height:100px}.updater{width:100%;margin-top:10px;border-top:1px solid #666;border-left:1px solid #666;border-radius:0px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-end;gap:15px;position:relative}