.tf{max-width:360px;margin:0 auto}.tf-stats{display:flex;gap:var(--sp-2);margin-bottom:10px}.tf-stat{flex:1 1 0;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);text-align:center;line-height:1.2}.tf-stat span{display:block;font-size:var(--fs-xs);color:var(--muted)}.tf-stat b{font-size:19px;font-variant-numeric:tabular-nums}.tf-bar{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-bottom:10px}.tf-stage{position:relative;direction:ltr;touch-action:none;user-select:none;-webkit-user-select:none}.tf-canvas{display:block;width:100%;aspect-ratio:320 / 480;border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel2);cursor:pointer;touch-action:none}.tf-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)}.tf-over-title{font-size:var(--fs-xl);font-weight:700;margin:0}.tf-over-sub{color:var(--muted);margin:0}.tf-over-btns{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.tf-over-tap{font-size:var(--fs-sm);color:var(--muted);margin:0}.tf-hint{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--muted)}