@keyframes expand{0%{transform:scale(.6)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes flyInLeft{0%{opacity:0;transform:translate(-100rem)}80%{transform:translate(.5rem)}to{opacity:1;transform:translate(0)}}@keyframes dieRoll{0%{opacity:0;transform:translateY(-24vh);transform:rotateX(0) rotateY(0) rotate(0)}16%{transform:translateY(-20vh) rotateX(270deg) rotateY(90deg) rotate(0)}33%{transform:translateY(-16vh) rotateX(360deg) rotateY(90deg) rotate(180deg)}50%{transform:translateY(-12vh) rotateX(360deg) rotateY(360deg) rotate(360deg)}66%{transform:translateY(-8vh) rotateX(270deg) rotateY(360deg) rotate(180deg)}82%{transform:translateY(-4vh) rotateX(0) rotateY(180deg) rotate(270deg)}to{opacity:1;transform:translateY(0) rotateX(360deg) rotateY(360deg) rotate(360deg);transform:scale(1)}}*,*:after,*:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;font-weight:600}body{box-sizing:border-box;background-color:#fffcfa}::selection{background-color:#cc6a29;color:#fffcfa}body{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;font-size:1.6rem;line-height:1.7;color:#050200}button{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;font-size:1.6rem;line-height:1.7}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.h1{color:#fffcfa;white-space:nowrap}.highlight{color:#f60}.highlight>a{color:#f60;text-decoration:none;font-weight:400}.highlight>a:hover{font-weight:600}button{display:block;padding:.3rem 1.5rem;margin:.5rem 1rem;background-color:#f60;border-radius:2.5rem;color:#fffcfa;font-weight:500;box-shadow:0 1rem 2rem #99623d4d;border:.3rem outset #cc6a29;cursor:pointer;white-space:nowrap;transition:transform .2s;animation:.5s linear 0s 1 flyInLeft}button:focus,button:active,button:hover{outline:none;transform:scale(1.1)}button::-moz-focus-inner{border:0}.dice{display:flex;height:auto;list-style:none;text-align:center;justify-content:flex-start;grid-column:2/4}.dice-item{background:transparent;border:none;padding:0;margin:0;box-shadow:none;display:block;cursor:pointer;height:5rem;transition:transform .2s;position:relative;animation:.5s linear 0s 1 flyInLeft;-webkit-user-select:none;user-select:none}.dice-item:focus,.dice-item:hover{outline:none;transform:scale(1.1)}.dice-item:active{transform:scale(1.05)}.dice-image{height:100%}.dice-text{z-index:10;position:absolute;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);color:#fffcfa}.dice-text--d4{top:60%}.dice-badge{position:absolute;top:0;right:0;z-index:11;border-radius:50%;line-height:1.8rem;width:1.8rem;color:#fffcfa;background-color:#99623d}.diceTotal{grid-column:2/4;color:#fffcfa;background-color:#332d29;z-index:10;display:flex;justify-content:space-around;height:3rem}.diceGrid{display:flex;grid-column:2/4;flex-flow:row wrap;justify-content:center;align-content:center;overflow-y:auto;min-width:0;width:100%}.die{background-color:#cc6a29;padding:2rem;line-height:1.1;margin:1rem;display:flex;flex-flow:column nowrap;align-items:center;color:#050200;animation:.5s ease-in 0s 1 dieRoll}.die-result{font-size:3rem;font-weight:800;text-align:center;color:#fffcfa}.filterScroller{grid-row:1/5;display:flex;overflow-y:auto;list-style:none;text-align:center;border-right:.2rem solid #99623d;max-width:30vw}.filterScroller-container{display:flex;flex-direction:column}.filterScroller-item{display:block;padding:.5rem 1.5rem;margin:.5rem 1rem;background-color:#f60;border-radius:2.5rem;box-shadow:0 1rem 2rem #99623d4d;cursor:pointer;transition:transform .2s;animation:.5s ease-in 0s 1 expand;border:0;white-space:nowrap;-webkit-user-select:none;user-select:none;text-align:left;width:min-content}.filterScroller-item:focus,.filterScroller-item:hover{outline:none;transform:scale(1.1)}.filterScroller-item:active{transform:scale(1.05)}.footer{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100%;height:5rem;overflow:hidden;position:absolute;bottom:0;left:0;z-index:-1;margin:0;border-top:.3rem solid #99623d;background-image:linear-gradient(#332d29,#050200);border-bottom:1px solid #050200;color:#fffcfa}.footer-text{justify-self:center}.footer-text--pre{font-weight:400}.container{display:grid;grid-template-columns:minmax(2rem,20vw) minmax(95vw,1fr) minmax(2rem,20vw);grid-template-rows:minmax(max-content,3rem) 1fr minmax(max-content,3rem);justify-content:center;align-content:center;height:calc(100vh - 11rem)}.main{color:#fffcfa;grid-column:2/3;grid-row:2/3;background-color:#332d29;box-shadow:0 1rem 4rem #050200;display:grid;grid-template-rows:1rem minmax(0,1fr) minmax(2rem,max-content);grid-template-columns:min-content 1fr;min-height:0;min-width:0}.main-footer{grid-column:2/4;border-top:.2rem solid #99623d;display:flex;justify-content:space-between;overflow-y:hidden;outline:none}.header{display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;width:auto;margin:0rem;border-top:.1rem solid #332d29;background-color:#332d29;border-bottom:.3rem solid #99623d;overflow-y:auto}.header-logo{display:inline-block;height:5rem;width:auto}.header-text{margin-left:2rem;justify-self:center}