#root{--modalout: #111c;--modalin: #fffa}*{font-family:Helvetica,sans-serif,Arial}.navSwitches{display:flex;margin:0 auto;justify-content:center;flex-direction:row;flex-wrap:wrap}.navSwitches .navSwitch{width:100px;padding:5px 15px;margin:5px;background-color:gray;border:none;transition-duration:.1s;box-shadow:#000 1px 1px 1px 1px}.navSwitches .navSwitch:hover{background-color:#a9a9a9;box-shadow:#000 1px 1px 1px 1px;translate:0 -1px}.navSwitches .navSwitch:active{background-color:#000;color:#fff;translate:0 2px;box-shadow:none}button.crossedSwitch{flex:1;padding:5px;margin:5px;background-color:var(--modalout);box-shadow:inset 0 0 2px 2px #fff;color:#fff;translate:0px 0px;transition-duration:10ms;transition-timing-function:ease-in-out;user-select:none}button.crossedSwitch:not(.crossedOut):active{translate:1px 1px;box-shadow:inset 0 0 3px 3px #fff;background-color:#111c;color:#fff;text-decoration:line-through}button.crossedSwitch.unpressed{translate:1px 1px;box-shadow:inset 0 0 3px 3px #fff;background-color:#111c;color:#fff;text-decoration:line-through}button.crossedSwitch.crossedOut{background-color:#ccc;color:#000;box-shadow:1px 1px 1px 1px #000;translate:-1px -1px}button.crossedSwitch.crossedOut>s{text-decoration:line-through;text-decoration-thickness:3px}button.crossedSwitch.crossedOut:active{translate:1px 1px;box-shadow:inset 0 0 3px 3px #fff;background-color:#111c;color:#fff}button.crossedSwitch.crossedOut:active>s{text-decoration:none}@media only screen and (max-width: 600px){div[data-page=recHis] *{font-size:2.5vw}}#pityTracker{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.rollType fieldset{text-align:center;border-color:#000;border-style:solid}.rollType fieldset legend{margin:0 auto;color:#d3d3d3;font-weight:bolder}.rollType fieldset img{width:300px;max-width:300px}@media only screen and (max-width: 600px){.rollType fieldset img{width:80vw}}.rollType fieldset .f10{color:#00f;font-weight:bolder;width:100%}.rollType fieldset .roll,.rollType fieldset .reset{width:100%;background-color:#a9a9a9;color:#000;border:none;box-shadow:#00008b 1px 1px 1px 1px;transition-duration:.1s}.rollType fieldset .roll:hover,.rollType fieldset .reset:hover{box-shadow:#00008b 2px 2px 2px 2px;transform:translateY(-2px)}.rollType fieldset .roll:active,.rollType fieldset .reset:active{box-shadow:none;transform:translateY(1px)}.rollType fieldset .reset{margin-top:10px}.rollType fieldset .rollOptions{transition-duration:.2s;display:none}@keyframes growDown{0%{transform:scaleY(0)}80%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.rollType fieldset .dropdown_menu{width:fit-content;padding:0;margin:10px auto 0;list-style:none;display:none;animation:growDown .2s ease-in-out forwards;transform-origin:top center}.rollType fieldset .dropdown_menu li{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.rollType fieldset .dropdown_menu li div{margin:5px 5px 0;border:1px solid black;background-color:#d3d3d3;color:#00f;padding:3px 10px;cursor:pointer;user-select:none;box-shadow:#00008b 1px 1px 1px 1px;transition-duration:.1s}.rollType fieldset .dropdown_menu li div:hover{box-shadow:#00008b 2px 2px 2px 2px;transform:translateY(-2px)}.rollType fieldset .dropdown_menu li div:active{box-shadow:none;transform:translateY(1px)}.rollType fieldset .dropdown_menu li div.no-save{cursor:not-allowed;color:gray;background-color:#a9a9a9;box-shadow:none}.rollType fieldset .dropdown_menu li div.no-save:hover{box-shadow:none;transform:none}.rollType fieldset .dropdown_menu li div.no-save:active{transform:none}.settings{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:1;background-color:var(--modalout)}@media only screen and (max-width: 400px){.settings{overflow-y:scroll}}.settings .setting-box{box-sizing:content-box}.settings .setting-help{display:inline;font-size:1em}.settings .settings-content{position:relative;background-color:var(--modalin);margin:50px auto auto;width:50%;padding:15px}@media only screen and (max-width: 1100px){.settings .settings-content{width:75%}}@media only screen and (max-width: 700px){.settings .settings-content{width:calc(100% - 60px);margin-inline:auto}}.settings .settings-content>fieldset{border:none;margin:0 10px 10px;background-color:#a9a9a9;color:#000;border:1px solid black;user-select:none}.settings .settings-content>fieldset>legend{display:block;user-select:none}.settings.shown{display:block}.export-btns>button{position:relative;right:0;background-color:#d3d3d3;border:black 1px solid;margin:5px;padding:5px}.export-btns>button:hover,.export-btns>button:focus{background-color:#add8e6}.export-final-btns{width:fit-content;margin-inline:auto}.export-extension>div{margin-left:25px;width:fit-content}.export-extension input[type=radio],.export-extension input[type=checkbox]{float:right;margin-left:20px}@media only screen and (max-width: 280px){.export-extension>div{margin-left:5px}.export-extension input[type=radio],.export-extension input[type=checkbox]{margin-left:0}}.export-extension br{clear:both}body{background-color:#444;color:#fff}.show-panel{margin-inline:auto;width:50%;text-align:center}@media only screen and (max-width: 1500px){.show-panel{width:75%}}@media only screen and (max-width: 600px){.show-panel{width:100%}}.combination-picker-btn{padding-block:5px 5px;background-color:#000;user-select:none}.combination-picker-btn:hover{background-color:gray;cursor:pointer}.combination-picker{user-select:none;border:1px solid black;display:flex;flex-direction:column;padding-block:5px 0;margin-block:5px}.combination-picker .combination-picker-buttons{display:flex;flex-direction:row;justify-content:space-evenly}.combination-picker .combination-tag-btn{margin:10px auto;border:0px;padding:5px 10px;background-color:var(--modalin);display:inline-block;margin-inline:15px;border:1px solid lightgray;box-shadow:1px 1px 1px 1px var(--modalout);cursor:pointer}.combination-picker .combination-tag-btn:active{border:1px solid black;box-shadow:0 0 1px 1px inset #000;transform:translate(1px,1px)}.combination-picker .combination-apply-btn{width:100%;height:fit-content;padding-block:5px 5px;border:none;color:#fff;text-align:center;background-color:#000}.combination-picker .combination-apply-btn:hover{background-color:gray;cursor:pointer}.category{margin-bottom:10px;border:1px solid black;border-radius:5px}.category .groupname{border:1px solid black;text-align:center;color:#000}.category .groupname[data-good="6"]{background-color:orange}.category .groupname[data-good="5"]{background-color:#ff0}.category .groupname[data-good="4"]{background-color:#a9a9a9}.category .groupname[data-good="3"]{background-color:#00f;color:#fff}.category .groupname[data-good="2"]{background-color:#8b008b;color:#fff}.category .groupname[data-good="1"]{background-color:#8b0000;color:#fff}.category.canSave:hover{cursor:pointer;user-select:none}.category.canSave:hover>.groupname{background-color:green}.category .characters{text-align:center;display:grid;max-width:100%}.category .characters .character{width:100%;display:flex;margin-bottom:auto;color:#000;justify-content:center}.category .characters .character figure{cursor:pointer;user-select:none;border-radius:10px;margin:5px;padding:10px;width:100%}.category .characters .character figure figcaption{padding:1px;width:50%;margin:0 auto}.category .characters .character figure figcaption p{width:100%;max-width:120px;display:block;margin-inline:auto}.category .characters .character[data-good="1"] figure{background-color:gray}.category .characters .character[data-good="2"] figure{background-color:#fafad2}.category .characters .character[data-good="3"] figure{background-color:#add8e6}.category .characters .character[data-good="4"] figure{background-color:#d3d3d3}.category .characters .character[data-good="5"] figure{background-color:#f08080}.category .characters .character[data-good="6"] figure{background-color:#90ee90}.howto{position:absolute;left:5px;top:10px;width:20%}@media only screen and (max-width: 1500px){.howto{position:static;margin:0 auto;text-align:justify;width:50%}}@media only screen and (max-width: 1100px){.howto{width:75%}}@media only screen and (max-width: 700px){.howto{width:calc(100% - 20px);margin-inline:10px 10px}}#filterpicker{width:50%;margin-inline:auto}@media only screen and (max-width: 1500px){#filterpicker{width:75%}}@media only screen and (max-width: 700px){#filterpicker{width:100%}}#filterpicker>div{display:grid;border:1px solid black}#filterpicker .clear:hover,#filterpicker .clear:focus{background-color:gray;cursor:pointer}#filterpicker button.tag_closed{background-color:#a9a9a9;color:#000}#filterpicker .head,#filterpicker .clear{font-size:1em;background-color:#000;color:#fff;display:flex;width:100%;align-items:center;justify-content:center;height:30px;user-select:none;grid-column:1 / -1;border:none}#filterpicker .tech{background-color:transparent;color:#fff;border:0;font-size:1rem;cursor:pointer;display:flex;height:30px;user-select:none;width:100%;align-items:center;justify-content:center;white-space:nowrap}#filterpicker .tech[data-selected=true]{background-color:#aaa}#filterpicker .tech:hover,#filterpicker .tech:focus{background-color:#ccc;color:#000}#filterpicker .opts{display:grid;grid-auto-flow:column;margin-bottom:10px}#filterpicker .tags{grid-auto-flow:unset;grid-template-columns:1fr 1fr 1fr 1fr}#filterpicker .tags3{grid-auto-flow:unset;grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width: 400px){#filterpicker .smallscreens{grid-auto-flow:row;grid-template-columns:unset}}#filterpicker .timer{margin-bottom:0}#filterpicker .timer .timerTime{display:flex;justify-content:center;align-items:center;user-select:none}table.history{width:75%;margin:0 auto;border:2px solid black;border-collapse:collapse}table.history td,table.history th{padding:5px}table.history tr td:not(:first-child){text-align:center}table.history thead tr{background-color:#000;color:#fff}table.history tbody td:last-child{color:red;text-align:right;cursor:pointer}table.history tbody td:last-child:hover{text-decoration:underline}table.history tbody tr:nth-child(2n){background-color:#111}table.history tbody tr:hover{background-color:#ccc;color:#000}.outcome-modal{width:100%;height:100%;overflow-y:scroll;position:fixed;left:0;top:0;display:none;background-color:var(--modalout)}.outcome-modal.outcome-show{display:block}.outcome-modal .outcome{position:relative;background-color:var(--modalin);margin:50px auto auto;width:50%;padding:0 15px 15px}.crossed{display:flex;flex-direction:row;align-items:center;justify-content:center}.historyFilter{position:absolute;text-align:center;user-select:none;left:5px;top:10px;width:10%}.historyFilter>div{clear:both;width:60%;margin:0 auto}.historyFilter>div>label{float:left}.historyFilter>div>input{float:right}@media only screen and (max-width: 1500px){.historyFilter{position:static;margin:0 auto;width:50%}}@media only screen and (max-width: 1100px){.historyFilter{width:75%}}@media only screen and (max-width: 700px){.historyFilter{width:max(140px,100%)}}.historyFilterButton{padding:5px;margin:10px auto;width:70%;border:0px;background-color:var(--modalin);display:block;border:1px solid lightgray;box-shadow:1px 1px 1px 1px var(--modalout)}.historyFilterButton:active{border:1px solid black;box-shadow:0 0 1px 1px inset #000;transform:translate(1px,1px)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}