:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}html{height:100%}*{box-sizing:border-box}body{margin:0}#root{background-color:#0b2434;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}main{background-color:#f5f5f5;width:50%;height:50%;border-radius:15px;padding:25px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.title{font-size:40px;margin:0}.instructions{font-family:Inter,sans-serif;font-weight:400;margin-top:0;text-align:center}.dices-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,auto);gap:20px;align-items:center;justify-items:center;margin-bottom:40px}.dice-btn{height:50px;width:50px;box-shadow:0 2px 2px #00000026;border-radius:10px;border:none;background-color:#fff;font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;cursor:pointer}.dice-btn.is-held{background-color:#59e391;color:#fff}.roll-btn{background-color:#5035ff;color:#fff;width:200px;padding:5px 20px;box-shadow:0 2px 2px #00000026;border-radius:10px;border:none;font-family:Inter,sans-serif;font-size:1.75rem;cursor:pointer}@media(max-width:768px){main{padding:10px;width:90%;height:90%}.dices-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:20px}}