/* Вся карточка, типографика, кнопки, кольцо и эффекты — /engine/style.css.
   Здесь только настройки брендовой страницы и статус ещё не заданных ссылок. */
.scene { padding: 24px 16px; }
body.card-neon .card,
body.card-neon.glow-run .card {
  padding: 24px 24px 18px;
  border: 0;
  border-radius: 20px;
  background-color: rgba(19, 12, 8, .95);
  box-shadow: 0 0 20px #b85d2428, 0 18px 65px #000a;
  transform-style: preserve-3d;
}
/* Один маскированный контур: физическая рамка убрана, радиус общий.
   Бегущий блик нарисован на том же контуре, а не вторым кольцом. */
body.card-neon.glow-run .card::before {
  inset: 0;
  border-radius: inherit;
  padding: 1.5px;
  background: conic-gradient(from var(--neon-ang), #a657294d 0turn .68turn,
    #c6773c .77turn, #e0a06a .85turn, #c6773c .91turn, #a657294d .98turn);
  animation: neon-rot 3s linear infinite !important;
}
body.card-neon .card-banner { border-radius: 20px 20px 0 0; }
.card-banner-img { background-position: center 42%; }
.card .avatar-wrap { width: 126px; height: 126px; margin-bottom: 8px; transform: translateZ(30px); }
.avatar { width: 116px; height: 116px; object-fit: cover; object-position: center; filter: brightness(.87) saturate(.9); }
.orbit, #viz, .sparkle { display: none; }
.socials { display: none; }
.name { font-size: clamp(25px, 7vw, 32px); margin: 0; }
.handle { font-size: 11px; margin-top: 3px; }
.bio { font-size: 12px; margin: 8px 0 17px; letter-spacing: .02em; }
.links { display: grid; gap: 8px; margin-top: 0; transform: translateZ(12px); }
body.card-neon .link-btn,
body.card-neon .social-btn,
body.card-neon .player { border-radius: 13px; }
.links .link-btn {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 8px;
  width: 100%; min-height: 46px;
  margin: 0; padding: 12px 17px; font-size: 13px;
  transform: none !important;
  translate: none !important;
  opacity: 1;
}
.links .link-btn .link-ic { width: 32px; justify-content: start; }
.links .link-btn .link-arrow { width: 32px; display: flex; justify-content: end; align-items: center; }
.links .link-btn .link-arrow svg { width: 16px; height: 16px; }
body.card-neon .name { font-weight: 700; transform: translateZ(20px); color: #f0d9c7; text-shadow: 0 0 15px #b65d243d; }
.name .star-o {
  display: inline-block; width: .64em; height: .72em;
  margin-inline: .01em; vertical-align: -.065em;
  filter: drop-shadow(0 0 4px #cc743644);
}
.name .star-o svg { display: block; width: 100%; height: 100%; }
.cf-views[hidden] { display: none; }
.card-footer::before { content: 'оставайся, тут тепло'; }
.card-footer { margin-top: 17px; padding-top: 12px; font-size: 10px; }
#bgVideo {
  inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  filter: sepia(.1) saturate(.8);
}
@media (min-width: 900px) {
  #bgVideo { transform: scale(1.45); transform-origin: right center; }
}
#mapleLeaves {
  position: fixed; inset: 0; width: 100%; height: 100%;
  z-index: 1; pointer-events: none;
}
/* Явное включение анимации также включает Tilt при системном reduced-motion.
   Матрицу по-прежнему считает исходный движок. */
@media (prefers-reduced-motion: reduce) {
  html[data-psycho-motion="on"] body.card-neon .card { transform: var(--psycho-tilt, none) !important; }
}
@media (max-width: 480px) {
  .scene { padding: 20px 16px; }
  body.card-neon .card { padding: 20px 20px 16px; }
}
.links .link-btn[aria-disabled="true"] { cursor: default; opacity: .72; }
.link-btn[aria-disabled="true"] .link-arrow { font: 11px var(--font-sans); opacity: .85; }
.link-btn[aria-disabled="true"]::after { display: none; }
@media (max-width: 360px) { .name { font-size: 27px; } }
