.runtime-module__DPxq9q__stage{isolation:isolate;background:radial-gradient(ellipse 60% 70% at 14% -4%, #ffc0783d, transparent 64%), radial-gradient(ellipse 54% 60% at 88% 104%, var(--tint-a), transparent 66%), radial-gradient(ellipse 42% 50% at 80% 8%, var(--tint-b), transparent 70%), linear-gradient(160deg, #24185c 0%, #161040 55%, #221956 100%);width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.runtime-module__DPxq9q__starsFar,.runtime-module__DPxq9q__starsNear{pointer-events:none;width:160%;height:160%;position:absolute;top:-30%;left:-30%}.runtime-module__DPxq9q__starsFar{opacity:.5;background-image:radial-gradient(circle,#ffffff80 1px,#0000 1.2px);background-position:43px 19px;background-size:87px 87px;animation:60s ease-in-out infinite alternate runtime-module__DPxq9q__drift-far}.runtime-module__DPxq9q__starsNear{opacity:.55;background-image:radial-gradient(circle,#ffffffd9 1.4px,#0000 1.6px),radial-gradient(circle,#ffe0aa99 1px,#0000 1.3px);background-position:0 0,27px 33px;background-size:56px 56px,79px 79px;animation:42s ease-in-out infinite alternate runtime-module__DPxq9q__drift-near}.runtime-module__DPxq9q__spark{aspect-ratio:1;pointer-events:none;width:.9cqw;animation:runtime-module__DPxq9q__spark-twinkle var(--tw-dur,2.2s) ease-in-out infinite;animation-delay:var(--tw-delay,0s);background:radial-gradient(circle,#fff0bef2,#ffe8a000 70%);border-radius:50%;position:absolute}.runtime-module__DPxq9q__listen{z-index:2;place-items:end center;width:32cqw;display:grid;position:absolute;top:38cqh;bottom:3cqh;left:3cqw}.runtime-module__DPxq9q__panel{--card:min(19cqw, 32cqh);background:linear-gradient(#06021ab8,#140a3a94);border-radius:3cqw;flex-direction:column;align-items:center;gap:1.6cqh;padding:1.8cqh 2.2cqw 2.2cqh;animation:.44s cubic-bezier(.2,.9,.3,1.3) backwards runtime-module__DPxq9q__pop-in;display:flex;box-shadow:inset 0 .9cqh 1.8cqh #0009,inset 0 -.35cqh #ffffff1a,0 0 0 1px #ffffff14}.runtime-module__DPxq9q__band{width:var(--card);border-radius:4cqh;justify-content:center;align-items:center;gap:1.4cqw;height:8cqh;display:flex;box-shadow:inset 0 0 0 .25cqh #d2e6ff2e}.runtime-module__DPxq9q__bandFlash{animation:.5s ease-in-out 3 runtime-module__DPxq9q__band-flash}.runtime-module__DPxq9q__clapDot{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#fffbe6 0%,#ffe07a 45%,#ffb938 100%);border-radius:50%;width:5.2cqh;animation:.38s cubic-bezier(.2,.9,.3,1.5) both runtime-module__DPxq9q__dot-pop;box-shadow:0 0 0 .4cqh #fff4c873,0 0 2.4cqh #ffd43bbf}.runtime-module__DPxq9q__cardWrap{width:var(--card);height:var(--card);position:relative}.runtime-module__DPxq9q__card{background:radial-gradient(80% 60% at 50% 25%,#ffffff38,#0000 70%),linear-gradient(#bedcff2e,#788cdc1a);border-radius:14%;place-items:center;width:100%;height:100%;animation:3.2s ease-in-out infinite runtime-module__DPxq9q__card-float;display:grid;box-shadow:inset 0 .4cqh #ffffff4d,inset 0 -.8cqh 1.4cqh #0a042859,0 0 0 .25cqh #d2e6ff4d}.runtime-module__DPxq9q__cardImage{filter:drop-shadow(0 1.2cqh 1.4cqh #06021c66);width:82%;height:82%;display:block}.runtime-module__DPxq9q__curtain{background:repeating-linear-gradient(90deg,#ffffff14 0 1.6cqw,#0000001a 1.6cqw 3.2cqw),linear-gradient(#7a66d4 0%,#4d3c9f 60%,#3a2d80 100%)}.runtime-module__DPxq9q__curtainIcon{color:#ffe9a8;width:48%;height:58%;animation:2.2s ease-in-out infinite runtime-module__DPxq9q__mark-bob}.runtime-module__DPxq9q__askMark{aspect-ratio:1;color:#3a2400;background:linear-gradient(#fff1b8,#ffd43b);border-radius:50%;place-items:center;width:26%;font-size:min(3.4cqw,6cqh);line-height:1;animation:2.2s ease-in-out infinite runtime-module__DPxq9q__mark-bob;display:grid;position:absolute;top:-6%;right:-6%;box-shadow:0 0 0 .35cqh #ffffff80,0 .8cqh 1.6cqh #06021c73}.runtime-module__DPxq9q__replay{cursor:pointer;color:#fff5e0;background:linear-gradient(#ffffff38,#ffffff14);border:none;border-radius:999px;align-items:center;gap:.8cqw;height:8cqh;min-height:48px;padding:0 2.2cqw;font-size:min(2.1cqw,3.8cqh);font-weight:800;transition:transform .12s ease-out,opacity .2s ease-out;display:inline-flex;box-shadow:inset 0 .4cqh #ffffff4d,0 .6cqh #140a3c80}.runtime-module__DPxq9q__replay:hover{transform:translateY(-.4cqh)}.runtime-module__DPxq9q__replay:active{transform:translateY(.5cqh)scale(.97)}.runtime-module__DPxq9q__replay:disabled{opacity:.45;cursor:default;transform:none}.runtime-module__DPxq9q__replay:focus-visible{outline-offset:.3cqw;outline:.45cqw solid #8ef3ff}.runtime-module__DPxq9q__replayIcon{width:max(30px,min(4cqw,6cqh));height:max(30px,min(4cqw,6cqh))}.runtime-module__DPxq9q__ledge{z-index:3;background:linear-gradient(#ffd68038,#96641e29);border-radius:2.6cqw;justify-content:center;align-items:center;gap:2.4cqw;height:40cqh;padding:0 2.4cqw;display:flex;position:absolute;top:44cqh;left:41cqw;right:4cqw;box-shadow:inset 0 .5cqh #fff5d247,inset 0 -.8cqh 1.6cqh #3c1e0059,0 0 0 1px #ffe2a038}.runtime-module__DPxq9q__drum{width:min(9.4cqw, 22cqh, calc((51cqw - (var(--n,1) - 1) * 2.4cqw) / var(--n,1)));aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:64px;animation:.42s cubic-bezier(.2,.9,.3,1.3) backwards runtime-module__DPxq9q__pop-in;animation-delay:var(--enter-delay,0s);background:radial-gradient(70% 55% at 50% 40%,#ffffff47,#0000 72%),radial-gradient(circle,#f5ead2 0 58%,#caa56a 60% 66%,#a3562e 68% 100%);border:none;border-radius:50%;flex:none;transition:transform .12s ease-out,box-shadow .12s ease-out;position:relative;box-shadow:inset 0 .5cqh #fff6,0 1.1cqh #6e3418,0 1.8cqh 2.4cqh #00000061}.runtime-module__DPxq9q__drum:hover{transform:translateY(-.6cqh)scale(1.04)}.runtime-module__DPxq9q__drum:active,.runtime-module__DPxq9q__drumPressed{transform:translateY(.9cqh)scale(.95);box-shadow:inset 0 .4cqh .8cqh #28140066,0 .2cqh #6e3418}.runtime-module__DPxq9q__drum:focus-visible{outline-offset:.3cqw;outline:.55cqw solid #8ef3ff}.runtime-module__DPxq9q__drumSolved{transform:translateY(-2cqh)scale(1.08);box-shadow:inset 0 .5cqh #ffffff73,0 0 0 .45cqh #ffd43bf2,0 1.6cqh #6e3418,0 0 3cqh #ffd43bb3}.runtime-module__DPxq9q__drumDot{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#6a4bd8,#2f1f78);border-radius:50%;width:17%;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 .25cqh #ffffff59}.runtime-module__DPxq9q__tapRow{align-items:flex-end;gap:4cqw;display:flex}.runtime-module__DPxq9q__tapColumn{flex-direction:column;align-items:center;gap:1.6cqh;display:flex}.runtime-module__DPxq9q__tapDots{flex-wrap:wrap;place-content:center;gap:.8cqw;width:26cqw;min-height:6cqh;display:flex}.runtime-module__DPxq9q__tapDot{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#fffbe6 0%,#ffe07a 45%,#ffb938 100%);border-radius:50%;width:4.6cqh;animation:.3s cubic-bezier(.2,.9,.3,1.5) both runtime-module__DPxq9q__dot-pop;box-shadow:0 0 1.6cqh #ffd43b99}.runtime-module__DPxq9q__bigDrum{width:min(22cqw,26cqh)}.runtime-module__DPxq9q__done{cursor:pointer;color:#3a2400;background:linear-gradient(#fff1b8,#ffd43b);border:none;border-radius:3cqh;min-width:64px;height:11cqh;min-height:64px;margin-bottom:4cqh;padding:0 3cqw;font-size:min(2.8cqw,5cqh);transition:transform .12s ease-out,box-shadow .12s ease-out;animation:.42s cubic-bezier(.2,.9,.3,1.3) .12s backwards runtime-module__DPxq9q__pop-in;box-shadow:inset 0 .5cqh #fff9,0 .9cqh #a8741a,0 1.4cqh 2cqh #0000004d}.runtime-module__DPxq9q__done:hover{transform:translateY(-.5cqh)scale(1.03)}.runtime-module__DPxq9q__done:active,.runtime-module__DPxq9q__donePressed{transform:translateY(.8cqh)scale(.96);box-shadow:inset 0 .4cqh .8cqh #50280059,0 .2cqh #a8741a}.runtime-module__DPxq9q__done:focus-visible{outline-offset:.3cqw;outline:.55cqw solid #8ef3ff}.runtime-module__DPxq9q__fxLayer{pointer-events:none;z-index:40;position:absolute;inset:0}.runtime-module__DPxq9q__practice{box-shadow:inset 0 0 0 .9cqh #22d3eed9,inset 0 0 4cqh #22d3ee47}@keyframes runtime-module__DPxq9q__drift-far{0%{transform:translate(0,0)}to{transform:translate(-2.5%,1.5%)}}@keyframes runtime-module__DPxq9q__drift-near{0%{transform:translate(0,0)}to{transform:translate(3.5%,-2%)}}@keyframes runtime-module__DPxq9q__spark-twinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes runtime-module__DPxq9q__pop-in{0%{opacity:0;transform:translateY(1.4cqh)scale(.86)}to{opacity:1;transform:none}}@keyframes runtime-module__DPxq9q__dot-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes runtime-module__DPxq9q__band-flash{0%,to{box-shadow:inset 0 0 0 .25cqh #d2e6ff2e}50%{box-shadow:inset 0 0 0 .5cqh #ffe082f2,0 0 2.4cqh #ffd43b8c}}@keyframes runtime-module__DPxq9q__card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1cqh)}}@keyframes runtime-module__DPxq9q__mark-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.8cqh)}}.runtime-module__DPxq9q__qLow .runtime-module__DPxq9q__starsFar,.runtime-module__DPxq9q__qLow .runtime-module__DPxq9q__starsNear,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__starsFar,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__starsNear,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__spark,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__panel,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__card,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__askMark,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__curtainIcon,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__clapDot,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__tapDot,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__drum,.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__done{animation:none}.runtime-module__DPxq9q__rm .runtime-module__DPxq9q__bandFlash{animation:none;box-shadow:inset 0 0 0 .5cqh #ffe082f2}