.app.outpost .loadout-board{--cell:72px;--gap:14px;position:relative;display:grid;grid-template-columns:repeat(3,var(--cell));justify-content:center;gap:var(--gap);padding:8px 0;isolation:isolate}.app.outpost .loadout-board.is-card{--cell:60px;--gap:12px}.app.outpost .loadout-board.is-mini{--cell:40px;--gap:8px;padding:0}.app.outpost .loadout-board-column{position:relative;display:grid;align-content:start;gap:var(--gap)}.app.outpost .loadout-board-slot{display:grid;grid-template-rows:var(--cell) auto;justify-items:center;gap:4px}.app.outpost .loadout-board-abilities{display:flex;gap:3px;height:calc(var(--cell) / 3 - 2px)}.app.outpost .loadout-board.is-mini .loadout-board-slot{grid-template-rows:var(--cell)}.app.outpost .loadout-board-cell{display:grid;place-items:center;width:var(--cell);height:var(--cell);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--elevated) 85%,transparent);box-shadow:inset 0 1px 0 #ffffff08}.app.outpost .loadout-board-cell img{width:100%;height:100%;border-radius:calc(var(--radius-md) - 2px)}.app.outpost .loadout-board-slot.is-empty .loadout-board-cell{border-style:dashed;background:transparent;color:var(--muted)}.app.outpost .loadout-board-cell img.loadout-board-mark{width:70%;height:70%;object-fit:contain;filter:none;opacity:.55}.app.outpost .loadout-board-abilities>span{display:grid;place-items:center;width:calc(var(--cell) / 3 - 2px);height:calc(var(--cell) / 3 - 2px);border:1px solid var(--border);border-radius:5px;background:var(--elevated);overflow:hidden}.app.outpost .loadout-board-abilities img{width:100%;height:100%;object-fit:cover}.app.outpost .loadout-board.is-hero .loadout-board-abilities>span{border-radius:6px}