.zd-hwheel{--zw-seg:var(--z-surface);--zw-seg-on:color-mix(in srgb, var(--z-gold) 26%, var(--z-surface));--zw-edge:color-mix(in srgb, var(--z-ivory) 14%, transparent);--zw-turn:.7s;aspect-ratio:1;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:none;width:100%;max-width:420px;margin:0 auto;position:relative;container-type:inline-size}.zd-hwheel svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.zd-hwheel-rim{fill:none;stroke:var(--zw-edge)}.zd-hwheel-sign{fill:var(--z-muted);opacity:.7;font-size:7px}.zd-hwheel-signs{transform-box:view-box;transform-origin:150px 150px;animation:240s linear infinite zd-hwheel-drift}@keyframes zd-hwheel-drift{to{transform:rotate(-360deg)}}.zd-hwheel-ring{transform-box:view-box;transform-origin:150px 150px;transform:rotate(var(--r));transition:transform var(--zw-turn) var(--z-ease-out)}.zd-hwheel-label{transform-box:fill-box;transform-origin:50%;transform:rotate(calc(-1 * var(--r)));transition:transform var(--zw-turn) var(--z-ease-out);pointer-events:none}.zd-hwheel[data-drag] .zd-hwheel-ring,.zd-hwheel[data-drag] .zd-hwheel-label{transition:none}.zd-hwheel-seg{fill:var(--zw-seg);stroke:var(--zw-edge);stroke-width:1px;cursor:pointer;touch-action:none;transition:fill var(--z-dur-fast) var(--z-ease-out);outline:none}.zd-hwheel-seg[data-on],.zd-hwheel-seg:active{fill:var(--zw-seg-on)}.zd-hwheel-seg:focus-visible{stroke:var(--z-focus);stroke-width:2px}@media (hover:hover) and (pointer:fine){.zd-hwheel-seg:hover{fill:color-mix(in srgb, var(--z-gold) 14%, var(--z-surface))}.zd-hwheel-seg[data-on]:hover{fill:var(--zw-seg-on)}}.zd-hwheel-no{fill:var(--z-gold);font-size:8px;font-weight:700}.zd-hwheel-word{fill:var(--z-ivory);font-size:8px}.zd-hwheel-hub{fill:var(--z-panel-2);stroke:var(--z-gold);stroke-width:.8px}.zd-hwheel-pointer{fill:var(--z-gold)}.zd-hwheel-center{text-align:center;width:50%;height:52%;font-family:var(--z-font-body);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2cqw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zd-hwheel-center small{color:var(--z-gold);letter-spacing:.02em;font-size:3.1cqw;line-height:1.25}.zd-hwheel-center p{color:var(--z-ivory);text-wrap:balance;margin:0;font-size:3.9cqw;font-weight:600;line-height:1.28}.zd-hwheel .zd-hwheel-open{pointer-events:auto;height:auto;min-height:0;padding:2cqw 6cqw;font-size:4cqw}.zd-hwheel .zd-hwheel-open:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.zd-hwheel-signs{animation:none}.zd-hwheel-ring,.zd-hwheel-label{transition:none}}