#screenRollResult{display:flex;align-items:center;gap:12px;padding:6px 12px;min-height:48px;max-height:48px;overflow:visible;white-space:normal;background:#101a29;border-color:#35445b;position:relative;z-index:22;color:#e2e8f0}#screenRollResult:hover{white-space:normal}.roll-total{font-size:27px;line-height:1;font-weight:700;color:#fcd34d;min-width:38px;text-align:center;border-right:1px solid #334155;padding-right:12px;font-variant-numeric:tabular-nums}.roll-summary{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.roll-label{font-size:10px;color:#94a3b8}.roll-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roll-message{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roll-placeholder{color:#64748b;font-size:11px}.roll-natural{border:1px solid #556133;background:#273019;color:#d9e99e;border-radius:5px;padding:4px 7px;font-size:10px;white-space:nowrap}.roll-natural.roll-low{border-color:#673b44;background:#321c24;color:#fda4af}.roll-breakdown{flex-shrink:0;font-size:11px}.roll-breakdown summary{color:#94a3b8;cursor:pointer}.roll-breakdown>div{position:absolute;top:calc(100% + 5px);right:0;background:#152033;border:1px solid #475569;box-shadow:0 8px 24px #0008;border-radius:8px;padding:12px;color:#cbd5e1;max-width:min(460px,90vw);max-height:180px;overflow:auto;line-height:1.6}@media(max-width:600px){#screenRollResult{gap:7px}.roll-total{font-size:23px}.roll-natural{display:none}}
#screenRollResult .roll-breakdown{display:flex;flex-direction:column;gap:3px;align-items:flex-end;margin-left:auto;padding-left:16px;border-left:1px solid #334155;min-width:0;max-width:55%;flex-shrink:1;text-align:right}
.roll-breakdown-label{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-weight:600}
.roll-breakdown-value{font-size:12px;line-height:1.4;color:#dbe5f3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-height:34px;overflow:auto}
#screenRollResult .roll-summary{flex:1;min-width:100px}#screenRollResult .roll-natural{flex-shrink:0}
@media(max-width:600px){#screenRollResult .roll-breakdown{max-width:48%;padding-left:8px}.roll-breakdown-value{font-size:10px}#screenRollResult .roll-summary{min-width:65px}}