*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}body{font-family:"Roboto",sans-serif;margin:0;padding:0;height:100vh;background-image:linear-gradient(to left top, #2666c7, #1775d2, #0783db, #0292e4, #12a0eb)}.container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;text-align:center;border-radius:15px;overflow:hidden}.container .sec{padding:2rem;background:rgba(255,255,255,.8);width:425px;height:65vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .shadowed{opacity:.5;background:#fff}.container .sec .player{text-transform:uppercase}.container .sec .score{font-size:5em;color:#1775d2}.container .sec .square{background:#1775d2;color:#fff;padding:1.5rem 4rem;border-radius:15px;text-transform:uppercase}.container button{font-size:16px;font-weight:700;position:absolute;left:50%;transform:translateX(-50%);background:#fff;outline:none;box-shadow:1px 1px 1px rgba(136,136,136,.5333333333);border:0;padding:.25rem .75rem;border-radius:.75rem;text-transform:uppercase;cursor:pointer;z-index:5}.container button:hover{background:#efefef}.container button:active{background:#fff}.container .rules-btn{top:4.5%}.container .new-game-btn{top:12.5%}.container .roll-btn{top:62.5%}.container .hold-btn{top:75%}.container .dice{position:absolute;left:50%;top:25%;transform:translateX(-50%);height:100px;width:100px;background:#fff;border-radius:12px;display:grid;z-index:5;box-shadow:1px 1px 1px rgba(136,136,136,.5333333333);align-items:center}.container .dice span{background:#333;width:20px;height:20px;border-radius:50%;display:block;box-shadow:1px 1px 1px #888;justify-self:center}.container .dice2{grid-template-columns:1fr;grid-template-rows:repeat(2, 1fr)}.container .dice3{grid-template-rows:repeat(3, 1fr);grid-template-columns:repeat(3, 1fr);padding:5px}.container .dice3 span:nth-child(1){grid-area:1/1/1/2}.container .dice3 span:nth-child(2){grid-area:2/2/2/3}.container .dice3 span:nth-child(3){grid-area:3/3/3/4}.container .dice4{grid-template-rows:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr)}.container .dice5{grid-template-rows:repeat(3, 1fr);grid-template-columns:repeat(3, 1fr);padding:5px}.container .dice5 span:nth-child(1){grid-area:1/1/1/2}.container .dice5 span:nth-child(2){grid-area:1/3/1/4}.container .dice5 span:nth-child(3){grid-area:2/2/2/3}.container .dice5 span:nth-child(4){grid-area:3/1/3/2}.container .dice5 span:nth-child(5){grid-area:3/3/3/4}.container .dice6{grid-template-rows:repeat(3, 1fr);grid-template-columns:repeat(2, 1fr)}.container .hidden{opacity:0}.container .notice{color:#ff1414;position:absolute;left:50%;transform:translateX(-50%);top:90%;z-index:5;display:none}.modal{background:#fff;width:750px;height:325px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;align-items:center;justify-content:center;z-index:10;font-size:2em;border-radius:15px;box-shadow:2px 2px 2px rgba(102,102,102,.6666666667);text-transform:uppercase}.modal .x-button{position:absolute;top:15px;right:15px;padding:0 12px;cursor:pointer}.modal .x-button:hover{background:#eee}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(136,136,136,.6);z-index:9;display:none}.start-modal{display:flex;justify-content:space-around;width:850px;height:600px;background:rgba(0,0,0,0);border-radius:15px;overflow:hidden}.start-modal .player-lb{margin:12px}.start-modal .player-name{border:1px solid #555;padding:4px 12px;font-size:24px;border-radius:6px;outline:none}.start-modal button{outline:none;background:none;font-size:24px;padding:4px 12px;margin-top:12px;border:none;background:#0292e4;color:#fff;border-radius:6px;cursor:pointer}.start-modal button:hover{background:#0783db}.start-modal #msg1{font-size:16px;text-transform:none;margin-top:12px;color:#ff1414}.start-modal .sec{width:50%;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.start-modal .selected{background:rgba(255,255,255,.8)}.start-modal .not-selected{opacity:.5;background:#fff}.start-modal .rules-sec p{font-size:20px;margin-top:12px;font-weight:400}.start-modal .rules-sec .ok-btn{cursor:auto}.start-modal .rules-sec{line-height:26px;padding:1rem}/*# sourceMappingURL=style.css.map */