.inventory{display:flex;flex-direction:column;gap:1rem;width:fit-content}.inventory .slot{width:48px;height:48px;border-radius:8px;position:relative;background-color:var(--color-surface-2);color:var(--color-text-muted);border:4px solid var(--color-surface-2)}.inventory>.equips{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.inventory>.bag{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.inventory .slot>i{user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem}.inventory .slot:has(img){color:transparent!important}.inventory .slot>img{width:100%;height:100%;filter:drop-shadow(0px 0px 4px var(--color-common))}.inventory .slot>img:hover{cursor:pointer;filter:drop-shadow(0px 0px 8px var(--color-text-highlight))}.inventory .slot>img.uncommon{filter:drop-shadow(0px 0px 4px var(--color-uncommon))}.inventory .slot>img.uncommon:hover{filter:drop-shadow(0px 0px 8px var(--color-uncommon))}.inventory .slot>img.rare{filter:drop-shadow(0px 0px 4px var(--color-rare))}.inventory .slot>img.rare:hover{filter:drop-shadow(0px 0px 8px var(--color-rare))}.inventory .slot>img.epic{filter:drop-shadow(0px 0px 4px var(--color-epic))}.inventory .slot>img.epic:hover{filter:drop-shadow(0px 0px 8px var(--color-epic))}.inventory .slot>img.legendary{filter:drop-shadow(0px 0px 4px var(--color-legendary))}.inventory .slot>img.legendary:hover{filter:drop-shadow(0px 0px 8px var(--color-legendary))}.pill.uncommon{color:var(--color-uncommon);border-color:transparent;box-shadow:0 0 4px var(--color-uncommon)}.pill.rare{color:var(--color-rare);border-color:transparent;box-shadow:0 0 4px var(--color-rare)}.pill.epic{color:var(--color-epic);border-color:transparent;box-shadow:0 0 4px var(--color-epic)}.pill.legendary{color:var(--color-legendary);border-color:transparent;box-shadow:0 0 4px var(--color-legendary)}#itemTooltip{position:absolute;top:0;left:0;background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:.5rem;padding:.25rem .5rem;transform:translate(-50%,calc(-100% - .625rem));pointer-events:none;width:min-content;min-width:180px;z-index:100}.tooltipHeader{display:flex;justify-content:space-between;align-items:center;gap:.5rem;white-space:nowrap;width:100%}#itemTooltip>p,#itemTooltip>em{line-height:1.15;font-size:.875rem;white-space:normal;overflow-wrap:break-word;word-break:normal;width:100%}#itemTooltip ul{gap:0rem;margin:.125rem 0;list-style:none;padding:0;font-weight:700;white-space:normal;overflow-wrap:break-word;word-break:normal}.sell-btn{width:100%;margin:.25rem 0;font-size:1rem;cursor:pointer;pointer-events:all}