.wheel__stage{min-inline-size:0}.wheel__body{align-content:start;justify-items:center;gap:var(--space-5);flex:1}.wheel__disc{aspect-ratio:1;inline-size:min(100%,31rem);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin-block-start:var(--space-5);position:relative}.wheel[data-state=spinning] .wheel__disc{cursor:progress}.wheel__svg,.wheel__overlay{block-size:100%;inline-size:100%;position:absolute;inset:0}.wheel__svg{font-family:var(--font-display);font-weight:600}.wheel[data-state=spinning] .wheel__svg{will-change:transform}.wheel__overlay{pointer-events:none}.wheel__rim{fill:none;stroke:var(--ink);stroke-width:3px}.wheel__hub-ring{fill:var(--sheet);stroke:var(--sheet-rule);stroke-width:2px}.wheel__hub{fill:var(--ink)}.wheel__blank{fill:var(--sheet-rule)}.wheel__seg{transition:opacity var(--duration-slow) var(--ease-out)}.wheel__seg path{stroke:var(--sheet);stroke-width:3px;stroke-linejoin:round}.wheel__seg text{fill:var(--ink);pointer-events:none}.wheel__seg--t0 path{fill:var(--accent)}.wheel__seg--t0 text{fill:var(--accent-ink)}.wheel__seg--t1 path{fill:var(--sheet)}.wheel__seg--t2 path{fill:color-mix(in srgb, var(--accent) 45%, var(--sheet))}.wheel__seg--t3 path{fill:color-mix(in srgb, var(--accent) 14%, var(--sheet))}.wheel[data-state=result] .wheel__seg:not(.is-winner){opacity:.42}.wheel[data-state=result] .wheel__seg.is-winner path{stroke:var(--ink);stroke-width:5px}.wheel__pegs circle{fill:var(--sheet);stroke:var(--ink);stroke-width:1.5px}.wheel__pointer{z-index:1;inline-size:9.5%;fill:var(--accent);stroke:var(--sheet);stroke-width:3px;transform-origin:50% 33%;margin-inline:auto;position:absolute;inset-block-start:-3.5%;inset-inline:0}.wheel__pointer circle{fill:var(--sheet);stroke:none}.wheel__result{gap:var(--space-1);text-align:center;justify-items:center;min-block-size:5.5rem;max-inline-size:100%;display:grid}.wheel__result-label{color:var(--ink-2);font-size:var(--text-sm)}.wheel__winner{overflow-wrap:anywhere;max-inline-size:32ch;color:var(--ink-3);font-family:var(--font-display);font-size:var(--text-xl);transition:opacity var(--duration) var(--ease-out);font-weight:500;line-height:1.15}.wheel__winner.is-pending{opacity:.3}.wheel__winner.is-fresh{animation:wheel-ink var(--duration-slow) var(--ease-out)}.wheel[data-state=result] .wheel__winner,.wheel__winner.is-fresh{color:var(--accent);font-size:var(--text-2xl)}.wheel__keys{color:var(--ink-3)}@media (hover:none) and (pointer:coarse){.wheel__keys{display:none}}.wheel__key{padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);box-shadow:inset 0 -1px 0 var(--line-strong);color:var(--ink-2);font-family:inherit;font-size:var(--text-xs);margin-inline-end:var(--space-1);font-weight:600;line-height:1.6;display:inline-block}.wheel__spin{min-inline-size:9rem}.wheel__spin[aria-disabled=true]{cursor:not-allowed;opacity:.45}.wheel__side{gap:var(--space-3);align-content:start;min-inline-size:0;display:grid}@media (min-width:64rem){.wheel__side{gap:var(--space-4)}}.wheel__entries-head{justify-content:space-between;align-items:baseline;gap:0 var(--space-3);flex-wrap:wrap;padding-inline-end:var(--space-5);display:flex}.wheel__count{flex:none;margin:0}.wheel__input{min-block-size:12rem}.wheel__error{margin:0 var(--space-4) var(--space-3);font-size:var(--text-sm)}.wheel__history{gap:var(--space-2);border-block-start:1px dotted var(--line-strong);padding-block-start:var(--space-3);display:grid}.wheel__history-head{justify-content:space-between;align-items:center;min-block-size:2.5rem;display:flex}.wheel__clear{min-block-size:2rem;font-size:var(--text-sm)}.wheel__history-empty{color:var(--ink-3);font-size:var(--text-sm)}.wheel__history-list{border-block-start:1px solid var(--ink);max-block-size:14rem;display:grid;overflow-y:auto}.wheel__history-list:empty{display:none}.wheel__history-n{color:var(--ink-3);font-family:"Literata Variable", var(--font-sans)}.wheel__history-item{padding-block:var(--space-2);overflow-wrap:anywhere;border-block-end:1px solid var(--sheet-rule);grid-template-columns:2.25rem minmax(0,1fr);font-size:.875rem;display:grid}.wheel__history-item:first-child{font-weight:600}.wheel__history-item:last-child{border-block-end:0}@keyframes wheel-ink{0%{opacity:.2;transform:scale(.97)}}