.roll-panel{display:flex;align-items:center;gap:18px;padding:14px 2px 0;color:var(--muted)}
.roll-panel>div{display:grid;gap:4px;flex:1}
.roll-panel small{font-size:10px}
.roll-panel strong{font-size:13px;color:#ded2d7;font-weight:500}
.roll-panel .die{font:30px Georgia,serif;color:#eadde1;min-width:34px;text-align:center}
.roll-panel .roll{min-width:128px}
@media(max-width:560px){.roll-panel{gap:10px}.roll-panel strong{font-size:11px}.roll-panel .die{font-size:25px}.roll-panel .roll{min-width:100px}}