/* Still at rest. The tiny bow happens only when the visitor opens the map. */
.wompy-companion{position:fixed;left:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:29;color:#43234e;font-family:var(--body);text-align:left}
.wompy-companion[hidden],.wompy-companion [hidden]{display:none!important}
.wander-launcher{position:relative;display:flex;align-items:center;flex-direction:column;padding:0 4px 7px;border:0;background:transparent;cursor:pointer;min-width:96px;color:#53365e;font:600 11px/1.3 var(--body)}
.wander-launcher img{display:block;width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 3px #4c2d6920);transform-origin:50% 90%}
.wander-launcher>span{border:1px solid #d8c7df;border-radius:20px;padding:7px 12px;background:#fffaf5;box-shadow:0 3px 10px #4020510e;white-space:nowrap}
.wander-launcher b{font-size:15px;margin-left:4px;color:#9463a3}
.wander-launcher:hover>span{background:#f5ecfa;border-color:#ae89bf}
.wander-launcher:focus-visible,.wander-panel button:focus-visible,.wander-panel a:focus-visible,[data-wander-restore]:focus-visible{outline:3px solid #784489;outline-offset:4px}
.wander-panel{position:fixed;inset:auto auto 145px 24px;box-sizing:border-box;margin:0;width:350px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 245px);overflow:auto;padding:18px;background:#fffaf3;border:1px solid #d7c1df;border-radius:25px 25px 25px 9px;box-shadow:0 18px 70px #39213b26,0 3px 9px #39213b0a;color:#43234e;overscroll-behavior:contain;text-align:left}
.wander-panel::backdrop{background:transparent;pointer-events:none}
.wander-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-6px -7px 10px 0}
.wander-top>span{font-size:9px;letter-spacing:.14em;font-weight:700;color:#916d9a}
.wander-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:#f3e9f5;color:#654370;font:27px/1 var(--body);cursor:pointer}
.wander-line{font:500 27px/1.22 var(--display);letter-spacing:-.035em;margin:0 0 16px;text-wrap:pretty;outline:none}
.wander-choices{display:grid;gap:9px}
.wander-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:51px;width:100%;box-sizing:border-box;text-align:left;padding:11px 30px 11px 14px;border:1px solid #e1d2e4;border-radius:13px;background:#fff;color:#4e305b;text-decoration:none;cursor:pointer;font:600 13px/1.35 var(--body)}
.wander-choice::after{content:'↗';position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:16px;color:#98749c}
.wander-choice small{font-size:10px;line-height:1.5;font-weight:400;color:#775f7d}
.wander-choice:hover{background:#f8f0fc;border-color:#b798c3}
.wander-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 10px;margin-top:9px}
.wander-tools button,.wander-foot button{border:0;background:none;font:600 11px/1.4 var(--body);color:#775284;padding:12px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.wander-tools button:only-child{margin-left:auto}
.wander-foot{margin-top:0;border-top:1px dashed #dfd1e2;display:flex;flex-direction:column;align-items:flex-start;padding-top:2px}
.wander-foot small{color:#8c7690;font-size:9px;line-height:1.5}
.wander-foot button{font-weight:400;font-size:10px;min-height:38px;padding-bottom:4px}
[data-wander-restore]{border:0;background:none;color:#775284;font:600 10px/1.4 var(--body);padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.garden-wander{border:0;background:none;color:#694677;font:600 10px/1.5 var(--body);padding:5px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.garden-caption [hidden]{display:none!important}
.garden-wander:focus-visible{outline:3px solid #784489;outline-offset:4px}
.wander-no-art .wander-launcher{min-height:44px;justify-content:center}
html[data-motion="on"] .is-open .wander-launcher img{animation:wander-bow 650ms ease-out both}
html[data-motion="on"] .is-open .wander-panel{animation:wander-paper 220ms ease-out both}
@keyframes wander-bow{0%,100%{transform:rotate(0)}40%{transform:rotate(-5deg) translateY(-3px)}}
@keyframes wander-paper{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
body:has(dialog[open]) #interest-bar,body:has(input:focus,textarea:focus,select:focus,[contenteditable="true"]:focus) #interest-bar{display:none!important}
@media(max-width:1100px){
 .wompy-companion{left:8px;bottom:max(8px,env(safe-area-inset-bottom))}
 .wander-launcher{min-width:78px;padding:0 0 3px}
 .wander-launcher img{width:57px;height:57px;margin-bottom:-5px}
 .wander-launcher>span{font-size:9px;padding:6px 8px}
 .wander-launcher b{font-size:11px;margin-left:1px}
 .wander-perched .interest-bar{left:auto;right:10px;translate:0;width:calc(100% - 103px);max-width:740px;min-height:72px;padding:7px;bottom:max(10px,env(safe-area-inset-bottom));box-sizing:border-box}
 .wander-perched .interest-bar>div{display:none}
 .wander-perched .interest-bar .button{width:100%;min-height:56px;justify-content:center;font-size:13px;padding-inline:8px}
 .wander-panel{left:12px;bottom:94px;width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 178px);padding:18px;border-radius:23px 23px 23px 8px}
}
@media(max-width:380px){.wander-line{font-size:24px;margin-bottom:12px}.wander-panel{padding:14px}.wander-choices{gap:8px}.wander-tools{margin-top:5px}.wander-choice{font-size:12px;min-height:44px}.wander-choice small{display:none}.wander-perched .interest-bar .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.wompy-companion *{animation:none!important;transition:none!important}}
@media print{.wompy-companion,[data-wander-restore]{display:none!important}}
