body,html{height:100%;overflow:hidden}body{-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;font-family:Roboto,sans-serif;margin:0}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}header{background:#000;color:#fff;height:60px}header h1{line-height:1.5em;margin:0;text-align:center}header sup.version{font-size:.5em}#scorecard-container{display:flex;flex-wrap:wrap;gap:6px 8px;justify-content:center;margin:10px auto}.scorecard-item{background:#000;border:2px solid #000;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 3px 0 0 rgba(0,0,0,.15);color:#fff;height:76px;line-height:72px;overflow:hidden;text-align:center;width:76px}.scorecard-item span{display:inline-block;font-size:18px;line-height:normal;vertical-align:middle;width:60px}#scorecard-item-13,.scorecard{width:168px}.scorecard{box-sizing:border-box;color:#fff;padding:8px}.scorecard div{line-height:21px}#dices{bottom:60px;display:flex;flex-wrap:wrap;gap:6px 8px;justify-content:center;left:50%;margin-left:-130px;position:fixed;width:260px}.dice{background:#000;border:2px solid #000;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 3px 0 0 rgba(0,0,0,.15);color:#fff;height:76px;overflow:hidden;text-align:center;width:76px}@media only screen and (max-width:375px){header{height:40px}header h1{font-size:1.8em;line-height:1em}.scorecard-item{border:2px solid #000;border-radius:5px;height:65px;line-height:62px;width:65px}#scorecard-item-13,.scorecard{width:144px}.scorecard div{font-size:15px;line-height:18px}.scorecard-item span{font-size:16px}#dices{margin-left:-140px;width:279px}.dice{height:60px;width:60px}}.hold{border-color:#fff}.buttons{bottom:10px;display:flex;gap:6px 8px;justify-content:center;position:fixed;width:100%}.button{background:#000;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 3px 0 0 rgba(0,0,0,.15);box-sizing:border-box;color:#fff;height:40px;line-height:40px;text-align:center;width:calc(50% - 20px)}.button span{display:inline-block;font-size:16px;line-height:normal;vertical-align:middle;width:100%}#menu-button{float:left}#roll-button,#submit-button{float:right}.one{background:url(/build/images/1.c7bda1e3.svg)}.two{background:url(/build/images/2.59f38ec1.svg)}.three{background:url(/build/images/3.6761e5cb.svg)}.four{background:url(/build/images/4.38c8155b.svg)}.five{background:url(/build/images/5.47cb4052.svg)}.six{background:url(/build/images/6.0298f183.svg)}.disabled{opacity:.4}.hide{display:none}.opacity{opacity:0}#menu{background:rgba(0,0,0,.6);display:none;height:100%;left:0;position:fixed;top:0;width:100%}#menu-inner{background:#fff}#highscores-list{list-style:decimal none inside;margin:10px;padding:0}#highscores-list li{background:#fff;border:2px solid #000;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 3px 0 0 rgba(0,0,0,.15);box-sizing:border-box;color:#000;height:40px;line-height:36px;margin-bottom:6px;text-align:center}#highscore-popup{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;top:0;width:100%}#highscore-popup-inner{background:#fff;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 3px 0 0 rgba(0,0,0,.15);margin:120px auto;padding:10px 20px 30px;text-align:center;width:calc(100% - 80px)}#highscore-popup-inner input{font-size:16px;line-height:28px;margin:4px 0 14px;padding:2px 8px;text-align:center;width:calc(100% - 16px)}#highscore-popup-inner .button{margin:0 auto;width:auto}