body{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}.App,body{align-items:center;display:flex;justify-content:center}.App{flex-direction:column;height:100%;padding:20px}h1{color:#333;font-size:24px;margin-bottom:20px}.dice-container{flex-wrap:nowrap;gap:10px}.dice,.dice-container{display:flex;justify-content:center}.dice{align-items:center;background-color:#fff;border:2px solid #ccc;box-shadow:0 4px 6px #0000001a;color:#333;font-size:20px;font-weight:700;height:60px;transition:transform .2s;width:60px}.dice.rolling{animation:bounce 1.5s infinite;background-color:#f4f4f4}.spin{animation:spin .5s linear infinite;font-size:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#0056b3}button:disabled{background-color:#aaa;cursor:not-allowed}@media (max-width:768px){.dice-container{flex-wrap:wrap;max-width:250px}.dice{font-size:16px;height:50px;width:50px}button{font-size:14px;padding:8px 16px}}@media (max-width:480px){.dice-container{justify-content:center;max-width:230px}.dice{font-size:14px;height:45px;width:45px}button{font-size:12px;padding:6px 12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.7cfa2de6.css.map*/