/* One continuous server band, using the existing artwork and original controls. */
#top #servers .server-lobby {
 --lobby-inset:24px;
 align-self:stretch;
 min-width:0;
 margin:0 calc(-1 * var(--lobby-inset)) 4px;
 background:#10151b;
 border-block:1px solid #ffffff14;
}
#top #servers .server-lobby * { letter-spacing:0;text-shadow:none;box-sizing:border-box; }
#top #servers .server-lobby [hidden] { display:none!important; }
#top #servers .server-lobby .players {
 display:block;min-width:0;min-height:0;margin:0;padding:18px var(--lobby-inset) 14px;
 border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;
}
#top #servers .server-lobby .players__score {
 display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);
 grid-template-areas:'state state' 'main map' 'hint hint';
 align-items:center;gap:10px 24px;
}
#top #servers .server-lobby .players__top { grid-area:state;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0; }
#top #servers .server-lobby .players__label { display:flex;align-items:center;gap:8px;color:#b1bec8;font:600 10px/18px Inter,system-ui,sans-serif; }
#top #servers .server-lobby .players__label::before { content:'';width:3px;height:10px;flex:none;background:var(--node-accent); }
#top #servers .server-lobby .players__state { font:500 11px/18px Inter,system-ui,sans-serif;white-space:normal;text-align:right; }
#top #servers .server-lobby .players__main { grid-area:main;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 5px;min-width:0;min-height:62px; }
#top #servers .server-lobby .players__count,#top #servers .server-lobby .server-lobby-count-fallback { display:block;min-width:0;color:#f1f4f6;font:600 38px/44px Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums; }
#top #servers .server-lobby .players__max { color:#c2cbd2;font:400 16px/24px Inter,system-ui,sans-serif; }
#top #servers .server-lobby .players__slash { color:#72838f;font:400 16px/24px Inter,system-ui,sans-serif; }
#top #servers .server-lobby .players__unit { flex-basis:100%;margin:0;color:#a7b6c1;font:400 12px/18px Inter,system-ui,sans-serif; }
#top #servers .server-lobby .players__map { grid-area:map;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;margin:0;padding:0 0 0 20px;border:0;border-left:1px solid #ffffff18; }
#top #servers .server-lobby .players__map>span { color:#a7b6c1;font:400 12px/18px Inter,system-ui,sans-serif; }
#top #servers .server-lobby .players__map>span::after { display:none; }
#top #servers .server-lobby .players__map b { max-width:100%;color:#e0e7ec;font:500 14px/21px Inter,system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere; }
#top #servers .server-lobby .server-lobby-hint { grid-area:hint;min-height:18px;color:#a7b6c1;font:400 11px/18px Inter,system-ui,sans-serif; }
#top #servers .server-lobby .server-lobby-count-fallback { display:none; }
#top #servers .server-lobby .players:not([data-monitor-state=online]) .players__count,
#top #servers .server-lobby .players:not(.lobby-has-capacity) :is(.players__slash,.players__max) { display:none; }
#top #servers .server-lobby .players:not([data-monitor-state=online]) .server-lobby-count-fallback { display:block; }
#top #servers .server-lobby-footer { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px var(--lobby-inset);border-top:1px solid #ffffff12;background:#0a1015; }
#top #servers .server-lobby .ipline { display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:auto;align-items:center;gap:0 8px;min-width:0;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none; }
#top #servers .server-lobby .ipline::before { display:none; }
#top #servers .server-lobby .ipline__label { display:none; }
#top #servers .server-lobby .ipline__value { grid-column:1;grid-row:1;align-self:center;min-width:0;margin:0;padding:0;border:0;color:#afbdc7;font:400 12px/19px 'JetBrains Mono',monospace;letter-spacing:0;white-space:normal;overflow-wrap:anywhere; }
#top #servers .server-lobby .ipline .copybtn { grid-column:2;grid-row:1;width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;border:1px solid #ffffff20;border-radius:4px;background:#151d24;color:#b7c4cf; }
#top #servers .server-lobby .ipline .copybtn:hover { background:#26323b;color:#fff; }
#top #servers .server-lobby-connect { display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px;min-height:40px;max-width:100%;padding:9px 13px;border:1px solid #63717c;border-radius:4px;background:#343d45;color:#f1f4f6;font:600 12px/20px Inter,system-ui,sans-serif;text-transform:none;white-space:normal;text-align:center;clip-path:none;box-shadow:none; }
#top #servers .server-lobby-connect::before,#top #servers .server-lobby-connect::after { display:none; }
#top #servers .server-lobby-connect:hover { background:#424d57;color:#fff; }
#top #servers .server-lobby-connect :is(svg,.studio-icon,.vector-icon) { width:16px;height:16px;flex:0 0 16px; }
#top #servers .has-server-lobby .node__ctas { justify-content:flex-start;margin-top:auto;padding-top:6px;border:0; }
#top #servers .has-server-lobby .node__ctas :is(.copybtn,.cta) { --action-surface:transparent;--action-hover:#ffffff08;--action-border:transparent;--action-text:#b8c6d0;flex:0 1 auto;justify-content:flex-start;width:auto;min-height:40px;min-width:0;max-width:100%;padding:8px 0;border:0;background:none;color:#b8c6d0;font:500 11px/20px Inter,system-ui,sans-serif;box-shadow:none; }
#top #servers .has-server-lobby .node__ctas :is(.copybtn,.cta):hover { background:none;color:#fff; }
@media(max-width:1100px) and (min-width:701px) {
 #top #servers .server-lobby-footer { flex-wrap:wrap;gap:10px; }
 #top #servers .server-lobby .ipline { flex-basis:100%; }
 #top #servers .server-lobby-connect { width:100%; }
}
@media(max-width:420px) {
 #top #servers .server-lobby .players__score { grid-template-columns:minmax(92px,.8fr) minmax(0,1.2fr);gap:10px 14px; }
 #top #servers .server-lobby .players__map { padding-left:14px; }
 #top #servers .server-lobby .players__count,#top #servers .server-lobby .server-lobby-count-fallback { font-size:32px;line-height:40px; }
 #top #servers .server-lobby .players__map b { font-size:12px;line-height:19px; }
 #top #servers .server-lobby-footer { flex-wrap:wrap;gap:10px; }
 #top #servers .server-lobby .ipline { flex-basis:100%; }
 #top #servers .server-lobby-connect { width:100%; }
}
@media(pointer:coarse) {
 #top #servers .server-lobby .ipline { grid-template-columns:minmax(0,1fr) 44px; }
 #top #servers .server-lobby .ipline .copybtn { width:44px;height:44px;min-width:44px;min-height:44px; }
 #top #servers .server-lobby-connect { min-height:44px; }
}