/* 0.4 collection/pass surfaces: compact on desktop, scrollable on touch. */
.locker-heading{display:flex;flex-direction:column;gap:.75rem}.locker-toolbar{gap:.7rem;align-items:center}.locker-count{margin-left:auto;color:var(--muted,#9fb2c8)}
.locker-loadout{display:flex;flex-wrap:wrap;gap:.55rem}.loadout-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border:1px solid color-mix(in srgb,var(--item-color,#38bdf8) 45%,transparent);border-radius:999px;background:rgba(8,20,38,.7)}.loadout-pill i{font-style:normal;color:var(--item-color)}.loadout-pill small{display:block;color:var(--muted,#9fb2c8);font-size:.65rem;text-transform:uppercase}.loadout-pill.is-filtered{box-shadow:0 0 0 2px color-mix(in srgb,var(--item-color) 45%,transparent)}
.locker-empty{grid-column:1/-1;display:grid;place-items:center;min-height:10rem;padding:2rem;border:1px dashed rgba(160,190,220,.3);border-radius:1rem;text-align:center;color:var(--muted,#9fb2c8)}
.reward-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.reward-card{display:flex;flex-direction:column;gap:.35rem;padding:.8rem;border:1px solid rgba(150,190,230,.2);border-radius:.8rem;background:rgba(10,25,45,.62)}.reward-card button[disabled]{opacity:.55;cursor:not-allowed}.reward-card .card-name{font-weight:700}.btn[disabled]{pointer-events:none}
@media(max-width:650px){.reward-track{grid-template-columns:1fr}.locker-toolbar{align-items:stretch;flex-wrap:wrap}.locker-count{margin-left:0;width:100%}.loadout-pill{font-size:.8rem}}