openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
2 lines (1 loc) • 23.3 kB
CSS
openclaw-lobster-pet{z-index:1;clip-path:inset(-88px 0 0);pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}openclaw-lobster-pet .lobster-pet{top:var(--lob-y,0px);transition:none;bottom:auto;transform:translate(-50%,-100%)}.lobster-pet__motion{pointer-events:none;position:absolute;inset:0}.lobster-pet__motion--walk{animation:lobster-pet-travel-walk var(--lob-travel-ms) ease-in-out both}.lobster-pet__motion--hop{animation:lobster-pet-travel-hop var(--lob-travel-ms) linear both}.lobster-pet__motion--hop .lobster-pet .lobster-pet__body{transform-origin:50% 100%;animation:lobster-pet-landing var(--lob-travel-ms) ease-in-out both;animation-delay:var(--lob-act-delay,0s)}@keyframes lobster-pet-travel-walk{0%{transform:translate(var(--lob-from-x), var(--lob-from-y))}to{transform:translate(0)}}@keyframes lobster-pet-travel-hop{0%,14%{transform:translate(var(--lob-from-x), var(--lob-from-y))}38%{transform:translate(calc(var(--lob-from-x) * .7), calc(var(--lob-from-y) * .85 - 22px))}65%{transform:translate(calc(var(--lob-from-x) * .3), calc(var(--lob-from-y) * .35 - 18px))}86%,to{transform:translate(0)}}@keyframes lobster-pet-landing{0%,to{transform:scale(1)}14%{transform:scale(1.03,.96)}38%{transform:scale(.98,1.03)rotate(-4deg)}70%{transform:scale(.99,1.02)rotate(3deg)}86%{transform:scale(1.04,.94)}94%{transform:scale(.99,1.02)}}openclaw-lobster-pet .lobster-pet--away{opacity:0;visibility:hidden;transition:transform .3s ease-in,opacity .2s .1s,visibility 0s linear .3s;transform:translate(-50%,-45%)}.lobster-pet{bottom:0;left:var(--lob-x,80%);width:calc(16px * var(--lob-scale,2) * var(--lob-w,1));height:calc(14px * var(--lob-scale,2) * var(--lob-h,1));pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--lob-glint:var(--lob-glint-seed,#00e5cc);transition:left 1.15s ease-in-out;position:absolute;transform:translate(-50%)}openclaw-lobster-pet .lobster-bottle{top:-20px;bottom:auto}wa-dropdown.lobster-pet-dismiss-menu{pointer-events:auto}.lobster-pet--elder{transition:left 2.6s ease-in-out}openclaw-lobster-pet[data-dex-complete]:after{content:"";opacity:.5;pointer-events:none;background:linear-gradient(90deg,#0000,#f4b840 30%,#f9d47a 50%,#f4b840 70%,#0000);height:2px;position:absolute;top:0;left:8%;right:8%}.lobster-pet--palette-ghost{--lob-glint:#a8dcff}.lobster-pet--palette-ghost .lobster-pet__svg{opacity:.62}.lobster-pet--palette-lumen{--lob-glint:#7ef5dd}.lobster-pet--palette-magma{--lob-glint:#ff8a5c}.lobster-pet--palette-oilslick{--lob-glint:#c084fc}.lobster-pet--palette-aurora{--lob-glint:#3ec9a0}.lobster-pet--palette-nebula{--lob-glint:#ff9de2}.lobster-pet--palette-glass{--lob-glint:#bfeaff}.lobster-pet--palette-geode{--lob-glint:#c9a6ff;--lob-shell2:#241b38}.lobster-pet--palette-phosphor{--lob-glint:#3fff7d}.lobster-pet--palette-heisenbug{--lob-glint:#8be9fd}.lobster-pet--palette-blueprint{--lob-glint:#cfe3ff}.lobster-pet--palette-clawtron{--lob-glint:#ffb020}.lobster-pet--palette-selene{--lob-glint:#8fa8ff}.lobster-pet--palette-eclipse{--lob-glint:#ffd166}.lobster-pet--palette-sourdough{--lob-glint:#e6bc82}.lobster-pet--palette-zombie{--lob-glint:#b8d49a}.lobster-pet--palette-plush{--lob-glint:#ffb59e}.lobster-pet--palette-disco{--lob-glint:#cbd5e6}.lobster-pet--palette-eclipse .lobster-pet__svg{filter:drop-shadow(0 0 3px #ffd166b8)}.lobster-pet--palette-cryptid .lobster-pet__svg{filter:blur(1.1px)sepia(.35)contrast(.92)}.lob-cryptid-frame{transform-origin:60px 54px;animation:7s ease-in-out infinite alternate lobster-pet-cryptid-sway}@keyframes lobster-pet-cryptid-sway{0%{transform:translate(-1.5px,.5px)rotate(-.8deg)}to{transform:translate(1.5px,-.5px)rotate(.8deg)}}.lobster-pet--palette-ascii{--lob-ascii-ink:#d8dee6}:root[data-theme-mode=light] .lobster-pet--palette-ascii{--lob-ascii-ink:#46525e}.lob-balloon-frame{transform-origin:60px 54px;animation:4.5s ease-in-out infinite alternate lobster-pet-balloon-float}@keyframes lobster-pet-balloon-float{0%{transform:translateY(-2px)rotate(-1.5deg)}to{transform:translateY(2px)rotate(1.5deg)}}.lob-portal-ring{animation:4s ease-in-out infinite alternate lobster-pet-portal-pulse}.lob-portal-ring--blue{color:#4a9df8;filter:drop-shadow(0 0 4px #4a9df8)}.lob-portal-ring--orange{color:#ff9a2e;filter:drop-shadow(0 0 4px #ff9a2e)}@keyframes lobster-pet-portal-pulse{0%{opacity:.68}to{opacity:1}}.lob-skeleton__block{animation:1.8s ease-in-out infinite alternate lobster-pet-skeleton-shimmer;animation-delay:calc(var(--i,0) * .12s)}@keyframes lobster-pet-skeleton-shimmer{0%{opacity:.55}to{opacity:1}}.lobster-pet--palette-blueprint .lob-antennae path{stroke:#cfe3ff;stroke-dasharray:4 3}.lob-magma{filter:drop-shadow(0 0 3px #ff6a3de6);animation:3.8s ease-in-out infinite lobster-pet-magma}@keyframes lobster-pet-magma{0%,to{opacity:.95}50%{opacity:.5}}.lob-oilsheen{animation:7s linear infinite lobster-pet-oilslick}@keyframes lobster-pet-oilslick{to{filter:hue-rotate(360deg)}}.lob-aurora__band1{animation:6.4s ease-in-out infinite alternate lobster-pet-aurora-east}.lob-aurora__band2{animation:7.6s ease-in-out infinite alternate lobster-pet-aurora-west}:root:not([data-theme-mode=light]) .lob-aurora{filter:drop-shadow(0 0 3px #4ecfa68c)}@keyframes lobster-pet-aurora-east{to{transform:translate(3px)}}@keyframes lobster-pet-aurora-west{to{transform:translate(-3px)}}.lobster-pet--palette-nebula .lob-twinkle,.lobster-pet--palette-geode .lob-twinkle{transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite lobster-pet-twinkle}.lobster-pet--palette-glass .lobster-pet__svg{opacity:.38}.lobster-pet--palette-glass .lob-glass-glints{transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite lobster-pet-twinkle}.lobster-pet--palette-phosphor .lobster-pet__svg{animation:3.4s ease-in-out infinite lobster-pet-breathe,3.2s linear infinite lobster-pet-phosphor;animation-delay:var(--lob-breathe-delay,0s), 0s}@keyframes lobster-pet-phosphor{0%,87%,91%,to{opacity:1}88%,90%{opacity:.78}}.lob-heisenbug-frame{animation:2.8s step-end infinite lobster-pet-heisenbug}@keyframes lobster-pet-heisenbug{0%,88%,to{transform:translate(0)}90%{transform:translate(-2px,1px)}93%{transform:translate(2px,-1px)}96%{transform:translate(-1px)}}.lob-led{animation:1.6s step-end infinite lobster-pet-led}@keyframes lobster-pet-led{0%,55%,to{opacity:1}56%,72%{opacity:.18}}.lob-pixel-frame{animation:.9s steps(2,end) infinite lobster-pet-pixel-bob}@keyframes lobster-pet-pixel-bob{50%{transform:translateY(-1.5px)}}.lob-lumen{filter:drop-shadow(0 0 3px #7ef5dde6);animation:3.2s ease-in-out infinite lobster-pet-lumen}.lob-bee-wings ellipse{transform-box:fill-box;transform-origin:50%;animation:.25s ease-in-out infinite alternate lobster-pet-bee-wing-left}.lob-bee-wings ellipse:nth-child(2){animation-name:lobster-pet-bee-wing-right}@keyframes lobster-pet-bee-wing-left{0%{transform:rotate(-30deg)}to{transform:rotate(-16deg)}}@keyframes lobster-pet-bee-wing-right{0%{transform:rotate(16deg)}to{transform:rotate(30deg)}}.lob-disco{animation:6s linear infinite lobster-pet-disco-sweep}.lob-disco rect:nth-child(3n+1){transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite lobster-pet-twinkle}.lob-disco rect:nth-child(3n+4){animation-delay:.8s}@keyframes lobster-pet-disco-sweep{to{filter:hue-rotate(360deg)}}:root[data-theme-mode=light] .lob-lumen{filter:none;opacity:.3;animation:none}@keyframes lobster-pet-lumen{0%,to{opacity:1}50%{opacity:.55}}.lobster-pet--palette-cottoncandy{--lob-glint:#ff9fd6}.lobster-pet--palette-cottoncandy .lobster-pet__svg{animation:3.4s ease-in-out infinite lobster-pet-breathe,8s linear infinite lobster-pet-iridesce;animation-delay:var(--lob-breathe-delay,0s), 0s}@keyframes lobster-pet-iridesce{0%,to{filter:hue-rotate()saturate()}50%{filter:hue-rotate(26deg)saturate(1.2)}}.lobster-pet--shiny:not(.lobster-pet--palette-retro):not(.lobster-pet--palette-goldenretro):not(.lobster-pet--palette-cryptid) .lobster-pet__svg{filter:saturate(1.3)brightness(1.07)}.lobster-pet__sparkle{color:#ffe27a;font-size:calc(4px * var(--lob-scale,2));opacity:0;pointer-events:none;line-height:1;position:absolute}.lobster-pet--shiny .lobster-pet__sparkle{animation:2.2s ease-in-out infinite lobster-pet-twinkle;animation-delay:calc(var(--i,0) * 1.1s)}@keyframes lobster-pet-twinkle{0%,to{opacity:0;transform:scale(.5)rotate(0)}50%{opacity:.95;transform:scale(1.1)rotate(24deg)}}.lobster-pet--palette-retro .lobster-pet__svg,.lobster-pet--palette-goldenretro .lobster-pet__svg{filter:drop-shadow(0 0 1.2px #f5f7fa)drop-shadow(0 0 1.2px #f5f7fa)drop-shadow(0 0 1.2px #f5f7fa)}.lobster-pet--palette-goldenretro .lobster-pet__svg{animation:3.4s ease-in-out infinite lobster-pet-breathe,4s ease-in-out infinite lobster-pet-goldenretro-shimmer;animation-delay:var(--lob-breathe-delay,0s), 0s}.lobster-pet--palette-goldenretro .lob-retro-claw-line{stroke:#b8860b}@keyframes lobster-pet-goldenretro-shimmer{0%,to{filter:saturate()brightness()drop-shadow(0 0 1.2px #f5f7fa)drop-shadow(0 0 1.2px #f5f7fa)drop-shadow(0 0 1.2px #f5f7fa)drop-shadow(0 0 2px #f4b840bf)}50%{filter:saturate(1.25)brightness(1.12)drop-shadow(0 0 1.2px #f5f7fa)drop-shadow(0 0 1.2px #f5f7fa)drop-shadow(0 0 1.2px #f5f7fa)drop-shadow(0 0 2px #f4b840bf)}}.lobster-pet--palette-split{--lob-shell2:#46536b}.lobster-pet--palette-split .lob-claw--r path{fill:var(--lob-shell2)}.lobster-pet--palette-split .lob-antennae path:last-of-type{stroke:var(--lob-shell2)}.lobster-pet--palette-notexture .lob-claw--l path{fill:#ff00dc}.lobster-pet--palette-notexture .lob-claw--r path{fill:#111}.lobster-pet--palette-notexture .lob-antennae path:first-of-type{stroke:#ff00dc}.lobster-pet--palette-notexture .lob-antennae path:last-of-type{stroke:#111}.lobster-pet--palette-chimera .lob-claw--l path{fill:var(--lob-chimera-l)}.lobster-pet--palette-chimera .lob-claw--r path{fill:var(--lob-chimera-r)}.lobster-pet--palette-chimera .lob-antennae path{stroke:var(--lob-antennae-color)}.lobster-pet--offline{--lob-glint:#8a949d}.lobster-pet--offline .lob-eye-open circle:nth-of-type(3),.lobster-pet--offline .lob-eye-open circle:nth-of-type(4){filter:none}.lobster-pet--offline .lob-lumen{filter:none;opacity:.4;animation:none}.lobster-pet--offline .lob-magma{filter:none;opacity:.35;animation:none}.lobster-pet--offline.lobster-pet--palette-phosphor .lobster-pet__svg{animation:3.4s ease-in-out infinite lobster-pet-breathe;animation-delay:var(--lob-breathe-delay,0s)}.lobster-pet--offline .lob-scanlines{opacity:.05}.lobster-pet--offline .lob-led{opacity:.2;animation:none}.lobster-pet--offline.lobster-pet--palette-eclipse .lobster-pet__svg{filter:none}.lobster-pet__body{width:100%;height:100%;position:relative}.lobster-pet__svg{width:100%;height:100%;transform:scaleX(var(--lob-face,1));transform-origin:50% 100%;display:block;overflow:visible}:where(.lobster-pet) .lobster-pet__svg{animation:3.4s ease-in-out infinite lobster-pet-breathe;animation-delay:var(--lob-breathe-delay,0s)}.lob-claw{transform-box:view-box}.lob-claw--l{transform-origin:25px 52px}.lob-claw--r{transform-origin:95px 52px}.lob-claw>path{transform-box:view-box}.lob-claw--l>path{transform:scale(var(--lob-claw-l,1));transform-origin:25px 52px}.lob-claw--r>path{transform:scale(var(--lob-claw-r,1));transform-origin:95px 52px}.lob-tail{fill:color-mix(in srgb, var(--lob-shell,#ff4f40) 78%, #10181f)}.lobster-pet .lob-eye-closed{opacity:0}.lobster-pet:not(.lobster-pet--act-nap,.lobster-pet--act-pet) .lob-eye-open{animation:5.2s linear infinite lobster-pet-blink-open;animation-delay:var(--lob-blink-delay,0s)}.lobster-pet:not(.lobster-pet--act-nap,.lobster-pet--act-pet) .lob-eye-closed{animation:5.2s linear infinite lobster-pet-blink-closed;animation-delay:var(--lob-blink-delay,0s)}.lobster-pet--entering .lobster-pet__body{animation:.45s ease-out lobster-pet-enter}.lobster-pet--enter-balloon .lobster-pet__body{animation:1.25s ease-out lobster-pet-descend}.lobster-pet__balloon{width:calc(6.5px * var(--lob-scale,2));height:calc(10px * var(--lob-scale,2));pointer-events:none;animation:1.25s ease-out forwards lobster-pet-balloon;position:absolute;bottom:92%;left:24%}.lobster-pet--enter-bubble .lobster-pet__body{animation:.7s ease-out lobster-pet-bubble-rise}.lobster-pet__entry-bubble{border:1.5px solid var(--lob-glint,#00e5cc);opacity:0;pointer-events:none;border-radius:50%;animation:.7s ease-out forwards lobster-pet-bubble-pop;position:absolute;inset:-12% -8%}@keyframes lobster-pet-descend{0%{transform:translateY(-170%)}75%{transform:translateY(4%)}88%{transform:translateY(-2%)scaleY(.96)}to{transform:translateY(0)scaleY(1)}}@keyframes lobster-pet-balloon{0%,70%{opacity:1}to{opacity:0;transform:translateY(-40%)}}@keyframes lobster-pet-bubble-rise{0%{transform:translateY(30%)scale(.35)}60%{transform:translateY(-4%)scale(1.05)}to{transform:translateY(0)scale(1)}}@keyframes lobster-pet-bubble-pop{0%{opacity:.9;transform:scale(.45)}55%{opacity:.75;transform:scale(1)}70%{opacity:0;transform:scale(1.25)}to{opacity:0;transform:scale(1.25)}}.lobster-pet--act-wave .lob-claw--r{animation:1.4s ease-in-out lobster-pet-wave;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-snip .lob-claw{animation:.5s ease-in-out 2 lobster-pet-snip;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-hop .lobster-pet__body{animation:.75s ease-in-out lobster-pet-hop;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-spin .lobster-pet__body{animation:.95s ease-in-out lobster-pet-spin;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-peek .lobster-pet__body{animation:1.7s ease-in-out lobster-pet-peek;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-scuttle .lobster-pet__body{animation:.3s ease-in-out infinite lobster-pet-waddle;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-startle .lobster-pet__body{animation:.75s ease-out lobster-pet-startle;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-startle .lob-claw{animation:.38s ease-in-out 2 lobster-pet-snip;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-cheer .lobster-pet__body{animation:1.3s ease-in-out lobster-pet-cheer;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-cheer .lob-claw{animation:1.3s ease-in-out lobster-pet-cheer-claws;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-pet .lob-eye-open{opacity:0}.lobster-pet--act-pet .lob-eye-closed{opacity:1}.lobster-pet__heart{color:#ff5c8a;font-size:calc(5px * var(--lob-scale,2));opacity:0;pointer-events:none;line-height:1;position:absolute;bottom:78%;left:46%}.lobster-pet--act-pet .lobster-pet__heart{animation:1.4s ease-out lobster-pet-heart}.lobster-pet--act-sweep .lobster-pet__body{animation:1.8s ease-in-out lobster-pet-sweep-body;animation-delay:var(--lob-act-delay,0s)}.lobster-pet__broom{width:calc(4.4px * var(--lob-scale,2));height:calc(7.4px * var(--lob-scale,2));opacity:0;pointer-events:none;transform-origin:50% 92%;position:absolute;bottom:4%;left:74%}.lobster-pet--act-sweep .lobster-pet__broom{animation:1.8s ease-in-out lobster-pet-broom;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-droop .lobster-pet__body{animation:1.6s ease-in-out lobster-pet-droop;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--act-droop .lob-antennae{transform-box:view-box;transform-origin:60px 14px;animation:1.6s ease-in-out lobster-pet-droop-antennae}.lobster-pet--vigil .lobster-pet__body{transform:translateY(6%)scaleY(.94)}.lobster-pet--act-molt .lobster-pet__body{animation:2.6s ease-in-out lobster-pet-molt;animation-delay:var(--lob-act-delay,0s)}.lobster-pet--shell{pointer-events:none;cursor:default;filter:saturate(.45)brightness(.75);animation:60s linear forwards lobster-pet-shell-fade}.lobster-pet--shell .lobster-pet__svg,.lobster-pet--shell .lob-eye-closed{animation:none}.lobster-pet--shell .lob-eye-closed{opacity:1}.lobster-pet--act-nap .lob-eye-open{opacity:0}.lobster-pet--act-nap .lob-eye-closed{opacity:1}.lobster-pet__z{color:var(--lob-claw,#ff775f);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(4.5px * var(--lob-scale,2));opacity:0;pointer-events:none;font-weight:700;line-height:1;position:absolute;bottom:72%;left:58%}.lobster-pet--act-nap .lobster-pet__z{animation:2s ease-out infinite lobster-pet-z;animation-delay:calc(var(--i,0) * .7s)}.lobster-pet--party .lobster-pet__z:first-of-type{color:#ffd166}.lobster-pet--party .lobster-pet__z:nth-of-type(2){color:#5cd9c4}.lobster-pet--party .lobster-pet__z:nth-of-type(3){color:#ff5c8a}.lobster-pet__bubble{width:calc(2px * var(--lob-scale,2));height:calc(2px * var(--lob-scale,2));border:1px solid var(--lob-claw,#ff775f);opacity:0;pointer-events:none;border-radius:50%;position:absolute;bottom:55%;left:30%}.lobster-pet--act-bubble .lobster-pet__bubble{animation:1.6s ease-out lobster-pet-bubble;animation-delay:calc(var(--i,0) * .42s)}@keyframes lobster-pet-breathe{0%,to{transform:scaleX(var(--lob-face,1)) scaleY(1)}50%{transform:scaleX(var(--lob-face,1)) scaleY(.96)}}@keyframes lobster-pet-blink-open{0%,93%{opacity:1}94%,97%{opacity:0}98%,to{opacity:1}}@keyframes lobster-pet-blink-closed{0%,93%{opacity:0}94%,97%{opacity:1}98%,to{opacity:0}}@keyframes lobster-pet-enter{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes lobster-pet-wave{0%,to{transform:translateY(0)rotate(0)}20%,60%{transform:translateY(-6px)rotate(-30deg)}40%,80%{transform:translateY(-6px)rotate(-6deg)}}@keyframes lobster-pet-snip{0%,to{transform:scale(1)}50%{transform:scale(1.3,.78)}}@keyframes lobster-pet-hop{0%,to{transform:translateY(0)}30%{transform:translateY(-38%)}60%{transform:translateY(0)}75%{transform:translateY(3%)scaleY(.94)}}@keyframes lobster-pet-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes lobster-pet-peek{0%,to{transform:translateY(0)}15%{transform:translateY(96%)}35%,75%{transform:translateY(58%)}}@keyframes lobster-pet-waddle{0%,to{transform:translateY(0)rotate(2.5deg)}50%{transform:translateY(-6%)rotate(-2.5deg)}}@keyframes lobster-pet-startle{0%{transform:translateY(0)}25%{transform:translateY(-45%)rotate(-4deg)}55%{transform:translateY(0)}70%{transform:translateY(-12%)}85%,to{transform:translateY(0)}}@keyframes lobster-pet-heart{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:.95}to{opacity:0;transform:translate(4px,-18px)scale(1.15)}}@keyframes lobster-pet-sweep-body{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-4%)rotate(-3deg)}40%{transform:translate(3%)rotate(3deg)}60%{transform:translate(-3%)rotate(-3deg)}80%{transform:translate(2%)rotate(2deg)}}@keyframes lobster-pet-broom{0%,to{opacity:0;transform:rotate(0)}10%,90%{opacity:1}25%{transform:rotate(-24deg)}45%{transform:rotate(18deg)}65%{transform:rotate(-20deg)}85%{transform:rotate(12deg)}}@keyframes lobster-pet-droop{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(4%)rotate(-2.5deg)}45%{transform:translateY(4%)rotate(2.5deg)}70%{transform:translateY(4%)rotate(-1.5deg)}90%{transform:translateY(2%)rotate(0)}}@keyframes lobster-pet-droop-antennae{0%,to{transform:translateY(0)scaleY(1)}30%,75%{transform:translateY(3px)scaleY(.72)}}@keyframes lobster-pet-molt{0%,to{transform:rotate(0)scaleY(1)}10%,30%{transform:rotate(-2.5deg)scaleY(1)}20%,40%{transform:rotate(2.5deg)scaleY(1)}55%{transform:rotate(0)scaleY(.94)}70%{transform:rotate(0)scaleY(1.12)}85%{transform:rotate(0)scaleY(.96)}}@keyframes lobster-pet-shell-fade{0%{opacity:.4}to{opacity:0}}@keyframes lobster-pet-cheer{0%,to{transform:translateY(0)rotateY(0)}20%{transform:translateY(-42%)rotateY(0)}40%{transform:translateY(0)rotateY(0)}60%{transform:translateY(-34%)rotateY(180deg)}80%{transform:translateY(0)rotateY(360deg)}}@keyframes lobster-pet-cheer-claws{0%,to{transform:translateY(0)rotate(0)}25%,65%{transform:translateY(-5px)rotate(-18deg)}}@keyframes lobster-pet-z{0%{opacity:0;transform:translate(0)}20%{opacity:.9}to{opacity:0;transform:translate(9px,-14px)}}@keyframes lobster-pet-bubble{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:.85}to{opacity:0;transform:translate(-7px,-16px)scale(1.25)}}@media (prefers-reduced-motion:reduce){openclaw-lobster-pet .lobster-pet__motion,openclaw-lobster-pet .lobster-pet,openclaw-lobster-pet .lobster-pet *,openclaw-lobster-pet .lobster-bottle,openclaw-lobster-pet .lobster-bottle *{transition:none;animation:none}.lob-magma,.lob-oilsheen,.lob-aurora__band1,.lob-aurora__band2,.lob-twinkle,.lob-glass-glints,.lob-heisenbug-frame,.lob-cryptid-frame,.lob-balloon-frame,.lob-portal-ring,.lob-skeleton__block,.lob-led,.lob-pixel-frame,.lob-bee-wings ellipse,.lob-disco,.lob-disco rect,.lobster-pet--palette-goldenretro .lobster-pet__svg,.lobster-pet--palette-phosphor .lobster-pet__svg{animation:none}}.lobster-pet--passer{pointer-events:none;cursor:default;animation:lobster-pet-cross var(--lob-cross,11s) linear forwards}.lobster-pet--passer .lobster-pet__body{animation:.32s ease-in-out infinite lobster-pet-waddle}.lobster-pet--passer-hop{animation-name:lobster-pet-cross,lobster-pet-cross-hop}.lobster-pet--crab .lobster-pet__body{animation:.24s ease-in-out infinite lobster-pet-crab-scuttle}.lobster-pet--snail .lobster-pet__body{animation:none}.lobster-pet--duck .lobster-pet__body{animation:1.6s ease-in-out infinite lobster-pet-duck-bob}.lobster-pet--fedora .lobster-pet__body{animation:1.4s ease-in-out infinite lobster-pet-fedora-tumble}@keyframes lobster-pet-fedora-tumble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.lobster-pet--jellyfish{margin-top:-8px}.lobster-pet--jellyfish .lobster-pet__body{animation:2.4s ease-in-out infinite lobster-pet-jelly-pulse}@keyframes lobster-pet-cross{0%{left:var(--lob-cross-from);opacity:0}8%,92%{opacity:1}to{left:var(--lob-cross-to);opacity:0}}@keyframes lobster-pet-cross-hop{0%,10%,90%,to{top:0}15%{top:-12px}26%,70%{top:var(--lob-y)}82%{top:-12px}}@keyframes lobster-pet-crab-scuttle{0%,to{transform:translateY(0)}50%{transform:translateY(-8%)}}@keyframes lobster-pet-duck-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6%)rotate(3deg)}}@keyframes lobster-pet-jelly-pulse{0%,to{transform:translateY(0)scaleY(1)}45%{transform:translateY(-14%)scaleY(.92)}}.lobster-bottle{bottom:0;left:var(--lob-x,50%);pointer-events:auto;width:22px;height:20px;cursor:var(--cursor-action);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;transform:translate(-50%)}.lobster-bottle__svg{width:100%;height:100%;animation:3.6s ease-in-out infinite lobster-bottle-bob;display:block;overflow:visible}.lobster-bottle--open .lobster-bottle__svg{animation:none}@keyframes lobster-bottle-bob{0%,to{transform:rotate(0)}50%{transform:translateY(-6%)rotate(-4deg)}}.lobsterdex{flex-wrap:wrap;align-items:flex-end;gap:7px;display:flex}.lobsterdex__mini{aspect-ratio:120/105;width:26px;display:inline-block;position:relative}.lobsterdex__mini .lobster-pet__svg{animation:none}.lobsterdex__mini--unseen{filter:grayscale()brightness(.45)opacity(.55)}.lobsterdex__mini-star{color:#f4b840;pointer-events:none;font-size:9px;line-height:1;position:absolute;top:-5px;right:-4px}.lobsterdex__gallery{justify-items:start;gap:12px;display:grid}.lobsterdex__tooltip{gap:2px;max-width:230px;display:grid}.lobsterdex__tooltip strong{color:var(--text-strong)}.lobsterdex__tooltip span{color:var(--muted)}