/*
 * Remote cursors — the dots drawn for other people in the lobby.
 * One .lobby-cursor element per remote player, positioned via JS transform
 * (see static/js/net/game.js). Boilerplate visual: a simple coloured dot.
 */
.lobby-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--color-accent, #4f8cff);
  pointer-events: none;
  z-index: 9998;          /* under the local custom cursor, over page content */
  will-change: transform;
}

/* Remote cursor wearing a fruit skin — the fruit SVG (cursor_skins.js paintDot)
   rides the dot via the shared .cursor-skin__svg centring (cursor-skins.css), so
   drop the plain colour fill and let the fruit show. */
.lobby-cursor--skinned {
  background: transparent;
}