/* item tooltip: game colours (Client WarFare/UIImageTooltipDlg.cpp) */
.itip { display: none; position: fixed; z-index: 100; width: max-content; min-width: min(260px, calc(100vw - 8px)); max-width: min(340px, calc(100vw - 8px)); box-sizing: border-box; padding: 8px 10px; background: rgba(10, 8, 6, .94); border: 1px solid #8a7040; color: #fff; font: 11px/1.45 Tahoma, Verdana, sans-serif; text-align: left; pointer-events: none;  overflow-wrap: anywhere; }
.has-tip { cursor: default; }
.itip.show { display: block; }
.has-tip:focus { outline: 1px solid #d0a850; }
.itip-head { display: flex; gap: 8px; }
.itip-head img { width: 45px; height: 45px; flex: none; }
.itip-name { font-weight: bold; font-size: 12px; }
.itip-sec { margin-top: 6px; padding-top: 5px; border-top: 1px solid #5a4a2a; }
.itip .itip-wrap { white-space: normal; }
.t-white { color: #fff; } .t-red { color: #df3c3c; } .t-element { color: #6ed26e; } .t-bonus { color: #aae628; } .t-resist { color: #6ec8e6; } .t-cls { color: #80ff00; }
.t-yellow { color: #ffe63c; } .t-cream { color: #ebe1c8; } .t-magic { color: #8080ff; } .t-rare { color: #ffff00; } .t-craft { color: #80ff00; } .t-unique { color: #dcc77c; }
.t-upgrade { color: #c87cc7; } .t-reverse { color: #fe85a8; } .t-revunique { color: #ffad4d; } .t-cospre { color: #22f2d0; }