#ridePresence{position:relative;font-size:12px;pointer-events:auto}
#ridePresence summary{cursor:pointer;padding:5px 8px;border:1px solid #77978a;border-radius:8px;background:#172b26;color:#effff8}
#ridePresence ul{position:absolute;right:0;top:100%;width:min(270px,80vw);padding:10px;margin:6px 0;list-style:none;background:#12241ff5;border:1px solid #77978a;border-radius:10px;box-shadow:0 5px 20px #0008}
#ridePresence li{display:flex;flex-direction:column;padding:6px;overflow-wrap:anywhere}
#ridePresence li span{color:#bbd1c8;font-size:11px}
#ridePresence[hidden],body.clean #ridePresence{display:none}
/* One legible group control replaces the duplicate miniature guest count. */
.ride-top:has(#ridePresence:not([hidden])) #riderCount{display:none}
#ridePresence summary{font-size:12px;font-weight:600;min-height:32px;display:flex;align-items:center;gap:7px;padding:5px 10px;list-style:none}
#ridePresence summary::-webkit-details-marker{display:none}
#ridePresence summary::before{content:'';width:7px;height:7px;border:1px solid #bdd8cf;border-radius:50%}
#ridePresence summary::after{content:'⌄';font-size:14px;margin-left:3px}
#ridePresence[open] summary::after{content:'⌃'}
#ridePresence ul{max-height:50vh;overflow:auto;z-index:4}
@media(max-width:520px){#ridePresence summary{font-size:11px;min-height:30px;padding:4px 8px}#ridePresence ul{width:min(250px,80vw)}}