.du-notation-roller{width:100%;max-width:100%;position:relative}.du-notation-roller-shell{border-radius:var(--dui-radius-sm);box-sizing:border-box;background:0 0;border:none;flex-direction:column;display:flex;position:relative;overflow:visible}.du-notation-roller-row{background:var(--rs-gray-6);border:1px solid color-mix(in srgb, var(--rs-fg) 12%, transparent);border-radius:var(--dui-radius-sm);box-sizing:border-box;align-items:center;height:3rem;transition:border-color .15s;display:flex}.du-notation-roller-shell--valid .du-notation-roller-row{border-color:var(--rs-accent)}.du-notation-roller-shell--invalid .du-notation-roller-row{border-color:var(--rs-error)}.du-notation-roller-input-wrap{align-items:center;width:100%;min-width:0;padding:0 .75rem;display:flex;position:relative;overflow:hidden}.du-nr-input-wrap{min-width:0;font-family:var(--rs-font-mono);font-size:var(--rs-text-md);letter-spacing:0;font-kerning:none;flex:1;line-height:1;position:relative;overflow:hidden}.du-notation-roller-input{font-family:var(--rs-font-mono);font-size:var(--rs-text-md);letter-spacing:0;font-kerning:none;color:var(--rs-syntax-plus);caret-color:var(--rs-accent);box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0;line-height:1}.du-notation-roller-input:focus-visible{outline:2px solid var(--rs-accent);outline-offset:2px}.du-notation-roller-input--highlight{color:#0000}.du-notation-roller-buttons{flex-shrink:0;justify-content:center;align-items:center;margin-right:.5rem;display:flex}.du-notation-roller-roll-btn{background:var(--rs-accent);border-radius:var(--dui-radius-sm);height:1.75rem;color:var(--rs-on-accent);font-family:var(--rs-font-mono);font-size:var(--rs-text-2xs);font-weight:var(--rs-weight-bold);cursor:pointer;box-sizing:border-box;white-space:nowrap;border:none;justify-content:center;align-items:center;padding:0 .75rem;line-height:1;transition:background .15s,opacity .15s;display:inline-flex}.du-notation-roller-roll-btn:hover{background:color-mix(in srgb, var(--rs-accent) 85%, black)}.du-notation-roller-roll-btn:disabled{opacity:.4;cursor:default}.du-notation-roller-roll-btn:disabled:hover{background:var(--rs-accent)}.du-notation-roller-roll-btn:focus-visible{outline:2px solid var(--rs-accent);outline-offset:2px}.du-notation-roller-desc-row{min-height:0;font-family:var(--rs-font-mono);font-size:var(--rs-text-2xs);box-sizing:border-box;background:0 0;border-top:none;justify-content:flex-start;align-items:flex-start;gap:.75rem;padding:.35rem .5rem .5rem;line-height:1.4;display:flex}.du-notation-roller-desc{text-align:left;flex:1}.du-notation-roller-desc--hint{color:var(--rs-gray-3)}.du-notation-roller-desc--valid{color:var(--rs-gray-2)}.du-notation-roller-desc--invalid{color:var(--rs-error)}.du-nr-desc-chip{font-size:var(--rs-text-2xs);border-radius:var(--dui-radius-sm);cursor:default;user-select:none;color:var(--chip-color,inherit);padding:.05em .25em;line-height:1.5;transition:color .15s,opacity .12s}.du-nr-desc-chip--dim{opacity:.35}.du-nr-desc-sep{font-size:var(--rs-text-2xs);opacity:.5;user-select:none;transition:opacity .12s}.du-nr-desc-sep--dim{opacity:.2}.du-notation-roller-result-overlay{z-index:50;background:var(--rs-gray-6);border-radius:var(--dui-radius-sm);border:1.5px solid var(--rs-accent);width:66.67%;max-height:200%;box-shadow:var(--rs-shadow-overlay);font-family:var(--rs-font-mono);font-size:var(--rs-text-2xs);pointer-events:auto;padding:.5rem;display:block;position:absolute;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.du-notation-roller-result-overlay{animation:.3s cubic-bezier(.34,1.56,.64,1) du-nr-tooltip-in}}@media (prefers-reduced-motion:reduce){.du-notation-roller-result-overlay{animation:none}}.du-notation-roller-result-backdrop{z-index:49;backdrop-filter:blur(4px);background:color-mix(in srgb, var(--rs-bg) 30%, transparent);border-radius:var(--dui-radius-sm);pointer-events:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.du-notation-roller-result-backdrop{animation:.2s du-nr-backdrop-in}}@media (prefers-reduced-motion:reduce){.du-notation-roller-result-backdrop{animation:none}}.du-nr-tooltip-close{top:var(--dui-space-sm);right:var(--dui-space-sm);color:var(--rs-gray-2);font-size:var(--rs-text-base);cursor:pointer;z-index:1;background:0 0;border:none;padding:.1rem .25rem;line-height:1;transition:color .15s;position:absolute}.du-nr-tooltip-close:hover{color:var(--rs-gray-1)}.du-nr-tooltip-close:focus-visible{outline:2px solid var(--rs-accent);outline-offset:2px}@keyframes du-nr-tooltip-in{0%{opacity:0;filter:blur(4px);transform:translate(-50%,-50%)scale(.85)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes du-nr-backdrop-in{0%{opacity:0}to{opacity:1}}.du-nr-tooltip-flow{width:100%;font-family:var(--rs-font-mono);position:relative}.du-nr-tooltip-total-pane{float:left;min-width:2ch;margin:var(--dui-space-md);margin-right:var(--dui-space-sm);border:1px solid color-mix(in srgb, var(--rs-accent) 40%, transparent);border-radius:var(--dui-radius-sm);justify-content:center;align-items:center;padding:.5rem .75rem;display:flex}.du-nr-tooltip-total-value{font-family:var(--rs-font-mono);font-size:var(--rs-text-xl);font-weight:var(--rs-weight-bold);color:var(--rs-fg);line-height:1}.du-nr-tooltip-rows{display:block}.du-nr-tooltip-rows>*{justify-content:space-between;align-items:baseline;gap:var(--dui-space-sm);padding:var(--dui-space-xs) var(--dui-space-md);font-size:var(--rs-text-2xs);display:flex}.du-nr-tooltip-rows>:not(.du-nr-tooltip-header-line):nth-child(odd){background:color-mix(in srgb, var(--rs-fg) 4%, transparent)}.du-nr-tooltip-row{justify-content:space-between;align-items:baseline;gap:.25rem;display:flex}.du-nr-tooltip-header-line{border-bottom:1px solid color-mix(in srgb, var(--rs-fg) 10%, transparent);font-size:var(--rs-text-xs);flex-wrap:wrap;gap:.35rem;margin-bottom:.15rem;padding-bottom:.35rem}.du-nr-tooltip-notation{font-weight:var(--rs-weight-bold);color:var(--rs-accent);white-space:nowrap}.du-nr-tooltip-sep{color:var(--rs-gray-4);display:none}.du-nr-tooltip-desc{color:var(--rs-gray-2);font-size:inherit}.du-nr-tooltip-row--total{border-top:1px solid color-mix(in srgb, var(--rs-fg) 10%, transparent);padding:.35rem var(--dui-space-md) var(--dui-space-xs);background:color-mix(in srgb, var(--rs-fg) 4%, transparent);font-size:var(--rs-text-sm);justify-content:space-between;margin-top:.15rem}.du-nr-result-label--total{font-weight:var(--rs-weight-bold);color:var(--rs-fg)}.du-nr-result-dice--total{font-weight:var(--rs-weight-bold)}.du-input-wrap{min-width:0;position:relative}.du-notation-overlay{pointer-events:none;white-space:pre;font:inherit;line-height:inherit;letter-spacing:inherit;font-kerning:inherit;padding:0;position:absolute;top:0;left:0;right:0}.du-token{transition:color .12s,opacity .12s}.du-token--dim{opacity:.35}.du-token--active{text-underline-offset:2px;text-decoration:underline 1px}.du-token--unknown{color:var(--rs-error)}.du-roll-steps{gap:var(--dui-space-xs);flex-direction:column;display:flex}.du-pool-heading{font-family:var(--rs-font-mono);font-size:var(--rs-text-sm);color:var(--rs-gray-2);padding-bottom:var(--dui-space-xs);border-bottom:1px solid var(--rs-gray-4);margin:0}.du-step-row{justify-content:space-between;align-items:baseline;gap:var(--dui-space-sm);padding:var(--dui-space-xs) var(--dui-space-sm);font-family:var(--rs-font-mono);display:flex}.du-step-row--final{padding-top:var(--dui-space-sm);margin-top:var(--dui-space-xs)}.du-step-label{color:var(--rs-gray-2);flex-shrink:0}.du-step-arithmetic{font-family:var(--rs-font-mono);color:var(--rs-fg);font-weight:var(--rs-weight-semibold)}.du-step-final-math{font-family:var(--rs-font-mono);color:var(--rs-fg)}.du-step-divider{border:none;border-top:1px solid var(--rs-gray-4);margin:var(--dui-space-xs) 0}.du-die-badges{gap:var(--dui-space-xs);flex-wrap:wrap;align-items:center;display:flex}.du-die-badge{border-radius:var(--dui-radius-sm);min-width:1.5em;font-family:var(--rs-font-mono);font-weight:var(--rs-weight-medium);color:var(--rs-fg);background:0 0;justify-content:center;align-items:center;padding:.125rem .25rem;display:inline-flex}.du-die-badge--removed{color:var(--rs-error);opacity:.85}.du-die-badge--added{color:var(--rs-fg)}.du-replacement-pair{align-items:center;gap:.15em;display:inline-flex}.du-replacement-arrow{color:var(--rs-gray-2);font-size:.75em}
