.practice-bar{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:8px 22px;background:#111e33;min-height:46px;font-size:12px}.feedback{display:inline-flex;align-items:center;gap:7px;border-radius:30px;padding:5px 10px;min-height:30px;color:#b9d2dc;background:#20334a;max-width:100%;transition:background .25s,color .25s}.feedback>span:first-child{font-size:19px;line-height:20px;display:inline-block}.feedback[data-kind=correct]{color:#ffe5a1;background:#473b23}.feedback[data-kind=correct]>span:first-child{animation:star-hello .45s ease-out}.feedback[data-kind=again],.feedback[data-kind=grow]{background:#203b39;color:#c1e2cc}.practice-score{font-variant-numeric:tabular-nums;color:#f5d591;font-size:12px;white-space:nowrap}.practice-rule{color:#aabbd1;font-size:11px;margin-inline-start:auto}.party[hidden]{display:none!important}.party{position:fixed;z-index:20;bottom:max(60px,env(safe-area-inset-bottom));inset-inline-end:18px;width:min(500px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#3e356a 0,#192640 64%);border:1px solid #b69d66;border-radius:22px;box-shadow:0 16px 60px #03071699;color:#fff6dc;isolation:isolate;animation:party-enter .35s ease-out}.party-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:13px 13px 0 17px}.party-head p{margin:0}#partyTitle{font-size:17px;font-weight:800;line-height:1.3}#partyScore{font-size:11px;color:#e2d0aa;margin-top:5px}.party-actions{display:flex;gap:3px}.party-actions button{padding:5px;min-width:38px;min-height:38px;background:#ffffff12;color:#fff6dc;border-radius:50%;font-size:14px}.party-cast{display:flex;justify-content:center;align-items:flex-end;position:relative;padding:13px 7px 4px;height:103px;direction:ltr}.dancer{display:block;position:relative;flex:0 1 72px;max-width:76px;aspect-ratio:1;background-image:url('assets/party-heroes.png');background-size:300% 200%;background-repeat:no-repeat;transform-origin:50% 90%;animation:hero-dance .9375s ease-in-out infinite;will-change:transform;border-radius:18px;z-index:1}.hero-optimus{background-position:0 0;animation-name:robot-dance}.hero-leo{background-position:50% 0;animation-delay:-.25s}.hero-sonic{background-position:100% 0;animation-name:sonic-dance;animation-delay:-.12s}.hero-mikey{background-position:0 100%;animation-delay:-.47s}.hero-donnie{background-position:50% 100%;animation-delay:-.7s}.hero-raph{background-position:100% 100%;animation-delay:-.35s}.party-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden;color:#f6d896}.party-sparkles i{position:absolute;top:5px;font-style:normal;animation:party-spark 2.4s ease-in-out infinite;font-size:15px}.party-sparkles i:nth-child(1){left:6%}.party-sparkles i:nth-child(2){left:20%;animation-delay:-.7s;color:#a3d7e1}.party-sparkles i:nth-child(3){left:33%;animation-delay:-1.3s}.party-sparkles i:nth-child(4){left:48%;animation-delay:-.4s;color:#d8b5f5}.party-sparkles i:nth-child(5){left:63%;animation-delay:-1.7s}.party-sparkles i:nth-child(6){left:78%;animation-delay:-1s;color:#a4dcbd}.party-sparkles i:nth-child(7){left:92%;animation-delay:-2s}.party-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 17px 10px;min-height:31px;font-size:11px;color:#d6bc89;gap:8px}.party-bottom button{font-size:11px;min-height:32px;padding:4px 10px;background:#f4ce88;color:#1c2940}.party-track{height:3px;background:#ffffff10;overflow:hidden}.party-track span{display:block;background:#f3cf8a;width:100%;height:100%;transform-origin:left center;transition:transform .15s linear}#partyTime{font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes star-hello{0%{transform:scale(.6) rotate(-15deg)}65%{transform:scale(1.18) rotate(12deg)}100%{transform:scale(1) rotate(0)}}@keyframes hero-dance{0%,100%{transform:translateY(0) rotate(-6deg)}25%{transform:translateY(-9px) rotate(4deg)}50%{transform:translateY(0) rotate(7deg) scaleY(.96)}75%{transform:translateY(-6px) rotate(-3deg)}}@keyframes robot-dance{0%,100%{transform:rotate(-6deg)}25%{transform:translateY(-6px) rotate(-6deg)}50%{transform:rotate(6deg)}75%{transform:translateY(-6px) rotate(6deg)}}@keyframes sonic-dance{0%,100%{transform:translateX(-4px) rotate(-9deg)}25%{transform:translateY(-13px) rotate(5deg)}50%{transform:translateX(4px) rotate(9deg)}75%{transform:translateY(-6px) rotate(-4deg)}}@keyframes party-spark{0%,100%{transform:translateY(35px) rotate(-15deg);opacity:0}30%,70%{opacity:.8}80%{transform:translateY(-8px) rotate(20deg);opacity:0}}@keyframes party-enter{from{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.practice-bar{padding:8px 12px;gap:7px 10px}.practice-rule{width:100%;margin:0}.party{inset-inline-end:12px;bottom:max(60px,env(safe-area-inset-bottom))}.party-cast{height:86px}.dancer{border-radius:12px}#partyTitle{font-size:16px}.party-head{padding:11px 10px 0 13px}.party-bottom{padding-inline:13px}}@media(max-height:460px) and (orientation:landscape){.party{max-width:420px;bottom:55px}.party-cast{height:76px}.dancer{max-width:58px}.party-head{padding-top:8px}.party-bottom{padding-bottom:6px}}@media(prefers-reduced-motion:reduce){.party,.dancer,.party-sparkles i,.feedback>span:first-child{animation:none!important;transition:none!important}.party-sparkles i{opacity:.7}.party-track span{transition:none}}

.party-preview{margin-top:12px;color:#f8eed9;background:#263951;border:1px solid #526a7d;font-size:12px;min-height:40px}

.dedication-banner{display:block;width:min(460px,100%);height:auto;border-radius:16px;margin:4px auto 8px}footer{flex-wrap:wrap}footer .dedication-trigger{flex-basis:100%;max-width:460px}footer:has(.dedication-banner){max-width:540px;margin-inline:auto}

.dedication-trigger{display:block;width:min(460px,100%);padding:0;background:transparent;border:0;touch-action:manipulation;cursor:default}.dedication-trigger:hover{filter:none}.dedication-trigger .dedication-banner{width:100%;margin:4px 0 8px}