.account-link { color: #bdff45; font-size: 12px; font-weight: 700; overflow-wrap: anywhere; padding: 10px 12px; border: 1px solid #49583b; border-radius: 8px; min-height: 42px; display: inline-flex; align-items: center; }
.site-header .header-inner { flex-wrap: wrap; padding-block: 14px; gap: 12px; }
.account-notice { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 16px; margin-block: 12px; border: 1px solid #3e4b37; border-radius: 9px; background: #17201c; color: #d3dfcf; font: 12px/1.6 'Segoe UI',sans-serif; overflow-wrap: anywhere; }
.account-notice a { color: #bdff45; text-decoration: underline; padding: 6px 0; }
body:not([data-account-state="member"]) [data-account-save] { display: none !important; }
[data-account-save]:not([data-save-retry]) { display: none !important; }
[data-account-nickname] { cursor: default; }
ol[data-ranking-list] { list-style: none; padding-left: 0; }
ol[data-ranking-list] > li::before, ol[data-ranking-list] > li::marker { content: none !important; }
ol[data-ranking-list] > li { position: relative; }
.ranking-place { flex: 0 0 34px; width: 34px; min-width: 34px; height: 40px; display: inline-flex; justify-content: center; align-items: center; color: #9da8bc; font: 700 12px 'Segoe UI',sans-serif; }
.ranking-place svg { width: 32px; height: 38px; overflow: visible; }
.ranking-place path { fill: currentColor; stroke: #ffffff55; stroke-width: 1; }
.ranking-place text { fill: #171b26; font: 900 17px 'Segoe UI',sans-serif; }
.ranking-place[data-metal="gold"] { color: #ffcf51; }
.ranking-place[data-metal="silver"] { color: #d5e1f0; }
.ranking-place[data-metal="bronze"] { color: #d89565; }
@media(max-width:600px) { .account-link { font-size: 11px; }.site-header .header-inner { gap: 10px; }.ranking-place { flex-basis: 28px;min-width:28px;width:28px; }.ranking-place svg { width: 27px; } }

ol[data-ranking-list] > li:has(.ranking-place) { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 10px; align-items: center; }
ol[data-ranking-list] > li > .ranking-place { color: #9da8bc; overflow: visible; white-space: normal; flex: none; }
ol[data-ranking-list] > li > .ranking-place[data-metal="gold"] { color: #ffcf51; }
ol[data-ranking-list] > li > .ranking-place[data-metal="silver"] { color: #d5e1f0; }
ol[data-ranking-list] > li > .ranking-place[data-metal="bronze"] { color: #d89565; }
ol[data-ranking-list] > li > details { grid-column: 2 / -1; }
.runner-page .header { height:auto;min-height:52px;flex-wrap:wrap;gap:12px;padding-block:10px; }
.runner-header-links { flex-wrap:wrap;gap:12px; }
.runner-page .account-link { color:#2449ef;border-color:#2449ef55; }
@media(max-width:600px){ ol[data-ranking-list] > li:has(.ranking-place) { grid-template-columns:28px minmax(0,1fr) auto;gap:7px; } }

/* The same account entry stays in the upper-right corner of every header. */
.site-header .header-inner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; position:relative; }
.site-header .header-inner > .brand { grid-column:1; grid-row:1; }
.site-header .header-inner > nav { grid-column:2; grid-row:1; justify-self:end; min-width:0; flex-wrap:wrap; }
.site-header .header-inner > .play-link { grid-column:2; grid-row:1; justify-self:end; }
.account-menu { grid-column:3; grid-row:1; position:relative; justify-self:end; z-index:20; display:flex; align-items:center; gap:10px; }
.account-menu-toggle { width:44px; height:44px; display:grid; place-items:center; padding:0; border:1px solid #49583b; border-radius:9px; background:var(--panel); color:var(--acid); font-size:24px; cursor:pointer; }
.account-menu-panel { position:absolute; right:0; top:calc(100% + 8px); width:min(280px,calc(100vw - 32px)); padding:10px; border:1px solid #49583b; border-radius:12px; background:#171b26; color:var(--white); box-shadow:0 16px 45px #0008; }
.site-header .account-menu-panel { display:flex; flex-direction:column; align-items:stretch; gap:3px; }
.account-menu-panel[hidden] { display:none!important; }
.account-menu-name { padding:10px 12px; font-size:12px; line-height:1.6; overflow-wrap:anywhere; color:var(--muted); }
.account-menu-panel a,.account-menu-panel button { width:100%; border:0; border-radius:6px; background:transparent; color:var(--white); font:600 13px/1.5 'Segoe UI',sans-serif; text-align:left; padding:12px; cursor:pointer; }
.account-menu-panel :is(a,button):hover,.account-menu-panel [aria-current] { background:#bdff4512; color:var(--acid); }
.account-menu-status { position:absolute; right:0; width:250px; font-size:12px; color:#ffcfad; background:var(--panel); }
@media(max-width:650px) {
 .site-header .header-inner > .brand { grid-column:1 / 3; }
 .site-header .header-inner > nav,.site-header .header-inner > .play-link { grid-column:1 / -1; grid-row:2; justify-self:start; }
 .site-header .header-inner > nav { gap:16px; }
}
.account-notifications { position:relative; width:44px; height:44px; flex:none; display:grid; place-items:center; border:1px solid #49583b; border-radius:9px; background:var(--panel); color:var(--acid); }
.account-notifications svg { width:23px; height:23px; }
.account-notifications[hidden],.account-notifications-badge[hidden] { display:none!important; }
.account-notifications.has-unread { border-color:var(--acid); background:#bdff4512; }
.account-notifications-badge { position:absolute; right:-5px; top:-5px; min-width:20px; height:20px; padding:0 4px; box-sizing:border-box; border:2px solid #171b26; border-radius:12px; background:#bdff45; color:#102015; font:800 11px/16px 'Segoe UI',sans-serif; text-align:center; }
.account-notifications:focus-visible,.account-menu-toggle:focus-visible { outline:2px solid var(--acid); outline-offset:4px; }
@media(max-width:380px) {
 .site-header .brand { font-size:16px; gap:6px; letter-spacing:-.7px; }
 .site-header .brand img { width:30px; height:30px; }
 .account-menu { gap:8px; }
}

.player-avatar { position:relative; display:inline-flex; flex:none; align-items:center; justify-content:center; width:32px; height:32px; min-width:32px; border-radius:50%; overflow:hidden; background:#273d35; color:#bdff45; border:1px solid #657863; font:700 11px/1 'Segoe UI',sans-serif; vertical-align:middle; }
.player-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
ol[data-ranking-list] > li:has(> .player-avatar) { grid-template-columns:34px 32px minmax(0,1fr) auto; }
ol[data-ranking-list] > li:has(> .player-avatar) > details { grid-column:3 / -1; }
.social-person { display:flex; align-items:center; gap:10px; min-width:0; flex-wrap:wrap; }
.social-person strong { overflow-wrap:anywhere; min-width:0; }
.league-invited-chips button { display:inline-flex; align-items:center; gap:8px; }
.league-player-name > .player-avatar { float:left; margin-right:8px; }
@media(max-width:600px) {
  ol[data-ranking-list] > li:has(> .player-avatar) { grid-template-columns:28px 28px minmax(0,1fr) auto; gap:6px; }
  ol[data-ranking-list] > li > .player-avatar { width:28px; height:28px; min-width:28px; }
}

.player-avatar.has-avatar-image { color:transparent; }