.music-control{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd8ce;background:#edf3eb;border-radius:999px;min-height:40px;padding:9px 14px;font-size:12px;font-weight:600;white-space:nowrap}.music-control svg{width:18px;height:18px;flex-shrink:0}.music-control[aria-pressed=false]{background:transparent;color:var(--muted)}.host-workspace .room-top{gap:18px;flex-wrap:wrap}.music-control:hover{background:#dcebe1}.music-control:focus-visible{outline:3px solid #679a80;outline-offset:3px}
.celebration{position:relative;padding-top:24px}.celebration-heading{text-align:center;position:relative;z-index:2}.celebration-heading .eyebrow{justify-content:center;margin-bottom:18px}.celebration-heading h1{font-size:clamp(32px,4.3vw,58px);overflow-wrap:anywhere;margin-bottom:16px}.celebration-heading p{margin-bottom:0}.celebration-stage{isolation:isolate;position:relative;max-width:880px;margin:0 auto 40px;padding:64px 35px 24px;overflow:hidden;border-radius:40px;background:radial-gradient(ellipse at 50% 60%,#fff9e1 0%,#f2efe3 48%,transparent 75%)}.celebration-lights{position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:.7}.celebration-lights i{position:absolute;width:28%;height:140%;top:-20%;left:36%;transform-origin:50% 0;background:linear-gradient(#efdfa600,#efdfa633,#efdfa600);clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);animation:arena-light 9s ease-in-out infinite alternate}.celebration-lights i:nth-child(2){animation-delay:-3s;background:linear-gradient(#badaca00,#badaca55,#badaca00)}.celebration-lights i:nth-child(3){animation-delay:-6s;background:linear-gradient(#c5b4e500,#c5b4e544,#c5b4e500)}.champion-towers{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:16px;z-index:1}.champion-tower{width:30%;min-width:0;text-align:center;position:relative;--metal:#d8af4b;--metal-light:#f5df93;--base-height:190px}.champion-2{--metal:#9bb6b2;--metal-light:#dcece6;--base-height:142px}.champion-3{--metal:#bd8d71;--metal-light:#f4d3b6;--base-height:110px}.champion-person{position:relative;padding-bottom:18px;animation:champion-arrives 1s cubic-bezier(.17,.84,.32,1.1) var(--arrival) both}.champion-character{position:relative;width:fit-content;margin:0 auto 12px;animation:champion-bob 4s ease-in-out calc(var(--arrival) + 1s) infinite}.celebration .champion-avatar{width:128px;height:128px;border-radius:34px;background:#fff9;box-shadow:0 10px 25px #283d2b19,0 0 0 5px #fff6;display:inline-flex}.champion-1 .champion-avatar{width:148px;height:148px;background:#fff1b9;box-shadow:0 15px 35px #bda24833,0 0 0 6px #ffe4a280}.champion-person h3{font-size:20px;margin:0 0 6px;line-height:1.25;overflow-wrap:anywhere}.champion-score{display:block;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.champion-score small{font-size:10px;letter-spacing:.6px;font-weight:400}.champion-sparkle{position:absolute;right:-12px;top:15px;font-size:26px;color:var(--metal);animation:champion-sparkle 2.4s ease-in-out calc(var(--arrival) + 1s) infinite}.champion-crown{position:absolute;left:50%;top:-49px;transform:translateX(-50%);font-size:47px;line-height:1;color:#b9912e;filter:drop-shadow(0 4px 3px #ac8c2220);animation:crown-lands 1.1s cubic-bezier(.18,.79,.32,1.2) 3.55s both;z-index:3}.champion-base{position:relative;overflow:hidden;height:var(--base-height);border-radius:18px 18px 3px 3px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:linear-gradient(110deg,var(--metal-light),var(--metal));border:1px solid #fff7;box-shadow:inset 0 8px 0 #fff3,inset -10px 0 0 #00000008,0 10px 25px #22352619;transform-origin:50% 100%;animation:champion-base-rises .95s cubic-bezier(.2,.85,.3,1) var(--arrival) both}.champion-base::after{content:'';position:absolute;inset:-80% auto -80% -80%;width:35%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(25deg);animation:champion-shine 1.5s calc(var(--arrival) + 1.1s) both}.champion-base strong{font-family:Georgia,serif;font-size:70px;line-height:1;color:#263c3799;font-weight:400;text-shadow:0 2px #ffffff60}.champion-base>span:last-child{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#283a36b0;margin-top:12px}.champion-medal{position:absolute;right:12px;top:10px;opacity:.12;font-size:54px;transform:rotate(15deg)}.celebration-floor{position:absolute;left:10%;right:10%;height:18px;bottom:10px;border-radius:50%;background:#44634c25;filter:blur(7px);z-index:-1}.celebration-confetti{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.celebration-confetti i{position:absolute;left:calc(var(--x)*1%);top:-20px;width:8px;height:13px;border-radius:2px;background:var(--color);animation:arena-confetti 5.5s cubic-bezier(.25,.5,.7,1) var(--delay) both}.celebration-confetti i:nth-child(3n){width:9px;height:9px;border-radius:50%}.celebration .final-ranking{max-width:880px;margin:auto}.celebration-count-1 .champion-tower{width:240px}.celebration-count-2 .champion-tower{width:32%}
@keyframes champion-arrives{0%{opacity:0;transform:translateY(45px) scale(.65) rotate(-6deg)}70%{opacity:1;transform:translateY(-12px) scale(1.04) rotate(2deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes champion-base-rises{0%{opacity:0;transform:scaleY(.08)}100%{opacity:1;transform:scaleY(1)}}@keyframes champion-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes crown-lands{0%{opacity:0;transform:translate(-50%,-80px) rotate(-20deg) scale(.6)}70%{opacity:1;transform:translate(-50%,5px) rotate(6deg) scale(1.1)}100%{opacity:1;transform:translate(-50%,0) rotate(0) scale(1)}}@keyframes champion-shine{0%{left:-80%}100%{left:180%}}@keyframes champion-sparkle{0%,100%{opacity:.3;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(90deg)}}@keyframes arena-light{from{transform:rotate(-30deg)}to{transform:rotate(30deg)}}@keyframes arena-confetti{0%{opacity:0;transform:translate(0,-20px) rotate(0)}8%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translate(var(--drift),620px) rotate(var(--spin))}}
@media(max-width:650px){.host-workspace .room-top{gap:12px}.music-control{min-height:44px;padding:10px 12px;font-size:11px}.celebration{padding-top:5px}.celebration-heading .eyebrow{font-size:8px;letter-spacing:1px}.celebration-heading h1{font-size:33px;letter-spacing:-1px}.celebration-heading p{font-size:13px}.celebration-stage{padding:65px 8px 20px;margin-bottom:25px;border-radius:25px}.champion-towers{gap:7px}.champion-tower{width:32%;--base-height:145px}.champion-2{--base-height:110px}.champion-3{--base-height:85px}.celebration .champion-avatar{width:74px;height:74px;border-radius:22px}.champion-1 .champion-avatar{width:90px;height:90px}.champion-person h3{font-size:13px}.champion-person{padding-bottom:12px}.champion-score{font-size:15px}.champion-score small{font-size:8px}.champion-character{margin-bottom:9px}.champion-base{border-radius:12px 12px 2px 2px}.champion-base strong{font-size:52px}.champion-base>span:last-child{font-size:6px;letter-spacing:.5px;margin-top:8px}.champion-crown{font-size:37px;top:-42px}.champion-sparkle{font-size:18px;right:-8px}.champion-medal{font-size:36px;top:7px;right:7px}.celebration-count-1 .champion-tower{width:160px}.celebration-count-2 .champion-tower{width:42%}.celebration .final-ranking{padding:16px}}
@media(prefers-reduced-motion:reduce){.celebration *, .celebration *::after{animation:none!important;transition:none!important}.celebration-confetti{display:none}.celebration-lights{opacity:.4}}
.celebration-settled .champion-person,.celebration-settled .champion-base,.celebration-settled .champion-base::after,.celebration-settled .champion-crown{animation:none}.celebration-settled .celebration-confetti{display:none}