/* PIANO ARMY · co-op's pings (army-coop-ui.js): Attack and Retreat beside the small map, left of it, at its foot; and
   the factory panel's line of the allies' shares (army-bases-ui.js) */
.coop-pings { position: absolute; right: calc(var(--mini, 120px) + 16px); bottom: 52px; z-index: 4; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
#stage.rendering-3d .coop-pings { bottom: 8px; }
.coop-pings[hidden] { display: none; }
.coop-pings button { display: flex; align-items: center; gap: 4px; min-width: 74px; padding: 5px 7px; border-radius: 8px; cursor: pointer;
  font: 700 11px/1 "Barlow Condensed", Barlow, system-ui, sans-serif; color: #e8f0fa; background: #121b2be6; border: 1.5px solid #4e6478; }
.coop-pings button b { font-size: 13px; }
.coop-pings button[data-ping="attack"].on { background: #5a2618; border-color: #ff8a5c; }
.coop-pings button[data-ping="retreat"].on { background: #1b3c5a; border-color: #7fc4ff; }
.coop-pings button:hover { filter: brightness(1.2); }
.coop-pings output { max-width: 170px; text-align: right; font: 600 10px system-ui; color: #f2e3bf; text-shadow: 0 1px 2px #000; }
.coop-pings output:empty { display: none; }
.bases-panel .coop-shares { margin: 4px 0 0; font: 600 10px system-ui; color: #c9d7e6; }
/* each seat's mark in its colour (army-seat-colours.js), his own edged white */
.bases-panel .coop-shares i { display: inline-block; width: 8px; height: 8px; margin: 0 3px 0 0; border-radius: 50%; background: var(--seat); vertical-align: -1px; }
.bases-panel .coop-shares i:first-child { box-shadow: 0 0 0 1.5px #fff; }