:root{--bg:#07130d;--panel:rgba(255,255,255,.06);--line:rgba(255,255,255,.13);--green:#22c55e;--dark:#05210f;--text:#f5fff7;--soft:#cfe8d5}
.live-map-page{max-width:1280px}
.live-map-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px;margin:16px 0}
.live-map-card{background:var(--panel);border:1px solid var(--line);border-radius:30px;padding:18px}
.live-map-card h1{font-size:clamp(46px,7vw,90px);line-height:.86;letter-spacing:-.07em;margin:12px 0}
.live-map-card p{font-size:19px;line-height:1.45;color:var(--soft)}
.live-map-search{display:grid;grid-template-columns:1.5fr .75fr .75fr auto auto;gap:10px;align-items:end;margin-top:14px}
.live-map-search label{font-size:13px;font-weight:1000;color:#d8ffe3}
.live-map-search input,.live-map-search select{width:100%;min-height:50px;border-radius:16px;border:1px solid var(--line);background:rgba(7,19,13,.58);color:var(--text);padding:0 12px;font-size:16px}
.live-map-search button{min-height:50px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);font-weight:1000;padding:0 16px}
.live-map-search button.primary{background:var(--green);color:var(--dark);border-color:var(--green)}
.live-map-status{margin-top:12px;padding:12px 14px;border-radius:18px;background:rgba(34,197,94,.11);border:1px solid rgba(34,197,94,.28);color:#d8ffe3;font-weight:900}
.live-map-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin:14px 0}
#walkjeLiveMap{min-height:620px;border-radius:30px;overflow:hidden;border:1px solid var(--line);background:#0c1d13}
.leaflet-container{font-family:inherit;background:#0c1d13}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#07130d;color:#f5fff7;border:1px solid rgba(255,255,255,.16)}
.walkje-marker{width:34px!important;height:34px!important;margin-left:-17px!important;margin-top:-17px!important;border-radius:999px;background:#22c55e;border:4px solid #05210f;box-shadow:0 8px 25px rgba(0,0,0,.35)}
.walkje-marker.group{background:#86efac}.walkje-marker.dog{background:#d8ffe3}
.wj-lite-map{position:relative;min-height:620px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(circle at 24% 32%,rgba(34,197,94,.35) 0 2%,transparent 2.5%),radial-gradient(circle at 62% 52%,rgba(34,197,94,.28) 0 2%,transparent 2.5%),linear-gradient(90deg,transparent 0 24%,rgba(255,255,255,.05) 25%,transparent 26% 49%,rgba(255,255,255,.04) 50%,transparent 51% 74%,rgba(255,255,255,.04) 75%,transparent 76%),linear-gradient(0deg,transparent 0 24%,rgba(255,255,255,.04) 25%,transparent 26% 49%,rgba(255,255,255,.04) 50%,transparent 51% 74%,rgba(255,255,255,.04) 75%,transparent 76%),#0c1d13;overflow:hidden}
.wj-lite-pin{position:absolute;transform:translate(-50%,-50%);background:#22c55e;color:#05210f;border:3px solid #05210f;border-radius:999px;padding:8px 11px;font-weight:1000;box-shadow:0 8px 25px rgba(0,0,0,.35)}
.live-results{display:grid;gap:12px;align-content:start}
.live-result{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:12px}
.live-result-icon{width:52px;height:52px;border-radius:18px;background:#12351f;display:flex;align-items:center;justify-content:center}
.live-result-icon img{width:34px;height:34px}
.live-result h3{margin:0 0 5px;font-size:24px;line-height:1}
.live-result p{margin:0;color:var(--soft);line-height:1.38}
.live-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.live-tag{min-height:30px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.24);color:#d8ffe3;padding:0 9px;display:inline-flex;align-items:center;font-size:12px;font-weight:900}
.live-action{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.live-action a{min-height:44px;border-radius:999px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:1000;background:rgba(255,255,255,.08);border:1px solid var(--line)}
.live-action a.primary{background:var(--green);color:var(--dark);border-color:var(--green)}
.live-empty{padding:18px;border-radius:22px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.32);color:#ffe8b8;font-weight:900}
@media(max-width:950px){.live-map-hero,.live-map-grid,.live-map-search{grid-template-columns:1fr}#walkjeLiveMap,.wj-lite-map{min-height:430px}.live-map-card h1{font-size:clamp(42px,13vw,64px)}}