.glyph-crab-hit{position:fixed;left:0;top:0;width:56px;height:52px;padding:0;border:0;border-radius:45%;background:transparent;cursor:pointer;z-index:8;touch-action:manipulation}
.glyph-crab-hit:focus-visible{outline:2px solid #ffc074;outline-offset:4px;background:#ffbd7420}
.glyph-crab-speech{position:fixed;left:0;top:0;z-index:9;width:194px;min-height:54px;padding:13px 27px 13px 14px;border:1px solid #ffd2a380;border-radius:15px;background:#fff0da;color:#35291d;box-shadow:0 5px 20px #0003;font:500 13px/1.45 system-ui,sans-serif;pointer-events:auto;animation:crab-say .18s ease-out}
.glyph-crab-speech::after{content:"";position:absolute;bottom:-6px;left:var(--crab-tail,50%);width:11px;height:11px;background:#fff0da;transform:translateX(-50%) rotate(45deg);border-right:1px solid #ffd2a380;border-bottom:1px solid #ffd2a380}
.glyph-crab-speech[data-side="below"]::after{top:-6px;bottom:auto;transform:translateX(-50%) rotate(225deg)}
.glyph-crab-dismiss{position:absolute;right:3px;top:3px;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#65503b;cursor:pointer;font:18px/1 system-ui}
.glyph-crab-dismiss:focus-visible{outline:2px solid #814824}
.glyph-crab-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.glyph-crab-hit[hidden],.glyph-crab-speech[hidden]{display:none}
@keyframes crab-say{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.glyph-crab-speech{width:174px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.glyph-crab-hit,.glyph-crab-speech{display:none!important}}