body.map-page{margin:0;background:var(--paper);overflow:hidden}
#map{position:fixed;inset:0;background:var(--paper)}
.map-back{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 14px);z-index:1200;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fffdf8ed;backdrop-filter:blur(8px);color:var(--ink);font-size:1.3rem;font-weight:800;text-decoration:none;box-shadow:0 6px 18px #17322b33}
.map-switch{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 14px);z-index:1200;display:grid;place-items:center;height:42px;padding:0 16px;border-radius:21px;background:#fffdf8ed;backdrop-filter:blur(8px);color:var(--ink);font-size:.82rem;font-weight:800;text-decoration:none;box-shadow:0 6px 18px #17322b33}
.map-status{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 64px);transform:translateX(-50%);z-index:1200;max-width:min(78vw,420px);background:#fffdf8ed;backdrop-filter:blur(8px);border-radius:14px;padding:10px 16px;font-size:.85rem;font-weight:700;color:var(--ink);text-align:center;box-shadow:0 6px 18px #17322b33}
.map-retry{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);transform:translateX(-50%);z-index:1200;border:0;border-radius:14px;background:var(--green);color:#fff;font:inherit;font-weight:800;padding:12px 20px;box-shadow:0 8px 22px #0a5c4d2b}