@layer components{:where(.chance[data-v-bc0a72de]){gap:var(--space-5);padding:var(--space-5);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);display:grid}.screen[data-v-bc0a72de]{min-block-size:15rem;container-type:inline-size}.result[data-v-bc0a72de]{align-content:center;justify-items:center;gap:var(--space-4);display:grid}.defs[data-v-bc0a72de]{block-size:0;inline-size:0;position:absolute}.dice[data-v-bc0a72de]{--_gap:var(--space-3);--_per-row:min(var(--chance-count), 3);--_size:min(var(--chance-cap) * var(--_grow,1), (100cqi - (var(--_per-row) - 1) * var(--_gap)) / var(--_per-row));justify-content:center;gap:var(--_gap);max-inline-size:calc(var(--_size) * var(--_per-row) + var(--_gap) * (var(--_per-row) - 1));flex-wrap:wrap;display:flex}@container (width>30rem){.dice[data-v-bc0a72de]{--_per-row:var(--chance-count);--_grow:1.3}}.die[data-v-bc0a72de]{--_lit:var(--color-zinc-200);--_face:var(--color-zinc-50);--_shade:var(--color-zinc-500);--_edge:var(--color-zinc-300);inline-size:var(--_size);block-size:var(--_size);filter:drop-shadow(0 2px 1.5px oklch(0% 0 none/.55));overflow:visible}.die[data-sides="6"][data-v-bc0a72de]{--_lit:var(--color-zinc-50);--_face:var(--color-zinc-200);--_shade:var(--color-zinc-400);--_edge:var(--_face)}.facet[data-v-bc0a72de]{fill:color-mix(in oklab, var(--_lit), var(--_shade) var(--chance-tone));stroke:color-mix(in oklab, var(--_lit), var(--_shade) var(--chance-tone));stroke-linejoin:round;stroke-width:2.5px}.face[data-v-bc0a72de]{fill:var(--_face);stroke:var(--_edge);stroke-linejoin:round;stroke-width:1px}.die[data-blank][data-v-bc0a72de]{opacity:.5}.numeral[data-v-bc0a72de]{fill:var(--color-zinc-800);font-family:var(--font-title);dominant-baseline:central;text-anchor:middle;font-weight:700}.mark[data-v-bc0a72de]{stroke:var(--color-zinc-800);stroke-linecap:round;stroke-width:2.5px}.pip circle[data-v-bc0a72de]{fill:var(--color-zinc-900)}.pip .pip-floor[data-v-bc0a72de]{fill:var(--color-zinc-700)}.tally[data-v-bc0a72de]{min-block-size:4.75rem}.tally .edc-readout[data-v-bc0a72de]{justify-items:center}.coin[data-v-bc0a72de]{aspect-ratio:1;border-radius:var(--radius-full);background:radial-gradient(oklch(0% 0 none/.05) .5px, transparent .8px) 0 0 / 2px 2px, linear-gradient(var(--color-zinc-200), var(--color-zinc-400));inline-size:min(11rem,52cqi);box-shadow:inset 0 1.5px 0 oklch(100% 0 none/.75), inset 0 -2px 0 var(--color-zinc-500), 0 2px 2px oklch(0% 0 none/.55);place-items:center;display:grid;position:relative}.coin[data-v-bc0a72de]:before{content:"";border-radius:var(--radius-full);background:linear-gradient(var(--color-zinc-300), var(--color-zinc-200));box-shadow:inset 0 1.5px 1px color-mix(in oklab, var(--color-zinc-500) 85%, transparent), 0 1px 0 oklch(100% 0 none/.55);position:absolute;inset:11%}.emboss[data-v-bc0a72de]{filter:drop-shadow(0 -.75px 0 oklch(100% 0 none/.9)) drop-shadow(0 1px 0 var(--color-zinc-500)) drop-shadow(0 1.5px 1px color-mix(in oklab, var(--color-zinc-500) 50%, transparent));position:relative}svg.emboss[data-v-bc0a72de]{block-size:46%;inline-size:46%;fill:var(--color-zinc-300)}.value[data-v-bc0a72de]{color:var(--color-zinc-300);font-family:var(--font-title);font-size:min(var(--text-7xl), 24cqi);font-weight:700;line-height:1}.call[data-v-bc0a72de],.picked[data-v-bc0a72de]{color:var(--edc-readout-ink);font-family:var(--font-title);text-align:center;text-shadow:var(--edc-readout-glow);overflow-wrap:anywhere;margin:0;font-weight:700}.call[data-v-bc0a72de]{font-size:var(--text-3xl);line-height:var(--leading-3xl)}.picked[data-v-bc0a72de]{font-size:clamp(var(--text-4xl), 14cqi, var(--text-7xl));line-height:1.1}.call[data-blank][data-v-bc0a72de],.among[data-v-bc0a72de]{color:var(--app-muted);text-shadow:none;font-weight:400}.call[data-blank][data-v-bc0a72de]{font-size:var(--text-xl);line-height:var(--leading-3xl)}.among[data-v-bc0a72de]{font-size:var(--text-base);line-height:var(--leading-base);text-align:center;margin:0}.options[data-v-bc0a72de]{gap:var(--space-4);display:grid}.field[data-v-bc0a72de]{gap:var(--space-2);display:grid}.field-name[data-v-bc0a72de]{color:var(--app-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);line-height:var(--leading-xs);text-transform:uppercase}.names[data-v-bc0a72de]{min-block-size:7.5rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--edc-grain), var(--app-sunken);color:var(--app-fg);box-shadow:var(--app-sink);font:inherit;font-size:var(--text-base);line-height:var(--leading-base);caret-color:var(--edc-hue);border:0}.names[data-v-bc0a72de]::placeholder{color:color-mix(in oklab, var(--app-muted) 55%, transparent)}.names[data-v-bc0a72de]:focus-visible{outline:2px solid var(--app-tint);outline-offset:2px}.keys[data-v-bc0a72de]{gap:var(--space-3);display:flex}.go[data-v-bc0a72de]{flex:1}.shake-glyph[data-v-bc0a72de]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;block-size:1.25rem;inline-size:1.25rem}@media (prefers-reduced-motion:no-preference){.result[data-v-bc0a72de]{perspective:40rem}.die[data-v-bc0a72de]{animation:chance-roll .28s cubic-bezier(.23, 1, .32, 1) calc(var(--chance-at) * 35ms) both}.coin[data-v-bc0a72de]{animation:.28s cubic-bezier(.23,1,.32,1) both chance-flip}.call[data-v-bc0a72de],.picked[data-v-bc0a72de]{animation:.24s cubic-bezier(.23,1,.32,1) 60ms both chance-land}}}@keyframes chance-roll{0%{opacity:0;rotate:var(--chance-turn);translate:0 -1rem}40%{opacity:1}}@keyframes chance-flip{0%{translate:0 -.75rem;rotate:x 80deg}}@keyframes chance-land{0%{opacity:0;translate:0 -.25rem;scale:.94}}
