yahtzee.css

body{user-select:none;text-align:center;display:flex;justify-content:center}#game{display:flex;align-items:center;height:fit-content;margin-top:7px}#game .diceContainer{margin-right:50px}.die{width:60px;height:60px;display:flex;margin:5px;border:1px solid darkgrey;opacity:.5;cursor:pointer;border-radius:10px}.die.free{opacity:1}.die.waiting{cursor:default;background-color:aliceblue}.die:after{width:60px;height:60px;content:'';background-repeat:no-repeat;background-size:15px 15px}.die.d1{background-color:lightblue}.die.d1:after{background-image:radial-gradient(black 50%, transparent 0);background-position:22.5px}.die.d2{background-color:lightgreen}.die.d2:after{background-image:radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0);background-position:4px 4px,41px 41px}.die.d3{background-color:#ffc966}.die.d3:after{background-image:radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0);background-position:4px 4px,22.5px,41px 41px}.die.d4{background-color:#ff9}.die.d4:after{background-image:radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0);background-position:4px 4px,4px 41px,41px 4px,41px 41px}.die.d5{background-color:lightpink}.die.d5:after{background-image:radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0);background-position:4px 4px,4px 41px,22.5px,41px 4px,41px 41px}.die.d6{background-color:#ff80ff}.die.d6:after{background-image:radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0),radial-gradient(black 50%, transparent 0);background-position:4px 4px,4px 22.5px,4px 41px,41px 4px,41px 22.5px,41px 41px}#roll{width:62px;height:40px;margin-top:25px;font-size:20px;cursor:pointer}#roll.disabled{cursor:not-allowed}.scoreboard{border-collapse:collapse;cursor:default;text-align:center}.scoreboard td{border:2px solid darkgrey;padding:3px;min-width:25px;height:31px}.scoreboard th{border:2px solid darkgrey;padding:3px 5px}.scoreboard .totals,.scoreboard #threeofakind{border-top:3px solid darkgrey}.scoreboard .totals,.scoreboard .bonus{background-color:#eee}.scoreboard .scoreCell{color:black}.scoreboard .scoreCell.free{color:#fff;cursor:pointer}.scoreboard .scoreCell.free:hover{color:#bbb}.scoreboard .scoreCell.free.waiting{cursor:default}#undo{margin-top:10px;width:100%;padding:5px;cursor:pointer}#undo.hidden{opacity:0;cursor:default}#highscores{position:absolute;right:15px;top:15px;text-align:center;border-collapse:collapse}#highscores td:not(.clearHighscores),#highscores th{padding:5px;border:solid 2px darkgrey}#highscores th{border-bottom-width:3px}#highscores td.clearHighscores{padding:5px 0}#highscores td.clearHighscores #clearHighscoresButton{padding:5px;width:100%}/*# sourceMappingURL=yahtzee.css.map */