/* The shared tooltip overlay (installTooltips) and rule quantities: linked by the game and by
   pages that show its cards outside the game, so they never copy these rules. */
.game-tooltip {
  pointer-events: none;
  position: fixed;
  z-index: 10001;
  box-sizing: border-box;
  width: calc(270px * var(--ui-scale));
  max-width: calc(100vw - 16px);
  max-height: calc(var(--app-height) - 16px);
  overflow: auto;
  padding: 12px 14px;
  background: var(--surface-inset);
  color: var(--screen-text);
  border: 1px solid var(--frame-edge);
  border-top: 2px solid var(--gold);
  border-radius: var(--screen-radius-small);
  box-shadow: none;
  font: calc(13px * var(--ui-scale))/1.45 var(--font-detail);
  background-image: var(--screen-lines);
  font-family: var(--font-screen);
  border-color: var(--screen-edge);
}
.game-tooltip:not(.hint-tip),
.game-tooltip:not(.hint-tip) * {
  pointer-events: none !important;
}
/* A tooltip lies on the world with no frame round it, so its glass has no darker edges, which
   read as an inner shadow there (owner, 3 October 2026). A hint keeps them inside its gold edge. */
.game-tooltip:not(.hint-tip) {
  --glass-shadow: none;
}
.game-tooltip[hidden] {
  display: none;
}
.game-tooltip strong {
  display: block;
  color: var(--gold);
  font: 600 calc(15px * var(--ui-scale))/1.3 var(--font-ui);
  font-family: var(--font-screen);
}
.game-tooltip p {
  margin: 6px 0 8px;
  font-size: calc(13px * var(--ui-scale));
  line-height: 1.5;
  color: var(--screen-text);
}
.game-tooltip small {
  display: block;
  color: var(--screen-muted);
  font-size: calc(12px * var(--ui-scale));
  line-height: 1.4;
}
.game-tooltip strong + small {
  font-size: calc(11px * var(--ui-scale));
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--screen-rule);
}
.game-tooltip p + small {
  color: var(--screen-text);
  padding-top: 6px;
  border-top: 1px solid var(--screen-rule);
}
.game-tooltip .met {
  color: var(--positive);
}
/* A rule's quantities (5s, up to 12, ×2) in the accent, on every screen surface that prints rules. */
.rule-quantity {
  font-style: normal;
  color: var(--gold);
}
.game-tooltip .unmet {
  color: var(--negative);
}