.wl-dial{--zone: var(--mustard, #f2b233);display:grid;gap:8px;max-width:540px;margin:14px auto 0}.wl-face{position:relative;border-radius:50% 50% 0 0/100% 100% 0 0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.wl-svg{display:block;width:100%;height:auto;overflow:visible}.wl-shadow{fill:#3c230a3d}.wl-plate{fill:var(--cream, var(--surface))}.wl-rim{fill:none;stroke:var(--ink, var(--fg));stroke-width:2.5;stroke-linejoin:round}.wl-tick{fill:none;stroke:var(--ink, var(--fg));stroke-width:1.6;stroke-linecap:round;opacity:.45}.wl-tick.major{stroke-width:2.4;opacity:.8}.wl-zone{stroke:none;transform-box:view-box;transform-origin:200px 200px}.wl-zone.z1{fill:color-mix(in srgb,var(--zone) 26%,var(--cream, var(--surface)))}.wl-zone.z2{fill:color-mix(in srgb,var(--zone) 58%,var(--cream, var(--surface)))}.wl-zone.z3{fill:var(--zone)}.wl-aim{fill:none;stroke:var(--ink, var(--fg));stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round;opacity:.65}.wl-hub{fill:var(--ink, var(--fg));stroke:var(--cream, var(--surface));stroke-width:3}.wl-n{transform-box:view-box;transform-origin:200px 200px;transform:rotate(var(--a, 0deg))}.wl-needle{fill:var(--c, var(--ink, var(--fg)));stroke:var(--ink, var(--fg));stroke-width:2;stroke-linejoin:round}.wl-n.own .wl-needle{fill:var(--c, var(--red))}.wl-n.multi .wl-needle{stroke-width:1.8}.wl-tip{position:absolute;width:11%;max-width:44px;aspect-ratio:1;translate:-50% -50%;border-radius:50%;overflow:hidden;background:var(--cream, var(--surface));box-shadow:0 0 0 3px var(--c, var(--ink, var(--fg))),2px 3px 0 3px #3c230a3d;pointer-events:none}.wl-tip svg{display:block;width:100%;height:100%}.wl-ends{display:flex;justify-content:space-between;gap:12px;margin:0;padding:0 3%;font-weight:900;font-size:15px;line-height:1.2}.wl-ends span{max-width:46%;overflow-wrap:anywhere;hyphens:auto}.wl-ends span:last-child{text-align:right}.wl-steps{display:flex;justify-content:space-between;gap:12px}.wl-step{display:grid;place-items:center;box-sizing:border-box;width:64px;min-height:52px;margin:0;padding:0;border:0;border-radius:12px;background:var(--cream, var(--surface)) var(--tex, none);background-size:320px 320px;color:var(--fg);box-shadow:var(--ring);font:inherit;font-size:30px;font-weight:900;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.wl-step:active{transform:translate(2px,3px);box-shadow:0 0 0 2px var(--cream, var(--surface))}.bf :is(.wl-step,.wl-face):focus-visible{outline:3px solid var(--fg);outline-offset:3px}.bf .wl-face.ptr:focus-visible{outline:none}.wl-dial.live .wl-face{touch-action:none;cursor:grab}.wl-dial.live .wl-face:active{cursor:grabbing}.wl-dial.unmoved .wl-n.own{opacity:.55}.wl-dial.compact{max-width:300px;margin-top:8px}.wl-dial.compact .wl-ends{font-size:13px}.wl-legend{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 0;font-weight:900;font-size:14px}.wl-legend span{display:inline-flex;align-items:center;gap:6px}.wl-legend i{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--ink, var(--fg))}.wl-legend i.z1{background:color-mix(in srgb,var(--mustard) 26%,var(--cream, var(--surface)))}.wl-legend i.z2{background:color-mix(in srgb,var(--mustard) 58%,var(--cream, var(--surface)))}.wl-legend i.z3{background:var(--mustard)}.wl-legend small{color:var(--muted);font-weight:800;font-size:13px}.wl-input{margin-top:6px}.wl-field{margin-top:4px}.wl-field .bf-label{margin-top:14px}.wl-field .bf-count{gap:16px;align-items:flex-start;font-size:13px;line-height:1.35}.wl-input.in-dialog .wl-dial{margin-top:6px}.wl-thinking .bf-hero-fig{width:84px}.wl-thinking h3,.wl-mainwait h3{margin:0 0 6px}.wl-pair{margin:4px 0 0;color:var(--muted);font-weight:700}.wl-pair b{color:var(--fg);font-weight:900}.wl-cap{margin:8px 0 0;color:var(--muted);font-weight:800;font-size:13px}.wl-board{margin-top:6px}.wl-reveal{display:grid;gap:18px;margin-top:8px}.wl-left,.wl-right{display:grid;gap:4px;align-content:start;min-width:0}.wl-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}.wl-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:var(--surface);box-shadow:var(--sf-ring)}.wl-row.best{box-shadow:var(--sf-ring),inset 4px 0 0 var(--sf-sig)}.wl-row.main{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}.wl-fig{flex:none;width:34px}.wl-fig svg{display:block;width:100%;height:auto}.wl-who{flex:1;display:grid;min-width:0;line-height:1.2}.wl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.wl-who small{color:var(--muted);font-weight:700;font-size:13px}.wl-pts{flex:none;display:grid;justify-items:end;line-height:1.05}.wl-pts b{font-family:"Juballo Hand",var(--display);font-weight:400;font-size:32px}.wl-pts small{color:var(--muted);font-weight:800;font-size:12px}.wl-note{margin:6px 2px 0;color:var(--muted);font-weight:700;font-size:13.5px}[data-wl-stage="0"] .wl-zone{transition:transform .7s cubic-bezier(.3,1.25,.5,1)}[data-wl-stage="0"] .wl-zone.z2{transition-delay:.08s}[data-wl-stage="0"] .wl-zone.z3{transition-delay:.16s}[data-wl-stage="0"] .wl-zones.sweep:not(.open) .wl-zone{transform:scaleX(0)}[data-wl-stage="0"] .wl-aim{transition:opacity .4s .5s}[data-wl-stage="0"] .wl-zones:not(.open) .wl-aim{opacity:0}[data-wl-stage="0"] .wl-n{transition:transform .6s cubic-bezier(.3,1.35,.5,1),opacity .2s}[data-wl-stage="0"] .wl-n:not(.in){transform:rotate(0);opacity:0}[data-wl-stage="0"] .wl-tip{transition:opacity .25s .35s,scale .35s .35s cubic-bezier(.3,1.6,.5,1)}[data-wl-stage="0"] .wl-tip:not(.in){opacity:0;scale:.4}[data-wl-stage="0"] .wl-row{transition:opacity .3s,transform .4s cubic-bezier(.3,1.4,.5,1)}[data-wl-stage="0"] .wl-row:not(.in){opacity:0;transform:translateY(12px)}@media(min-width:720px){.wl-reveal{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}.wl-input.hint:not(.in-dialog){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}.wl-input.hint:not(.in-dialog) .wl-field{align-self:center}.wl-input.hint:not(.in-dialog) .wl-left .wl-dial{margin-top:8px}.wl-dial{margin-top:8px}.wl-ends{font-size:17px}.wl-left .wl-dial{margin-top:0}}@media(max-width:380px){.wl-ends{font-size:14px}.wl-step{width:58px}}:root.calm .wl-reveal *,:root.calm .wl-dial *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.wl-reveal *,.wl-dial *{animation:none!important;transition:none!important}}