/* Name and stamp overlays stay readable independently of the shared character sprite size. */
#remote-players { display:contents; }
.remote-avatar { pointer-events:auto; padding:0; border:0; background:transparent; box-shadow:none; min-width:0; }
/* A 44 CSS px touch target does not enlarge the drawn sprite or its physics body. */
.remote-avatar::before { content:""; position:absolute; left:50%; bottom:0; width:max(var(--avatar-cell-size),calc(44px / var(--world-scale))); height:max(var(--avatar-cell-size),calc(44px / var(--world-scale))); transform:translateX(-50%); }
.remote-avatar:focus-visible { outline:2px solid #fff0bf; outline-offset:3px; }
.remote-name { display:none; position:absolute; bottom:calc(var(--avatar-cell-size) + var(--avatar-label-gap) / var(--world-scale)); left:50%; transform:translateX(-50%) scale(calc(1 / var(--world-scale))); transform-origin:50% 100%; padding:5px 9px; border-radius:5px; background:#233b32; color:#fff; white-space:nowrap; font-size:14px; line-height:1.3; }
.remote-avatar[data-name-visible="true"] .remote-name { display:block; }
.remote-stamp,#avatar-selected-stamp { position:absolute; top:auto; bottom:calc(var(--avatar-cell-size) + 4px / var(--world-scale)); left:50%; transform:translateX(-50%) scale(calc(1 / var(--world-scale))); transform-origin:50% 100%; min-width:24px; height:24px; line-height:21px; font-size:19px; text-align:center; }
.remote-stamp { color:#553408; background:#fff0bf; border:1px solid #7e632d; border-radius:50%; }
.remote-stamp[hidden] { display:none; }
#map-presence { position:absolute; z-index:1800; top:76px; right:18px; max-width:min(340px,calc(100vw - 36px)); padding:7px 10px; border-radius:8px; background:#fff9e9; color:#263c32; font-size:12px; box-shadow:0 2px 8px #243e3026; }
#map-presence[hidden] { display:none; }
#retry-map-presence { display:block; margin-top:5px; font-size:12px; padding:5px 9px; }
#retry-map-presence[hidden] { display:none; }
#presence-name-controls { margin-top:7px; padding-top:7px; border-top:1px solid #cec5aa; }
#presence-name-controls[hidden], #next-presence-name[hidden] { display:none; }
#presence-name-selection { display:block; margin-bottom:5px; }
#presence-name-controls button { padding:5px 8px; font-size:12px; margin:2px 3px 2px 0; }