.bit-companion{height:50px;margin:0 0 6px;position:relative;overflow-x:clip}.bit-companion-row{align-items:center;gap:12px;width:max-content;max-width:calc(50% + 44px);height:100%;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;left:50%;transform:translate(-50px)}.bit-companion-button{width:80px;height:50px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;flex:none;padding:0;display:block;position:relative}.bit-companion-button:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.bit-companion-lift,.bit-companion-figure{width:100%;height:100%;display:block;position:relative}.bit-companion-figure>*{pointer-events:none}.bit-companion-lift{transition:transform .2s}.bit-companion-button:hover .bit-companion-lift,.bit-companion-button:focus-visible .bit-companion-lift{transform:translateY(-2px)}.bit-companion .mascot--animated{animation:none}.bit-companion-figure--animated{animation:4.5s ease-in-out infinite bit-companion-float}@keyframes bit-companion-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.bit-companion .mascot{width:60px;height:60px;position:absolute;top:0;left:20px}.mascot-prop{width:28px;height:28px;position:absolute;top:21px;left:0;overflow:visible}.mascot-prop[data-prop=trophy]{top:24px;left:3px}.mascot-prop[data-prop=book]{top:20px;left:3px}.mascot-prop[data-prop=wrench]{top:14px;left:4px}.mascot-prop-body{fill:#ffffff12;stroke:#ffffff47;stroke-width:2px;stroke-linejoin:round}.mascot-prop-rule{fill:none;stroke:#ffffff47;stroke-width:2px;stroke-linecap:round}.mascot-prop-screen{fill:#09090b;stroke:#a78bfa8c;stroke-width:2px}.mascot-prop-accent{fill:#a78bfa}.mascot-prop-accent--soft{stroke:#a78bfa;stroke-width:2px;stroke-linejoin:round}.mascot-prop-line{fill:none;stroke:#ffffff8c;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.mascot-prop-accent-line{fill:none;stroke:#a78bfa;stroke-width:2.4px;stroke-linecap:round}.mascot-prop-dot{fill:#ffffff8c}.bit-companion-hint{background:#212123;border:1px solid #ffffff24;border-radius:6px 6px 6px 2px;gap:2px;padding:3px 4px;transition:opacity .15s;display:flex;position:absolute;top:1px;left:69px}.bit-companion-hint span{background:#ffffff8c;border-radius:50%;width:2px;height:2px}.bit-companion.is-open .bit-companion-hint{opacity:0}.bit-companion-pill{color:#ffffffd9;text-align:left;overflow-wrap:anywhere;opacity:0;visibility:hidden;background:#212123;border:1px solid #ffffff24;border-radius:16px;flex:0 auto;min-width:0;margin:0;padding:.45rem .85rem;font-size:.78rem;line-height:1.35;position:relative;transform:translate(-6px)}.bit-companion.is-open .bit-companion-pill{opacity:1;visibility:visible;transition:opacity .2s 60ms,transform .3s cubic-bezier(.22,1,.36,1) 60ms;transform:none}.bit-companion-pill:before{content:"";background:#212123;border-bottom:1px solid #ffffff24;border-left:1px solid #ffffff24;border-bottom-left-radius:2px;width:10px;height:10px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}@media (max-width:640px){.bit-companion-row{max-width:calc(100% - 12px)}.bit-companion.is-open .bit-companion-row{transform:translate(-50%)}.bit-companion-pill{padding:.4rem .7rem}}@media (prefers-reduced-motion:reduce){.bit-companion-row,.bit-companion-lift,.bit-companion-hint,.bit-companion.is-open .bit-companion-pill{transition:none}.bit-companion-figure--animated{animation:none}.bit-companion-button:hover .bit-companion-lift,.bit-companion-button:focus-visible .bit-companion-lift{transform:none}}@media print{.bit-companion{display:none!important}}