/* Every value step shines like the red one: a breathing glow, rising sparkles, a light sweep, a soft aurora and a pulsing button.
   Intensity climbs with the step (grey calm, gold richest) but nobody is left flat. Slow, premium, stops under reduced-motion. */

/* breathing glow on every card, scaled by step */
#fruit-wagers .bpp[data-pt] { --gl: .8; animation: bc-glow 4.4s ease-in-out infinite; }
#fruit-wagers .bpp[data-pt="0"] { --gl: .6; } #fruit-wagers .bpp[data-pt="2"] { --gl: .75; } #fruit-wagers .bpp[data-pt="1"] { --gl: .85; }
#fruit-wagers .bpp[data-pt="5"] { --gl: 1; } #fruit-wagers .bpp[data-pt="6"] { --gl: 1.1; } #fruit-wagers .bpp[data-pt="3"] { --gl: 1.1; } #fruit-wagers .bpp[data-pt="4"] { --gl: 1.25; }
@keyframes bc-glow {
  0%, 100% { box-shadow: inset 0 0 0 5px #05020a, inset 0 0 0 6px color-mix(in srgb, var(--pc) 55%, transparent), 0 16px 34px -16px var(--pc), 0 0 0 1px rgba(0, 0, 0, .6); }
  50% { box-shadow: inset 0 0 0 5px #05020a, inset 0 0 0 6px var(--pc), 0 18px 40px -12px var(--pc), 0 0 calc(34px * var(--gl)) calc(-2px * var(--gl)) color-mix(in srgb, var(--pc) 75%, transparent), 0 0 0 1px rgba(0, 0, 0, .6); } }

/* rising sparkles, every step: round glows and four-point stars in turn */
#fruit-wagers .bpp .bp-fx i { bottom: -14px; opacity: 0; }
#fruit-wagers .bpp .bp-fx i:nth-child(even) { bottom: auto; top: var(--y); width: calc(var(--s) * 2.2); height: calc(var(--s) * 2.2); border-radius: 0; background: #fff; box-shadow: none; filter: drop-shadow(0 0 5px var(--pc));
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%); animation: bp-twk var(--t) ease-in-out infinite; animation-delay: var(--d); }
#fruit-wagers .bpp .bp-fx i:nth-child(odd) { width: calc(var(--s) * 1.2); height: calc(var(--s) * 1.2); }

/* a light sweep and a soft aurora in the card's own colour */
#fruit-wagers .bpp .bp-fx::after { content: ""; position: absolute; top: -10%; bottom: -10%; width: 34%; left: -60%; transform: skewX(-18deg);
  background: linear-gradient(100deg, transparent, color-mix(in srgb, var(--pcl, #fff) 30%, transparent), transparent); animation: bp-sheen2 5.5s ease-in-out infinite; }
#fruit-wagers .bpp .bp-fx::before { content: ""; position: absolute; inset: -30%;
  background: radial-gradient(40% 30% at 22% 20%, color-mix(in srgb, var(--pc) 30%, transparent), transparent), radial-gradient(36% 30% at 80% 72%, color-mix(in srgb, var(--pc) 22%, transparent), transparent);
  animation: bp-aur 8s ease-in-out infinite alternate; }
/* the two richest steps keep their own special aurora, so only the first four share this one */
#fruit-wagers .bpp[data-pt="5"] .bp-fx::before { background: radial-gradient(40% 30% at 22% 20%, color-mix(in srgb, var(--pc) 34%, transparent), transparent), radial-gradient(36% 30% at 80% 72%, rgba(255, 150, 220, .2), transparent), radial-gradient(30% 24% at 60% 30%, rgba(160, 200, 255, .14), transparent); }

/* the main button pulses a ring in the card's colour */
#fruit-wagers .bpp .bp-actions .bp-button.bp-primary { animation: bc-btnring 3.8s ease-out infinite; }
@keyframes bc-btnring {
  0% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -3px 0 rgba(0, 0, 0, .35), 0 0 0 2px color-mix(in srgb, var(--pc) 35%, #000), 0 8px 18px -6px var(--pc), 0 0 0 0 color-mix(in srgb, var(--pc) 70%, transparent); }
  60%, 100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -3px 0 rgba(0, 0, 0, .35), 0 0 0 2px color-mix(in srgb, var(--pc) 35%, #000), 0 8px 18px -6px var(--pc), 0 0 0 12px color-mix(in srgb, var(--pc) 0%, transparent); } }

/* value chips glow in every colour */
#fruit-wagers .bpp .bp-chip { filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .55)) drop-shadow(0 0 12px color-mix(in srgb, var(--k3) 65%, transparent)); }

/* filter chips: any step with wagers in it breathes; the picked one glows harder */
.cz-chip.has { animation: bc-tile 3.6s ease-in-out infinite; }
@keyframes bc-tile { 50% { box-shadow: inset 0 0 0 1.5px var(--tc, #aeb4c6), 0 0 22px -6px var(--tc, #aeb4c6); } }
.cz-chip.has[aria-pressed="true"] { animation: bc-tile-on 3.6s ease-in-out infinite; }
@keyframes bc-tile-on {
  0%, 100% { box-shadow: inset 0 0 0 2px var(--tc, #aeb4c6), inset 0 0 0 4px rgba(0, 0, 0, .5), 0 0 22px -6px var(--tc, #aeb4c6); }
  50% { box-shadow: inset 0 0 0 2px var(--tc, #aeb4c6), inset 0 0 0 4px rgba(0, 0, 0, .5), 0 0 34px -2px var(--tc, #aeb4c6); } }

@media (prefers-reduced-motion: reduce) {
  #fruit-wagers .bpp[data-pt], #fruit-wagers .bpp .bp-actions .bp-button.bp-primary, #fruit-wagers .bpp .bp-fx i, #fruit-wagers .bpp .bp-fx::before, #fruit-wagers .bpp .bp-fx::after, .cz-chip.has { animation: none; }
}

/* the first three cards are still dealt in, and then keep glowing */
@media (prefers-reduced-motion: no-preference) {
  #fruit-wagers .cz-deal > .bpp[data-pt]:nth-child(1) { animation: cz-deal .7s cubic-bezier(.2, 1.2, .35, 1) both, bc-glow 4.4s ease-in-out infinite; }
  #fruit-wagers .cz-deal > .bpp[data-pt]:nth-child(2) { animation: cz-deal .7s cubic-bezier(.2, 1.2, .35, 1) .1s both, bc-glow 4.4s ease-in-out infinite; }
  #fruit-wagers .cz-deal > .bpp[data-pt]:nth-child(3) { animation: cz-deal .7s cubic-bezier(.2, 1.2, .35, 1) .2s both, bc-glow 4.4s ease-in-out infinite; }
  #fruit-wagers .cz-deal > .bpp[data-pt]:nth-child(n+4) { animation: bc-glow 4.4s ease-in-out infinite; }
}

/* ---- value chips: every colour gets its own light, and hovering lights it up (the idle glow no longer overrides hover) ---- */
.cz-chip[data-pt="0"] { --tc: #aeb4c6; } .cz-chip[data-pt="2"] { --tc: #3ddc84; } .cz-chip[data-pt="1"] { --tc: #4aa3ff; }
.cz-chip[data-pt="5"] { --tc: #c06bff; } .cz-chip[data-pt="3"] { --tc: #ff4d5a; } .cz-chip[data-pt="6"] { --tc: #ff6ad5; } .cz-chip[data-pt="4"] { --tc: #ffcb5c; }
.cz-chip:hover:not([aria-pressed="true"]) { animation: bc-hov .35s ease-out both; }
@keyframes bc-hov { from { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--tc, #aeb4c6) 45%, transparent); } to { box-shadow: inset 0 0 0 2px var(--tc, #aeb4c6), 0 0 28px -4px var(--tc, #aeb4c6); } }
.cz-chip:hover:not([aria-pressed="true"]) .cz-fchip { animation: none; filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .7)) drop-shadow(0 0 16px var(--tc, #aeb4c6)); }
.cz-chip:hover:not([aria-pressed="true"]) em { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .22), 0 0 12px var(--tc, #aeb4c6); }
.cz-chip:hover:not([aria-pressed="true"])::after { opacity: .85; }

/* ---- calmer cards: quieter glow, a thinner and darker foil edge, a barely-there light sweep ---- */
#fruit-wagers .bpp[data-pt] { animation-duration: 6.5s; }
@keyframes bc-glow {
  0%, 100% { box-shadow: inset 0 0 0 5px #05020a, inset 0 0 0 6px color-mix(in srgb, var(--pc) 36%, transparent), 0 14px 30px -18px color-mix(in srgb, var(--pc) 65%, transparent), 0 0 0 1px rgba(0, 0, 0, .6); }
  50% { box-shadow: inset 0 0 0 5px #05020a, inset 0 0 0 6px color-mix(in srgb, var(--pc) 52%, transparent), 0 16px 34px -16px color-mix(in srgb, var(--pc) 75%, transparent), 0 0 calc(22px * var(--gl)) calc(-8px * var(--gl)) color-mix(in srgb, var(--pc) 38%, transparent), 0 0 0 1px rgba(0, 0, 0, .6); } }
#fruit-wagers .bpp[data-pt] {
  background:
    radial-gradient(ellipse at 50% -8%, color-mix(in srgb, var(--pc) 24%, transparent), transparent 62%),
    repeating-linear-gradient(45deg, color-mix(in srgb, var(--pc) 7%, transparent) 0 2px, transparent 2px 14px),
    repeating-linear-gradient(-45deg, color-mix(in srgb, var(--pc) 7%, transparent) 0 2px, transparent 2px 14px),
    linear-gradient(180deg, color-mix(in srgb, var(--pc) 11%, #0a040c), color-mix(in srgb, var(--pc) 4%, #040205)); }
#fruit-wagers .bpp:hover { filter: brightness(1.05); }
/* foil edge: thin, dark, with a soft highlight instead of a white flash */
#fruit-wagers .bpp.bpp::before, #fruit-wagers .bpp.bp-post[data-pt]::before { padding: 2px; opacity: .8;
  background: conic-gradient(from var(--bc-ang), color-mix(in srgb, var(--pc) 40%, #000), color-mix(in srgb, var(--pc) 62%, #000) 30%, color-mix(in srgb, var(--pc) 88%, #000) 38%, color-mix(in srgb, var(--pc) 62%, #000) 46%, color-mix(in srgb, var(--pc) 40%, #000) 70%, color-mix(in srgb, var(--pc) 50%, #000)); }
/* marquee bulbs and the two light sweeps: dimmer and slower */
#fruit-wagers .bpp-shine::before { opacity: .5; filter: drop-shadow(0 0 2px color-mix(in srgb, var(--pc) 55%, transparent)); }
#fruit-wagers .bpp-shine::after { background: linear-gradient(100deg, transparent, color-mix(in srgb, var(--pcl) 11%, transparent), transparent); animation-duration: 11s; }
#fruit-wagers .bpp .bp-fx::after { background: linear-gradient(100deg, transparent, color-mix(in srgb, var(--pcl, #fff) 9%, transparent), transparent); animation-duration: 10s; }
#fruit-wagers .bpp .bp-fx { opacity: .6; }
#fruit-wagers .bpp .bp-fx i { box-shadow: 0 0 5px var(--pc); }
/* felt, seam, chips, medallion, button, pill */
#fruit-wagers .bpp-stage { background: radial-gradient(ellipse at 50% 115%, color-mix(in srgb, var(--pc) 28%, #04030a), #040208 74%); }
#fruit-wagers .bpp-stage::after { box-shadow: 0 0 6px color-mix(in srgb, var(--pc) 70%, transparent), 0 0 10px color-mix(in srgb, var(--pc) 45%, transparent); opacity: .85; }
#fruit-wagers .bpp .bp-chip { filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .55)) drop-shadow(0 0 8px color-mix(in srgb, var(--k3) 38%, transparent)); }
#fruit-wagers .bpp-vs { box-shadow: inset 0 0 0 2px var(--pcd), inset 0 0 0 4px rgba(255, 255, 255, .25), 0 0 8px -2px color-mix(in srgb, var(--pc) 60%, transparent); }
#fruit-wagers .bpp-tier { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }
#fruit-wagers .bpp .bp-actions .bp-button.bp-primary { background: linear-gradient(180deg, color-mix(in srgb, var(--pc) 72%, #fff), color-mix(in srgb, var(--pc) 84%, #000) 55%, color-mix(in srgb, var(--pc) 58%, #000)); }
@keyframes bc-btnring {
  0% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -3px 0 rgba(0, 0, 0, .35), 0 0 0 2px color-mix(in srgb, var(--pc) 30%, #000), 0 6px 14px -8px var(--pc), 0 0 0 0 color-mix(in srgb, var(--pc) 42%, transparent); }
  60%, 100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -3px 0 rgba(0, 0, 0, .35), 0 0 0 2px color-mix(in srgb, var(--pc) 30%, #000), 0 6px 14px -8px var(--pc), 0 0 0 10px color-mix(in srgb, var(--pc) 0%, transparent); } }
#fruit-wagers .bpp .bp-actions .bp-button.bp-primary { animation-duration: 5s; }