.friends-intro,.friends-empty{color:#526e73;line-height:1.8}.friends-own{padding:16px;background:#edf7f3;border:1px solid #d4e3dd;border-radius:12px;overflow-wrap:anywhere}.friends-own strong{display:block;margin-top:6px;color:#08736b}.friends-form{margin-top:24px}.friends-form label{display:block;margin-bottom:10px}.friends-form>div{display:flex;gap:8px}.friends-form input{min-width:0;flex:1;padding:12px;background:#fff;border:1px solid #8aa6a3;border-radius:8px;color:#123c40;font:inherit}.friends-form button,.friends-toolbar button,.friend-actions button{padding:10px 14px;border:1px solid #647788;border-radius:8px;background:#203544;color:#ecf5f9;font:inherit;cursor:pointer}.friends-form button,.friend-actions [data-friend-action="accept"]{background:#a2ecd9;color:#102820;border-color:#08736b}.friends-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:14px 0}.friends-toolbar p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.friends-toolbar button{flex-shrink:0}.friends-group{margin:24px 0}.friends-group h4{display:flex;gap:10px;align-items:center}.friends-group h4 span{font-size:12px;color:#08736b}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #d4e3dd}.friend-identity{min-width:0;overflow-wrap:anywhere}.friend-identity small{display:block;color:#526e73;margin-top:5px}.friend-actions{display:flex;gap:6px;flex-shrink:0}.friends-empty{font-size:14px}.mypage-panel[data-panel="friends"] button:disabled{opacity:.5;cursor:wait}.mypage-panel[data-panel="friends"] :focus-visible{outline:2px solid #a2ecd9;outline-offset:3px}@media(max-width:480px){.friends-form>div{flex-direction:column}.friend-row{align-items:flex-start;flex-direction:column}.friend-actions{align-self:flex-end}}
.friend-presence{font-size:12px;color:#526e73}.friend-presence.is-online{color:#08736b;font-weight:700}.social-lobby{text-align:left;margin-top:28px;padding:20px;border:1px solid #bddbd5;border-radius:14px;background:#f1f8f5;color:#123c40}.social-lobby .friend-row{gap:12px}.social-lobby button{flex-shrink:0}.social-lobby-status,.social-action-status{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.social-invitation-notice{position:fixed;right:16px;bottom:16px;z-index:165;max-width:calc(100vw - 32px);padding:12px 16px;border:1px solid #08736b;border-radius:12px;background:#d5f5eb;color:#123c40;box-shadow:0 4px 18px #09262b22;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.social-invitation-notice[hidden]{display:none}.social-lobby button:disabled{opacity:.55;cursor:default}@media(max-width:480px){.social-lobby{padding:14px}.social-lobby .friend-row>button{align-self:flex-end}}

.mypage:not([hidden])~.social-invitation-notice{display:none}