.np-stats{--np-cyan:#5fd8ff;--np-gold:#ffc83c;--np-up:#4fd36a;box-sizing:border-box;position:relative;overflow:hidden;margin:20px auto;padding:24px 28px;max-width:1000px;border:1px solid #5fd8ff33;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#5fd8ff1f,transparent 58%),radial-gradient(ellipse at 0% 100%,#ffc83c14,transparent 55%),linear-gradient(160deg,#0d1b42,#091330);color:#eef4ff;font:14px/1.5 system-ui,sans-serif;box-shadow:0 15px 60px #0006,0 0 0 1px #ffc83c0d inset,0 0 38px #5fd8ff14}
.np-stats *{box-sizing:border-box}
.np-stats .np-eyebrow{margin:0;color:var(--np-cyan);text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700}
.np-stats .np-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.np-stats [data-count]{font-size:clamp(48px,9vw,76px);line-height:1.15;font-weight:800;letter-spacing:-.06em;color:#fff;text-shadow:0 0 28px #5fd8ff40,0 0 2px #ffc83c55;font-variant-numeric:tabular-nums}
.np-stats [data-status]{display:block;font-weight:650}
.np-stats [data-status]:before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--np-up);box-shadow:0 0 12px #4fd36a99}
.np-stats.is-offline [data-status]:before{background:#7d869c;box-shadow:none}
.np-stats [data-updated],.np-stats .np-note{color:#a8b6d4;font-size:12px}
.np-stats .np-note{margin:14px 0 0}
/* Scoped reset: the site's global details/summary styles (gold box, +/– sign) must not leak in here. */
.np-stats details.np-regions{background:none;border:0;border-top:1px solid #5fd8ff1f;border-radius:0;margin:18px 0 0;padding:14px 0 0;transition:none}
.np-stats details.np-regions[open]{border-color:#5fd8ff1f}
.np-stats details.np-regions>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:32px;padding:0;margin:0;font:650 14px/1.3 system-ui,sans-serif;color:#d6e6ff;position:static}
.np-stats details.np-regions>summary::-webkit-details-marker{display:none}
.np-stats details.np-regions>summary::marker{content:''}
.np-stats details.np-regions>summary::after{content:'';position:static;transform:rotate(45deg);width:7px;height:7px;margin-left:auto;border:solid var(--np-cyan);border-width:0 2px 2px 0;font:inherit;transition:transform .2s}
.np-stats details.np-regions[open]>summary::after{content:'';transform:rotate(-135deg)}
.np-stats details.np-regions>summary:focus-visible{outline:2px solid var(--np-cyan);outline-offset:4px;border-radius:6px}
.np-stats .np-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid #4fd36a55;background:#4fd36a14;color:#bff5cb;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.np-stats .np-pill:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--np-up);box-shadow:0 0 8px #4fd36a}
.np-stats .np-pill.is-partial{border-color:#ffc83c55;background:#ffc83c14;color:#ffe7a8}.np-stats .np-pill.is-partial:before{background:var(--np-gold);box-shadow:0 0 8px #ffc83c}
.np-stats.is-offline .np-pill{border-color:#7d869c55;background:none;color:#a8b6d4}.np-stats.is-offline .np-pill:before{background:#7d869c;box-shadow:none}
.np-stats .np-region{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px;margin-top:12px}
.np-stats .np-dot{width:8px;height:8px;border-radius:50%;background:var(--np-up);box-shadow:0 0 9px #4fd36acc}
.np-stats .np-region.is-down .np-dot{background:#6b7489;box-shadow:none}
.np-stats .np-name{font-weight:600;color:#eef4ff}
.np-stats .np-val{color:#a8b6d4;font-size:12px;font-variant-numeric:tabular-nums}
.np-stats .np-region.has-players .np-val{color:#ffe7a8;font-weight:650}
.np-stats .np-region.is-down .np-name,.np-stats .np-region.is-down .np-val{color:#7d869c}
.np-stats .np-bar{height:4px;border-radius:4px;background:#ffffff0f;grid-column:2/-1;overflow:hidden}
.np-stats .np-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--np-cyan),var(--np-gold));border-radius:4px;box-shadow:0 0 8px #5fd8ff80}
@media(max-width:480px){.np-stats{padding:20px;border-radius:16px;margin:12px}.np-stats .np-head{gap:16px}}