.runtime-module___FOPpG__stage{isolation:isolate;color:#32233d;background:#f6eddf;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.runtime-module___FOPpG__backWall{pointer-events:none;background:radial-gradient(at 68% 70%,#fffbef 0 20%,#fffbef00 62%),linear-gradient(100deg,#ece0d2,#f9f2e8 38%,#eee2d5);position:absolute;inset:0 0 12%}.runtime-module___FOPpG__backWall:before{content:"";background:linear-gradient(#fffaf54d,#fffaf500);border:1px solid #b49a7b24;border-radius:48% 48% 0 0;position:absolute;inset:19% 3% 0 33%}.runtime-module___FOPpG__floor{pointer-events:none;background:repeating-linear-gradient(95deg,#a27b5110 0 1px,#0000 1px 13cqw),linear-gradient(#e4ceb3,#eddbc4);border-top:1px solid #b99b7726;position:absolute;inset:83% 0 0}.runtime-module___FOPpG__consoleTop{z-index:35;background:linear-gradient(110deg,#32213f,#493052);border:1px solid #ffffff35;border-radius:clamp(14px,2.2cqw,26px);height:max(12cqh,54px);position:absolute;top:4%;left:4%;right:4%;box-shadow:0 .8cqh #261a3226,0 1.5cqh 3cqh #3d244217}.runtime-module___FOPpG__noticeSlot{align-items:center;display:flex;position:absolute;inset:0 27% 0 3%}.runtime-module___FOPpG__noticeSlot>p{text-align:left;width:100%;text-shadow:none;margin:0;font-size:clamp(16px,3cqw,34px);line-height:1.25;position:relative;inset:auto}.runtime-module___FOPpG__noticeSlot>div{max-width:100%;margin:0;position:relative;inset:auto}.runtime-module___FOPpG__replayDock{justify-content:flex-end;width:24%;display:flex;position:absolute;top:50%;right:2%;transform:translateY(-50%)}.runtime-module___FOPpG__replayDock>button{background:#ffffff15;border-radius:1.5cqw;max-width:100%;height:8cqh;min-height:44px;padding:0 1.5cqw;font-size:clamp(12px,1.65cqw,18px);position:relative;inset:auto;box-shadow:inset 0 0 0 1px #ffffff26}.runtime-module___FOPpG__guideZone{z-index:24;pointer-events:none;width:29%;position:absolute;top:23%;bottom:7%;left:3%}.runtime-module___FOPpG__guideZone>div{width:min(25cqw,38cqh);min-width:0;top:2%;left:50%;transform:translate(-50%)}.runtime-module___FOPpG__guideZone>div>div:nth-of-type(2){box-sizing:border-box;text-align:center;color:#4a2c60;border-radius:1.4cqw;width:100%;max-width:100%;padding:1cqh 1cqw;font-size:clamp(12px,1.7cqw,20px);line-height:1.35;top:auto;bottom:-5cqh;left:0;box-shadow:0 .7cqh 1.8cqh #4d334518}.runtime-module___FOPpG__guideZone>div>div:nth-of-type(2):after{border:7px solid #0000;border-bottom-color:#fff;top:-12px;left:48%}.runtime-module___FOPpG__groove{z-index:25;background:#fffaf3;border:1px solid #d3c0ab;border-radius:2cqw;flex-direction:column;gap:1.2cqh;height:19%;min-height:72px;padding:1.2cqh 1cqw;display:flex;position:absolute;top:23%;left:37%;right:5%;box-shadow:0 .8cqh #c9b49c30,0 1cqh 2.5cqh #795d3b0d}.runtime-module___FOPpG__trackRow{background:#efe5d9;border-radius:1.1cqw;flex:1;align-items:center;gap:1.6cqw;min-height:0;padding:0 1.1cqw;transition:background .16s,box-shadow .16s;display:flex;box-shadow:inset 0 0 0 1px #0000}.runtime-module___FOPpG__activeRow{background:#efe3ff;box-shadow:inset 0 0 0 1.5px #ad83c5}.runtime-module___FOPpG__grooveListening{border-color:#ad83c5}.runtime-module___FOPpG__scoreFill{width:var(--score-p,0%);pointer-events:none;background:#a67ad526;position:absolute;top:-1cqh;bottom:-1cqh;left:0}.runtime-module___FOPpG__scoreNote,.runtime-module___FOPpG__childGuideNote{left:calc(var(--p) * 1%);background:#dccbb6;border-radius:50%;width:clamp(10px,1.9cqh,17px);height:clamp(8px,1.4cqh,13px);position:absolute;top:50%;transform:translate(-50%,-50%)rotate(-18deg);box-shadow:inset 0 0 0 1px #a48c70}.runtime-module___FOPpG__scoreNote:after{content:"";transform-origin:bottom;background:#a48c70;width:2px;height:clamp(11px,2.4cqh,22px);position:absolute;bottom:45%;right:0;transform:rotate(18deg)}.runtime-module___FOPpG__scoreNote[data-reached="1"]{background:#9a6027;box-shadow:inset 0 0 0 1px #70451b}.runtime-module___FOPpG__scoreNote[data-reached="1"]:after{background:#9a6027}.runtime-module___FOPpG__childGuideNote{background:#fffaf3;box-shadow:inset 0 0 0 1.5px #9a79b8}.runtime-module___FOPpG__noteWindow{background:#9974c225;border-radius:.6cqw;min-width:2px;position:absolute;top:-1.5cqh;bottom:-1.5cqh;box-shadow:inset 0 0 0 1px #9771bf30}.runtime-module___FOPpG__playhead{left:var(--score-p,0%);opacity:0;pointer-events:none;z-index:3;background:#76509d;width:2px;position:absolute;top:-2cqh;bottom:-2cqh}.runtime-module___FOPpG__playhead:before{content:"";border:5px solid #0000;border-top-color:#76509d;position:absolute;top:-3px;left:-4px}.runtime-module___FOPpG__groove[data-running] .runtime-module___FOPpG__playhead{opacity:1}.runtime-module___FOPpG__groove[data-mode=demo] .runtime-module___FOPpG__playhead{background:#a56724}.runtime-module___FOPpG__groove[data-mode=demo] .runtime-module___FOPpG__playhead:before{border-top-color:#a56724}.runtime-module___FOPpG__dotOffBeat{border-radius:3px;box-shadow:inset 0 0 0 3px #be7057,0 0 0 2px #fffaf3}.runtime-module___FOPpG__trackLabel{color:#68534e;white-space:nowrap;flex:0 0 7.4cqw;align-items:center;gap:.7cqw;font-size:clamp(12px,1.65cqw,19px);font-weight:900;display:flex}.runtime-module___FOPpG__trackSpeaker,.runtime-module___FOPpG__handIcon{object-fit:contain;color:#77539e;flex-shrink:0;width:clamp(20px,2.6cqw,32px);height:clamp(20px,2.6cqw,32px)}.runtime-module___FOPpG__track{background:repeating-linear-gradient(#b69d8550 0 1px,#0000 1px 25%);border-bottom:1px solid #b69d8550;border-radius:99px;flex:1;height:clamp(16px,3.4cqh,26px);margin:0 1cqw;position:relative}.runtime-module___FOPpG__dot{top:50%;left:calc(var(--p) * 1%);border-radius:50%;width:clamp(10px,2cqh,18px);height:clamp(10px,2cqh,18px);animation:.18s ease-out both runtime-module___FOPpG__dot-pop;position:absolute;transform:translate(-50%,-50%)}.runtime-module___FOPpG__dotLumi{background:#a56724;box-shadow:inset 0 0 0 3px #eac789,0 0 0 2px #fffaf3}.runtime-module___FOPpG__dotChild{background:#fffaf3;box-shadow:inset 0 0 0 3px #76509d,0 0 0 2px #fffaf3}.runtime-module___FOPpG__dotGold{background:#db9d2c;box-shadow:inset 0 0 0 3px #ffe9a7,0 0 0 2px #fffaf3}.runtime-module___FOPpG__drumWrap{aspect-ratio:1;z-index:26;place-items:center;width:min(49cqh,48cqw);display:grid;position:absolute;top:44%;left:66%;transform:translate(-50%)}.runtime-module___FOPpG__drum{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:45%;width:100%;height:100%;padding:0;transition:filter .12s}.runtime-module___FOPpG__drum:hover{filter:brightness(1.035)}.runtime-module___FOPpG__drum:active{filter:brightness(1.07)}.runtime-module___FOPpG__drum:focus-visible{outline-offset:6px;outline:3px solid #8256af}.runtime-module___FOPpG__drumListening{filter:saturate(.88)}.runtime-module___FOPpG__drumGlyph{pointer-events:none;filter:drop-shadow(0 1.5cqh 1.1cqh #4b2d2233);width:100%;height:100%}.runtime-module___FOPpG__base{z-index:23;pointer-events:none;background:radial-gradient(#59415d42,#967d9f30 57%,#b4a0b94d 60%);border:1.2cqh solid #77587d26;border-radius:50%;width:min(55cqh,53cqw);height:9%;position:absolute;top:85%;left:66%;transform:translate(-50%);box-shadow:0 1cqh 2cqh #795b3320}.runtime-module___FOPpG__ring{left:var(--hit-x,50%);top:var(--hit-y,30%);aspect-ratio:1;opacity:0;pointer-events:none;width:32%;animation:runtime-module___FOPpG__ring-pop var(--ring-ms,1s) ease-out both;border:.5cqh solid #f0b64c;border-radius:50%;position:absolute}.runtime-module___FOPpG__fxLayer{pointer-events:none;z-index:40;position:absolute;inset:0}.runtime-module___FOPpG__qLow .runtime-module___FOPpG__drumGlyph{filter:none}.runtime-module___FOPpG__rm .runtime-module___FOPpG__strikeStick{display:none}.runtime-module___FOPpG__rm .runtime-module___FOPpG__ring{animation:runtime-module___FOPpG__ring-fade var(--ring-ms,1s) ease-out both}.runtime-module___FOPpG__rm .runtime-module___FOPpG__hitFlash{animation:.18s ease-out both runtime-module___FOPpG__impact-fade}.runtime-module___FOPpG__rm .runtime-module___FOPpG__dot{animation:none}@media (max-height:520px){.runtime-module___FOPpG__consoleTop{height:54px;top:3%}.runtime-module___FOPpG__groove{height:21%;min-height:64px;top:25%}.runtime-module___FOPpG__drumWrap{width:min(44cqh,48cqw);top:47%}.runtime-module___FOPpG__guideZone{top:26%}.runtime-module___FOPpG__guideZone>div{width:min(24cqw,34cqh)}.runtime-module___FOPpG__guideZone>div>div:nth-of-type(2){font-size:12px;bottom:-4cqh}.runtime-module___FOPpG__base{top:84%}}@media (max-aspect-ratio:1){.runtime-module___FOPpG__consoleTop{left:3%;right:3%}.runtime-module___FOPpG__noticeSlot{right:19%}.runtime-module___FOPpG__noticeSlot>p{font-size:clamp(15px,4cqw,24px)}.runtime-module___FOPpG__replayDock{width:48px;right:2%}.runtime-module___FOPpG__replayDock>button{justify-content:center;width:48px;height:48px;padding:7px;font-size:0}.runtime-module___FOPpG__guideZone{width:28%;height:25%;top:20%;bottom:auto;left:2%}.runtime-module___FOPpG__guideZone>div{width:min(27cqw,19cqh)}.runtime-module___FOPpG__guideZone>div>div:nth-of-type(2){width:115%;font-size:clamp(10px,2.6cqw,14px);bottom:-4cqh;left:-7.5%}.runtime-module___FOPpG__groove{height:19%;min-height:72px;padding:1cqh 1.4cqw;top:23%;left:33%;right:3%}.runtime-module___FOPpG__trackRow{gap:2.3cqw;padding:0 1.8cqw}.runtime-module___FOPpG__trackLabel{flex-basis:12cqw;font-size:12px}.runtime-module___FOPpG__trackSpeaker,.runtime-module___FOPpG__handIcon{width:20px;height:24px}.runtime-module___FOPpG__track{margin:0 1.8cqw}.runtime-module___FOPpG__drumWrap{width:min(77cqw,44cqh);top:47%;left:50%}.runtime-module___FOPpG__base{width:83cqw;top:84%;left:50%}.runtime-module___FOPpG__backWall:before{top:44%;left:4%;right:4%}}@media (prefers-reduced-motion:reduce){.runtime-module___FOPpG__strikeStick{display:none}.runtime-module___FOPpG__ring{animation-name:runtime-module___FOPpG__ring-fade}.runtime-module___FOPpG__hitFlash{animation-name:runtime-module___FOPpG__impact-fade}.runtime-module___FOPpG__dot{animation:none}.runtime-module___FOPpG__trackRow,.runtime-module___FOPpG__drum{transition:none}}@keyframes runtime-module___FOPpG__dot-pop{0%{opacity:.2;transform:translate(-50%,-50%)scale(.65)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes runtime-module___FOPpG__ring-pop{0%{opacity:.8;transform:translate(-50%,-50%)scale(.55)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}@keyframes runtime-module___FOPpG__ring-fade{0%{opacity:.65;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}@media (hover:hover) and (pointer:fine){.runtime-module___FOPpG__drum{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewBox='0 0 40 48'%3E%3Cpath d='M6 6L33 41' stroke='%2373421f' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M6 6L33 41' stroke='%23efbf73' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M26 32L30 29M29 36L33 33' stroke='%23945a31' stroke-width='2'/%3E%3Cellipse cx='6' cy='6' rx='4' ry='5' fill='%23ffe2a8' transform='rotate(-35 6 6)'/%3E%3C/svg%3E") 6 6,pointer}}.runtime-module___FOPpG__hitFx{pointer-events:none;position:absolute;inset:0}.runtime-module___FOPpG__strikeStick{left:var(--hit-x,50%);top:var(--hit-y,30%);z-index:3;transform-origin:0;width:57%;height:6%;animation:.28s ease-out both runtime-module___FOPpG__stick-strike;position:absolute}.runtime-module___FOPpG__stickLeft{--stick-lift:-115deg;--stick-contact:-150deg}.runtime-module___FOPpG__stickRight{--stick-lift:-65deg;--stick-contact:-30deg}.runtime-module___FOPpG__stickWood{background:linear-gradient(#fff0c7,#eabc77 34%,#c98b46 78%,#986031);border-radius:999px;position:absolute;inset:17% 0;box-shadow:inset 0 -1px #82502d,0 .6cqh .8cqh #13082466}.runtime-module___FOPpG__stickWood:before{content:"";background:linear-gradient(#fff5dc,#efc487 54%,#b7793f);border-radius:50%;width:15%;height:156%;position:absolute;top:-28%;left:-5%;box-shadow:inset 0 -1px #956132}.runtime-module___FOPpG__stickWood:after{content:"";opacity:.65;background:repeating-linear-gradient(90deg,#946034 0 2px,#0000 2px 5px);border-radius:20%;width:13%;height:100%;position:absolute;top:0;right:13%}.runtime-module___FOPpG__hitFlash{left:var(--hit-x,50%);top:var(--hit-y,30%);aspect-ratio:1;background:radial-gradient(circle,#fffbe2 0 12%,#ffd57b99 30%,#ffd57b00 70%);border-radius:50%;width:17%;animation:.28s ease-out both runtime-module___FOPpG__stick-impact;position:absolute}@keyframes runtime-module___FOPpG__impact-fade{0%{opacity:.85;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}@keyframes runtime-module___FOPpG__stick-strike{0%{opacity:0;transform:translateY(-65%) rotate(var(--stick-lift))}12%{opacity:1}27%{opacity:1;transform:translateY(-50%) rotate(var(--stick-contact))}68%{opacity:.9;transform:translateY(-90%) rotate(var(--stick-lift))}to{opacity:0;transform:translateY(-110%) rotate(var(--stick-lift))}}@keyframes runtime-module___FOPpG__stick-impact{0%,16%{opacity:0;transform:translate(-50%,-50%)scale(.45)}28%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}