.fb{max-width:460px;margin:0 auto}.fb-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:10px}.fb-stat{flex:1 1 68px;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);text-align:center;line-height:1.2}.fb-stat span{display:block;font-size:var(--fs-xs);color:var(--muted)}.fb-stat b{font-size:19px;font-variant-numeric:tabular-nums}.fb-play{display:flex;gap:var(--sp-2);align-items:flex-start}.fb-boardwrap{position:relative;flex:1 1 auto}.fb-side{flex:0 0 78px;display:flex;flex-direction:column;gap:var(--sp-2)}.fb-side .btn{padding-inline:0;font-size:var(--fs-sm)}.fb-box{padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);text-align:center}.fb-box>span{display:block;font-size:var(--fs-xs);color:var(--muted);margin-bottom:4px}.fb-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;direction:ltr}.fb-mini i{aspect-ratio:1;border-radius:2px;background:transparent}.fb-mini i.on{background:var(--accent)}.fb-board{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;padding:var(--sp-1);border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--line);direction:ltr;touch-action:none;-webkit-user-select:none;user-select:none}.fb-cell{aspect-ratio:1;border-radius:2px;background:var(--panel)}.fb-cell.on{box-shadow:inset 0 0 0 1px #00000040}.fb-cell.is-ghost{background:transparent;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.fb-c1{background:var(--hue-sky)}.fb-c2{background:var(--hue-amber)}.fb-c3{background:var(--hue-violet)}.fb-c4{background:var(--hue-green)}.fb-c5{background:var(--hue-red)}.fb-c6{background:var(--accent)}.fb-c7{background:var(--hue-orange)}.fb-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-3);text-align:center;border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 88%,transparent)}.fb-over-title{font-size:var(--fs-lg);font-weight:700;margin:0}.fb-over-sub{color:var(--muted);margin:0;font-size:var(--fs-sm)}.fb-over-btns{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.fb-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);margin-top:10px}.fb-key{padding:var(--sp-3) 0;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:18px;cursor:pointer}.fb-key:active{background:var(--panel2)}.fb-key-wide{grid-column:span 2}.fb-hint{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--muted)}