:root{--explore-width:280px;--explore-bg:rgba(28,28,25,.96);--explore-ink:#f7e6bd;--explore-edge:rgba(245,223,160,.25);--explore-radius:14px;--explore-gap:8px}
#explore{position:absolute;top:16px;left:72px;z-index:32;color:var(--explore-ink);font:13px system-ui,sans-serif}
#explore button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--explore-edge);background:var(--explore-bg);min-height:44px;border-radius:var(--explore-radius)}
#explore-toggle{padding:0 15px;backdrop-filter:blur(10px)}
#explore-panel{position:absolute;top:52px;left:-56px;width:var(--explore-width);max-width:calc(100vw - 32px);max-height:calc(100dvh - 180px);overflow:auto;box-sizing:border-box;padding:16px;background:var(--explore-bg);border:1px solid var(--explore-edge);border-radius:var(--explore-radius);box-shadow:0 12px 36px #0006}
.explore-heading{margin:0 0 12px;font-size:16px;font-weight:600}
#explore-places{display:grid;gap:var(--explore-gap)}
#explore-places button{text-align:left;padding:11px 12px;display:grid;gap:4px}
#explore-places strong{font-weight:600}
#explore-places span{font-size:12px;opacity:.75}
#explore button:hover:not(:disabled){background:#51422e}
#explore button:focus-visible{outline:2px solid #f5a623;outline-offset:3px}
#explore-back{margin-top:12px;width:100%;font-size:12px!important}
#explore button:disabled{opacity:.4;cursor:default}
.explore-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.clip #explore{display:none}
@media(max-width:600px){#hud{display:none}}