.friends-main{max-width:960px;margin:0 auto;padding:52px 24px 72px;min-height:65vh}.friends-main h1{font-size:56px;margin:12px 0 36px}.friends-main button,.chat-dialog form button{border:1px solid #41565d;background:#22343a;color:#eef4f2;padding:11px 20px;border-radius:999px;cursor:pointer;min-height:44px}.friends-main button:hover{border-color:#f57740}.friends-main input,.chat-dialog textarea{box-sizing:border-box;background:#101b20;border:1px solid #425961;border-radius:14px;padding:14px 16px;color:#fff;font:16px inherit;min-width:0}.friends-main input{font-size:16px;height:48px}.friends-main input:focus-visible,.chat-dialog textarea:focus-visible{outline:2px solid #f57740;outline-offset:2px}#friend-add{padding:24px;background:#172429;border:1px solid #34484f;border-radius:20px;margin-bottom:32px}#friend-add label{display:block;margin-bottom:14px;font-weight:600}#friend-add>div{display:flex;gap:12px}#friend-add input{flex:1;width:0}#friend-add button,#chat-send button,#friends-login{background:#f35b21;border-color:#f35b21}#friend-search{width:100%;margin-bottom:18px}.friends-toolbar{display:flex;align-items:center;justify-content:space-between;margin:24px 0 16px}.friends-toolbar h2{margin:0;font-size:24px}.friend-row{display:flex;align-items:center;gap:14px;padding:18px;margin:12px 0;background:#172429;border:1px solid #34484f;border-radius:18px;min-width:0}.friend-row canvas{width:48px;height:48px;border-radius:14px;background:#2b424b;flex:none}.friend-info{flex:1;min-width:0}.friend-info strong{display:block;overflow-wrap:anywhere;font-size:16px}.friend-info small{display:block;color:#95abb3;font-size:12px;margin-top:6px}.friend-info .online{color:#9ec67e}.friend-actions{display:flex;gap:8px;flex:none}.friend-actions button{font-size:12px;padding:8px 14px}.friends-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.inventory-link{display:block;color:#ff9461;text-decoration:none;text-align:center;margin-top:32px}.friends-main button:disabled{opacity:.45;cursor:wait}#social-status,#chat-status{font-size:13px;color:#ffaf84;line-height:1.6}#chat-messages{max-height:38dvh;overflow:auto;min-height:120px;padding:2px}.chat-message{padding:12px 14px;border-radius:14px;background:#243941;max-width:85%;margin:10px 0;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message.mine{margin-left:auto;background:#573427}.chat-message small{display:block;color:#b4c5ca;font-size:10px;margin-top:8px}#chat-send label{display:block;font-size:13px;margin:16px 0 8px}#chat-send textarea{width:100%;font-size:16px;resize:vertical;min-height:84px}#chat-send button{width:100%;margin-top:12px}#friend-requests h2{font-size:24px}@media(max-width:700px){.friends-main{padding:32px 16px 48px}.friends-main h1{font-size:38px;margin-bottom:24px}#friend-add{padding:18px}#friend-add>div{gap:8px}#friend-add button{font-size:12px;padding:9px 14px}.friend-row{flex-wrap:wrap;padding:16px;gap:12px}.friend-actions{width:100%;justify-content:flex-end}.friend-actions button{min-height:40px}.friends-pager{gap:10px}.friends-pager button{font-size:12px;padding:9px 14px}}
