/* Fly-to-collection: shining meteor and pulse */

.fly-meteor {
  position: fixed;
  pointer-events: none;
  z-index: 99999;
  will-change: transform;
  contain: layout style paint;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fly-meteor-wrap {
  filter: drop-shadow(0 0 8px rgba(167, 139, 250, 0.5)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
}

.fly-meteor-shape {
  width: 100%;
  height: 100%;
  display: block;
}

.fly-meteor-head {
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.8));
}

.fly-heart {
  filter: drop-shadow(0 2px 4px rgba(236, 72, 153, 0.4));
}

/* Prisma pulse on Collections icon only: scale + icon stroke color cycle (no overlay) */
.fly-pulse {
  display: inline-flex;
  animation: fly-pulse-scale 0.5s ease-out, fly-pulse-icon-color 0.55s ease-in-out forwards;
}

/* Icon stroke/lines cycle through prisma colors (icon uses currentColor) */
@keyframes fly-pulse-icon-color {
  0% {
    color: inherit;
  }
  25% {
    color: #a3e635;
  }
  50% {
    color: #22d3ee;
  }
  75% {
    color: #a78bfa;
  }
  100% {
    color: inherit;
  }
}

@keyframes fly-pulse-scale {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}

/* Prisma highlight on "Bias Room Stats" text when meteor lands (or reduced motion) */
.fly-stats-prisma {
  animation: fly-stats-prisma-color 0.55s ease-in-out forwards;
}

/* When meteor lands on a stats tile: box lines + text + number glow prisma */
.bias-stats-tile.fly-stats-prisma {
  animation: fly-stats-prisma-color 0.55s ease-in-out forwards,
             fly-stats-prisma-glow 0.55s ease-in-out forwards;
}
/* Tile label and number inherit the animated prisma color */
.bias-stats-tile.fly-stats-prisma p,
.bias-stats-tile.fly-stats-prisma span {
  color: inherit;
}

@keyframes fly-stats-prisma-color {
  0% {
    color: inherit;
  }
  25% {
    color: #a3e635;
  }
  50% {
    color: #22d3ee;
  }
  75% {
    color: #a78bfa;
  }
  100% {
    color: inherit;
  }
}

@keyframes fly-stats-prisma-glow {
  0% {
    border-color: #F72681;
    box-shadow: 0 0 0 0 transparent, 0 0 0 transparent;
  }
  25% {
    border-color: #a3e635;
    box-shadow: 0 0 0 2px rgba(163, 230, 53, 0.5), 0 0 20px 6px rgba(163, 230, 53, 0.4);
  }
  50% {
    border-color: #22d3ee;
    box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.5), 0 0 20px 6px rgba(34, 211, 238, 0.4);
  }
  75% {
    border-color: #a78bfa;
    box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.5), 0 0 20px 6px rgba(167, 139, 250, 0.4);
  }
  100% {
    border-color: #F72681;
    box-shadow: 0 0 0 0 transparent, 0 0 0 transparent;
  }
}

@font-face {
font-family: '__poppins_ef8818';
src: url(/_next/static/media/4c285fdca692ea22-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: '__poppins_ef8818';
src: url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: '__poppins_ef8818';
src: url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: '__poppins_ef8818';
src: url(/_next/static/media/0484562807a97172-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: '__poppins_ef8818';
src: url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}@font-face {font-family: '__poppins_Fallback_ef8818';src: local("Arial");ascent-override: 92.83%;descent-override: 30.94%;line-gap-override: 8.84%;size-adjust: 113.11%
}.__className_ef8818 {font-family: '__poppins_ef8818', '__poppins_Fallback_ef8818'
}.__variable_ef8818 {--font-poppins: '__poppins_ef8818', '__poppins_Fallback_ef8818'
}

@font-face {
font-family: '__rubik_b8158d';
src: url(/_next/static/media/0a86735c6520d94f-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 300 700;
font-style: normal;
}@font-face {font-family: '__rubik_Fallback_b8158d';src: local("Arial");ascent-override: 91.09%;descent-override: 24.36%;line-gap-override: 0.00%;size-adjust: 102.64%
}.__className_b8158d {font-family: '__rubik_b8158d', '__rubik_Fallback_b8158d';font-style: normal
}.__variable_b8158d {--font-rubik: '__rubik_b8158d', '__rubik_Fallback_b8158d'
}

