.friends-entry{position:relative;display:inline-grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px!important;border:1px solid #bfd3d555;border-radius:50%!important;background:#14202ab3;color:#edf5ed;touch-action:manipulation}.friends-entry svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.friends-badge{position:absolute;right:-3px;top:-4px;min-width:18px;border-radius:10px;background:#efd28a;color:#171b1e;font:700 10px/18px system-ui}.friends-badge[hidden]{display:none}.title-actions .friends-entry{align-self:center}body.playing .friends-entry,body[data-view=match] .friends-entry{display:none}
.friends-dialog{box-sizing:border-box;width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:18px;border:1px solid #809c8f;border-radius:16px;background:#101d22;color:#edf3ef;overflow:auto;font:14px/1.5 system-ui;overscroll-behavior:contain}.friends-dialog::backdrop{background:#061015a6}.friends-dialog header{position:sticky;top:-18px;background:#101d22;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:8px 0;border:0}.friends-dialog h2{font-size:22px;margin:0}.friends-dialog h3{font-size:16px;margin:20px 0 8px}.friends-dialog button,.friends-dialog a{touch-action:manipulation}.friends-dialog button{min-height:44px;padding:8px 12px;border:1px solid #78918a66;border-radius:10px;background:#263b40;color:inherit;font:inherit}.friends-dialog button:disabled{opacity:.5}.friends-dialog input{box-sizing:border-box;width:100%;min-height:44px;padding:9px 11px;border:1px solid #667f85;border-radius:8px;background:#0b141b;color:inherit;font:16px system-ui}.friends-dialog a{color:#e7d293}.friends-close{font-size:24px!important;width:44px}.friends-profile,.friends-search{display:flex;align-items:end;gap:8px;margin:12px 0}.friends-profile label,.friends-search input{flex:1;min-width:0}.friends-id{font-size:11px;color:#a9bbb6;overflow-wrap:anywhere}.friends-row{padding:12px 0;border-top:1px solid #71807944;display:flex;align-items:center;justify-content:space-between;gap:10px}.friends-row strong,.friends-row small{display:block;overflow-wrap:anywhere}.friends-row small{font-size:10px;color:#b4c3be}.friends-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.friends-row-actions button{font-size:12px}.friends-invitation{border:1px solid #dcc68e88;border-radius:12px;background:#3d382333;padding:12px;margin:12px 0}.friends-invitation h3{margin-top:0}.friends-invitation small{display:block;color:#b4c3be;margin-bottom:8px}.friends-invitation button{margin-right:6px}.friends-status{position:sticky;bottom:-18px;background:#101d22;margin-bottom:0;padding:8px 0;color:#f3d99b}.friends-status:empty{display:none}.friends-link{margin-top:10px}.friends-auth #titleAuth{position:static!important;width:auto!important;max-width:none!important;transform:none!important;margin:0;padding:14px 0;background:none}.friends-auth #titleAccount{display:none}.friends-auth .google-sign-in{min-height:44px;margin:16px 0}.friends-auth small{display:block;color:#b4c3be}
@media(max-height:500px){.friends-dialog{width:min(520px,calc(100% - 20px));max-height:calc(100dvh - 16px);padding:12px}.friends-dialog header{top:-12px}.friends-dialog .friends-status{bottom:-12px}.friends-dialog h2{font-size:19px}.friends-row{padding:8px 0}}
@media(max-width:430px){.friends-row{align-items:flex-start;flex-direction:column}.friends-row-actions{justify-content:flex-start}.friends-profile{align-items:stretch;flex-direction:column}.friends-profile button{align-self:flex-start}}