.fm{max-width:400px;margin:0 auto}.fm-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:10px}.fm-stat{flex:1 1 80px;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);text-align:center;line-height:1.2}.fm-stat span{display:block;font-size:var(--fs-xs);color:var(--muted)}.fm-stat b{font-size:19px;font-variant-numeric:tabular-nums}.fm-stat .fm-next{font-size:24px;line-height:1}.fm-bar{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-bottom:10px}.fm-boardwrap{position:relative}.fm-canvas{display:block;width:100%;aspect-ratio:360 / 560;border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel2);direction:ltr;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;outline:none}.fm-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.fm-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);text-align:center;border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 88%,transparent)}.fm-over-title{font-size:var(--fs-xl);font-weight:700;margin:0}.fm-over-sub{color:var(--muted);margin:0}.fm-over-btns{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.fm-pad{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:var(--sp-2);max-width:280px;margin:10px auto 0;direction:ltr}.fm-key{padding:var(--sp-3) 0;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:16px;cursor:pointer}.fm-key:active{background:var(--panel2)}.fm-hint{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--muted)}