@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap";*{box-sizing:border-box;font-family:Karla,sans-serif}::selection{background-color:#5035ff;color:#eee}button{transition:.2s;color:#000;-webkit-user-select:none;user-select:none}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{filter:brightness(.96)}button:not(:disabled):active{filter:brightness(.9)}body{background-color:#0b2434;display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;margin:0;padding:min(20px,2vw);transition:.2s}#root{display:flex;justify-content:center;align-items:center;width:100%;height:100%}main{min-height:350px;min-width:min(400px,100%);max-width:450px;background-color:#f5f5f5;border-radius:5px;padding:2rem min(2rem,4vw);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;transition:.2s}.title{margin-block:.2em}.instructions{color:#4a4e74;max-width:30ch;text-align:center;margin-block:.2em}.stats{color:#4a4e74;display:flex;justify-content:space-between;width:100%;gap:2ch}.timer{width:5ch}.dice-container{display:grid;grid-template-columns:repeat(5,1fr);gap:min(1rem,3.5vw) min(1rem,2vw);justify-items:center;align-items:center;margin-block:.5rem 1rem;width:100%}.die{font-size:min(1.7rem,8vw);font-weight:700;padding:.3em .5em;width:min(3ch,15vw);border:none;border-radius:5px;box-shadow:0 5px 5px #00000026;background-color:#fff}.die.held{background-color:#59e391}.roll-button{background-color:#5035ff;font-size:1.5rem;color:#fff;padding:.3em 1em;border:none;border-radius:5px}.roll-button:disabled{opacity:.7}.roll-button:not(:disabled):hover{scale:1.05}.roll-button:not(:disabled):active{scale:.9}@media screen and (width < 450px){body{padding:0}main{width:100%;height:100%;border-radius:0;gap:1.5rem}.source-button path{fill:#24292f}}.source-button{position:fixed;right:1rem;bottom:1rem;width:2rem;height:2rem;border-radius:50%;cursor:pointer;transition:.2s}.source-button:hover{opacity:.9;scale:1.1}.source-button:active{opacity:.7}.source-button svg{width:100%!important;height:100%!important}.source-button path{transition:.2s}