/* Floralia — item names in the chat (js/chatlink.js, 2026-10-19): written in their tier's colour; a name the game knows is
   underlined and opens its card (a piece of gear: the piece; a pet / mount / outfit / wing: the summoning hall's prize card) */
#chat .chat-line .chat-it { color: var(--gc); font-weight: 700; }
#chat .chat-line .chat-it.lk { pointer-events: auto; cursor: pointer; text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--gc) 55%, transparent); text-underline-offset: 2px; }
#chat .chat-line .chat-it.lk:hover, #chat .chat-line .chat-it.lk:focus-visible { outline: none; text-decoration-color: var(--gc); text-decoration-thickness: 2px; }

/* the card */
#itempop.chl-gear .ip-in.chl-in { width: min(540px, 94vw); }
#itempop .chl-where { align-self: flex-start; margin: 2px 0 0; }
/* the prize card (a pet / mount / outfit / wing, js/chatlink.js prizeHtml) in the item card's look (css/matcard.css
   #itempop.mc-pop): a big picture in the tier's colour, then ค่าพลัง, หาได้จาก and ใช้ทำอะไร rows with ไป › */
#itempop.mc-pop.chl-prize .ip-in.mi-in { width: min(760px, 95vw); }
#itempop.chl-prize .chl-pic { flex: none; width: 104px; height: 104px; border-radius: 14px; display: grid; place-items: center; background: radial-gradient(circle, color-mix(in srgb, var(--gc) 45%, #2a1c3e), #140c1c 75%); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--gc) 75%, #000); }
#itempop.chl-prize .chl-pic img { max-width: 94px; max-height: 94px; object-fit: contain; }
#itempop.chl-prize .mi-meta i.chl-own { color: #b8f5b0; box-shadow: inset 0 0 0 1.5px rgba(120, 220, 110, 0.7); }
#itempop.chl-prize .chl-stats { padding-bottom: 10px; }
#itempop.chl-prize .chl-ln { margin: 2px 8px; font: 700 0.98rem/1.5 Mali, sans-serif; color: #ffe2a0; }
#itempop.chl-prize .chl-sk { margin: 2px 8px; font: 600 0.9rem/1.5 Mali, sans-serif; color: #e0d4ff; }
#itempop.chl-prize .mc-rh b .chl-sub { flex-basis: 100%; font: 500 0.8rem/1.4 Mali, sans-serif; color: #cfc4a8; }
@media (max-width: 720px) {
  #itempop.chl-prize .chl-pic { width: 76px; height: 76px; }
  #itempop.chl-prize .chl-pic img { max-width: 68px; max-height: 68px; }
}