.advancement-panel{max-width:70rem;margin-inline:auto}.advancement-balance{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;border:1px solid var(--gold,#b59b6a);border-radius:1rem;padding:1.2rem 1.5rem;background:linear-gradient(125deg,#302431,#19171d)}.advancement-balance>strong{font-family:Georgia,serif;font-size:2.8rem;color:#dec58f}.advancement-balance>p{flex-basis:100%;margin:0}.advancement-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,29rem),1fr));gap:1.5rem;margin-top:1.5rem;align-items:start}.advancement-group{border:1px solid #655444;border-radius:.9rem;padding:1rem;background:#221c25}.advancement-group>h2{font-family:Georgia,serif;color:#dec58f;margin:.25rem 0 1rem}.advancement-trait{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center;padding:.65rem 0;border-bottom:1px solid #ffffff12}.advancement-trait:last-child{border-bottom:0}.advancement-trait-name{overflow-wrap:anywhere}.advancement-dots{color:#dac089;letter-spacing:.12em;font-size:.88rem;white-space:nowrap}.advancement-buy{min-height:44px;min-width:6rem;font-size:.85rem;padding:.45rem .65rem}.advancement-primary{display:block;color:#c7b185;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;margin-top:.25rem}.advancement-panel .xp-status{min-height:1.5em}.advancement-panel .xp-note{margin-block:1.5rem}@media(max-width:420px){.advancement-group{padding:.7rem}.advancement-trait{gap:.4rem}.advancement-dots{font-size:.72rem;letter-spacing:.04em}.advancement-buy{min-width:5.3rem;font-size:.78rem;padding:.4rem}.advancement-trait-name{font-size:.9rem}}@media(prefers-reduced-motion:no-preference){.advancement-buy{transition:background-color .15s,border-color .15s}}