/* 7 October 2026: gear. Armour types, and gear that drops enchanted or with a +. */
/* On the picture of a piece: its +N (top left), a blue dot when enchanted (top right),
   and a red corner (bottom left) when your class can't use it. */
.itemico { position: relative; }
.itemico .gplus { position: absolute; left: 2px; top: 1px; font: normal 400 12px/1 var(--pixel); color: #ffd27a; text-shadow: 0 1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 -1px 0 #000; }
.itemico.xl .gplus { font-size: 18px; left: 5px; top: 4px; }
.itemico.enchd::before { content: ''; position: absolute; right: 3px; top: 3px; width: 7px; height: 7px; border-radius: 50%; background: #8fd4ff; box-shadow: 0 0 5px #8fd4ff; }
.itemico.cant img { opacity: .6; }
.itemico.cant::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 13px 0 0 13px; border-color: transparent transparent transparent #d2553f; border-bottom-left-radius: 5px; }
.sli .itemico .gplus, .brow .itemico .gplus { display: none; }
.sli .itemico.cant::after { border-width: 7px 0 0 7px; }
.sli .itemico.enchd::before { width: 4px; height: 4px; right: 1px; top: 1px; }
/* Loot pop-ups: picture, name, then what it is and whether you can use it. */
.gdrop.gdropx { text-align: left; align-items: center; }
.gdrop.gdropx > div { min-width: 0; }
.gdrop.gdropx b { display: block; overflow-wrap: anywhere; }
.gnote { display: block; color: var(--muted); font-size: 12px; line-height: 1.4; font-weight: 400; }
.gnote .rfline { color: #ffd27a; margin: 0; }
.gearcard .gwho { font-size: 13px; margin: 2px 0 0; }
.gcant, .gtype { font-size: 12px; }
.recipe small span.gcant, .mrow small span.gtype, .mrow small span.noc { white-space: normal; }