.dice-container{text-align:center;#display:flex;flex-direction:column;align-items:center;background:#fff;padding:15px;border:1px solid #ddd;width:auto;margin:20px auto;box-shadow:0px 2px 5px rgba(0,0,0,.1);border-radius:3px}#diceResultContainer{display:flex;justify-content:center;margin-top:20px;gap:20px;flex-wrap:wrap}.dice-cube{width:120px;height:120px;background-color:#fff;border:3px solid #000;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .6s ease}.dice-container select,.dice-container input[type=number]{margin-left:0;margin-bottom:5px;padding:5px;font-size:14px}.dice-cube img{width:100%;#height:100%;border-radius:8px}@keyframes diceSpin{0%{transform:rotateX(0deg) rotateY(0deg)}25%{transform:rotateX(180deg) rotateY(0deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(0deg) rotateY(180deg)}100%{transform:rotateX(0deg) rotateY(0deg)}}.dice-spinning{animation:diceSpin 1s infinite}#diceSum{font-size:20px;font-weight:700;margin-top:15px}#rollDiceBtn{background:#0073aa;font-weight:700;font-size:16px;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:3px;transition:background .3s ease;margin-top:20px}#rollDiceBtn:active{transform:scale(.95)}#rollDiceBtn:hover{background:#005177}