*{box-sizing:border-box}body{background-image:linear-gradient(90deg,#434343 0,#000);font-family:Karla,sans-serif;height:100vh;justify-content:center;margin:0;position:relative}body,main{align-items:center;display:flex;padding:20px}main{background-color:#f5f5f5;border-radius:5px;flex-direction:column;height:400px;justify-content:space-around;max-width:800px}.dice-container{grid-gap:20px;display:grid;gap:20px;grid-template:auto auto/repeat(5,1fr);margin-bottom:40px}.die-face{align-items:center;border-radius:10px;box-shadow:0 4px 6px #0003;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:50px;justify-items:center;transition:transform .2s ease;width:50px}.die-face:hover{transform:scale(1.1)}.dot{background-color:#000;border-radius:50%;height:10px;width:10px}.roll-dice{background:linear-gradient(180deg,#ffffff26 0,#00000026),radial-gradient(at top center,#fff6 0,#0006 120%) #989898;background-blend-mode:multiply,multiply;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Karla,sans-serif;font-size:1.2rem;height:50px;transition:background .3s ease,box-shadow .3s ease;width:150px}.roll-dice:focus{outline:none}.roll-dice:active{background:linear-gradient(180deg,#ffffff1a 0,#0000004d),radial-gradient(at top center,#ffffff4d 0,#00000080 120%) #1a374d;background-blend-mode:multiply,multiply;box-shadow:inset 5px 5px 10px -3px #000000b3}.title{font-size:40px;margin:0}.instructions{font-family:Inter,sans-serif;font-weight:400;margin-top:0;text-align:center}.watermark{background-color:#0b2434;bottom:10px;height:auto;opacity:.5;position:absolute;right:10px;width:45px;z-index:10}.modal,.watermark{pointer-events:none}.modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease,visibility .5s ease;visibility:hidden;width:100%;z-index:1000}.modal.show{opacity:1;pointer-events:auto;visibility:visible}.modal-content{background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000004d;padding:30px;text-align:center;transform:translateY(-50px);transition:transform .4s ease}.modal.show .modal-content{transform:translateY(0)}.modal-content h2{font-size:2rem;margin-bottom:20px}.modal-content p{font-size:1.2rem;margin-bottom:30px}.modal-content button{padding:10px 20px;transition:background-color .3s ease}.modal-content button:hover{background-color:#2f2f30}
/*# sourceMappingURL=main.244b01a6.css.map*/