/* ============================================================ the missing item icon ==
   Set 9. One tile for "there is no icon for this item", loaded by every page that shows
   item thumbnails, so the five surfaces cannot drift into five opinions about it the way
   they had drifted into five opinions about a broken image.

   It is deliberately quiet. 54 items have no icon at all today and some of them are
   ordinary recipe ingredients, so this tile will be on screen beside perfectly normal
   rows. It should read as "no picture for this one" and never as a fault: no red, no
   warning colour, no border heavier than the things around it.

   It inherits the size of whatever it replaces rather than setting one. The wrappers it
   lands in are all different sizes, .ld-slot-art and .r3-itemtile-art and .ld-mine-thumb
   and .hl-sigil among them, and a fixed size here would be wrong in four of them. */

.ld-icon-none {
  display: inline-grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-width: 1em;
  min-height: 1em;
  color: var(--ld-faint, rgba(255, 255, 255, 0.34));
  background: rgba(255, 255, 255, 0.035);
  border-radius: 6px;
}

/* The glyph itself scales with the tile rather than staying 18px in a 64px slot. */
.ld-icon-none > svg {
  width: 56%;
  height: 56%;
  min-width: 12px;
  min-height: 12px;
}

/* The Hall's sigil wrapper is a circle, so the tile follows it rather than sitting as a
   rounded square inside a round hole. */
.hl-sigil > .ld-icon-none { border-radius: 50%; }