/* Compact live telemetry, scoped to the four homepage server cards. */
#servers .players {
 display:grid; grid-template-columns:minmax(0,1fr) 76px;
 grid-template-areas:"state meter" "main meter" "map stats";
 gap:8px 20px; margin:12px 0 18px; padding:18px;
 min-width:0; min-height:0; border:0; border-block:1px solid #c4d6df1f;
 border-radius:0; background:#0d1419b3; box-shadow:none; overflow:visible;
 color:#edf2f5; font-family:Inter,system-ui,sans-serif;
}
#servers .players::before, #servers .players::after,
#servers .players :is(.players__count-eq,.players__pips,.players__label),
#servers .players__stats .players__stat:last-child { display:none; }
#servers .players * { letter-spacing:0; text-shadow:none; }
#servers .players__score { display:contents; }
#servers .players__top { grid-area:state; margin:0; justify-content:flex-start; }
#servers .players__state {
 display:inline-flex; align-items:center; gap:7px; padding:0; min-height:18px;
 border:0; border-radius:0; background:none; box-shadow:none;
 color:#a7d7bf; font:500 11px/18px Inter,system-ui,sans-serif; text-transform:none;
}
#servers .players__state .dot { width:6px; height:6px; background:#96d3b4; box-shadow:none; animation:none; }
#servers .players[data-monitor-state="offline"] .players__state { color:#e3a2a2; }
#servers .players[data-monitor-state="offline"] .players__state .dot { background:#e3a2a2; }
#servers .players:is([data-monitor-state="unavailable"],[data-monitor-state="loading"]) .players__state { color:#a6b0b7; }
#servers .players:is([data-monitor-state="unavailable"],[data-monitor-state="loading"]) .players__state .dot { background:#89959d; }
#servers .node__live:is([data-monitor-state="unavailable"],[data-monitor-state="loading"]) .dot { background:#89959d; animation:none; box-shadow:none; }
#servers .node__live[data-monitor-state="offline"] .dot { background:#e3a2a2; animation:none; box-shadow:none; }
#servers .players__main { grid-area:main; display:flex; flex-wrap:wrap; align-items:baseline; gap:0 7px; min-height:40px; }
#servers .players__count {
 transform:none; min-width:0; color:#f2f6f7; font:500 34px/1.15 Inter,system-ui,sans-serif;
 font-variant-numeric:tabular-nums;
}
#servers .players__count .count { color:inherit; }
#servers .players__slash { font:400 18px/1 Inter,system-ui,sans-serif; color:#677d89; }
#servers .players__max { display:inline; font:400 18px/1 Inter,system-ui,sans-serif; color:#a5b7c1; font-variant-numeric:tabular-nums; }
#servers .players__unit { width:auto; margin:0 0 0 6px; color:#aabac3; font:400 12px/20px Inter,system-ui,sans-serif; text-transform:none; }
#servers .players__map {
 grid-area:map; display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 7px;
 min-width:0; margin:8px 0 0; padding-top:12px; border-top:1px solid #ffffff12;
 font:400 11px/18px Inter,system-ui,sans-serif; color:#849ba8;
}
#servers .players__map span { text-transform:none; }
#servers .players__map b { color:#c7d5dc; font:500 11px/18px Inter,system-ui,sans-serif; white-space:normal; overflow-wrap:anywhere; overflow:visible; }
#servers .players__stats { grid-area:stats; display:flex; align-self:stretch; justify-content:flex-end; margin-top:8px; padding:12px 0 0; border:0; border-top:1px solid #ffffff12; }
#servers .players__stats .players__stat {
 display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; gap:0;
 min-width:0; flex:1 1 auto; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none;
}
#servers .players__stats .players__stat b { color:#c7d5dc; font:500 13px/18px Inter,system-ui,sans-serif; font-variant-numeric:tabular-nums; }
#servers .players__stats .players__stat em { color:#849ba8; font:400 10px/16px Inter,system-ui,sans-serif; text-transform:none; text-align:right; }
#servers .players__meter {
 grid-area:meter; align-self:center; justify-self:end; display:grid; place-items:center;
 grid-template-columns:64px; grid-template-rows:64px; gap:0; width:64px; height:64px; min-width:0;
}
#servers .players__bar {
 grid-area:1/1; display:block; width:64px; height:64px; padding:0; border:0; border-radius:50%;
 background:conic-gradient(var(--node-accent,#a5d7c9) var(--pct,0%),#b3c6d31c 0);
 mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));
 overflow:hidden;
}
#servers .players__fill { display:none; }
#servers .players__pct { grid-area:1/1; color:#dce6eb; font:500 13px/20px Inter,system-ui,sans-serif; text-align:center; font-variant-numeric:tabular-nums; }
#servers .players:is([data-monitor-state="offline"],[data-monitor-state="unavailable"],[data-monitor-state="loading"]) .players__bar { background:#b3c6d31c; }
#servers .node__body > .ipline { border-bottom:0; }
#servers .node__body > .ipline .ipline__value { font-size:13px; letter-spacing:0; }
@media(max-width:600px) {
 #servers .players { grid-template-columns:minmax(0,1fr) 64px; gap:8px 12px; padding:14px; margin-block:10px 16px; }
 #servers .players__main { gap:0 5px; }
 #servers .players__count { font-size:30px; }
 #servers .players__unit { width:100%; margin:3px 0 0; font-size:11px; }
 #servers .players__meter { grid-template-columns:56px; grid-template-rows:56px; width:56px; height:56px; }
 #servers .players__bar { width:56px; height:56px; }
 #servers .players__pct { font-size:12px; }
}