@keyframes roll{0%{transform:rotateX(1234deg) rotateY(2341deg) rotate(3412deg)}}#overall-content div,img{user-select:none}#page-title,#topbar,.pageheader,.pagesection,.pagesection h2,.player-board,.roundedbox,.whiteblock{background-color:#f0f0f0a0;background-image:none}.DMround{font-size:16pt}.DMphase,.DMround{align-items:center;background-color:#1c1d1c;border-radius:5px;color:#fff;display:flex;font-weight:700;justify-content:space-around;padding:5px}.DMphase{font-size:12pt}.DMplayArea{align-items:start;display:flex;flex-direction:row;justify-content:space-between;position:relative}.DMplayArea:before{background-attachment:fixed;background-image:url(img/mission.jpg);content:"";height:100%;opacity:50%;position:absolute;width:100%}.DMplayArea.DMflip:before{background-image:url(img/debriefing.jpg)}.DMcontainer{background-color:#20202020;border-radius:10px;container-type:size;height:125px;margin:5px;position:relative;width:100px}.DMcontainer>.DMcard{height:104px;width:75px}.DMdiscard{container-type:size;margin:5px;position:relative;width:50px}.DMdiscard>.DMcard{height:70px;width:50px}.DMdiscard>.DMcard:not(:first-child){margin-top:-135%;transition:margin .5s}.DMdiscard:hover>.DMcard:not(:first-child){margin-top:0;transition:margin .5s}.DMspecialContainer>.DMcard{height:208px;transform-origin:left;transition:transform .5s,z-index .5s,opacity .5s;width:150px}.DMspecialContainer>.DMcard:hover{opacity:100%;transform:scale(1.5);transition:transform .5s,z-index .5s,opacity .5s;z-index:10}.mobile_version .DMspecialContainer>.DMcard:focus{transform:scale(2.5);transition:transform .5s,z-index .5s;z-index:20}.DMdecksContainer{align-items:end}.DMdecksContainer,.DMspecialContainer{display:flex;flex:0 1 10%;flex-direction:column;justify-content:start;padding:10px;position:relative;z-index:10}.DMplayerHandHolder{background:#f0f0f0a0;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:row;grid-column:1/-1;grid-row:playerHand;justify-content:space-between;padding:10px}.DMplayerHandHolder>.DMvertical{color:#000;font-size:1em;text-align:center;writing-mode:vertical-lr}.DMplayerHand{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.DMplayerHand>.DMcard{height:209px;transform-origin:top;transition:transform .5s,z-index .5s;width:150px}.DMplayerHand>.DMcard:hover{transform:scale(1.25);transition:transform .5s,z-index .5s;z-index:10}.mobile_version .DMplayerHand>.DMcard:focus{transform:scale(2);transition:transform .5s,z-index .5s;z-index:20}.DMplayerHandSize{font-family:fantasy;font-size:xx-large;margin-right:20px}.DMcard{background-image:url(img/cards.jpg);background-size:3300%;border:1px groove gray;border-radius:5%;box-sizing:border-box;margin:5px;opacity:75%;position:relative}.DMcard.DMdisabled{opacity:50%!important}.DMcard.DMselectable.DMselected{opacity:100%}.DMcard[data-type=SOLO]{background-position-y:0}.DMcard[data-type=VERSUS]{background-position-y:25%}.DMcard[data-type=TEAM]{background-position-y:50%}.DMcard[data-type=SPECIAL]{background-position-y:75%}.DMcard[data-type=GADGET]{background-position-y:100%}.DMdiceArea{container-type:inline-size;display:grid;flex:.25 1 80%;grid-template-columns:[firstPlayer] auto [unusedDice] 2fr [rolledDice] 4fr}.DMdice,.DMdiceArea{align-items:center;padding:10px}.DMdice{border:5px solid transparent;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;grid-column:unusedDice/-1;height:75px;justify-content:end;margin:10px;position:relative}.DMdice.DMlock{background-color:#00000080}.DMdice.DMlock:before{content:"\f023";font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900);position:absolute;right:-10px}.DMdice.DMselectable>.DMdie:not([value="?"]){pointer-events:all}.DMdice.DMselected{border-color:#fff;opacity:100%}.DMdie{height:50px;margin:5px;perspective:none;pointer-events:none;transform-origin:center;transform-style:preserve-3d;transition:box-shadow .25s,transform CALC(var(--DELAY)*1ms);width:50px}.DMdie[value="1"]{transform:none}.DMdie[value="2"]{transform:rotateY(-90.01deg)}.DMdie[value="3"]{transform:rotateX(-90.01deg)}.DMdie[value="4"]{transform:rotateX(90.01deg)}.DMdie[value="5"]{transform:rotateY(90.01deg)}.DMdie[value="6"]{transform:rotateX(180deg)}.DMface{backface-visibility:hidden;background-color:#fff;border:1px groove grey;border-radius:10px;color:red;font-size:40px;height:50px;line-height:50px;position:absolute;text-align:center;width:50px}.DMface1{transform:translateZ(25px)}.DMface6{transform:translateZ(-25px) rotateY(180deg)}.DMface2{transform:translate3D(25px,0,0) rotateY(90deg)}.DMface5{transform:translate3D(-25px,0,0) rotateY(-90deg)}.DMface3{transform:translate3D(0,-25px,0) rotateX(90deg)}.DMface4{transform:translate3D(0,25px,0) rotateX(-90deg)}.DMdice:not(.DMselected)>.DMface:hover{box-shadow:0 0 5px 5px grey;transition:box-shadow .5s}.DMdie.DMselected>.DMface{box-shadow:0 0 10px 10px #000;transition:box-shadow .5s}.DMmission{background-image:url(img/assets.png);background-size:900%;display:inline-flex;height:75px;vertical-align:middle;width:75px}.DMmission[type=SOLO]{background-position-x:25%}.DMmission[type=VERSUS]{background-position-x:62.5%}.DMmission[type=TEAM]{background-position-x:50%}.DMmission[type=SPECIAL]{background-position-x:37.5%}.DMmission[type=GADGET]{background-position-x:75%}.DMmissionsHolder>.DMcard{display:inline-block;height:91px;width:65px}.DMtokenContainer{height:75px;position:relative;transform-origin:center;transform-style:preserve-3d;width:75px}.DMtokenContainer,.DMtokenContainer.DMflip{transition:transform CALC(var(--DELAY)*1ms)}.DMtokenContainer.DMflip{transform:rotateY(180deg)}.DMdiceArea .DMtokenContainer{margin:5px}.DMtoken{backface-visibility:hidden;background-image:url(img/assets.png);background-size:900%;height:75px;position:absolute;width:75px}.DMtokenFront{background-position-x:12.5%}.DMtokenBack{background-position-x:0;transform:rotateY(180deg)}#generalactions>.DMdie{display:inline-block;margin-left:10px;pointer-events:all;vertical-align:middle}#generalactions .DMcard{display:inline-block;height:208px;margin:10px;transition:box-shadow .25s;vertical-align:middle;width:150px}#generalactions .DMcard:hover{box-shadow:0 0 5px 5px grey;transition:box-shadow .5s}