.helper{--helper-size: 72px;--helper-brown: #8B4513;--helper-border: #ff2bd6;--helper-green: #2fe04f;--helper-fade: .5s;position:fixed;right:1rem;bottom:1rem;z-index:250;width:var(--helper-size);height:var(--helper-size);pointer-events:none}.helper[hidden]{display:none}.helper-actor{position:absolute;inset:0;will-change:transform,opacity}.helper.is-idle .helper-actor{pointer-events:auto;cursor:pointer}.helper-sprite{position:relative;width:100%;height:100%}.helper-area{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 0s linear var(--helper-fade)}.helper-area.is-active{z-index:2;opacity:1;transition:opacity var(--helper-fade) ease-in-out 0s}.helper-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:0}.helper-img.is-on{opacity:1}.helper-box{position:absolute;right:calc(100% + 10px);bottom:0;width:min(27rem,calc(100vw - 7rem));padding:.7rem 1rem .8rem;background:var(--helper-brown);border:3px solid var(--helper-border);box-shadow:0 0 0 2px var(--ink),0 6px 18px #0000008c;font-family:var(--font);font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:700;line-height:1.15;color:var(--helper-green);cursor:pointer;opacity:0;transform:scale(.85) translateY(6px);transform-origin:100% 100%;pointer-events:none;transition:opacity .18s,transform .18s cubic-bezier(.2,1.4,.4,1)}.helper-box.is-open{opacity:1;transform:none;pointer-events:auto}@media (prefers-reduced-motion: reduce){.helper-box{transition:opacity .1s;transform:none}.helper-area,.helper-area.is-active{transition:none}}.helper-jump{position:absolute;inset:0;will-change:transform}