/* Vote Flow v2 Fork 1
   Scoped intro/countdown overrides live here.
   Keep selectors under #fp2Canvas[data-vp2-fork="fork1"] so the main v2 stays untouched.
*/

#fp2Canvas[data-vp2-fork="fork1"] {
  --vp2-fork-accent: #b0f03a;
  --fp2-atmos-r: 4;
  --fp2-atmos-g: 18;
  --fp2-atmos-b: 11;
  --fp2-atmos-rgb: 4, 18, 11;
  --fp2-atmos-at-r: 48;
  --fp2-atmos-at-g: 160;
  --fp2-atmos-at-b: 110;
  --fp2-atmos-ab-r: 24;
  --fp2-atmos-ab-g: 95;
  --fp2-atmos-ab-b: 68;
  --fp2-atmos-accent-top: 48, 160, 110;
  --fp2-atmos-accent-bot: 24, 95, 68;
  --fp2-line-r: 198;
  --fp2-line-g: 236;
  --fp2-line-b: 210;
  background:
    repeating-linear-gradient(
      180deg,
      rgba(82, 160, 88, 0.08) 0px,
      rgba(82, 160, 88, 0.08) 34px,
      rgba(48, 118, 58, 0.08) 34px,
      rgba(48, 118, 58, 0.08) 68px
    ),
    radial-gradient(ellipse at center, rgba(40, 150, 82, 0.12), transparent 45%),
    linear-gradient(180deg, rgba(4, 14, 7, 0.96), rgba(5, 22, 9, 0.96));
}

#fp2Canvas[data-vp2-fork="fork1"] .fp-pitch-svg {
  filter:
    drop-shadow(0 0 2px rgba(198, 236, 210, 0.18))
    drop-shadow(0 0 12px rgba(198, 236, 210, 0.12));
}

#fp2Canvas[data-vp2-fork="fork1"] .fp2-entry-dim.gn-entry-dim {
  background:
    radial-gradient(
      ellipse 66% 42% at 50% 0%,
      rgba(48, 160, 110, 0.10) 0%,
      transparent 74%
    ),
    radial-gradient(
      ellipse 66% 42% at 50% 100%,
      rgba(24, 95, 68, 0.12) 0%,
      transparent 74%
    ),
    rgba(var(--fp2-atmos-r), var(--fp2-atmos-g), var(--fp2-atmos-b), 1);
}

[data-vp2-fork="fork1"] .fp2-s0-brand,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-brand {
  gap: 4px;
}

/* Soft fill clipped slightly inside the pitch stroke · ONE rim only (SVG) */
[data-vp2-fork="fork1"] .fp2-s0-stage--fork1 {
  overflow: hidden;
  border-radius: 50%;
  /* Same rx/ry as SVG, then inset so pitch stroke stays the only rim */
  width: calc(var(--fp2-center-rx, 30) * 2%);
  height: calc(var(--fp2-center-ry, 19) * 2%);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.985);
  box-sizing: border-box;
  transition:
    --fp2-center-rx var(--fp2-s0-grow-ms, 8s) var(--fp2-s0-grow-ease, cubic-bezier(0.14, 0.72, 0.18, 1)),
    --fp2-center-ry var(--fp2-s0-grow-ms, 8s) var(--fp2-s0-grow-ease, cubic-bezier(0.14, 0.72, 0.18, 1));
}

[data-vp2-fork="fork1"] .fp2-s0-aura {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  left: 0;
  top: 0;
  transform: none;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  /* Fill only — pitch SVG stroke is the single rim */
  background:
    radial-gradient(
      ellipse 100% 100% at 50% 50%,
      rgba(6, 22, 12, 0.78) 0%,
      rgba(4, 18, 10, 0.62) 72%,
      rgba(4, 18, 10, 0.42) 100%
    );
  opacity: 0;
  transition: opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: none;
  border: none;
}

