.dice-roller.svelte-1kyei6t{width:100%;margin:0;padding:0}.eyebrow.svelte-1kyei6t{color:var(--color-accent,#d7b56d);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem}.dice-roller__panel.svelte-1kyei6t,.dice-roller__results.svelte-1kyei6t{margin:0;padding:0}.dice-roller__dice-grid.svelte-1kyei6t{grid-template-columns:repeat(6,1fr);gap:.75rem;display:grid}.dice-roller.svelte-1kyei6t button:where(.svelte-1kyei6t){color:inherit;cursor:pointer;font:inherit;background:#00000029;border:1px solid #ffffff29;border-radius:.5rem;padding:.75rem}.dice-roller.svelte-1kyei6t button:where(.svelte-1kyei6t):hover{border-color:var(--color-accent,#d7b56d);background:#d7b56d24}.dice-roller.svelte-1kyei6t button.active:where(.svelte-1kyei6t){border-color:var(--color-accent,#d7b56d);background:#d7b56d24}.dice-roller.svelte-1kyei6t button.active:where(.svelte-1kyei6t){color:var(--color-accent,#d7b56d)}.dice-roller__dice-grid.svelte-1kyei6t button:where(.svelte-1kyei6t){justify-items:center;gap:.35rem;display:grid}.dice-roller__dice-grid.svelte-1kyei6t img:where(.svelte-1kyei6t){filter:brightness(0)invert();width:2.5rem;height:2.5rem}.dice-roller__dice-grid.svelte-1kyei6t button.active:where(.svelte-1kyei6t) img:where(.svelte-1kyei6t){filter:brightness(0)saturate()invert(75%)sepia(34%)saturate(555%)hue-rotate(359deg)brightness(89%)contrast(88%)}.dice-roller__fields.svelte-1kyei6t{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}.dice-roller.svelte-1kyei6t label:where(.svelte-1kyei6t){gap:.4rem;font-weight:600;display:grid}.dice-roller.svelte-1kyei6t input:where(.svelte-1kyei6t){box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#0003;border:1px solid #fff3;border-radius:.4rem;padding:.7rem}.dice-roller__modes.svelte-1kyei6t{flex-wrap:wrap;gap:.6rem;display:flex}.dice-roller__modes.svelte-1kyei6t button:where(.svelte-1kyei6t){align-items:center;gap:.4rem;display:inline-flex}.dice-roller__modes.svelte-1kyei6t img:where(.svelte-1kyei6t){filter:brightness(0)invert();width:1.2rem;height:1.2rem}.dice-roller__roll.svelte-1kyei6t img:where(.svelte-1kyei6t){filter:brightness(0)invert();width:1.2rem;height:1.2rem}.dice-roller__modes.svelte-1kyei6t button.active:where(.svelte-1kyei6t) img:where(.svelte-1kyei6t){filter:brightness(0)saturate()invert(75%)sepia(34%)saturate(555%)hue-rotate(359deg)brightness(89%)contrast(88%)}.dice-roller__modes.svelte-1kyei6t button.advantage-active:where(.svelte-1kyei6t){color:#69c982;background:#69c98224;border-color:#69c982}.dice-roller__modes.svelte-1kyei6t button.advantage-active:where(.svelte-1kyei6t) img:where(.svelte-1kyei6t){filter:brightness(0)saturate()invert(71%)sepia(28%)saturate(873%)hue-rotate(85deg)brightness(92%)contrast(87%)}.dice-roller__modes.svelte-1kyei6t button.disadvantage-active:where(.svelte-1kyei6t){color:#e87979;background:#e8797924;border-color:#e87979}.dice-roller__modes.svelte-1kyei6t button.disadvantage-active:where(.svelte-1kyei6t) img:where(.svelte-1kyei6t){filter:brightness(0)saturate()invert(59%)sepia(47%)saturate(1051%)hue-rotate(315deg)brightness(97%)contrast(86%)}.dice-roller__roll.svelte-1kyei6t{align-items:center;gap:.5rem;margin-top:1.5rem;display:inline-flex}.dice-roller__results.svelte-1kyei6t{align-items:center;gap:2rem;margin-top:1rem;display:flex}.dice-roller__results.svelte-1kyei6t strong:where(.svelte-1kyei6t){font-size:2.5rem;display:block}.dice-roller__result-list.svelte-1kyei6t{flex-wrap:wrap;gap:.5rem;display:flex}.dice-roller__result-list.svelte-1kyei6t span:where(.svelte-1kyei6t){background:#d7b56d2e;border-radius:.4rem;padding:.55rem .7rem;font-weight:700}.dice-roller__result-list.svelte-1kyei6t span.discarded:where(.svelte-1kyei6t){opacity:.4;text-decoration:line-through}.dice-roller__result-list.svelte-1kyei6t small:where(.svelte-1kyei6t){font-size:.65rem;font-weight:400;display:block}@media (max-width:600px){.dice-roller__dice-grid.svelte-1kyei6t{grid-template-columns:repeat(3,1fr)}.dice-roller__fields.svelte-1kyei6t{grid-template-columns:1fr}.dice-roller__results.svelte-1kyei6t{flex-direction:column;align-items:flex-start;gap:1rem}}
