/* Painted inventory art is shared by loadout, roster and battle badges. */
.item-thumbnail{display:block;width:54px;height:54px;flex-shrink:0;overflow:hidden;background:#172126;border-radius:4px}
.equipped-item .item-thumbnail{width:72px;height:72px;border:1px solid #bba16c66}
.item-option{gap:7px;padding:6px;letter-spacing:0;min-height:72px}
.item-option>span:first-child{flex-shrink:0}
.item-option>span:last-child{min-width:0}
.item-option b{font-size:12px;line-height:1.45;word-break:keep-all;letter-spacing:0}
.item-option small{font-size:10px;line-height:1.45;word-break:keep-all;letter-spacing:0}
.item-option.chosen{box-shadow:inset 0 0 0 1px #dfc17e88}
.unit-item,.strategy-unit-copy>.unit-item{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;line-height:1.35}
.unit-item .item-thumbnail{width:22px;height:22px;border-radius:3px}
.unit-item.spent .item-thumbnail{filter:grayscale(1);opacity:.45}
.unit-item.spent>span{text-decoration:line-through}
.command-panel:has(.item-options),.command-panel:has(.class-seals.full-roster){width:380px;max-height:none}
.command-panel-content:has(.item-options),.command-panel-content:has(.class-seals.full-roster){height:calc(100% - 51px);box-sizing:border-box}

/* Approved class cutins: readable character and equipment silhouettes. */
.class-seals.full-roster{gap:8px;float:none;width:100%;margin:0 0 12px}
.class-seals.full-roster button{position:relative;height:auto;min-height:108px;padding:0 0 7px;gap:3px;overflow:hidden;border-radius:4px;justify-content:flex-start}
.class-thumbnail{display:block;width:100%;height:72px;overflow:hidden;flex-shrink:0;background:#172126;border-bottom:1px solid #ad9b6755}
.class-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--class-art-position,70% 0%);transform:scale(1.35);transform-origin:var(--class-art-position,70% 0%)}
.class-seals.full-roster button b{font-size:12px;line-height:1.25;margin-top:3px}
.class-seals.full-roster button small{line-height:1.2;letter-spacing:0;opacity:.8}
.class-seals.full-roster button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #e1c787}
.class-seals.full-roster button[aria-pressed=true]::after{content:'✓';position:absolute;right:4px;top:4px;width:18px;height:18px;display:grid;place-items:center;background:#e2c687;color:#172126;border-radius:50%;font:700 12px sans-serif;box-shadow:0 1px 5px #0008}
.class-seals.full-roster button:focus-visible{outline:2px solid #f2d99c;outline-offset:2px}
@media(max-height:600px) and (min-width:701px){.command-panel:has(.item-options),.command-panel:has(.class-seals.full-roster){bottom:139px}}
@media(max-width:700px){
 .command-panel:has(.item-options),.command-panel:has(.class-seals.full-roster){width:auto;left:16px;right:16px;height:340px;bottom:174px}
 .command-screen:has(.item-options),.command-screen:has(.class-seals.full-roster){min-height:790px}
 .command-panel-content:has(.item-options),.command-panel-content:has(.class-seals.full-roster){padding:14px}
 .command-panel-content:has(.item-options),.command-panel-content:has(.class-seals.full-roster){height:calc(100% - 42px)}
 .command-panel:has(.item-options){height:380px}
 .command-panel-content:has(.item-options) .panel-section-heading{margin-bottom:8px}
 .command-panel-content:has(.item-options) .loadout-help{font-size:10px;line-height:1.5;margin-bottom:6px}
 .equipped-item{padding:8px;margin:8px 0}
 .equipped-item p{font-size:11px;line-height:1.4}
 .item-thumbnail{width:48px;height:48px}
 .equipped-item .item-thumbnail{width:62px;height:62px}
 .item-option{min-height:68px;gap:6px}
 .item-option b{font-size:11px}
}
@media(max-width:360px){.item-options{grid-template-columns:1fr}.class-thumbnail{height:63px}.class-seals.full-roster button{min-height:99px}}