#co{margin:0 0 12px}
.walk{position:relative;height:68px;overflow:hidden}
.cob{position:absolute;bottom:0;transform:translateX(-50%);width:64px;height:64px;padding:0;background:none;transition:left .9s cubic-bezier(.45,.1,.2,1)}
.cob svg{display:block;filter:drop-shadow(0 3px 0 rgba(0,0,0,.18))}
.cob.mv svg{animation:wob .45s ease-in-out infinite}
@keyframes wob{25%{transform:rotate(-6deg) translateY(-2px)}75%{transform:rotate(6deg) translateY(-2px)}}
.cobub{position:relative;background:var(--yellow-soft);color:var(--ink);border-radius:18px;padding:12px 14px;font-weight:700;box-shadow:var(--shadow);margin-top:8px;min-height:54px;white-space:pre-wrap;cursor:pointer}
.cobub::before{content:"";position:absolute;top:-9px;left:var(--p,16%);transform:translateX(-50%);border:9px solid transparent;border-top:0;border-bottom-color:var(--yellow-soft);transition:left .9s cubic-bezier(.45,.1,.2,1)}
.cochips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cochips:empty{display:none}
.cobub .chip{background:var(--surface);min-height:44px;padding:6px 12px;font-size:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hl{outline:4px dashed var(--orange);outline-offset:5px;border-radius:14px;animation:hlp 1s ease-in-out infinite}
@keyframes hlp{50%{outline-color:var(--yellow)}}