.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{position:relative;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}.app.outpost .loadout-board-slot.is-two-handed .loadout-board-cell{border-style:solid}.app.outpost .loadout-board-shadow{display:contents}.app.outpost .loadout-board-shadow img{opacity:.5}.app.outpost .loadout-board-swap{position:absolute;right:-6px;bottom:-6px;z-index:2;display:grid;width:calc(var(--cell) / 3);height:calc(var(--cell) / 3);border:1px solid var(--border);border-radius:6px;background:var(--bg);overflow:hidden}.app.outpost .loadout-board-cell .loadout-board-swap img{width:100%;height:100%;border-radius:0}.app.outpost .loadout-board.is-interactive .loadout-board-slot{margin:0;padding:0;border:0;border-radius:var(--radius-md);background:none;box-shadow:none;color:inherit;cursor:pointer;scale:none}.app.outpost .loadout-board.is-interactive .loadout-board-slot:focus-visible{outline:none}.app.outpost .loadout-board.is-interactive .loadout-board-slot:focus-visible .loadout-board-cell{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover){.app.outpost .loadout-board.is-interactive .loadout-board-slot:hover .loadout-board-cell{border-color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 8%,var(--well))}}.app.outpost .loadout-board.is-interactive .loadout-board-cell:has(img[data-enchantment="1"]){--enchant:var(--enchant-1)}.app.outpost .loadout-board.is-interactive .loadout-board-cell:has(img[data-enchantment="2"]){--enchant:var(--enchant-2)}.app.outpost .loadout-board.is-interactive .loadout-board-cell:has(img[data-enchantment="3"]){--enchant:var(--enchant-3)}.app.outpost .loadout-board.is-interactive .loadout-board-cell:has(img[data-enchantment="4"]){--enchant:var(--enchant-4)}.app.outpost .loadout-board.is-interactive .loadout-board-slot:not(.is-selected) .loadout-board-cell:has(img[data-enchantment]:not([data-enchantment="0"])){border-color:color-mix(in srgb,var(--enchant) 55%,var(--well-border));box-shadow:inset 0 0 12px color-mix(in srgb,var(--enchant) 30%,transparent)}@media (prefers-reduced-motion:no-preference){.app.outpost .loadout-board.is-interactive .loadout-board-cell>img{transition:scale .18s var(--motion-ease,ease-out)}.app.outpost .loadout-board.is-interactive .loadout-board-slot:hover .loadout-board-cell>img{scale:1.06}.app.outpost .loadout-board.is-interactive .loadout-board-slot:active .loadout-board-cell{scale:.96;transition:scale 90ms var(--motion-ease,ease-out)}.app.outpost .loadout-board.is-interactive .loadout-board-slot.is-equipped .loadout-board-cell{animation:loadout-equip .36s var(--motion-ease,ease-out)}@keyframes loadout-equip{0%{scale:.86;box-shadow:0 0 0 2px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}}}.app.outpost .loadout-board.is-interactive .loadout-board-slot.is-selected .loadout-board-cell{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--well));box-shadow:inset 0 0 10px color-mix(in srgb,var(--accent) 35%,transparent)}.app.outpost .loadout-board.is-interactive .loadout-board-slot.is-flagged .loadout-board-cell{border:2px solid var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 30%,transparent)}