.social-directory-tabs{display:flex;gap:6px;padding-bottom:12px;border-bottom:1px solid #a4ac9844;margin-bottom:12px}.social-directory-tabs button{flex:1;min-height:44px!important;padding:6px!important;font-size:13px!important}.social-directory-tabs button[aria-pressed=true],.ranking-controls button[aria-pressed=true]{background:#dec48c!important;color:#20353b!important;border-color:#efdfa7!important}.social-pane.is-directory{width:min(560px,calc(100% - 28px))}.friend-search{display:grid;grid-template-columns:112px minmax(60px,1fr) auto;gap:6px;margin:12px 0}.friend-search input,.friend-search select{min-width:0;width:100%;box-sizing:border-box;font:13px "Microsoft YaHei",sans-serif;color:#eef2e7;background:#152932;border:1px solid #698589;border-radius:4px;min-height:44px;padding:6px;touch-action:manipulation;user-select:text}.friend-search button{min-height:44px!important;padding:6px 10px!important;font-size:13px!important}.friend-heading,.ranking-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.friend-heading strong{font-size:16px;color:#ecd397;font-weight:normal}.social-friend{display:grid;gap:8px;border-bottom:1px solid #bacdb533;padding:12px 0}.social-friend>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.social-friend small,.friend-actions small{font-size:11px;color:#b6ceca}.social-friend .friend-name{border:0!important;background:transparent!important;padding:4px 0!important;color:#e8d49d!important;min-height:44px!important;font-size:14px!important;overflow-wrap:anywhere;text-align:left}.friend-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.friend-actions button{min-height:44px!important;font-size:12px!important;padding:6px 12px!important}.friend-actions>span{flex-basis:100%;font-size:13px;color:#f1d5a9}.social-pane-body .network-note{font-size:11px;line-height:1.7;color:#b2c7c5}.social-pane-body h4{font-size:14px;color:#dfc68d;font-weight:normal;margin:18px 0 4px}.ranking-controls{justify-content:start}.ranking-controls button{min-height:44px!important;font-size:13px!important}.ranking-controls [data-network-refresh]{margin-left:auto}.ranking-self{border-left:2px solid #dfc68d;background:#bccbbc11;padding:10px;font-size:14px;color:#eed79c}.coop-ranking{list-style:none;padding:0;margin:10px 0}.coop-ranking li{display:grid;grid-template-columns:32px minmax(0,1fr) 68px;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid #adc3b733}.coop-ranking li>b{font:22px Georgia,serif;color:#d8c18b}.coop-ranking li>span{font-size:14px;overflow-wrap:anywhere}.coop-ranking small{display:block;margin-top:5px;font-size:10px;color:#b5ccc6;font-weight:normal}.coop-ranking li>strong{font-size:18px;text-align:right;font-weight:normal;color:#dfe9d0}.coop-ranking .is-self{background:#c7bb7722;border-left:2px solid #ddca8c}.has-friend-request{position:relative}.has-friend-request:after{content:"";position:absolute;right:4px;top:4px;width:7px;height:7px;border-radius:50%;background:#e0ad74;box-shadow:0 0 0 2px #29404a}.friend-search :focus-visible,.friend-actions button:focus-visible{outline:2px solid #edcf89;outline-offset:2px}
@media(max-width:420px){.friend-search{grid-template-columns:100px minmax(50px,1fr) auto}.friend-search input,.friend-search select{font-size:12px}.social-friend>div:first-child{display:grid;gap:0}.social-pane.is-directory .social-pane-body{padding:10px}.coop-ranking li{gap:8px;padding:10px 4px}.social-directory-tabs{gap:4px}}
.friend-heading>div{display:flex;gap:6px}.friend-heading button{min-height:44px!important;font-size:12px!important;padding:6px 10px!important}
.ranking-controls{gap:6px}.ranking-controls .ranking-self{border:0;background:none;padding:0 4px;font-size:12px;white-space:nowrap}.ranking-controls button{padding:6px 10px!important}
@media(orientation:landscape) and (max-height:440px){.social-directory-tabs{padding-bottom:6px;margin-bottom:6px}.friend-heading{margin:6px 0}.social-friend{padding:4px 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.social-friend>div:first-child{display:grid;gap:0}.friend-actions>span{max-width:160px}.social-pane-body .network-note{margin:8px 0}.friend-search{margin:6px 0}}