*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}:root{--monospace: "JetBrains Mono", "Fira Code", "Source Code Pro", "IntelOne Mono", Inconsolata, Consolas, MonoLisa, Monoid, Menlo, Monaco, Andale Mono WT, Andale Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, monospace;--sans-serif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--light-text-color: #111;--light-btn-background: linear-gradient( 170deg, rgba(254, 254, 254, 1) 0%, rgba(242, 242, 242, 1) 100% );--btn-active-background: linear-gradient( 135deg, rgba(240, 240, 240, 1) 0%, rgba(225, 225, 225, 1) 100% );--btn-active-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), inset 0 5px 10px 0 rgba(0, 0, 0, .2);--light-btn-border-light: rgba(255, 255, 255, .9);--light-btn-border-dark: rgba(230, 230, 230, .9);--light-btn-active-border-light: rgba(0, 0, 0, .2);--light-btn-label-shadow: rgba(255, 255, 255, .5);--light-btn-description-color: #aaa;--light-btn-offset-color: #fff;--light-btn-offset-background: linear-gradient( 170deg, rgba(230, 230, 232, 1) 0%, rgba(215, 215, 217, 1) 100% );--light-btn-offset-active-background: linear-gradient( 135deg, rgba(210, 210, 212, 1) 0%, rgba(195, 195, 197, 1) 100% );--light-btn-offset-border-light: rgba(245, 245, 247, .8);--light-btn-offset-border-dark: rgba(200, 200, 202, 1);--light-modal-background: rgba(255, 255, 255, .7);--light-result-background: #333333;--light-result-color: #ffffff;--light-result-border-start: #444444;--light-result-border-end: #383838;--light-result-background-lower: rgba(0, 0, 0, 1);--light-result-fail-background: #d00000;--light-result-fail-color: #ffffff;--light-result-fail-border-start: #dc2f02;--light-result-fail-border-end: #dc2f02;--light-result-fail-background-lower: #d00000;--light-result-crit-background: #52b788;--light-result-crit-color: #ffffff;--light-result-crit-border-start: #74c69d;--light-result-crit-border-end: #74c69d;--light-result-crit-background-lower: #52b788;--light-result-freeze-background: #90e0ef;--light-result-freeze-color: #03045e;--light-result-freeze-border-start: #ade8f4;--light-result-freeze-border-end: #ade8f4;--light-result-freeze-background-lower: #48cae4;--light-log-background: rgba(230, 230, 230, 1)}html,body{font-size:clamp(.875rem,.625vw + .75rem,1.375rem)}body{min-height:100vh;line-height:1.6;font-family:var(--sans-serif);text-rendering:optimizeLegibility;color:var(--text-color, #111);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background, #fff)}button,input,select{font-family:inherit;font-size:inherit}select{font-size:.8125rem;padding:.125rem;color:var(--text-color)}input{border:0}input[type=number]{border-radius:0;background:var(--btn-background, var(--light-btn-background));color:var(--btn-color, var(--light-text-color));border-block-start:1px solid var(--btn-border-light, var(--light-btn-border-dark));border-inline-start:1px solid var(--btn-border-light, var(--light-btn-border-light));border-block-end:1px solid var(--btn-border-dark, var(--light-btn-border-light));border-inline-end:1px solid var(--btn-border-dark, var(--light-btn-border-dark))}strong{font-weight:700}.app{height:100dvh;min-height:100dvh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;height:5dvh;border-bottom:1px solid var(--btn-border-dark, var(--light-btn-border-dark))}.select-wrapper{position:relative;height:100%}.system-select,.select-wrapper select{display:flex;border:0;border-radius:0;height:100%;width:100%;padding-inline-start:.5rem;padding-inline-end:1.5rem;padding-block:.5rem;appearance:none;-webkit-appearance:none;position:relative;background:var(--btn-offset-background, var(--light-btn-offset-background));border-inline-end-width:1px;border-inline-end-style:solid;border-inline-end-color:var(--btn-offset-border-dark, var(--light-btn-offset-border-dark));color:var(--text-color, var(--light-text-color))}.select-wrapper__icon{display:block;width:1rem;height:1rem;position:absolute;right:.25em;top:50%;pointer-events:none;transform:translateY(-50%);z-index:1}.instructions{padding:.5rem;font-size:.825rem}.main{display:grid;grid-template-rows:1fr;flex-grow:1}.log{background-color:var(--log-background, var(--light-log-background));height:20dvh;overflow-y:scroll;font-family:var(--monospace);font-size:.875rem}.log__results{padding:.25rem .5rem;display:flex;width:100%;justify-content:space-between;align-items:baseline;color:var(--log-color, var(--text-color));border-top:1px solid var(--log-border, var(--light-btn-border-dark))}.log__time{color:var(--log-time-color, rgba(0, 0, 0, .25));font-size:.75em;flex-shrink:0}@media (orientation: landscape){.header{height:8dvh}.main{grid-template-columns:repeat(3,1fr)}.controls{grid-column:span 2}.log{grid-column:span 1;height:92dvh}}.btn{background:var(--btn-background, var(--light-btn-background));text-align:center;border:1px solid;position:relative;color:var(--btn-color, var(--light-text-color));border-top-color:var(--btn-border-light, var(--light-btn-border-light));border-left-color:var(--btn-border-light, var(--light-btn-border-light));border-right-color:var(--btn-border-dark, var(--light-btn-border-dark));border-bottom-color:var(--btn-border-dark, var(--light-btn-border-dark));border-radius:0;transition:color .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out,background .15s ease-out,opacity .15s ease-out}.btn[disabled]{cursor:not-allowed;opacity:.5}.btn:active,.btn.active{border-top-color:var(--btn-active-border-light, var(--light-btn-active-border-light));border-left-color:var(--btn-active-border-light, var(--light-btn-active-border-light));box-shadow:var(--btn-active-shadow, var(--light-btn-active-shadow));background:var(--btn-active-background, var(--light-btn-active-background))}.btn>span{display:block}.btn>*{transition:transform .15s ease-out}.btn:active>*,.btn.active>*{transform:translateY(3px)}.btn__label{display:block;font-weight:900;font-size:var(--btn-label-size, 2.5rem);text-transform:uppercase;text-shadow:0 1px 0 var(--btn-label-shadow, var(--light-btn-label-shadow)),0 -1px 0 var(--btn-label-shadow-top, rgba(0, 0, 0, .2));line-height:1}.btn__label--small{--btn-label-size: 1.5rem}.btn__description{display:block;color:var(--btn-description-color, var(--light-btn-description-color));font-size:.8125rem;text-transform:uppercase}.btn--offset{--btn-background: var(--btn-offset-background, var(--light-btn-offset-background));--btn-border-light: var(--btn-offset-border-light, var(--light-btn-offset-border-light));--btn-border-dark: var(--btn-offset-border-dark, var(--light-btn-offset-border-dark));--btn-description-color: var(--btn-offset-description-color, var(--light-btn-description-color));--btn-color: var(--btn-offset-color, var(--light-text-color))}.btn--offset:active,.btn--offset.active{--btn-active-background: var( --btn-offset-active-background, var(--light-btn-offset-active-background) )}.btn--settings,.btn--other{height:100%;flex-grow:1;width:100%}.options{display:flex;height:var(--local-options-height, 15dvh)}.modal{position:fixed;inset:0;height:100dvh;display:flex;flex-direction:column;align-items:center;background-color:#ffffffb3;background-color:var(--modal-background, var(--light-modal-background));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3}.result{width:4.5rem;height:4rem;display:grid;place-items:center;font-weight:900;font-size:1.75rem;border-radius:.5rem;background-color:var(--result-background, var(--light-result-background));color:var(--result-color, var(--light-result-color));border:0;border-top:2px #444444 solid;border-block-width:2px;border-block-style:solid;border-block-start-color:var(--result-border-start, var(--light-result-border-start));border-block-end-color:var(--result-border-end, var(--light-result-border-end));position:relative;z-index:2;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease-in-out;animation-delay:var(--results-animation-delay, 0);box-shadow:0 .4rem 0 var(--result-background-lower, var(--light-result-background-lower)),0 .55rem 0 -1px var(--result-background-lower, var(--light-result-background-lower)),0 .75rem 0 -3px var(--result-background-lower, var(--light-result-background-lower)),0 .8rem .125rem -3px #00000080,0 .82rem .5rem #00000026}.critical-fail{--result-background: var(--result-fail-background, var(--light-result-fail-background));--result-color: var(--result-fail-color, var(--light-result-fail-color));--result-border-start: var(--result-fail-border-start, var(--light-result-fail-border-start));--result-border-end: var(--result-fail-border-end, var(--light-result-fail-border-end));--result-background-lower: var( --result-fail-background-lower, var(--light-result-fail-background-lower) );animation-name:shake;animation-duration:.2s;animation-iteration-count:3;animation-timing-function:ease-in}@keyframes shake{0%{transform:translate(3px)}50%{transform:translate(-3px)}to{transform:translate(0)}}.reroll{animation:reroll;animation-duration:1s;animation-iteration-count:1;animation-timing-function:ease-out}@keyframes reroll{0%{transform:translateY(0)}40%{transform:translateY(-.75rem)}55%{transform:translateY(.05rem)}65%{transform:translateY(-.2rem)}70%{transform:translateY(.05rem)}80%{transform:translateY(-.125rem)}85%{transform:translateY(0)}95%{transform:translateY(-.0625rem)}to{transform:translateY(0)}}.critical-success{--result-background: var(--result-crit-background, var(--light-result-crit-background));--result-color: var(--result-crit-color, var(--light-result-crit-color));--result-border-start: var(--result-crit-border-start, var(--light-result-crit-border-start));--result-border-end: var(--result-crit-border-end, var(--light-result-crit-border-end));--result-background-lower: var( --result-crit-background-lower, var(--light-result-crit-background-lower) );animation-name:jump;animation-duration:1.2s;animation-iteration-count:1;animation-timing-function:ease-out}@keyframes jump{0%{transform:translate(0) scale(1) rotate(0)}25%{transform:translateY(-5px) scale(1) rotate(0)}50%{transform:translateY(-5px) scale(1.1) rotate(3deg)}60%{transform:translateY(-5px) scale(1.1) rotate(-3deg)}70%{transform:translateY(-5px) scale(1.1) rotate(3deg)}90%{transform:translateY(-5px) scale(1) rotate(0)}to{transform:translate(0) scale(1) rotate(0)}}.text-success{color:var(--result-crit-background, var(--light-result-crit-background))}.text-fail{color:var(--result-fail-background, var(--light-result-fail-background))}.text-freeze{color:var(--result-freeze-background, var(--light-result-freeze-background))}.freeze{--result-background: var(--result-freeze-background, var(--light-result-freeze-background));--result-color: var(--result-freeze-color, var(--light-result-freeze-color));--result-border-start: var(--result-freeze-border-start, var(--light-result-freeze-border-start));--result-border-end: var(--result-freeze-border-end, var(--light-result-freeze-border-end));--result-background-lower: var( --result-freeze-background-lower, var(--light-result-freeze-background-lower) )}.modifier{width:4.5rem;height:4.5rem;border-radius:100%;display:grid;place-items:center;background:var(--modifier-background, #ddd);color:var(--modifier-color, --light-text-color);font-weight:900;font-size:1.75rem;box-shadow:inset 0 .125rem .5rem #0006}@media (orientation: landscape){.settings__inner{display:grid;grid-template-columns:repeat(2,1fr)}.settings__item:nth-child(2n){border-inline-start:1px solid var(--btn-border-dark, var(--light-btn-border-dark))}}.settings__item{display:flex;flex-direction:var(--settings-item-direction, column);justify-content:center;padding:1.5rem;border-block-end:1px solid var(--btn-border-dark, var(--light-btn-border-dark))}.settings__item--inline{--settings-item-direction: row;justify-content:space-between;align-items:center}.v-enter-active,.v-leave-active{transition:opacity .35s ease;pointer-events:none}.v-enter-from,.v-leave-to{opacity:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.icon{width:100%}.w-1{width:1rem}.w-2{width:2rem}.grid[data-v-7d999766]{width:100%;display:grid;grid-template-columns:repeat(2,1fr);flex-grow:1}@media (orientation: landscape){.grid[data-v-7d999766]{grid-template-columns:repeat(3,1fr)}}.stepper[data-v-7d999766]{display:flex;justify-content:space-between;align-items:center;height:10dvh;width:100%}.stepper--control[data-v-7d999766]{height:100%}.btn--results[data-v-7d999766]{height:10vh;z-index:1;width:100%;font-weight:700;background-color:#fff}.btn--stepper[data-v-7d999766]{width:45%;height:100%}.stepper__input[data-v-7d999766]{flex-grow:1;height:100%;width:100%;text-align:center}.directions[data-v-7d999766]{padding:.5rem;font-size:.75em;width:100%;text-align:center;border-bottom:1px solid var(--btn-border-dark)}.settings[data-v-f9a9df2b]{flex-grow:1;width:100%;overflow-y:auto}.btn--clear[data-v-f9a9df2b]{padding:1rem}label[data-v-f9a9df2b]{width:100%}.btn--results[data-v-f9a9df2b]{height:10vh;z-index:1;width:100%;font-weight:700;background-color:#fff}.directions[data-v-f9a9df2b]{padding:.5rem;font-size:1.25rem;font-weight:700;width:100%;text-align:center;border-bottom:1px solid var(--btn-border-dark)}.btn--dice[data-v-4d11eca0]{width:50%;height:25dvh}.options[data-v-4d11eca0]{--local-options-height: 25dvh}@media (orientation: landscape){.btn--dice[data-v-4d11eca0]{height:31dvh}.options[data-v-4d11eca0]{--local-options-height: 30dvh}}.grid[data-v-bb641592]{width:100%;display:grid;grid-template-columns:repeat(4,1fr);flex-grow:1}.stepper[data-v-bb641592]{display:flex;justify-content:space-between;align-items:center;height:10dvh;width:100%}.stepper--control[data-v-bb641592]{height:100%}.btn--results[data-v-bb641592]{height:10vh;z-index:1;width:100%;font-weight:700;background-color:#fff}.btn--stepper[data-v-bb641592]{width:45%;height:100%}.stepper__input[data-v-bb641592]{flex-grow:1;height:100%;width:100%;text-align:center}.directions[data-v-bb641592]{padding:.5rem;font-size:.75em;width:100%;text-align:center;border-bottom:1px solid var(--btn-border-dark)}.btn--dice[data-v-48b5f2cf]{width:100%;height:30dvh}.options[data-v-48b5f2cf]{--local-options-height: 20dvh}@media (orientation: landscape){.btn--dice[data-v-48b5f2cf]{height:34dvh}.options[data-v-48b5f2cf]{--local-options-height: 29dvh}}.btn--stepper[data-v-48b5f2cf]{font-weight:900;text-transform:uppercase}.stepper--grid[data-v-48b5f2cf]{height:25dvh;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media (orientation: landscape){.stepper--grid[data-v-48b5f2cf]{height:29dvh}}.btn__description[data-v-48b5f2cf]{color:gray;font-size:.75rem;text-transform:uppercase}.btn--settings[data-v-48b5f2cf]{width:100%}.grid[data-v-cb1e0af1]{display:grid;grid-template-columns:repeat(3,1fr);height:37.5dvh}.steppers[data-v-cb1e0af1]{height:20dvh;display:grid;grid-template-rows:repeat(2,1fr)}.options[data-v-cb1e0af1]{height:17.5dvh}@media (orientation: landscape){.steppers[data-v-cb1e0af1]{height:15dvh;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.grid[data-v-cb1e0af1]{height:52dvh}.options[data-v-cb1e0af1]{height:25dvh}}.btn--dice[data-v-a200f72f]{width:50%;height:18.75dvh}.options[data-v-a200f72f]{--local-options-height: 18.75dvh}@media (orientation: landscape){.btn--dice[data-v-a200f72f]{height:23dvh}.options[data-v-a200f72f]{--local-options-height: 23dvh}}.btn--dice[data-v-203b024e]{width:50%;height:25dvh}.options[data-v-203b024e]{--local-options-height: 25dvh}@media (orientation: landscape){.btn--dice[data-v-203b024e]{height:31dvh}.options[data-v-203b024e]{--local-options-height: 30dvh}}.results[data-v-247c2b65]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;gap:1rem}.results-wrapper[data-v-247c2b65]{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.btn--results[data-v-247c2b65]{min-height:3rem;height:10vh;z-index:1;width:100%;font-weight:700;background-color:#fff}.directions[data-v-247c2b65]{padding:.5rem;font-size:.75em;width:100%;display:block;text-align:center}.result-number[data-v-247c2b65]{font-size:3rem;font-weight:900}.result-description[data-v-247c2b65]{font-size:1.5rem;text-align:center}.advantage[data-v-247c2b65]{text-align:center}