.big-win-celebration { position:fixed; inset:0; z-index:190; overflow:hidden; pointer-events:none; user-select:none; contain:layout paint; animation:big-win-fade 3.6s both; }
.big-win-celebration * { pointer-events:none; }
.big-win-decor { position:absolute; inset:0; overflow:hidden; }
.big-win-halo { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 30%,#ffd57739,transparent 62%); }
.big-win-coin { position:absolute; top:-60px; left:var(--x); width:var(--size); height:var(--size); animation:big-win-fall var(--fall) var(--delay) cubic-bezier(.24,.25,.55,.95) both; }
.big-win-coin-face { display:grid; place-items:center; width:100%; height:100%; border:2px solid #ffec9f; border-radius:50%; outline:1px solid #ae6e18; outline-offset:-5px; background:linear-gradient(135deg,#fff1a8 4%,#f5c64e 35%,#ce8620 66%,#ffe397 95%); color:#9b5715; font:bold calc(var(--size)*.62)/1 Georgia,serif; text-shadow:0 1px #ffe6a1; box-shadow:2px 3px 0 #945913,0 4px 8px #0004; animation:big-win-spin var(--spin) linear infinite; }
.big-win-glint { position:absolute; width:7px; height:7px; background:#fff2ba; clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); animation:big-win-glint 1.5s ease-in-out 2 both; }
.big-win-banner { position:absolute; top:clamp(110px,22vh,230px); left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100vw - 32px); padding:17px 26px 20px; border:1px solid #e9c576c7; border-radius:18px; background:radial-gradient(ellipse at top,#5b4927f0,#132b29f0 72%); box-shadow:0 0 0 4px #cfa45024,0 12px 44px #0006,0 0 38px #efc36640; text-align:center; animation:big-win-banner-in .5s cubic-bezier(.16,.8,.22,1) both; }
.big-win-eyebrow { display:block; color:#ecd39c; font:500 11px/1.6 system-ui; letter-spacing:5px; }
.big-win-title { display:block; margin:3px 0 12px; color:#ffedb2; font:800 clamp(28px,7vw,42px)/1.2 system-ui; letter-spacing:3px; text-shadow:0 3px #89561e,0 0 15px #fdd3705c; }
.big-win-winners { display:grid; gap:9px 18px; }
.big-win-winners.has-many { grid-template-columns:repeat(2,minmax(0,1fr)); }
.big-win-winner { display:grid; gap:3px; min-width:0; }
.big-win-name { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#eee2bf; font:500 13px/1.5 system-ui; }
.big-win-amount { color:#ffdc76; font:800 clamp(28px,8vw,40px)/1.1 system-ui; font-variant-numeric:tabular-nums; text-shadow:0 2px #7e4c1c; }
.has-many .big-win-amount { font-size:24px; }.has-many .big-win-name { max-width:135px; }
.big-win-celebration.is-quiet,.big-win-celebration.is-quiet .big-win-banner { animation:none; }
@keyframes big-win-fall { 0%{opacity:0;transform:translate3d(0,-3vh,0) rotate(var(--tilt));} 8%,82%{opacity:1;} 100%{opacity:0;transform:translate3d(var(--drift),calc(100dvh + 130px),0) rotate(calc(var(--tilt) + 290deg));} }
@keyframes big-win-spin { 0%{transform:rotateY(0);} 50%{transform:rotateY(180deg);} 100%{transform:rotateY(360deg);} }
@keyframes big-win-glint { 0%,100%{opacity:0;transform:scale(.3) rotate(0);} 45%{opacity:.9;transform:scale(1.6) rotate(90deg);} }
@keyframes big-win-banner-in { from{opacity:0;transform:translate(-50%,16px) scale(.75);} to{opacity:1;transform:translate(-50%,0) scale(1);} }
@keyframes big-win-fade { 0%,82%{opacity:1;} 100%{opacity:0;} }
@media(orientation:landscape) and (max-height:500px) { .big-win-banner { top:70px; padding:12px 24px; }.big-win-title { font-size:28px;margin-bottom:7px; }.big-win-amount { font-size:28px; } }
@media(prefers-reduced-motion:reduce) { .big-win-celebration,.big-win-banner { animation:none; }.big-win-decor { display:none; } }
.reduce-motion .big-win-decor { display:none; }.reduce-motion .big-win-celebration,.reduce-motion .big-win-banner { animation:none; }