.social-layout{max-width:900px;padding-top:56px;padding-bottom:64px}.social-layout h1{font-size:clamp(30px,5vw,52px);margin:12px 0 20px}.social-layout p{line-height:1.6;overflow-wrap:anywhere}.social-layout [hidden]{display:none!important}.social-card{border:1px solid #444b43;padding:24px;margin:24px 0;background:#171c18}.social-card h2{font-size:22px;margin-top:0}.social-card a{color:#cee9b3}.social-card label{display:block;margin:14px 0 8px}.social-card input:not([type=radio]),.social-card select{display:block;background:#111512;color:#eef0e8;border:1px solid #72786c;border-radius:0;padding:12px;width:100%;max-width:100%;font:inherit;box-sizing:border-box}.social-card fieldset{border:1px solid #555e50;padding:12px 16px;margin:24px 0 12px}.social-choice{display:flex!important;align-items:flex-start;gap:12px}.social-card button,.social-actions a,.social-actions button{display:inline-block;max-width:100%;padding:11px 15px;margin:8px 8px 8px 0;background:#dce4d4;color:#152015;border:1px solid #dce4d4;font:inherit;cursor:pointer;text-decoration:none}.social-card button:disabled,.social-actions button:disabled{opacity:.5;cursor:not-allowed}.social-actions{display:flex;flex-wrap:wrap;gap:8px}.social-muted{color:#b8c1b1;font-size:14px}.social-person{padding:16px 0;border-bottom:1px solid #3e4739;overflow-wrap:anywhere}.social-person:last-child{border-bottom:0}.social-person strong{display:block}.social-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.social-metrics strong{display:block;font-size:25px}.social-metrics span{font-size:13px;color:#bbc6b0}#social-error{color:#ffb5a1}#social-error:empty{display:none}#social-status{color:#c3d9ac}#social-sign-in-status{font-size:12px;margin:8px 12px;color:#d6d8cf}.social-card :focus-visible{outline:2px solid #e4ffc5;outline-offset:3px}@media(max-width:600px){.social-layout{padding-top:28px}.social-card{padding:18px}.social-actions{display:block}.social-card button,.social-actions button{min-height:44px}.social-layout h1{overflow-wrap:anywhere}}

.social-card .provider-option,.social-actions .provider-option{display:inline-flex;align-items:center;gap:10px}#linked-accounts,#link-steam,#link-discord{scroll-margin-block:32px}#linked-accounts:target{outline:2px solid #c3d9ac;outline-offset:4px}

/* Combat records use one compact row per player in both website environments. */
.social-stats-layout{max-width:1200px}
.social-stats-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 24px;padding:14px 16px;margin:16px 0}
.social-stats-controls label{margin:0;flex:1 1 200px;max-width:300px;font-size:12px}
.social-stats-controls select{margin-top:6px;padding:8px 10px}
.social-stats-controls>a{padding:10px 0;font-size:12px}
.social-stats-scroll{width:100%;overflow-x:auto;border:1px solid #444b43;background:#171c18;margin:16px 0;overscroll-behavior-x:contain}
.social-stats-scroll:focus-visible{outline:2px solid #e4ffc5;outline-offset:3px}
.social-stats-table{width:100%;min-width:880px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.social-stats-table th,.social-stats-table td{padding:10px 12px;text-align:right;border-bottom:1px solid #343d32}
.social-stats-table thead th{font-size:11px;line-height:1.4;white-space:normal;background:#20271f}
.social-stats-table td{font-size:13px;white-space:nowrap}
.social-stats-table tbody tr:last-child>*{border-bottom:0}
.social-stats-table tbody tr:hover>*{background:#20291e}
.social-stats-table .social-stats-rank,.social-stats-rankings thead th:first-child{width:38px;color:#b8c1b1;text-align:center}
.social-stats-table .social-stats-player{min-width:160px;max-width:240px;text-align:left;font:inherit;letter-spacing:normal;background:transparent}
.social-stats-rankings thead th:nth-child(2){text-align:left}
.social-stats-player a{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#cee9b3}
.social-stats-player a:hover{text-decoration:underline}
.social-stats-relationship{display:block;margin-top:3px;font-size:11px;color:#b8c1b1;font-weight:400}
@media(max-width:600px){.social-stats-controls{padding:12px}.social-stats-table th,.social-stats-table td{padding:9px 10px}}
.social-stats-weapons-table{min-width:560px}
.social-stats-weapons-table thead th:first-child,.social-stats-weapons-table tbody th{text-align:left}
.social-stats-weapons-table tbody th{min-width:150px;max-width:240px;white-space:normal;overflow-wrap:anywhere;font:inherit;letter-spacing:normal;background:transparent}
#social-stats-weapons{margin-top:28px}
