.wheel{display:grid;gap:var(--space-5);container-type:inline-size}.wheel > *,.wheel__main > *,.wheel__side > *{min-width:0;margin:0}.wheel__main,.wheel__side{display:grid;gap:var(--space-4)}.wheel__side{align-content:start}.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__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)}}.is-spinning .wheel__result{opacity:0.4}.wheel__filters,.wheel__modes,.wheel__editor{display:grid;gap:var(--space-2);justify-items:start}.wheel__editor{justify-items:stretch}.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}.wheel__own{font-family:var(--font-body)}@container (max-width:40rem){.wheel__groups{flex-wrap:nowrap;width:100%;padding:var(--space-1);margin:calc(var(--space-1) * -1);overflow-x:auto;scrollbar-width:none}.wheel__groups .pill{flex:none}.wheel__bar .btn{flex:1 1 40%;padding-inline:var(--space-3);white-space:nowrap}}.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__controls{grid-area:spin}.wheel__stage{grid-area:stage;align-self:start}.wheel__side{grid-area:side}.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__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}}