/* Hover cards share the warm paper, brass edging and ink of the game folios. */
#hud :is(.game-tooltip, .provision-tooltip, .ground-item-tooltip, .player-tooltip) {
  color: #3e3022;
  border: 1px solid #9c8052;
  border-radius: 5px;
  background: radial-gradient(ellipse at 0 0, #fff8e888, transparent 75%), linear-gradient(115deg, #eee3cc, #e1d1b1);
  box-shadow: 0 8px 24px #211b1640, 0 2px 5px #211b1633, inset 0 0 0 3px #fff6df70, inset 0 0 0 4px #ad8d5338;
  padding: 15px 17px;
  font: 12px/1.5 Georgia, serif;
  text-shadow: none;
  overflow-wrap: anywhere;
}
#hud .game-tooltip {
  position: fixed;
  z-index: 150;
  width: max-content;
  max-width: min(310px, calc(100vw - 20px));
  max-height: calc(100dvh - 20px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a58c60 transparent;
  pointer-events: auto;
}
#hud .game-tooltip[hidden] { display: none; }
#hud .game-tooltip-heading { display: flex; align-items: center; gap: 11px; }
#hud .game-tooltip-heading > .icon { flex: none; width: 44px; height: 44px; object-fit: contain; filter: drop-shadow(0 2px 2px #69503135); }
#hud .game-tooltip-heading > div { min-width: 0; }
#hud .game-tooltip-category { display: block; margin-bottom: 3px; color: #79603b; font: 9px/1.4 ui-sans-serif, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
#hud .game-tooltip-quest { color: #8a5a2c; }
#hud .game-tooltip-name { display: block; color: #493323; font: 18px/1.2 Georgia, serif; }
#hud .game-tooltip-requirements { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 11px; }
#hud .game-tooltip-requirements span { padding: 3px 7px; border: 1px solid #a1875840; border-radius: 3px; background: #9977430b; color: #75502e; font-size: 11px; }
#hud .game-tooltip-stats { margin: 11px 0 0; padding: 8px 0; border-block: 1px solid #a1875845; }
#hud .game-tooltip-stats > div { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 2px 0; }
#hud .game-tooltip-stats dt { color: #574831; }
#hud .game-tooltip-stats dd { margin: 0; color: #436044; font-weight: bold; font-variant-numeric: tabular-nums; white-space: nowrap; }
#hud .game-tooltip-description { margin: 10px 0 0; color: #68573f; line-height: 1.55; }
#hud .game-tooltip-controls { display: flex; flex-wrap: wrap; gap: 4px 13px; border-top: 1px solid #a1875845; margin-top: 12px; padding-top: 9px; color: #79553a; font: 10px/1.5 ui-sans-serif, sans-serif; }
#hud .game-tooltip-compact { padding: 10px 13px; }
#hud .game-tooltip-compact .game-tooltip-name { font-size: 13px; line-height: 1.4; }
#hud.has-game-tooltips :is(.hotkey[data-tip], .corner-tools [data-tip])::after { display: none; }
#hud :is(.provision-tooltip, .ground-item-tooltip) strong { color: #493323; font: 17px/1.25 Georgia, serif; }
#hud :is(.provision-tooltip, .ground-item-tooltip) p { color: #68573f; font-size: 12px; line-height: 1.55; }
#hud :is(.ground-item-tooltip, .player-tooltip) small { color: #79553a; font-size: 11px; }
#hud .ground-item-tooltip small { border-top: 1px solid #a1875845; padding-top: 8px; }
#hud .player-tooltip-title strong { color: #493323; font-weight: normal; }
#hud .provision-tooltip footer { border-top: 1px solid #a1875845; padding-top: 9px; color: #79553a; font: 10px/1.5 ui-sans-serif, sans-serif; }