*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0b2434;font-family:Karla,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}main{background-color:#fff;border-radius:10px;max-width:500px;width:100%;padding:30px 20px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:20px}.title{font-size:2.5rem;font-weight:700;text-align:center;color:#333}.instructions{font-size:1.2rem;text-align:center;color:#555;max-width:350px;margin:0 auto 20px}.dice-container{display:grid;gap:20px;grid-template-columns:repeat(5,1fr)}.die-face{background-color:#f0f0f0;border-radius:10px;box-shadow:2px 2px 5px #0000001a;display:flex;align-items:center;justify-content:center;font-size:2rem;height:70px;width:70px;cursor:pointer;transition:transform .2s,box-shadow .2s}.die-face:hover{transform:scale(1.05);box-shadow:3px 3px 8px #00000026}.roll-container{display:flex;justify-content:center}.btn{background-color:#5035ff;color:#fff;font-size:1.5rem;font-weight:600;border:none;border-radius:10px;padding:15px 25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;min-width:200px}.btn:hover{box-shadow:0 6px 10px #00000026}.btn:active{transform:translateY(2px)}.btn:focus{outline:none}.count-container{display:flex;justify-content:center;gap:30px;padding:20px 0}.rolls-count,.time-count,.highscore-count{font-size:1.2rem;color:#fff}@media (max-width: 600px){main{padding:20px 15px;gap:15px}.title{font-size:2rem}.instructions{font-size:1rem;margin-bottom:15px}.dice-container{grid-template-columns:repeat(3,1fr)}.die-face{height:60px;width:60px;font-size:1.75rem}.btn{min-width:150px;font-size:1.25rem;padding:10px 20px}}@media (min-width: 601px){main{padding:30px 25px;gap:20px}.title{font-size:2.5rem}.instructions{font-size:1.2rem}.dice-container{grid-template-columns:repeat(5,1fr)}.die-face{height:70px;width:70px;font-size:2rem}.btn{min-width:200px;font-size:1.5rem;padding:15px 25px}}