/* Win motion focuses on the headline, payout count, and final amount. */
.win-celebration { position: absolute; inset: 0; z-index: 10; overflow: hidden; pointer-events: none; --win-size: clamp(90px,15vw,340px); }
.win-celebration::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 42%,#27436ade,#10132bed 65%,#10132b40); animation: win-scrim .22s ease-out both; }
.scoreboard { transition: opacity .2s; }
.celebrating .scoreboard { opacity: .12; }
.win-content { position: absolute; z-index: 3; left: 50%; top: var(--win-center-y); display: flex; flex-direction: column; align-items: center; width: max-content; max-width: 90%; transform: translate(-50%,-50%); }
.win-total { color: var(--mint); width: max-content; max-width: 100%; font: 700 var(--win-size)/1.13 var(--display); font-variant-numeric: tabular-nums; letter-spacing: -.045em; white-space: nowrap; text-shadow: 0 5px 0 #0b172a,0 0 55px #adff9b35; }
.win-kicker { margin-bottom: 8px; color: var(--accent-light); white-space: nowrap; font: 700 clamp(28px,6vw,104px)/1.05 var(--display); letter-spacing: .035em; }
.win-headline { margin-bottom: 8px; color: var(--mint); white-space: nowrap; font: 700 clamp(36px,8.5vw,144px)/1.05 var(--display); letter-spacing: .025em; text-shadow: 0 3px 0 #0b172a,0 0 35px #adff9b20; }
.is-jackpot .win-kicker { color: var(--mint); }
.is-jackpot .win-total { color: var(--accent-light); text-shadow: 0 5px 0 #0b172a,0 0 60px #6ae6ff55; }
.is-playing .win-content { animation: win-launch .62s cubic-bezier(.16,.8,.3,1) both; }
.is-playing .win-headline { animation: win-title .42s .12s cubic-bezier(.16,.8,.3,1) both; }
.is-counted .win-total { animation: win-final-impact .38s ease-out both; }
.win-celebration.is-leaving { animation: win-exit .26s ease-in forwards; }
@keyframes win-scrim { from { opacity: 0; } to { opacity: 1; } }
@keyframes win-launch {
  0% { opacity: .4; transform: translate(calc(-50% + var(--from-x)),calc(-50% + var(--from-y))) scale(var(--from-scale)) rotate(-4deg); }
  48% { opacity: 1; transform: translate(-50%,-54%) scale(1.12) rotate(1.5deg); }
  72% { transform: translate(-50%,-48%) scale(.97) rotate(-.5deg); }
  100% { opacity: 1; transform: translate(-50%,-50%) scale(1) rotate(0); }
}
@keyframes win-title { from { opacity: 0; transform: translateY(20px) scale(.75); } 70% { opacity: 1; transform: translateY(-3px) scale(1.06); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes win-final-impact { 0% { transform: scale(1); } 32% { transform: scale(1.085); } 65% { transform: scale(.985); } 100% { transform: scale(1); } }
@keyframes win-exit { to { opacity: 0; transform: translateY(-12px) scale(1.03); } }
@media (max-width: 760px) { .win-celebration { --win-size: clamp(65px,18vw,130px); } .win-kicker { font-size: clamp(24px,7.5vw,48px); } .win-headline { font-size: clamp(32px,10vw,64px); } }
@media (orientation: landscape) and (max-height: 500px) { .win-celebration { --win-size: 70px; } .win-kicker { font-size: 24px; margin-bottom: 4px; } .win-headline { font-size: 36px; margin-bottom: 0; } }
@media (prefers-reduced-motion: reduce) { .win-celebration { display: none; } .celebrating .scoreboard { opacity: 1; } }