.test-celebration{--star-gold:#b48121;position:relative;isolation:isolate;text-align:center;max-width:650px;margin:24px auto 8px;overflow:hidden}
.test-celebration-stars{display:flex;align-items:center;justify-content:center;gap:20px;height:48px}
.test-celebration-stars span{display:block;width:44px;height:48px;font-size:38px;line-height:48px;color:var(--muted)}
.test-celebration-stars .earned{color:var(--star-gold)}
.test-celebration-stage{width:min(100%,570px);aspect-ratio:3/2;margin:0 auto}
.test-celebration canvas{display:block;width:100%;height:100%}
.test-celebration-art{mix-blend-mode:multiply}
.test-celebration-caption{font:23px/1.3 var(--serif);margin:5px 0 4px;min-height:30px}
.test-celebration-replay{display:inline-block;min-height:44px;margin:4px auto 0}
.test-celebration-effects{position:absolute;inset:0;pointer-events:none;z-index:2}
.test-celebration-flying{position:absolute;left:0;top:0;display:block;width:52px;height:52px;text-align:center;font-size:51px;line-height:52px;transform-origin:center;color:var(--star-gold);opacity:0}
.test-celebration-quixote{--star-gold:#b98424}
.test-celebration-quixote .test-celebration-stage{position:relative;width:min(100%,620px);overflow:hidden}
.test-celebration-quixote .test-celebration-art{position:relative;z-index:1;pointer-events:none}
.test-celebration-sky{position:absolute;inset:0 0 24% 0;overflow:hidden;z-index:0}
.test-celebration-sky span{position:absolute;display:block;width:60px;height:60px;line-height:60px;color:var(--star-gold);transform:translate(-50%,-50%);opacity:0}
.test-celebration-sky span:nth-child(1){left:20.8%}
.test-celebration-sky span:nth-child(2){left:33.5%}
.test-celebration-sky span:nth-child(3){left:46.2%}
.test-celebration-quixote .test-celebration-effects{display:none}
@media(max-width:500px){.test-celebration{margin-top:18px}.test-celebration-caption{font-size:21px}}