.num-stage{align-content:start;gap:18px}.num-result{place-items:center;width:100%;min-height:clamp(120px,26vw,200px);padding:8px 0;display:grid}.num-result__empty{aspect-ratio:1;background:var(--surface);width:clamp(110px,30vw,150px);box-shadow:inset 0 0 0 clamp(5px, 1vw, 8px) var(--line-strong), var(--shadow-1);color:var(--ink-3);border-radius:50%;place-items:center;font-size:clamp(3rem,12vw,4.5rem);font-weight:800;line-height:1;display:grid}.num-result__list{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.num-result__list:empty{display:none}.num-result__list li{background:var(--hub-bg);min-width:2.2em;color:var(--hub-ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;box-shadow:0 0 0 .09em var(--accent);overflow-wrap:anywhere;border-radius:999px;place-items:center;padding:.12em .42em;font-weight:800;line-height:1.15;display:grid}.num-result.is-one .num-result__list li{min-width:1.9em;min-height:1.9em;box-shadow:0 0 0 .09em var(--accent), 0 10px 26px #16142b4d;padding:0 .3em;font-size:clamp(3.2rem,15vw,6.5rem)}.num-result{container-type:inline-size}.num-result.is-balls .num-result__list{--gap:clamp(6px, 2cqi, 12px);--ball:min(var(--ball-max), calc((100cqi - 8px - (var(--per-row) - 1) * var(--gap)) / var(--per-row)));gap:var(--gap);max-width:calc(var(--per-row) * var(--ball) + (var(--per-row) - 1) * var(--gap) + 9px);padding:4px}.num-result.is-few{--ball-max:clamp(64px, 15vw, 96px)}.num-result.is-some{--ball-max:clamp(46px, 10vw, 64px)}.num-result.is-balls .num-result__list li{width:var(--ball);height:var(--ball);min-width:0;font-size:calc(var(--ball) * var(--k,.44));box-shadow:0 0 0 max(3px, .08em) var(--accent);overflow-wrap:normal;border-radius:50%;padding:0}.num-result__extra{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.num-result__extra[hidden]{display:none}.num-result__plus{color:var(--ink-3);font-size:1.6rem;font-weight:800}.num-result.is-balls .num-result__list.is-extra li{background:var(--accent);color:#16142b;box-shadow:0 0 0 max(3px, .08em) var(--hub-bg)}.num-result.is-many .num-result__list{gap:6px;max-height:46vh;padding:6px;overflow:auto}.num-result.is-many .num-result__list li{box-shadow:none;font-size:.95rem;font-weight:700}.num-result.is-rolling .num-result__list li{box-shadow:0 0 0 .09em var(--line-strong)}.num-result.is-animated .num-result__list li{animation:num-in .42s var(--ease-out) backwards}@keyframes num-in{0%{opacity:0;transform:translateY(10px)scale(.8)}}@media (prefers-reduced-motion:reduce){.num-result.is-animated .num-result__list li{animation:none}}.num-form{justify-items:center;gap:14px;width:100%;max-width:520px;display:grid}.num-fields{grid-template-columns:1fr 1fr .8fr;gap:10px;width:100%;display:grid}.num-presets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.num-presets .chip,.num-games .chip{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums}.num-presets .chip:hover,.num-games .chip:hover{background:var(--surface-2)}.num-games{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.num-games__label{text-align:center;width:100%;color:var(--ink-2);font-size:.85rem;font-weight:620}.num-games .chip[aria-pressed=true]{background:var(--btn-bg);color:var(--btn-ink);box-shadow:none}.num-form .field-error{text-align:center;justify-self:stretch}.num-options{border-radius:var(--radius-m);background:color-mix(in srgb, var(--surface) 55%, transparent);justify-self:stretch;gap:2px;padding:6px 16px;display:grid}.num-kept{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;justify-self:stretch;align-items:center;gap:4px 12px;padding:0 16px;font-weight:620;display:flex}.num-kept .link-btn{margin:0}.num-history{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-1);align-content:start;gap:10px;min-width:0;padding:18px 20px 20px;display:grid}.num-history__list li{font-variant-numeric:tabular-nums;font-weight:650}.num-history__list li:first-child{font-size:1.05rem}@media (max-width:599px){.num-stage{gap:14px}.num-fields{gap:8px}.num-field input{padding:0 10px;font-size:1.15rem}}.stage.is-present .num-fields,.stage.is-present .num-presets,.stage.is-present .num-options,.stage.is-present .num-kept{display:none}.stage.is-present .num-result{min-height:50vh}.stage.is-present .num-result.is-one .num-result__list li{font-size:clamp(5rem,26vh,16rem)}.stage.is-present .num-result.is-few{--ball-max:clamp(96px, 20vh, 200px)}.stage.is-present .num-result.is-some{--ball-max:clamp(56px, 11vh, 110px)}.stage.is-present .num-result.is-many .num-result__list{max-height:70vh}.stage.is-present .num-result.is-many .num-result__list li{font-size:clamp(1rem,2.6vh,1.6rem)}