/* Acquired upgrades share their icon with the upgrade card and the codex. */
#hud .build #buildList{gap:5px;align-content:start;overflow-y:auto;overflow-x:hidden;max-height:max(72px,calc(100dvh - var(--top-hud-bottom,180px) - 290px));pointer-events:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b69b5c transparent}
#hud #buildList .badge{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;flex:0 0 100%;width:100%;min-width:0;padding:5px 6px;letter-spacing:0}
#hud #buildList .build-buff-icon{display:block;width:28px;height:28px;object-fit:contain;border-radius:5px;box-shadow:0 1px 3px #47311930}
#hud #buildList .build-buff-name{min-width:0;font-size:12px;line-height:1.45;overflow-wrap:anywhere;color:#665537}
#hud #buildList .build-buff-rank{display:flex;align-items:baseline;gap:1px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#796035}
#hud #buildList .build-buff-rank small{font-size:9px;font-weight:400}
#hud #buildList .badge.mastered{background:#f5df9f;border-color:#b58b42}
#hud #buildList .badge.mastered .build-buff-rank{color:#80511d}
#hud #buildList .build-route-progress{flex-basis:100%;font-size:11px;line-height:1.5;color:#7c6538}
@media(min-width:761px) and (min-height:501px){#hud .hud-tools>.build{width:210px;padding:10px}#hud .build p{margin:0 0 8px;padding-bottom:8px}}
@media(max-height:500px){#hud .build #buildList{max-height:max(48px,calc(100dvh - 250px))}#hud #buildList .badge{grid-template-columns:23px minmax(0,1fr) auto;gap:4px;padding:4px}#hud #buildList .build-buff-icon{width:23px;height:23px}#hud #buildList .build-buff-name{font-size:10px}#hud #buildList .build-buff-rank{font-size:11px}}