html,body{height:100%;margin:0;background:#eef2f5;font:14px/1.4 ui-sans-serif,system-ui,Segoe UI,Arial}
#map{position:absolute;inset:0}
.stack{position:absolute;inset:10px auto auto 10px;z-index:10;display:grid;gap:8px;width:min(560px,calc(100vw - 20px))}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.card .hd{padding:8px 10px;border-bottom:1px solid #e5e7eb;font-weight:700}
.card .bd{padding:10px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ctl{display:flex;flex-direction:column;gap:6px;min-width:160px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.grow{flex:1;min-width:220px}
.btn{appearance:none;border:none;border-radius:10px;background:#2563eb;color:#fff;padding:8px 12px;font-weight:700;cursor:pointer}
.btn.alt{background:#111}
.badge{font-size:12px;color:#6b7280}
.toast{position:absolute;top:16px;left:50%;transform:translateX(-50%) translateY(-6px);background:#111;color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .15s, transform .15s;z-index:20}
.toast.show{opacity:.95;transform:translateX(-50%) translateY(0)}
.pulse{width:16px;height:16px;border-radius:50%;background:#0ea5e9;border:2px solid #fff;box-shadow:0 0 0 3px rgba(14,165,233,.25);position:relative}
.pulse::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(14,165,233,.6);animation:pulse 1.25s infinite}