/* Shared, locally bundled typography; content determines height on every device. */
.nav{grid-template-columns:repeat(10,minmax(0,1fr))}
#leaderboard{max-width:1160px;margin:0 auto}#leaderboard [hidden],.social-shell [hidden]{display:none!important}
.leaderboard-hub-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px;border-radius:22px;background:linear-gradient(125deg,#07365f,#125b91);margin-bottom:20px;color:#fff}
.leaderboard-hub-head .label{color:#ffe293}.leaderboard-hub-head h2{font-size:clamp(1.5rem,1.3rem + 1vw,2rem);margin:5px 0 8px;color:#fff}.leaderboard-hub-head p{font-size:.9375rem;line-height:1.65;color:#e4f2fc;margin:0;max-width:620px}
.leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#e5eef5;padding:5px;border:1px solid #b9d2e4;border-radius:14px;min-width:230px}
.leaderboard-tabs button{font:650 1rem/1.5 var(--font-body);padding:10px 20px;min-height:46px;border:0;border-radius:10px;color:#285473;background:transparent;cursor:pointer}
.leaderboard-tabs button[aria-selected=true]{background:#fff0bb;color:#4d3e17;box-shadow:0 2px 6px #153e5d18}
.leaderboard-tabs button:focus-visible,.ranked-player-action:focus-visible{outline:3px solid #126aa6;outline-offset:3px}
.ranked-leaderboard-layout{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.55fr);gap:20px;align-items:start}
.ranked-leaderboard-layout>*{min-width:0}.ranked-leaderboard-layout .ranked-profile-head{gap:12px}.ranked-leaderboard-layout .ranked-points{width:100%;text-align:left;margin:6px 0 0;font-size:2rem}
.ranked-leaderboard-layout .ranked-points small{display:inline;margin-left:7px}.ranked-player-action{border:0;border-bottom:1px solid #8fb4ce;background:transparent;color:#175983;font:600 .8125rem/1.5 var(--font-body);padding:8px 0;cursor:pointer;text-align:left;min-height:36px}
.friends-nav-badge{display:inline-block;min-width:18px;border-radius:12px;background:#ffe293;color:#4b3b13;font-size:.6875rem;margin-left:4px;padding:1px 4px}
.social-shell{max-width:1160px;margin:auto;color:#163c5b}.social-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-radius:22px;background:linear-gradient(125deg,#07365f,#125b91);color:#fff;margin-bottom:20px}
.social-hero .label{color:#ffe293;font-size:.75rem}.social-hero h2{color:white;margin:6px 0 8px;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem)}.social-hero p{font-size:1rem;line-height:1.65;margin:0;max-width:580px}.social-hero .btn{flex-shrink:0}
.social-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.social-layout .card{margin-bottom:18px;min-width:0}.social-layout h3{font-size:1.2rem;line-height:1.45;margin:0 0 10px;color:#163c5b}.social-layout .muted{font-size:.875rem;line-height:1.7;margin:6px 0 14px}
.social-player-id{display:block;padding:12px 14px;background:#f1f7fc;border:1px solid #c6dce9;border-radius:12px;color:#17547e;font-size:.875rem;line-height:1.8;overflow-wrap:anywhere;user-select:all}
.social-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.social-actions .btn{min-height:46px}
.social-search-card form{display:grid;gap:10px}.social-search-card label{font-size:.875rem;font-weight:650}.social-search-card input{box-sizing:border-box;width:100%;min-width:0;font-size:1rem;font-family:var(--font-body);line-height:1.6;min-height:48px;padding:10px 12px;background:#f8fbfd;border:1px solid #bdd4e5;border-radius:10px;color:#163c5b}
.social-search-card small{font-size:.8125rem;line-height:1.7;color:#516d83}.social-search-card .btn{min-height:44px}.social-search-card input:focus-visible{outline:3px solid #126aa6;outline-offset:2px}
.social-status{font-size:.9375rem;line-height:1.7;color:#315871;background:#eaf3fa;border:1px solid #c4d9e8;border-radius:12px;padding:12px 15px;margin:0 0 16px;overflow-wrap:anywhere;min-height:48px;box-sizing:border-box}
.social-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.social-section-head h3{margin:0}.social-section-head .pill{font-size:.8125rem}
.social-person{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px 0;border-top:1px solid #d9e6ef}
.social-avatar{width:42px;height:42px;background:#e8f2fa;border:1px solid #bfd7e8;border-radius:12px;display:grid;place-items:center;color:#175983;font-family:var(--font-heading);font-size:1.1rem;font-weight:750}
.social-person h4{font-size:1rem;line-height:1.55;margin:0 0 5px;color:#163c5b;overflow-wrap:anywhere}.social-person-info{min-width:0}.social-person code{display:block;font-size:.6875rem;line-height:1.8;color:#587387;overflow-wrap:anywhere;user-select:all}
.social-presence{display:block;font-size:.8125rem;line-height:1.6;color:#587387;margin-top:5px}.social-presence.is-online{color:#1c6953;font-weight:650}.social-presence.is-online:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#188065;margin-right:6px}
.social-person-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:240px}.social-person-actions .btn{font-size:.8125rem;min-height:44px;padding:8px 10px}.social-person-actions .btn:disabled{opacity:.55;cursor:default}
.social-search-card .social-person{grid-template-columns:32px minmax(0,1fr);gap:10px}.social-search-card .social-avatar{width:32px;height:32px;border-radius:9px;font-size:.875rem}.social-search-card .social-person-actions{grid-column:2;justify-content:flex-start}
.social-empty{background:#f5f9fc;padding:15px;border-radius:12px;color:#516d83;font-size:.875rem;line-height:1.7;margin:10px 0}.social-connected{font-size:.8125rem;color:#1c6953;font-weight:650;padding:6px 0}
.social-details summary{font-weight:650;font-size:.875rem;line-height:1.7;min-height:40px;padding:8px 0;cursor:pointer}.social-details summary:focus-visible{outline:3px solid #126aa6;outline-offset:2px;border-radius:4px}
.profile-public-id{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0;color:#315871;font-size:.875rem}.profile-public-id code{overflow-wrap:anywhere;font-size:.8125rem;min-width:0}.profile-public-id .btn{min-height:44px}
@media(max-width:1100px) and (min-width:601px){.nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.social-layout{grid-template-columns:minmax(0,1fr)}.social-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}}
@media(max-width:850px){.ranked-leaderboard-layout{grid-template-columns:minmax(0,1fr)}.ranked-leaderboard-layout .ranked-points{width:auto;margin-left:auto;text-align:right;font-size:1.5rem}.ranked-leaderboard-layout .ranked-points small{display:block;margin:0}}
@media(max-width:600px){.leaderboard-hub-head{gap:15px;padding:20px 16px}.leaderboard-tabs{width:100%;min-width:0}.leaderboard-tabs button{padding:10px 12px}.social-sidebar{grid-template-columns:minmax(0,1fr);gap:0}.social-hero{padding:20px 16px;align-items:flex-start;flex-direction:column;gap:14px}.social-person{grid-template-columns:36px minmax(0,1fr);gap:10px}.social-avatar{width:36px;height:36px;font-size:1rem}.social-person-actions{grid-column:2;justify-content:flex-start;max-width:none}.social-layout{gap:0}.social-layout .card{padding:18px 14px}.social-player-id{padding:10px 12px;font-size:.8125rem}.ranked-leaderboard-layout{gap:0}.social-shell .btn{white-space:normal;overflow-wrap:anywhere}}