body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#feeddb}.container{position:absolute;top:0;left:0;height:100%;background-color:gray}.columnRight{position:absolute;left:350px;width:76vw;height:calc(100% - 57px);background:#fdecdc}.columnLeft{position:fixed;width:345px;height:800px}.controls{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;padding:4px 8px 4px 4px;margin-right:-2px;min-height:40px}.controls>button{display:inline;align-items:center;padding:6px 14px;margin-right:5px;margin-top:10px;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;border-radius:6px;border:none;color:#fff;cursor:pointer;background-origin:border-box;box-shadow:0 .5px 1.5px #367af640,inset 0 .8px 0 -.25px #fff3;user-select:none;-webkit-user-select:none;touch-action:manipulation}.controls>button.roll{background:linear-gradient(180deg,#4b91f7,#175e13)}.controls>button.restart{background:linear-gradient(180deg,#eb1717,#175e13)}.controls>button.debug{background:linear-gradient(180deg,#7d7979,#175e13)}.controls>button:focus{box-shadow:inset 0 .8px 0 -.25px #fff3,0 .5px 1.5px #367af640,0 0 0 3.5px #3a6cd980;outline:0}.controls>button:disabled,.controls>button[disabled]{border:1px solid #999999;background-color:#ccc;color:#666;cursor:not-allowed}.canvas{background:#000;border:8px solid white}div.selectedDiceDisplay{width:700px;text-align:center;display:inline-block}span.face{display:inline-block;width:30px;height:30px;vertical-align:bottom;border:1px solid black;margin-left:5px}span.face_1{background:url(/assets/dice_1-DPWysqei.jpeg) no-repeat top left;background-size:contain}span.face_2{background:url(/assets/dice_2-pl5T6YM4.jpeg) no-repeat top left;background-size:contain}span.face_3{background:url(/assets/dice_3-Ds8erm3F.jpeg) no-repeat top left;background-size:contain}span.face_4{background:url(/assets/dice_4-HLla0nk0.jpeg) no-repeat top left;background-size:contain}span.face_5{background:url(/assets/dice_5-BgsPKJ3A.jpeg) no-repeat top left;background-size:contain}span.face_6{background:url(/assets/dice_6-Cb0nu6zs.jpeg) no-repeat top left;background-size:contain}.right{float:right}.round{font-weight:700;margin-left:20px}