.wheel{display:grid;gap:var(--space-5);container-type:inline-size}.wheel > *,.wheel__main > *,.wheel__top > *,.wheel__side > *,.wheel__add > *,.wheel__list-body > *{min-width:0;margin:0}.wheel__main,.wheel__side{display:grid;gap:var(--space-4)}.wheel__side{align-content:start}.wheel__top{display:grid;gap:var(--space-3);order:-3}.wheel__top > .wheel__controls{order:-1;margin-bottom:var(--space-2)}.wheel__how-touch{display:none}@media (pointer:coarse){.wheel__how-mouse{display:none}.wheel__how-touch{display:inline}}.wheel__spin{width:100%}.wheel__controls{display:flex;gap:var(--space-2)}.wheel__controls .wheel__spin{flex:1;width:auto;min-width:0;padding-inline:var(--space-4)}.wheel__say{display:grid;min-width:0}.wheel__say > *{grid-area:1 / 1;align-self:center}.wheel__say > [aria-hidden="true"]{visibility:hidden}.wheel__say > [data-say="spinning"]{font-size:var(--step--1);font-weight:400;text-decoration:underline;text-underline-offset:0.25em}.wheel.is-spinning .wheel__controls .wheel__spin.btn-primary,.wheel.is-spinning .wheel__controls .wheel__spin.btn-primary:hover{border-color:transparent;background:none;box-shadow:none;filter:none;color:var(--link)}.wheel.is-spinning .wheel__controls .wheel__spin.btn-primary::before,.wheel.is-spinning .wheel__controls .wheel__spin.btn-primary::after{content:none}.wheel__sound{flex:none;width:3.5rem}[aria-pressed="false"] > * > .wheel__sound-on,[aria-pressed="true"] > * > .wheel__sound-off{display:none}.wheel__add{display:grid;gap:var(--space-1);justify-items:start}.tool-own__label{font-weight:600}.tool-own__status{min-height:1.5em;margin:0;color:var(--ink-muted);font-size:var(--step--1);line-height:1.5}.tool-own__status[data-tone="bad"]{color:var(--bad);font-weight:600}.wheel__add-field{display:block;justify-self:stretch;width:100%;height:calc(1.4em + 2 * var(--space-2) + 3px);min-height:var(--tap);overflow:hidden;font-family:var(--font-body);font-size:max(1rem,16px);line-height:1.4;resize:none;scroll-margin-top:40vh}.tool-own__again,.tool-rows__undo{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}.tool-own__status > .tool-rows__undo{display:inline-flex;align-items:center;min-width:var(--tap);padding-inline:var(--space-2);vertical-align:middle}.tool-rows{display:grid;justify-self:stretch;margin:0;padding:0;list-style:none}.tool-rows__row{display:flex;align-items:center;gap:var(--space-2);min-height:3rem;border-top:1px solid var(--line)}.tool-rows__field{scroll-margin-block:4rem 40vh;flex:1 1 auto;width:auto;min-width:0;padding-inline:var(--space-2);border-color:transparent;background:none;font-size:max(1rem,16px)}.tool-rows__field:hover,.tool-rows__field:focus{border-color:var(--line-strong)}.tool-rows__n{flex:none;min-width:1.75em;color:var(--ink-muted);font-size:var(--step--1);font-variant-numeric:tabular-nums;text-align:right}.tool-rows__text{flex:1 1 auto;min-width:0;padding:var(--space-1) var(--space-2);overflow-wrap:anywhere}.tool-rows__detail{display:block;color:var(--ink-muted);font-size:var(--step--1)}.tool-rows__x{flex:none;width:var(--tap);height:var(--tap);padding:0;border:0;background:none;color:var(--ink-muted);font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}.tool-rows__x:hover{color:var(--ink)}.tool-rows__gone{color:var(--ink-muted);font-size:var(--step--1)}[data-rows-out] > :is(.tool-rows__field,.tool-rows__text){color:var(--ink-muted);text-decoration:line-through}[data-rows-over] > .tool-rows__field{color:var(--ink-muted)}.wheel__list-body{display:grid;gap:var(--space-3);justify-items:start;padding-block:var(--space-1) var(--space-3)}.wheel__list-body > .wheel__add{justify-self:stretch}.wheel__list-name{color:var(--ink);font-weight:600}.wheel__run{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.wheel__run-end{display:flex;align-items:center;gap:var(--space-2)}.wheel__run-end > .input{width:5.5rem;font-size:max(1rem,16px)}.wheel__stage{position:relative;width:min(100%,27rem);margin-inline:auto;padding-top:var(--space-2);overflow:hidden;overflow:clip;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.wheel__disc{aspect-ratio:1;border-radius:50%}.is-spinning .wheel__disc{will-change:transform}.wheel__svg{display:block;width:100%;height:100%;overflow:visible}.wheel__segs path{stroke:var(--surface);stroke-width:0.6;stroke-linejoin:round}.wheel__labels{font-family:var(--font-body);font-weight:650;pointer-events:none}.wheel [data-tone="0"]{--wheel-fill:var(--brand);--wheel-ink:var(--brand-ink)}.wheel [data-tone="1"]{--wheel-fill:var(--surface)}.wheel [data-tone="2"]{--wheel-fill:var(--accent);--wheel-ink:var(--accent-ink)}.wheel [data-tone="3"]{--wheel-fill:var(--brand-soft)}.wheel__segs path{fill:var(--wheel-fill)}.wheel__labels text{fill:var(--wheel-ink,var(--ink))}.wheel__labels[data-every] text{paint-order:stroke;stroke:var(--wheel-fill);stroke-width:2.5;stroke-linejoin:round}.wheel__win{fill:none;stroke-linejoin:round}.wheel__win-halo{stroke:var(--surface);stroke-width:4.5}.wheel__win-line{stroke:var(--ink);stroke-width:2}.wheel__pegs{stroke:var(--ink)}.wheel__pegs circle + circle{stroke:var(--surface)}.wheel__rim{fill:none;stroke:var(--ink);stroke-width:3}.wheel__hub{fill:var(--surface);stroke:var(--ink);stroke-width:3}.wheel__pointer{position:absolute;top:0;left:50%;width:1.75rem;height:auto;translate:-50% 0;fill:var(--ink);stroke:var(--surface);stroke-width:2.5;stroke-linejoin:round;transform-origin:50% 8%}.wheel__empty{position:absolute;top:calc(50% + var(--space-1));left:50%;display:grid;gap:var(--space-2);justify-items:center;width:min(15rem,66%);padding:var(--space-3);translate:-50% -50%;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--step--1);line-height:1.4;text-align:center;cursor:default}.wheel__empty p,.wheel__note p{margin:0}.wheel__stage:hover .wheel__hub{fill:var(--brand-soft)}.wheel__result{align-content:center;min-height:10.5rem;padding:var(--space-4)}.wheel__result [data-size="sm"]{font-size:var(--step-2)}.wheel__result [data-size="xs"]{font-size:var(--step-1)}.wheel__result .result-card__text{overflow-wrap:anywhere}.wheel__detail{min-height:1.5em;color:var(--ink-muted);font-size:var(--step--1);line-height:1.5}.wheel__result > *{margin:0}@media (prefers-reduced-motion:no-preference){.wheel__result{transition:opacity 0.2s var(--ease)}}[data-fresh] .wheel__result .result-card__text{color:var(--ink-muted)}.wheel[data-fresh] ~ .wheel__history,[data-fresh]:not([data-mine]) .wheel__bar{display:none}.tool .wheel[data-fresh] .wheel__bar > .btn:is([data-act="copy"],[data-act="drop"]),.tool .wheel:is([data-mode="elimination"],[data-empty],:not([data-state="landed"])) .wheel__bar > .btn[data-act="drop"],.tool .wheel:not([data-mine]) .wheel__bar > .btn[data-act="again"],.tool .wheel[data-done] .wheel__bar > .btn[data-act="copy"]{display:none}.is-spinning :is(.wheel__result,.wheel__bar,.wheel__more){visibility:hidden}.wheel ~ .wheel__history:has([data-wheel-log-empty]:not([hidden])){display:none}.wheel:has([data-wheel-empty]:not([hidden])) .wheel__result,.wheel[data-state="ready"] .wheel__result{display:none}.wheel__filters,.wheel__modes{display:grid;gap:var(--space-2);justify-items:start}.wheel__mode-name{color:var(--ink-muted);font-size:var(--step--1);font-weight:400}[aria-pressed="true"] > .wheel__mode-name{color:inherit}.wheel__status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--tap)}.wheel__note{align-items:center}@container (max-width:40rem){.wheel__bar .btn{flex:0 0 auto;padding-inline:var(--space-3);white-space:nowrap}}.wheel__side > .wheel__menu{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3)}.wheel__side > .wheel__menu > label{margin:0;color:var(--ink-muted);font-size:var(--step--1);font-weight:400}.wheel__side > .wheel__menu > .select{flex:1 1 12rem;min-width:0;font-size:max(1rem,16px)}.wheel__main[data-pair]{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel__main[data-pair] > :not(.wheel__stage),.wheel__main[data-pair] > .wheel__side > *{grid-column:1 / -1}.wheel__legend > summary{min-height:var(--tap);align-content:center;cursor:pointer}.wheel__legend > summary > .wheel__heading{display:inline;margin:0}.wheel__legend-list{margin:0;padding-left:2.25em;columns:2;column-gap:var(--space-6);font-size:var(--step--1)}.wheel__legend-list li{padding-block:var(--space-1);break-inside:avoid;overflow-wrap:anywhere}.wheel__legend-list li::marker{color:var(--ink-muted);font-variant-numeric:tabular-nums}.wheel__history{display:grid;gap:var(--space-5);align-items:start}.wheel__heading{margin:0 0 var(--space-2);font-size:var(--step-0)}.wheel__log-list{margin:0;padding:0;list-style:none;column-gap:var(--space-5);font-size:var(--step--1)}.wheel__order{font-size:var(--step-0)}.wheel__order[hidden]{display:none}@media screen{.wheel[data-empty="picked"] ~ .wheel__history .wheel__log{display:none}}.wheel__log-list li{display:flex;gap:var(--space-2);padding-block:var(--space-1);break-inside:avoid}.wheel__log-n{flex:none;color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.wheel__log-text{overflow-wrap:anywhere}.wheel__log-list li:last-child .wheel__log-text{font-weight:700}.wheel__wins{width:5rem;font-variant-numeric:tabular-nums;text-align:right}@container (min-width:46rem){.wheel__main{grid-template:"stage spin" auto "stage side" 1fr / minmax(0,27rem) minmax(0,1fr);column-gap:var(--space-6)}.wheel__top{grid-area:spin}.wheel__stage{position:sticky;top:var(--space-4);grid-area:stage;align-self:start}.wheel__side{grid-area:side}.wheel__main[data-pair]{grid-template:"stage stage2 spin" auto "stage stage2 side" 1fr / minmax(0,16rem) minmax(0,16rem) minmax(0,1fr);column-gap:var(--space-5)}.wheel__main[data-pair] > .wheel__top{grid-area:spin}.wheel__main[data-pair] > .wheel__side{grid-area:side}.wheel__main[data-pair] > .wheel__stage--second{grid-area:stage2}.wheel__main[data-pair] > .wheel__stage{position:sticky;top:var(--space-4)}.wheel__result{min-height:13rem}.wheel__legend-list{columns:4}.wheel__history .wheel__log-list{columns:2}.wheel__history:has(.wheel__tally:not([hidden])){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.wheel__history:has(.wheel__tally:not([hidden])) .wheel__log-list{columns:2}}@media print{.wheel,.wheel__main,.wheel__side{display:block}.wheel__print-title{margin:0 0 6mm;font:700 18pt / 1.2 var(--font-display)}.wheel__print-list{margin-top:6mm}.wheel__print-list[hidden]{display:none}.wheel__print-list .wheel__legend-list{padding-left:0;list-style:none;columns:3;font-size:10.5pt}[data-fresh] .wheel__result{display:none}.wheel__result{min-height:0;margin-bottom:6mm;padding:4mm;border:0.3mm solid var(--line-strong);opacity:1}.wheel__result .result-card__text{font-size:20pt}.wheel__history{display:block}.wheel[data-mode="normal"]:not([data-fresh]) ~ .wheel__history:not(:has([data-wheel-log-empty]:not([hidden]))){display:block}.wheel__heading{margin:5mm 0 2mm;font-size:13pt}.wheel__log-list{columns:2;font-size:10.5pt}.wheel__log-list li:last-child .wheel__log-text{font-weight:400}.wheel__tally .table-wrap{overflow:visible}}.wheel__main > .wheel__stage{order:-4}.wheel .wheel__result > .result-card__label[data-show]{display:block}.wheel[data-fresh] :is(.wheel__result,.wheel__sound-box,.wheel__side > .wheel__status),.wheel[data-fresh]:not([data-mine]) .wheel__bar,.wheel[data-fresh] ~ .wheel__history,.wheel__how,.wheel__result > .result-card__label,.wheel .btn:not(.btn-primary) > .icon{display:none}.wheel__bar .btn,.wheel__modes .btn-ghost{min-height:var(--tap);padding:0;border:0;border-radius:0;background:none;color:var(--link);font-weight:400;text-decoration:underline;text-underline-offset:0.25em}.wheel[data-fresh] .wheel__sound{display:none}.wheel__status,[data-wheel-hint],.wheel[data-mode="normal"] ~ .wheel__history{display:none}.wheel__modes .pill{min-height:var(--tap);padding:0;border:0;border-radius:0;background:none;color:var(--link);font-weight:400;text-decoration:underline;text-underline-offset:0.25em}.wheel__modes .pill[aria-pressed="true"]{color:inherit;font-weight:700;text-decoration:none}.tool .wheel :is(.wheel__bar,.tool-more__body) .btn:not(.btn-primary){display:inline-flex;align-items:center;min-height:var(--tap)}.tool .wheel[data-fresh] .tool-more__body [data-act="clear"]{display:none}.wheel :is(.wheel__list,.wheel__more) > .more-row{max-width:none}.tool .wheel .wheel__bar{row-gap:0}