#friendsPanel{position:absolute;top:124px;right:clamp(14px,3vw,36px);z-index:7;width:230px;max-height:calc(100dvh - 140px);border:1px solid #3b666d;border-radius:12px;background:#0e1b2bef;color:#d6e8e5;box-shadow:0 9px 30px #0004;overflow:hidden;font:14px Rajdhani,system-ui,sans-serif}
#friendsPanel button{font:inherit;color:inherit;border:1px solid #365560;border-radius:6px;background:#1a3040;padding:7px 9px;cursor:pointer}#friendsPanel button:hover,#friendsPanel button:focus-visible{border-color:#81d9bf;color:#beffdf;outline:none}#friendsPanel button:disabled{opacity:.45;cursor:default}#friendsPanel [hidden]{display:none!important}
#friendsPanel:not(.collapsed) .friends-toggle>[aria-hidden]{transform:rotate(180deg)}
#friendsPanel .friends-toggle{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;min-height:48px;border:0;border-radius:0;background:#152c3a;padding:12px}.friends-toggle strong{color:#b6f1da;font-size:14px;letter-spacing:1px}.friends-toggle [data-online-count]{color:#8ac5b2;font-size:12px}.friends-body{padding:12px;max-height:calc(100dvh - 190px);overflow-y:auto}.collapsed .friends-body{display:none}.friends-body p{line-height:1.4}.friends-body [data-auth] p{color:#afc4cb}.friends-add{width:100%;margin-bottom:10px;color:#acf0d3!important}.friends-add-form{margin:0 0 12px}.friends-add-form label{display:block;font-size:12px;margin-bottom:5px}.friends-add-form>div{display:flex;gap:5px}.friends-add-form input{width:100%;min-width:0;border:1px solid #4a6877;border-radius:5px;background:#091522;color:#fff;font:inherit;padding:7px}.friends-add-form button{padding:5px 8px!important}.friends-filters{display:flex;gap:5px;margin:0 0 12px}.friends-filters button{flex:1;font-size:12px!important;padding:6px!important}.friends-filters [aria-pressed=true]{background:#24494d!important;border-color:#72bda9!important;color:#c7ffe7!important}.friends-list{display:grid;gap:7px}.friend-row{padding:8px;border:1px solid #294454;border-radius:7px;background:#122635}.friend-profile{display:block!important;max-width:100%;border:0!important;padding:0!important;background:none!important;text-align:left}.friend-profile .player-identity{max-width:100%}.friend-profile .player-identity>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-profile .player-avatar{width:30px;height:30px}.friend-state{display:flex;align-items:center;gap:5px;padding-left:38px;font-size:11px;margin-top:3px;color:#95aab5}.friend-state i{width:6px;height:6px;border-radius:50%;background:#687986}.friend-state.online{color:#9be8bb}.friend-state.online i{background:#6ce6a0;box-shadow:0 0 7px #6ce6a044}.friend-state.unknown i{background:#c2ad79}.friends-empty{color:#99afbc;font-size:13px;margin:6px 0 14px}.friends-requests h3{color:#b3d5ce;font-size:12px;text-transform:uppercase;margin:17px 0 8px}.friend-request{padding:8px 0;border-bottom:1px solid #2e4754}.friend-request>div{display:flex;gap:5px;margin-top:7px}.friend-request small{display:block;color:#9ab0bd;margin:5px 0}.friends-team{width:100%;margin-top:14px;font-size:12px!important}.friends-status{font-size:12px;color:#b9d9d0;margin:9px 0 0}.friends-status:empty{display:none}
.game:has(#friendsPanel) #start .tearbound-home{width:100%;margin-right:0;padding-inline:280px}
.game:has(#friendsPanel) #homeScreen{width:100%}
.game:has(#friendsPanel) .tearbound-home .mode-row,.game:has(#friendsPanel) .menu-settings{width:min(820px,100%)}
.is-playing #friendsPanel,.game:has(#start.hidden) #friendsPanel,.game:has(#progressScreen:not(.hidden)) #friendsPanel,.game:has(#shopScreen:not(.hidden)) #friendsPanel{display:none}
@media(max-width:1200px){.game:has(#friendsPanel) #start .tearbound-home{padding-inline:24px}#friendsPanel{top:112px;max-height:calc(100dvh - 128px)}.friends-body{max-height:calc(100dvh - 180px)}}
@media(max-width:650px){.game:has(#friendsPanel) #start .tearbound-home{padding:168px 14px}#friendsPanel{width:min(230px,calc(100vw - 28px))}.game:has(#friendsPanel) .menu-settings{width:100%}}