/* 666pay — большой чёрт на регистрации (временный арт, boss.js). Здесь — кадрирование и появление;
   положение на странице задаёт её собственный CSS.
   Плеер вписывает скелет вместе с невидимым дымом, поэтому сам чёрт занимает лишь часть кадра
   9:7: по ширине 17–82 %, по высоте 29–87 %. .boss — окно ровно на эту часть, .boss__in — полный
   кадр, сдвинутый так, чтобы чёрт встал в окно. Холст прозрачный и шире окна — обрезать не нужно. */
.boss {
  position: relative;
  aspect-ratio: 1.44;
  pointer-events: none;
  opacity: 0;
  transition: opacity .8s ease .3s;
}
.boss.cond-on { opacity: 1; }
/* Тёмный ореол за чёртом, чтобы фон не резал силуэт. */
.boss::before { content: ""; position: absolute; inset: -6% -4%; background: radial-gradient(closest-side, color-mix(in srgb, var(--hx-ground) 90%, transparent) 40%, transparent); }
.boss__in { position: absolute; left: -26.2%; top: 0; width: 154%; aspect-ratio: 9 / 7; margin-top: -34.7%; }
.boss .spine-player { position: relative; z-index: 1; width: 100%; height: 100%; background: transparent !important; }
.boss canvas { display: block; }
.boss .spine-player-controls, .boss .spine-player-error, .boss .spine-player-loading { display: none !important; }