/* Page sheet for rank.php. Linked after style.css by includes/css.php,
   so these rules win ties against the shared sheet. */

/* "Online now" indicator — sits to the right of a player's name.
   Muted sage green, matching player.php's .pill-online (#6f8f5f).
   A soft constant glow plus a gentle expanding ring. Reduced-motion
   users get style.css's global animation:none, leaving just the
   static glow (the dot stays fully visible either way). */
.online-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 7px;
    border-radius: 50%;
    background: var(--sage);
    vertical-align: middle;
    box-shadow: 0 0 6px rgba(111, 143, 95, 0.55);
    animation: onlinePulse 2.4s ease-out infinite;
}
@keyframes onlinePulse {
    0%   { box-shadow: 0 0 6px rgba(111,143,95,0.55), 0 0 0 0   rgba(111,143,95,0.5); }
    70%  { box-shadow: 0 0 6px rgba(111,143,95,0.55), 0 0 0 5px rgba(111,143,95,0);   }
    100% { box-shadow: 0 0 6px rgba(111,143,95,0.55), 0 0 0 0   rgba(111,143,95,0);   }
}

/* The monster ladder's column-header icon, on the paper sheet.
   .ico-kills is --sage, a dark-ground green that washes out on cream: that is
   already why style.css re-inks .kd-kills to --ink-good under .sheet, and the
   icon sitting above those numbers has to follow it. */
.sheet .ico-kills { color: var(--ink-good); }