/* Inside the existing 1600x900 artwork canvas: scales with the Arcade home. */
#arcade-scene > .fc-arcade-presence {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 18px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  pointer-events: none;
  font: inherit;
}
.fc-arcade-presence__count {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid rgba(127, 229, 255, .42);
  border-radius: 999px;
  background: rgba(10, 12, 32, .9);
  color: #eafaff;
  white-space: nowrap;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .24);
}
.fc-arcade-presence__count::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #7becb2;
}
.fc-arcade-presence__count[data-unavailable="true"]::before { background: #9aa2b5; }
.fc-arcade-presence__count strong { color: #a4eeff; font-variant-numeric: tabular-nums; }
.fc-arcade-presence__count { pointer-events: auto; align-self: flex-end; transform: translateY(6px) scale(.85); transform-origin: bottom left; }
.fc-arcade-presence__seal { display: flex; align-items: center; justify-content: flex-end; max-width: 180px; transform: scale(.6); transform-origin: bottom right; pointer-events: auto; }
.fc-arcade-presence__seal img { max-width: 100%; height: auto; }
@media (max-width: 760px) { #arcade-scene > .fc-arcade-presence { display: none; } }