/* Virexon Core: map tiles with the map relief shining through (white line art,
   blended with "screen" so black disappears) and fading out towards the text. */
.vx-map{isolation:isolate}
.vx-map[style*="--img"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--img) center/cover no-repeat;mix-blend-mode:screen;opacity:.36;transition:opacity .5s,transform 6s ease-out;
 -webkit-mask-image:linear-gradient(to top,transparent 15%,#000 62%,#000 82%,rgba(0,0,0,.45));mask-image:linear-gradient(to top,transparent 15%,#000 62%,#000 82%,rgba(0,0,0,.45))}
.vx-map[style*="--img"]:hover::before{opacity:.8;transform:scale(1.06)}
.vx-map>*{position:relative}
@media (prefers-reduced-motion:reduce){.vx-map[style*="--img"]::before{transition:none}.vx-map[style*="--img"]:hover::before{transform:none}}

/* Live player count per map tile (inc/stats.php, refreshed by live.js). */
.vx-map-on{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--color-bg) 70%,transparent);color:var(--color-neutral-300);backdrop-filter:blur(4px)}
.vx-map-on i{width:7px;height:7px;border-radius:50%;background:var(--vx-lime);box-shadow:0 0 8px var(--vx-lime)}
.vx-map-on b{font-weight:500}
.vx-map-on.is-off i{background:var(--color-neutral-500);box-shadow:none}
.vx-map-on.is-off{color:var(--color-neutral-500)}