html{background-color:#dcd4cc;font-family:Ubuntu,sans-serif;font-size:24px;overflow-y:scroll}body{background:url(/images/texture/xtextile.png.pagespeed.ic.xUSDaiiE1o.png) transparent;overflow:hidden}body.busy{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{color:#fff}p{margin:1em 0}.roll{display:-ms-flexbox;display:flex;margin-bottom:1em;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.roll:last-of-type{margin-bottom:0}.roll>header{height:5em;font-size:1.2em;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;transition:transform .2s}.roll>header>.number{font-size:2em;color:#000;text-decoration:none;position:relative;z-index:1}#rollcurrent{transition:transform .2s;position:relative;overflow:hidden}#rollnext,#rollprevious{height:6em;cursor:pointer;position:relative;overflow:hidden;transition:opacity .2s , transform .2s}#rollnext>*,#rollprevious>*{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#rollcurrent:before,#rollnext:before,#rollprevious:before{content:"";display:block;position:absolute;left:0;width:100%;height:0;transition:opacity 1s , background-position 1s , height 1s;opacity:0}#rollnext:before{top:0;height:3em;transition:opacity .2s , background-position .2s , height .2s;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,transparent) no-repeat;background-position:0 0;opacity:1}#rollprevious:before{bottom:0;height:6em;transition:opacity .2s , background-position .2s;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35)) no-repeat;background-position:0 0;opacity:1}#rollnext .roll>header{transform:translateY(-1em) perspective(1000px) rotateX(40deg) scale(.86)}#rollprevious .roll>header{transform:translateY(1em) perspective(1000px) rotateX(-40deg) scale(.86)}#rollnext:hover:before{height:6em;background-position:0 -3em}#rollprevious:hover:before{background-position:0 3em}#rollnext:hover .roll>header,#rollprevious:hover .roll>header{transform:scale(1)}#rollnext+#rollcurrent{transform:translateY(-3em)}#rollnext.empty+#rollcurrent{transform:translateY(-6em)}#rollnext~#rollprevious{transform:translateY(-3em);margin-bottom:-3em}#rollnext.empty~#rollprevious{transform:translateY(-6em);margin-bottom:-6em}#rollnext:hover+#rollcurrent{transform:none}#rollnext.opening,#rollprevious.opening{cursor:auto;transition:opacity 1s , height 1s , transform 1s}#rollprevious.opening{transition:opacity 1s , transform 1s}#rollnext.opening:before{background-position:0 -6em}#rollprevious.opening:before{background-position:0 6em}#rollnext.opening .roll>header,#rollprevious.opening .roll>header{height:5em;transform:scale(1)}#rollcurrent.closing{transition:opacity 1s , transform 1s;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#rollcurrent.closing.down .roll>header{height:6em;transform:perspective(1000px) rotateX(-40deg) scale(.86)}#rollcurrent.closing.down:before{bottom:0;height:6em;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35)) no-repeat;opacity:1}#rollcurrent.empty,#rollnext.empty,#rollprevious.empty{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0}#rollnext.empty{transform:translateY(-3em)}#rollprevious.empty{transform:translateY(3em)!important}#rollnext.empty .roll>header{transform:translateY(-1.5em) perspective(1000px) rotateX(90deg) scale(.6)}#rollprevious.empty .roll>header{transform:perspective(1000px) rotateX(-90deg) scale(.6)}.roll>header>.number:before{display:block;content:"_";position:absolute;z-index:-1;background-color:#fff;color:hsla(0,0%,100%,0);top:0;bottom:0;left:0;right:0;padding:0;margin:0;white-space:nowrap;box-shadow:0 1px RGBA(0,0,0,.5);border-radius:.15em;pointer-events:none;transform:scaleX(0);transform-origin:0 50%;visibility:hidden;transition:transform .2s ease .2s , padding .2s , margin .2s , visibility 0s ease .4s}.roll>header>.number:hover:before{padding:.3em;margin:-.3em;transform:scaleX(1);visibility:visible;transition:transform .2s , padding .2s ease .2s , margin .2s ease .2s , visibility 0s}.roll>header>.date{opacity:.4}.roll>.result{overflow:hidden;max-width:38em}.roll>.result>header{background:url(/images/texture/xleather.png.pagespeed.ic.tYcSsFuqgz.png);color:#fff;text-shadow:0 1px RGBA(0,0,0,.5);padding:.6em;z-index:1}.roll>.result:first-of-type{border-radius:.2em .2em 0 0}.roll>.result:last-of-type{border-bottom-left-radius:.2em;border-bottom-right-radius:.2em}.roll>.result>header>.dice{display:inline-block;min-width:1em;background:#fff;border-radius:.15em;text-align:center;margin:0 .5em;padding:0 .25em;box-shadow:0 1px RGBA(0,0,0,.5);font-family:Ubuntu\ Mono,monospace}.roll>.result>header>.name{position:relative;cursor:pointer}.roll>.result>header>.name:before{display:block;content:attr(data-name) " (" attr(data-player) ")";position:absolute;background-color:#fff;color:hsla(0,0%,100%,0);text-shadow:0 1px RGBA(0,0,0,0);top:0;left:0;padding:0;margin:0;white-space:nowrap;box-shadow:0 1px RGBA(0,0,0,.5);border-radius:.15em;pointer-events:none;transform:scaleX(0);transform-origin:0 50%;visibility:hidden;transition:transform .2s ease .2s , color .2s , text-shadow .2s , padding .2s , margin .2s , visibility 0s ease .4s}.roll>.result>header>.name:hover:before{padding:.3em;margin:-.3em;text-shadow:0 1px RGBA(0,0,0,.5);transform:scaleX(1);visibility:visible;transition:transform .2s , color .2s ease .2s , text-shadow .2s ease .2s , padding .2s ease .2s , margin .2s ease .2s}.roll>.result>.body>.story{background:url(/images/texture/xleather.png.pagespeed.ic.tYcSsFuqgz.png) #fffcf9;font-family:Georgia,cursive,serif;padding:.3em 1em;line-height:1.8em}.roll>.result>.body>.story em{font-style:italic}.roll>.result ::-moz-selection{color:#fff}.roll>.result ::selection{color:#fff}.roll>.result>.body>.story .speech{padding-left:.8em}.roll>.result>.body>.story .speech:before{content:"\201C";font-size:2em;font-weight:700;margin-left:-.2em}.roll>.result>.body>.story .speech.tech{font-family:Ubuntu\ Mono,monospace}.roll>.result>.body>.story .text.tech{font-family:Ubuntu\ Mono,monospace;background:#111 url(/images/texture/xconsole.png.pagespeed.ic.N60AtjMCAI.png);color:#f0f0f0;line-height:1.2em;padding:.2em .3em;border-radius:.2em;border:.2em solid RGBA(0,0,0,.5);background-clip:padding-box;animation:a 3s linear infinite}.roll>.result>.body>.story .expletive{display:inline-block;animation:b .25s linear infinite;font-weight:700}.roll>.result>.body>.attributes{background:url(/images/texture/xleather.png.pagespeed.ic.tYcSsFuqgz.png);font-family:Ubuntu\ Mono,monospace;color:#fff;display:table;width:100%;padding:.3em;table-layout:fixed;min-height:.05em}.roll>.result>.body>.attributes ul{margin:0;padding:.5em;display:table-cell;list-style:none;border-right:1px solid #fffcf9}.roll>.result>.body>.attributes ul:last-of-type{border-right:none}.roll>.result>.body>.attributes ul li{text-shadow:0 1px RGBA(0,0,0,.5);font-size:.8em;line-height:1.3}.roll>.result>.body>.attributes ul li[data-tooltip]{position:relative}.roll>.result>.body>.attributes ul li[data-tooltip]:before{content:attr(data-label);display:block;top:-.5em;height:calc(100% + 1em);z-index:1;box-shadow:0 1px RGBA(0,0,0,.5);border-radius:.3em;transform:scaleX(0);transform-origin:0 50%;transition:transform .2s .4s , color .2s .2s , text-shadow .2s .2s , visibility 0s .6s}.roll>.result>.body>.attributes ul li[data-tooltip]:after,.roll>.result>.body>.attributes ul li[data-tooltip]:before{position:absolute;left:-.5em;width:calc(100% + 1em);padding:.5em;pointer-events:none;visibility:hidden;background-color:#fff;color:hsla(0,0%,100%,0);text-shadow:0 1px RGBA(0,0,0,0);will-change:transform , color , text-shadow , visibility}.roll>.result>.body>.attributes ul li[data-tooltip]:after{bottom:100%;z-index:2;content:attr(data-tooltip);white-space:pre-line;border-radius:.3em .3em 0 0;transform:scaleY(0);transform-origin:50% 100%;transition:transform .2s .2s , color .2s , text-shadow .2s , visibility .4s step-end}.roll>.result>.body>.attributes ul li[data-tooltip]:hover:before{visibility:visible;text-shadow:0 1px RGBA(0,0,0,.5);transform:scaleX(1);transition:transform .2s .2s , color .2s .4s , text-shadow .2s .4s}.roll>.result>.body>.attributes ul li[data-tooltip]:hover:after{pointer-events:auto;visibility:visible;text-shadow:0 1px RGBA(0,0,0,.5);transform:scaleY(1);transition:color .2s .6s , text-shadow .2s .6s , transform .2s .4s , visibility 0s .4s}.roll>.result>.body>.attributes ul .header{background-color:#fff;border-radius:.15em;text-align:center;margin-bottom:.5em;font-size:1em}.roll>.result>.body>.attributes,.roll>.result>header{background-color:#263238}.roll>.result ::-moz-selection{background-color:#263238}.roll>.result ::selection{background-color:#263238}.roll>.result>.body>.attributes ul .header,.roll>.result>.body>.story .speech:before,.roll>.result>header>.dice,.roll>.result>header>.name:hover:before{color:#263238}.roll>.result.one>.body>.attributes,.roll>.result.one>header{background-color:#e67e22}.roll>.result.one ::-moz-selection,.roll>.result>.body>.story .speech.one::-moz-selection{background-color:#e67e22}.roll>.result.one ::selection,.roll>.result>.body>.story .speech.one::selection{background-color:#e67e22}.roll>.result.one>.body>.attributes ul .header,.roll>.result.one>.body>.attributes ul li[data-tooltip]:hover:after,.roll>.result.one>.body>.attributes ul li[data-tooltip]:hover:before,.roll>.result.one>header>.dice,.roll>.result.one>header>.name:hover:before,.roll>.result>.body>.story .speech.one:before{color:#e67e22}.roll>.result.two>.body>.attributes,.roll>.result.two>header{background-color:#e53935}.roll>.result.two ::-moz-selection,.roll>.result>.body>.story .speech.two::-moz-selection{background-color:#e53935}.roll>.result.two ::selection,.roll>.result>.body>.story .speech.two::selection{background-color:#e53935}.roll>.result.two>.body>.attributes ul .header,.roll>.result.two>.body>.attributes ul li[data-tooltip]:hover:after,.roll>.result.two>.body>.attributes ul li[data-tooltip]:hover:before,.roll>.result.two>header>.dice,.roll>.result.two>header>.name:hover:before,.roll>.result>.body>.story .speech.two:before{color:#e53935}.roll>.result.three>.body>.attributes,.roll>.result.three>header{background-color:#8e24aa}.roll>.result.three ::-moz-selection,.roll>.result>.body>.story .speech.three::-moz-selection{background-color:#8e24aa}.roll>.result.three ::selection,.roll>.result>.body>.story .speech.three::selection{background-color:#8e24aa}.roll>.result.three>.body>.attributes ul .header,.roll>.result.three>.body>.attributes ul li[data-tooltip]:hover:after,.roll>.result.three>.body>.attributes ul li[data-tooltip]:hover:before,.roll>.result.three>header>.dice,.roll>.result.three>header>.name:hover:before,.roll>.result>.body>.story .speech.three:before{color:#8e24aa}.roll>.result.four>.body>.attributes,.roll>.result.four>header{background-color:#3f51b5}.roll>.result.four ::-moz-selection,.roll>.result>.body>.story .speech.four::-moz-selection{background-color:#3f51b5}.roll>.result.four ::selection,.roll>.result>.body>.story .speech.four::selection{background-color:#3f51b5}.roll>.result.four>.body>.attributes ul .header,.roll>.result.four>.body>.attributes ul li[data-tooltip]:hover:after,.roll>.result.four>.body>.attributes ul li[data-tooltip]:hover:before,.roll>.result.four>header>.dice,.roll>.result.four>header>.name:hover:before,.roll>.result>.body>.story .speech.four:before{color:#3f51b5}.roll>.result.five>.body>.attributes,.roll>.result.five>header{background-color:#00bcd4}.roll>.result.five ::-moz-selection,.roll>.result>.body>.story .speech.five::-moz-selection{background-color:#00bcd4}.roll>.result.five ::selection,.roll>.result>.body>.story .speech.five::selection{background-color:#00bcd4}.roll>.result.five>.body>.attributes ul .header,.roll>.result.five>.body>.attributes ul li[data-tooltip]:hover:after,.roll>.result.five>.body>.attributes ul li[data-tooltip]:hover:before,.roll>.result.five>header>.dice,.roll>.result.five>header>.name:hover:before,.roll>.result>.body>.story .speech.five:before{color:#00bcd4}.roll>.result.six>.body>.attributes,.roll>.result.six>header{background-color:#4caf50}.roll>.result.six ::-moz-selection,.roll>.result>.body>.story .speech.six::-moz-selection{background-color:#4caf50}.roll>.result.six ::selection,.roll>.result>.body>.story .speech.six::selection{background-color:#4caf50}.roll>.result.six>.body>.attributes ul .header,.roll>.result.six>.body>.attributes ul li[data-tooltip]:hover:after,.roll>.result.six>.body>.attributes ul li[data-tooltip]:hover:before,.roll>.result.six>header>.dice,.roll>.result.six>header>.name:hover:before,.roll>.result>.body>.story .speech.six:before{color:#4caf50}@media (max-width:42em){html{font-size:20px}body{padding:0}.roll>.result>.body>.attributes{display:block}.roll>.result>.body>.attributes ul{display:block;border-right:none}.roll>.result{border-radius:0!important;-ms-flex-item-align:stretch;align-self:stretch}}@keyframes a{0%{color:RGBA(255,255,255,.5)}4%{color:RGBA(255,255,255,.5)}6%{color:RGBA(255,255,255,.45)}8%{color:RGBA(255,255,255,.55)}10%{color:RGBA(255,255,255,.45)}11%{color:RGBA(255,255,255,.5)}12%{color:RGBA(255,255,255,.65)}14%{color:RGBA(255,255,255,.55)}16%{color:RGBA(255,255,255,.7)}17%{color:RGBA(255,255,255,.55)}19%{color:RGBA(255,255,255,.5)}20%{color:RGBA(255,255,255,.5)}24%{color:RGBA(255,255,255,.5)}26%{color:RGBA(255,255,255,.69)}28%{color:RGBA(255,255,255,.5)}38%{color:RGBA(255,255,255,.45)}40%{color:RGBA(255,255,255,.5)}42%{color:RGBA(255,255,255,.6)}44%{color:RGBA(255,255,255,.5)}46%{color:RGBA(255,255,255,.5)}56%{color:RGBA(255,255,255,.5)}58%{color:RGBA(255,255,255,.75)}60%{color:RGBA(255,255,255,.5)}68%{color:RGBA(255,255,255,.5)}70%{color:RGBA(255,255,255,.6)}72%{color:RGBA(255,255,255,.5)}93%{color:RGBA(255,255,255,.5)}95%{color:RGBA(255,255,255,.6)}97%{color:RGBA(255,255,255,.5)}to{color:RGBA(255,255,255,.5)}}@keyframes b{0%{transform:translate(1px,.5px) rotate(0)}10%{transform:translate(-.5px,-1px) rotate(-.5deg)}20%{transform:translate(-1.5px) rotate(.5deg)}30%{transform:translateY(1px) rotate(0)}40%{transform:translate(.5px,-.5px) rotate(.5deg)}50%{transform:translate(-.5px,.5px) rotate(-.5deg)}60%{transform:translate(-1.5px,-1px) rotate(0)}70%{transform:translate(1px,.5px) rotate(-.5deg)}80%{transform:translate(-.5px,-1px) rotate(.5deg)}90%{transform:translate(1px,-.5px) rotate(0)}to{transform:translate(.5px,-1px) rotate(-.5deg)}}