.wheel{display:grid;gap:var(--space-5);container-type:inline-size}.wheel > *,.wheel__main > *,.wheel__top > *,.wheel__side > *,.wheel__editor > *{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:0}.wheel__source-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3)}.wheel__source-label{font-weight:600}.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-0)}.wheel__sound{flex:none;width:3.5rem}[aria-pressed="false"] > * > .wheel__sound-on,[aria-pressed="true"] > * > .wheel__sound-off{display:none}.wheel__editor{display:grid;gap:var(--space-1)}.tool-own__label{font-weight:600}.tool-own__how{color:var(--ink-muted);font-size:var(--step--1);font-weight:400}.wheel .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);font-family:var(--font-body);font-size:max(1rem,16px);line-height:1.4}.wheel .is-open > .tool-own__text{height:calc(8 * 1.4em + 2 * var(--space-2) + 3px)}.tool-own__foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3)}.tool-own__status{flex:1 1 14rem;margin:0;color:var(--ink-muted);font-size:var(--step--1)}.tool-own__status[data-tone="bad"]{color:var(--bad);font-weight:600}.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}.wheel__editor:not(.is-open) > .wheel__own-hint{display:none}.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,[data-fresh] .wheel__bar > :is([data-act="copy"],[data-act="setup"]){display:none}.wheel:not([data-fresh]):not([data-setup]) .wheel__top > :not(.wheel__controls){display:none}.is-spinning .wheel__result{opacity:0.4}.is-spinning :is(.wheel__bar,.wheel__more){visibility:hidden}.is-spinning .wheel__result .result-card__text{font-weight:400}.wheel[data-setup] .wheel__bar{display:none}.wheel:has([data-wheel-empty]:not([hidden])) .wheel__result{display:none}.wheel__own-hint{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__top > .wheel__menu{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3)}.wheel__top > .wheel__menu > label{margin:0;font-weight:600}.wheel__top > .wheel__menu > .select{flex:1 1 12rem;min-width:0}.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;columns:2;column-gap:var(--space-5);font-size:var(--step--1)}.wheel__log-list li{display:flex;gap:var(--space-2);padding-block:var(--space-1);break-inside:avoid}.wheel__log-n{flex:none;min-width:1.75em;color:var(--ink-muted);font-variant-numeric:tabular-nums;text-align:right}.wheel__log-text{overflow-wrap:anywhere}.wheel__log-list li:first-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{grid-area:stage;align-self:start}.wheel__side{grid-area:side}[data-fresh] .wheel__main{grid-template-rows:1fr auto}[data-fresh] .wheel__top{align-self:center}.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__log-list,.wheel__legend-list{columns:4}.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-bottom:6mm}.wheel__print-list .wheel__legend-list{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__heading{margin:5mm 0 2mm;font-size:13pt}.wheel__log-list{columns:3;font-size:10.5pt}.wheel__log-list li:first-child .wheel__log-text{font-weight:400}.wheel__tally .table-wrap{overflow:visible}}.wheel__main > .wheel__stage{order:-4}.wheel[data-fresh] :is(.wheel__result,.wheel__modes,.wheel__bar,.wheel__sound-box,.wheel__side > .wheel__status),.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:0;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:0;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}