/* Real in-game pictures (item inventory icons, skill icons): app/icons_items.php adds this file on first use. */
.gicon { display: block; max-width: none; flex: none; }
.gicon--px { image-rendering: crisp-edges; image-rendering: pixelated; }

/* small dark inventory slot around a picture in tables / link labels */
.gslot { flex: none; display: inline-grid; place-items: center; vertical-align: middle; background: #0a0d16; border: 1px solid #4a3d26; }
.gslot--sm { width: 34px; height: 34px; }
.gslot--md, .gslot--row { min-width: 34px; min-height: 34px; padding: 1px; }

.entity--pic { gap: .5rem; }
.entity--pic .gslot { color: inherit; }
.entity--pic > span:last-child { min-width: 7.5rem; }   /* keep short names on one line next to the picture in narrow table columns */

/* picture on the bronze thumb plate (page header / infobox) */
.thumb--pic .gicon { position: relative; }

/* tooltip card head: 2x picture, pixel-crisp */
.tip__icon--pic { width: auto; height: auto; min-width: 2.75rem; min-height: 2.75rem; padding: 4px; }

@media print {
  .gslot { background: #fff; border-color: #888; }
}