*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-family:Rubik,sans-serif;font-weight:400;-webkit-tap-highlight-color:transparent}html{font-size:62.5%}body{background:#1f001f}@media only screen and (max-width:800px){html{font-size:60%}}.App{display:flex;justify-content:center;align-items:center;height:100vh}@media only screen and (max-width:600px){.App{display:block}}.Die{cursor:pointer;color:#ffb99a;font-size:4.5rem;margin:0 1.5rem;-webkit-filter:drop-shadow(0 2px 2px #222930);filter:drop-shadow(0 2px 2px #222930);-webkit-transition:all .3s,opacity 1s,-webkit-transform 1s;transition:all .3s,opacity 1s,-webkit-transform 1s;transition:all .3s,opacity 1s,transform 1s;transition:all .3s,opacity 1s,transform 1s,-webkit-transform 1s}.Die-animate{-webkit-animation:fan 1s ease-in-out;animation:fan 1s ease-in-out}.Die-disabled{color:#5d0021;-webkit-filter:none;filter:none}@-webkit-keyframes fan{0%{opacity:.6;-webkit-transform:rotate(0deg);transform:rotate(0deg);pointer-events:all}to{opacity:1;-webkit-transform:rotate(1turn);transform:rotate(1turn);pointer-events:none}}@keyframes fan{0%{opacity:.6;-webkit-transform:rotate(0deg);transform:rotate(0deg);pointer-events:all}to{opacity:1;-webkit-transform:rotate(1turn);transform:rotate(1turn);pointer-events:none}}@media only screen and (max-width:600px){.Die{margin:0 .75rem}}.Dice{background-color:#db3056;width:85%;margin:2rem auto 3rem;padding:2.6rem 1rem;border-radius:5px}@media only screen and (max-width:600px){.Dice{width:90%;margin:3rem auto 4rem;padding:3rem 1rem}}.Scoreboard{display:grid;grid-template-columns:repeat(2,50%);padding:2rem 0;background:#ff6464;position:relative}.Scoreboard-disabled{cursor:not-allowed;pointer-events:none}.lower,.upper{list-style:none;color:#57001e;background:#ffb99a;box-shadow:0 0 .3rem #000;margin:1rem 1.5rem}.lower-scores,.upper-scores{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem}.lower-scores:not(:last-child),.upper-scores:not(:last-child){border-bottom:1px solid #57001e}.lower-scores:hover,.upper-scores:hover{color:#f4f4f4;background-color:#851d41}.lower-scores span:first-child,.upper-scores span:first-child{font-size:1.4rem;font-weight:500}.lower-scores span:last-child,.upper-scores span:last-child{font-size:1.2rem}.disabled{text-decoration:line-through;color:#ffb99a;background-color:#57001e;cursor:not-allowed;pointer-events:none}.disabled:not(:last-child){border-bottom:1px solid #ffb99a}.disable:hover,.disabled:active{background-color:#57001e}@media only screen and (max-width:700px){.Scoreboard{display:block;padding:1.5rem 0}.lower,.upper{margin:1.65rem 1.5rem}.lower-scores span:first-child,.upper-scores span:first-child{font-size:1.2rem;font-weight:500}.lower-scores span:last-child,.upper-scores span:last-child{font-size:1rem}}.score-counter{position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);background-color:#ffb99a;height:20rem;width:25rem;box-shadow:0 0 1rem rgba(0,0,0,.75);outline:2px dashed #57001e;outline-offset:-2rem;z-index:90;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;-webkit-transform-origin:bottom;transform-origin:bottom}.score-counter>*{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.score-counter p{font-size:2rem;margin-bottom:1rem;top:40%;left:50%}.score-counter span{color:#57001e;font-size:3rem;top:70%;left:50%}.dim{opacity:0}@media only screen and (max-width:600px){.lower-scores:hover,.upper-scores:hover{color:#ffb99a;background-color:#57001e}}:root{--primary-color:#ffb99a;--outline-color:#a39f92;--background-color:#851d41}.Game{text-align:center;width:70rem;border:1.5rem solid #fff;border-radius:1rem}.Game-header{background-color:#851d41;background-color:var(--background-color);padding:2.2rem 0}.Game-header h1{font-size:3rem;font-weight:500;letter-spacing:.5px;color:#ffb99a;color:var(--primary-color);text-shadow:1px 1px 2px #5c1c00}.Game-btn{cursor:pointer;width:15rem;height:4.2rem;margin-bottom:.7rem;font-size:1.5rem;font-weight:500;text-transform:uppercase;color:#52001e;background:#ffb99a;background:var(--primary-color);box-shadow:none;border-radius:5px;border:1px solid #a39f92;border:1px solid var(--outline-color);outline:1px dashed currentColor;outline-offset:-7px;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:box-shadow .12s,-webkit-transform .12s;transition:box-shadow .12s,-webkit-transform .12s;transition:transform .12s,box-shadow .12s;transition:transform .12s,box-shadow .12s,-webkit-transform .12s}.Game-btn:active{-webkit-transform:translateY(1.75px);transform:translateY(1.75px);box-shadow:none}.Game-btn:disabled{opacity:.4;cursor:not-allowed}@media only screen and (max-width:600px){.Game{width:100vw;border-radius:0;border:none}}
/*# sourceMappingURL=main.2ccae26b.chunk.css.map */