/* Cosmetic rewards: scoped to the rank menu, title rows and build-card identity. */
.rank-reward-settings{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}
.rank-reward-settings>details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:var(--ga-font-note,.75rem);cursor:pointer}
.rank-reward-settings summary small{color:var(--gold)}
.rank-frame-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}
.rank-frame-choice{display:flex;align-items:center;gap:8px;min-width:0;min-height:56px;padding:6px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--text);text-align:left;font-family:inherit;cursor:pointer}
.rank-frame-choice>span:last-child{min-width:0;overflow-wrap:anywhere}.rank-frame-choice strong,.rank-frame-choice small{display:block;font-size:var(--ga-font-caption,.6875rem);line-height:1.6}.rank-frame-choice small{color:var(--muted)}
.rank-frame-choice[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.rank-frame-choice:disabled{opacity:.5;cursor:default}.rank-frame-choice:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.rank-frame-locked{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid var(--line);color:var(--muted)}.rank-frame-auto{width:100%}
.rank-milestones{list-style:none;margin:4px 0 12px;padding:0;display:grid;gap:6px}.rank-milestones li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;font-size:var(--ga-font-caption,.6875rem)}.rank-milestones time{color:var(--muted)}
.rank-reward-unseen{color:var(--gold)}.rank-floor-estimates{border-bottom:1px solid var(--line);padding-bottom:4px}
.chat-rank-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;max-width:100%;margin-bottom:4px}.chat-rank-title-line .chat-message-meta{padding-bottom:0;flex:none}.chat-rank-title-line .ga-rank-title{font-size:.6875rem;padding:2px 5px;gap:4px}.chat-rank-title-line .ga-rank-title-emblem{width:14px;height:16px}.chat-message.own .chat-rank-title-line{justify-content:flex-end}
.build-rank-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:8px}.build-profile-title{margin:4px 0 8px}.build-rank-line .ga-rank-title{font-size:var(--ga-font-note,.75rem)}
.rank-menu-glyph.ga-rank-frame i{z-index:9}.achievement-entry h3 .ga-rank-title{font-size:var(--ga-font-body,.875rem)}
.rank-rewards-dot{position:absolute;z-index:12;right:1px;top:1px;width:6px;height:6px;border:1px solid var(--surface);border-radius:50%;background:var(--gold-strong);pointer-events:none}
@media(max-width:360px){.rank-frame-choices{grid-template-columns:1fr}}
/* Make the two rank disclosures read as controls, using the shared metal surface. */
.rank-details-panel .rank-reward-settings>details{margin-top:8px}
.rank-details-panel .rank-reward-settings>details>summary{box-sizing:border-box;min-height:48px;padding:10px 12px;border:1px solid var(--ga-control-border,var(--line));border-radius:var(--ga-radius-control,3px);background:var(--ga-control-bg,linear-gradient(180deg,var(--surface-2),var(--surface)));box-shadow:var(--ga-control-shadow);color:var(--text);font-size:var(--ga-font-control,.875rem);font-weight:600;line-height:1.5;list-style:none;overflow-wrap:anywhere}
.rank-details-panel .rank-reward-settings>details>summary::-webkit-details-marker{display:none}
.rank-details-panel .rank-reward-settings>details>summary::marker{content:""}
.rank-details-panel .rank-reward-settings>details>summary::after{content:"";flex:0 0 8px;width:8px;height:8px;margin-left:4px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:translateY(-2px) rotate(45deg)}
.rank-details-panel .rank-reward-settings>details[open]>summary{border-color:var(--gold)}
.rank-details-panel .rank-reward-settings>details[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.rank-details-panel .rank-reward-settings>details>summary small{min-width:0;max-width:55%;margin-left:auto;font-size:var(--ga-font-note,.75rem);font-weight:400;text-align:right;overflow-wrap:anywhere}
.rank-details-panel .rank-reward-settings>details>summary:focus-visible{outline:2px solid var(--gold-strong);outline-offset:2px}
@media(hover:hover){.rank-details-panel .rank-reward-settings>details>summary:hover{border-color:var(--gold)}}