*{margin:0;padding:0;box-sizing:border-box}body{font-family:Karla,sans-serif;margin:0;background-color:#0b2434;padding:20px;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}div#root{height:100%;width:100%;max-height:500px;max-width:400px}main{background-color:#f5f5f5;height:100%;border-radius:5px;display:flex;gap:5%;flex-direction:column;justify-content:center;align-items:center;padding:20px 0}.title{font-size:40px}.instructions{font-family:Inter,sans-serif;font-weight:400;margin-top:0;text-align:center;padding:0 70px 10px}.numberBtn{width:40px;height:40px;font-size:1.3em;font-weight:700;font-family:Karla,sans-serif;background-color:#fff;border:none;border-radius:5px;box-shadow:#ccc 1px 2px 5px;color:#2b283a;cursor:pointer}[id*=pip]{background-repeat:no-repeat;background-position:center;background-size:40px 40px}#pip-1{background-image:url(/assets/pip-1-C4Ey65CD.png)}#pip-2{background-image:url(/assets/pip-2-CJ5ZBYyo.png)}#pip-3{background-image:url(/assets/pip-3-DvL9ws_0.png)}#pip-4{background-image:url(/assets/pip-4-DNRBQxSJ.png)}#pip-5{background-image:url(/assets/pip-5-DOD_S80j.png)}#pip-6{background-image:url(/assets/pip-6-CZ49MiFt.png)}.numberBtn:hover,.numberBtn:active,.isHeld{background-color:#59e391}section.numbers{display:grid;grid-template:auto auto / repeat(5,1fr);gap:1.5em;padding-bottom:10px}.rollBtn{height:50px;font-size:1.2rem;letter-spacing:.1em;font-weight:500;color:#fff;background-color:#5035ff;border:none;border-radius:5px;cursor:pointer;white-space:nowrap;width:auto;padding:6px 21px;margin:10px 0 15px}.rollBtn:hover{background-color:#2e1e96}.counter{font-size:15px}.counter p{display:inline;margin-right:10px}.counter p span{color:#813b3b;font-style:italic;font-weight:700}.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}