.social-page{max-width:1080px;margin:25px auto 70px;padding:0 18px;color:#60412c;font-family:Gmarket,system-ui,sans-serif}.social-hero,.social-panel{background:#fff9ed;border:3px solid white;border-radius:28px;padding:24px;box-shadow:0 4px #e8baa2;margin-bottom:24px}.social-hero{display:flex;align-items:center;gap:20px}.social-hero>img{width:92px;height:92px;border-radius:50%;border:3px solid #fff;object-fit:contain}.social-hero h1{font-size:26px;margin:0 0 10px;color:#2b709c}.social-nav{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.social-nav a,.friend-action,#social-edit,#social-search button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:2px solid white;border-radius:16px;background:linear-gradient(#fffdf7,#f4ddc5);color:#69472f;text-decoration:none;font:700 12px Gmarket,system-ui,sans-serif;box-shadow:0 3px #cba57f;cursor:pointer}.social-panel h2{font-size:20px;color:#2b709c;margin:0 0 20px}.social-person{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #ead5c1;flex-wrap:wrap}.social-person>img{width:46px;height:46px;border-radius:50%}.social-person>span{flex:1;min-width:110px;font-size:14px}.friend-action{font-size:11px;padding:8px 12px;margin-left:7px}.friend-action:disabled{opacity:.5;cursor:wait}.social-rankings{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.social-rankings article{padding:18px 12px;background:#e4f2fd;border:2px solid white;border-radius:20px;text-align:center;line-height:1.6}.social-rankings strong{display:block;font-size:22px;color:#247ab2}.social-rankings a{color:#714b32;font-size:12px}#social-search{display:flex;gap:10px;margin-bottom:18px}#social-query{flex:1;min-width:0;padding:12px;border:2px solid #efcbaf;border-radius:16px;font:14px Gmarket,system-ui}.friend-action:focus-visible,.social-nav a:focus-visible{outline:3px solid #1498db;outline-offset:4px}#profile-choice .friend-mypage-link{display:block;width:100%;box-sizing:border-box;text-align:center;padding:16px;color:#65432e;text-decoration:none;background:url('/assets/reference/button-neutral.png') center/100% 100% no-repeat;font:700 14px Gmarket,system-ui}
@media(max-width:650px){.social-page{padding:0 10px;margin-top:18px}.social-hero,.social-panel{padding:18px;margin-bottom:20px}.social-hero>img{width:66px;height:66px}.social-hero h1{font-size:21px}.social-rankings{grid-template-columns:repeat(2,1fr)}.social-person{gap:8px}.friend-action{padding:8px;margin-left:0;font-size:10px}.lb-table .friend-action{display:block;margin-top:8px}.social-nav{gap:8px}.social-nav a{font-size:11px;padding:9px 12px}}

.ref-ranking li.friend-summary-row{display:grid;grid-template-columns:16px 24px minmax(0,1fr) auto;gap:5px;padding:0 5px;box-sizing:border-box;max-width:100%;overflow:hidden}.friend-summary-avatar{display:block;width:24px;height:24px;object-fit:contain;border-radius:50%}.friend-summary-row>b{font-size:12px;text-align:center}.friend-summary-score{font-size:12px;line-height:1.3;max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.ref-club .medal-summary-name{font-size:clamp(10px,1cqw,15px)}

.friend-action-request,.friend-action-accept{background:linear-gradient(#3ace73,#189d4c);color:#fff;box-shadow:0 3px #167e3d}.friend-action-cancel{background:linear-gradient(#ffd59c,#ffb262);color:#784119;box-shadow:0 3px #c58c50}.friend-action-reject,.friend-action-remove{background:linear-gradient(#ff9c8e,#ee6257);color:#fff;box-shadow:0 3px #bf4e43}.friend-ranking-actions{display:inline-flex!important;align-items:center;gap:5px;flex:none;vertical-align:middle;white-space:nowrap}.friend-ranking-actions .friend-action{display:inline-flex!important;white-space:nowrap!important;margin:0!important;font-size:10px!important;padding:7px 9px!important}.lb-table td:nth-child(2){white-space:nowrap}.lb-table td:nth-child(2)>:first-child{display:inline-flex;vertical-align:middle;max-width:calc(100% - 92px);margin-right:8px}.social-person{flex-wrap:nowrap}.social-person>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-person>div{display:flex;gap:6px;flex:none}

.lb-table td:nth-child(2)>.friend-inline-player{display:flex!important;align-items:center;gap:8px;max-width:none!important;margin:0!important;width:100%;flex-wrap:nowrap}.friend-inline-player>.lb-identity{display:flex;align-items:center;flex:1;min-width:0;gap:8px}.friend-inline-player .lb-player-name{display:flex;align-items:center;min-width:0;gap:5px}.friend-inline-player .lb-player-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-inline-player>.friend-ranking-actions{flex:none}

.social-rankings article>small{display:block;font-size:11px;color:#647f91;margin-top:12px}.social-rankings article>strong{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.3;margin-top:6px}.social-rank-medal{width:25px;height:30px;object-fit:contain}.social-rankings article>p{margin:5px 0 18px;font-weight:700;font-size:16px}.ref-club h2{white-space:nowrap;max-width:65%;overflow:hidden;text-overflow:ellipsis}

.friend-invitation-badge{display:inline-block;flex:none;white-space:nowrap;padding:5px 8px;border-radius:10px;font-size:10px;line-height:1.2;color:#6b4d2e;background:#ffecd0}.friend-invitation-badge.incoming{color:#215d88;background:#d9efff}.social-person>span{font-weight:700}.social-person{gap:10px}@media(max-width:500px){.social-person{gap:6px}.friend-invitation-badge{font-size:9px;padding:4px 6px}.social-person>img{width:36px;height:36px}}