/* The mascot stands on the viewport edge, independent of the document scroll. */
.companion{--mascot-height:clamp(195px,28vh,260px);position:fixed;left:max(12px,env(safe-area-inset-left));bottom:0;width:var(--mascot-height);height:var(--mascot-height);z-index:14;color:#19191f;font-family:inherit;pointer-events:none}
.companion[hidden],.companion [hidden]{display:none!important}
.companion-character{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:45% 45% 0 0;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation}
.companion-character canvas,.companion-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none}
.companion-character:focus-visible{outline:3px solid var(--accent,#e82756);outline-offset:-4px}
.companion button:focus-visible,.companion a:focus-visible{outline:3px solid #bc2546;outline-offset:3px}
.companion-hide{position:absolute;right:2px;top:4px;width:32px;height:32px;padding:0;border:1.5px solid #332c32;border-radius:50%;background:#fffaf2;color:#211e29;font-size:21px;cursor:pointer;z-index:1;pointer-events:auto;opacity:0;transition:opacity .15s}
.companion:hover .companion-hide,.companion:focus-within .companion-hide{opacity:1}
.companion-bubble{position:absolute;left:calc(100% - 4px);bottom:28%;width:min(290px,calc(100vw - 40px));padding:15px 38px 14px 16px;border:2px solid #26222c;border-radius:16px 16px 16px 4px;background:#fffaf0;box-shadow:3px 3px 0 #16121c24;line-height:1.45;box-sizing:border-box;pointer-events:auto;animation:badger-message-in .16s ease-out}
.companion-bubble::after{content:"";position:absolute;bottom:13px;left:-8px;width:12px;height:12px;background:#fffaf0;border-left:2px solid #26222c;border-bottom:2px solid #26222c;transform:rotate(45deg)}
.companion-bubble b{display:block;font-size:12px;margin-bottom:5px;color:#675c51}.companion-message{font-size:14px;margin:0;overflow-wrap:anywhere}
.companion-dismiss{position:absolute;right:7px;top:7px;width:28px;height:28px;border:0;border-radius:50%;padding:0;background:#efe6d7;color:#282329;font-size:19px;cursor:pointer}
.companion-link{display:inline-block;font-size:12px;font-weight:750;margin-top:8px;color:#322a36;text-decoration:underline;text-underline-offset:3px}
.companion.is-reduced .companion-bubble{animation:none}
.companion-restore{display:inline-flex;align-items:center;gap:8px}
.site-footer .companion-footer-restore{border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
@keyframes badger-message-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
 .companion{--mascot-height:clamp(140px,22svh,180px);left:max(4px,env(safe-area-inset-left))}
 .companion-bubble{left:32px;bottom:calc(100% + 4px);width:min(280px,calc(100vw - 48px));border-radius:16px 16px 16px 4px}
 .companion-bubble::after{left:24px;bottom:-8px;border-left:0;border-right:2px solid #26222c}
 .companion-message{font-size:13px}.companion-hide{right:0;top:4px;opacity:1}
}
@media(hover:none){.companion-hide{opacity:1}}
@media(prefers-reduced-motion:reduce){.companion-bubble{animation:none}.companion-hide{transition:none}}