@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=PT+Mono&display=swap);html{height:100vh}body{background-color:#0b2434;color:#2b283a;margin:0}body,button{font-family:Karla,sans-serif}main{margin:80px auto;max-width:80%;width:464px}.game-container{background-color:#f5f5f5;border-radius:8px;box-sizing:border-box;font-size:20px;padding:32px;text-align:center;width:100%}.game-container>h1{margin:8px}.game-container>p{margin:8px auto;max-width:90%;width:360px}.dice-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,1fr);margin:32px auto;position:relative;width:-webkit-min-content;width:min-content}@-webkit-keyframes show-dice{0%{background-color:#f5f5f5;visibility:visible}90%{background-color:#f5f5f5;visibility:visible}to{background-color:transparent;visibility:hidden}}@keyframes show-dice{0%{background-color:#f5f5f5;visibility:visible}90%{background-color:#f5f5f5;visibility:visible}to{background-color:transparent;visibility:hidden}}.countdown{align-items:center;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:show-dice;animation-name:show-dice;border-radius:8px;display:flex;font-weight:700;height:100%;justify-content:center;position:absolute;text-align:center;-webkit-transform:scale(1.1,1.2);transform:scale(1.1,1.2);width:100%}.countdown>*{color:#fff;height:56px;opacity:0;position:absolute}.one,.three,.two{-webkit-animation:countdown-number 1s ease-out;animation:countdown-number 1s ease-out}.two{-webkit-animation-delay:1s;animation-delay:1s}.one{-webkit-animation-delay:2s;animation-delay:2s}.start{-webkit-animation:countdown-start 1s ease-out 3s;animation:countdown-start 1s ease-out 3s}@-webkit-keyframes countdown-start{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}20%{opacity:100%;-webkit-transform:scale(1.05);transform:scale(1.05)}35%{opacity:100%;-webkit-transform:scale(1);transform:scale(1)}60%{opacity:100%;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:100%}to{opacity:0;-webkit-transform:scale(1.2,1.05);transform:scale(1.2,1.05)}}@keyframes countdown-start{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}20%{opacity:100%;-webkit-transform:scale(1.05);transform:scale(1.05)}35%{opacity:100%;-webkit-transform:scale(1);transform:scale(1)}60%{opacity:100%;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:100%}to{opacity:0;-webkit-transform:scale(1.2,1.05);transform:scale(1.2,1.05)}}@-webkit-keyframes countdown-number{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}10%{opacity:100%;-webkit-transform:scale(1);transform:scale(1)}40%{opacity:100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes countdown-number{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}10%{opacity:100%;-webkit-transform:scale(1);transform:scale(1)}40%{opacity:100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.die,.roll-button{border:none;border-radius:8px;box-shadow:0 4px 4px rgba(0,0,0,.15);cursor:pointer;font-size:24px;height:48px;transition:background-color .1s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,background-color .1s ease-out;transition:transform .2s ease-out,background-color .1s ease-out,-webkit-transform .2s ease-out}.die{background-color:#fff;font-weight:700;width:48px}.roll-button:active{box-shadow:2px 2px 2px rgba(0,0,0,.25);-webkit-transform:scale(.95);transform:scale(.95)}.die:hover{box-shadow:2px 8px 8px rgba(0,0,0,.1);-webkit-transform:scale(1.2);transform:scale(1.2)}.roll-stuff{align-items:center;display:flex;gap:16px;justify-content:center}.roll-button{background-color:#5035ff;color:#fff;font-weight:700;min-width:-webkit-max-content;min-width:max-content;width:148px}.roll-count{flex:1 1;text-align:left}.roll-timer{flex:1 1;font-family:PT Mono,monospace;position:relative;text-align:right}.die.dot-mode{align-items:center;display:grid;grid-template:repeat(3,1fr) /1fr 1fr;justify-items:center;padding:6px 2px}.dot{background-color:#000;border-radius:50%;display:block;height:8px;width:8px}.die.dot-mode[data-die-number="1"]>.dot{grid-area:1/1/4/3}.die.dot-mode[data-die-number="2"]>.dot:first-child{grid-area:1/2/1/2}.die.dot-mode[data-die-number="2"]>.dot:last-child{grid-area:3/1/3/1}.die.dot-mode[data-die-number="3"]>.dot:first-child{grid-area:1/2/1/2}.die.dot-mode[data-die-number="3"]>.dot:nth-child(2){grid-area:2/1/2/3}.die.dot-mode[data-die-number="3"]>.dot:last-child{grid-area:3/1/3/1}.die.dot-mode[data-die-number="4"]>.dot:last-child,.die.dot-mode[data-die-number="4"]>.dot:nth-child(3){grid-row:3}.die.dot-mode[data-die-number="5"]>.dot:nth-child(3){grid-column:span 2}.game-history-container{-webkit-animation:fade-drop-in .5s ease-out;animation:fade-drop-in .5s ease-out;border-radius:8px;box-sizing:border-box;color:#f5f5f5;font-size:20px;margin:auto;padding:16px 32px;width:100%}.game-history-container>h2{text-align:center}.game-history-container>table{margin:auto;width:100%}.game-history-container>table th{text-align:left}th{display:none}.game-history-container>table>tbody>tr>td:nth-child(2){font-family:PT Mono,monospace}.game-history-container>table>tbody>tr>td:nth-child(3):after{content:" rolls"}@-webkit-keyframes fade-drop-in{0%{opacity:0;-webkit-transform:translateY(-24px);transform:translateY(-24px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-drop-in{0%{opacity:0;-webkit-transform:translateY(-24px);transform:translateY(-24px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:480px){main{max-width:90%}.game-container{padding:32px 8px}.dice-container{gap:16px;grid-template-columns:repeat(5,1fr)!important}.die{height:48px;width:48px}.roll-count,.roll-timer{font-size:16px}.game-history-container>table>tbody>tr>:first-child{display:none}}.record{-webkit-animation:record .5s ease 0s infinite forwards;animation:record .5s ease 0s infinite forwards;color:#ff8928;display:block;font-family:Karla,sans-serif;font-size:.9em;font-weight:500;position:absolute;right:2px;text-align:center;top:-90%;width:68px}@-webkit-keyframes record{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes record{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.581fd2b2.css.map*/