#xsp-wheel{position:fixed;right:calc(56px * var(--xsp-s,1));top:50%;transform:translateY(-46%) scale(var(--xsp-s,1));transform-origin:right center;pointer-events:none}
#xsp-wheel.wh-in .wh{animation:whIn .14s ease-out}
@keyframes whIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.wh{position:relative;width:300px;height:340px}
.wh-ring{position:absolute;left:0;top:0;overflow:visible;filter:drop-shadow(0 16px 30px rgba(0,0,0,.55))}
.wh-halo{fill:none;stroke:rgba(255,255,255,.05);stroke-width:1}
.ws > path{fill:rgba(14,14,17,.8);stroke:rgba(255,255,255,.07);stroke-width:1;transition:fill .09s,stroke .09s}
.ws .ws-ico{display:flex;align-items:center;justify-content:center;width:64px;height:64px;color:#c9c9cf;transition:color .09s,transform .09s}
.ws .ws-ico img{display:block;width:38px;height:38px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65)) saturate(.82) brightness(.88);transition:filter .1s,transform .1s}
.ws-on .ws-ico img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.55)) drop-shadow(0 0 7px rgba(255,255,255,.28)) saturate(1.05) brightness(1.08);transform:scale(1.14)}
.ws-num{fill:#5d5d66;font:700 9px var(--x-mono);text-anchor:middle}
.ws-page > path{fill:rgba(18,18,22,.82)}
.ws-on > path{fill:rgba(var(--x-accent-rgb),.92);stroke:rgba(147,190,255,.9)}
.ws-on .ws-ico{color:#fff;transform:scale(1.12)}
.ws-on .ws-num{fill:rgba(255,255,255,.75)}
.ws-danger .ws-ico{color:#ff8a95}
.ws-danger.ws-on > path{fill:rgba(255,77,94,.92);stroke:#ff9aa4}
.ws-danger.ws-on .ws-ico{color:#fff}
.ws-pulse > path{animation:wsPulse .28s ease-out}
@keyframes wsPulse{0%{fill:#fff}100%{fill:rgba(var(--x-accent-rgb),.92)}}
.wh-hub{position:absolute;left:150px;top:150px;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;background:rgba(12,12,14,.9);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}
.wh-crumb{color:var(--x-accent);font:700 9.5px/1 var(--x-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;filter:brightness(1.25)}
.wh-name{color:#fff;font:700 14px/1.15 var(--x-font);max-width:110px}
.wh-target{margin-top:6px;color:var(--x-dim);font:600 10.5px/1.25 var(--x-mono);max-width:116px}
.wh-target.bad{color:#ff7a87}
.wh-hints{position:absolute;left:0;right:0;top:306px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap;color:#bdbdc4;font:600 10.5px/1 var(--x-font);text-shadow:0 1px 6px rgba(0,0,0,.9)}
.wh-hints span{display:inline-flex;align-items:center;gap:4px}
.wh-hints .xp-kbd{font-style:normal;background:rgba(20,20,24,.92)}
.ws-fav{fill:#ffd166;font:700 11px/1 var(--x-font);text-anchor:middle;paint-order:stroke;stroke:rgba(0,0,0,.55);stroke-width:2px}
.ws-on .ws-fav{fill:#fff}
.wh-pin:empty{display:none}