@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";:root{--clr-background: #0b2434;--clr-accent: #59e391;--clr-light: #f5f5f5;--clr-lighter: #ffffff;--crl-text: #4a4e74;--crl-text-darker: #2b283a;--clr-button: #5035ff;--ff-main: "Roboto", sans-serif;--ff-dice: "Karla", sans-serif}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}img{display:block;width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{font-family:var(--ff-main);background-color:var(--clr-background)}p{color:var(--crl-text)}body{margin:0;background-color:#0b2434;padding:20px;font-family:Karla,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}main{background-color:var(--clr-light);min-height:60vh;padding:2em;margin:2em;width:min(80vw,500px);border-radius:1em;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.app-container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh}.title{font-size:3em;text-transform:uppercase;color:var(--crl-text-darker)}.instructions{text-align:center}.winner{margin-top:.5em;font-size:1.5rem;font-weight:700;text-transform:uppercase;color:var(--clr-button)}.gradient-text{background-color:#ca4246;background-image:linear-gradient(45deg,#ca4246 16.666%,#e16541 16.666%,#e16541 33.333%,#f18f43 33.333%,#f18f43 50%,#8b9862 50%,#8b9862 66.666%,#476098 66.666%,#476098 83.333%,#a7489b 83.333%);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-text-simple-animation-rev .75s ease forwards}.gradient-text:hover{animation:rainbow-text-simple-animation .5s ease-in forwards}@keyframes rainbow-text-simple-animation-rev{0%{background-size:650%}40%{background-size:650%}to{background-size:100%}}@keyframes rainbow-text-simple-animation{0%{background-size:100%}80%{background-size:650%}to{background-size:650%}}.dice-container{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);grid-gap:1em;margin-block:1em}.die-face{display:flex;justify-content:center;align-items:center;flex-direction:column;width:2.5em;height:2.5em;padding:1.2em;background-color:var(--clr-lighter);color:var(--crl-text-darker);border-radius:5px;box-shadow:0 2px 2px #00000026;cursor:pointer;transition:all .1s ease-in-out}.die-face:hover{transform:scale(1.1);box-shadow:0 2px 1px #00000017,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017}.die-face.isHeld{background-color:var(--clr-accent)}.die-num{font-size:1.75rem;font-weight:700;font-family:var(--ff-dice)}.roll-dice{border-radius:10px;padding:1em 3em;font-family:var(--ff-main);background-color:var(--clr-button);color:var(--clr-lighter);font-weight:700;font-size:1rem;letter-spacing:2px;border:none;cursor:pointer;transition:all .1s ease-in-out;box-shadow:0 2px 1px #00000017,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017}.roll-dice:focus-visible,.roll-dice:hover{transform:scale(.95);box-shadow:0 2px 2px #00000026}.roll-dice:active{box-shadow:inset 5px 5px 10px -3px #000000b3}.stats-container{display:flex;justify-content:center;align-items:center;gap:2em;margin-top:1em;width:100%;font-size:1.1rem}.rolls-best,.time-best{display:flex;align-items:center;flex-direction:column;font-weight:700;color:var(--crl-text-darker)}.rolls-best>p:last-child,.time-best>p:last-child{margin-block:.5em}.unselectable{-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#c00}