/* ===== "Сейчас в игре": link "N серверов" + popup in the same style as the Discord popup ===== */
.rb_new .rb_live[data-rb-srv] { cursor:pointer; position:relative; transition:background .25s; }
.rb_new .rb_live[data-rb-srv]:hover, .rb_new .rb_live[data-rb-srv].is-srv-open { background:linear-gradient(90deg,#ffffff05,#f5bb6512); }

.rb_new .rb_live .rb_live_num .rb_srv_btn { margin-left:auto; align-self:center; border:0; background:none; padding:2px 0; color:#a9c3e6; font:600 12px/1.3 var(--sans); white-space:nowrap; border-bottom:1px dashed #a9c3e680; cursor:pointer; transition:color .2s, border-color .2s; }
.rb_new .rb_live .rb_srv_btn:hover, .rb_new .rb_live.is-srv-open .rb_srv_btn { color:#d3e2f5; border-bottom-color:#d3e2f5; }

.rb_srv_pop { position:fixed; z-index:60; width:312px; max-width:calc(100vw - 24px); padding:16px; border-radius:14px; background:#121a24f7; border:1px solid #f5bb6533; box-shadow:0 18px 50px #000000a0, 0 0 0 1px #ffffff08 inset; color:#e5e5e5; font:14px/1.4 var(--sans, Arial, sans-serif); opacity:0; transform:translateY(-6px); pointer-events:none; transition:opacity .18s, transform .18s; backdrop-filter:blur(8px); }
.rb_srv_pop.is-open { opacity:1; transform:none; pointer-events:auto; }
.rb_srv_pop a { text-decoration:none; }

/* header: picture + name of the current server */
.rb_srv_head { display:flex; align-items:center; gap:12px; }
.rb_srv_head > img { flex:0 0 40px; width:40px; height:40px; border-radius:12px; object-fit:cover; display:block; }
.rb_srv_head_txt { min-width:0; }
.rb_srv_title { font-weight:700; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rb_srv_meta { display:flex; flex-wrap:wrap; column-gap:12px; font-size:12px; color:#9ba9b7; margin-top:2px; }
.rb_srv_meta span { display:inline-flex; align-items:center; gap:5px; }
.rb_srv_meta span::before { content:""; width:7px; height:7px; border-radius:50%; background:#80848e; }
.rb_srv_meta span.on::before { background:#23a55a; }
.rb_srv_meta span.off { color:#f3a3a5; } .rb_srv_meta span.off::before { background:#e5484d; }

/* how full the server is */
.rb_srv_fill { height:5px; border-radius:3px; background:#0a131c; margin:14px 0 4px; overflow:hidden; box-shadow:inset 0 0 0 1px #9aa9b41a; }
.rb_srv_fill b { display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#b8914f,#f0d38c); transition:width .6s; }
.rb_srv_fill_note { font-size:11px; color:#8792a0; }

/* all servers */
.rb_srv_label { font-size:11px; color:#8792a0; text-transform:uppercase; letter-spacing:.5px; margin:14px 6px 4px; }
.rb_srv_list { display:grid; gap:2px; max-height:236px; overflow:auto; }
.rb_srv_form { margin:0; }
.rb_srv_row { display:flex; align-items:center; gap:10px; width:100%; padding:6px; border:0; border-radius:8px; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; transition:background .2s; }
.rb_srv_row:hover { background:#ffffff08; }
.rb_srv_row.is-cur { cursor:default; }
.rb_srv_ava { position:relative; flex:0 0 32px; width:32px; height:32px; }
.rb_srv_ava img { width:32px; height:32px; border-radius:50%; object-fit:cover; display:block; background:#2b3440; }
.rb_srv_ava i { position:absolute; right:-2px; bottom:-2px; width:11px; height:11px; border-radius:50%; border:2.5px solid #121a24; background:#23a55a; }
.rb_srv_row.is-off .rb_srv_ava i { background:#80848e; }
.rb_srv_row.is-off .rb_srv_ava img { filter:grayscale(.85) brightness(.7); }
.rb_srv_who { flex:1; min-width:0; }
.rb_srv_who b { display:flex; align-items:center; gap:7px; font-size:13px; font-weight:600; overflow:hidden; white-space:nowrap; }
.rb_srv_who em { font:700 9.5px/1 var(--sans); font-style:normal; text-transform:uppercase; letter-spacing:.4px; padding:3px 6px; border-radius:4px; background:#f5bb6522; color:#f0d38c; }
.rb_srv_who small { display:block; font-size:11px; color:#8792a0; }
.rb_srv_row.is-off .rb_srv_who small { color:#e88d90; }
.rb_srv_go { flex:0 0 auto; color:#8792a0; transition:color .2s, transform .2s; }
.rb_srv_row:hover .rb_srv_go { color:#fff; transform:translateX(2px); }

/* button "О сервере" */
.rb_srv_join { display:flex; align-items:center; justify-content:center; margin-top:14px; height:40px; border-radius:10px; background:linear-gradient(145deg,#f0c97a,#c98d3a); color:#2a1a08 !important; font-weight:700; font-size:14px; box-shadow:0 6px 18px #f5bb6530; transition:filter .2s, transform .2s; }
.rb_srv_join:hover { filter:brightness(1.08); transform:translateY(-1px); }
@media (prefers-reduced-motion:reduce) { .rb_srv_pop, .rb_srv_fill b, .rb_srv_join { transition:none; } }