:lang(zh-Hant) .pp-title,:lang(ja) .pp-title{font-family:var(--sans);font-weight:900}.pp-home-meta{min-height:44px}.pp-game{user-select:none;-webkit-user-select:none}.pp-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;flex:none}.pp-clock{display:flex;align-items:baseline;gap:4px;font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums}.pp-clock span{font-size:34px;line-height:1}.pp-clock small{font-size:13px;color:var(--muted);font-family:var(--sans)}.pp-level{height:32px;padding:0 12px;border-radius:999px;background:var(--sand);display:inline-flex;align-items:center;font-size:13px;font-weight:700}.pp-progress{margin-top:10px;flex:none}.pp-progress-label{font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.pp-lives{margin-left:auto;letter-spacing:2px;color:var(--accent);font-size:11px}.pp-bar{margin-top:6px;height:10px;border-radius:999px;background:var(--sand);overflow:hidden}.pp-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--ink);transition:width .18s ease,background .2s}.fever .pp-bar i{background:var(--accent)}.pp-stage{flex:1 1 auto;min-height:180px;display:flex;align-items:center;justify-content:center;margin:4px -6px 0}.pp-scene{width:100%;height:100%;max-height:52dvh;display:block;overflow:visible}.pp-target{fill:none;stroke:var(--ink);stroke-opacity:.35;stroke-width:2;stroke-dasharray:5 6;transition:fill .12s}.pp-target.on{fill:#fff;fill-opacity:.55;stroke-opacity:1;stroke-dasharray:none}.pp-target.chance{fill:#f6c33b;fill-opacity:.35}.pp-ring{fill:none;stroke:var(--accent);stroke-width:3.5}.pp-ring.chance{stroke:#d9a514;stroke-width:4.5}.pp-burst{fill:var(--accent);fill-opacity:.45;stroke:var(--accent);stroke-width:2;animation:ppBurst .55s ease-out forwards;transform-box:view-box}.pp-burst.strong{fill-opacity:.6}@keyframes ppBurst{0%{transform:scale(1);opacity:1}to{transform:scale(1.9);opacity:0}}.pp-streak{animation:fadeIn .12s}.pp-smash-burst{animation:ppPop .5s ease-out;transform-box:view-box}@keyframes ppPop{0%{transform:scale(.2);opacity:0}40%{transform:scale(1.3);opacity:1}to{transform:scale(1)}}.pp-judge{height:96px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}.pp-chip{height:24px;padding:0 10px;border-radius:999px;background:var(--sand);display:inline-flex;align-items:center;font-size:12px;font-weight:700}.pp-chip.empty{visibility:hidden}.pp-chip.fever{background:var(--accent);color:#fff}.pp-word{font-family:var(--display);font-weight:700;font-size:40px;line-height:1.05;letter-spacing:-.02em}.pp-word.go,.pp-word.miss{color:var(--muted)}.pp-word.perfect{color:var(--ink)}.pp-word.smash{font-family:var(--sans);font-weight:900;font-size:54px;color:var(--accent)}:lang(zh-Hant) .pp-word.go,:lang(ja) .pp-word.go{font-family:var(--sans);font-weight:900}.pp-word.pop{animation:ppWord .22s ease-out}@keyframes ppWord{0%{transform:scale(1.25)}to{transform:scale(1)}}.pp-sub{font-size:14px;color:var(--ink-2);min-height:20px;display:flex;gap:10px;justify-content:center}.pp-sub .pts{color:var(--accent)}.pp-pads{position:relative;flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:clamp(140px,24dvh,210px);margin-top:4px}.pp-pad{border-radius:28px;border:1.5px solid var(--line);background:var(--paper);position:relative;touch-action:none;-webkit-touch-callout:none}.pp-pad.next{border:2.5px solid var(--accent)}.pp-pad.hit{animation:ppPad .18s ease-out}@keyframes ppPad{0%{background:var(--accent);transform:scale(.97)}to{background:var(--paper);transform:scale(1)}}.pp-pad kbd{display:none;font-family:var(--display);font-weight:700;font-size:22px;color:var(--muted)}@media (hover: hover) and (pointer: fine){.pp-pad kbd{display:inline-block}}.pp-game.shake .pp-stage{animation:ppShake .3s}.pp-game.smashing .pp-stage{animation:ppShake .35s .05s}@keyframes ppShake{0%,to{transform:none}25%{transform:translate(-5px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,1px)}}.pp-lead{margin:22px 0 0;font-size:15px;color:var(--muted)}.pp-total{margin-top:2px}.pp-total .of{font-size:30px;margin-left:6px}.pp-lose-sub{margin:8px 0 0;font-size:15px;color:var(--ink-2)}.pp-stats{margin-top:16px;background:var(--paper);border-radius:24px;padding:16px 18px}.pp-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;text-align:center;padding-bottom:12px;border-bottom:1px solid var(--sand)}.pp-counts b{display:block;font-family:var(--display);font-size:24px}.pp-counts b.acc{color:var(--accent)}.pp-counts small{font-size:11px;color:var(--muted)}.pp-stats ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.pp-stats li{display:flex;justify-content:space-between;color:var(--ink-2)}.pp-stats li b{color:var(--ink)}@media (min-width: 720px) and (min-height: 640px){.pp-pad{background:var(--cream)}@keyframes ppPad{0%{background:var(--accent);transform:scale(.97)}to{background:var(--cream);transform:scale(1)}}.pp-stats{background:var(--cream)}}.pp-word.whiff{color:var(--muted);font-family:var(--sans);font-weight:900;font-size:34px}.pp-lock{position:absolute;left:0;right:0;top:-9px;height:4px;border-radius:999px;overflow:hidden;visibility:hidden}.pp-lock i{display:block;height:100%;background:var(--muted);transform-origin:left}.pp-pads.locked .pp-lock{visibility:visible}.pp-pads.locked .pp-lock i{animation:ppLock var(--lock) linear forwards}.pp-pads.locked .pp-pad{opacity:.4;border-color:var(--line)}@keyframes ppLock{0%{transform:scaleX(1)}to{transform:scaleX(0)}}