/* MARIO cinematic scene transitions */
.dashboard-title,
.dash-launch-card,
.dash-stats-grid,
.dash-section,
.earn-showcase,
.team-showcase,
.profile-showcase,
.profile-inner-page {
  animation: sceneReveal .72s cubic-bezier(.18,.82,.2,1) both;
  transform-origin: 50% 20%;
}

.earn-showcase,
.team-showcase,
.profile-showcase,
.profile-inner-page {
  position: relative;
  isolation: isolate;
}

.earn-showcase::before,
.team-showcase::before,
.profile-showcase::before,
.profile-inner-page::before {
  content: '';
  position: absolute;
  z-index: 20;
  inset: -8px -10px auto;
  height: 46%;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 12%, rgba(75,190,255,.08) 42%, rgba(130,71,255,.12) 52%, transparent 73%);
  filter: blur(14px);
  opacity: 0;
  animation: sceneLightPass .95s ease-out both;
}

.profile-member-card-v3 {
  min-height: 94px !important;
  grid-template-columns: 50% 1fr !important;
  align-items: center !important;
  padding: 2px 12px !important;
  overflow: hidden;
}

.profile-mark-v3 {
  position: relative !important;
  width: 100% !important;
  height: 90px !important;
  display: block !important;
  overflow: visible !important;
  perspective: 1200px;
}

.profile-mark-v3 img {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 260px !important;
  max-width: none !important;
  height: 166px !important;
  object-fit: contain;
  object-position: center;
  animation: logoFullSpin 5.4s linear infinite !important;
  transform-origin: 50% 50%;
  will-change: transform,filter;
  filter: drop-shadow(0 0 15px rgba(57,196,255,1)) drop-shadow(0 0 32px rgba(124,62,255,.92));
}

.profile-member-copy.cinematic-copy {
  padding-left: 0 !important;
  align-self: center;
}

.profile-member-copy.cinematic-copy b,
.profile-member-copy.cinematic-copy strong,
.profile-member-copy.cinematic-copy .profile-status,
.profile-title > span,
.profile-title > small {
  animation: titleFilmReveal .9s cubic-bezier(.18,.82,.2,1) both;
}

.profile-member-copy.cinematic-copy strong { animation-delay: .11s; }
.profile-member-copy.cinematic-copy .profile-status { animation-delay: .2s; }
.profile-title > small { animation-delay: .12s; }

.profile-star-shell {
  animation: none !important;
  transform: none !important;
}

.profile-star-motion {
  animation: starFilmMotion 9s cubic-bezier(.4,0,.25,1) infinite !important;
  transform-origin: 50% 50%;
}

@keyframes sceneReveal {
  0% { opacity: 0; transform: translateY(18px) scale(.985); filter: blur(9px) brightness(.72); }
  58% { opacity: 1; filter: blur(1px) brightness(1.12); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0) brightness(1); }
}

@keyframes sceneLightPass {
  0% { opacity: 0; transform: translate3d(-34%,0,0) skewX(-12deg); }
  38% { opacity: .9; }
  100% { opacity: 0; transform: translate3d(55%,0,0) skewX(-12deg); }
}

@keyframes logoFullSpin {
  0% {
    transform: translate(-50%,-60%) perspective(1000px) rotateY(0deg) scale(1.04);
    filter: brightness(1) saturate(1.08);
  }
  22% {
    transform: translate(-50%,-60%) perspective(1000px) rotateY(82deg) scale(1.1);
    filter: brightness(1.45) saturate(1.3);
  }
  50% {
    transform: translate(-50%,-60%) perspective(1000px) rotateY(180deg) scale(1.14);
    filter: brightness(1.65) saturate(1.4);
  }
  78% {
    transform: translate(-50%,-60%) perspective(1000px) rotateY(278deg) scale(1.1);
    filter: brightness(1.4) saturate(1.28);
  }
  100% {
    transform: translate(-50%,-60%) perspective(1000px) rotateY(360deg) scale(1.04);
    filter: brightness(1) saturate(1.08);
  }
}

@keyframes starFilmMotion {
  0%, 42% { transform: scale(1) rotateY(0deg) rotateZ(0deg); filter: brightness(1); }
  52% { transform: scale(1.13) rotateY(0deg) rotateZ(2deg); filter: brightness(1.55); }
  66% { transform: scale(1.04) rotateY(88deg) rotateZ(-2deg); filter: brightness(1.85); }
  80% { transform: scale(1.09) rotateY(180deg) rotateZ(0deg); filter: brightness(1.4); }
  100% { transform: scale(1) rotateY(180deg) rotateZ(0deg); filter: brightness(1); }
}

@keyframes titleFilmReveal {
  0% { opacity: 0; transform: translateY(9px); letter-spacing: .25em; filter: blur(6px); }
  70% { opacity: 1; filter: blur(1px); }
  100% { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@media (max-width: 370px) {
  .profile-member-card-v3 { grid-template-columns: 49% 1fr !important; padding-inline: 7px !important; }
  .profile-mark-v3 { height: 86px !important; }
  .profile-mark-v3 img { width: 230px !important; height: 150px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-title,.dash-launch-card,.dash-stats-grid,.dash-section,.earn-showcase,.team-showcase,.profile-showcase,.profile-inner-page,
  .profile-mark-v3 img,.profile-star-motion,.profile-member-copy.cinematic-copy > *,.profile-title > * {
    animation: none !important;
  }
  .profile-mark-v3 img { transform: translate(-50%,-60%) !important; }
}