/* V20: exakte Inventarbild-Maße des bisherigen Scripts und unsichtbare Scrollbars. */

/* Alle Bereiche bleiben mit Mausrad, Touchpad und Tastatur scrollbar. Nur die Leiste verschwindet. */
.inventory-demo-root,
.inventory-demo-root * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scrollbar-gutter: auto !important;
}

.inventory-demo-root::-webkit-scrollbar,
.inventory-demo-root *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Ohne reservierte Scrollbar-Spalte reicht das Itemraster links und rechts gleich weit. */
.inventory-v16-raster,
.inventory-v16-raster.source-inventory,
.inventory-v16-raster.source-job,
.inventory-v16-raster.source-mobile {
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    scrollbar-gutter: auto !important;
}

/* Das alte Inventar platziert belegte Kleidungsbilder mit 17/12/18 Prozent Innenabstand. */
.inventory-v16-clothing-grid > button > span {
    position: absolute !important;
    inset: 17% 12% 18% !important;
    display: grid !important;
    place-items: center !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
}

.inventory-v16-clothing-grid > button.filled > span > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: .86 !important;
    mix-blend-mode: normal !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .72)) !important;
}

.inventory-v16-clothing-grid > button > small,
.inventory-v16-clothing-grid > button > strong {
    position: relative !important;
    z-index: 3 !important;
}

/* Ausrüstung und Platzhalter entsprechen dem bisherigen Script: 10 Prozent Rand, 80 Prozent Bildfläche. */
.inventory-v16-equipment-grid > button > span,
.inventory-v16-equipment-grid > button.wide > span {
    position: absolute !important;
    left: 10% !important;
    top: 10% !important;
    right: auto !important;
    bottom: auto !important;
    width: 80% !important;
    height: 80% !important;
    min-height: 0 !important;
    display: grid !important;
    place-items: center !important;
}

.inventory-v16-equipment-grid > button > span > img,
.inventory-v16-equipment-grid > button.wide > span > img,
.inventory-v16-equipment-grid > button > span > svg {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    opacity: .82 !important;
    mix-blend-mode: screen !important;
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .75)) !important;
}

.inventory-v16-equipment-grid > button.filled > span > img {
    opacity: 1 !important;
}

.inventory-v16-equipment-grid > button > small,
.inventory-v16-equipment-grid > button > strong,
.inventory-v16-equipment-grid > button > b {
    position: relative !important;
    z-index: 3 !important;
}

/* Der breite Werkzeugslot nutzt dieselbe Bildregel wie das alte Inventar. */
.inventory-v16-equipment-grid > button.wide > span {
    left: 10% !important;
    top: 10% !important;
    width: 80% !important;
    height: 80% !important;
}