.wheel-workspace,.wheel-workspace section{min-width:0}.wheel-workspace .btn{min-height:44px}.wheel-small-heading{margin:0;font-size:13px;font-weight:600}.wheel-presets{flex-wrap:wrap;gap:8px;display:flex}.wheel-presets .btn{padding-inline:12px;font-size:12px}.wheel-option-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.wheel-option-heading span{color:var(--color-muted);font:12px var(--font-mono)}.wheel-options{scrollbar-gutter:stable;gap:8px;max-height:320px;display:grid;overflow:auto}.wheel-option{grid-template-columns:14px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.wheel-color{border:1px solid #0002;border-radius:50%;width:14px;height:14px}.wheel-option .input{width:100%;min-width:0;min-height:44px}.wheel-remove{color:var(--color-muted);padding:0;font-size:24px}.wheel-remove:hover{color:#e34254}.wheel-stage{aspect-ratio:1;flex-shrink:0;width:min(100%,300px);margin:24px auto 0;position:relative}.wheel-disc{border:4px solid var(--color-ink);border-radius:50%;position:absolute;inset:0;overflow:hidden;transform:rotate(0);box-shadow:0 6px 20px #0002}.wheel-workspace[data-spinning=true] .wheel-disc{transition:transform 4s cubic-bezier(.17,.67,.12,.99)}.wheel-pointer{z-index:2;border-left:14px solid #0000;border-right:14px solid #0000;border-top:24px solid var(--color-ink);width:0;height:0;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.wheel-segment{position:absolute;inset:0}.wheel-segment span{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:1px 1px 2px #000b;max-width:80px;font-size:13px;font-weight:700;position:absolute;top:10%;left:50%;overflow:hidden;transform:translate(-50%)}.wheel-center{border:4px solid var(--color-ink);background:var(--color-paper);border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-spin:before{content:"";visibility:hidden;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px}.wheel-workspace[data-spinning=true] .wheel-spin:before{visibility:visible;animation:.8s linear infinite wheel-spinner}@keyframes wheel-spinner{to{transform:rotate(360deg)}}.wheel-spin{align-self:center;width:min(100%,220px);margin:4px auto 0;min-height:52px!important}.wheel-winner{border:var(--rule);background:var(--color-paper);text-align:center;overflow-wrap:anywhere;border-radius:12px;flex-direction:column;justify-content:center;gap:6px;height:118px;padding:14px;display:flex}.wheel-winner>span{color:var(--color-muted);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.wheel-winner>span svg{visibility:hidden}.wheel-winner[data-won=true]>span svg{visibility:visible}.wheel-winner strong{max-height:78px;font-size:18px;line-height:26px;overflow:auto}.wheel-winner[data-won=true]{background:color-mix(in srgb, #d49b29 10%, var(--color-paper));border-color:#d49b29}.wheel-winner[data-won=true] strong{animation:.35s ease-out wheel-winner-pop}.wheel-history{border:var(--rule);background:var(--color-paper);scrollbar-gutter:stable;border-radius:10px;height:200px;padding:12px;overflow:auto}.wheel-history>p{margin:0;line-height:24px}.wheel-history-row{border-bottom:var(--rule);grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:10px;min-height:40px;padding-block:8px;font-size:13px;display:grid}.wheel-history-row:last-child{border:0}.wheel-history-row span{overflow-wrap:anywhere}.wheel-history-row time{color:var(--color-muted);font:11px var(--font-mono);white-space:nowrap;line-height:20px}@keyframes wheel-winner-pop{0%{transform:translateY(4px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.wheel-workspace[data-spinning=true] .wheel-disc{transition:none}.wheel-winner[data-won=true] strong{animation:none}}@media (width<=767px){.wheel-option .input{font-size:16px}.wheel-presets .btn{white-space:normal;text-align:center;line-height:18px}.wheel-options{max-height:260px}.wheel-workspace .workbench-result{gap:16px}.wheel-segment span{max-width:65px;font-size:12px}.wheel-history-row{font-size:12px}.wheel-history-row time{font-size:10px}.wheel-stage{margin-top:20px}.wheel-option{gap:6px}}