.wh{justify-content:space-between;gap:14px}.wh-wrap{filter:drop-shadow(0 18px 28px #0000008c);width:min(100cqw,100cqh);height:min(100cqw,100cqh);position:relative}.wh-svg{width:100%;height:100%;display:block}.wh-rotor{transform-origin:0 0;transform-box:view-box}.wh-pointer{--pw:clamp(18px, 5cqmin, 26px);width:var(--pw);height:calc(var(--pw) * 1.36);margin-left:calc(var(--pw) / -2);z-index:2;background:var(--gold-3);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 2px #0009);transform-origin:50% 10%;position:absolute;top:-2px;left:50%}.wh-pointer.tick{animation:.45s wh-tick}@keyframes wh-tick{35%{transform:rotate(-8deg)}}.wh-stud{fill:var(--gold)}.wh-win{stroke:var(--text);stroke-width:2px}.wh-hub-text{font-family:var(--display);text-anchor:middle;dominant-baseline:central;font-size:38px;font-weight:600;animation:.35s wh-hub}@keyframes wh-hub{0%{opacity:0}}.wh-hub-text.spin{animation:1.2s ease-in-out infinite wh-wait}@keyframes wh-wait{50%{opacity:.45}}.wh-hub{transform-box:fill-box;transform-origin:50%}.wh-glint{fill:none;stroke:var(--gold-3);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transform-box:fill-box;transform-origin:50%;animation:.9s cubic-bezier(.3,.6,.2,1) both wh-glint;transform:rotate(-90deg)}.wh-glint.w2{stroke-width:2.2px;animation-duration:1.1s}.wh-glint.w3{stroke-width:3px;animation-duration:1.4s}@keyframes wh-glint{70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.35}}.wh-hub-sub{font-family:var(--body);letter-spacing:.24em;text-transform:uppercase;fill:var(--muted);text-anchor:middle;font-size:10px;font-weight:500}.wh-legend{flex-wrap:wrap;flex:none;justify-content:center;gap:6px;width:100%;display:flex}.wh-chip{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--c);border-radius:3px;flex-direction:column;align-items:center;gap:0;min-width:64px;padding:5px 10px;transition:border-color .25s,background .25s;display:flex}.wh-chip b{color:var(--text);font-size:13px;font-weight:500}.wh-chip small{letter-spacing:.08em;color:var(--dim);font-size:10px;font-weight:500}.wh-chip.on{border-color:var(--gold);border-top-color:var(--c);background:var(--gold-soft)}.wh-chip.zero{border-top-color:var(--line-2)}.wh-chip.zero b{color:var(--muted)}.wh-ctl{display:contents}.wh-ctl .o-seg button,.wh-ctl .ux-mode button,.wh-ctl .ux-counts button{white-space:nowrap;transition:background .15s,color .15s}.wh-ctl .ux-mode button:hover:not(:disabled):not(.on),.wh-ctl .ux-counts button:hover:not(:disabled):not(.on){color:var(--text);background:var(--panel-2)}.wh-ctl .o-seg button:focus-visible,.wh-ctl .ux-mode button:focus-visible,.wh-ctl .ux-counts button:focus-visible,.wh-ctl .amount-input button:focus-visible{outline:1px solid var(--gold-3);outline-offset:-3px}.wh-ctl .o-seg button:disabled:not(.on),.wh-ctl .ux-mode button:disabled:not(.on),.wh-ctl .ux-counts button:disabled:not(.on){opacity:.5}.wh-ctl .amount-input button{min-width:40px}.wh-go.busy:disabled{opacity:.72;cursor:progress}@media (width<=900px){.wh{--o-mh:440px;gap:10px}}@media (prefers-reduced-motion:reduce){.wh-pointer.tick,.wh-hub-text,.wh-hub-text.spin{animation:none}.wh-glint{stroke-dashoffset:0;opacity:.35;animation:none}.wh-rotor{transition-duration:.3s!important}}@media (width<=900px){.wh-chip small{font-size:12px}}