.game-topbar { overflow:visible;z-index:30; }
.game-topbar .user-search { display:block;position:relative;min-width:0;height:auto;padding:0;border:0;background:transparent; }
.user-search-field { display:flex;align-items:center;border:1px solid #4e555c;border-radius:5px;background:#05090d;overflow:hidden; }
.user-search-field input { width:100%;min-width:0;height:30px;border:0;outline:none;background:transparent;color:#e5edf1;font-size:.76rem;padding:5px 9px; }
.user-search-field:focus-within { border-color:#edc36c; }
.user-search-field input::placeholder { color:#aebbc5; }
.user-search-field button { min-height:28px;height:28px;min-width:30px;padding:0 6px;border:0;background:transparent;color:#edc36c;font-size:1.25rem; }
.user-search-dropdown { position:absolute;top:calc(100% + 7px);left:0;width:350px;max-width:calc(100vw - 20px);z-index:100;border:1px solid #69725e;border-radius:8px;box-shadow:0 12px 35px #000b;background:#0d1820;overflow:hidden; }
.user-search-results { max-height:340px;overflow:auto; }
.user-search-results p { padding:15px;margin:0;color:#b7c9d3;line-height:1.5;font-size:.8rem; }
.user-search-results > button { display:grid;grid-template-columns:30px minmax(0,1fr) 8px;gap:10px;align-items:center;width:100%;padding:10px;border:0;border-bottom:1px solid #ffffff10;border-radius:0;background:transparent;text-align:left;text-transform:none;color:#ecf1f5;min-height:55px; }
.user-search-results > button:hover,.user-search-results > button.selected { background:#283127; }
.user-search-avatar { display:grid;place-items:center;width:30px;height:30px;background:#29414a;color:#d8dba9;border-radius:6px;font-size:.7rem; }
.user-search-results strong,.user-search-results small { display:block;overflow-wrap:anywhere; }
.user-search-results strong { font-size:.83rem; }
.user-search-results small { margin-top:4px;font-size:.65rem;font-weight:400;color:#a4b9c6; }
.user-search-presence { width:7px;height:7px;border-radius:50%;background:#65717b; }
.user-search-presence.online { background:#80e8ab; }
.user-search-dropdown > small { display:block;padding:9px 12px;color:#a6b9be;font-size:.61rem;border-top:1px solid #ffffff15;line-height:1.6; }
@media(max-width:1250px) {
  .game-topbar { grid-template-columns:auto minmax(150px,1fr) auto auto 36px; }
  .game-topbar .logo-button { grid-column:1;grid-row:1; }
  .game-topbar .user-search { grid-column:2;grid-row:1; }
  .game-topbar .top-nav { grid-column:1/-1;grid-row:2; }
  .game-topbar .online-counter { grid-column:3;grid-row:1; }
  .game-topbar .round-clock { grid-column:4;grid-row:1; }
  .game-topbar .power-button { grid-column:5;grid-row:1; }
}
@media(max-width:700px) {
  .game-topbar { position:relative;grid-template-columns:auto minmax(0,1fr) 30px;gap:6px;padding:6px 8px; }
  .game-topbar .user-search { grid-column:2/-1;grid-row:1; }
  .user-search-dropdown { left:auto;right:0; }
  .game-topbar .online-counter { grid-column:1;grid-row:3;font-size:.65rem; }
  .game-topbar .round-clock { grid-column:2;grid-row:3;font-size:.65rem;padding:5px 4px; }
  .game-topbar .power-button { grid-column:3;grid-row:3; }
}