/* =========================================================
   04 · HINT
   Pista inferior y datos legales. Se ocultan al abrir una letra.
   Animación: hint-fade-in
   ========================================================= */
.hint{
  position:fixed;left:0;right:0;bottom:clamp(20px,4vh,36px);z-index:1;
  display:flex;justify-content:space-between;align-items:flex-end;padding-inline:var(--pad);
  color:var(--muted);font-size:.88rem;pointer-events:none;
  transition:opacity .5s;animation:hint-fade-in 1.2s ease 1.8s backwards;
}
.hint__tip{position:absolute;left:50%;bottom:0;translate:-50% 0;font-size:.95rem}
body[data-mode="detail"] .hint{opacity:0}

@keyframes hint-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (max-width:760px){.hint__legal,.hint__place{display:none}}