[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--grown .fp2-s0-aura {
  opacity: 1;
  animation: fp2Fork1AuraBreath 4.8s ease-in-out 1.2s infinite;
}

@keyframes fp2Fork1AuraBreath {
  0%, 100% { opacity: 0.92; }
  50% { opacity: 1; }
}

/* Progress lives as soft fill wash — NO second rim line */
[data-vp2-fork="fork1"] .fp2-s0-countdown {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

[data-vp2-fork="fork1"] .fp2-s0-countdown::after {
  content: none;
  display: none;
}

#fp2Canvas[data-vp2-fork="fork1"].fp2-s0-center-open .fp-pitch-center,
#fp2Canvas[data-vp2-fork="fork1"].fp2-s0-center-open .fp-pitch-center-cut {
  transition:
    --fp2-center-rx var(--fp2-s0-grow-ms, 8s) var(--fp2-s0-grow-ease, cubic-bezier(0.14, 0.72, 0.18, 1)),
    --fp2-center-ry var(--fp2-s0-grow-ms, 8s) var(--fp2-s0-grow-ease, cubic-bezier(0.14, 0.72, 0.18, 1));
}

#fp2Canvas[data-vp2-fork="fork1"].fp2-s0-center-open .fp-pitch-center {
  filter: drop-shadow(0 0 4px rgba(176, 240, 58, 0.22));
}

