.fd{display:grid;grid-template-columns:max-content;justify-content:center;gap:14px;max-width:100%;margin:0 auto}.fd>*{min-width:0}.fd-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.fd-scores{display:flex;gap:8px}.fd-score{min-width:92px;padding:8px 14px;border-radius:14px;background:var(--g-key);box-shadow:var(--g-key-shadow);text-align:center}.fd-score .pg-label{margin:0 0 2px;font-size:9px}.fd-score strong{display:block;font-size:24px;font-weight:900;line-height:1.1;color:var(--color-ink);font-variant-numeric:tabular-nums}.fd-score--best strong{color:var(--color-brand)}.fd-pause:disabled{opacity:.4;cursor:default;transform:none}.fd-board{position:relative;max-width:100%;border-radius:16px;overflow:hidden;box-shadow:0 0 0 2px var(--color-border-strong),0 14px 34px rgb(14 14 15 / .1);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;animation:g-pop-in .5s var(--ease-spring) both}.fd-board.is-shake{animation:lx-shake .45s}.fd-canvas{display:block}.fd-ov{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:rgb(10 10 13 / .26);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:g-fade .25s var(--ease)}.fd-card{max-width:340px;padding:24px 26px;border-radius:22px;background:var(--color-bg);box-shadow:var(--shadow-lift);text-align:center;animation:g-pop-in .42s var(--ease-spring) both}.fd-card .pg-label{margin:0 0 4px}.fd-card--over .pg-label{color:var(--color-brand)}.fd-card__t{margin:0 0 6px;font-size:20px;font-weight:900;line-height:1.25;color:var(--color-ink)}.fd-card__sub{margin:0 0 16px;font-size:14px;line-height:1.45;color:var(--color-text-soft)}.fd-card__n{margin:2px 0 6px;font-size:64px;font-weight:900;line-height:1;color:var(--color-ink);font-variant-numeric:tabular-nums}.fd-card__actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.fd-pad{display:none;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,58px);grid-template-areas:". up ." "left down right";gap:8px;justify-content:center}.fd-key{border:0;border-radius:16px;background:var(--g-key);box-shadow:var(--g-key-shadow);color:var(--color-ink);display:grid;place-items:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#fff0;transition:background .15s var(--ease),color .15s var(--ease)}.fd-key svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.fd-key--up{grid-area:up}.fd-key--left{grid-area:left}.fd-key--down{grid-area:down}.fd-key--right{grid-area:right}.fd-key:active{background:var(--color-brand);color:#fff}.fd-key.is-press{animation:fd-press .2s var(--ease)}@keyframes fd-press{40%{transform:scale(.88)}}.fd-hint{width:0;min-width:100%;margin:0;text-align:center;font-size:13px;line-height:1.6;color:var(--color-text-muted)}.fd-hint kbd{display:inline-block;min-width:22px;padding:1px 6px;border-radius:6px;background:var(--g-key);box-shadow:var(--g-key-shadow);font:700 12px/1.5 var(--font-sans);color:var(--color-ink)}@media (hover:none) and (pointer:coarse){.fd-pad{display:grid}.fd-hint{display:none}}@media (max-width:760px){.fd-score{min-width:78px;padding:7px 12px}.fd-score strong{font-size:21px}.fd-card{padding:20px}.fd-card__n{font-size:52px}}