#player-view{padding:0}.member-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #ccc}.member-toolbar .button{font:600 13px var(--body);min-height:32px;padding:6px 12px;border-radius:2px}.member-heading{display:flex;gap:20px;align-items:center;padding:22px 18px;background:linear-gradient(#fff,#f0f3f5)}.member-portrait{display:grid;place-items:center;width:100px;height:100px;flex-shrink:0;border:1px solid #8c9fab;background:linear-gradient(#324b5e,#132533);color:#edf4f9;font-size:36px;font-weight:700}.member-heading h1{font:600 30px var(--body);letter-spacing:0;text-transform:none;margin:0 0 8px;overflow-wrap:anywhere}.member-heading p{font-size:13px;margin:0 0 8px}.member-heading div>span{font-size:12px}.member-level{margin-left:auto;text-align:center;padding:10px}.member-level small{display:block;font-size:11px}.member-level strong{font-size:36px;color:#168ac4}.member-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(190px,1fr);gap:12px;padding:14px}.member-main{min-width:0}.member-panel{border:1px solid #c7cdd1;margin-bottom:14px;overflow:hidden}.member-panel .panel-bar{margin:0;padding:9px 11px;font:600 14px var(--body)}.member-showcase{display:grid;grid-template-columns:1fr 1.6fr;min-height:190px}.member-rank{display:flex;align-items:center;justify-content:center;flex-direction:column;border-right:1px solid #c7cdd1;padding:16px;gap:6px;background:linear-gradient(#f7f9fb,#e8eef3)}.member-rank>span{font-size:78px;line-height:1;color:#658eaa;text-shadow:0 2px #fff}.member-rank strong{font-size:18px}.member-rank small{font-size:12px}.member-trophies{text-align:center;padding:25px 12px}.member-trophies>div{display:flex;justify-content:center;gap:18px;color:#a8b3bc;margin-bottom:16px}.member-trophies svg{width:40px;height:44px}.member-trophies h3{font:600 15px var(--body);margin:0 0 8px}.member-trophies p,.member-trophies small{font-size:12px;color:#697781}.member-panel .player-progression{padding:14px;border-top:1px solid #c7cdd1}.member-panel .progress-title h3{font:600 13px var(--body)}.member-teams>button{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:0;border-bottom:1px solid #c7cdd1;background:transparent;color:#0069bd;text-align:left}.member-teams>button:last-child{border-bottom:0}.member-teams>button:hover{background:#e6f1f8}.member-teams>button>span:last-child{margin-left:auto}.member-teams img,.member-teams .avatar{width:44px;height:44px;object-fit:contain;flex-shrink:0}.member-teams strong{display:block;font-size:14px}.member-teams small{display:block;margin-top:5px;line-height:1.6;font-size:12px}.member-about dl{padding:14px;margin:0;font-size:13px}.member-about dt{color:#6c7b88;font-size:12px;margin:0 0 4px}.member-about dd{margin:0 0 15px;overflow-wrap:anywhere;line-height:1.5}.member-about dd:last-child{margin-bottom:0}.member-empty{padding:14px;font-size:12px;line-height:1.6;color:#6c7b88}.member-main .player-rank-card{border-radius:2px}.member-main .player-history{padding:14px}.member-main .player-history>h3{display:none}.member-main .rank-explainer{padding:14px}.member-main .player-ladder-cards{margin-top:12px}
#account-dialog{border-radius:3px}#account-dialog .dialog-heading h2{font:600 18px var(--body)}#account-dialog .player-hero,#account-dialog .player-progression,#account-dialog .player-ladder-cards,#account-dialog .rank-explainer,#account-dialog .player-history{display:none}
html[data-theme=dark] .member-heading{background:linear-gradient(#08151e,#242a2d)}html[data-theme=dark] :is(.member-panel,.member-toolbar,.member-rank,.member-panel .player-progression,.member-teams>button){border-color:#2d5978}html[data-theme=dark] .member-rank{background:linear-gradient(#142b3a,#09151d)}html[data-theme=dark] .member-rank>span{text-shadow:0 2px #000;color:#83b7d9}html[data-theme=dark] :is(.member-about dt,.member-empty,.member-trophies p,.member-trophies small){color:#aabfcc}html[data-theme=dark] .member-teams>button{color:#83c9f7}html[data-theme=dark] .member-teams>button:hover{background:#173243}html[data-theme=dark] .member-trophies>div{color:#577082}
@media(max-width:700px){.member-columns{grid-template-columns:1fr}.member-about{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-heading{gap:12px}.member-portrait{width:70px;height:70px;font-size:28px}.member-heading h1{font-size:24px}.member-level{padding:0}.member-heading{padding:15px}.member-level strong{font-size:28px}}@media(max-width:420px){.member-about{grid-template-columns:1fr}.member-level{display:none}.member-trophies>div{gap:5px}.member-trophies svg{width:30px}}
.member-toolbar .button{width:auto;flex:0 0 auto}.member-toolbar .inline-link{white-space:nowrap}.member-toolbar{gap:16px}.member-heading{scroll-margin-top:65px}#player-view{scroll-margin-top:65px}

#player-page .player-record-table{min-width:0;width:100%;table-layout:fixed}
#player-page .player-record-table :is(th,td){white-space:normal;overflow-wrap:anywhere}
#player-page .player-record-table :is(th,td):first-child{width:56%}

/* Profile results follow the standings table styling without forcing overflow. */
#player-page .player-history-table{width:100%;min-width:0;table-layout:fixed}
#player-page .player-history-table :is(th,td){white-space:normal;overflow-wrap:anywhere;vertical-align:top;font-size:13px;text-align:left}
#player-page .player-history-table :is(th,td):first-child{width:28%}
#player-page .player-history-table :is(th,td):last-child{width:22%}
#player-page :is(.player-record-table,.player-history-table) td{font-variant-numeric:tabular-nums}
#player-page .player-record-table :is(th,td):not(:first-child){text-align:center}
#player-page .player-history-table small{display:block;margin-top:4px;color:var(--muted)}
.player-history-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;flex-wrap:wrap}
.player-history-footer p{margin:0;font-size:13px}
.player-history-footer .button{width:auto;margin:0}
#player-page .member-about{align-self:start}
@media(max-width:700px){#player-page .member-about{display:block}}

/* Staff identity is supplied by the server for both own and public profiles. */
#player-page .member-heading .member-name--admin{color:#b52331}
#player-page .member-heading .member-name--moderator{color:#000080}
#player-page .member-heading .member-role{display:table;font-size:12px;font-weight:700;line-height:1.4;margin:-2px 0 10px;padding:3px 8px;border-radius:3px}
#player-page .member-role--admin{color:#a41f2c;background:#f9e7e9}
#player-page .member-role--moderator{color:#ffffff;background:#000080}
html[data-theme=dark] #player-page .member-heading .member-name--admin{color:#ff6975}
html[data-theme=dark] #player-page .member-heading .member-name--moderator{color:#000080}
html[data-theme=dark] #player-page .member-role--admin{color:#ffb8be;background:#4a2028}
html[data-theme=dark] #player-page .member-role--moderator{color:#ffffff;background:#000080}
