.item-wheel-overlay[hidden],.item-controls[hidden],.item-controls button[hidden]{display:none!important}
.item-wheel-overlay{position:fixed;inset:0;z-index:850;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#10192015,#07101499);color:#f4f7f4;touch-action:none;font-family:system-ui,sans-serif}
.item-wheel-heading{text-align:center;margin-bottom:12px}.item-wheel-heading span{font-size:10px;letter-spacing:.28em;color:#cad4d1}.item-wheel-heading h2{font-size:24px;font-weight:500;letter-spacing:.03em;margin:5px 0}
.item-wheel{position:relative;width:min(400px,69vh,88vw);aspect-ratio:1}.item-wheel-sectors{width:100%;height:100%;filter:drop-shadow(0 5px 18px #0005)}
.item-wheel-sectors path{fill:#1a262cc4;stroke:#dce8e323;stroke-width:1;transition:fill .12s}.item-wheel-sectors path.selected{fill:#c9fa7955;stroke:#dcffad;stroke-width:2}
.item-wheel-center{position:absolute;inset:32% 23%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;pointer-events:none}.item-wheel-center b{font-size:20px;font-weight:550}.item-wheel-center small{font-size:11px;line-height:1.5;color:#d3dfda;white-space:pre-line}
.item-wheel-slot{position:absolute;left:calc(50% + sin(var(--slot)*45deg)*36%);top:calc(50% - cos(var(--slot)*45deg)*36%);width:70px;height:70px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;color:#f3f6f4;padding:13px;cursor:pointer}.item-wheel-slot[aria-pressed=true]{color:#e4ffc1}.item-wheel-slot:focus-visible{outline:2px solid #e4ffc1;outline-offset:2px}.item-wheel-slot svg{width:100%;height:100%}
.item-wheel-cursor{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:white;box-shadow:0 1px 5px #000;pointer-events:none}
.item-wheel-help{text-align:center;font-size:12px;line-height:1.7;margin:12px 12px 0;color:#d1dcd7}.item-wheel-close{position:absolute;right:24px;top:20px;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;font-size:26px;background:#162329aa;color:white}
.item-controls{position:fixed;bottom:22px;right:22px;display:flex;gap:8px;z-index:45}.item-controls button{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #ffffff45;background:#102126ba;color:white;border-radius:13px;padding:8px 13px;cursor:pointer}.item-controls svg{width:20px;height:25px}.item-controls small{font-size:12px}.item-controls kbd{margin-left:6px;font-size:11px;opacity:.7}.item-controls [aria-pressed=true]{border-color:#d6ffa1;color:#e2ffba}
.item-wheel-open #crosshair,.item-wheel-open #prompt,.item-wheel-open #touchControls,.item-wheel-open .desktop-action,.item-wheel-open .item-controls{visibility:hidden}
@media(pointer:coarse){.item-controls{right:auto;left:calc(18px + env(safe-area-inset-left));bottom:calc(148px + env(safe-area-inset-bottom));transform:none}.item-controls button{padding:8px;min-height:46px}.item-controls kbd{display:none}.item-wheel{width:min(310px,68vh)}.item-wheel-heading{margin:0}.item-wheel-heading h2{font-size:18px}.item-wheel-help{font-size:10px;margin:3px}.item-wheel-slot{width:54px;height:54px;padding:10px}.item-wheel-center b{font-size:17px}.item-wheel-center small{font-size:10px}.item-wheel-close{right:12px;top:12px}}

@media(max-height:550px){.item-wheel{width:min(310px,60vh,80vw);flex-shrink:0}.item-wheel-heading{margin:0}.item-wheel-heading span{font-size:8px}.item-wheel-heading h2{font-size:18px;margin:2px 0 5px}.item-wheel-help{font-size:10px;line-height:1.4;margin-top:5px}.item-wheel-slot{width:52px;height:52px;padding:10px}.item-wheel-center b{font-size:16px}.item-wheel-center small{font-size:9px}.item-wheel-close{top:10px;right:12px}}

.item-wheel-slot kbd{position:absolute;right:0;bottom:0;min-width:20px;line-height:20px;border:1px solid #ffffff65;border-radius:5px;background:#17262e;color:white;font:12px/20px system-ui;text-align:center}.item-controls button:disabled{cursor:default;opacity:1}