.friendSystem261{display:flex;flex-direction:column;gap:12px;min-width:0;max-height:72dvh;padding:12px;color:#f3e9d2}.friendHeading261{display:flex;justify-content:space-between;gap:12px;font-size:18px}.friendHeading261 span{font-size:13px;color:#d6bc77}.friendEntries261{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;min-height:140px;max-height:42dvh;padding:4px;display:flex;flex-direction:column;gap:9px}.friendEntry261{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:62px;padding:10px 14px!important;border:1px solid #576075!important;background:#101a29!important;color:#eee8dc!important;text-align:left;border-radius:6px;flex-shrink:0}.friendEntry261.selected{border-color:#efd17b!important;background:#28334a!important;box-shadow:inset 3px 0 #efd17b}.friendEntry261 b{display:block;overflow-wrap:anywhere}.friendEntry261 small{display:block;color:#aebdd1;font-size:11px;margin-top:4px}.friendEntry261 strong{white-space:nowrap;font-size:13px}.friendOnline261{color:#62e794}.friendOffline261{color:#ff7a81}.friendToolbar261{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.friendToolbar261 button,.friendAdd261 button,.friendSystem261>button{min-height:44px;white-space:normal;border:1px solid #a58b53;background:#293348;color:#f9e6b0;border-radius:6px;padding:9px;font-weight:bold}.friendToolbar261 button:disabled,.friendAdd261 button:disabled{opacity:.4}.friendSearch261{display:flex;align-items:center;gap:10px}.friendSearch261 input,.friendAdd261 input{min-width:0;width:100%;box-sizing:border-box;min-height:44px;border:1px solid #667389;background:#0c1422;color:#fff;padding:10px;font:16px system-ui;border-radius:5px}.friendAdd261{display:grid;grid-template-columns:1fr auto;gap:8px}.friendSystem261>small{font-size:12px;color:#a8b8cb}#onlinePartyPanel{width:230px;max-width:calc(100vw - 24px);box-sizing:border-box}#oppMembers{max-height:42dvh;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.oppMember261{display:flex;align-items:center;gap:9px;width:100%;border:1px solid transparent;background:#101a26b8;color:#f3ecd9;text-align:left;box-sizing:border-box;padding:8px 5px;border-radius:6px;margin:4px 0}.oppMember261.selected{border-color:#bea362;background:#263348}.oppAvatar261{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border:2px solid #d7b660;border-radius:50%;overflow:hidden;background:#101723;font-size:22px}.oppAvatar261 canvas{width:42px!important;height:42px!important;object-fit:contain}.oppInfo261{flex:1;min-width:0}.oppInfo261>b{display:block;font:700 13px system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oppInfo261>small{display:block;font-size:10px;color:#b6c3d6}.oppHp261{display:block;height:7px;background:#151923;border:1px solid #484c56;margin:5px 0 3px;overflow:hidden;border-radius:3px}.oppHp261 i{display:block;height:100%;background:linear-gradient(#f67385,#b72d42)}#onlinePartyPanel .oppControls{display:grid;grid-template-columns:1fr 1fr;gap:5px}#onlinePartyPanel .oppControls input{grid-column:1/-1;width:100%;box-sizing:border-box;min-height:36px}#onlinePartyPanel .oppControls button{min-height:36px;font-size:12px}#oppKickBtn261:disabled{opacity:.35}.oppFooter261{display:flex;justify-content:flex-end;margin-top:4px}#onlinePartyPanel .oppFooter261 button{min-height:32px;background:#252a35;color:#ccc;border:1px solid #5a6376;border-radius:5px;padding:5px 12px}@media(max-width:700px){.friendSystem261{padding:8px;gap:9px;max-height:70dvh}.friendToolbar261{grid-template-columns:repeat(2,minmax(0,1fr))}.friendEntries261{max-height:31dvh;min-height:100px}.friendHeading261{font-size:16px}#onlinePartyPanel{width:195px;transform:none;top:70px;max-height:62dvh;overflow-y:auto}.oppMember261{gap:6px}.oppAvatar261{width:34px;height:34px;flex-basis:34px}.oppAvatar261 canvas{width:34px!important;height:34px!important}}
.friendSystem261{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.friendHeading261,.friendToolbar261,.friendSearch261,.friendAdd261{flex-shrink:0}.friendEntries261{flex:1 1 auto}