.wheel-tool{--wheel-content-width:74rem;--wheel-bg:var(--color-background,#f8f6f1);--wheel-surface:var(--color-surface,#f1eee7);--wheel-surface-strong:color-mix(in srgb, var(--wheel-surface) 72%, #fff);--wheel-text:var(--color-foreground,#282724);--wheel-secondary:var(--color-secondary,#605d56);--wheel-muted:var(--color-muted,#817c72);--wheel-rule:var(--color-rule,#c9c4ba);--wheel-accent:var(--color-accent,#b64b2a);--wheel-accent-hover:var(--color-accent-hover,#91391f);color:var(--wheel-text);flex-direction:column;flex:1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}html[data-theme=dark] .wheel-tool{--wheel-bg:var(--color-background,#1c1b19);--wheel-surface:var(--color-surface,#25231f);--wheel-surface-strong:color-mix(in srgb, var(--wheel-surface) 72%, #000);--wheel-text:var(--color-foreground,#f2eee5);--wheel-secondary:var(--color-secondary,#c3bdb1);--wheel-muted:var(--color-muted,#a59e92);--wheel-rule:var(--color-rule,#4a4640);--wheel-accent:var(--color-accent,#df744f);--wheel-accent-hover:var(--color-accent-hover,#f18b65)}.wheel-tool *,.wheel-tool :before,.wheel-tool :after{box-sizing:border-box}.wheel-header{border-bottom:1px solid var(--wheel-rule);justify-content:space-between;align-items:flex-end;gap:2rem;width:100%;margin-inline:auto;padding:1rem 0;display:flex}.wheel-header h1,.wheel-panel h2{letter-spacing:-.03em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}.wheel-header h1{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}.wheel-kicker,.wheel-eyebrow,.wheel-button,.wheel-text-button,.wheel-empty{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.wheel-kicker,.wheel-eyebrow{color:var(--wheel-accent);letter-spacing:.12em;margin:0 0 .3rem;font-size:.7rem;font-weight:600}.wheel-layout{width:100%;max-width:var(--wheel-content-width);flex:1;grid-template-columns:minmax(0,1.5fr) minmax(19rem,.7fr);align-items:center;gap:clamp(1.25rem,2vw,2rem);margin-inline:auto;padding:clamp(1rem,2vw,1.5rem) 0;display:grid}.wheel-stage{aspect-ratio:1;width:100%;max-width:44rem;margin:0 auto;position:relative}.wheel-stage:before{border:1px solid color-mix(in srgb, var(--wheel-rule) 70%, transparent);content:"";pointer-events:none;border-radius:50%;position:absolute;inset:4%}.wheel-canvas{cursor:pointer;width:100%;height:100%;filter:drop-shadow(0 1rem 1.5rem color-mix(in srgb, var(--wheel-text) 13%, transparent));display:block}.wheel-canvas:hover,.wheel-canvas:focus-visible{filter:drop-shadow(0 1.1rem 1.6rem color-mix(in srgb, var(--wheel-accent) 22%, transparent))}.wheel-pointer{--wheel-pointer-offset:0px;--wheel-pointer-shift:0px;--wheel-pointer-tilt:0deg;z-index:1;transform:translateX(var(--wheel-pointer-shift)) translateY(calc(-50% + var(--wheel-pointer-offset))) rotate(var(--wheel-pointer-tilt));transform-origin:65%;color:var(--wheel-text);pointer-events:none;font-size:clamp(2rem,5vw,3.5rem);line-height:1;position:absolute;top:50%;right:-.25rem}.wheel-empty{color:var(--wheel-muted);pointer-events:none;place-items:center;font-size:.85rem;display:grid;position:absolute;inset:0}.wheel-empty[hidden]{display:none}.wheel-spin-controls{justify-items:center;gap:.5rem;margin-top:1rem;display:grid}.wheel-button{cursor:pointer;border:1px solid var(--wheel-rule);min-height:2.5rem;color:var(--wheel-text);letter-spacing:.06em;background:0 0;padding:.65rem 1rem;font-size:.75rem}.wheel-button:hover,.wheel-button:focus-visible{border-color:var(--wheel-accent-hover);color:var(--wheel-accent-hover)}.wheel-button--primary{border-color:var(--wheel-accent);background:var(--wheel-accent);color:#fff;font-weight:600}.wheel-button--primary:hover,.wheel-button--primary:focus-visible{border-color:var(--wheel-accent-hover);background:var(--wheel-accent-hover);color:#fff}.wheel-button:disabled{cursor:not-allowed;opacity:.4}.wheel-spin{min-width:11rem;padding:.75rem 1.75rem;font-size:.85rem;display:block}.wheel-panel{border:1px solid var(--wheel-rule);background:var(--wheel-surface);align-self:center;padding:1.25rem}.wheel-panel-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.wheel-panel h2{font-size:1.5rem}.wheel-text-button{cursor:pointer;color:var(--wheel-muted);background:0 0;border:0;padding:.25rem;font-size:.75rem}.wheel-text-button:hover,.wheel-text-button:focus-visible{color:var(--wheel-accent-hover)}.wheel-help{color:var(--wheel-secondary);margin:.5rem 0 1rem;font-size:.875rem;line-height:1.5}.wheel-entries{resize:vertical;border:1px solid var(--wheel-rule);background:var(--wheel-bg);width:100%;min-height:18rem;color:var(--wheel-text);border-radius:0;outline:none;padding:1rem;font:.875rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.wheel-entries:focus{border-color:var(--wheel-accent)}.wheel-entry-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.wheel-checkbox{border-top:1px solid var(--wheel-rule);cursor:pointer;align-items:flex-start;gap:.75rem;margin-top:1rem;padding-top:.875rem;font-size:.875rem;display:flex}.wheel-checkbox input{accent-color:var(--wheel-accent);margin-top:.2rem}.wheel-checkbox strong,.wheel-checkbox small,.wheel-field strong,.wheel-field small{display:block}.wheel-checkbox strong,.wheel-field strong{font-weight:600}.wheel-checkbox small,.wheel-field small{color:var(--wheel-secondary);margin-top:.2rem;font-size:.8rem}.wheel-field{border-top:1px solid var(--wheel-rule);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding-top:.875rem;font-size:.875rem;display:grid}.wheel-select{border:1px solid var(--wheel-rule);background:var(--wheel-bg);min-width:4.5rem;color:var(--wheel-text);padding:.55rem .75rem;font:.85rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.wheel-select:focus-visible{border-color:var(--wheel-accent);outline:none}.wheel-dialog{border:1px solid var(--wheel-rule);background:var(--wheel-bg);width:min(92vw,32rem);color:var(--wheel-text);margin:auto;padding:0;overflow:visible}.wheel-confetti{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wheel-confetti-piece{top:var(--confetti-origin-y);left:var(--confetti-origin-x);background:var(--confetti-color);opacity:0;width:.65rem;height:.9rem;animation:wheel-confetti-burst var(--confetti-duration) ease-out var(--confetti-delay) forwards;position:absolute}.wheel-confetti-piece--round{border-radius:50%;width:.55rem;height:.55rem}@keyframes wheel-confetti-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}8%{opacity:1}40%{transform:translate(calc(-50% + var(--confetti-mid-x)), calc(-50% + var(--confetti-mid-y))) rotate(var(--confetti-mid-rotation))}to{transform:translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y))) rotate(var(--confetti-rotation));opacity:0}}.wheel-dialog::backdrop{background:#00000080}.wheel-dialog-content{text-align:center;padding:2rem;position:relative}.wheel-winner{overflow-wrap:anywhere;margin:1.5rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,8vw,4rem);line-height:1}.wheel-dialog-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.wheel-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=801px){.wheel-stage{width:min(100%,100svh - 18rem)}.wheel-entries{height:clamp(9rem,100svh - 42rem,14rem);min-height:9rem}}@media (width<=800px){.wheel-layout{flex:none;grid-template-columns:1fr}.wheel-panel{align-self:start}}@media (width<=520px){.wheel-header{align-items:flex-start}.wheel-panel,.wheel-dialog-content{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.wheel-tool *,.wheel-tool :before,.wheel-tool :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}