.displayResults{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;transform:translateZ(0)}.displayResults .results{position:absolute;cursor:pointer;background:#ccc;font-size:2rem;padding:10px 20px;margin:40px;border-radius:10px;transform:scale(1.5);opacity:0;pointer-events:all}.displayResults .showEffect{transform:scale(1);opacity:1;z-index:2}.displayResults .hideEffect{transform:scale(.5);opacity:0;z-index:1}.displayResults .hidden{pointer-events:none}.displayResults .crit-success{color:green}.displayResults .crit-failure{color:#b22222}.displayResults .die-dropped,.displayResults .die-rerolled{text-decoration:line-through;opacity:.4}.displayResults .die-exploded{color:green}.displayResults .die-exploded:after{content:"!";display:"block";color:green}.displayResults .success,.displayResults .failure,.displayResults .null{position:relative;top:6px;width:32px;height:32px}.displayResults .success{fill:#4b8968}.displayResults .failure{fill:#a82e2d}.displayResults .null{fill:#3e577d}.displayResults .crit-success .success{border:3px solid green;border-radius:50%;top:9px}.displayResults .crit-failure .failure{border:3px solid #A82E2D;border-radius:50%;top:9px}.adv-roller{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;margin:30px;flex-direction:column;text-align:center}.adv-roller form{margin-bottom:10px}.adv-roller--notation{padding:10px;margin-right:5px;text-align:center;border:2px solid;border-radius:5px}.adv-roller--clear{padding:10px}.adv-roller .footnote,.adv-roller .footnote a{color:#fff}.dice-picker{position:absolute;display:flex;top:0;left:0;right:0;padding:10px;justify-content:center;text-align:center}.dice-picker .die{width:50px;height:50px}.dice-picker .dice{margin-top:10px;margin-bottom:10px}.dice-picker .dice button{background-color:transparent;border:none}.dice-picker .output{display:inline-block;min-height:2.2rem;margin-bottom:10px;font-size:1.5rem;font-weight:700;background-color:#ffffff4d;padding:5px 15px;border-radius:10px}.dice-picker button img{filter:drop-shadow(5px 5px 5px rgba(0,0,0,.5))}.genesysResults{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;transform:translateZ(0)}.genesysResults .results{position:absolute;cursor:pointer;background:#ccc;padding:10px 20px;margin:40px;border-radius:10px;text-align:center;transform:scale(1.5);opacity:0;pointer-events:all}.genesysResults .totals>span{display:inline-flex;flex-direction:row;align-items:center;margin-right:20px}.genesysResults .totals>span:last-child{margin-right:0}.genesysResults .total{font-size:2rem}.genesysResults .showEffect{transform:scale(1);opacity:1;z-index:2}.genesysResults .hideEffect{transform:scale(.5);opacity:0;z-index:1}.genesysResults .hidden{pointer-events:none}.genesysResults .symbol{display:inline-block;width:35px;height:35px}.genesysResults .totals .symbol{width:50px;height:50px}.genesysResults .die-boost{color:#1396ab}.genesysResults .die-setback{color:#000}.genesysResults .die-ability{color:#339730}.genesysResults .die-difficulty{color:#b921ef}.genesysResults .die-challenge{color:#971d17}.genesysResults .die-proficiency{color:#daa42a}.genesysResults .die-blank{font-size:3rem;line-height:100%;padding:8px 0 0}.genesysResults .tooltip{position:relative}.genesysResults .tooltiptext{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;bottom:110%;left:50%;font-size:1.5rem;line-height:100%;transform:translate(-50%)}.genesysResults .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:black transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible}.genesys-dice-picker{position:absolute;display:flex;top:0;left:0;right:0;padding:10px;justify-content:center;text-align:center}.genesys-dice-picker .die{height:70px;width:auto}.genesys-dice-picker .dice{margin-top:10px;margin-bottom:10px}.genesys-dice-picker .dice button{background-color:transparent;border:none}.genesys-dice-picker .output{display:inline-block;min-height:2.2rem;margin-bottom:10px;font-size:1.5rem;font-weight:700;background-color:#ffffff4d;padding:5px 15px;border-radius:10px}.genesys-dice-picker button img{filter:drop-shadow(5px 5px 5px rgba(0,0,0,.5))}.App{font-family:Lilita One,cursive;text-align:center;min-height:100vh;width:100vw}body{position:relative;font-size:1rem;font-family:Lilita One,cursive}button{cursor:pointer}canvas{position:fixed;pointer-events:none;z-index:100;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.inactiveLink{pointer-events:none;cursor:default}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000000;padding:20px}.dialog-content{background:url(/SEAMLESS_WOOD.png) repeat;background-size:auto;border:3px solid black;border-radius:20px;padding:40px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000080;position:relative}.dialog-title{text-align:center;margin:0 0 30px;font-size:2em;font-weight:700;color:#000}.dialog-text{color:#000;line-height:1.6;margin-bottom:20px;font-size:1.15rem;max-height:300px;overflow-y:auto}.dialog-text p{margin:0 0 20px}.dialog-text p:last-child{margin-bottom:0}.dialog-close{display:block;margin:30px auto 0;padding:10px 30px;background-color:#000000b3;color:#fff;border:2px solid black;border-radius:10px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s}.dialog-close:hover{background-color:#000000e6}.dialog-close:active{background-color:#000}