.server-live-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 2px;color:var(--rd-muted,#91a2b2);font-size:12px}
.server-live-toolbar label{display:inline-flex;gap:8px;align-items:center;color:var(--rd-text,#dce8ef);cursor:pointer;white-space:nowrap}
.server-live-toolbar input{accent-color:#2ec977;width:15px;height:15px}
#serverLiveStatus{margin-left:auto;font-size:11px}
.server-live-status{display:block;font-size:10px;line-height:1.4;color:#91a2b2}
.server-live-status:empty{display:none}
.rd-server-row-online .server-live-status{grid-column:1/-1;grid-row:2;text-align:right}
.rd-server-row-online .rd-progress{grid-column:3;grid-row:1}
.rd-server-row-main:has(.server-friends:not([hidden])){padding-top:8px;padding-bottom:8px}
.rd-server-row-main .server-friends{overflow:visible}
.server-stale .rd-server-thumb{opacity:.55}
.server-friends{display:flex;align-items:center;gap:5px;margin-top:7px;min-height:24px}
.server-friends[hidden]{display:none}
.server-friends-label{font-size:11px;color:#79d9a8;margin-right:5px}
.server-friend{display:inline-flex;border-radius:50%;border:2px solid #244b3b;transition:transform .15s}
.server-friend:hover,.server-friend:focus-visible{transform:translateY(-2px);outline:2px solid #71eda9;outline-offset:2px}
.server-friend img{width:23px;height:23px;border-radius:50%;object-fit:cover}
.server-friends-more{font-size:11px;color:#a9beaf;background:#20382e;border-radius:10px;padding:3px 6px}
.player-live-server{display:flex;align-items:center;gap:16px;padding:19px;margin-bottom:24px;border:1px solid #2d5744;border-radius:12px;background:radial-gradient(ellipse at left top,rgba(46,201,119,.13),transparent 65%),#192a2d;box-shadow:0 8px 24px #0002}
.player-live-server[hidden]{display:none}
.player-live-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:#2ec97718;border:1px solid #2ec97744;border-radius:12px;color:#71eda9;font-size:24px}
.player-live-body{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.player-live-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#71eda9}
.player-live-body strong{font-size:15px;overflow-wrap:anywhere;color:#e1eee7}
.player-live-map{font-size:12px;color:#91a2b2}
.player-live-server .rd-connect-btn{flex-shrink:0;text-decoration:none;padding:9px 13px;font-size:12px}
@media(max-width:600px){#serverLiveStatus{width:100%;margin-left:0}.player-live-server{flex-wrap:wrap;gap:12px;padding:15px}.player-live-server .rd-connect-btn{margin-left:60px}.server-friend img{width:20px;height:20px}.server-friends-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.server-friend{transition:none}}

.player-live-server.is-last-seen{border-color:#374453;background:radial-gradient(ellipse at left top,#8296b012,transparent 65%),#19232d}
.is-last-seen .player-live-label,.is-last-seen .player-live-icon{color:#a6b7cb}
.is-last-seen .player-live-icon{background:#8296b012;border-color:#8296b033}

@media(max-width:600px){.player-live-server .player-live-body{flex:1 1 calc(100% - 60px)}}