.piano-tiles_wrap__5YtyS{--pt-accent:#3de8ff;--pt-accent-soft:rgba(61,232,255,0.16);--pt-accent-dim:rgba(61,232,255,0.42);--pt-ivory:#ece6d8;--pt-ink:#111;--pt-gray:#555a6a;--pt-dead:#ff3b5c;--pt-panel:rgba(18,21,44,0.78);--pt-pill:#1a1e3a;--pt-gap:6px;--pt-board-h:clamp(280px,calc(100svh - 424px),436px);--pt-row:calc(var(--pt-board-h) / 4);position:relative;display:grid;grid-template-columns:1fr;grid-gap:var(--pt-gap);gap:var(--pt-gap);padding:0 6px 6px;border-radius:20px;background:linear-gradient(180deg,rgba(14,16,32,.55),rgba(14,16,32,.78)),url(/games/piano-tiles/bg-stage.webp) bottom /cover no-repeat,var(--bg-soft);touch-action:manipulation}.piano-tiles_wrap__5YtyS[data-mode=arcade]{--pt-board-h:clamp(260px,calc(100svh - 466px),400px)}@media (max-width:480px){.piano-tiles_wrap__5YtyS{margin-inline:-12px;padding-inline:6px}}.piano-tiles_srOnly__CNLwD{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.piano-tiles_caps__rI3z6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;grid-gap:8px;gap:8px;width:min(100%,420px);margin:0 auto}.piano-tiles_caps__rI3z6[data-pulse] .piano-tiles_cap__cH1Fq[aria-pressed=true]{animation:piano-tiles_ptCapPulse__6aqRM .6s ease-out}.piano-tiles_cap__cH1Fq{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:44px;padding:2px 8px;border:1px solid rgba(160,170,230,.28);border-radius:999px;background:var(--pt-pill);color:var(--text);font:inherit;cursor:pointer;transition:border-color .12s,box-shadow .12s,opacity .16s}.piano-tiles_cap__cH1Fq[aria-pressed=true]{border-color:var(--pt-accent);background:linear-gradient(180deg,rgba(61,232,255,.24),rgba(20,60,90,.7));box-shadow:0 0 0 1px var(--pt-accent-soft),0 0 16px rgba(61,232,255,.35)}.piano-tiles_cap__cH1Fq[aria-disabled=true]{opacity:.55;cursor:default}.piano-tiles_capName__2cm32{font-size:14px;font-weight:700;line-height:1.15}.piano-tiles_capBest__QfnmR{max-width:100%;overflow:hidden;font-size:11px;line-height:1.2;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis}.piano-tiles_cap__cH1Fq[aria-pressed=true] .piano-tiles_capBest__QfnmR{color:#bff6ff}.piano-tiles_iconBtn__Z4bAU{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(160,170,230,.32);border-radius:14px;background:var(--pt-pill);color:var(--text);cursor:pointer}.piano-tiles_iconBtn__Z4bAU[aria-disabled=true]{opacity:.5;cursor:default}.piano-tiles_cap__cH1Fq:focus-visible,.piano-tiles_iconBtn__Z4bAU:focus-visible,.piano-tiles_lv__jLyqv:focus-visible{outline:2px solid var(--pt-accent);outline-offset:2px}.piano-tiles_level__oh57b{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;width:min(100%,420px);margin:0 auto}.piano-tiles_lv__jLyqv{position:relative;min-height:36px;border:1px solid rgba(160,170,230,.28);border-radius:999px;background:var(--pt-pill);color:var(--text-dim);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.piano-tiles_lv__jLyqv:before{content:"";position:absolute;inset:-4px 0}.piano-tiles_lv__jLyqv[aria-pressed=true]{border-color:var(--pt-accent);background:var(--pt-accent-soft);color:var(--text)}.piano-tiles_lv__jLyqv[aria-disabled=true]{opacity:.55;cursor:default}.piano-tiles_hud__fBmDk{position:relative;display:grid;grid-template-columns:1fr auto 44px;align-items:center;grid-gap:10px;gap:10px;width:min(100%,420px);height:44px;margin:0 auto;padding:0 0 0 14px;border:1px solid rgba(160,170,230,.24);border-radius:16px;background:var(--pt-panel)}.piano-tiles_hud__fBmDk .piano-tiles_iconBtn__Z4bAU{border-radius:999px;border-color:rgba(220,225,255,.5);background:transparent;width:42px;height:42px}.piano-tiles_hudMain__FMC_t{font-size:28px;font-weight:900;line-height:1;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em}.piano-tiles_hudMain__FMC_t[data-warn=true]{color:var(--pt-dead);animation:piano-tiles_ptWarn__5vT6u 1s ease-in-out infinite}.piano-tiles_hudSub__LHry4{font-size:15px;font-weight:700;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.piano-tiles_hudSub__LHry4[data-pulse]{animation:piano-tiles_ptPulse__c4sxq .24s ease-out}.piano-tiles_hudBar__2ydN2{position:absolute;left:2px;right:2px;bottom:-6px;height:4px;border-radius:4px;background:rgba(120,130,200,.28);overflow:hidden}.piano-tiles_hudBar__2ydN2 i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--pt-accent);box-shadow:0 0 8px rgba(61,232,255,.6);transform-origin:left center;transform:scaleX(0);transition:transform .12s linear}.piano-tiles_hudBar__2ydN2 i[data-warn=true]{background:var(--pt-dead);box-shadow:0 0 8px rgba(255,59,92,.6)}.piano-tiles_hint__t96GE{height:22px;margin:0;overflow:hidden;font-size:13px;line-height:22px;text-align:center;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis}.piano-tiles_hint__t96GE[data-empty]{visibility:hidden}.piano-tiles_hint__t96GE[data-tone=dead]{color:var(--pt-dead);font-weight:800}.piano-tiles_hint__t96GE[data-tone=temp]{color:var(--pt-accent);font-weight:700}.piano-tiles_boardArea__7qjpa{position:relative;width:min(100%,420px);height:var(--pt-board-h);margin:0 auto}.piano-tiles_board__hMhYq{position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px;background:#0b0d1c;outline:2px solid rgba(61,232,255,.55);outline-offset:2px;box-shadow:0 0 22px rgba(61,232,255,.22);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.piano-tiles_board__hMhYq[data-phase=playing]{box-shadow:0 0 26px rgba(61,232,255,.32)}.piano-tiles_board__hMhYq[data-phase=countdown]{outline-style:dashed}.piano-tiles_board__hMhYq[data-phase=dying][data-dead-reason=miss],.piano-tiles_board__hMhYq[data-phase=dying][data-dead-reason=white]{outline-color:rgba(255,59,92,.7);animation:piano-tiles_ptShakeBoard__3Isi0 .18s ease-out}.piano-tiles_board__hMhYq[data-phase=dying][data-dead-reason=finish]{box-shadow:0 0 40px rgba(61,232,255,.7)}.piano-tiles_track__dFWdE{position:absolute;inset:0;will-change:transform}.piano-tiles_track__dFWdE[data-hidden]{visibility:hidden}.piano-tiles_row__F63yV{position:absolute;left:0;right:0;height:var(--pt-row);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.piano-tiles_cell__KTiYw{position:relative;margin:3px;border-radius:10px;background:url(/games/piano-tiles/board-ivory.webp) 50%/cover no-repeat,var(--pt-ivory)}.piano-tiles_cell__KTiYw[data-state=black]{background:url(/games/piano-tiles/tile-black.webp) 50%/100% 100% no-repeat,var(--pt-ink);box-shadow:inset 0 -3px 0 rgba(61,232,255,.85),0 3px 10px rgba(61,232,255,.28)}.piano-tiles_cell__KTiYw[data-state=gray]{background:url(/games/piano-tiles/tile-gray.webp) 50%/100% 100% no-repeat,var(--pt-gray);animation:piano-tiles_ptPress__kfLei 80ms ease-out}.piano-tiles_cell__KTiYw[data-start]{display:flex;align-items:center;justify-content:center;animation:piano-tiles_ptBreathe__oA4Uf 1.4s ease-in-out infinite}.piano-tiles_startLabel__Kmltd{font-size:20px;font-weight:800;color:#eaffff;letter-spacing:.1em;text-shadow:0 0 10px rgba(61,232,255,.9);pointer-events:none}.piano-tiles_cell__KTiYw[data-dead]:after,.piano-tiles_cell__KTiYw[data-flash]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--pt-dead);opacity:.9}.piano-tiles_cell__KTiYw[data-dead]:after{animation:piano-tiles_ptDeadFlash__zM3sS .24s steps(2,jump-none) 2}.piano-tiles_cell__KTiYw[data-flash]:after{opacity:0;animation:piano-tiles_ptReadyFlash__cbb9F .6s ease-out}.piano-tiles_cell__KTiYw[data-shake]{animation:piano-tiles_ptNudge__XN96u .12s ease-in-out}.piano-tiles_finishLine__SfcH_{display:block;width:100%;height:100%;background:url(/games/piano-tiles/fx-finish-line.webp) 50%/100% 100% no-repeat,#05060d}.piano-tiles_ripple__GUP0O{position:absolute;width:88px;height:88px;margin:-44px 0 0 -44px;background:url(/games/piano-tiles/fx-hit-ripple.webp) 50%/contain no-repeat;mix-blend-mode:screen;pointer-events:none;animation:piano-tiles_ptRipple__gr23d .22s ease-out forwards}.piano-tiles_sweep__rZ8Jt{position:absolute;left:0;right:0;top:0;height:40%;background:url(/games/piano-tiles/fx-finish-line.webp) 50%/100% 100% no-repeat;mix-blend-mode:screen;pointer-events:none;animation:piano-tiles_ptSweep__w5E1L .4s ease-in forwards}.piano-tiles_keycaps___Kcer{display:none;position:absolute;left:0;right:0;bottom:6px;grid-template-columns:repeat(4,1fr);pointer-events:none}.piano-tiles_keycaps___Kcer b{justify-self:center;min-width:22px;padding:1px 6px;border:1px solid rgba(20,24,50,.3);border-radius:6px;background:rgba(255,255,255,.55);color:#20243c;font-size:11px;text-align:center}@media (pointer:fine){.piano-tiles_keycaps___Kcer{display:grid}}.piano-tiles_countdown__qrJLW{font-size:120px;font-weight:900;color:var(--pt-accent);text-shadow:0 0 24px rgba(61,232,255,.7),0 2px 0 #06121a;pointer-events:none;animation:piano-tiles_ptCount__pwYTQ 1s ease-out}.piano-tiles_countdown__qrJLW,.piano-tiles_pauseMask__Otk6V{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.piano-tiles_pauseMask__Otk6V{flex-direction:column;gap:12px;border-radius:16px;background:rgba(14,16,32,.82);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:piano-tiles_ptFade__uZsAq .16s ease-out}.piano-tiles_pauseTitle__s28n2{margin:0 0 4px;font-size:22px;font-weight:800}.piano-tiles_mainBtn__Ca9O_{min-width:180px;min-height:52px;background:var(--pt-accent);color:#06121a;font-weight:800}.piano-tiles_result__pwKeE{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:18px 16px calc(12px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;border:1px solid var(--pt-accent-dim);border-radius:16px;background:linear-gradient(180deg,rgba(22,26,56,.97),rgba(12,14,30,.98));box-shadow:0 0 30px rgba(61,232,255,.2);text-align:center;animation:piano-tiles_ptCardIn__A89m1 .26s ease-out}.piano-tiles_result__pwKeE:before{content:"";position:absolute;left:0;right:0;top:0;height:96px;background:url(/games/piano-tiles/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-tiles_result__pwKeE[data-record=record]:before{opacity:.75;transition:opacity .34s .6s}.piano-tiles_result__pwKeE>*{position:relative;margin:0}.piano-tiles_resTitle__WL6zS{font-size:15px;font-weight:700;color:var(--text-dim)}.piano-tiles_result__pwKeE[data-reason=miss] .piano-tiles_resTitle__WL6zS,.piano-tiles_result__pwKeE[data-reason=white] .piano-tiles_resTitle__WL6zS{color:var(--pt-dead)}.piano-tiles_bigScore__eh_6v{font-size:52px;font-weight:900;line-height:1.05;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(61,232,255,.35)}.piano-tiles_explain__FqbAO{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;font-size:14px;color:var(--text)}.piano-tiles_rankImg__W_pbQ{width:40px;height:40px;object-fit:contain;animation:piano-tiles_ptPop__5_F1Q .34s cubic-bezier(.34,1.56,.64,1) .38s both}.piano-tiles_recordRow__L7Aw4{display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:4px 10px;border-radius:12px;background:var(--pt-accent-soft);font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.piano-tiles_badge__JAJ1F{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:-10px 0;animation:piano-tiles_ptStamp__Q_TZs .34s ease-out .6s both}.piano-tiles_badge__JAJ1F img{position:absolute;inset:0;width:56px;height:56px;object-fit:contain}.piano-tiles_badge__JAJ1F b{position:relative;font-size:11px;font-weight:900;color:#fff3c4;text-shadow:0 1px 2px #000}.piano-tiles_melody__a09oO{font-size:13px;color:var(--text-dim)}.piano-tiles_replayBtn__mzQ02{min-height:52px;border:0;border-radius:14px;background:var(--pt-accent);color:#06121a;font:inherit;font-size:17px;font-weight:900;cursor:pointer;animation:piano-tiles_ptBreathRing__aaZ27 1.6s ease-out 1}.piano-tiles_replayBtn__mzQ02[aria-disabled=true]{opacity:.7;cursor:default}.piano-tiles_replayBtn__mzQ02:focus-visible{outline:2px solid #fff;outline-offset:2px}.piano-tiles_resBtns__k5PpA{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.piano-tiles_resBtns__k5PpA .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.piano-tiles_funnel__JZ5oE{font-size:12px;color:var(--text-dim)}.piano-tiles_tools__9Pdff{display:none}.piano-tiles_toast__TYvd4{position:absolute;left:50%;bottom:16px;z-index:3;margin:0;padding:6px 14px;border-radius:999px;background:rgba(10,12,26,.92);border:1px solid var(--pt-accent-dim);font-size:13px;transform:translateX(-50%);pointer-events:none}.piano-tiles_setRow__Iad0A{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.piano-tiles_setRow__Iad0A .btn{min-width:72px;min-height:44px}.piano-tiles_setNote__39R6G{margin:8px 0;font-size:13px;color:var(--text-dim)}.piano-tiles_setBtns__OyE0B{display:flex;flex-wrap:wrap;gap:8px}.piano-tiles_setBtns__OyE0B .btn{min-height:44px}@keyframes piano-tiles_ptBreathe__oA4Uf{0%,to{box-shadow:inset 0 -3px 0 rgba(61,232,255,.85),0 0 0 0 rgba(61,232,255,.6)}50%{box-shadow:inset 0 -3px 0 rgba(61,232,255,.85),0 0 0 10px rgba(61,232,255,0)}}@keyframes piano-tiles_ptPress__kfLei{0%{transform:scale(.96)}}@keyframes piano-tiles_ptRipple__gr23d{0%{transform:scale(.4);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes piano-tiles_ptNudge__XN96u{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes piano-tiles_ptDeadFlash__zM3sS{0%{opacity:.9}50%{opacity:.5}to{opacity:.9}}@keyframes piano-tiles_ptReadyFlash__cbb9F{0%{opacity:.85}to{opacity:0}}@keyframes piano-tiles_ptShakeBoard__3Isi0{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes piano-tiles_ptSweep__w5E1L{0%{transform:translateY(-100%)}to{transform:translateY(260%)}}@keyframes piano-tiles_ptPulse__c4sxq{50%{transform:scale(1.15);color:var(--pt-accent)}}@keyframes piano-tiles_ptWarn__5vT6u{50%{transform:scale(1.06)}}@keyframes piano-tiles_ptCapPulse__6aqRM{0%{box-shadow:0 0 0 0 rgba(61,232,255,.8)}to{box-shadow:0 0 0 12px rgba(61,232,255,0)}}@keyframes piano-tiles_ptCount__pwYTQ{0%{transform:scale(1.4);opacity:1}to{transform:scale(1);opacity:.6}}@keyframes piano-tiles_ptFade__uZsAq{0%{opacity:0}}@keyframes piano-tiles_ptCardIn__A89m1{0%{transform:translateY(12px);opacity:0}}@keyframes piano-tiles_ptPop__5_F1Q{0%{transform:scale(0)}}@keyframes piano-tiles_ptStamp__Q_TZs{0%{transform:scale(1.6) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(-6deg);opacity:1}}@keyframes piano-tiles_ptBreathRing__aaZ27{0%{box-shadow:0 0 0 0 rgba(61,232,255,.7)}to{box-shadow:0 0 0 14px rgba(61,232,255,0)}}@media (prefers-reduced-motion:reduce){.piano-tiles_track__dFWdE{transition:none!important}.piano-tiles_cell__KTiYw[data-start]{animation:none;box-shadow:inset 0 -3px 0 rgba(61,232,255,.85),0 0 0 2px var(--pt-accent)}.piano-tiles_cell__KTiYw[data-dead]:after{animation:none}.piano-tiles_badge__JAJ1F,.piano-tiles_board__hMhYq[data-phase=dying],.piano-tiles_caps__rI3z6[data-pulse] .piano-tiles_cap__cH1Fq,.piano-tiles_cell__KTiYw[data-shake],.piano-tiles_cell__KTiYw[data-state=gray],.piano-tiles_countdown__qrJLW,.piano-tiles_hudMain__FMC_t[data-warn=true],.piano-tiles_hudSub__LHry4[data-pulse],.piano-tiles_pauseMask__Otk6V,.piano-tiles_rankImg__W_pbQ,.piano-tiles_replayBtn__mzQ02,.piano-tiles_result__pwKeE{animation:none!important}.piano-tiles_ripple__GUP0O,.piano-tiles_sweep__rZ8Jt{animation:piano-tiles_ptStatic__WW4u_ .15s step-end forwards}.piano-tiles_sweep__rZ8Jt{top:30%}.piano-tiles_badge__JAJ1F{transform:rotate(-6deg)}.piano-tiles_hudBar__2ydN2 i{transition:none}}@keyframes piano-tiles_ptStatic__WW4u_{to{opacity:0}}@media (orientation:landscape) and (max-height:520px){.piano-tiles_wrap__5YtyS,.piano-tiles_wrap__5YtyS[data-mode=arcade]{--pt-board-h:calc(100svh - 68px - 16px);margin:-8px;padding:0 8px 6px 12px;grid-template-columns:calc(var(--pt-board-h) * .9) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;column-gap:16px;row-gap:8px;min-height:calc(100svh - 68px);align-content:start}.piano-tiles_boardArea__7qjpa{grid-column:1;grid-row:1/-1;width:calc(var(--pt-board-h) * .9);align-self:start;margin:4px 0 0}.piano-tiles_caps__rI3z6,.piano-tiles_hint__t96GE,.piano-tiles_hud__fBmDk,.piano-tiles_level__oh57b{grid-column:2;width:100%;margin:0}.piano-tiles_caps__rI3z6{grid-row:1;margin-top:4px}.piano-tiles_level__oh57b{grid-row:2}.piano-tiles_hud__fBmDk{grid-row:3;grid-template-columns:auto 1fr}.piano-tiles_hint__t96GE{grid-row:4;height:auto;min-height:22px;white-space:normal;text-align:left;line-height:1.4}.piano-tiles_tools__9Pdff{display:flex;grid-column:2;grid-row:5;align-self:end;justify-self:end;gap:8px;padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.piano-tiles_result__pwKeE{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:6px}.piano-tiles_bigScore__eh_6v{font-size:36px}.piano-tiles_explain__FqbAO{min-height:32px;font-size:13px}.piano-tiles_rankImg__W_pbQ{width:32px;height:32px}.piano-tiles_replayBtn__mzQ02{min-height:44px}.piano-tiles_countdown__qrJLW{font-size:88px}}