/* South Era item window ("la ventana del objeto"), drawn like the game: dark box, centred bold coloured name, centred
   lines in the game's tooltip colours (Client/UI/Tooltip/Tooltip.cpp, palette with legacyTooltipEnabled = 1).
   Markup: assets/content/south-era-item-tooltip.php se_item_tooltip_html(). */
.se-itemtip {
  --se-itemtip-line: 17px;
  box-sizing: border-box;
  min-width: 190px;
  max-width: min(330px, calc(100vw - 32px));
  padding: 10px 14px 11px;
  border: 1px solid #5d5a52;
  border-radius: 3px;
  background: rgba(0, 0, 0, .9);
  box-shadow: 0 0 0 1px #000, 0 10px 26px rgba(0, 0, 0, .6);
  color: #fff;
  font: 400 12px/var(--se-itemtip-line) Tahoma, Verdana, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  overflow-wrap: anywhere;
}
.se-itemtip.se-itemtip--bare { min-width: 0; max-width: none; padding: 0; border: 0; background: none; box-shadow: none; }
html .se-itemtip .se-itemtip-name { margin: 0 0 1px; padding: 0; border: 0; font-size: 13px; font-weight: 700; line-height: var(--se-itemtip-line); text-align: center; }
html .se-itemtip .se-itemtip-line { margin: 0; padding: 0; border: 0; font-size: 12px; line-height: var(--se-itemtip-line); text-align: center; }
html .se-itemtip .se-itemtip-line.is-bold { font-weight: 700; }
html .se-itemtip .se-itemtip-gap { height: calc(var(--se-itemtip-line) / 2); }

/* The ranking and Mercado equipment tips keep their place and hover; the box is the game window. */
html .rank-equip-tip.se-itemtip { width: max-content; min-width: 190px; max-width: min(330px, calc(100vw - 32px)); padding: 10px 14px 11px; border: 1px solid #5d5a52; border-radius: 3px; background: rgba(0, 0, 0, .9); text-align: center; }

/* TEXT_COLOR_* and the extra tooltip colours of the client. */
html .se-itemtip .se-tc0 { color: #fff; }
html .se-itemtip .se-tc1 { color: #7fb2ff; }
html .se-itemtip .se-tc2 { color: #ff3319; }
html .se-itemtip .se-tc3 { color: #ffcc19; }
html .se-itemtip .se-tc4 { color: #19c81c; }
html .se-itemtip .se-tc5 { color: #a00000; }
html .se-itemtip .se-tc6 { color: #ff19ff; }
html .se-itemtip .se-tc7 { color: #0000a0; }
html .se-itemtip .se-tc8 { color: #a06600; }
html .se-itemtip .se-tc9 { color: #00ff00; }
html .se-itemtip .se-tc10 { color: #b2b2b2; }
html .se-itemtip .se-tc11 { color: #cc7fcc; }
html .se-itemtip .se-tc12 { color: #b266ff; }
html .se-itemtip .se-tc13 { color: #e56b0a; }
html .se-itemtip .se-tc14 { color: #800080; }
html .se-itemtip .se-tc15 { color: #ffff00; }
html .se-itemtip .se-tc16 { color: #00b0f0; }
html .se-itemtip .se-tc17 { color: #00b050; }
html .se-itemtip .se-tc18 { color: #ccff00; }
html .se-itemtip .se-tc19 { color: #00ffff; }
html .se-itemtip .se-tc20 { color: #bcbcbc; }
html .se-itemtip .se-tc21 { color: #c1c469; }
html .se-itemtip .se-tc22 { color: #8c8c8c; }
html .se-itemtip .se-tc23, html .se-itemtip .se-tc24, html .se-itemtip .se-tc25, html .se-itemtip .se-tc26 { width: fit-content; margin-inline: auto; padding: 0 4px; }
html .se-itemtip .se-tc23 { color: #fff; background: #a00000; }
html .se-itemtip .se-tc24 { color: #fff; background: #0000a0; }
html .se-itemtip .se-tc25 { color: #fff; background: #a06600; }
html .se-itemtip .se-tc26 { color: #00ff00; background: #3c3cc8; }