.piano_wrap__AR7H7{--pn-accent:#ffc94d;--pn-accent-soft:rgba(255,201,77,0.18);--pn-glow:rgba(255,201,77,0.55);--pn-ivory:#f3ecdc;--pn-ivory-edge:#cbbfa6;--pn-ebony:#15151c;--pn-panel:rgba(18,20,44,0.78);--pn-line:rgba(255,201,77,0.28);--pn-perfect:var(--good);--pn-great:#4cc9ff;--pn-ok:#ff9f5a;--pn-miss:#5a5f7a;--pn-wrong:#ff4d6d;--pn-pad:6px;--pn-gap:6px;--pn-hud:44px;--pn-modes:40px;--pn-lane:80px;--pn-status:22px;--pn-row-h:150px;--pn-row-gap:8px;--pn-bed-pad:10px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--pn-hud) var(--pn-modes) var(--pn-lane) var(--pn-status) auto;grid-template-areas:"pill tools" "modes modes" "lane lane" "status status" "keys keys";grid-column-gap:8px;column-gap:8px;grid-row-gap:var(--pn-gap);row-gap:var(--pn-gap);max-height:calc(100svh - 24px);padding:var(--pn-pad);border-radius:20px;color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,rgba(14,16,32,.55) 0,rgba(14,16,32,.66) 45%,rgba(10,10,22,.86) 100%),url(/games/piano/bg-stage.webp) top /cover no-repeat,var(--bg-soft)}@media (max-width:480px){.piano_wrap__AR7H7{margin-inline:-12px}}.piano_srOnly__BtJXB{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.piano_pillArea__LfgyY{grid-area:pill;display:flex;align-items:center;min-width:0}.piano_songPill__gYCty{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;height:44px;padding:0 14px;border:1px solid rgba(160,170,230,.3);border-radius:999px;background:rgba(14,16,38,.72);color:var(--text);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.piano_songPill__gYCty>svg:first-child{flex:none;color:var(--pn-accent)}.piano_songPill__gYCty>svg:last-child{flex:none;color:var(--text-dim)}.piano_songPill__gYCty[aria-disabled=true]{opacity:.55;cursor:default}.piano_songName__Zg7sr{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.piano_tools___cUcS{grid-area:tools;display:flex;align-items:center;gap:8px}.piano_iconBtn__fn8kJ{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(160,170,230,.32);border-radius:50%;background:rgba(14,16,38,.72);color:var(--text);cursor:pointer}.piano_iconBtn__fn8kJ[aria-disabled=true]{opacity:.45;cursor:default}.piano_iconBtn__fn8kJ[aria-pressed=false]{color:var(--text-dim)}.piano_modes__e90gu{grid-area:modes;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0;gap:0;padding:3px;border:1px solid rgba(160,170,230,.22);border-radius:14px;background:rgba(14,16,38,.74)}.piano_mode__d7fl8{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:0;border:0;border-radius:11px;background:transparent;color:var(--text-dim);font:inherit;font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s,opacity .16s}.piano_mode__d7fl8[aria-pressed=true]{background:linear-gradient(180deg,#ffd977,var(--pn-accent));color:#1a1300;box-shadow:0 0 14px rgba(255,201,77,.35)}.piano_mode__d7fl8[aria-disabled=true]{opacity:.5;cursor:default}.piano_lane__eEIQj{grid-area:lane;position:relative;min-width:0;overflow:hidden;border:1px solid var(--pn-line);border-radius:16px;background:var(--pn-panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 24px rgba(0,0,0,.35);animation:piano_pnFadeUp__J2pU_ .2s ease-out}.piano_flowWrap__O8NVV,.piano_stripWrap__pJbwo{position:absolute;inset:0}.piano_strip__g1QVb{position:absolute;left:35%;top:50%;height:44px;margin-top:-25px;transition:transform .18s ease-out}.piano_tok__4yb43{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:40px;height:44px;color:rgba(200,204,230,.45);font-size:26px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.piano_tok__4yb43[data-tok=rest]{color:rgba(200,204,230,.28)}.piano_tok__4yb43[data-tok=done]{color:var(--pn-accent)}.piano_tok__4yb43[data-tok=cur]{color:var(--pn-accent);animation:piano_pnTokIn__epaYT .22s cubic-bezier(.34,1.56,.64,1)}.piano_tok__4yb43[data-tok=cur]:before{content:"";position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border:3px solid var(--pn-accent);border-radius:50%;box-shadow:0 0 12px var(--pn-glow)}.piano_dash__jvNLC{position:absolute;top:20px;width:18px;height:3px;margin-left:3px;border-radius:2px;background:rgba(200,204,230,.35)}.piano_sep__Gjv7B{position:absolute;top:6px;width:1px;height:32px;margin-left:5px;background:rgba(200,204,230,.3)}.piano_nm__SeVBA{font-size:22px}.piano_jp__VvriQ{position:relative;display:inline-block;line-height:1}.piano_jp__VvriQ[data-dots]:after,.piano_jp__VvriQ[data-dots]:before{position:absolute;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}.piano_jp__VvriQ[data-dots="1"]:before,.piano_jp__VvriQ[data-dots="2"]:before{content:"";top:-6px}.piano_jp__VvriQ[data-dots="2"]:before{box-shadow:0 -6px 0 currentColor}.piano_jp__VvriQ[data-dots="-1"]:after,.piano_jp__VvriQ[data-dots="-2"]:after{content:"";bottom:-7px}.piano_jp__VvriQ[data-dots="-2"]:after{box-shadow:0 6px 0 currentColor}.piano_jp__VvriQ[data-half]{border-bottom:2px solid}.piano_jp__VvriQ[data-half][data-dots^="-"]:after{bottom:-11px}.piano_progress__WoCu5{position:absolute;left:12px;right:12px;bottom:6px;height:3px;overflow:hidden;border-radius:2px;background:rgba(200,204,230,.16)}.piano_progress__WoCu5>i{display:block;height:100%;background:var(--pn-accent);transform-origin:left center;transition:transform .18s ease-out}.piano_progress__WoCu5[data-flash]{animation:piano_pnBarFlash__Td9mf .4s ease-out}.piano_sparkCursor__FDO1w,.piano_sparkPhrase__FnjAy{position:absolute;top:50%;width:72px;height:72px;object-fit:contain;mix-blend-mode:screen;pointer-events:none}.piano_sparkCursor__FDO1w{left:35%;margin:-40px 0 0 -51px;animation:piano_pnSpark__2PA0t .22s ease-out forwards}.piano_sparkPhrase__FnjAy{right:6px;width:96px;height:96px;margin-top:-52px;animation:piano_pnSpark__2PA0t .4s ease-out forwards}.piano_flow__R_Spb{position:absolute;left:25%;top:50%;height:0;will-change:transform}.piano_block__3DO_z{position:absolute;top:-20px;display:flex;align-items:center;justify-content:center;height:40px;border:1.5px solid rgba(243,236,220,.7);border-radius:9px;background:rgba(243,236,220,.08);color:var(--pn-ivory);font-size:20px;font-weight:800;transform:translateX(-14px);transition:background .2s,border-color .2s,color .2s,filter .2s}.piano_block__3DO_z[data-next]{border-color:var(--pn-accent);box-shadow:0 0 10px rgba(255,201,77,.35)}.piano_block__3DO_z[data-grade=perfect]{border-color:var(--pn-perfect);background:rgba(61,220,151,.28)}.piano_block__3DO_z[data-grade=great]{border-color:var(--pn-great);background:rgba(76,201,255,.24)}.piano_block__3DO_z[data-grade=ok]{border-color:var(--pn-ok);border-style:dashed;background:rgba(255,159,90,.18)}.piano_block__3DO_z[data-grade=miss]{border-color:var(--pn-miss);background:repeating-linear-gradient(135deg,rgba(90,95,122,.45) 0 4px,rgba(90,95,122,.2) 4px 8px);color:rgba(200,204,230,.4);filter:saturate(0)}.piano_blockTag__TQ3XG{position:absolute;right:3px;top:1px;font-size:11px;font-weight:800;color:#c9cce0;animation:piano_pnFade__1BKCL .2s ease-out}.piano_blockDir__oDHUu{position:absolute;right:3px;bottom:1px;font-size:10px;font-weight:700;color:var(--pn-ok)}.piano_judgeLine__0lJN8{position:absolute;left:25%;top:6px;bottom:6px;width:2px;margin-left:-1px;background:var(--pn-accent);box-shadow:0 0 10px var(--pn-glow),0 0 2px var(--pn-accent)}.piano_pops__ej97H{position:absolute;z-index:1;left:25%;top:4px;width:0}.piano_pop__rN9zg{position:absolute;left:0;top:0;padding:1px 8px;border-radius:8px;background:rgba(10,12,26,.86);font-size:13px;font-weight:900;white-space:nowrap;transform:translateX(-50%);animation:piano_pnPop__vv1kN .45s ease-out forwards;pointer-events:none}.piano_pop__rN9zg[data-grade=perfect]{color:var(--pn-perfect)}.piano_pop__rN9zg[data-grade=great]{color:var(--pn-great)}.piano_pop__rN9zg[data-grade=ok]{color:var(--pn-ok)}.piano_pop__rN9zg[data-grade=wrong]{color:var(--pn-wrong)}.piano_startBox__gjxVx{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(12,14,32,.55)}.piano_startBtn__vPRvK{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:180px;min-height:48px;padding:0 20px;border:0;border-radius:14px;background:linear-gradient(180deg,#ffd977,var(--pn-accent));color:#1a1300;font:inherit;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 0 18px rgba(255,201,77,.35)}.piano_startHint__NGiRr{margin:0;font-size:12px;color:var(--text-dim)}.piano_countin__5Clnh{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(12,14,32,.62);pointer-events:none}.piano_countin__5Clnh>b{font-size:44px;line-height:1;font-weight:900;color:var(--pn-accent);text-shadow:0 0 18px var(--pn-glow);animation:piano_pnCount__hR93E .26s ease-out}.piano_beats__DZi2T{display:flex;gap:8px}.piano_beats__DZi2T>i{width:8px;height:8px;border-radius:50%;background:rgba(200,204,230,.25)}.piano_beats__DZi2T>i[data-on]{background:var(--pn-accent);box-shadow:0 0 6px var(--pn-glow)}.piano_pauseCard__sPLub{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px;background:rgba(12,14,32,.9);animation:piano_pnFadeUp__J2pU_ .26s ease-out}.piano_pauseLine__D4MYK{margin:0;font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.piano_pauseBtns__J85sn{display:flex;gap:8px}.piano_pauseBtns__J85sn .piano_startBtn__vPRvK{min-width:0;min-height:44px;padding:0 14px}.piano_ghostBtn__kBEb_{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid rgba(160,170,230,.35);border-radius:12px;background:rgba(14,16,38,.6);color:var(--text);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.piano_freeRow__r_WcC{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 8px}.piano_freeCtl__nPcr4{display:flex;align-items:center;gap:6px;min-width:0}.piano_range__oJ_eH{min-width:64px;font-size:14px;font-weight:800;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--pn-accent)}.piano_chip__veLNs{min-height:44px;padding:0 10px;border:1px solid rgba(160,170,230,.3);border-radius:999px;background:rgba(14,16,38,.6);color:var(--text);font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.piano_chip__veLNs[aria-pressed=true]{border-color:var(--pn-accent);color:var(--pn-accent)}.piano_freeNote__KHT3E{margin:0;font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.piano_banner__pNnLB{position:absolute;left:8px;right:8px;top:4px;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;margin:0;padding:0 12px;border:1px solid var(--pn-line);border-radius:999px;background:rgba(30,22,6,.94);color:#ffe6a6;font:inherit;font-size:13px;font-weight:700;cursor:pointer;animation:piano_pnFadeUp__J2pU_ .2s ease-out}p.piano_banner__pNnLB{cursor:default}.piano_banner__pNnLB[data-kind=unsupported]{background:rgba(40,12,20,.94);color:#ffc2cf}.piano_bannerClose__6yvDe{width:36px;height:36px;margin-right:-10px;color:inherit}.piano_bannerClose__6yvDe,.piano_bannerIcon__Ecc7U{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.piano_bannerIcon__Ecc7U{position:absolute;right:4px;top:4px;z-index:3;width:44px;height:44px;color:#ffc2cf}.piano_status__ECjXH{grid-area:status;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin:0;padding:0 6px;font-size:13px;font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.piano_status__ECjXH[data-tone=hint]{justify-content:center;color:#ffe6a6}.piano_statusLeft__Y8Yzy{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis}.piano_statusLeft__Y8Yzy[data-pulse]{animation:piano_pnPulse__cDBn9 .16s ease-out}.piano_statusRight__aDSc_{flex:none;color:var(--text)}.piano_statusRight__aDSc_[data-zero]{color:var(--text-dim)}.piano_statusRight__aDSc_[data-pulse]{animation:piano_pnWrongPulse__wyr4t .3s ease-out}.piano_statusRight__aDSc_[data-temp]{color:#ffe6a6}.piano_milestone__qyHd3{width:20px;height:20px;object-fit:contain;animation:piano_pnStamp__VFIln .34s ease-out}.piano_keybed___IxSP{grid-area:keys;display:flex;flex-direction:column;gap:var(--pn-row-gap);min-width:0;padding:var(--pn-bed-pad) 12px calc(var(--pn-bed-pad) + env(safe-area-inset-bottom));border-radius:16px;background:linear-gradient(180deg,#0c0c12,#050508);box-shadow:inset 0 1px 0 rgba(255,201,77,.25),0 8px 26px rgba(0,0,0,.45);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.piano_row__Yyx61{position:relative;height:var(--pn-row-h);padding-top:9px;border-top:1.5px solid #d9a93f;border-radius:10px 10px 8px 8px;background:url(/games/piano/keybed-lacquer.webp) 50%/cover no-repeat,#111;box-shadow:0 -1px 8px rgba(255,201,77,.25),inset 0 -2px 0 rgba(0,0,0,.6)}.piano_row__Yyx61:before{content:"";position:absolute;left:4px;right:4px;top:2px;height:5px;border-radius:2px;background:linear-gradient(180deg,#8b1426,#5a0c18)}.piano_whites__2ss90{display:flex;height:100%}.piano_key__Nkg49{position:relative;display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin:0 1px;padding:0 0 10px;overflow:hidden;border:0;border-bottom:5px solid var(--pn-ivory-edge);border-radius:2px 2px 8px 8px;background:linear-gradient(180deg,#e9e1cf 0,var(--pn-ivory) 18%,#fbf7ee 70%,#e7dfcd 100%);color:#3b3446;font:inherit;cursor:pointer;touch-action:none;transition:transform .16s ease-out,box-shadow .16s,background .16s}.piano_key__Nkg49:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}.piano_key__Nkg49[data-dim]{opacity:.45}.piano_glow__s_upA{position:absolute;left:-30%;bottom:-6%;width:160%;height:90%;object-fit:contain;object-position:center bottom;mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity .16s}.piano_keyLabel__i3ai_{position:relative;font-size:20px;font-weight:800;line-height:1}.piano_keyLabel__i3ai_ sub{font-size:10px;vertical-align:baseline;margin-left:1px}.piano_keyLetter__f9DdF{position:relative;min-width:18px;padding:1px 4px;border-radius:5px;background:rgba(59,52,70,.12);font-size:11px;font-weight:700;line-height:1.3;text-align:center}.piano_key__Nkg49[data-state=target]{box-shadow:inset 0 0 0 3px var(--pn-accent),0 0 14px rgba(255,201,77,.55);background:linear-gradient(180deg,#f2dfb0,#fff4d2 50%,#ffe7a3)}.piano_key__Nkg49[data-state=target]:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px var(--pn-accent),inset 0 -18px 22px rgba(255,201,77,.35);pointer-events:none;animation:piano_pnBreathe__BjRvd 1.2s ease-in-out infinite}.piano_key__Nkg49[data-state=target] .piano_glow__s_upA{opacity:.85;animation:piano_pnGlow__vFo_v 1.2s ease-in-out infinite}.piano_key__Nkg49[data-state=target][data-hint] .piano_glow__s_upA,.piano_key__Nkg49[data-state=target][data-hint]:after{animation-duration:.7s}.piano_key__Nkg49[data-state=target][data-soft]{box-shadow:inset 0 0 0 2px var(--pn-accent)}.piano_key__Nkg49[data-state=target][data-soft]:after{display:none}.piano_key__Nkg49[data-state=target][data-soft] .piano_glow__s_upA{opacity:.35;animation:none}.piano_key__Nkg49[data-state=down]{transform:translateY(2px);border-bottom-width:3px;background:linear-gradient(180deg,#e2cf9e,#ffe9ae 60%,#f6d685);box-shadow:inset 0 4px 8px rgba(0,0,0,.25);transition-duration:60ms}.piano_key__Nkg49[data-state=down] .piano_glow__s_upA{opacity:1;transition-duration:60ms}.piano_key__Nkg49[data-state=wrong]{background:linear-gradient(180deg,#f3b4bf,#ff8da0);box-shadow:inset 0 0 0 3px var(--pn-wrong);animation:piano_pnShake___LoMx .22s ease-out}.piano_bubble__lCVaH{position:absolute;left:50%;top:48%;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:14px;background:var(--pn-accent);color:#1a1300;font-size:14px;font-weight:900;transform:translateX(-50%);box-shadow:0 2px 8px rgba(0,0,0,.35);animation:piano_pnBob__QPWMr .9s ease-in-out infinite}.piano_key__Nkg49.piano_black__NYPfM{position:absolute;top:9px;left:calc(100% * var(--pn-pos) / var(--pn-n) - 100% / var(--pn-n) * .29);z-index:2;width:calc(100% / var(--pn-n) * .58);height:calc((100% - 9px) * .6);margin:0;padding:0 0 8px;overflow:visible;border:0;border-bottom:6px solid #07070a;border-radius:2px 2px 6px 6px;background:linear-gradient(180deg,var(--pn-ebony),#2c2c38);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 6px rgba(0,0,0,.5);color:var(--pn-ivory)}.piano_key__Nkg49.piano_black__NYPfM:before{content:"";position:absolute;left:50%;top:0;height:min(48px,100%);width:max(100%,44px);transform:translateX(-50%)}.piano_key__Nkg49.piano_black__NYPfM .piano_keyLabel__i3ai_{font-size:11px}.piano_key__Nkg49.piano_black__NYPfM .piano_keyLetter__f9DdF{background:rgba(243,236,220,.14);font-size:10px}.piano_key__Nkg49.piano_black__NYPfM .piano_glow__s_upA{left:0;bottom:0;width:100%;height:100%}.piano_key__Nkg49.piano_black__NYPfM[data-state=target]{background:linear-gradient(180deg,#3a2d0a,#6b5214);box-shadow:inset 0 0 0 2px var(--pn-accent),0 0 14px rgba(255,201,77,.6)}.piano_key__Nkg49.piano_black__NYPfM[data-state=down]{background:linear-gradient(180deg,#1c1c24,#4a3c18);border-bottom-width:4px}.piano_key__Nkg49.piano_black__NYPfM[data-state=wrong]{background:linear-gradient(180deg,#5a1020,#a0243c)}.piano_key__Nkg49.piano_black__NYPfM .piano_bubble__lCVaH{top:40%}.piano_result__okIdY{position:absolute;left:var(--pn-pad);right:var(--pn-pad);top:calc(var(--pn-pad) + var(--pn-hud) + var(--pn-gap));bottom:calc(var(--pn-pad) + var(--pn-bed-pad) + env(safe-area-inset-bottom) + var(--pn-row-h) + 4px);z-index:4;display:flex;flex-direction:column;gap:4px;padding:8px 12px 10px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--pn-line);border-radius:16px;background:linear-gradient(180deg,rgba(26,22,56,.97),rgba(12,12,28,.98));box-shadow:0 0 30px rgba(255,201,77,.18),0 10px 30px rgba(0,0,0,.5);text-align:center;animation:piano_pnCardIn__u0aep .26s ease-out}.piano_result__okIdY:before{content:"";position:absolute;left:0;right:0;top:0;height:130px;background:url(/games/piano/fx-result-burst.webp) top/cover no-repeat;mix-blend-mode:screen;opacity:.3;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}.piano_result__okIdY[data-record=first]:before,.piano_result__okIdY[data-record=record]:before{opacity:.75}.piano_result__okIdY>*{position:relative}.piano_resHead__iDLiP{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:24px}.piano_resTitle__WgFLA{grid-column:2;margin:0;overflow:hidden;font-size:15px;font-weight:800;white-space:nowrap;text-overflow:ellipsis;color:var(--text)}.piano_resHead__iDLiP .piano_iconBtn__fn8kJ{grid-column:3;align-self:start;margin-top:-2px}.piano_resMain__BZKch,.piano_resSide__eqr2V{display:flex;flex-direction:column;gap:4px}.piano_resMain__BZKch>p,.piano_resSide__eqr2V>p{margin:0}.piano_stars__wuKTy{display:flex;justify-content:center;gap:14px;height:44px}.piano_star__5VYsf{position:relative;width:44px;height:44px;border:2px solid transparent;border-radius:50%}.piano_star__5VYsf[data-broken]{border-color:rgba(255,201,77,.35)}.piano_star__5VYsf[data-broken][data-on]{background:radial-gradient(circle,#ffe08a,var(--pn-accent))}.piano_star__5VYsf img{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);object-fit:contain;filter:grayscale(1) brightness(.35)}.piano_star__5VYsf[data-on] img{filter:drop-shadow(0 0 8px rgba(255,201,77,.6))}.piano_star__5VYsf[data-on][data-shown] img{animation:piano_pnStarDrop__z8vlc .36s cubic-bezier(.34,1.56,.64,1)}.piano_star__5VYsf[data-on]:not([data-shown]) img{opacity:0}.piano_bigScore__Zfeq2{font-size:36px;font-weight:900;line-height:1;color:var(--pn-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(255,201,77,.35)}.piano_explain__1uTZr{font-size:13px;color:var(--text)}.piano_explainSub__1Nu2_{font-size:13px;font-weight:800;color:#ffe6a6}.piano_recordRow__kIWu9{display:flex;align-items:center;justify-content:center;gap:10px;min-height:32px;padding:2px 10px;border-radius:12px;background:var(--pn-accent-soft);font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.piano_badge__T5Vwe{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin:-10px 0;animation:piano_pnStamp__VFIln .34s ease-out .9s both}.piano_badge__T5Vwe img{position:absolute;inset:0;width:52px;height:52px;object-fit:contain}.piano_badge__T5Vwe b{position:relative;font-size:10px;font-weight:900;color:#2a1f5c;text-shadow:0 0 2px rgba(255,240,200,.9)}.piano_replayBtn__o27mI{min-height:48px;border:0;border-radius:14px;background:linear-gradient(180deg,#ffd977,var(--pn-accent));color:#1a1300;font:inherit;font-size:17px;font-weight:900;cursor:pointer;animation:piano_pnBreathRing__b0Nxc 1.6s ease-out 1}.piano_replayBtn__o27mI:focus-visible{outline:2px solid #fff;outline-offset:2px}.piano_resBtns__p7pOL{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.piano_noStorage__Vckzc{font-size:12px;color:var(--text-dim)}.piano_toast__JeQci{position:absolute;left:50%;bottom:16px;z-index:5;margin:0;padding:6px 14px;border:1px solid var(--pn-line);border-radius:999px;background:rgba(10,12,26,.92);font-size:13px;transform:translateX(-50%);pointer-events:none}.piano_picker__Rtq32{display:flex;flex-direction:column;gap:10px}.piano_pickGroup__iYWdg{display:flex;flex-direction:column;gap:4px}.piano_pickTitle__zsB2q{margin:4px 0 2px;font-size:13px;color:var(--text-dim)}.piano_pickRow__MZ0xS{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:10px;gap:10px;min-height:52px;padding:0 10px 0 14px;border:1px solid rgba(160,170,230,.2);border-radius:12px;background:rgba(14,16,38,.6);color:var(--text);font:inherit;font-size:15px;text-align:left;cursor:pointer}.piano_pickRow__MZ0xS[aria-current=true]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--pn-accent)}.piano_pickName__pp2vR{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.piano_pickStars__vdabs{display:inline-flex;align-items:center;gap:3px;color:var(--text-dim)}.piano_miniStars__u0FN_{display:inline-flex;gap:1px}.piano_miniStars__u0FN_ img{width:16px;height:16px;object-fit:contain;filter:grayscale(1) brightness(.35)}.piano_miniStars__u0FN_ img[data-on]{filter:none}.piano_setRow__p_Inx{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}.piano_seg__PzZa4{display:inline-flex;padding:2px;border:1px solid rgba(160,170,230,.25);border-radius:12px}.piano_seg__PzZa4 button{min-width:56px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--text-dim);font:inherit;font-weight:700;cursor:pointer}.piano_seg__PzZa4 button[aria-pressed=true]{background:var(--pn-accent);color:#1a1300}.piano_setNote__vt0K6{margin:8px 0;font-size:13px;color:var(--text-dim)}.piano_setBtns__9upLv{display:flex;flex-wrap:wrap;gap:8px}.piano_setBtns__9upLv .btn{min-height:44px}@media (min-width:600px) and (orientation:portrait){.piano_wrap__AR7H7{--pn-row-h:200px}.piano_whites__2ss90 .piano_key__Nkg49{max-width:72px}.piano_whites__2ss90{justify-content:center}}@media (pointer:fine) and (min-width:1024px) and (min-height:521px){.piano_wrap__AR7H7{--pn-lane:96px;--pn-row-h:200px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:var(--pn-hud) var(--pn-lane) var(--pn-status) auto;grid-template-areas:"pill modes tools" "lane lane lane" "status status status" "keys keys keys"}.piano_modes__e90gu{width:min(100%,380px);justify-self:center}.piano_result__okIdY{top:var(--pn-pad);left:50%;right:auto;width:min(440px,calc(100% - 2 * var(--pn-pad)));transform:translateX(-50%)}}@media (orientation:landscape) and (min-height:521px) and (pointer:coarse){.piano_wrap__AR7H7{--pn-row-h:240px}}@media (orientation:landscape) and (max-height:520px){.piano_wrap__AR7H7{--pn-hud:40px;--pn-lane:64px;--pn-row-h:178px;--pn-bed-pad:8px;--pn-gap:8px;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:var(--pn-hud) var(--pn-lane) auto;grid-template-areas:"pill modes status tools" "lane lane lane lane" "keys keys keys keys";max-height:calc(100svh - 24px);padding-inline:max(var(--pn-pad),env(safe-area-inset-left)) max(var(--pn-pad),env(safe-area-inset-right))}.piano_songPill__gYCty{height:40px;max-width:180px}.piano_iconBtn__fn8kJ{width:40px;height:40px}.piano_tools___cUcS{gap:6px}.piano_modes__e90gu{width:auto;justify-self:start;grid-template-columns:repeat(3,auto);padding:2px}.piano_mode__d7fl8{padding:0 12px;min-height:36px;font-size:14px}.piano_status__ECjXH{gap:12px;overflow:hidden}.piano_status__ECjXH,.piano_status__ECjXH[data-tone=hint]{justify-content:flex-start}.piano_strip__g1QVb{margin-top:-24px}.piano_tok__4yb43{font-size:22px}.piano_progress__WoCu5{bottom:4px}.piano_result__okIdY{left:50%;right:auto;top:var(--pn-pad);bottom:calc(var(--pn-pad) + var(--pn-bed-pad) + env(safe-area-inset-bottom) + 96px);width:min(720px,calc(100% - 2 * var(--pn-pad)));display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr);grid-column-gap:16px;column-gap:16px;grid-row-gap:4px;row-gap:4px;padding:6px 12px 8px;transform:translateX(-50%)}.piano_resHead__iDLiP{grid-column:1/-1}.piano_resMain__BZKch,.piano_resSide__eqr2V{justify-content:center;gap:4px}.piano_stars__wuKTy{height:40px}.piano_star__5VYsf{width:40px;height:40px}.piano_bigScore__Zfeq2{font-size:34px}.piano_replayBtn__o27mI{min-height:46px}.piano_pauseCard__sPLub{flex-direction:row;gap:12px}}@media (prefers-reduced-motion:reduce){.piano_badge__T5Vwe,.piano_blockTag__TQ3XG,.piano_bubble__lCVaH,.piano_countin__5Clnh>b,.piano_lane__eEIQj,.piano_milestone__qyHd3,.piano_pauseCard__sPLub,.piano_replayBtn__o27mI,.piano_result__okIdY,.piano_statusLeft__Y8Yzy[data-pulse],.piano_statusRight__aDSc_[data-pulse],.piano_tok__4yb43[data-tok=cur]{animation:none}.piano_glow__s_upA,.piano_key__Nkg49,.piano_progress__WoCu5>i,.piano_strip__g1QVb{transition:none}.piano_key__Nkg49[data-state=target]:after{animation:none;opacity:1;transform:none}.piano_key__Nkg49[data-state=target] .piano_glow__s_upA{animation:none;opacity:.7}.piano_key__Nkg49[data-state=wrong]{animation:none;box-shadow:inset 0 0 0 3px var(--pn-wrong)}.piano_key__Nkg49[data-state=wrong]:after{content:"×";position:absolute;right:4px;top:14px;color:var(--pn-wrong);font-size:16px;font-weight:900}.piano_pop__rN9zg,.piano_progress__WoCu5[data-flash]{animation:none}.piano_result__okIdY:before{display:none}.piano_star__5VYsf[data-on]:not([data-shown]) img{opacity:1}.piano_star__5VYsf[data-on][data-shown] img{animation:none}}@keyframes piano_pnBreathe__BjRvd{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@keyframes piano_pnGlow__vFo_v{0%,to{opacity:.5}50%{opacity:1}}@keyframes piano_pnShake___LoMx{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-4px)}}@keyframes piano_pnTokIn__epaYT{0%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes piano_pnSpark__2PA0t{0%{opacity:0;transform:scale(.5)}30%{opacity:1}to{opacity:0;transform:scale(1.2)}}@keyframes piano_pnBarFlash__Td9mf{0%{box-shadow:0 0 0 rgba(255,255,255,0);background:rgba(255,255,255,.8)}to{box-shadow:0 0 0 rgba(255,255,255,0)}}@keyframes piano_pnPop__vv1kN{0%{opacity:0;transform:translate(-50%,6px) scale(.8)}30%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-10px) scale(1)}}@keyframes piano_pnCount__hR93E{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes piano_pnPulse__cDBn9{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes piano_pnWrongPulse__wyr4t{0%{color:var(--pn-wrong);transform:scale(1.2)}to{transform:scale(1)}}@keyframes piano_pnFade__1BKCL{0%{opacity:0}to{opacity:1}}@keyframes piano_pnFadeUp__J2pU_{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes piano_pnCardIn__u0aep{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes piano_pnStarDrop__z8vlc{0%{opacity:0;transform:translateY(-30px) scale(.8)}60%{opacity:1;transform:translateY(4px) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes piano_pnStamp__VFIln{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes piano_pnBreathRing__b0Nxc{0%{box-shadow:0 0 0 0 rgba(255,201,77,.6)}to{box-shadow:0 0 0 14px rgba(255,201,77,0)}}@keyframes piano_pnBob__QPWMr{0%,to{translate:0 0}50%{translate:0 -3px}}