/* Ask questions · locked to pitch geometric center (not bottom) */
[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  margin: 0;
  overflow: visible;
  border-radius: 0;
  width: min(94vw, 400px);
  height: auto;
  max-width: min(94vw, 400px);
  max-height: none;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask .fp2-s0-aura {
  display: none;
}

[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask .fp2-s0-countdown {
  display: none;
}

[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask .fp2-s0-ask {
  position: relative;
  width: min(92vw, 340px);
  max-width: min(92vw, 340px);
  margin: 0;
  padding: 10px 14px 8px;
  transform: none;
}

[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask .fp2-s0-chips {
  max-width: none;
  gap: 12px;
  flex-wrap: nowrap;
}

[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask .fp2-s0-chip--team,
[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask .fp2-s0-chip--neutral {
  width: auto;
  min-width: 88px;
  max-width: 120px;
}

[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask .fp2-s0-chip--team .fp2-s0-chip-lbl,
[data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask .fp2-s0-chip--neutral .fp2-s0-chip-lbl {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
  white-space: normal;
  font-size: 12px;
  max-width: 110px;
}

/* No rectangular tap flash behind circular orbs */
[data-vp2-fork="fork1"] .fp2-s0-chip,
[data-vp2-fork="fork1"] .fp2-s0-chip:hover,
[data-vp2-fork="fork1"] .fp2-s0-chip:active,
[data-vp2-fork="fork1"] .fp2-s0-chip:focus,
[data-vp2-fork="fork1"] .fp2-s0-chip:focus-visible,
[data-vp2-fork="fork1"] .fp2-s0-chip.sel,
[data-vp2-fork="fork1"] .fp2-s0-chip.sel-home,
[data-vp2-fork="fork1"] .fp2-s0-chip.sel-away,
[data-vp2-fork="fork1"] .fp2-s0-chip.is-sel {
  background: transparent !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

[data-vp2-fork="fork1"] .fp2-s0-chip.is-sel .fp2-s0-chip-orb {
  box-shadow:
    0 0 0 2.5px rgba(255, 255, 255, 0.42),
    0 8px 22px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Clock stays pinned to circle center · tips sit under it (no jump) */
[data-vp2-fork="fork1"] .fp2-s0-countdown-core--fork1 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
}

[data-vp2-fork="fork1"] .fp2-s0-countdown-core--fork1 .fp2-s0-time--fork1,
[data-vp2-fork="fork1"] .fp2-s0-countdown-core--fork1.fp2-s0--clock .fp2-s0-time--fork1,
[data-vp2-fork="fork1"] .fp2-s0-countdown-core--fork1.fp2-s0--tips .fp2-s0-time--fork1 {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%);
}

[data-vp2-fork="fork1"] .fp2-s0-countdown-core--fork1.fp2-s0--tips .fp2-s0-tip {
  position: absolute !important;
  left: 50%;
  top: calc(50% + 1.05em);
  width: 100%;
  max-width: 100%;
  height: var(--fp2-s0-tip-maxh, 96px);
  min-height: 0;
  margin: 0;
  padding-top: calc(var(--fp2-s0-time-font, 52px) * 0.42);
  transform: translateX(-50%);
  box-sizing: border-box;
}

@media (max-width: 480px) {
  [data-vp2-fork="fork1"] .fp2-s0-countdown-core--fork1 {
    width: min(88%, var(--fp2-s0-tip-width, 220px));
    max-width: 88%;
    padding: 2% 4%;
  }

  [data-vp2-fork="fork1"] .fp2-s0-time--fork1,
  #fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-time--fork1 {
    font-size: calc(var(--fp2-s0-time-font, 52px) * 0.92);
  }

  [data-vp2-fork="fork1"] .fp2-s0-tip-txt--fork1,
  #fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-tip-txt--fork1 {
    font-size: calc(var(--fp2-s0-tip-font, 14.5px) * 0.96);
    line-height: 1.28;
  }

  [data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask {
    left: 50%;
    top: 50%;
    width: min(96vw, 400px);
    max-width: min(96vw, 400px);
    transform: translate(-50%, -50%);
  }

  [data-vp2-fork="fork1"] .fp2-s0-stage--fork1.fp2-s0-stage--ask .fp2-s0-ask {
    width: min(94vw, 360px);
    max-width: min(94vw, 360px);
  }
}

[data-vp2-fork="fork1"] .fp2-s0-brand-gnosi,
[data-vp2-fork="fork1"] .fp2-s0-brand-pitch,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-brand-gnosi,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-brand-pitch {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
}

[data-vp2-fork="fork1"] .fp2-s0-ch,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-ch {
  display: inline-block;
  opacity: 0;
  transform: translateY(14px) scale(0.96);
  will-change: transform, opacity;
  filter: blur(4px);
}

[data-vp2-fork="fork1"] .fp2-s0-countdown-core[data-phase='kick'] .fp2-s0-ch,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-countdown-core[data-phase='kick'] .fp2-s0-ch {
  animation: fp2Fork1ChIn 0.78s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: calc(0.12s + var(--i, 0) * 0.07s);
}

[data-vp2-fork="fork1"] .fp2-s0-countdown-core[data-phase='kick'] .fp2-s0-ch--pitch,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-countdown-core[data-phase='kick'] .fp2-s0-ch--pitch {
  animation-delay: calc(0.48s + var(--i, 0) * 0.06s);
}

@keyframes fp2Fork1ChIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.96);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

[data-vp2-fork="fork1"] .fp2-s0-brand-gnosi,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-brand-gnosi {
  text-shadow:
    0 2px 22px rgba(0, 0, 0, 0.82),
    0 0 34px rgba(176, 240, 58, 0.14);
}

[data-vp2-fork="fork1"] .fp2-s0-brand-pitch,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-brand-pitch {
  color: rgba(176, 240, 58, 0.92);
  letter-spacing: 0.46em;
}

/* Countdown number · cinematic enter + tick */
[data-vp2-fork="fork1"] .fp2-s0-time--fork1,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-time--fork1 {
  font-size: calc(var(--fp2-s0-time-font, 52px) * 1.06);
  letter-spacing: 0.04em;
  color: rgba(248, 252, 246, 0.98);
  text-shadow:
    0 2px 20px rgba(0, 0, 0, 0.86),
    0 0 28px rgba(176, 240, 58, 0.16),
    0 0 2px rgba(198, 236, 210, 0.35);
}

[data-vp2-fork="fork1"] .fp2-s0-countdown-core.fp2-s0--clock:not(.fp2-s0--tips) .fp2-s0-time--fork1 {
  animation: fp2Fork1TimeIn 0.85s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes fp2Fork1TimeIn {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 10px)) scale(0.88);
    filter: blur(6px);
    letter-spacing: 0.18em;
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    filter: blur(0);
    letter-spacing: 0.04em;
  }
}

[data-vp2-fork="fork1"] .fp2-s0-countdown-core.fp2-s0--clock .fp2-s0-time--fork1.fp2-s0-time--tick,
[data-vp2-fork="fork1"] .fp2-s0-countdown-core.fp2-s0--tips .fp2-s0-time--fork1.fp2-s0-time--tick {
  animation: fp2Fork1TimeTick 0.48s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes fp2Fork1TimeTick {
  0% {
    transform: translate(-50%, -50%) scale(1);
    filter: brightness(1);
  }
  35% {
    transform: translate(-50%, -50%) scale(1.07);
    filter: brightness(1.1);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    filter: brightness(1);
  }
}

[data-vp2-fork="fork1"] .fp2-s0-countdown-core.fp2-s0--tips .fp2-s0-tip.fp2-s0-tip--swap,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-countdown-core.fp2-s0--tips .fp2-s0-tip.fp2-s0-tip--swap {
  opacity: 0;
  transform: translateX(-50%) translateY(-6px);
  filter: blur(3px);
}

[data-vp2-fork="fork1"] .fp2-s0-countdown-core.fp2-s0--tips .fp2-s0-tip.fp2-s0-tip--enter-first .fp2-s0-tip-txt,
[data-vp2-fork="fork1"] .fp2-s0-countdown-core.fp2-s0--tips .fp2-s0-tip.fp2-s0-tip--enter .fp2-s0-tip-txt,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-countdown-core.fp2-s0--tips .fp2-s0-tip.fp2-s0-tip--enter-first .fp2-s0-tip-txt,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-countdown-core.fp2-s0--tips .fp2-s0-tip.fp2-s0-tip--enter .fp2-s0-tip-txt {
  animation: fp2Fork1TipRise 0.72s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes fp2Fork1TipRise {
  from {
    opacity: 0;
    transform: translateY(12px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

[data-vp2-fork="fork1"] .fp2-s0-tip-txt--fork1,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-tip-txt--fork1 {
  line-height: 1.38;
  letter-spacing: 0.02em;
  color: rgba(244, 250, 246, 0.95);
  text-shadow:
    0 1px 14px rgba(0, 0, 0, 0.82),
    0 0 18px rgba(48, 160, 110, 0.12);
}

[data-vp2-fork="fork1"] .fp2-s0-tip-ico,
#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-tip-ico {
  color: #c8f85a;
  filter: drop-shadow(0 0 6px rgba(176, 240, 58, 0.4));
}

#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-ask.fp2-s0-ask--glass {
  background: rgba(4, 18, 12, 0.42);
  border-color: rgba(198, 236, 210, 0.16);
}

#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-orb {
  background: radial-gradient(
    circle,
    rgba(240, 255, 248, 0.95) 0%,
    rgba(140, 255, 200, 0.50) 28%,
    rgba(60, 200, 140, 0.18) 55%,
    transparent 72%
  );
}

#fp2Canvas[data-vp2-fork="fork1"] .fp2-s0-gate-glow {
  background: radial-gradient(circle, rgba(230, 255, 245, 0.7) 0%, rgba(80, 220, 150, 0.22) 42%, transparent 72%);
}

#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-sandbox-badge {
  color: rgba(176, 240, 58, 0.92);
  border-color: rgba(176, 240, 58, 0.28);
  background: rgba(176, 240, 58, 0.08);
}

#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-layout-gear,
#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-arrow-gear,
#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-tray-anim-gear,
#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-s0-intro-gear,
#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-tune-gear {
  color: rgba(176, 240, 58, 0.84);
  border-color: rgba(176, 240, 58, 0.22);
  background: rgba(10, 16, 11, 0.82);
}

#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-s0-ask-tip-btn,
#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-s0-style-card--active {
  border-color: rgba(176, 240, 58, 0.45);
  box-shadow: 0 0 0 1px rgba(176, 240, 58, 0.18);
}

#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-s0-ask-tip-pop,
#pitchV2ViewWrap:has(#fp2Canvas[data-vp2-fork="fork1"]) .fp2-tune-panel {
  border-color: rgba(176, 240, 58, 0.18);
}

#fp2Canvas[data-vp2-fork="fork1"][data-fp2-atmos='vote'],
#fp2Canvas[data-vp2-fork="fork1"].fp2-canvas--vote {
  background:
    repeating-linear-gradient(
      180deg,
      rgba(88, 172, 96, 0.10) 0px,
      rgba(88, 172, 96, 0.10) 36px,
      rgba(52, 126, 62, 0.10) 36px,
      rgba(52, 126, 62, 0.10) 72px
    ),
    radial-gradient(ellipse at center, rgba(54, 188, 96, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(3, 18, 7, 0.98), rgba(4, 26, 9, 0.98));
}