*{box-sizing:border-box}body{background-color:#2b283a;color:#2b283a;font-family:Karla,sans-serif;margin:0;padding:60px 16px}main{align-items:center;background-color:#f5f5f5;border-radius:10px;box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;gap:16px;justify-content:space-around;margin-left:auto;margin-right:auto;max-width:800px;min-height:600px;padding:40px 20px}.title{font-size:3rem;margin:0}.instructions{color:#4a4e74;font-size:1.4rem;margin:0;max-width:600px;padding:0 25px;text-align:center}.die-container{grid-gap:30px;background-color:initial;display:grid;gap:30px;grid-template:auto auto/repeat(5,1fr)}.die-face{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;font-size:1.5rem;height:90px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease;-webkit-user-select:none;user-select:none;width:100px}.die-face:hover{box-shadow:0 6px 10px #0003;transform:translateY(-3px)}.die-face:active{transform:translateY(0)}.die-face h2{margin:0}.roll-dice{background:#5035ff;border:none;border-radius:8px;box-shadow:0 3.2px 7.68px #0000002e;color:#fff;cursor:pointer;font-family:inherit;font-size:1.3rem;font-weight:700;height:55px;min-width:150px;padding:0 24px;transition:background-color .15s ease,transform .15s ease}.roll-dice:hover{background:#3f28e0;transform:translateY(-2px)}.roll-dice:focus{outline:none}.roll-dice:focus-visible{outline:3px solid #a99bff;outline-offset:3px}.roll-dice:active{box-shadow:inset 5px 5px 10px -3px #000000b3;transform:translateY(0)}.timer{background:#e6e3ff;border-radius:999px;color:#5035ff;font-size:1.2rem;font-weight:700;margin:0;padding:6px 16px}.help-btn{background:none;border:none;color:#5035ff;cursor:pointer;font-family:inherit;font-size:1rem;text-decoration:underline}.help-btn:hover{color:#3f28e0}.help-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10}.help-box{background:#f5f5f5;border-radius:10px;box-shadow:0 10px 30px #00000059;font-size:1.1rem;max-width:500px;padding:30px 40px}.help-box h2{margin-top:0}.help-box li{margin-bottom:8px}.help-close{margin-top:10px}@media (max-width:700px){body{padding:20px 12px}.title{font-size:2.2rem}.instructions{font-size:1.1rem;padding:0}.die-container{gap:12px}.die-face{font-size:1.1rem;height:52px;width:52px}.help-box{padding:24px}}
/*# sourceMappingURL=main.fb41a2f2.css.map*/