/* A separate small peer lane. The player's golden marker retains priority. */
#startModal #trailPeers { position:absolute; inset:0; z-index:4; pointer-events:none; }
#startModal .has-trail-peers #arenaLadder > li,#startModal .has-trail-peers .trail-bonus { width:67%; }
#startModal .bairro-map.has-trail-peers #trailPlayer { z-index:7; }
.trail-peer-lines { position:absolute; inset:0; width:100%; height:var(--road-height); overflow:visible; pointer-events:none; }
.trail-peer-lines path:not(marker path) { fill:none; stroke:#a3c7cc; stroke-width:1.1; stroke-linejoin:round; opacity:.65; }
.trail-peer-lines path.friend { stroke:#b4ddbb; }
.trail-peer-lines circle { fill:#bde0dc; stroke:#12343c; stroke-width:1; }
#startModal .trail-peer { position:absolute; right:3px; width:30px; height:45px; transform:translateY(-50%); padding:0; margin:0; border:0; color:#eff9f7; background:none; pointer-events:auto; cursor:pointer; font-family:system-ui,sans-serif; }
.trail-peer-face { display:block; width:29px; height:29px; box-sizing:border-box; border:1px solid #a9cfda; border-radius:8px; background-color:#183744; background-image:image-set(url('assets/image-quality/variants/opombo_tower_moods-0fb29c9a8bbe-512.webp') 1x,url('assets/image-quality/variants/opombo_tower_moods-0fb29c9a8bbe-1024.webp') 2x); background-size:400% 400%; background-position:0 0; filter:drop-shadow(0 2px 1px #071a25); }
.trail-peer.is-friend .trail-peer-face { border-color:#b8dbaa; background-position:66.666667% 0; background-color:#24463e; }
.trail-peer-name { position:absolute; right:0; bottom:48px; display:block; max-width:78px; width:max-content; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:3px 5px; border:1px solid #7b9fa480; border-radius:5px; background:#102f3ee8; color:#eaf4f5; font:750 9px/1.25 system-ui; text-shadow:0 1px #061c24; }
.trail-peer.is-friend .trail-peer-name { border-color:#98bf9580; color:#d5eed8; }
.trail-peer small { display:block; margin-top:3px; padding:2px 0; border-radius:4px; background:#0b263be8; color:#d7e7e9; font:800 8px/1 system-ui; white-space:nowrap; }
.trail-peer.is-focused .trail-peer-face { box-shadow:0 0 0 2px #fff1ac,0 0 8px #ffd988; }
.trail-peer:focus-visible { outline:2px solid #d0f3ff; outline-offset:4px; border-radius:7px; }
#startModal #trailPeerCaption { grid-column:1/-1; margin:1px 0 0; color:#abc6c7; font:500 9px/1.3 system-ui; }