.saas-roll-grid{gap:var(--saas-space-sm);grid-template-columns:repeat(auto-fill,minmax(172px,1fr));margin:0;padding:0;display:grid}.saas-roll-grid[data-wide=true]{grid-template-columns:repeat(auto-fill,minmax(208px,1fr))}.saas-roll-grid__item{min-inline-size:0;display:grid}.saas-roll-card{--card-ink:var(--saas-status-success-fill);--card-wash:var(--saas-bg-surface);--card-edge:var(--saas-border-default);align-content:start;gap:var(--saas-space-sm);padding:var(--saas-space-sm) var(--saas-space-sm) var(--saas-space-md);border:1px solid var(--card-edge);border-radius:var(--saas-radius-lg);background:var(--card-wash);transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard), transform var(--saas-motion-micro) var(--saas-ease-standard);display:grid;position:relative;overflow:hidden}.saas-roll-card[data-tone=danger]{--card-ink:var(--saas-status-danger-fill);--card-wash:var(--saas-status-danger-subtle);--card-edge:var(--saas-status-danger-fill)}.saas-roll-card[data-tone=warning]{--card-ink:var(--saas-status-warning-fill);--card-wash:var(--saas-status-warning-subtle);--card-edge:var(--saas-status-warning-fill)}.saas-roll-card[data-tone=info]{--card-ink:var(--saas-status-info-fill);--card-wash:var(--saas-status-info-subtle);--card-edge:var(--saas-status-info-fill)}.saas-roll-card:hover{border-color:var(--card-ink)}.saas-roll-card:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-roll-card__stamp{color:var(--card-ink);opacity:.1;pointer-events:none;transition:opacity var(--saas-motion-micro) var(--saas-ease-standard);font-size:56px;font-weight:800;line-height:1;position:absolute;inset-block-end:-10px;inset-inline-end:6px}.saas-roll-card[data-status=PRESENT] .saas-roll-card__stamp{opacity:0}.saas-roll-card__top{align-items:center;gap:var(--saas-space-xs);min-block-size:20px;display:flex}.saas-roll-card__roll{padding:1px var(--saas-space-xs);border-radius:var(--saas-radius-sm);background:var(--saas-bg-sunken);color:var(--saas-text-secondary);font-family:var(--saas-font-mono);font-size:var(--saas-font-caption);font-variant-numeric:tabular-nums}.saas-roll-card__flag{padding:1px var(--saas-space-xs);border-radius:var(--saas-radius-full);background:var(--saas-status-danger-subtle);color:var(--saas-status-danger);font-size:var(--saas-font-caption);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.saas-roll-card__flag[data-tone=warning]{background:var(--saas-status-warning-subtle);color:var(--saas-status-warning)}.saas-roll-card__flag[data-tone=info]{background:var(--saas-status-info-subtle);color:var(--saas-status-info)}.saas-roll-card__dirty{border-radius:var(--saas-radius-full);background:var(--saas-brand-primary);flex:none;block-size:8px;inline-size:8px;margin-inline-start:auto}.saas-roll-card__face{justify-items:center;gap:var(--saas-space-xs);color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;padding:0;display:grid}.saas-roll-card__face:disabled{cursor:default}.saas-roll-card__avatar{border-radius:var(--saas-radius-full);box-shadow:0 0 0 2px var(--saas-bg-surface), 0 0 0 4px var(--card-ink);transition:transform var(--saas-motion-micro) var(--saas-ease-standard), box-shadow var(--saas-motion-micro) var(--saas-ease-standard);display:grid}.saas-roll-card__face:not(:disabled):active .saas-roll-card__avatar{transform:scale(.94)}.saas-roll-card__who{gap:2px;min-inline-size:0;display:grid}.saas-roll-card__name{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.saas-roll-card__caption{color:var(--saas-text-secondary);font-size:var(--saas-font-caption)}.saas-roll-card__rate[data-tone=danger]{color:var(--saas-status-danger);font-weight:600}.saas-roll-card__rate[data-tone=warning]{color:var(--saas-status-warning)}.saas-roll-card__choices{justify-content:center;gap:var(--saas-space-2xs);flex-wrap:wrap;display:flex}.saas-roll-card__choice{--choice-ink:var(--saas-status-success-fill);block-size:30px;min-inline-size:30px;padding-inline:var(--saas-space-2xs);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);color:var(--saas-text-secondary);font-family:var(--saas-font-family);font-size:var(--saas-font-caption);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard), color var(--saas-motion-micro) var(--saas-ease-standard), transform var(--saas-motion-micro) var(--saas-ease-standard);place-items:center;font-weight:700;display:grid}.saas-roll-card__choice[data-tone=danger]{--choice-ink:var(--saas-status-danger-fill)}.saas-roll-card__choice[data-tone=warning]{--choice-ink:var(--saas-status-warning-fill)}.saas-roll-card__choice[data-tone=info]{--choice-ink:var(--saas-status-info-fill)}.saas-roll-card__choice:not(:disabled):hover{border-color:var(--choice-ink);color:var(--saas-text-primary)}.saas-roll-card__choice:not(:disabled):active{transform:scale(.92)}.saas-roll-card__choice[aria-checked=true]{border-color:var(--choice-ink);background:var(--choice-ink);color:var(--saas-brand-on-primary)}.saas-roll-card__choice:disabled{cursor:default}.saas-roll-card__choice:disabled:not([aria-checked=true]){opacity:.45}.saas-roll-card__remark{inline-size:100%;min-inline-size:0;padding:var(--saas-space-2xs) var(--saas-space-xs);border:1px dashed var(--card-edge);border-radius:var(--saas-radius-sm);background:var(--saas-bg-surface);color:var(--saas-text-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-caption);position:relative}.saas-roll-card__remark:focus-visible{box-shadow:var(--saas-focus-ring);border-style:solid;outline:none}.saas-roll-card__detail{justify-content:center;gap:var(--saas-space-xs);flex-wrap:wrap;display:flex;position:relative}.saas-roll-grid[data-view=list]{gap:var(--saas-space-xs);grid-template-columns:minmax(0,1fr)}.saas-roll-grid[data-view=list] .saas-roll-card{padding:var(--saas-space-xs) var(--saas-space-sm);align-items:center;column-gap:var(--saas-space-md);grid-template-columns:64px minmax(160px,1fr) auto minmax(140px,220px);grid-template-areas:"top face choices remark"".detail detail detail"}.saas-roll-grid[data-view=list] .saas-roll-card__top{grid-area:top}.saas-roll-grid[data-view=list] .saas-roll-card__face{place-items:center start;column-gap:var(--saas-space-sm);text-align:start;grid-area:face;grid-template-columns:auto minmax(0,1fr)}.saas-roll-grid[data-view=list] .saas-roll-card__choices{grid-area:choices}.saas-roll-grid[data-view=list] .saas-roll-card__remark{grid-area:remark}.saas-roll-grid[data-view=list] .saas-roll-card__detail{grid-area:detail;justify-content:start}.saas-roll-grid[data-view=list] .saas-roll-card__stamp,.saas-roll-grid[data-view=list] .saas-roll-card__flag{display:none}@media (width<=599px){.saas-roll-grid{gap:var(--saas-space-xs);grid-template-columns:minmax(0,1fr)}.saas-roll-card,.saas-roll-grid[data-view=list] .saas-roll-card{align-items:center;gap:var(--saas-space-xs);padding:var(--saas-space-xs) var(--saas-space-sm);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"face top""choices choices""remark remark""detail detail"}.saas-roll-card__top{grid-area:top}.saas-roll-card__face{place-items:center start;column-gap:var(--saas-space-sm);text-align:start;grid-area:face;grid-template-columns:auto minmax(0,1fr)}.saas-roll-card__choices{grid-area:choices;justify-content:space-between}.saas-roll-card__remark{grid-area:remark}.saas-roll-card__detail{grid-area:detail;justify-content:start}.saas-roll-card__stamp{display:none}.saas-roll-card__choice{block-size:44px;min-inline-size:44px;font-size:var(--saas-font-body-sm);flex:1}}@media (prefers-reduced-motion:reduce){.saas-roll-card,.saas-roll-card__choice,.saas-roll-card__avatar{transition:none}}