.namepicker{display:grid;gap:var(--space-4);container-type:inline-size}.namepicker > *{min-width:0;margin:0}.namepicker[data-few] > .namepicker__controls ~ :not(details,p){display:none}.namepicker > .tool-own{order:-3}.namepicker .tool-own{display:grid;gap:var(--space-1)}.namepicker .tool-own__label{font-weight:600}.namepicker .tool-own__how{color:var(--ink-muted);font-size:var(--step--1);font-weight:400}.namepicker .tool-own__text{display:block;width:100%;height:calc(4 * 1.4em + 2 * var(--space-2) + 3px);min-height:calc(2 * 1.4em + 2 * var(--space-2) + 3px);padding:var(--space-2) var(--space-3);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:max(1rem,16px);line-height:1.4;resize:vertical}@media (max-height:44rem) and (max-width:30rem){.namepicker .tool-own__text{height:calc(2.5 * 1.4em + 2 * var(--space-2) + 3px)}}.namepicker .tool-own__text:hover{border-color:var(--brand)}.namepicker .tool-own__text[aria-invalid="true"]{border-color:var(--bad)}.namepicker .tool-own__foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3)}.namepicker .tool-own__status{flex:1 1 14rem;margin:0;color:var(--ink-muted);font-size:var(--step--1)}.namepicker .tool-own__status[data-tone="bad"]{color:var(--bad);font-weight:600}.namepicker .tool-own__again{min-height:var(--tap);padding:0;border:0;background:none;color:var(--link);font:inherit;font-size:var(--step--1);font-weight:700;text-decoration:underline;cursor:pointer}.namepicker__count{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.namepicker__count label{flex:1 1 0;min-width:0;font-size:var(--step--1);font-weight:600;line-height:1.25}.namepicker__count .input{flex:0 0 4.25rem;width:4.25rem;padding-inline:var(--space-2);font-size:max(1rem,16px)}@container (min-width:30rem){.namepicker__count label{flex:0 1 auto}}.namepicker__count .btn{flex:0 0 auto;padding-inline:var(--space-3);font-size:var(--step--1)}.namepicker__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.namepicker__controls > .btn{flex:1 1 14rem;max-width:24rem}.namepicker__controls > .btn-secondary{border-color:var(--brand)}.namepicker__note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.namepicker__stage{display:grid;gap:var(--space-4);align-items:center}.namepicker__card{min-height:11rem}.namepicker__card .result-card__text{font-size:clamp(2.25rem,1rem + 9cqi,5rem);overflow-wrap:anywhere}.namepicker__wheel,.namepicker__claw{display:grid;place-items:center;cursor:pointer}.namepicker__wheel canvas{width:min(100%,26rem,62vh);height:auto;aspect-ratio:1}.namepicker[data-view="wheel"] .namepicker__card{min-height:7rem}.namepicker[data-view="wheel"] .namepicker__card .result-card__text{font-size:clamp(1.75rem,1rem + 5cqi,3rem)}@container (min-width:44rem){.namepicker[data-view="wheel"] .namepicker__stage{grid-template-columns:minmax(0,26rem) minmax(0,1fr)}}.namepicker__orderbox{display:grid;gap:var(--space-2);padding:var(--space-4);border:var(--card-border);border-radius:var(--radius);background:var(--surface)}.namepicker__orderbox .result-card__label{margin:0}.namepicker__order{margin:0;padding-left:2.25em;font-size:var(--step-1);line-height:1.35}.namepicker__order li{padding-block:0.15em;overflow-wrap:anywhere;break-inside:avoid}.namepicker__order li::marker{color:var(--ink-muted);font-weight:700}@container (min-width:40rem){.namepicker__order{columns:2;column-gap:var(--space-6)}}.namepicker__straws{display:flex;flex-wrap:wrap;justify-content:center;row-gap:var(--space-2)}.namepicker__straw{position:relative;flex:1 0 2.75rem;max-width:4.5rem;height:7.6rem;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.namepicker__straw[aria-disabled="true"]{cursor:default}.namepicker__straw::after{content:"";position:absolute;inset:6rem 0 auto;border-top:2px solid var(--line-strong)}.namepicker__stick{position:absolute;top:2.4rem;left:50%;width:0.9rem;height:5.3rem;margin-left:-0.45rem;border-radius:0.45rem 0.45rem 0 0;background:var(--brand);clip-path:inset(0 0 calc(100% - 3.6rem) 0)}.namepicker__straw:hover:not([aria-disabled="true"]) .namepicker__stick,.namepicker__straw:focus-visible .namepicker__stick{top:2rem}.namepicker__straw.is-pulled .namepicker__stick{transform:translateY(-2.2rem);border-radius:0.45rem;clip-path:inset(0)}.namepicker__straw.is-short .namepicker__stick{height:2.6rem;background:var(--bad)}@media (prefers-reduced-motion:no-preference){.namepicker__stick{transition:transform 0.45s var(--ease),clip-path 0.45s var(--ease),top 0.12s var(--ease)}}.namepicker__tag{position:absolute;inset:auto auto 0 50%;translate:-50% 0;height:1.4rem;color:var(--ink-muted);font-size:var(--step--1);line-height:1.4rem;text-align:center;white-space:nowrap}.namepicker__straw.is-short .namepicker__tag{color:var(--bad);font-weight:700;text-transform:uppercase}.namepicker__card.is-short .result-card__text,.namepicker__picked li.is-short{color:var(--bad)}.namepicker__picked li.is-short{border-color:var(--bad);font-weight:700}.namepicker__cabinet{display:block;width:min(100%,22rem,46vh);height:auto}.namepicker__glass{fill:var(--brand-soft);stroke:var(--line-strong);stroke-width:3}.namepicker__chute{fill:var(--surface);stroke:var(--line-strong);stroke-width:2}.namepicker__chute-mark,.namepicker__rail,.namepicker__cable,.namepicker__prong{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.namepicker__chute-mark{stroke:var(--line-strong);stroke-width:3}.namepicker__rail{stroke-width:4}.namepicker__cable{stroke-width:2}.namepicker__prong{stroke-width:3.5}.namepicker__trolley,.namepicker__hub{fill:var(--ink)}.namepicker__capsule circle,.namepicker__capsule path{stroke:var(--ink);stroke-width:1.5}.namepicker__capsule--0 circle{fill:var(--brand)}.namepicker__capsule--1 circle{fill:var(--accent)}.namepicker__capsule--2 circle{fill:var(--surface)}.namepicker__capsule--3 circle{fill:var(--ok)}.namepicker__capsule--4 circle{fill:var(--bad)}@container (min-width:44rem){.namepicker[data-mode="claw"] .namepicker__stage{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}}.namepicker__progress{display:grid;gap:var(--space-2)}.namepicker__progress progress{appearance:none}.namepicker__progress progress::-webkit-progress-bar{background:var(--line)}.namepicker__progress progress::-webkit-progress-value{border-radius:var(--radius-pill);background:var(--brand);transition:width 0.3s var(--ease)}.namepicker__progress progress::-moz-progress-bar{border-radius:var(--radius-pill);background:var(--brand)}.namepicker__history-title{margin:0 0 var(--space-2);font-size:var(--step-0)}.namepicker__picked{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none;counter-reset:pick}.namepicker__picked li{padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--step--1);overflow-wrap:anywhere;counter-increment:pick}.namepicker__picked li::before{content:counter(pick) ". ";color:var(--ink-muted);font-weight:700}.namepicker__picked[data-draws] li::before{content:"Draw " counter(pick) ": number "}.namepicker__privacy{display:flex;align-items:center;gap:var(--space-2)}.namepicker .roster{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.namepicker .roster > summary,.namepicker .tool-more > summary{display:flex;align-items:center;min-height:var(--tap);font-size:var(--step--1);cursor:pointer}.namepicker .roster > summary{flex-wrap:wrap;gap:0 var(--space-2);padding:var(--space-2) var(--space-4)}.namepicker .roster__word{margin-left:auto;color:var(--link);font-weight:700}.namepicker .roster:not([open]) [data-word-open],.namepicker .roster[open] [data-word-closed]{display:none}.namepicker .roster__label{font-weight:700}.namepicker .roster__body{padding:var(--space-2) var(--space-4) var(--space-4)}.namepicker .tool-more{border-top:1px solid var(--line)}.namepicker .tool-more > summary{color:var(--ink-muted);font-weight:700}.namepicker .tool-more > summary:hover{color:var(--ink)}.namepicker .tool-more__body{grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-2) var(--space-3)}.namepicker .tool-more .input{max-width:8rem;font-size:max(1rem,16px)}@media (min-width:68rem){.namepicker{grid-template-columns:minmax(13rem,18rem) minmax(0,1fr);grid-template-rows:repeat(12,auto);gap:0 var(--space-5)}.namepicker > *{grid-column:2}.namepicker > * + *{margin-top:var(--space-3)}.namepicker > .tool-own{grid-column:1;grid-row:1 / -1;align-content:start}.namepicker > .tool-own,.namepicker > .namepicker__controls,.namepicker > .namepicker__print-title{margin-top:0}.namepicker .tool-own__text{height:clamp(8rem,100vh - 36rem,20rem)}.namepicker:not([data-fresh]):not([data-list]){grid-template-columns:minmax(0,1fr)}.namepicker:not([data-fresh]):not([data-list]) > *{grid-column:1}}@media print{.namepicker__print-title{display:block !important;margin-bottom:4mm;font:700 16pt / 1.2 var(--font-display)}.namepicker{display:block}.namepicker__card{display:none}.namepicker__orderbox{padding:0;border:0}.namepicker__order{columns:2;font-size:12pt}.namepicker__on-screen{display:none}.namepicker__history-title{margin-bottom:3mm;font-size:13pt}.namepicker__picked{display:block;columns:2}.namepicker__picked li{padding:1.2mm 0;border:0;font-size:14pt;break-inside:avoid}.namepicker__picked:has(li:nth-child(41)){columns:3}.namepicker__picked:has(li:nth-child(41)) li{padding:0.8mm 0;font-size:11pt}.namepicker > .namepicker__history:not([hidden]){display:block !important}main:has(.namepicker) > :not(.tool){display:none !important}.toast{transition:none !important}}[data-fresh] .namepicker__progress{display:none}.namepicker__privacy{display:none}.namepicker:not([data-fresh]):not([data-list]) > .tool-own,.namepicker:not([data-fresh]) > .namepicker__controls > .segmented,.namepicker:not([data-fresh]) > .namepicker__more,.namepicker:not([data-fresh]) > .roster,.namepicker:not([data-fresh]):has([data-np-done][hidden]) > :is([data-np-tools],.namepicker__history),[data-np-back]{display:none}.namepicker[data-mode="straws"] .namepicker__card{min-height:0;padding:0;border:0;background:none;box-shadow:none}.namepicker[data-mode="straws"] .namepicker__card .result-card__text{font-size:var(--step-3)}.namepicker[data-mode="straws"] .namepicker__card{order:-1}.namepicker[data-mode="straws"][data-fresh] .namepicker__progress{display:grid}.namepicker[data-mode="straws"][data-fresh] .namepicker__progress progress{display:none}.namepicker__mark{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3);min-height:var(--tap);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.namepicker__mark-word{color:var(--link);text-decoration:underline;text-underline-offset:0.25em}[data-fresh] .namepicker__mark-word{display:none}