main>header #online-presence{position:relative}
#online-count{display:inline-block;transform-origin:center;font-variant-numeric:tabular-nums}
.presence-delta{position:absolute;right:5px;top:-8px;z-index:1;padding:1px 5px;border-radius:8px;background:#ffdf00;color:#052c36;box-shadow:0 2px 7px #0004;font:800 10px/1.3 system-ui,sans-serif;pointer-events:none;animation:presence-gain .9s ease-out both}
@keyframes presence-gain{0%{opacity:0;transform:translateY(5px) scale(.8)}25%{opacity:1;transform:translateY(0) scale(1.08)}65%{opacity:1;transform:translateY(-2px) scale(1)}100%{opacity:0;transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.presence-delta{animation:none!important}}