/* 17 окт. 2026: ПОДСКАЗКИ НОВИЧКУ (public/js/tips.js) — одна строка над нижней панелью, первые 3 игры.
   Не по центру экрана (решение владельца — надписи в бою не загораживают середину); плавно всплывает и гаснет, мышь не ловит.
   Кадр 1920×1080: высота над низом — по масштабу нижней панели (--uisb), размер — scale(var(--kgz)) (720p меньше, 4K ×2) */
#tip {
  position: fixed; left: 50%; bottom: calc(176px * var(--uisb, 1)); z-index: 21; pointer-events: none;
  transform: translateX(-50%) scale(var(--kgz, 1)); transform-origin: 50% 100%;
  display: flex; align-items: baseline; gap: 12px; max-width: 980px; width: max-content; box-sizing: border-box; padding: 10px 18px 11px 15px;
  background: rgba(11, 8, 18, .88); box-shadow: inset 3px 0 0 var(--k-gold, #d9b46a), inset 0 0 0 1px rgba(167, 116, 230, .26), 0 10px 26px rgba(0, 0, 0, .45);
  font-family: var(--k-font, 'Manrope', sans-serif); text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
  opacity: 0; transition: opacity .3s, translate .3s;
}
#tip.hidden { display: none; }
#tip.in { opacity: 1; translate: 0 0; }
#tip:not(.in) { translate: 0 10px; }
#tip .tp-l { flex: none; font: 700 11px / 1 var(--k-font, 'Manrope', sans-serif); letter-spacing: .2em; text-transform: uppercase; color: var(--k-gold, #d9b46a); }
#tip .tp-t { font: 700 18px / 1.35 var(--k-font, 'Manrope', sans-serif); color: var(--k-text, #efe6d3); }
@media (prefers-reduced-motion: reduce) { #tip { transition: none; } }