.presence-marker { background: none; border: 0; }
.presence-pin { position: relative; width: 40px; text-align: center; color: #fff; font: 600 12px/1.2 'Schibsted Grotesk', sans-serif; filter: drop-shadow(0 2px 3px #0006); }
.presence-core { width: 40px; height: 40px; box-sizing: border-box; display: grid; place-items: center; border: 2px solid #f5f0e6; border-radius: 50%; background: #191d1c; overflow: hidden; }
.presence-core > svg { width: 25px; height: 25px; }
.presence-core > img { width: 100%; height: 100%; object-fit: cover; }
.presence-core > b { font-size: 17px; }
.presence-pin.is-active .presence-core { border-color: #48e8b3; border-width: 3px; }
.presence-pin.has-friend .presence-core { border-color: #ff2f88; border-width: 3px; }
.presence-pin.is-selected .presence-core { box-shadow: 0 0 0 3px #ff2f88, 0 0 0 5px #fff; }
.presence-count { position: absolute; right: -14px; top: -7px; display: flex; align-items: center; gap: 2px; padding: 3px 5px; border: 2px solid #fff; border-radius: 12px; background: #42e0a7; color: #092c20; font-size: 11px; font-weight: 700; white-space: nowrap; }
.presence-count > svg { width: 12px; height: 12px; }
.presence-friend-name, .presence-planned, .presence-detail { display: table; position: relative; left: 50%; transform: translateX(-50%); margin-top: 3px; padding: 3px 6px; border-radius: 10px; font-size: 10px; font-weight: 600; white-space: nowrap; max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
.presence-friend-name { background: #ff2f88; color: #fff; }
.presence-planned { background: #f5f0e6; color: #302b2a; }
.presence-detail { background: #d7dcdb; color: #182022; }
.presence-detail.good { background: #82e0a1; color: #102015; }
.presence-detail.marginal { background: #f6d46a; color: #251d05; }
.presence-detail.light { background: #b8c4c6; color: #11191c; }
.presence-detail.strong { background: #ffad68; color: #301605; }
.presence-detail.too-much { background: #ff777b; color: #310b0d; }
.presence-legend { display: flex; flex-wrap: wrap; gap: 5px 12px; width: fit-content; margin-top: 9px; padding: 5px 9px; border-radius: 12px; background: #121918dd; color: #f6f1e7; font: 500 10px/1.2 'Schibsted Grotesk', sans-serif; }
.presence-legend > span { display: flex; align-items: center; gap: 5px; }
.presence-legend i { width: 8px; height: 8px; border-radius: 50%; }
.presence-key-here { background: #42e0a7; }
.presence-key-friend { background: #ff2f88; }
.map-card-friends { color: #e02573; font-weight: 600; }