*{box-sizing:border-box}body{font-family:Karla,sans-serif;margin:0;background-color:#0b2434;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}div#root{width:100%;max-width:400px}main{background-color:#f5f5f5;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:24px;padding:32px 24px}.title{font-size:40px;margin:0}.instructions{font-family:Inter,sans-serif;font-weight:400;margin:0;text-align:center;font-size:.9rem;color:#4a4a4a}.stats{display:flex;gap:40px}.stat{display:flex;flex-direction:column;align-items:center;background:#e8e8e8;border-radius:8px;padding:6px 20px;min-width:80px}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#777;font-weight:600}.stat-value{font-size:1.3rem;font-weight:700;color:#0b2434;font-variant-numeric:tabular-nums}.dice-container{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;width:100%}.die-face{aspect-ratio:1;width:100%;border-radius:10px;border:none;background-color:#fff;box-shadow:0 2px 4px #0003;cursor:pointer;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;transition:background-color .15s ease,transform .1s ease}.die-face:hover{transform:scale(1.08)}.die-face.held{background-color:#59e391;box-shadow:0 2px 4px #59e39166}.pip{border-radius:50%;display:block;background-color:transparent}.pip--active{background-color:#2d2d2d}.die-face.held .pip--active{background-color:#155a30}button{font-family:Karla,sans-serif;cursor:pointer}button.roll-dice{height:50px;white-space:nowrap;width:auto;padding:6px 32px;border:none;border-radius:6px;background-color:#5035ff;color:#fff;font-size:1.2rem;font-weight:600;transition:background-color .15s ease,transform .1s ease}button.roll-dice:hover{background-color:#3a22e0;transform:scale(1.03)}.win-message{font-size:.95rem;font-weight:600;color:#155a30;margin:0;text-align:center;visibility:hidden}.win-message--visible{visibility:visible}.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}@media(max-width:480px){body{padding:0;background-color:#f5f5f5}div#root{max-width:100%;min-height:100vh}main{min-height:100vh;border-radius:0;padding:40px 20px;gap:28px}.title{font-size:36px}.dice-container{gap:10px}.die-face{padding:6px}button.roll-dice{width:100%;font-size:1.1rem}}@media(max-width:768px)and (orientation:landscape){body{padding:10px}main{padding:16px 24px;gap:14px}.title{font-size:28px}.instructions{font-size:.8rem}.stat{padding:4px 16px}.stat-value{font-size:1.1rem}.dice-container{gap:10px}}