/* ============================================================
   ASTRA GENESIS, 12-tooltip.css
   Style UNIQUE de tous les tooltips du jeu (AG.tooltip,
   js/02c-tooltip.js) : texte simple (data-tip, anciens `title`) et
   contenu riche (data-rich-tip). Valeurs dans les jetons --tip-* de
   css/01-tokens.css. Aucun autre fichier ne doit styler un tooltip.

   v0.65.1 : composant unifié (positionnement à bascule, Échap, zéro
   bulle native).
   v0.65.2 : REVERT VISUEL. Le rendu est revenu à l'identique de l'ancien
   #rich-tip (avant v0.65.1) : fond de panneau translucide flouté,
   bordure discrète --line-strong, rayon --r-lg, paddings 12/14 à
   l'échelle, ombre profonde, apparition en fondu + glissement de 4 px,
   titre Rajdhani 600 --ink-1, définition --ink-2, relations --ink-3,
   valeurs + lime / - rose. Seuls ajouts invisibles sur l'ancien rendu :
   largeur plafonnée au viewport et hauteur plafonnée (anti-troncature),
   styles des nouveaux blocs optionnels (icône, liste, barre) et du texte
   simple, dans la même palette.
   ============================================================ */
[data-rich-tip]{cursor:help;}

.ag-tip{
  position:fixed;top:0;left:0;z-index:12000;
  width:max-content;max-width:min(var(--tip-max-w), calc(100vw - 16px));
  overflow:auto;overscroll-behavior:contain;
  background:var(--tip-bg);
  backdrop-filter:blur(var(--tip-blur));-webkit-backdrop-filter:blur(var(--tip-blur));
  border:1px solid var(--tip-border);border-radius:var(--tip-radius);box-shadow:var(--shadow-deep);
  padding:var(--tip-pad);
  opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;
  transition:opacity var(--tip-fade) ease, transform var(--tip-fade) ease, visibility 0s linear var(--tip-fade);
  user-select:text;cursor:text;
}
.ag-tip.show{
  opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity var(--tip-fade) ease, transform var(--tip-fade) ease, visibility 0s;
}
.ag-tip.show.is-interactive{pointer-events:auto;}
.ag-tip.is-rich{width:var(--tip-max-w);}
/* texte simple (anciennes bulles natives) : même boîte, typographie du
   sous-texte de l'ancien tooltip riche */
.ag-tip.is-text{font-size:.76rem;line-height:1.42;color:var(--tip-ink-2);white-space:pre-line;overflow-wrap:anywhere;}
@media (prefers-reduced-motion: reduce){ .ag-tip, .ag-tip.show{transition:none;transform:none;} }

/* ---------- blocs du contenu riche (valeurs de l'ancien #rich-tip) ---------- */
.ag-tip .rich-tip-title{font-family:var(--font-head);font-weight:600;font-size:.85rem;color:var(--tip-ink);letter-spacing:.02em;margin-bottom:4px;}
.ag-tip .rich-tip-def{font-size:.76rem;line-height:1.42;color:var(--tip-ink-2);margin:0 0 8px;}
.ag-tip .rich-tip-breakdown{margin-bottom:8px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.08);}
.ag-tip .rich-tip-row{display:flex;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:.72rem;padding:2px 0;color:var(--tip-ink-2);}
.ag-tip .rich-tip-row .pos{color:var(--tip-pos);}
.ag-tip .rich-tip-row .neg{color:var(--tip-red);}
.ag-tip .rich-tip-rel{font-size:.72rem;line-height:1.4;color:var(--tip-ink-3);margin-bottom:4px;}
.ag-tip .rich-tip-rel b{color:var(--tip-ink-2);font-weight:600;}
.ag-tip .rich-tip-go{width:100%;justify-content:center;margin-top:4px;}

/* ---------- blocs optionnels ajoutés en v0.65.1 (même palette) ---------- */
.ag-tip .rich-tip-title svg, .ag-tip .rich-tip-row svg, .ag-tip .rich-tip-list svg{width:13px;height:13px;vertical-align:-2px;margin-right:5px;}
.ag-tip .tone-teal{color:var(--tip-teal);}
.ag-tip .tone-red{color:var(--tip-red);}
.ag-tip .tone-amber{color:var(--tip-amber);}
.ag-tip .rich-tip-list{margin:0 0 8px;padding:0 0 0 14px;font-size:.72rem;line-height:1.4;color:var(--tip-ink-2);}
.ag-tip .rich-tip-bar{display:block;margin:0 0 8px;color:var(--tip-teal);}
.ag-tip .rich-tip-bar-label{display:block;margin-bottom:3px;font-family:var(--font-mono);font-size:.68rem;color:var(--tip-ink-2);}
.ag-tip .rich-tip-bar-track{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden;}
.ag-tip .rich-tip-bar-track i{display:block;height:100%;background:currentColor;}