.game.stage-celebrating {border-color:#3a897e; border-top-color:#75e0c1; background:radial-gradient(ellipse at 50% 0,#1e695d50,transparent 75%),#0b202a; }
.game.stage-celebrating:before {background:#a6f0d5; }
.game.stage-celebrating:not(.stage-reviewed)>:not(#stage-success) {display:none!important; }
.stage-success {position:relative; max-width:480px; margin:0 auto; padding:10px 0 9px; text-align:center; animation:success-reveal .5s cubic-bezier(.16,1,.3,1) both; }
.success-check {display:grid; place-items:center; width:40px; height:40px; margin:0 auto 14px; border:1px solid #77dbba; border-radius:50%; color:#b5ffe2; font-size:24px; background:#287a6244; box-shadow:0 0 35px #57d5a52b; animation:success-check .65s cubic-bezier(.16,1,.3,1) both; }
.success-eyebrow {font-size:9px; text-transform:uppercase; letter-spacing:2.5px; color:#89d8bf; margin:0 0 4px; }
.success-title {font:900 clamp(38px,7vw,50px)/1.1 'Barlow Condensed',sans-serif; font-style:italic; letter-spacing:1px; color:#d1ffe9; margin:0 0 22px; text-shadow:0 0 28px #71e4b530; }
.success-person {display:flex; justify-content:center; align-items:center; gap:20px; margin:0 auto 23px; text-align:left; }
.success-portrait {width:76px; height:91px; object-fit:cover; object-position:center 20%; border:2px solid #7be6c1; border-radius:4px; box-shadow:5px 5px 0 #21443e; }
.success-person-label {font-size:10px; color:#96beaf; margin:0 0 5px; }
.success-name {display:block; color:#f0fff8; font:700 clamp(24px,5vw,32px)/1.15 'Barlow Condensed',sans-serif; }
.success-attempts {font-size:10px; color:#90b8ad; margin:8px 0 0; line-height:1.5; }
.success-next {display:flex; align-items:center; gap:16px; width:100%; padding:13px 20px; background:linear-gradient(110deg,#183d50,#102c3e); border:1px solid #518a9b; border-left:3px solid #8ae2ff; border-radius:3px; color:#e5f7ff; text-align:left; transition:background .15s,border-color .15s; }
.success-next:hover {background:#204d62; border-color:#a6e6fb; }
.success-next-icon {width:34px; height:34px; }
.success-next-copy {display:grid; gap:4px; }
.success-next-copy small {font-size:8px; color:#9fc7da; letter-spacing:2px; }
.success-next-copy strong {font:700 23px 'Barlow Condensed',sans-serif; }
.success-arrow {font-size:24px; margin-left:auto; }
.success-auto {color:#86a79d; font-size:9px; line-height:1.6; margin:12px 0; }
.success-track {height:3px; overflow:hidden; background:#22493f; border-radius:2px; }
.success-progress {display:block; width:100%; height:100%; background:#8aefd0; transform-origin:left; animation:success-countdown var(--success-duration) linear both; }
.stage.just-completed {animation:completed-pulse .8s ease-out both; border-color:#74dab3; }
.stage.just-completed .stage-status {color:#9bf4cd; }
.game.stage-arriving {animation:stage-arrive .4s ease-out both; }
@keyframes success-reveal {from {transform:translateY(18px) scale(.97);} to {transform:none;} }
@keyframes success-check {from {opacity:0; transform:scale(.3) rotate(-20deg);} to {opacity:1; transform:none;} }
@keyframes success-countdown {from {transform:scaleX(1);} to {transform:scaleX(0);} }
@keyframes completed-pulse {0%,100% {box-shadow:0 0 0 0 #79e3b900;} 40% {box-shadow:0 0 0 7px #79e3b924;} }
@keyframes stage-arrive {from {opacity:.3; transform:translateY(10px);} to {opacity:1; transform:none;} }
@media(max-width:650px) {.stage-success {padding:8px 0;} .success-person {gap:15px;} .success-portrait {width:64px; height:78px;} .success-next {padding:12px 14px;} .success-attempts {max-width:190px;} }
@media(prefers-reduced-motion:reduce) {.stage-success,.success-check,.success-progress,.stage.just-completed,.game.stage-arriving {animation:none!important;} }

.game.stage-reviewed>:not(#stage-success):not(.table-scroll):not(#simple-guesses):not(#legend) {display:none!important;}
.game.stage-reviewed .stage-success {margin-top:28px; padding-top:26px; border-top:1px solid #75e0c133;}

.success-countdown {margin:0 auto 22px; text-align:center;}
.success-countdown p {margin:0 0 5px; font-size:11px; color:#a7cbbf;}
.success-countdown strong {display:block; font:700 34px/1.1 'Barlow Condensed',sans-serif; font-variant-numeric:tabular-nums; letter-spacing:2px; color:#d1ffe9;}
.success-countdown small {display:block; margin-top:5px; font-size:9px; color:#90b8ad;}
