/* Icon-only inventory. Names and effects live in the existing inspector. */
.inventory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--gold);font-size:12px;margin:14px 0 16px}
.inventory-heading small{font-size:10px;color:#a2b19c;margin:0;white-space:nowrap}
#inventory{display:grid;grid-template-columns:repeat(auto-fill,52px);gap:8px;justify-content:start;align-content:start;overflow:visible;max-height:none;align-items:start}
#inventory .item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;position:relative;min-width:0;margin:0;padding:0;border:0;min-height:0}
#inventory .inventory-action,#inventory .inventory-action[aria-disabled=true],#inventory .inventory-action[aria-pressed=true],#inventory .inventory-action:hover{display:flex;align-items:center;justify-content:center;width:100%;height:52px;min-height:52px;flex:none;padding:0;border:0;background:transparent;box-shadow:none;margin:0}
#inventory .inventory-action[aria-disabled=true]{cursor:help}
#inventory .is-passive .inventory-action{cursor:help}
.skill-face{display:block;position:relative;width:48px;height:48px;flex:none;isolation:isolate;margin:0}
#inventory .skill-face .item-icon{display:block;width:48px;height:48px;opacity:1;image-rendering:pixelated}
#inventory .item.is-ready .skill-face,#inventory .item.is-passive .skill-face{filter:brightness(1.12) saturate(1.08);opacity:1}
#inventory .item.is-unavailable:not(.is-cooling):not(.is-passive) .skill-face{filter:grayscale(.55) brightness(.42);opacity:.7}
#inventory .item.is-cooling .skill-face{filter:saturate(.65)}
#inventory .inventory-name{display:flex;justify-content:center;align-items:flex-start;flex:none;position:static;width:100%;height:auto;min-height:32px;margin:3px 0 0;padding:5px 0;border:0;box-shadow:none;background:transparent;font:inherit;font-size:12px;line-height:1.4;text-align:center;white-space:normal;text-wrap:balance;overflow-wrap:anywhere;color:#e9dec1;cursor:help}
#inventory .item.is-unavailable:not(.is-passive) .inventory-name{color:#a2b19c}
#inventory .inventory-name:hover{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
#inventory .inventory-status{display:block;font-size:12px;line-height:1.4;color:#a2b19c;text-align:center;margin:0;overflow-wrap:anywhere}
#inventory .item.is-passive .inventory-status,#inventory .item.is-ready .inventory-status{color:#a7cfac}
#inventory .item.is-selected .skill-face:after{content:'';position:absolute;bottom:-4px;left:12px;width:24px;height:2px;background:#f5d791}
#inventory .item.is-selected .skill-face{transform:translateY(-2px)}
#inventory button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.cooldown-sweep{position:absolute;inset:0;pointer-events:none}
.cooldown-number{position:absolute;inset:0;display:grid;place-items:center;color:#fff1c9;font-size:24px;line-height:1;text-shadow:2px 2px #081310,-1px -1px #081310;pointer-events:none}
@media(max-width:660px){#inventory{gap:8px}.inventory-heading{gap:8px}.inventory-heading small{font-size:10px}#inventory .inventory-name{min-height:36px}}

#actions .inventory-heading{border-top:1px solid #526650;padding-top:16px;margin-top:12px}

#inventory .inventory-secondary{flex:none;min-height:36px;padding:4px 0;margin:0;border:0;background:transparent;font-size:12px;line-height:1.4;color:#cbd5ad;text-decoration:underline;text-underline-offset:4px}
#inventory .inventory-secondary[aria-pressed=true]{color:#ffdc87}