@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";body{font-family:Inter,sans-serif;padding:0;margin:0}body *{box-sizing:border-box}#root{max-width:768px;height:100vh;margin:auto;text-align:center;background-color:#0b2434;padding:40px}main{background-color:#f5f5f5;width:100%;height:100%;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.dice-container{display:grid;grid-template-columns:auto auto auto auto auto;grid-gap:20px;align-content:center;justify-items:center;margin:40px 0}.dice-container button{height:90px;width:90px;min-height:50px;min-width:50px;box-shadow:0 2px 2px #00000026;border-radius:10px;border:none;background-color:#fff;font-size:1.75rem;font-weight:700}button.roll-dice{white-space:nowrap;width:auto;padding:18px 63px;border:none;border-radius:6px;background-color:#5035ff;color:#fff;font-size:1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.timer-container{position:absolute;top:20px;right:20px}.timer-display{font-size:1.2rem;font-weight:700;color:#0b2434;background-color:#fffc;padding:8px 12px;border-radius:6px;border:2px solid #0b2434}.final-time{margin-top:20px;font-size:1.1rem;color:#0b2434}