:root{--bg-dark: #002b36;--bg-light: #fdf6e3;--button-default: #2aa198;--button-active: #6c71c4}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}h1{font-size:3rem;font-weight:900;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--button-default)}h2{color:var(--button-default);font-size:.8rem;padding:0 20px}.title-div{display:flex;flex-direction:column;align-items:flex-end}p{color:var(--button-default);font-size:.8rem;padding:0 20px}.instructions{padding:10px 30px;text-align:center;font-size:1rem}div#root{height:100%;width:100%;max-height:350px;min-height:450px;max-width:400px}body{background-color:var(--bg-dark);display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:125px 100px}main{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;min-height:250px}.die-div{display:grid;grid-template:auto auto / repeat(5,1fr);gap:20px;padding:25px 0;position:relative}.die{color:var(--bg-dark);height:50px;width:50px;border-radius:10px;font-size:2rem;box-shadow:0 2px 2px #00000026;border:none;background-color:var(--bg-light);font-weight:700}.die:active{background-color:var(--bg-light)}.die:disabled{background-color:var(--button-active)}.die-hold{background-color:var(--button-active)}button{cursor:pointer}.roll-button{border:none;box-shadow:0 2px 2px #00000026;background-color:var(--button-default);font-size:1.5rem;padding:5px 10px;border-radius:10px;color:var(--bg-light);white-space:nowrap;width:auto}.restart-button{border:none;box-shadow:0 2px 2px #00000026;background-color:var(--button-default);font-size:.9rem;padding:5px 10px;border-radius:10px;color:var(--bg-light);margin-top:80px}button:active{background-color:var(--button-active)}.win-popup-text{font-size:.9rem;background-color:var(--bg-dark);color:#cb4b16;padding:30px;opacity:.85;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;border-radius:25px}.visibility-hidden{visibility:hidden}@media (max-width: 600px){main{width:100vw;height:100vh;border-radius:0;justify-content:start;gap:25px;padding-top:75px}body{padding:0;display:block}}