/* DBO Client InfoWindowGui Replica
   Colors sampled from wnd_message.png UV 378-410, 0-26
   Background: rgba(0,0,0,0.75) | Border: rgba(214,214,214,0.75)
   Layout from infownd.frm: margin 7px, interval 2px */
:root {
  --info0: #fefefe;
  --info1: #94bfea;
  --info2: #269eff;
  --info3: #acfa50;
  --info4: #b0fe5a;
  --info5: #f36a7c;
  --info6: #ffa844;
  --info7: #ffda4b;
  --info8: #e779d2;
  --info9: #b4b4b4;
  --info13: #a7b8c1;
  --info14: #23ff3c;
  --rank-normal: #fefefe;
  --rank-superior: #94bfea;
  --rank-excellent: #ffda4b;
  --rank-rare: #f36a7c;
  --rank-legendary: #e779d2;
}

.game-tooltip {
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid rgba(214, 214, 214, 0.75);
  border-radius: 5px;
  padding: 7px;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.4;
  color: var(--info0);
  max-width: 320px;
  min-width: 200px;
}

.game-tooltip > * + * { margin-top: 2px; }

.tt-name-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.tt-name { font-size: 13px; font-weight: 600; }
.tt-rank-label {
  font-size: 13px;
  font-weight: 600;
  margin-left: 8px;
  white-space: nowrap;
}

.tt-rank-0 { color: var(--rank-normal); }
.tt-rank-1 { color: var(--rank-superior); }
.tt-rank-2 { color: var(--rank-excellent); }
.tt-rank-3 { color: var(--rank-rare); }
.tt-rank-4 { color: var(--rank-legendary); }

.tt-commonpoint { text-align: right; font-size: 13px; font-weight: 600; }

.tt-attr { text-align: right; }
.tt-attr-1 { color: var(--info4); }
.tt-attr-2 { color: var(--info8); }
.tt-attr-3 { color: var(--info5); }
.tt-attr-4 { color: var(--info1); }
.tt-attr-5 { color: var(--info7); }

.tt-note { color: var(--info0); font-size: 0.8rem; }
.tt-blank { height: 8px; }

.tt-line { display: flex; justify-content: space-between; }
.tt-line-value { font-weight: 600; }

.tt-grade-bonus { color: var(--info8); }
.tt-section { color: var(--info7); font-weight: 600; }
.tt-can-equip { color: var(--info0); }
.tt-cant-equip { color: var(--info5); }

.tt-dur-good { color: var(--info0); }
.tt-dur-warn { color: var(--info7); }
.tt-dur-crit { color: var(--info5); }

.tt-zeni { color: var(--info0); }
.tt-set-equipped { color: var(--info7); }
.tt-set-missing { color: var(--info9); }
.tt-restrict { color: var(--info5); font-size: 11px; }

.tt-skill-class { text-align: center; }
.tt-passive { color: var(--info4); }
.tt-active { color: var(--info3); }
.tt-htb { color: var(--info6); }

.tt-lp { color: var(--info5); }
.tt-ep { color: var(--info3); }
.tt-rp { color: var(--info6); }
.tt-vp { color: var(--info2); }

.tt-effect { color: var(--info7); }
.tt-gray { color: var(--info9); }
.tt-learned { color: var(--info2); }
.tt-not-learned { color: var(--info1); }

.entity-page .game-tooltip { margin-bottom: 1rem; }

/* Floating hover tooltip */
.hover-tooltip {
  position: absolute;
  z-index: 9999;
  pointer-events: none;
  box-shadow: 0 4px 20px rgba(0,0,0,0.8);
}